.sel{width:100%;min-width:0;position:relative}.sel-btn{border:1.5px solid var(--ink);background:var(--paper);width:100%;height:48px;color:var(--ink);font:500 16px/1.2 var(--sans);text-align:left;cursor:pointer;transition:background .15s, box-shadow .15s var(--ease), transform .15s var(--ease);align-items:center;gap:10px;padding:0 9px 0 14px;display:flex}.sel-btn:hover:not(:disabled),.sel.is-open .sel-btn{background:var(--white);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.sel-btn:focus-visible{outline:3px solid var(--biro);outline-offset:0}.sel-btn[aria-invalid=true]{box-shadow:3px 3px 0 var(--blush);border:2px solid #a3302a}.sel-btn:disabled{opacity:.5;cursor:default}.sel-val{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sel-ph{color:var(--muted)}.sel-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sel-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:8.5px;font-weight:500;line-height:1.2}.sel-chev{box-sizing:content-box;border:1.5px solid var(--ink);background:var(--white);width:10px;height:7px;color:var(--ink);transition:transform .22s var(--ease), background .15s;border-radius:999px;flex:none;padding:9px 8px 8px}.sel-btn:hover .sel-chev{background:var(--butter)}.sel.is-open .sel-chev{background:var(--butter);transform:rotate(180deg)}.sel-btn .sel-n{margin-left:0}.sel>input.sel-proxy.sel-proxy{opacity:0;clip-path:inset(50%);pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;bottom:0;left:0;overflow:hidden}.sel-sm .sel-btn{height:40px;padding:0 6px 0 11px;font-size:15px}.sel-sm .sel-chev{padding:7px 6px 6px}.sel-filter .sel-btn{background:var(--white);height:50px;box-shadow:4px 4px 0 var(--ink);border-width:2px;padding:0 10px 0 13px;font-size:15px;font-weight:600}.sel-filter .sel-btn:hover:not(:disabled),.sel-filter.is-open .sel-btn{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.sel-filter .sel-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sel-pop{z-index:1000;max-height:var(--sel-max,320px);border:2px solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--ink);color:var(--ink);font-family:var(--sans);transform-origin:50% 0;animation:sel-in .18s var(--ease) both;flex-direction:column;display:flex;position:fixed}.sel-pop.up{transform-origin:50% 100%;animation-name:sel-up}@keyframes sel-in{0%{opacity:0;transform:translateY(-6px)scaleY(.94)}}@keyframes sel-up{0%{opacity:0;transform:translateY(6px)scaleY(.94)}}.sel-head{border-bottom:1.5px dashed var(--rule);background:var(--cream);color:var(--cocoa);flex:none;padding:9px 12px 7px;font-size:10px}.sel-pop ul{overscroll-behavior:contain;outline:none;flex:auto;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.sel-pop li{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;align-items:center;gap:10px;min-height:42px;padding:8px 10px 8px 8px;font-size:15px;font-weight:500;line-height:1.25;display:flex}.sel-pop li+li{margin-top:2px}.sel-pop li.on{border-color:var(--ink);background:var(--butter)}.sel-pop li[aria-selected=true]{font-weight:700}.sel-pop li[aria-disabled=true]{opacity:.4;cursor:default}.sel-pop li:active:not([aria-disabled=true]){transform:translate(1px,1px)}.sel-tick{border:1.5px dashed var(--rule);color:#0000;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}.sel-pop li.on .sel-tick{border-color:var(--ink);background:var(--white)}.sel-pop li[aria-selected=true] .sel-tick{border:1.5px solid var(--ink);background:var(--mint);color:var(--ink);box-shadow:1.5px 1.5px 0 var(--ink)}.sel-lab{overflow-wrap:anywhere;flex:1;min-width:0}.sel-n{background:color-mix(in srgb, currentColor 10%, transparent);min-width:24px;font-family:var(--mono);letter-spacing:.04em;text-align:center;border-radius:999px;flex:none;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:500}@media (pointer:coarse){.sel-pop li{min-height:46px}}@media (prefers-reduced-motion:reduce){.sel-pop{animation:none}.sel-btn,.sel-chev{transition:none}.sel-btn:hover:not(:disabled),.sel.is-open .sel-btn,.sel-filter .sel-btn:hover:not(:disabled),.sel-filter.is-open .sel-btn,.sel-pop li:active:not([aria-disabled=true]){transform:none}}.sel-face{border:1.5px solid var(--rule);background:var(--beige);color:#0000;width:34px;height:34px;position:relative}.sel-face-i{border-radius:999px;width:100%;height:100%;display:block;overflow:hidden}.sel-face-i img{object-fit:cover;object-position:50% 0;transform-origin:50% 8%;width:100%;height:100%;display:block;transform:scale(1.75)}.sel-face svg{border:1.5px solid var(--ink);background:var(--mint);width:15px;height:15px;color:var(--ink);opacity:0;border-radius:999px;padding:3px;position:absolute;bottom:-4px;right:-5px}.sel-pop li.on .sel-face{border-color:var(--ink);background:var(--beige)}.sel-pop li[aria-selected=true] .sel-face{border:2px solid var(--ink);background:var(--beige);box-shadow:1.5px 1.5px 0 var(--ink)}.sel-pop li[aria-selected=true] .sel-face svg{opacity:1}.sel-val:has(.sel-face-btn){align-items:center;gap:8px;display:flex}.sel-face-btn{border:1.5px solid var(--ink);background:var(--beige);flex:none;width:24px;height:24px}