.sel{color:var(--text-3);align-items:center;display:inline-flex;position:relative}.sel-trigger{color:var(--text);font:inherit;cursor:pointer;border:0;outline:none;align-items:center;transition:box-shadow .2s;display:inline-flex}.sel-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sel-trigger svg{color:var(--text-3);flex:none;transition:transform .2s}.sel[data-open] .sel-trigger svg:last-child{transform:rotate(180deg)}.sel-trigger:focus-visible{box-shadow:var(--focus-ring)}.sel-trigger:disabled{opacity:.6;cursor:progress}.sel-list{z-index:30;background:var(--surface);width:max-content;min-width:100%;max-width:260px;max-height:280px;box-shadow:var(--pop);border-radius:12px;margin:0;padding:4px;list-style:none;animation:.14s sel-in;position:absolute;top:calc(100% + 6px);overflow-y:auto}.sel-list[data-above]{top:auto;bottom:calc(100% + 6px)}.sel-option{min-height:34px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13.5px;display:flex}.sel-option[data-active]{background:var(--surface-2)}.sel-option svg{color:var(--text-2);flex:none}@keyframes sel-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.sel-list{animation:none}}