.mf-select{min-width:0;position:relative}.mf-trigger{position:relative;display:flex;align-items:center;gap:7px;width:100%;min-width:0;height:46px;padding:11px 13px;background:#f3f4f6;border:1px solid #edf0f4;border-radius:12px;text-align:left;color:#7d8799;font-size:13px;font-weight:400;transition:background-color .14s,border-color .14s}.mf-value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-trigger>svg{color:#8f9aad;flex:none;transition:transform .16s}.mf-trigger:hover:not(:disabled){background:#edf0f4;border-color:#e3e8ef}.mf-trigger:focus-visible,.mf-select.is-open>.mf-trigger{outline:1px solid #aeb8c8!important;outline-offset:-1px;box-shadow:none;border-color:transparent}.mf-trigger:disabled{color:#b1b7c3;background:#f6f7f9;border-color:#f1f3f6;cursor:default}.mf-trigger:disabled>svg{color:#c7ccd5}.mf-select.is-open>.mf-trigger>svg{transform:rotate(180deg)}.mf-select.is-filled>.mf-trigger{background:#edf3ff;border-color:#e0e9fa;color:#253957;padding-top:19px;padding-bottom:5px}.mf-caption{position:absolute;top:5px;left:13px;right:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:11px;color:#8896af}.mf-selected-count{font-size:10px;background:#dbe7ff;color:#5577ad;border-radius:5px;min-width:23px;text-align:center;padding:2px 4px;flex:none}.mf-pill>.mf-trigger,.mf-pill.is-filled>.mf-trigger{height:34px;border-radius:22px;padding:7px 12px;font-size:11.5px;color:#51627f;white-space:nowrap;background:#f1f3f6}.mf-pill.is-filled>.mf-trigger{background:#eaf1ff;border-color:#dae6ff;color:#3560b3}.mf-pill>.mf-trigger>svg{width:12px;height:12px}.mf-pill .mf-caption{display:none}.mf-popover{position:fixed;z-index:310;left:var(--mf-left,12px);top:var(--mf-top,70px);width:var(--mf-width,310px);max-width:calc(100vw - 24px);max-height:var(--mf-height,440px);background:#fff;border:1px solid #e7ebf2;border-radius:16px;box-shadow:0 12px 42px #26334d1a,0 2px 6px #26334d05;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;animation:mf-appear .12s ease-out;color:#27344d}.mf-popover>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:12px 13px 9px}.mf-popover>header strong{font-size:12px;line-height:1.4;font-weight:550}.mf-popover>header button{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f4f6f9;color:#8995aa;flex:none}.mf-popover>header button:hover{background:#eaf0fa;color:#3f5c8d}.mf-search{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:0 10px;min-height:37px;border:1px solid #edf0f4;border-radius:9px;background:#f6f7f9;color:#9ba5b5;flex:none}.mf-search input{width:100%;flex:1;min-width:0;border:0!important;background:transparent!important;outline:none!important;box-shadow:none!important;padding:8px 0!important;height:35px;min-height:35px;font-size:12px}.mf-search input::placeholder{color:#9aa4b5}.mf-search:focus-within{border-color:#bac4d4}.mf-search>button{display:grid;place-items:center;width:22px;height:24px;flex:none}.mf-options{overflow:auto;overscroll-behavior:contain;min-height:70px;padding:0 7px 8px;scrollbar-width:thin;scrollbar-color:#d4dae5 transparent;flex:1}.mf-options::-webkit-scrollbar{width:5px}.mf-options::-webkit-scrollbar-thumb{background:#d4dae5;border-radius:8px}.mf-options [role=option]{display:flex;align-items:center;gap:9px;padding:10px;min-height:38px;border-radius:9px;width:100%;text-align:left;font-size:12px;line-height:1.4;color:#36425a;border:0;background:transparent}.mf-options [role=option]>span{flex:1;min-width:0;overflow-wrap:anywhere}.mf-options [role=option]>small{color:#a0a8b8;font-size:10px;font-variant-numeric:tabular-nums}.mf-options [role=option].is-pointed,.mf-options [role=option]:hover,.mf-options [role=option]:focus-visible{background:#f4f6f9;outline:none}.mf-options [role=option].is-selected{color:#2d5cbd;background:#eef4ff}.mf-options [role=option]:disabled{opacity:.45;cursor:default}.mf-options .mf-any{color:#98a1b1;margin-bottom:2px}.mf-check{color:#b8c4d7;flex:none}.is-selected>.mf-check{color:#527de3}.mf-group-title{font-size:10px;color:#a0a8b7;padding:13px 10px 5px}.mf-empty{font-size:12px;line-height:1.6;text-align:center;color:#9aa5b6;padding:16px 12px}.mf-popover>footer{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #eff1f5;flex:none;background:#fff}.mf-popover>footer>span{margin-left:auto;font-size:10px;color:#95a0b4}.mf-reset{font-size:11px;color:#8491a8;padding:7px 0}.mf-reset:disabled{opacity:.45}.mf-done{padding:8px 15px;font-size:11px;font-weight:500;background:#2458ec;color:#fff;border-radius:8px;min-height:33px;margin-left:4px}.mf-backdrop{display:none}.mf-trigger,.mf-popover button{touch-action:manipulation}@keyframes mf-appear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.mf-trigger{height:46px;font-size:12px;padding-inline:11px}.mf-caption{left:11px}.mf-popover{left:12px!important;right:12px!important;top:auto!important;bottom:calc(12px + var(--mf-keyboard,0px));width:auto!important;max-width:none;max-height:min(540px,calc(var(--mf-vh,100dvh) - 28px));border-radius:18px;box-shadow:0 9px 35px #1b294526}.mf-backdrop{display:block;position:fixed;inset:0;background:#17213a38;z-index:309}.mf-popover>header{padding:13px 14px 10px}.mf-popover>header strong{font-size:14px}.mf-popover>header button{width:32px;height:32px}.mf-search{min-height:41px;margin-inline:13px}.mf-search input{font-size:16px!important;height:40px;min-height:40px}.mf-search input::placeholder{font-size:13px}.mf-options{max-height:330px;padding:0 8px 9px}.mf-options [role=option]{font-size:13px;min-height:43px;padding:11px}.mf-options [role=option]>small{font-size:11px}.mf-group-title{font-size:11px}.mf-popover>footer{padding:11px 14px calc(11px + env(safe-area-inset-bottom))}.mf-done{min-height:38px;padding-inline:20px;font-size:12px}.mf-reset{font-size:12px}.mf-popover>footer>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.mf-popover{animation:none}.mf-trigger,.mf-trigger>svg{transition:none}}.mf-select>.mf-native{appearance:none;width:100%;min-width:0;height:46px;min-height:46px;padding:11px 34px 11px 13px;border:1px solid #edf0f4;border-radius:12px;background:#f3f4f6;color:#7d8799;font-size:13px;font-weight:400}.mf-select.is-filled>.mf-native{padding-top:19px;padding-bottom:5px;background:#edf3ff;border-color:#e0e9fa;color:#253957}.mf-native-arrow{position:absolute;right:13px;top:16px;pointer-events:none;color:#8f9aad}.mf-select.mf-pill>.mf-native{height:34px;min-height:34px;padding:7px 27px 7px 12px;border-radius:22px;font-size:11.5px}.mf-pill>.mf-native-arrow{top:10px;right:10px;width:12px;height:12px}.mf-caption{pointer-events:none}.mf-pill.mf-pending{position:relative}.mf-pill.mf-pending>.mf-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0;z-index:1;cursor:pointer}.mf-pill.mf-pending>.mf-native-label{pointer-events:none}.mf-pill.mf-pending:has(>.mf-native:focus-visible)>.mf-native-label{outline:2px solid #6385ee;outline-offset:2px}.mf-pill.is-disabled>.mf-trigger{color:#68768c;background:#f1f3f6;border-color:#edf0f4;opacity:1;cursor:default}.mf-pill.is-disabled>.mf-trigger>svg{color:inherit}
