.vi-selector{--vi-selector-height:var(--vi-control-height-md,2.75rem);--vi-selector-padding-inline:var(--vi-space-3,.75rem);--vi-selector-gap:var(--vi-space-2,.5rem);--vi-selector-font-size:var(--vi-ref-font-size-md,.82rem);--vi-selector-label-size:var(--vi-ref-font-size-xs,.62rem);--vi-selector-icon-size:var(--vi-ref-control-icon-md,1rem);--vi-selector-label-color:var(--vi-standby-text);--vi-selector-text-color:var(--vi-standby-text);--vi-selector-muted-color:color-mix(in srgb, var(--vi-standby-text) 44%, transparent);--vi-selector-hover-fill:color-mix(in srgb, var(--vi-active) 11%, transparent);--vi-selector-hover-ink:var(--vi-active);--vi-selector-selected-fill:var(--vi-active);--vi-selector-selected-ink:var(--vi-active-text);--vi-selector-disabled-opacity:.42;width:min(100%,20rem)}.vi-selector[data-size=sm]{--vi-selector-height:var(--vi-control-height-sm,2rem);--vi-selector-padding-inline:var(--vi-space-2,.5rem);--vi-selector-font-size:var(--vi-ref-font-size-sm,.72rem);--vi-selector-icon-size:var(--vi-ref-control-icon-sm,.875rem)}.vi-selector[data-size=lg]{--vi-selector-height:var(--vi-control-height-lg,3.25rem);--vi-selector-padding-inline:var(--vi-space-4,1rem);--vi-selector-font-size:var(--vi-ref-font-size-lg,1rem);--vi-selector-icon-size:var(--vi-ref-control-icon-lg,1.25rem)}.vi-selector__label{margin-bottom:var(--vi-selector-gap);color:var(--vi-selector-label-color);font-family:var(--vi-font-code,ui-monospace, monospace);font-size:var(--vi-selector-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-selector__surface{width:100%}.vi-selector__options{gap:var(--vi-space-1,.25rem);padding:var(--vi-space-1,.25rem);display:grid}.vi-selector__option{min-height:var(--vi-selector-height);align-items:center;gap:var(--vi-selector-gap);padding:0 var(--vi-selector-padding-inline);border-radius:max(0px, calc(var(--vi-radius) - var(--vi-space-1,.25rem)));color:var(--vi-selector-text-color);font-family:var(--vi-font-body,ui-sans-serif, system-ui, sans-serif);font-size:var(--vi-selector-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-selector__option:before{top:var(--vi-space-2,.5rem);bottom:var(--vi-space-2,.5rem);width:var(--vi-border-width,1px);background:var(--vi-active);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-selector__indicator{width:var(--vi-selector-icon-size);height:var(--vi-selector-icon-size);border:var(--vi-border-width,1px) solid var(--vi-selector-muted-color);border-radius:min(var(--vi-radius), 4px);color:#0000;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), transform var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out);flex:none;place-items:center;display:grid}.vi-selector__indicator svg{width:76%;height:76%}.vi-selector[data-selection-mode=single] .vi-selector__indicator{border-radius:var(--vi-radius-pill,999px)}.vi-selector[data-show-checkbox=false] .vi-selector__indicator{border-color:#0000;border-radius:0}.vi-selector__option[data-selected=true]{background:var(--vi-selector-selected-fill);color:var(--vi-selector-selected-ink)}.vi-selector__option[data-selected=true] .vi-selector__indicator{background:color-mix(in srgb, currentColor 13%, transparent);color:currentColor;border-color:currentColor;transform:scale(1.04)}.vi-selector[data-hover-style=fill] .vi-selector__option:hover:not([data-selected=true]),.vi-selector[data-hover-style=glow] .vi-selector__option:hover:not([data-selected=true]){background:var(--vi-selector-hover-fill);color:var(--vi-selector-hover-ink)}.vi-selector[data-hover-style=line] .vi-selector__option:hover:not([data-selected=true]){color:var(--vi-selector-hover-ink);transform:translateX(var(--vi-space-1,.25rem))}.vi-selector[data-hover-style=line] .vi-selector__option:hover:before{opacity:1;transform:scaleY(1)}.vi-selector[data-hover-style=glow] .vi-selector__option:hover:not([data-selected=true]){box-shadow:inset 0 0 1.4rem color-mix(in srgb, var(--vi-active) 9%, transparent)}.vi-selector__option:focus-visible{box-shadow:inset 0 0 0 var(--vi-focus-width,2px) var(--vi-active);outline:0}.vi-selector[data-disabled=true]{opacity:var(--vi-selector-disabled-opacity)}.vi-selector__option:disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.vi-selector__option,.vi-selector__option:before,.vi-selector__indicator{transition-duration:.01ms}}