.select-field{display:grid;gap:6px;min-width:0}
.select-field>label{font-size:11px;color:#718198}
.custom-select{position:relative;min-width:0}
.select-trigger{width:100%;min-height:42px;border:1px solid #dfe6f0;border-radius:5px;padding:10px 12px;background:#fff;color:#8993a2;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;font-size:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.custom-select.has-value .select-trigger{color:#394b68}
.select-trigger:hover,.select-trigger:focus-visible,.custom-select.open .select-trigger{outline:none;border-color:#88aaf4;box-shadow:0 0 0 3px #2868f512}
.select-trigger b{font-size:17px;font-weight:400;line-height:1;color:#8190a7;transition:transform .2s}
.custom-select.open .select-trigger b{transform:rotate(180deg)}
.select-options{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:210px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fff;border:1px solid #dfe6f2;border-radius:6px;box-shadow:0 10px 24px #264a831c}
.select-options[hidden]{display:none}
.custom-select.open-up .select-options{top:auto;bottom:calc(100% + 6px)}
.select-options [role=option]{position:relative;border-radius:4px;padding:10px 30px 10px 11px;color:#62728b;font-size:12px;line-height:1.5;cursor:pointer}
.select-options [role=option]:hover,.select-options [role=option].active{background:#edf3ff;color:#2868f5}
.select-options [aria-selected=true]{color:#2868f5;font-weight:600}
.select-options [aria-selected=true]::after{content:'✓';position:absolute;right:11px}