.datepicker{position:relative;display:flex;min-width:0}.datepicker>.input{min-width:0;width:100%;flex:1}.datepicker>button,.datepicker-dialog button{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:var(--control-radius,7px);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:background var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}.datepicker>button{display:grid;place-items:center;padding:10px;flex:none}.datepicker .icon{width:20px;height:20px}.datepicker-dialog{width:min(368px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid var(--finish-edge,var(--line));border-radius:var(--radius);background:var(--finish-image,none) var(--finish-surface,var(--surface));backdrop-filter:var(--finish-blur,none);color:var(--ink);overflow:auto;box-shadow:0 12px 32px #0002}.datepicker-dialog::backdrop{background:#0b151780}.datepicker-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;margin-bottom:16px}.datepicker-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.datepicker-controls input,.datepicker-controls select{min-width:0;width:100%;padding:8px;font:inherit;font-size:1rem}.datepicker-dialog table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px;margin:0}.datepicker-dialog th{padding:4px 0 12px;font-size:.6875rem;color:var(--accent);font-weight:700;letter-spacing:.08em}.datepicker-dialog td{padding:0;border:0;text-align:center}.datepicker-dialog td button{display:block;width:100%;min-width:0;border-color:transparent;padding:0;font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums}.datepicker-dialog [aria-selected=true]>button{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.datepicker-dialog [aria-current=date]{border-color:var(--muted)}.datepicker-dialog [aria-disabled=true]{color:var(--muted);cursor:not-allowed}.datepicker-dialog button:hover:not(:disabled):not([aria-disabled=true]),.datepicker>button:hover:not(:disabled){background:var(--soft);color:var(--ink)}.datepicker-dialog button:focus-visible,.datepicker>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.datepicker button:disabled{opacity:.5;cursor:not-allowed}@keyframes datepicker-enter{from{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:no-preference){.datepicker-dialog[open]{animation:datepicker-enter var(--motion-normal) var(--motion-ease)}}@media(max-width:360px){.datepicker-dialog{padding:12px}.datepicker-controls{gap:8px}}@media(forced-colors:active){.datepicker-dialog [aria-selected=true]>button{border:2px solid Highlight}.datepicker-dialog [aria-disabled=true]{color:GrayText}}.datepicker-header:dir(rtl)>button{transform:rotate(180deg)}.datepicker[data-datepicker-ready]>.input{appearance:none}.datepicker[data-datepicker-ready]>.input::-webkit-calendar-picker-indicator{display:none}.datepicker-dialog[data-presentation=anchored]{position:fixed;inset:auto;margin:0;z-index:1000}.datepicker-header>button{display:grid;place-items:center;border-color:transparent;background:transparent}.datepicker-dialog>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.datepicker-dialog [data-adjacent]{color:var(--muted);font-size:.875rem;font-weight:400}.datepicker-dialog [aria-selected=true]>[data-adjacent]{color:var(--on-accent)}.datepicker-titles{display:flex;justify-content:center;gap:4px;min-width:0}.datepicker-titles button{background:transparent;border-color:transparent;padding:4px 8px;min-width:0;font-size:.9375rem;font-weight:600;white-space:nowrap}.datepicker-controls>button{min-height:64px;border-color:transparent}.datepicker-controls>[aria-pressed=true]{background:var(--tint);color:var(--accent)}.datepicker-dialog [aria-selected=true]>button:hover:not([aria-disabled=true]){background:var(--accent);color:var(--on-accent)}.datepicker-dialog [aria-selected=true]>button:focus-visible{outline-offset:2px}.datepicker-dialog [aria-selected=true]>[data-adjacent]{font-size:1rem;font-weight:700}@media(max-width:360px){.datepicker-header{margin-inline:-8px}.datepicker-titles button{font-size:.875rem}}.datepicker[data-datepicker-ready]>.input{padding-inline-end:52px;min-height:48px}.datepicker[data-datepicker-ready]>button{position:absolute;inset-block:2px;inset-inline-end:2px;width:44px;padding:10px;border:0;border-radius:max(0px,calc(var(--control-radius,7px) - 2px));background:transparent}.datepicker[data-datepicker-ready]>button:focus-visible{outline-offset:-2px}.datepicker-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;align-items:start}.datepicker-fields input[type=time]{min-height:48px}.datepicker[data-timepicker-ready]>.input{appearance:none;padding-inline-end:52px;min-height:48px}.datepicker[data-timepicker-ready]>.input::-webkit-calendar-picker-indicator{display:none}.datepicker[data-timepicker-ready]>button{position:absolute;inset-block:2px;inset-inline-end:2px;width:44px;border:0;border-radius:max(0px,calc(var(--control-radius,7px) - 2px));background:transparent;padding:10px;font-size:24px}.timepicker-columns{display:flex;gap:12px;margin-block:20px}.timepicker-part{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px;text-align:center}.timepicker-part input{width:100%;height:48px;min-height:48px;padding:8px;text-align:center;font:inherit;font-size:1.25rem;font-variant-numeric:tabular-nums;appearance:textfield}.timepicker-part input::-webkit-inner-spin-button{appearance:none}.timepicker-part span{font-size:.75rem;color:var(--muted)}.timepicker-dialog .timepicker-done{width:100%;background:var(--accent);color:var(--on-accent);margin-top:16px}.timepicker-dialog p:empty{display:none}.timepicker-dialog [hidden]{display:none}.timepicker-part>button{border-color:transparent;background:transparent;font-size:1.25rem}.timepicker-dialog .timepicker-done:hover{background:var(--accent);color:var(--on-accent)}.timepicker-columns{margin-block:0}.timepicker-part>button{display:grid;place-items:center}.timepicker-part>button .icon{width:20px;height:20px}.timepicker-dialog>button{margin-top:16px}.timepicker-columns>.timepicker-period{flex:none;padding-top:52px}.timepicker-period>span{visibility:hidden}.timepicker-period>button{min-height:48px;padding-inline:8px;font-weight:600;font-size:1rem;border-color:var(--line)}[data-date-range]{border:0;padding:0;margin:0;min-width:0}[data-date-range]>legend{font-weight:600;margin-bottom:16px}[data-range-error]:empty{display:none}.datepicker-dialog [data-in-range]>button:not([aria-disabled=true]){background:var(--tint);color:var(--accent)}.datepicker-dialog [data-in-range][aria-selected=true]>button{background:var(--accent);color:var(--on-accent)}.timepicker-dialog button:disabled{opacity:.4;cursor:not-allowed}.datepicker-dialog td button[aria-disabled=true]{opacity:.35;font-weight:400}.datepicker-dialog td button[aria-disabled=true]:focus-visible{opacity:1}@media(forced-colors:active){.datepicker-dialog td button[aria-disabled=true]{opacity:1;color:GrayText}}.date-range-display{appearance:none;border:1px solid var(--muted);border-radius:var(--control-radius,7px);padding:.65rem .8rem;min-height:48px;background:var(--surface);color:var(--ink);font:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:start;cursor:pointer}.date-range-display .icon{width:20px;height:20px;flex:none}[data-date-range] .datepicker-fields[hidden]{display:none}.datepicker-range-prompt{text-align:center;font-size:.8125rem;line-height:1.5;color:var(--muted);margin:12px 0 0}[data-date-range]{gap:8px}.timepicker-columns:has(+.field-error:not(:empty)){margin-bottom:8px}