.select{--select-border:#cbd5df;--select-border-hover:#a9b6c3;--select-fill:#eef1f4;--select-fill-strong:#e6eaef;--select-ease:.15s ease;position:relative}.select-trigger{border:1px solid var(--select-border);background:var(--white);width:100%;height:40px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--select-ease), box-shadow var(--select-ease);border-radius:99px;align-items:center;gap:8px;padding:0 16px;font-size:15px;display:flex}.select-trigger:disabled{cursor:progress}.select-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-trigger>.is-placeholder{color:var(--muted)}.select-trigger>svg{color:var(--muted);flex:none}.select-chevron{transition:transform var(--select-ease)}.select-trigger[aria-expanded=true]{border-color:var(--select-border-hover)}.select-trigger[aria-expanded=true] .select-chevron{transform:rotate(180deg)}.select-trigger[aria-invalid=true]{border-color:#b42318}.select-pop,.select-sub{background:var(--white);text-align:left;border-radius:12px;box-shadow:0 12px 32px -12px #171b213d,0 0 0 1px #171b210f}.select-pop{z-index:30;transform-origin:0 0;width:max-content;min-width:max(100%,220px);max-width:min(360px,100vw - 32px);animation:select-pop var(--select-ease) both;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px)}.select-pop.is-up{transform-origin:0 100%;top:auto;bottom:calc(100% + 6px)}@keyframes select-pop{0%{opacity:0;transform:scale(.97)}}.select-pop>ul,.select-sub{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.select-sub{z-index:1;width:max-content;min-width:200px;max-width:min(300px,100vw - 32px);max-height:320px;padding:4px;position:absolute}.select-option{min-height:36px;color:var(--ink);cursor:pointer;transition:background-color var(--select-ease);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:14px;display:flex}.select-option.is-selected{background:var(--select-fill);font-weight:500}.select-option.is-active{background:var(--select-fill-strong)}.select[data-nav=key] .select-option.is-active:not([aria-expanded=true]){box-shadow:inset 0 0 0 2px var(--steel)}@media (forced-colors:active){.select-option.is-active:not([aria-expanded=true]){outline-offset:-2px;outline:2px solid highlight}}.select-option>svg{color:var(--ink);flex:none;margin-left:auto}.select-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-label small{color:var(--muted);font-size:13px;font-weight:400}.select-dot{border-radius:50%;flex:none;width:8px;height:8px}.select-group{color:var(--muted);padding:10px 10px 4px;font-size:12px;font-weight:500}.select-search{border-bottom:1px solid var(--line);height:40px;color:var(--muted-soft,var(--muted));flex:none;align-items:center;gap:8px;margin:-4px -4px 4px;padding:0 14px;display:flex}.select .select-search input[type=text]{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-size:14px}.select .select-search input[type=text]::placeholder{color:var(--muted)}.select .select-search input[type=text]:focus,.select .select-search input[type=text]:focus-visible{box-shadow:none;border:0;outline:none}@media (max-width:640px),(pointer:coarse){.select .select-search input[type=text]{font-size:16px}}.select-empty{color:var(--muted);margin:0;padding:8px 10px;font-size:14px}.select-flag{flex:none;font-size:16px;line-height:1}.select-trigger>.select-flag{flex:none}@media (hover:hover){.select-trigger:not(:disabled):hover{border-color:var(--select-border-hover)}.select-option:hover{background:var(--select-fill-strong)}}.select-trigger:focus-visible{border-color:var(--select-border-hover)}@media (prefers-reduced-motion:reduce){.select-trigger,.select-chevron,.select-option{transition:none}.select-pop{animation:none}}
