.atomic-select--disabled{--field-background:hsla(0,0%,94%,.3);--field-color:#dbe1ea;--field-active-color:#dbe1ea}.atomic-select__button{align-items:center;border-color:var(--field-color);border-radius:6px;border-style:solid;border-width:1px;-moz-column-gap:6px;column-gap:6px;display:flex;height:var(--field-height);outline:none;padding-left:12px;padding-right:12px;position:relative;width:100%}.atomic-select__button:focus-within,.atomic-select__button:hover{border-color:var(--field-active-color)}.atomic-select--active .atomic-select__button{border-color:var(--field-active-color)}.atomic-select__selection{display:flex;flex-grow:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atomic-select__placeholder,.atomic-select__selected{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.atomic-select__placeholder{color:#9ca3af}.atomic-select__filter{outline:none;width:100%}.atomic-select:not(.atomic-select--active) .atomic-select__filter,.atomic-select__input{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;width:100%}.atomic-select__arrow{flex-shrink:0;transition:transform .2s}.atomic-select--active .atomic-select__arrow{transform:rotate(180deg)}.atomic-select__menu{background-color:#fff;border-radius:6px;box-shadow:0 0 20px #0000001a;max-height:300px;overflow:auto;padding:2px}.atomic-select__empty,.atomic-select__option{border-radius:6px;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atomic-select__option{cursor:pointer}.atomic-select__option--hover,.atomic-select__option:focus,.atomic-select__option:hover{background-color:#e0e8f3;outline:none}.atomic-select__option--selected{background-color:#d7e8ff}.atomic-select__option--selected.atomic-select__option--hover{background-color:#c0dafe}.atomic-select__option--disabled{color:#9ca3af;cursor:not-allowed}.atomic-select--disabled .atomic-select__button{background-color:var(--field-background)}.atomic-select__empty{color:#bfbfbf;text-align:center}.atomic-select__option+.atomic-select__option{margin-top:2px}
