.ssel{width:100%;position:relative}.ssel__input{border-radius:var(--radius-md);color:#fff;width:100%;height:50px;font-size:var(--text-base);background:rgba(255,255,255,.08);border:1px solid #fff;outline:none;padding:0 1.1rem;transition:background .3s,box-shadow .3s}.ssel__input::placeholder{color:rgba(255,255,255,.35)}.ssel__input:focus{background:rgba(255,255,255,.12);box-shadow:0 0 15px rgba(255,255,255,.1)}.ssel__input:disabled{opacity:.5;cursor:not-allowed}.ssel__list{z-index:30;padding:var(--space-1);border-radius:var(--radius-md);background:#0d0d2b;border:1px solid rgba(255,255,255,.2);max-height:240px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px rgba(0,0,0,.45)}.ssel__option{text-align:left;border-radius:var(--radius-sm);color:rgba(255,255,255,.9);width:100%;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:.6rem .8rem;display:block}.ssel__option:hover,.ssel__option[aria-selected=true]{color:#fff;background:rgba(255,255,255,.12)}.ssel__option:focus-visible{color:#fff;background:rgba(255,255,255,.12)}.ssel__empty{color:rgba(255,255,255,.5);font-size:var(--text-sm);padding:.6rem .8rem}