.sel{min-width:0;display:inline-flex;position:relative}.sel-trigger{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;font-size:var(--step--1);cursor:pointer;text-align:left;transition:border-color var(--fast), background var(--fast), color var(--fast);justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .75rem;font-weight:550;line-height:1.2;display:inline-flex}.sel-trigger:hover{border-color:var(--line-strong);background:var(--paper-hover)}.sel-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sel-trigger[aria-expanded=true]{border-color:var(--accent-line);background:var(--surface)}.sel-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sel-caret{width:12px;height:12px;color:var(--ink-3);transition:transform var(--fast) var(--ease), color var(--fast);flex:none}.sel-trigger:hover .sel-caret{color:var(--ink-2)}.sel-trigger[aria-expanded=true] .sel-caret{color:var(--ink);transform:rotate(180deg)}.sel-menu{z-index:40;min-width:100%;max-width:min(22rem, calc(100vw - 2 * var(--gutter)));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);max-height:17.5rem;box-shadow:var(--shadow-lg);margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.sel-option{border-radius:var(--r-sm);min-height:38px;color:var(--ink-2);font-size:var(--step--1);cursor:pointer;align-items:center;gap:.5rem;padding:.45rem .55rem;line-height:1.3;display:flex}.sel-option.is-active{background:var(--surface-2);color:var(--ink)}.sel-option.is-chosen{color:var(--ink);font-weight:600}.sel-option-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sel-option-note{color:var(--ink-4);font-size:var(--step--2);font-variant-numeric:tabular-nums;flex:none}.sel-tick{width:12px;height:12px;color:var(--accent);opacity:0;flex:none}.sel-option.is-chosen .sel-tick{opacity:1}@media (prefers-reduced-motion:reduce){.sel-trigger,.sel-caret{transition:none}}.sel-menu::-webkit-scrollbar{width:10px}.sel-menu::-webkit-scrollbar-track{background:0 0}.sel-menu::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.sel-menu::-webkit-scrollbar-thumb:hover{background:var(--ink-4);background-clip:padding-box}