.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}}.client-preview.client-preview--feature{border-radius:.75rem;max-height:14rem;overflow:hidden}.player-feature-spotlight .client-preview.client-preview--feature{border-radius:1rem;max-height:15.5rem;box-shadow:0 1px 2px #0000000a,0 8px 28px #00000012}.player-feature-spotlight .client-preview.client-preview--checkout{max-height:17.5rem}.client-preview.client-preview--feature .cp-shell{min-height:11rem}.client-preview.client-preview--checkout .cp-shell--checkout{min-height:14.5rem}.client-preview .cp-feature-body{flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:.35rem .45rem .45rem;display:flex}.client-preview .cp-slot--selected{background:var(--color-primary);color:var(--color-primary-content);box-shadow:0 0 0 2px var(--color-primary), 0 0 0 3px var(--color-base-200);font-weight:700}.client-preview .cp-grid-row--single{grid-template-columns:2.25rem repeat(3,1fr)}.client-preview .cp-selection-bar{background:var(--color-neutral);color:var(--color-neutral-content);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.35rem;margin-top:auto;padding:.35rem .45rem;transition:opacity .35s,transform .35s;display:flex;box-shadow:0 2px 8px #0000001f}.client-preview .cp-selection-bar[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(.35rem)}.client-preview .cp-slot{transition:background-color .25s,color .25s,box-shadow .25s}.client-preview .cp-selection-bar strong{font-size:.55rem;line-height:1.2;display:block}.client-preview .cp-selection-bar span.cp-muted{opacity:.65;font-size:.48rem}.client-preview .cp-selection-actions{flex-shrink:0;gap:.2rem;display:flex}.client-preview .cp-btn-ghost,.client-preview .cp-btn-primary{border:none;border-radius:.25rem;padding:.15rem .35rem;font-size:.48rem;font-weight:600}.client-preview .cp-btn-ghost{color:color-mix(in oklch, var(--color-neutral-content) 75%, transparent);background:0 0}.client-preview .cp-btn-primary{background:var(--color-primary);color:var(--color-primary-content)}.client-preview .cp-checkout-stage{flex:1;place-items:center;min-height:9rem;display:grid;position:relative}.client-preview.client-preview--checkout .cp-checkout-stage{min-height:12.5rem;padding:.15rem .25rem .25rem}.client-preview .cp-modal-backdrop{background:color-mix(in oklch, var(--color-neutral) 25%, transparent);justify-content:center;align-items:center;padding:.35rem;display:flex;position:absolute;inset:0}.client-preview .cp-modal-box{background:var(--color-base-100);border-radius:calc(var(--radius-box,.25rem) * 1.5);width:100%;max-width:11rem;max-height:100%;padding:.45rem .5rem;font-size:.48rem;line-height:1.35;overflow:hidden;box-shadow:0 4px 16px #00000026}.client-preview .cp-modal-box--checkout{max-width:13.5rem;max-height:none;padding:.4rem .45rem .45rem;display:grid;overflow:visible}.client-preview .cp-modal-box h4{color:var(--color-primary);text-align:center;margin:0 0 .15rem;font-size:.58rem;font-weight:700}.client-preview .cp-modal-box .cp-sub{text-align:center;color:color-mix(in oklch, var(--color-base-content) 55%, transparent);margin-bottom:.25rem;font-size:.45rem}.client-preview .cp-checkout-date{justify-content:space-between;align-items:baseline;gap:.35rem;margin-bottom:.2rem;font-size:.45rem;display:flex}.client-preview .cp-checkout-date-label{color:color-mix(in oklch, var(--color-base-content) 55%, transparent)}.client-preview .cp-checkout-total{border-top:1px solid color-mix(in oklch, var(--color-base-300) 55%, transparent);justify-content:space-between;align-items:baseline;gap:.35rem;margin-top:.15rem;padding-top:.2rem;font-size:.48rem;display:flex}.client-preview .cp-checkout-total--compact{margin-top:.35rem;font-size:.45rem}.client-preview .cp-checkout-footnote{text-align:center;color:color-mix(in oklch, var(--color-base-content) 55%, transparent);margin:.2rem 0 0;font-size:.4rem;line-height:1.3}.client-preview .cp-slot-list--checkout{margin:0;padding:.22rem .28rem;list-style:none}.client-preview .cp-checkout-panel{opacity:1;grid-area:1/1;width:100%;transition:opacity .45s}.client-preview .cp-checkout-panel[data-hidden=true]{opacity:0;pointer-events:none}.client-preview .cp-slot-list{background:color-mix(in oklch, var(--color-base-200) 80%, transparent);border-radius:.35rem;margin:.25rem 0;padding:.3rem}.client-preview .cp-slot-line{border-bottom:1px solid color-mix(in oklch, var(--color-base-300) 50%, transparent);justify-content:space-between;gap:.25rem;padding:.1rem 0;font-size:.44rem;display:flex}.client-preview .cp-slot-line:last-child{border-bottom:none}.client-preview .cp-ref-box{text-align:center;background:color-mix(in oklch, var(--color-primary) 12%, transparent);border-radius:.35rem;margin:.35rem 0;padding:.35rem}.client-preview .cp-ref-box .cp-ref-label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.42rem}.client-preview .cp-ref-box .cp-ref-value{color:var(--color-primary);font-family:ui-monospace,monospace;font-size:.55rem;font-weight:700}.client-preview .cp-grid-header{text-align:center}.client-preview .cp-grid-header .cp-date-line{font-size:.52rem;font-weight:600}.client-preview .cp-grid-header .cp-hint{color:color-mix(in oklch, var(--color-base-content) 50%, transparent);font-size:.45rem}.client-preview .cp-legend{color:color-mix(in oklch, var(--color-base-content) 60%, transparent);flex-wrap:wrap;justify-content:center;gap:.35rem;font-size:.42rem;display:flex}.client-preview .cp-legend-item{align-items:center;gap:.15rem;display:inline-flex}.client-preview .cp-legend-swatch{border:1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent);border-radius:.12rem;width:.45rem;height:.45rem}.client-preview .cp-legend-swatch--open{background:color-mix(in oklch, var(--color-accent) 20%, transparent);border-color:color-mix(in oklch, var(--color-accent) 45%, transparent)}.client-preview .cp-legend-swatch--openplay{background:color-mix(in oklch, var(--color-info) 20%, transparent);border-color:color-mix(in oklch, var(--color-info) 45%, transparent)}.client-preview .cp-legend-swatch--selected{background:var(--color-primary)}.client-preview .cp-open-play-banner{border:1px solid color-mix(in oklch, var(--color-info) 35%, transparent);background:color-mix(in oklch, var(--color-info) 12%, transparent);border-radius:.45rem;padding:.35rem}.client-preview .cp-open-play-banner h5{text-transform:uppercase;letter-spacing:.03em;color:var(--color-info);margin:0 0 .15rem;font-size:.45rem;font-weight:700}.client-preview .cp-open-play-banner p.cp-banner-hint{color:color-mix(in oklch, var(--color-base-content) 55%, transparent);margin:0 0 .3rem;font-size:.42rem}.client-preview .cp-open-play-card{background:color-mix(in oklch, var(--color-base-100) 75%, transparent);border:1px solid color-mix(in oklch, var(--color-info) 30%, transparent);border-radius:.35rem;align-items:stretch;gap:.3rem;padding:.3rem;display:flex}.client-preview .cp-open-play-card .cp-grow{flex:1;min-width:0}.client-preview .cp-open-play-card strong{font-size:.5rem;display:block}.client-preview .cp-open-play-card .cp-meta{color:color-mix(in oklch, var(--color-base-content) 55%, transparent);font-size:.42rem}.client-preview .cp-badge-info{border:1px solid color-mix(in oklch, var(--color-info) 40%, transparent);color:var(--color-info);border-radius:999px;margin-top:.15rem;padding:.08rem .25rem;font-size:.4rem;display:inline-block}.client-preview .cp-open-play-actions{flex-direction:column;justify-content:center;gap:.15rem;display:flex}.client-preview .cp-btn-info{background:var(--color-info);color:#fff;border:none;border-radius:.25rem;padding:.12rem .3rem;font-size:.42rem;font-weight:600}.client-preview .cp-btn-outline-info{border:1px solid color-mix(in oklch, var(--color-info) 50%, transparent);color:var(--color-info);background:0 0;border-radius:.25rem;padding:.12rem .3rem;font-size:.42rem;font-weight:600}.client-preview .cp-account-main{flex:1;padding:.35rem .45rem;overflow:hidden}.client-preview .cp-account-section{margin-bottom:.4rem}.client-preview .cp-account-section h5{margin:0 0 .2rem;font-size:.52rem;font-weight:700}.client-preview .cp-booking-card{background:var(--color-base-100);border:1px solid var(--color-base-300);border-left-width:3px;border-radius:.35rem;padding:.35rem;font-size:.45rem}.client-preview .cp-booking-card--confirmed{border-left-color:oklch(65% .15 145)}.client-preview .cp-booking-card--cancelled{opacity:.85;border-left-color:oklch(55% .2 25)}.client-preview .cp-booking-card .cp-ref{font-family:ui-monospace,monospace;font-weight:600}.client-preview .cp-badge-sm{border-radius:999px;padding:.06rem .2rem;font-size:.38rem;font-weight:600}.client-preview .cp-badge-success{color:oklch(45% .12 145);background:oklch(65% .15 145/.25)}.client-preview .cp-badge-ghost{background:color-mix(in oklch, var(--color-base-300) 50%, transparent);color:color-mix(in oklch, var(--color-base-content) 55%, transparent)}.client-preview .cp-nav-link{color:var(--color-neutral-content);font-size:.5rem;font-weight:600}