.time-picker{border:1px solid var(--color-line);background:#fff;border-radius:14px;overflow:clip}.time-picker>summary{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:12px;min-block-size:94px;padding:12px 16px;list-style:none;display:flex}.time-picker>summary::-webkit-details-marker{display:none}.time-picker[open]>summary{border-block-end:1px solid var(--color-line)}.time-picker>summary:focus-visible{outline:2px solid var(--color-link);outline-offset:-4px}.time-picker-now{flex-direction:column;align-items:flex-start;gap:3px;min-block-size:70px;min-inline-size:0;display:flex}.time-picker-now small{letter-spacing:.04em;text-transform:uppercase;min-block-size:16px;color:var(--color-sub);font-size:12px;font-weight:600;line-height:16px;display:block}.time-picker>summary b{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:28px;display:block}.time-picker>summary .time-picker-now>span{color:var(--color-body);font-size:14px;line-height:20px;display:block}.time-picker-now>i.skeleton{border-radius:6px;block-size:24px;inline-size:7.5rem;display:block}.time-picker-now>i.skeleton+i.skeleton{block-size:14px;inline-size:11rem;margin-block-start:8px}.time-picker>summary .time-picker-change{border:1px solid var(--color-line);min-block-size:44px;color:var(--color-link);border-radius:10px;flex:none;align-items:center;gap:8px;padding-inline:14px;font-size:15px;font-weight:600;display:inline-flex}.time-picker>summary .time-picker-change:after{content:"";border-block-end:2px solid;border-inline-end:2px solid;block-size:7px;inline-size:7px;margin-block-start:-3px;rotate:45deg}.time-picker[open]>summary .time-picker-change:after{margin-block-start:3px;rotate:225deg}@media (hover:hover){.time-picker>summary:hover .time-picker-change{border-color:var(--color-link)}}.time-picker .time-picker-controls{gap:14px;padding:16px;display:grid}@media (max-width:639px){.time-picker>summary{padding-inline:14px}.time-picker .time-picker-controls{padding:14px}}.time-picker .booking-live{margin-block-end:10px}.time-picker .booking-times{gap:8px}.time-picker .booking-days-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px}.time-picker .booking-week-nav{block-size:44px;min-block-size:44px;inline-size:44px;color:var(--color-ink);background:0 0;border-color:#0000;border-radius:999px}.time-picker .booking-week-nav:disabled{color:var(--color-line-3);opacity:.55}@media (hover:hover){.time-picker .booking-week-nav:not(:disabled):hover{border-color:var(--color-line);background:var(--color-shade)}}.time-picker .booking-week-nav:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.time-picker .booking-days{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:-3px;padding:3px;scroll-padding-inline:3px;display:flex;overflow-x:auto}.time-picker .booking-days::-webkit-scrollbar{display:none}.time-picker .booking-day{border:1px solid var(--color-line);min-block-size:68px;min-inline-size:56px;color:var(--color-ink);box-shadow:none;scroll-snap-align:start;background:#fff;border-radius:12px;flex:1 0 56px;grid-template-rows:14px 26px;align-content:center;gap:2px;padding:8px 4px 12px;position:relative}.time-picker .booking-day .booking-day-wd{color:var(--color-sub);font-size:12px;font-weight:500;line-height:14px}.time-picker .booking-day b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:26px}.time-picker .booking-day[data-today=true] .booking-day-wd{color:var(--color-brand);font-weight:700}.time-picker .booking-day[data-soonest=true]:after{content:"";background:var(--color-brand);border-radius:50%;block-size:5px;inline-size:5px;position:absolute;inset-block-end:6px;inset-inline-start:calc(50% - 2.5px)}.time-picker .booking-day:disabled{color:var(--color-sub);opacity:.7;background:0 0;border-style:dashed}.time-picker .booking-day:disabled b{font-weight:400}.time-picker .booking-day[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.time-picker .booking-day[aria-pressed=true] .booking-day-wd{color:#fff}.time-picker .booking-day[aria-pressed=true][data-soonest=true]:after{background:#fff}.time-picker .booking-day:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}@media (hover:hover){.time-picker .booking-day:not(:disabled):not([aria-pressed=true]):hover{border-color:var(--color-brand)}}.time-picker .booking-days-month{text-align:center;color:var(--color-ink);margin:0;font-size:14px;font-weight:700;line-height:20px}.time-picker .booking-days-row[data-row=swipe]{grid-template-columns:minmax(0,1fr);margin-inline:-14px;position:relative}.time-picker .booking-days-row[data-row=swipe] .booking-week-nav{display:none}.time-picker .booking-days-row[data-row=swipe] .booking-days{margin:0;padding:3px 14px;scroll-padding-inline:14px}.time-picker .booking-days-row[data-row=swipe] .booking-day{flex:0 0 58px}.time-picker .booking-days-row[data-row=swipe]:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#fff 85%);inline-size:36px;position:absolute;inset-block:0;inset-inline-end:0}.time-picker .booking-days-end{flex:0 0 1px}[dir=rtl] .time-picker .booking-days-row[data-row=swipe]:after{background:linear-gradient(270deg,#fff0,#fff 85%)}.time-picker .booking-live{margin-inline:auto}.time-picker .booking-day-title{text-align:center}.time-picker .booking-more{justify-content:center;margin-inline:auto;display:flex}.time-picker .booking-times button{border:1px solid var(--color-line-3);min-block-size:48px;color:var(--color-ink);background:#fff;border-radius:10px;font-weight:600}.time-picker .booking-times button.earliest{border:1px solid var(--color-line-3);color:var(--color-ink)}.time-picker .booking-times button.earliest:after{border:1px solid var(--color-line);color:var(--color-sub);background:#fff}.time-picker .booking-times button.requested,.time-picker .booking-times button[aria-pressed=true]{border:1px solid var(--color-brand);background:var(--color-brand);color:#fff}.time-picker .booking-times button[aria-pressed=true]:after{display:none}.time-picker .booking-times button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}@media (hover:hover){.time-picker .booking-times button:not([aria-pressed=true]):hover{border-color:var(--color-brand);background:#fff}}
.booking-store-card{border:1px solid color-mix(in oklab, var(--color-brand) 18%, var(--color-line));background:color-mix(in srgb, var(--color-brand-50) 60%, white);border-radius:12px;min-inline-size:0;scroll-margin-block-start:88px;container:booking-store/inline-size}.booking-store-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who change""note note""choices choices""facts facts""links links";align-items:center;gap:4px 16px;padding:14px 16px 4px;display:grid;position:relative}.booking-store-who{grid-area:who;gap:2px;min-inline-size:0;margin:0;display:grid}.booking-store-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand);font-size:12px;font-weight:600;line-height:16px}.booking-store-name{font-family:var(--font-heading);color:var(--color-ink);overflow-wrap:anywhere;font-size:24px;font-weight:600;line-height:28px}.booking-store-change{text-transform:none;letter-spacing:0;white-space:nowrap;grid-area:change}.booking-store-facts{color:var(--color-body);grid-area:facts;gap:4px;margin:8px 0 0;padding:0;font-size:15px;line-height:22px;list-style:none;display:grid}.booking-store-facts li{align-items:flex-start;gap:8px;min-inline-size:0;display:flex}.booking-store-facts svg{color:var(--color-brand);flex:none;margin-block-start:3px}.booking-store-facts b,.booking-store-facts [data-state]{font-weight:700}.booking-store-facts [data-state=open]{color:var(--color-go)}.booking-store-facts [data-state=closed]{color:var(--color-ink)}.booking-store-links{flex-wrap:wrap;grid-area:links;gap:0 20px;display:flex}.booking-store-links a{min-block-size:44px;color:var(--color-link);align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.booking-store-links svg{color:var(--color-brand)}@media (hover:hover){.booking-store-links a:hover{text-underline-offset:3px;text-decoration:underline}}.booking-store-note{background:var(--color-go-50);color:var(--color-ink);border-radius:8px;grid-area:note;align-items:flex-start;gap:8px;margin-block:4px;padding:8px 12px;font-size:14px;line-height:20px;display:flex}.booking-store-note:empty{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.booking-store-note svg{color:var(--color-go);flex:none;margin-block-start:2px}@media (prefers-reduced-motion:no-preference){.booking-store-note:not(:empty){animation:booking-store-note .24s var(--ease-std)}}@keyframes booking-store-note{0%{opacity:0;translate:0 -4px}}@container booking-store (min-width:640px){.booking-store-inner{grid-template-areas:"who change""note note""choices choices""facts links";padding-inline:20px}.booking-store-links{justify-content:flex-end;align-self:end}}.booking-store-card[data-choose] .booking-store-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"who""choices";padding-block-end:12px}.booking-store-card[data-choose] .store-picker-body{grid-area:choices;padding-inline:0}.booking-store-card[data-choose] .store-picker-list,.booking-storepanel .store-picker-list{border:1px solid var(--color-line);background:#fff;border-radius:10px;margin-inline:0;padding:4px}.booking-storepanel{border:1px solid var(--color-line);background:#fff;border-radius:10px;grid-area:choices;grid-template-columns:minmax(0,1fr);gap:8px;min-inline-size:0;margin-block:8px 4px;padding:14px;display:grid}.booking-storepanel h3{color:var(--color-ink);margin:0;font-size:18px;font-weight:600;line-height:24px}.booking-storepanel .store-picker-body{padding-inline:0}@media (max-width:639px){.booking-workspace .booking-store-card[data-flow=booking]:has(.booking-storepanel){box-shadow:none;background:0 0;border:0;border-radius:0}.booking-workspace .booking-store-card[data-flow=booking]:has(.booking-storepanel) .booking-store-inner{padding:0}.booking-workspace .booking-store-card[data-flow=booking] .booking-storepanel{border:0;border-block-start:1px solid var(--color-line);text-align:start;background:0 0;border-radius:0;justify-self:stretch;margin-block:8px 0;padding:12px 0 0}.booking-workspace .booking-store-card[data-flow=booking] .store-picker-body{min-inline-size:0;padding:0}.booking-workspace .booking-store-card[data-flow=booking] .store-picker-list{background:0 0;border:0;border-radius:0;padding:0}.booking-workspace .booking-store-card[data-flow=booking] .store-picker-name{flex-wrap:wrap;gap:4px 8px}.booking-workspace .booking-store-card[data-flow=booking] .store-picker-text strong,.booking-workspace .booking-store-card[data-flow=booking] .store-picker-address{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}}.booking-store-line{min-inline-size:0;color:var(--color-body);align-items:center;gap:8px;margin:0;font-size:14px;line-height:20px;display:flex}.booking-store-line>svg{color:var(--color-brand);flex:none}.booking-store-line-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.booking-store-line b{color:var(--color-ink);font-weight:600}.booking-store-line button{min-block-size:44px;color:var(--color-link);white-space:nowrap;flex:none;margin-block:-12px;padding-inline:4px;font-size:14px;font-weight:600}
