.sel{width:100%}.sel__trigger{border:1px solid var(--border);width:100%;height:44px;color:var(--color-navy);text-align:left;cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .85rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.sel__trigger:hover{border-color:#c9c4bb}.sel--open .sel__trigger{border-color:var(--color-navy);box-shadow:0 0 0 3px #0a224314}.sel__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sel__arrow{width:14px;height:14px;color:var(--color-muted);flex:none;transition:transform .2s cubic-bezier(.22,1,.36,1)}.sel--open .sel__arrow{color:var(--color-navy);transform:rotate(180deg)}.sel__list{border:1px solid var(--border);background:#fff;border-radius:10px;margin:6px 0 0;padding:.25rem;list-style:none;animation:.16s cubic-bezier(.22,1,.36,1) sel-in;box-shadow:0 4px 12px #0a22430f}@keyframes sel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sel__option{width:100%;color:var(--color-accent);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.75rem;padding:.55rem .7rem;font-family:inherit;font-size:.875rem;display:flex}.sel__option--active{background:var(--ui-hover-bg)}.sel__option--selected{color:var(--color-navy);font-weight:600}.sel__option--selected:after{content:"";float:right;border:solid var(--color-gold);border-width:0 2px 2px 0;width:6px;height:10px;margin-top:3px;transform:rotate(45deg)}.sel__option-label{flex:1;min-width:0}.sel__option-count{font-variant-numeric:tabular-nums;color:var(--color-muted);flex:none;font-size:.78rem}.sel__option:has(.sel__option-count:empty){opacity:1}