.multi-select{--border-color:var(--theme-color-grayscale-600);--padding-inline:0.75rem;--padding-block:0.75rem;position:relative}.multi-select__pseudo-field{font-size:1.6rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column-gap:.5rem;border:1px solid var(--border-color);border-radius:6px;padding:var(--padding-block) var(--padding-inline);cursor:pointer;transition:border .2s ease;background:var(--theme-color-grayscale-1000);width:100%}.multi-select__pseudo-field:focus,.multi-select__pseudo-field:focus-within{--border-color:var(--theme-color-primary-default);outline:1px solid var(--theme-color-primary-default);outline-offset:0}.multi-select__pseudo-field[disabled]{color:var(--theme-color-grayscale-400);pointer-events:none}.multi-select__pseudo-field-inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-select__options{z-index:1;position:absolute;top:100%;margin-top:.2rem;display:grid;width:100%;grid-row-gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:#fff}.multi-select__options-list{display:grid;grid-row-gap:.75rem;max-height:200px;overflow-y:auto}.multi-select__options-list .checkbox:has(.checkbox__field:focus-visible){margin-inline:4px}.multi-select__options-list .checkbox__field:focus-visible+.checkbox__label{outline-offset:2px}.multi-select__option-label-wrapper{display:flex;justify-content:space-between;-moz-column-gap:1rem;column-gap:1rem}.multi-select--show-options .multi-select__pseudo-field-icon{transform:rotate(180deg)}