/* Shared dropdowns across every page in the member website. */
:root {
  --select-bg:#17171b;
  --select-border:#36363e;
  --select-border-hover:#62626e;
  --select-text:#ededf2;
  --select-muted:#a8a8b4;
  --select-menu-bg:#202025;
  --select-option-hover:#303038;
  --select-selected-bg:#39202a;
  --select-accent:#ff8aa3;
  --select-focus:#ff6482;
}
.ui-select {display:inline-flex; position:relative; vertical-align:middle; width:100%; min-width:0; max-width:100%; text-align:left;}
.ui-select>select.ui-select-native {display:none!important;}
.ui-select .ui-select-trigger {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  width:100%; min-width:0; min-height:46px; margin:0; padding:10px 13px;
  border:1px solid var(--select-border); border-radius:8px;
  background:var(--select-bg); color:var(--select-text); cursor:pointer;
  font-family:inherit; font-size:13px; font-weight:400; line-height:1.6; text-align:left;
  box-shadow:0 1px 2px #0002; transition:background .16s,border-color .16s,box-shadow .16s;
}
.ui-select .ui-select-trigger:hover:not(:disabled) {border-color:var(--select-border-hover); background:#1d1d23;}
.ui-select .ui-select-trigger:focus-visible {outline:2px solid var(--select-focus); outline-offset:3px;}
.ui-select.is-open .ui-select-trigger {border-color:#84616e; background:#202025; box-shadow:0 0 0 2px #ff64820d;}
.ui-select .ui-select-trigger:active:not(:disabled) {transform:none;}
.ui-select .ui-select-trigger:disabled {opacity:.45; cursor:not-allowed; box-shadow:none;}
.ui-select-value {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:1;}
.ui-select-arrow {display:flex; color:var(--select-muted); flex-shrink:0; transition:transform .16s,color .16s;}
.ui-select .ui-select-arrow svg {width:16px; height:16px;}
.ui-select.is-open .ui-select-arrow {transform:rotate(180deg); color:var(--select-text);}
.ui-select-menu {
  position:fixed; z-index:1100; width:max-content; max-height:320px; margin:0; padding:6px;
  overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin;
  scrollbar-color:#62626d transparent; background:var(--select-menu-bg); color:var(--select-text);
  border:1px solid #42424b; border-radius:10px; box-shadow:0 16px 40px #0007,0 3px 10px #0005;
  font-family:inherit; font-size:13px; font-weight:400; line-height:1.6;
  animation:select-menu-in .14s ease-out; isolation:isolate;
}
.ui-select-option {
  display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative;
  min-height:44px; padding:10px 12px; border:1px solid transparent; border-radius:6px;
  cursor:pointer; user-select:none; -webkit-user-select:none; touch-action:manipulation;
}
.ui-select-option>span:first-child {min-width:0; overflow-wrap:anywhere;}
.ui-select-option.is-active {background:var(--select-option-hover);}
.ui-select-option.is-chosen {background:var(--select-selected-bg); color:var(--select-accent);}
.ui-select-option.is-chosen.is-active {background:#462733;}
.ui-select-option[aria-disabled="true"] {opacity:.4; cursor:not-allowed; background:transparent;}
.ui-select-check {display:flex; flex-shrink:0; opacity:0; color:var(--select-accent);}
.ui-select-check svg {width:17px; height:17px;}
.ui-select-option.is-chosen .ui-select-check {opacity:1;}
.ui-select-group {padding:12px 12px 5px; font-size:11px; color:var(--select-muted);}
.top-select-wrap:has(.ui-select)>svg {display:none;}
.filter-select:has(.ui-select) {padding:0; border:0; background:transparent;}
.filter-select:has(.ui-select)>svg {display:none;}
.filter-select>.ui-select {width:190px;}
.account-sort>.ui-select {width:150px;}
.top-mobile-sort>.ui-select {width:190px;}
@keyframes select-menu-in {from{opacity:0;}to{opacity:1;}}
@media(max-width:767px) {
  .ui-select .ui-select-trigger {min-height:46px; padding:10px 11px; gap:8px; font-size:12px;}
  .ui-select-menu {font-size:14px;}
  .ui-select-option {min-height:46px; padding:10px 12px;}
  .top-mobile-sort>.ui-select {width:185px; max-width:calc(100vw - 110px);}
}
@media(prefers-reduced-motion:reduce) {
  .ui-select-menu {animation:none;}
  .ui-select .ui-select-trigger,.ui-select-arrow {transition:none;}
}
@media(forced-colors:active) {
  .ui-select .ui-select-trigger,.ui-select-menu {border-color:ButtonText;}
  .ui-select-option.is-active {outline:1px solid Highlight; outline-offset:-2px;}
  .ui-select-option.is-chosen {color:Highlight;}
}