.vi-dropdown{--vi-dropdown-height:var(--vi-control-height-md,2.75rem);--vi-dropdown-padding-inline:var(--vi-space-3,.75rem);--vi-dropdown-gap:var(--vi-space-2,.5rem);--vi-dropdown-menu-gap:var(--vi-space-2,.5rem);--vi-dropdown-option-gap:var(--vi-space-2,.5rem);--vi-dropdown-font-size:var(--vi-ref-font-size-md,.82rem);--vi-dropdown-label-size:var(--vi-ref-font-size-xs,.62rem);--vi-dropdown-icon-size:var(--vi-ref-control-icon-md,1rem);--vi-dropdown-label-color:var(--vi-standby-text);--vi-dropdown-text-color:var(--vi-standby-text);--vi-dropdown-placeholder-color:color-mix(in srgb, var(--vi-standby-text) 46%, transparent);--vi-dropdown-focus-color:var(--vi-active);--vi-dropdown-option-hover-fill:color-mix(in srgb, var(--vi-active) 11%, transparent);--vi-dropdown-option-hover-ink:var(--vi-active);--vi-dropdown-option-selected-fill:var(--vi-active);--vi-dropdown-option-selected-ink:var(--vi-active-text);--vi-dropdown-disabled-opacity:.42;width:min(100%,20rem);position:relative}.vi-dropdown[data-size=sm]{--vi-dropdown-height:var(--vi-control-height-sm,2rem);--vi-dropdown-padding-inline:var(--vi-space-2,.5rem);--vi-dropdown-font-size:var(--vi-ref-font-size-sm,.72rem);--vi-dropdown-icon-size:var(--vi-ref-control-icon-sm,.875rem)}.vi-dropdown[data-size=lg]{--vi-dropdown-height:var(--vi-control-height-lg,3.25rem);--vi-dropdown-padding-inline:var(--vi-space-4,1rem);--vi-dropdown-font-size:var(--vi-ref-font-size-lg,1rem);--vi-dropdown-icon-size:var(--vi-ref-control-icon-lg,1.25rem)}.vi-dropdown__label{margin-bottom:var(--vi-dropdown-gap);color:var(--vi-dropdown-label-color);font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-dropdown-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-dropdown__trigger-surface,.vi-dropdown__menu-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-dropdown:focus-within .vi-dropdown__trigger-surface{border-color:var(--vi-dropdown-focus-color);box-shadow:0 0 0 var(--vi-focus-width,2px) color-mix(in srgb, var(--vi-dropdown-focus-color) 16%, transparent)}.vi-dropdown__trigger{width:100%;height:var(--vi-dropdown-height);justify-content:space-between;align-items:center;gap:var(--vi-dropdown-gap);padding:0 var(--vi-dropdown-padding-inline);border-radius:inherit;color:var(--vi-dropdown-text-color);font-family:var(--vi-font-body,ui-sans-serif, system-ui, sans-serif);font-size:var(--vi-dropdown-font-size);line-height:var(--vi-ref-line-height-control,1.2);text-align:left;background:0 0;border:0;display:flex}.vi-dropdown__trigger:focus-visible{outline:0}.vi-dropdown__trigger [data-placeholder=true]{color:var(--vi-dropdown-placeholder-color)}.vi-dropdown__caret{width:var(--vi-dropdown-icon-size);height:var(--vi-dropdown-icon-size);color:var(--vi-dropdown-placeholder-color);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);flex:none}.vi-dropdown__caret[data-open=true]{color:var(--vi-dropdown-focus-color);transform:rotate(180deg)}.vi-dropdown__popover{z-index:var(--vi-layer-popover,20);top:calc(100% + var(--vi-dropdown-menu-gap));transform-origin:top;position:absolute;left:0;right:0}.vi-dropdown__menu{gap:var(--vi-space-1,.25rem);padding:var(--vi-space-1,.25rem);display:grid}.vi-dropdown__option{min-height:var(--vi-dropdown-height);justify-content:space-between;align-items:center;gap:var(--vi-dropdown-option-gap);padding:0 var(--vi-dropdown-padding-inline);border-radius:max(0px, calc(var(--vi-radius) - var(--vi-space-1,.25rem)));color:var(--vi-dropdown-text-color);font-family:var(--vi-font-body,ui-sans-serif, system-ui, sans-serif);font-size:var(--vi-dropdown-font-size);line-height:var(--vi-ref-line-height-control,1.2);text-align:left;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;display:flex;position:relative;overflow:hidden}.vi-dropdown__option:before{top:var(--vi-space-2,.5rem);bottom:var(--vi-space-2,.5rem);width:var(--vi-border-width,1px);background:var(--vi-dropdown-focus-color);content:"";opacity:0;transition:opacity 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);position:absolute;left:0;transform:scaleY(.3)}.vi-dropdown__check{width:var(--vi-dropdown-icon-size);height:var(--vi-dropdown-icon-size);opacity:0;transition:opacity 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);flex:none;transform:scale(.7)}.vi-dropdown__option[aria-selected=true]{background:var(--vi-dropdown-option-selected-fill);color:var(--vi-dropdown-option-selected-ink)}.vi-dropdown__option[aria-selected=true] .vi-dropdown__check{opacity:1;transform:scale(1)}.vi-dropdown[data-hover-style=fill] .vi-dropdown__option:is(:hover,[data-active=true]):not([aria-selected=true]),.vi-dropdown[data-hover-style=glow] .vi-dropdown__option:is(:hover,[data-active=true]):not([aria-selected=true]){background:var(--vi-dropdown-option-hover-fill);color:var(--vi-dropdown-option-hover-ink)}.vi-dropdown[data-hover-style=line] .vi-dropdown__option:is(:hover,[data-active=true]):not([aria-selected=true]){color:var(--vi-dropdown-option-hover-ink);transform:translateX(var(--vi-space-1,.25rem))}.vi-dropdown[data-hover-style=line] .vi-dropdown__option:is(:hover,[data-active=true]):before{opacity:1;transform:scaleY(1)}.vi-dropdown[data-hover-style=glow] .vi-dropdown__option:is(:hover,[data-active=true]):not([aria-selected=true]){box-shadow:inset 0 0 1.4rem color-mix(in srgb, var(--vi-dropdown-focus-color) 9%, transparent)}.vi-dropdown__option:disabled{cursor:not-allowed;opacity:var(--vi-dropdown-disabled-opacity)}.vi-dropdown[data-disabled=true]{opacity:var(--vi-dropdown-disabled-opacity)}@media (prefers-reduced-motion:reduce){.vi-dropdown__caret,.vi-dropdown__option,.vi-dropdown__option:before,.vi-dropdown__check{transition-duration:.01ms}}