.booking-calendar{--booking-accent:var(--brand-focus);--booking-tint:var(--brand-control-tint);--booking-calendar-inset:20px;--booking-times-gap:6px;--booking-field-background:color-mix(in srgb, var(--brand-navigation-text) 6%, var(--brand-surface));--booking-field-border:color-mix(in srgb, var(--brand-navigation-text) 8%, transparent);border:1px solid var(--booking-tint);width:100%;max-width:600px;color:var(--brand-navigation-text);background:var(--brand-surface);font-size:var(--brand-type-body);border-radius:20px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.brand-frame .booking-calendar-title{padding:16px var(--booking-calendar-inset);border-bottom:1px solid var(--booking-tint);color:var(--brand-text);font-size:var(--brand-type-subtitle);font-weight:var(--brand-weight-heading);line-height:var(--brand-leading-subtitle);text-align:center;grid-column:1/-1}.booking-calendar-picker{min-width:0;padding:var(--booking-calendar-inset)}.booking-calendar-months{position:relative}.booking-calendar-month-grid{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px 4px;display:grid}.booking-calendar-caption{text-align:center;grid-area:1/2}.booking-calendar-month-label{font-weight:var(--brand-weight-display);text-transform:capitalize}.booking-calendar-month-button{background:var(--brand-surface);width:40px;height:40px;color:inherit;cursor:pointer;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.booking-calendar-previous{grid-area:1/1}.booking-calendar-next{grid-area:1/3}.booking-calendar-month-button:is(:disabled,[aria-disabled=true]){visibility:hidden}.booking-calendar-days{table-layout:fixed;border-collapse:separate;border-spacing:calc(var(--spacing) * .5);width:calc(100% + var(--spacing));margin:calc(var(--spacing) * -.5);grid-column:1/-1}.booking-calendar-weekday{color:var(--brand-muted);text-align:center;padding-bottom:12px;font-weight:500}.booking-calendar-day{text-align:center;padding:0}.booking-calendar-day-button{aspect-ratio:1;border-radius:var(--radius-xs);background:var(--booking-field-background);width:100%;min-height:0;color:inherit;box-shadow:inset 0 0 0 1px var(--booking-field-border);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:0;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);place-items:center;padding:0;transition:scale .12s;display:grid}.booking-calendar-day-number{grid-area:2/1}.booking-calendar-today .booking-calendar-day-button:after{content:"";background:var(--booking-accent);pointer-events:none;border-radius:999px;grid-area:3/1;width:30%;height:2px}.booking-calendar-today.booking-calendar-day-selected .booking-calendar-day-button:after{background:var(--brand-surface)}.booking-calendar-day-selected .booking-calendar-day-button{background:var(--booking-accent);box-shadow:inset 0 0 0 1px var(--booking-accent);color:var(--brand-surface)}.booking-calendar-day-disabled .booking-calendar-day-button{background:var(--brand-surface);box-shadow:none;color:color-mix(in srgb, var(--brand-muted) 50%, transparent);cursor:default}.booking-calendar-today.booking-calendar-day-disabled .booking-calendar-day-button:after{background:var(--booking-accent)}.booking-calendar-day-hidden{visibility:hidden}.booking-calendar-times-panel{container-type:inline-size}.booking-calendar-times{overscroll-behavior:contain;height:192px;padding:var(--booking-calendar-inset) 0 var(--booking-calendar-inset) var(--booking-calendar-inset);border-top:1px solid var(--booking-tint);scrollbar-width:thin;scrollbar-color:var(--booking-tint) transparent;flex-direction:column;align-items:flex-start;display:flex;overflow:hidden auto}.booking-calendar-times>*{width:calc(100cqw - 2 * var(--booking-calendar-inset));flex-shrink:0}.booking-calendar-time-list{gap:var(--booking-times-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.booking-calendar-slot-feedback{color:var(--brand-muted);text-align:center}.booking-calendar-time{background:var(--booking-field-background);min-height:40px;box-shadow:inset 0 0 0 1px var(--booking-field-border);color:inherit;font:inherit;font-weight:var(--brand-weight-display);font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:12px;padding:8px 16px;transition:scale .12s}.booking-calendar-time[aria-pressed=true]{background:var(--booking-accent);box-shadow:inset 0 0 0 1px var(--booking-accent);color:var(--brand-surface)}.booking-calendar-empty{color:var(--brand-muted);text-align:center;justify-items:center;gap:8px;margin-block:auto;display:grid}.booking-calendar-summary{padding:16px var(--booking-calendar-inset);border-top:1px solid var(--booking-tint);align-items:center;gap:16px;display:grid}.booking-calendar-summary-copy{text-align:center;gap:8px;display:grid}.booking-calendar-summary-copy>p{color:var(--brand-muted)}.booking-calendar-summary strong{color:var(--brand-navigation-text);font-weight:var(--brand-weight-display)}.booking-calendar-timezone{font-size:var(--brand-type-caption)}.brand-frame .booking-calendar-confirm:disabled{cursor:default}@media (min-width:600px){.booking-calendar{grid-template-columns:minmax(0,1fr) 168px}.booking-calendar-times-panel{border-left:1px solid var(--booking-tint);position:relative}.booking-calendar-times{border-top:0;height:auto;position:absolute;inset:0}.booking-calendar-time-list{grid-template-columns:minmax(0,1fr)}.booking-calendar-summary{grid-column:1/-1;grid-template-columns:subgrid;column-gap:0;padding-inline:0}.booking-calendar-summary-copy{padding-inline:var(--booking-calendar-inset);text-align:left}.brand-frame .booking-calendar-summary .booking-calendar-confirm{width:calc(100% - 2 * var(--booking-calendar-inset) - 1px);justify-self:center}.booking-calendar-summary[data-contact=true]{padding-inline:var(--booking-calendar-inset);grid-template-columns:minmax(0,1fr) auto;column-gap:16px}.booking-calendar-summary[data-contact=true] .booking-calendar-summary-copy{padding-inline:0}}@media (min-width:48rem){.booking-calendar-today .booking-calendar-day-button:after{width:40%;height:3px}}@media (hover:hover) and (pointer:fine){.booking-calendar-month-button:not(:disabled):not([aria-disabled=true]):hover,.booking-calendar-day:not(.booking-calendar-day-selected) .booking-calendar-day-button:not(:disabled):not([aria-disabled=true]):hover,.booking-calendar-time:not(:disabled):not([aria-disabled=true]):not([aria-pressed=true]):hover{background:var(--booking-tint);box-shadow:inset 0 0 0 1px var(--booking-tint)}}@media (prefers-reduced-motion:no-preference){.booking-calendar-time:not(:disabled):not([aria-disabled=true]):active,.booking-calendar-month-button:not(:disabled):not([aria-disabled=true]):active,.booking-calendar-day-button:not(:disabled):not([aria-disabled=true]):active{scale:.96}}.brand-frame .booking-calendar-times[data-scroll-overflow=false]{overscroll-behavior-y:auto}
