.styled-multi-select{max-width:360px;position:relative;--bg:#fff;--card:#f5f6f8;--muted:#6b7280;--surface:#fff;--accent:green;--accent-600:green}.styled-multi-select .styled-select-box{align-items:center;border:1px solid hsla(0,0%,100%,.04);border-radius:var(--radius);box-shadow:0 6px 18px rgba(2,6,23,.6),inset 0 1px 0 hsla(0,0%,100%,.02);cursor:pointer;display:flex;gap:8px;max-height:300px;min-height:48px;overflow:auto;padding:10px 12px}.styled-multi-select .styled-select-box:focus{outline:2px solid rgba(96,165,250,.15)}.styled-multi-select .styled-select-box .caret{height:20px;opacity:.9;transition:transform .18s ease;width:20px}.styled-multi-select .styled-select-box .caret.open{transform:rotate(180deg)}.styled-multi-select .styled-select-box .styled-selected-pills{display:flex;flex:1;flex-wrap:wrap;gap:6px}.styled-multi-select .styled-select-box .styled-selected-pills .styled-selected-pill{align-items:center;background:hsla(0,0%,100%,.03);border-radius:999px;color:var(--muted);display:inline-flex;font-size:13px;gap:8px;padding:6px 8px}.styled-multi-select .styled-select-box .styled-selected-pills .styled-selected-pill strong{font-weight:600}.styled-multi-select .styled-dropdown{border:1px solid hsla(0,0%,100%,.04);border-radius:12px;box-shadow:0 14px 44px rgba(2,6,23,.6);left:0;max-height:260px;overflow:auto;padding:8px;right:0;top:62px;z-index:30}.styled-multi-select .styled-dropdown .styled-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 10px}.styled-multi-select .styled-dropdown .styled-option[aria-selected=true]:after{content:"✅"}.styled-multi-select .styled-dropdown .styled-option:hover{background:linear-gradient(#fff,#d3d3d3)}.styled-multi-select .styled-dropdown .styled-option[aria-selected=true]{background:linear-gradient(#000,#d3d3d3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.02);color:#fff}.styled-multi-select .styled-dropdown .styled-option .opt-label{flex:1}.styled-multi-select .styled-dropdown .styled-option .opt-label .opt-title{font-size:14px}.styled-multi-select .hint{font-size:13px;margin-bottom:12px}@media (max-width:420px){.styled-multi-select{width:100%}}