@layer base,variables;@layer mixins{.dropdown__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}}@layer shared;.dropdown{--dropdown-primary:var(--black-400);--dropdown-secondary:var(--gray-400);--dropdown-background:var(--gray-100);--dropdown-background-disabled:var(--gray-100);--dropdown-background-hover:var(--white);--dropdown-border:var(--gray-200);border-radius:var(--radius);border:1px solid var(--dropdown-border);background:var(--dropdown-background);width:100%;color:var(--dropdown-primary);cursor:pointer;padding:7px 15px;position:relative}.dropdown.is-open{border-radius:var(--radius) var(--radius) 0 0}.dropdown.is-open.has-dropdown-on-top{border-radius:0 0 var(--radius) var(--radius)}.dropdown.is-disabled{cursor:not-allowed}.dropdown.is-disabled:not(.is-loaded){color:var(--dropdown-secondary);background-color:var(--dropdown-background-disabled)}.dropdown__header{align-items:center;gap:10px;display:flex}.dropdown__label{line-height:2}.dropdown__label.is-placeholder{color:var(--gray-500)}.dropdown__label.is-labeled-option{flex-direction:column;gap:2px;line-height:1;display:flex}.dropdown__label.is-labeled-option span{display:block}.dropdown__label.is-labeled-option span.is-label{color:var(--dropdown-secondary);font-size:12px;font-weight:600}.dropdown-list__search{padding:15px 15px 10px}.dropdown-list__search-input{border:1px solid var(--dropdown-border);border-radius:var(--radius);width:100%;padding:8px;display:block}.dropdown__btn-clear{width:18px;height:18px;color:var(--dropdown-secondary);cursor:pointer;background-color:#0000;border:0;border-radius:50%;outline:0;margin-left:auto;padding:0;font-size:15px}.dropdown__btn-clear:after{content:"✕"}.dropdown__btn-clear:hover{color:var(--gray-500);background-color:var(--gray-200)}.dropdown__arrow{width:12px;height:8px;fill:var(--dropdown-secondary);flex-shrink:0;margin-left:auto;transition:transform .25s}.is-open .dropdown__arrow{transform:rotate(180deg)}.dropdown__options{z-index:1;border-radius:0 0 var(--radius) var(--radius);border:1px solid var(--dropdown-border);background-color:var(--dropdown-background);width:calc(100% + 2px);max-height:200px;position:absolute;top:100%;left:-1px;overflow:auto}.has-dropdown-on-top .dropdown__options{border-radius:var(--radius) var(--radius) 0 0;top:auto;bottom:100%}.dropdown__option{align-items:center;gap:10px;padding:11px 15px;display:flex}.dropdown__option:not(:last-child){border-bottom:1px solid var(--dropdown-border)}.dropdown__option:hover{background-color:var(--dropdown-background-hover)}