.mx12-select,.mx12-select-menu{--ms-bg:#0d1729;--ms-text:#eaf1fb;--ms-muted:#aabbcf;--ms-border:#354660;--ms-hover:#1c3357;--ms-accent:#8ab9ff;font:14px/1.45 system-ui,sans-serif;text-align:left;box-sizing:border-box}
.theme-light .mx12-select,.theme-light .mx12-select-menu,[data-ui-theme=light] .mx12-select,[data-ui-theme=light] .mx12-select-menu{--ms-bg:#fff;--ms-text:#17283e;--ms-muted:#52647b;--ms-border:#becbdb;--ms-hover:#eaf1ff;--ms-accent:#2455aa}
html .mx12-select{width:100%;min-width:0;padding:0!important;display:block}
html .mx12-select .ts-control{min-height:44px;padding:10px 34px 10px 12px!important;border:1px solid var(--ms-border)!important;border-radius:10px!important;background:var(--ms-bg)!important;color:var(--ms-text)!important;box-shadow:none!important;font:inherit!important;gap:5px;cursor:pointer}
html .mx12-select.focus .ts-control{border-color:var(--ms-accent)!important;outline:2px solid var(--ms-accent);outline-offset:2px}
html .mx12-select .ts-control:after{border-color:var(--ms-muted) transparent transparent!important;right:13px!important}
html .mx12-select .ts-control>.item{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ms-text)!important;font:inherit}
html .mx12-select.multi .ts-control>.item{background:var(--ms-hover)!important;border:0!important;border-radius:5px;padding:3px 7px!important;white-space:normal;overflow-wrap:anywhere}
html .mx12-select .ts-control input{min-height:0!important;height:auto!important;min-width:0!important;width:1px!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;color:var(--ms-text)!important;background:transparent!important;font:16px system-ui!important}
html .mx12-select-menu{z-index:2147483000!important;border:1px solid var(--ms-border)!important;border-radius:12px!important;background:var(--ms-bg)!important;color:var(--ms-text)!important;box-shadow:0 8px 24px #0003!important;padding:5px!important;overflow:hidden;box-sizing:border-box}
html .mx12-select-menu .dropdown-input{width:100%!important;min-height:42px!important;margin:0 0 5px!important;padding:9px 11px!important;border:1px solid var(--ms-border)!important;border-radius:7px!important;background:var(--ms-bg)!important;color:var(--ms-text)!important;box-sizing:border-box;font:16px system-ui!important}
html .mx12-select-menu .option,html .mx12-select-menu .no-results{padding:10px 12px;min-height:42px;border-radius:7px;white-space:normal;overflow-wrap:anywhere;color:var(--ms-text);font-size:14px;box-sizing:border-box}
html .mx12-select-menu .option.active{background:var(--ms-hover)!important;color:var(--ms-text)!important}
html .mx12-select-menu .option.selected{color:var(--ms-accent)!important;font-weight:650}
html .mx12-select-menu .option[aria-disabled=true]{opacity:.5}
html .mx12-select-menu .optgroup-header{background:transparent;color:var(--ms-muted);padding:8px 12px;font-size:12px;font-weight:650}
html .mx12-select-menu .ts-dropdown-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html .mx12-select.disabled{opacity:.55}
html .mx12-select.invalid .ts-control{border-color:#d15c66!important}
@media(prefers-reduced-motion:reduce){.mx12-select *,.mx12-select-menu *{transition:none!important}}