@layer components{.date-picker__popup{--date-ink:var(--color-text);--date-muted:var(--color-text-subtle);--date-violet:var(--color-primary);--date-cyan:var(--color-info);--date-pink:var(--color-danger);isolation:isolate;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.date-picker__backdrop{display:none}.date-picker__content{z-index:1;position:relative}.date-picker__mobile-sheet-header{display:none}.date-picker__month-picker{border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-surface)}.date-picker__calendar{--rdp-accent-color:var(--date-violet);--rdp-accent-background-color:color-mix(in srgb, var(--color-primary) 12%, transparent);--rdp-day-height:2.25rem;--rdp-day-width:2.25rem;--rdp-day_button-height:2rem;--rdp-day_button-width:2rem;--rdp-selected-border:1px solid var(--color-primary);--rdp-animation_duration:.18s;--rdp-animation_timing:cubic-bezier(.2, .75, .25, 1);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--date-ink);background:0 0;border:0;border-radius:0;margin:0;padding:.25rem .375rem .375rem;font-size:.875rem}.date-picker__calendar .rdp-month_caption{position:relative}.date-picker__caption-button{border-radius:var(--radius-field);color:var(--date-ink);cursor:pointer;font:inherit;letter-spacing:-.02em;background:0 0;border:1px solid #0000;padding:.375rem .625rem;font-weight:800;transition:border-color .18s,background .18s,box-shadow .18s,color .18s,transform .18s}.date-picker__caption-button:hover{border-color:color-mix(in srgb, var(--color-info) 25%, transparent);background:color-mix(in srgb, var(--color-info) 8%, transparent);color:var(--color-info)}.date-picker__caption-button:focus-visible,.date-picker__calendar .rdp-button_previous:focus-visible,.date-picker__calendar .rdp-button_next:focus-visible,.date-picker__month-picker-header button:focus-visible,.date-picker__month:focus-visible,.date-picker__time-option:focus-visible{outline:2px solid var(--date-cyan);outline-offset:2px}.date-picker__calendar .rdp-nav{gap:.25rem}.date-picker__calendar .rdp-button_previous,.date-picker__calendar .rdp-button_next,.date-picker__month-picker-header button{color:var(--date-muted);background:0 0;border:0;border-radius:999px;transition:background .16s,color .16s}.date-picker__calendar .rdp-button_previous:hover:not(:disabled),.date-picker__calendar .rdp-button_next:hover:not(:disabled),.date-picker__month-picker-header button:hover:not(:disabled){background:color-mix(in srgb, var(--color-info) 9%, transparent);color:var(--color-info)}.date-picker__calendar .rdp-weekdays{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 10%, transparent)}.date-picker__calendar .rdp-weekday{color:var(--date-muted);letter-spacing:.075em;opacity:1;text-transform:uppercase;padding-block:.625rem .5rem;font-size:.625rem;font-weight:800}.date-picker__calendar .rdp-weekday:nth-child(6),.date-picker__calendar .rdp-weekday:nth-child(7){color:var(--date-pink)}.date-picker__calendar .rdp-day_button{border-radius:var(--radius-field);color:var(--date-ink);border:1px solid #0000;font-weight:700;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s;position:relative}.date-picker__calendar .rdp-day_button:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.date-picker__calendar .rdp-today:not(.rdp-selected) .rdp-day_button{box-shadow:none;color:var(--color-info);background:0 0;border-color:#0000;font-weight:800}.date-picker__calendar .rdp-today:not(.rdp-selected) .rdp-day_button:after{background:var(--date-cyan);width:.25rem;height:.25rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-info) 12%, transparent);content:"";border-radius:999px;position:absolute;bottom:.125rem;left:50%;transform:translate(-50%)}.date-picker__calendar .date-picker__weekend:not(.rdp-selected) .rdp-day_button{color:var(--date-pink)}.date-picker__calendar .rdp-selected{font-size:inherit;font-weight:inherit}.date-picker__calendar .rdp-selected .rdp-day_button{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.date-picker__calendar .rdp-selected .rdp-day_button:hover:not(:disabled){border-color:var(--color-primary-strong);background:var(--color-primary-strong);color:#fff}.date-picker__calendar .rdp-outside:not(.rdp-selected) .rdp-day_button{color:color-mix(in srgb, var(--color-text-subtle) 48%, transparent)}.date-picker__calendar .rdp-disabled:not(.rdp-selected) .rdp-day_button{color:color-mix(in srgb, var(--color-text-subtle) 28%, transparent)}.date-picker__time-list{border-left:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);color:var(--date-ink);background:0 0;margin-left:.25rem;padding-left:.75rem;position:relative}.date-picker__time-list>span{min-height:2rem;color:var(--date-ink);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;margin-bottom:.25rem;margin-right:.5rem;font-size:1rem;font-weight:800;display:flex}.date-picker__time-list>div{scrollbar-color:color-mix(in srgb, var(--color-primary) 55%, transparent) transparent;scrollbar-width:thin;overflow-x:hidden}.date-picker__time-option{border-radius:var(--radius-field);min-height:2rem;color:var(--date-muted);letter-spacing:.01em;background:0 0;border:1px solid #0000;font-weight:750;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s}.date-picker__time-option:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-info) 18%, transparent);background:color-mix(in srgb, var(--color-info) 7%, transparent);color:var(--date-ink)}.date-picker__time-option--selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-weight:800}.date-picker__time-option--selected:hover:not(:disabled){background:var(--color-primary);color:#fff}.date-picker__time-hint{border:1px solid color-mix(in srgb, var(--color-primary) 32%, transparent);border-radius:var(--radius-field);color:var(--date-ink);align-items:center;gap:.5rem;margin:.25rem .125rem 0;padding:.4375rem .625rem;font-size:.75rem;font-weight:500;line-height:1.3;display:flex}.date-picker__time-hint svg{width:.875rem;height:.875rem;color:var(--date-violet);filter:drop-shadow(0 0 .25rem color-mix(in srgb, var(--color-primary) 38%, transparent));flex:none;animation:1.8s ease-in-out infinite date-picker-attention-pulse}.date-picker__time-hint--error{border-color:color-mix(in srgb, var(--color-danger) 48%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));color:var(--color-danger)}.date-picker__time-hint--error svg{color:var(--color-danger);filter:none}@keyframes date-picker-attention-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes date-picker-backdrop-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.date-picker__time-hint svg{animation:none}}.date-picker__time-field{border-top-color:color-mix(in srgb, var(--color-text) 12%, transparent);color:var(--date-ink)}.date-picker__time-field select{border-color:color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:var(--radius-field);background:var(--color-surface);color:var(--date-ink)}.date-picker__time-field select.date-picker__time-select--placeholder,.date-picker__time-field select option[value=""]{color:var(--color-placeholder)}.date-picker__time-field select option:not([value=""]){color:var(--date-ink)}.date-picker__time-field select:focus-visible{border-color:var(--color-primary)}.date-picker__month-picker{width:min(20rem,100vw - 3rem);min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:.25rem .375rem .375rem}.date-picker__month-picker-header{color:var(--date-ink);padding-inline:.125rem}.date-picker__month-picker-header>span{color:var(--date-ink);letter-spacing:-.015em;font-weight:800}.date-picker__month-picker-header button{color:var(--date-muted)}.date-picker__month-grid{gap:.5rem;padding:.25rem}.date-picker__month{border-radius:var(--radius-field);min-width:0;min-height:2.5rem;color:var(--date-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;padding:.5rem .125rem;font-size:.75rem;font-weight:700;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s;overflow:hidden}.date-picker__month:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-info) 18%, transparent);background:color-mix(in srgb, var(--color-info) 7%, transparent);color:var(--date-ink)}.date-picker__month--current{border-color:color-mix(in srgb, var(--color-primary) 14%, transparent);color:var(--date-ink);background:0 0;font-weight:800}.date-picker__month--selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.date-picker__month--selected:hover:not(:disabled){background:var(--color-primary);color:#fff}@media (width<=39.999rem),(height<=35rem){.date-picker__backdrop{z-index:109;background:color-mix(in srgb, var(--color-text) 42%, transparent);opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity calc(.18s * var(--drawer-swipe-strength,1)) ease-out;animation:.18s ease-out date-picker-backdrop-enter;display:block;position:fixed;inset:0}.date-picker__backdrop[data-ending-style]{opacity:0}.date-picker__positioner{width:100vw;height:100dvh;padding-top:max(1.5rem, env(safe-area-inset-top));pointer-events:none;place-items:end center;display:grid;position:fixed!important;inset:0!important;transform:none!important}.date-picker__popup{overscroll-behavior:contain;border-radius:var(--radius-control) var(--radius-control) 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 1.5rem);padding-bottom:max(.75rem, env(safe-area-inset-bottom));background:var(--color-surface,#fff);-webkit-backdrop-filter:none;pointer-events:auto;transition:transform calc(.36s * var(--drawer-swipe-strength,1)) cubic-bezier(.22, 1, .36, 1);will-change:transform;border-bottom:0;border-left:0;border-right:0;overflow:hidden auto}.date-picker__popup[data-starting-style],.date-picker__popup[data-ending-style]{transform:translateY(100%)}.date-picker__popup[data-swiping]{transition:none}.date-picker__content{width:100%}.date-picker__mobile-sheet-header{z-index:2;justify-content:center;align-items:center;min-height:1.75rem;margin:-.25rem -.25rem .125rem;display:flex;position:relative}.date-picker__mobile-drag-handle{background:color-mix(in srgb, var(--color-text-muted) 32%, transparent);border-radius:999px;width:2.5rem;height:.25rem}.date-picker__calendar{--rdp-day-height:clamp(2rem, 9vw, 2.25rem);--rdp-day-width:auto;--rdp-day_button-height:clamp(1.875rem, calc(9vw - .125rem), 2.125rem);--rdp-day_button-width:clamp(1.875rem, calc(9vw - .125rem), 2.125rem);width:100%;padding:.125rem}.date-picker__calendar .rdp-months{width:100%;max-width:none;display:block}.date-picker__calendar .rdp-month,.date-picker__calendar .rdp-month_grid{width:100%}.date-picker__calendar .rdp-month_grid{table-layout:fixed}.date-picker__calendar .rdp-day_button{margin-inline:auto}.date-picker__calendar .rdp-weekday{padding-block:.375rem .25rem}.date-picker__content--with-time{gap:.5rem}.date-picker__time-field--mobile{gap:.5rem;padding-top:.5rem;display:flex}.date-picker__time-list{display:none}.date-picker__time-hint{margin-top:.25rem;padding:.375rem .5rem}.date-picker__month-picker{width:100%}}@media (prefers-reduced-motion:reduce){.date-picker__backdrop,.date-picker__popup{animation:none}.date-picker__popup{transition:none}}}