.when{gap:14px;min-width:0;display:grid}.when[data-disabled]{opacity:1;pointer-events:none}.when-summary{color:var(--eb-ink);align-items:center;gap:8px;margin:0;display:flex}.when-summary svg{width:20px;height:20px;color:var(--eb-accent);flex:none}.when-summary-sep{color:var(--eb-ink-faint)}.when-tray{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.when-chip{border-radius:var(--eb-r-pill);background:var(--eb-key-face);box-shadow:var(--eb-key-rest);border:1px solid var(--eb-line-strong);transition:background var(--eb-fast) var(--eb-ease),border-color var(--eb-fast) var(--eb-ease),box-shadow .24s var(--eb-ease);align-items:stretch;display:flex;position:relative}.when-chip[data-active]{background:var(--eb-accent-soft);border-color:color-mix(in srgb,var(--eb-accent) 50%,transparent);box-shadow:inset 0 1px 3px #0b46a029}.when-chip[data-invalid]{border-color:color-mix(in srgb,var(--eb-critical) 60%,transparent)}.when-chip-face{min-height:40px;color:var(--eb-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:8px;padding:0 6px;display:flex}.when-chip:not(:has(.when-chip-remove)) .when-chip-face{padding-right:14px}.when-chip-face>.eb-when-chip-index{background:var(--eb-surface-sunken);width:26px;height:26px;box-shadow:var(--eb-inlay);color:var(--eb-ink-muted);transition:background var(--eb-fast) var(--eb-ease),color var(--eb-fast) var(--eb-ease);border-radius:50%;place-items:center;display:grid}.when-chip[data-active] .eb-when-chip-index{background:var(--eb-accent-fill);box-shadow:none;color:var(--eb-on-accent)}.when-chip[data-invalid] .eb-when-chip-index{background:var(--eb-critical-fill);box-shadow:none;color:#fff}.when-chip-remove{border-radius:0 var(--eb-r-pill) var(--eb-r-pill) 0;width:36px;min-height:40px;color:var(--eb-ink-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;display:grid}.when-chip-remove svg{width:14px;height:14px}@media (hover:hover){.when-chip-remove:hover{color:var(--eb-critical)}}.when-chip-face:focus-visible,.when-chip-remove:focus-visible{outline:2px solid var(--eb-focus);outline-offset:2px;border-radius:var(--eb-r-pill)}.when-add svg{width:16px;height:16px}.when-note{color:var(--eb-caution);flex-basis:100%;margin:0}.when-days{min-width:0}.when-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0 -4px;padding:4px 4px 10px;scroll-padding-inline:4px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.when-rail::-webkit-scrollbar{display:none}.when .when-day{scroll-snap-align:start;text-align:center;border-radius:16px;flex:none;justify-content:center;align-items:center;gap:4px;width:auto;min-width:64px;min-height:82px;padding:8px 8px 14px;position:relative}.when .when-day>.eb-when-weekday{color:var(--eb-ink-muted);white-space:nowrap}.when .when-day>.eb-when-month{color:var(--eb-ink-faint)}.when .when-day[aria-pressed=true]{background:var(--eb-accent-fill);color:var(--eb-on-accent);border-color:#0000;box-shadow:0 6px 16px -8px #0b6be6b3,inset 0 1px #ffffff2e}.when .when-day[aria-pressed=true]>:is(.eb-when-weekday,.eb-when-month){color:color-mix(in srgb,var(--eb-on-accent) 82%,transparent)}.when .when-day[aria-pressed=true]>.eb-when-daynum{animation:when-land .42s var(--eb-spring)}@keyframes when-land{0%{transform:scale(.82)}to{transform:none}}.when-day-dot{background:var(--eb-accent);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:6px;left:50%}.when-day[aria-pressed=true] .when-day-dot{background:var(--eb-on-accent)}.when .when-day-more{width:72px;color:var(--eb-accent);gap:6px}.when .when-day-more svg{width:22px;height:22px}.when .when-day-more>.eb-when-weekday{color:var(--eb-accent);white-space:normal}.when-month{gap:8px;display:grid}.when-month-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.when-month-weekdays,.when-month-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.when-month-weekdays>span{text-align:center;color:var(--eb-ink-faint)}.when-month-grid{gap:6px;display:grid}.when .when-day.when-day-cell{border-radius:12px;min-width:0;min-height:44px;padding:0 0 6px}.when-day-cell .when-day-dot{width:4px;height:4px;margin-left:-2px;bottom:4px}.when-days-toggle{justify-self:center}.when-time{gap:14px;display:grid}.when-presets{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.when .when-preset{justify-content:center;min-height:56px}.when .when-preset small{color:var(--eb-ink-muted)}.when-exact{margin:-4px;padding:4px;overflow:hidden}.when-track-wrap{border-radius:var(--eb-r-card);background:var(--eb-surface-sunken);box-shadow:var(--eb-well);gap:14px;padding:22px 14px 14px;display:grid}.when-track{touch-action:pan-y;cursor:copy;height:56px;position:relative}.when-track[data-disabled]{cursor:default}.when-track:before{content:"";border-radius:var(--eb-r-pill);background:color-mix(in srgb,var(--eb-ink) 10%,transparent);pointer-events:none;height:8px;position:absolute;inset:24px 0 auto}.when-track-past{border-radius:var(--eb-r-pill);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--eb-ink) 14%,transparent) 0 3px,transparent 3px 7px);pointer-events:none;height:20px;position:absolute;top:18px}.when-track-tick{background:color-mix(in srgb,var(--eb-ink) 16%,transparent);pointer-events:none;width:1px;height:5px;margin-left:-.5px;position:absolute;top:38px}.when-track-tick[data-major]{background:color-mix(in srgb,var(--eb-ink) 30%,transparent);height:8px}.when-track-tick>.eb-when-tick{color:var(--eb-ink-faint);white-space:nowrap;position:absolute;top:12px;left:50%;transform:translate(-50%)}.when-track-other{border-radius:var(--eb-r-pill);background:color-mix(in srgb,var(--eb-accent) 22%,transparent);pointer-events:none;height:16px;position:absolute;top:20px}.when-track-window{background:var(--eb-accent-fill);min-width:28px;height:32px;color:var(--eb-on-accent);cursor:grab;touch-action:none;transition:left .22s var(--eb-ease),width .22s var(--eb-ease),transform .22s var(--eb-spring),box-shadow .22s var(--eb-ease);border-radius:12px;place-items:center;display:grid;position:absolute;top:12px;box-shadow:0 8px 20px -10px #0b6be6bf,inset 0 1px #ffffff38}.when-time[data-dragging] .when-track-window{transition:transform .22s var(--eb-spring),box-shadow .22s var(--eb-ease)}.when-time[data-dragging=both] .when-track-window{cursor:grabbing;transform:translateY(-2px)scale(1.03);box-shadow:0 14px 28px -12px #0b6be6cc,inset 0 1px #ffffff38}.when-track-window[data-locked]{cursor:default}.when-track-window>.eb-when-length{pointer-events:none;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden}.when-handle{cursor:ew-resize;touch-action:none;outline:none;place-items:center;width:44px;height:44px;margin-top:-22px;display:grid;position:absolute;top:50%}.when-handle[data-edge=start]{left:-22px}.when-handle[data-edge=end]{right:-22px}.when-handle:after{content:"";background:var(--eb-surface);border:2px solid var(--eb-accent-fill);width:12px;height:40px;transition:transform .22s var(--eb-spring),background var(--eb-fast) var(--eb-ease);border-radius:7px;box-shadow:0 2px 6px #14284640}.when-time[data-dragging=start] .when-handle[data-edge=start]:after,.when-time[data-dragging=end] .when-handle[data-edge=end]:after{background:var(--eb-accent-soft);transform:scaleY(1.12)}.when-handle:focus-visible:after{outline:2px solid var(--eb-focus);outline-offset:2px}.when-fields{flex-wrap:wrap;gap:8px 16px;padding-top:6px;display:flex}.when-field{align-items:center;gap:8px;min-width:0;display:flex}.when-field>span{color:var(--eb-ink-muted)}.when-field input{border-radius:var(--eb-r-control);background:var(--eb-surface);width:auto;min-width:0;min-height:40px;box-shadow:var(--eb-well);color:var(--eb-ink);appearance:none;border:0;padding:0 10px}.when-field input:focus-visible{outline:2px solid var(--eb-focus);outline-offset:1px}.when-zone{color:var(--eb-ink-muted);margin:0}@media (max-width:480px){.when .when-day{min-width:56px;min-height:78px;padding-inline:6px}.when-track-wrap{padding:22px 12px 26px}}@media (prefers-reduced-motion:reduce){.when-track-window,.when-handle:after,.when-chip,.when .when-day[aria-pressed=true]>.eb-when-daynum{transition:none;animation:none}}.when .when{gap:0}.when-days.when,.when-time.when{min-width:0}.when-time.when{gap:14px}.when-time[data-untouched] .when-track-window{background:color-mix(in srgb,var(--eb-accent) 14%,var(--eb-surface));color:var(--eb-accent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--eb-accent) 55%,transparent)}.when-time[data-untouched] .when-handle:after{border-style:dashed}.when .when-day-cell[data-today]:not([aria-pressed=true])>.eb-when-daynum{color:var(--eb-accent)}.when .when-day-cell[data-today]:not([aria-pressed=true]){border-color:color-mix(in srgb,var(--eb-accent) 45%,transparent)}.when-track-window{container-type:inline-size}@container (max-width:48px){.when-track-window>.eb-when-length{display:none}}