.select-field{position:relative}.select-field--enhanced>.select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}.select-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--text);font-size:var(--step-0);font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--speed) var(--ease-out),box-shadow var(--speed) var(--ease-out),background-color var(--speed) var(--ease-out)}.select-button:hover{border-color:var(--brand-primary)}.select-button:focus-visible,.select-button[aria-expanded=true]{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-primary) 25%,transparent)}.select-button__value{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button__caret{flex:0 0 auto;display:grid;place-items:center;color:var(--text-subtle);transition:transform var(--speed) var(--ease-spring),color var(--speed) var(--ease-out)}.select-button[aria-expanded=true] .select-button__caret{transform:rotate(180deg);color:var(--brand-primary)}.field--invalid .select-button{border-color:#e2593f}.select-menu{position:absolute;z-index:40;inset-inline:0;top:calc(100% + .45rem);max-height:min(19rem,50vh);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:.35rem;list-style:none;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--gradient-surface);box-shadow:var(--shadow-lg);visibility:hidden;opacity:0;transform:translateY(-.4rem) scale(.98);transform-origin:top center;transition:opacity var(--speed-fast) var(--ease-out),transform var(--speed) var(--ease-spring),visibility 0s linear var(--speed)}.select-menu[data-drop=up]{top:auto;bottom:calc(100% + .45rem);transform:translateY(.4rem) scale(.98);transform-origin:bottom center}.select-menu[data-open]{visibility:visible;opacity:1;transform:none;transition-delay:0s}.select-option{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:background-color var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.select-option.is-active{background:var(--surface-sunken);color:var(--text)}.select-option[aria-selected=true]{color:var(--text);font-weight:600;background:color-mix(in oklab,var(--brand-primary) 12%,transparent)}.select-option[aria-selected=true].is-active{background:color-mix(in oklab,var(--brand-primary) 20%,transparent)}.select-option__tick{flex:0 0 auto;display:grid;place-items:center;width:1rem;color:var(--brand-primary);opacity:0;transform:scale(.5);transition:opacity var(--speed-fast) var(--ease-out),transform var(--speed) var(--ease-spring)}.select-option[aria-selected=true] .select-option__tick{opacity:1;transform:none}.select-option__label{flex:1 1 auto}.select-menu{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.select-menu::-webkit-scrollbar{width:8px}.select-menu::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:var(--border-strong);background-clip:content-box}@media(prefers-reduced-motion:reduce){.select-menu,.select-button__caret,.select-option,.select-option__tick{transition:none}}