.dd{position:relative;display:block}
.dd-native{display:none!important}
.dd-btn{width:100%;min-width:175px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font-size:13px;cursor:pointer;
  color:#f1e6cc;background:linear-gradient(#344254,#1c2735);border:1px solid #6b7686;border-radius:3px;padding:10px 12px}
.dd-btn:hover{border-color:#c9ad77;filter:none;background:linear-gradient(#3a4a5f,#212d3d)}
.dd.open .dd-btn{border-color:#e0bf80;box-shadow:0 0 0 1px #e0bf8066}
.dd-caret{width:7px;height:7px;border-right:2px solid #d5b47a;border-bottom:2px solid #d5b47a;transform:translateY(-2px) rotate(45deg);transition:transform .12s;flex:none}
.dd.open .dd-caret{transform:translateY(2px) rotate(-135deg)}
.dd-list{position:fixed;z-index:1000;margin:0;padding:5px;list-style:none;overflow:auto;outline:none;
  background:#111a26;border:1px solid #a58f62;border-radius:4px;box-shadow:0 14px 38px #000c,0 0 0 1px #0008}
.dd-list[hidden]{display:none}
.dd-list li{position:relative;padding:9px 12px 9px 28px;font-size:13px;line-height:1.2;color:#e6edf4;border-radius:3px;cursor:pointer;white-space:nowrap}
.dd-list li[aria-selected=true]{color:#f2d79b;font-weight:600}
.dd-list li[aria-selected=true]::before{content:'';position:absolute;left:11px;top:50%;width:5px;height:9px;border-right:2px solid #e0bf80;border-bottom:2px solid #e0bf80;transform:translateY(-62%) rotate(45deg)}
.dd-list li.active{background:linear-gradient(90deg,#8b6e3a,#5d4a2b);color:#fff8e4;box-shadow:inset 3px 0 #f0d08c}
.dd-list li[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.dd-list li[aria-disabled=true].active{background:#1c2735;box-shadow:none;color:#e6edf4}
.dd-btn:focus-visible{outline:2px solid #edce91;outline-offset:3px}
@media(max-width:700px){.dd-btn{min-width:130px}}