.bk{gap:clamp(1.5rem,3vw,2.25rem);display:grid;container:booking/inline-size}.bk-head{gap:.6rem;max-width:46ch;display:grid}.bk-title{color:var(--ds-ink);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.1}.bk-lead{color:var(--ds-ink-soft);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.7}.bk-grid{grid-template-areas:"date""time""form";gap:1rem;display:grid}@container booking (min-width:34rem){.bk-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"date time""form form"}}.bk-panel{border:1px solid var(--ds-line);border-radius:var(--radius-card);background:var(--ds-surface);align-content:start;gap:.9rem;padding:clamp(1rem,2vw,1.4rem);display:grid}.bk-panel:first-child{grid-area:date}.bk-panel:nth-child(2){grid-area:time}.bk-form{grid-area:form}.bk-step{color:var(--ds-ink);letter-spacing:.16em;text-transform:uppercase;align-items:baseline;gap:.55rem;margin:0;font-size:.6875rem;font-weight:700;display:flex}.bk-step-num{color:var(--ds-ink-faint);font-variant-numeric:tabular-nums}.bk-empty{color:var(--ds-ink-muted);text-wrap:pretty;align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.bk-empty svg{display:inline-block}.bk-link{border:0;border-bottom:1px solid var(--ds-line-strong);color:var(--ds-ink);font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-emphasized), color var(--motion-fast) var(--ease-emphasized);background:0 0;align-self:start;padding:0 0 1px;font-size:.875rem;font-weight:600}.bk-link:hover{border-color:var(--ds-brand-text);color:var(--ds-brand-text)}.bk-link:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.bk-month{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.bk-month-name{color:var(--ds-ink);margin:0;font-size:.9375rem;font-weight:700}.bk-month-step{border:1px solid var(--ds-line);background:var(--ds-canvas);width:2rem;height:2rem;color:var(--ds-ink-soft);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-emphasized), color var(--motion-fast) var(--ease-emphasized);border-radius:999px;flex:none;place-items:center;display:grid}.bk-month-step:hover:not(:disabled){border-color:var(--ds-line-strong);color:var(--ds-ink)}.bk-month-step:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.bk-month-step:disabled{opacity:.35;cursor:default}.bk-month-step svg{display:block}.bk-cal{gap:.25rem;display:grid}.bk-cal-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;display:grid}.bk-cal-head{border-bottom:1px solid var(--ds-line);color:var(--ds-ink-faint);letter-spacing:.1em;text-align:center;text-transform:uppercase;padding-bottom:.15rem;font-size:.625rem;font-weight:700}.bk-day{aspect-ratio:1;color:var(--ds-ink);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-emphasized), border-color var(--motion-fast) var(--ease-emphasized), color var(--motion-fast) var(--ease-emphasized);background:0 0;border:1px solid #0000;border-radius:.5rem;place-items:center;gap:.1rem;padding:0;font-size:.8125rem;display:grid;position:relative}.bk-day:hover:not(:disabled){border-color:var(--ds-line-strong);background:var(--ds-canvas)}.bk-day:focus-visible{outline:2px solid var(--ds-focus);outline-offset:1px}.bk-day:disabled{color:var(--ds-ink-faint);cursor:default}.bk-day[data-outside]{opacity:.45}.bk-day[aria-pressed=true]{border-color:var(--ds-ink);background:var(--ds-ink);color:var(--ds-canvas)}.bk-day-num{line-height:1}.bk-day-dot{background:var(--ds-brand);width:.25rem;height:.25rem}.bk-day[aria-pressed=true] .bk-day-dot{background:var(--ds-canvas)}.bk-zone{color:var(--ds-ink-muted);letter-spacing:.04em;margin:0;font-size:.6875rem}.bk-chosen-day{color:var(--ds-ink);margin:0;font-size:.875rem;font-weight:700}.bk-slots{overscroll-behavior:contain;gap:.4rem;max-height:22rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}@container booking (min-width:40rem){.bk-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.bk-slot{border:1px solid var(--ds-line);border-radius:var(--radius-control);background:var(--ds-canvas);text-align:left;cursor:pointer;width:100%;transition:background-color var(--motion-fast) var(--ease-emphasized), border-color var(--motion-fast) var(--ease-emphasized), color var(--motion-fast) var(--ease-emphasized);gap:.1rem;padding:.55rem .75rem;display:grid}.bk-slot:hover{border-color:var(--ds-line-strong)}.bk-slot:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.bk-slot[aria-pressed=true]{border-color:var(--ds-brand);background:var(--ds-brand);color:var(--ds-brand-ink)}.bk-slot-time{color:var(--ds-ink);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.bk-slot-length,.bk-slot-yours{color:var(--ds-ink-muted);font-size:.6875rem}.bk-slot[aria-pressed=true] .bk-slot-time,.bk-slot[aria-pressed=true] .bk-slot-length,.bk-slot[aria-pressed=true] .bk-slot-yours{color:var(--ds-brand-ink)}.bk-fields{gap:.9rem;display:grid}@container booking (min-width:30rem){.bk-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.bk-field{align-content:start;gap:.35rem;display:grid}.bk-field-label{color:var(--ds-ink);align-items:baseline;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.bk-field-hint{color:var(--ds-ink-faint);font-size:.6875rem;font-weight:500}.bk-field-error{color:var(--ds-danger);margin:0;font-size:.75rem;font-weight:500}.bk-channels{border:0;margin:0;padding:0}.bk-channel-row{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.bk-channel{cursor:pointer;display:inline-flex}.bk-channel input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bk-channel span{border:1px solid var(--ds-line);background:var(--ds-canvas);color:var(--ds-ink-soft);transition:background-color var(--motion-fast) var(--ease-emphasized), border-color var(--motion-fast) var(--ease-emphasized), color var(--motion-fast) var(--ease-emphasized);border-radius:999px;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}.bk-channel:hover span{border-color:var(--ds-line-strong);color:var(--ds-ink)}.bk-channel input:checked+span{border-color:var(--ds-ink);background:var(--ds-ink);color:var(--ds-canvas)}.bk-channel input:focus-visible+span{outline:2px solid var(--ds-focus);outline-offset:2px}.bk-recap{border-top:1px dashed var(--ds-line);border-bottom:1px dashed var(--ds-line);gap:.2rem;padding:.75rem 0;display:grid}.bk-recap-label{color:var(--ds-ink-muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:700}.bk-recap-value{color:var(--ds-ink);margin:0;font-size:.9375rem;font-weight:700}.bk-error{color:var(--ds-danger);align-items:center;gap:.5rem;margin:.5rem 0 0;font-size:.8125rem;font-weight:500;display:flex}.bk-error svg{display:inline-block}.bk-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.bk-done{border:1px solid var(--ds-line);border-radius:var(--radius-card);background:var(--ds-surface);justify-items:start;gap:.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.bk-done-icon{width:1.75rem;height:1.75rem;color:var(--ds-success)}.bk-done-title{color:var(--ds-ink);letter-spacing:-.01em;margin:.25rem 0 0;font-size:1.25rem;font-weight:800}.bk-done-slot{color:var(--ds-brand-text);margin:0;font-size:1rem;font-weight:700}.bk-done-text{max-width:48ch;color:var(--ds-ink-soft);text-wrap:pretty;margin:.35rem 0 0;font-size:.9375rem;line-height:1.7}.bk-done-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.bk-month-name:first-letter,.bk-chosen-day:first-letter,.bk-recap-value:first-letter,.bk-done-slot:first-letter{text-transform:uppercase}
