.client-preview{--cp-font:ui-sans-serif, system-ui, sans-serif;font-family:var(--cp-font);color:var(--color-base-content);background-color:var(--color-base-200);border-radius:0 0 .75rem .75rem;font-size:11px;line-height:1.35}.client-preview *{box-sizing:border-box}.client-preview .cp-shell{flex-direction:column;min-height:220px;display:flex}.client-preview .cp-nav{background:var(--color-neutral);height:2.5rem;color:var(--color-neutral-content);justify-content:space-between;align-items:center;padding:0 .75rem;display:flex}.client-preview .cp-nav-brand{align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;display:flex}.client-preview .cp-nav-logo{border-radius:calc(var(--radius-box,.25rem) * .75);background:color-mix(in oklch, var(--color-primary) 70%, white);place-items:center;width:1.25rem;height:1.25rem;font-size:.55rem;font-weight:800;display:grid}.client-preview .cp-nav-cta{background:var(--color-primary);color:var(--color-primary-content);white-space:nowrap;border-radius:999px;padding:.2rem .45rem;font-size:.55rem;font-weight:600}.client-preview .cp-main{flex-direction:row;flex:1;align-items:flex-start;gap:.5rem;padding:.45rem;display:flex}.client-preview .cp-calendar{--cp-cal-cell:.9rem;box-sizing:border-box;width:calc(var(--cp-cal-cell) * 7 + .12rem * 6 + .8rem);background:var(--color-base-100);border:1px solid var(--color-base-200);border-radius:.75rem;flex-shrink:0;align-self:flex-start;padding:.4rem .4rem .45rem;box-shadow:0 1px 2px #0000000f}.client-preview .cp-cal-nav{justify-content:space-between;align-items:center;gap:.15rem;margin-bottom:.35rem;display:flex}.client-preview .cp-cal-month{letter-spacing:-.02em;text-align:center;white-space:nowrap;flex:1;min-width:0;font-size:.5rem;font-weight:600;line-height:1.25}.client-preview .cp-cal-nav-btn{width:1rem;height:1rem;color:color-mix(in oklch, var(--color-base-content) 70%, transparent);opacity:.85;border-radius:.25rem;place-items:center;display:grid}.client-preview .cp-cal-nav-btn svg{width:.5rem;height:.5rem}.client-preview .cp-cal-body{width:calc(var(--cp-cal-cell) * 7 + .12rem * 6);margin-inline:auto}.client-preview .cp-cal-dow-row,.client-preview .cp-cal-days{grid-template-columns:repeat(7, var(--cp-cal-cell));gap:.12rem;display:grid}.client-preview .cp-cal-dow-row{margin-bottom:.15rem}.client-preview .cp-cal-dow{text-align:center;text-transform:uppercase;color:color-mix(in oklch, var(--color-base-content) 35%, transparent);padding:.08rem 0;font-size:.42rem;font-weight:600}.client-preview .cp-cal-day{width:var(--cp-cal-cell);height:var(--cp-cal-cell);font-variant-numeric:tabular-nums;border-radius:.25rem;justify-content:center;align-items:center;font-size:.5rem;line-height:1;display:flex}.client-preview .cp-cal-day--disabled{color:color-mix(in oklch, var(--color-base-content) 12%, transparent)}.client-preview .cp-cal-day--selected{background:var(--color-neutral);color:var(--color-neutral-content);font-weight:700}.client-preview .cp-grid-wrap{flex:1;min-width:0;overflow:hidden}.client-preview .cp-grid{gap:.15rem;display:grid}.client-preview .cp-grid-head,.client-preview .cp-grid-row{grid-template-columns:2.5rem repeat(4,1fr);gap:.15rem;display:grid}.client-preview .cp-grid-head span{text-align:center;background:color-mix(in oklch, var(--color-base-200) 90%, var(--color-base-300));color:color-mix(in oklch, var(--color-base-content) 65%, transparent);border-radius:.2rem .2rem 0 0;padding:.2rem 0;font-size:.48rem;font-weight:600}.client-preview .cp-court{background:color-mix(in oklch, var(--color-base-200) 90%, var(--color-base-300));border-radius:.2rem 0 0 .2rem;justify-content:center;align-items:center;font-size:.5rem;font-weight:700;display:flex}.client-preview .cp-slot{border:1px solid #0000;border-radius:.2rem;place-items:center;min-height:1.35rem;font-size:.42rem;font-weight:600;display:grid}.client-preview .cp-slot--past{background:color-mix(in oklch, var(--color-base-300) 35%, transparent);color:color-mix(in oklch, var(--color-base-content) 45%, transparent)}.client-preview .cp-slot--open{background:color-mix(in oklch, var(--color-info) 18%, transparent);border-color:color-mix(in oklch, var(--color-info) 45%, transparent);color:var(--color-info)}.client-preview .cp-slot--avail{background:color-mix(in oklch, var(--color-accent) 14%, transparent);border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);color:color-mix(in oklch, var(--color-accent) 85%, black)}.client-preview .cp-slot--picked{background:var(--color-primary);color:var(--color-primary-content);box-shadow:0 0 0 1px var(--color-primary)}.will-change-transform{will-change:transform}@media (prefers-reduced-motion:reduce){.will-change-transform{will-change:auto}}