.vi-date-picker{--vi-date-picker-height:var(--vi-control-height-md,2.75rem);--vi-date-picker-padding-inline:var(--vi-space-3,.75rem);--vi-date-picker-gap:var(--vi-space-2,.5rem);--vi-date-picker-font-size:var(--vi-ref-font-size-md,.82rem);--vi-date-picker-label-size:var(--vi-ref-font-size-xs,.62rem);--vi-date-picker-icon-size:var(--vi-ref-control-icon-md,1rem);--vi-date-picker-label-color:var(--vi-standby-text);--vi-date-picker-text-color:var(--vi-standby-text);--vi-date-picker-muted-color:color-mix(in srgb, var(--vi-standby-text) 50%, transparent);--vi-date-picker-focus-color:var(--vi-active);--vi-date-picker-selected-text:var(--vi-active-text);--vi-date-picker-disabled-opacity:.42;width:min(100%,20rem);position:relative}.vi-date-picker[data-size=sm]{--vi-date-picker-height:var(--vi-control-height-sm,2rem);--vi-date-picker-padding-inline:var(--vi-space-2,.5rem);--vi-date-picker-font-size:var(--vi-ref-font-size-sm,.72rem);--vi-date-picker-icon-size:var(--vi-ref-control-icon-sm,.875rem)}.vi-date-picker[data-size=lg]{--vi-date-picker-height:var(--vi-control-height-lg,3.25rem);--vi-date-picker-padding-inline:var(--vi-space-4,1rem);--vi-date-picker-font-size:var(--vi-ref-font-size-lg,1rem);--vi-date-picker-icon-size:var(--vi-ref-control-icon-lg,1.25rem)}.vi-date-picker__label{margin-bottom:var(--vi-date-picker-gap);color:var(--vi-date-picker-label-color);font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-date-picker-label-size);letter-spacing:var(--vi-ref-letter-spacing-label,.07em);font-weight:700;line-height:var(--vi-ref-line-height-control,1.2);text-transform:uppercase;display:block}.vi-date-picker__trigger-surface,.vi-date-picker__panel-surface{width:100%;transition:border-color var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), box-shadow var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out)}.vi-date-picker:focus-within .vi-date-picker__trigger-surface{border-color:var(--vi-date-picker-focus-color);box-shadow:0 0 0 var(--vi-focus-width,2px) color-mix(in srgb, var(--vi-date-picker-focus-color) 16%, transparent)}.vi-date-picker__trigger{width:100%;height:var(--vi-date-picker-height);align-items:center;gap:var(--vi-date-picker-gap);padding:0 var(--vi-date-picker-padding-inline);border-radius:inherit;color:var(--vi-date-picker-text-color);font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-date-picker-font-size);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;display:grid}.vi-date-picker__trigger:focus-visible{outline:0}.vi-date-picker__trigger [data-placeholder=true]{color:var(--vi-date-picker-muted-color)}.vi-date-picker__calendar-icon,.vi-date-picker__caret,.vi-date-picker__nav-button svg,.vi-date-picker__clear svg{width:var(--vi-date-picker-icon-size);height:var(--vi-date-picker-icon-size);flex:none}.vi-date-picker__calendar-icon,.vi-date-picker__caret{color:var(--vi-date-picker-muted-color)}.vi-date-picker__caret{transition:color var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), transform var(--vi-motion-duration-standard,.22s) var(--vi-motion-ease-out,ease-out)}.vi-date-picker__caret[data-open=true]{color:var(--vi-date-picker-focus-color);transform:rotate(180deg)}.vi-date-picker__popover{z-index:var(--vi-layer-popover,20);top:calc(100% + var(--vi-date-picker-gap));transform-origin:top;position:absolute;left:0;right:0}.vi-date-picker__panel{gap:var(--vi-space-3,.75rem);padding:var(--vi-space-3,.75rem);color:var(--vi-date-picker-text-color);display:grid}.vi-date-picker__month-nav{grid-template-columns:var(--vi-control-height-sm,2rem) 1fr var(--vi-control-height-sm,2rem);align-items:center;gap:var(--vi-space-2,.5rem);display:grid}.vi-date-picker__month-nav strong{font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-date-picker-font-size);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.vi-date-picker__nav-button{width:var(--vi-control-height-sm,2rem);height:var(--vi-control-height-sm,2rem);border:var(--vi-border-width,1px) solid var(--vi-border);border-radius:max(0px, calc(var(--vi-radius) - var(--vi-space-1,.25rem)));color:var(--vi-date-picker-muted-color);transition:background-color var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), border-color var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), color var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out);background:0 0;place-items:center;padding:0;display:grid}.vi-date-picker__nav-button:hover,.vi-date-picker__nav-button:focus-visible{border-color:var(--vi-date-picker-focus-color);color:var(--vi-date-picker-focus-color);outline:0}.vi-date-picker__calendar{gap:var(--vi-space-1,.25rem);display:grid}.vi-date-picker__weekdays,.vi-date-picker__week{gap:var(--vi-space-1,.25rem);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.vi-date-picker__weekdays span{min-width:0;min-height:1.5rem;color:var(--vi-date-picker-muted-color);font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-date-picker-label-size);text-transform:uppercase;place-items:center;font-weight:700;display:grid}.vi-date-picker__day,.vi-date-picker__empty-day{aspect-ratio:1;min-width:0}.vi-date-picker__day{color:var(--vi-date-picker-text-color);font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-date-picker-font-size);transition:background-color var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), box-shadow var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), color var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), transform var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.vi-date-picker__day[data-outside=true]{color:var(--vi-date-picker-muted-color)}.vi-date-picker__day:hover,.vi-date-picker__day:focus-visible{background:color-mix(in srgb, var(--vi-date-picker-focus-color) 12%, transparent);box-shadow:inset 0 0 0 var(--vi-border-width,1px) color-mix(in srgb, var(--vi-date-picker-focus-color) 62%, transparent);outline:0;transform:translateY(-1px)}.vi-date-picker__day[data-today=true]:after{background:var(--vi-date-picker-focus-color);content:"";border-radius:50%;width:.2rem;height:.2rem;position:absolute;bottom:.25rem}.vi-date-picker__day[data-selected=true]{background:var(--vi-date-picker-focus-color);box-shadow:none;color:var(--vi-date-picker-selected-text)}.vi-date-picker__day[data-selected=true]:after{background:currentColor}.vi-date-picker__clear{min-height:var(--vi-control-height-sm,2rem);justify-self:end;align-items:center;gap:var(--vi-space-2,.5rem);padding:0 var(--vi-space-2,.5rem);color:var(--vi-date-picker-muted-color);font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-date-picker-label-size);text-transform:uppercase;background:0 0;border:0;font-weight:700;display:inline-flex}.vi-date-picker__clear:hover,.vi-date-picker__clear:focus-visible{color:var(--vi-date-picker-focus-color);outline:0}.vi-date-picker[data-disabled=true]{opacity:var(--vi-date-picker-disabled-opacity)}@media (prefers-reduced-motion:reduce){.vi-date-picker__caret,.vi-date-picker__day,.vi-date-picker__nav-button{transition-duration:.01ms}.vi-date-picker__day:hover,.vi-date-picker__day:focus-visible{transform:none}}