.dropdown{--dropdown-border-color:var(--colors-grey-300);--dropdown-menu-border-color:var(--colors-grey-300);--dropdown-min-width:264px;font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:.875rem;line-height:1.25rem;position:relative;display:flex;width:100%;min-width:var(--dropdown-min-width)}.dropdown__placeholder{color:var(--colors-grey-600);transition:color .4s ease-in-out}.dropdown__field{transition:color .4s ease-in-out,border-color .4s ease-in-out;border:1px solid var(--dropdown-border-color);border-radius:var(--spacing-xl) 0 0 0;padding:var(--spacing-xl);width:100%;background-color:var(--colors-base-white)}.dropdown__clear-all,.dropdown__field{cursor:pointer;display:flex;align-items:center}.dropdown__clear-all{background:transparent;outline:none;border:none;position:absolute;top:0;bottom:0;right:0;justify-content:center;padding-right:var(--spacing-6xl)}.dropdown__clear-all svg{width:20px;height:20px}.dropdown__container{display:flex;width:180px}.dropdown__selected-items{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:.875rem;line-height:1.25rem;display:flex;overflow:hidden}.dropdown__selected-items-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown__selected-item{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:.875rem;line-height:1.25rem;margin-right:5px}.dropdown__chevron{position:absolute;top:0;bottom:0;right:0;padding-right:var(--spacing-2xl);display:flex;align-items:center;justify-content:center}.dropdown__chevron svg{transition:transform .2s ease-in-out}.dropdown__chevron--open svg{transform:rotate(180deg)}.dropdown__dropdown{z-index:1700;position:absolute;top:100%;left:0;width:100%;background-color:var(--colors-base-white);border:1px solid var(--dropdown-menu-border-color);border-top:none;max-height:0;overflow:hidden;overflow-y:auto;padding:var(--spacing-md) var(--spacing-xl);opacity:0;transition:max-height .4s ease-in-out,opacity .4s ease-in-out,border-color .4s ease-in-out;border-bottom-right-radius:var(--spacing-xl);box-shadow:0 4px 6px -2px rgba(19,12,14,.03),0 12px 16px -4px rgba(19,12,14,.08)}.dropdown__loading{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.dropdown__loading svg{animation:spin 1s linear infinite}.dropdown__search-container{position:relative;display:flex;height:40px}.dropdown__search-icon{pointer-events:none;position:absolute;display:flex;align-items:center;top:0;bottom:0;left:0;padding-left:var(--spacing-md)}.dropdown__search-icon svg{width:20px;height:20px}.dropdown__search-input{width:100%;padding:var(--spacing-lg) var(--spacing-4xl) var(--spacing-lg) var(--spacing-md);border:1px solid var(--colors-grey-300);border-radius:var(--spacing-sm);color:var(--colors-base-black);font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:.875rem;line-height:1.25rem;padding-left:var(--spacing-4xl);outline:none}.dropdown__clear-search{display:flex;background-color:transparent;border:none;position:absolute;top:0;bottom:0;right:0;align-items:center;justify-content:center;cursor:pointer;padding-right:var(--spacing-lg)}.dropdown__clear-search svg{width:20px;height:20px}.dropdown__items{list-style-type:none;height:100%;padding:var(--spacing-md) 0 0;margin:0}.dropdown__items:empty{display:none}.dropdown__item{display:flex;align-items:center;margin-left:-2px}.dropdown__item .checkbox{width:100%;padding:var(--spacing-md) 0;border-radius:var(--spacing-sm);cursor:pointer;padding-left:var(--spacing-sm)}.dropdown__item .checkbox:hover{background-color:var(--colors-grey-100)}.dropdown__item .checkbox__label{color:var(--colors-grey-600)}.dropdown--open .dropdown__placeholder,.dropdown__item--selected .checkbox__label{color:var(--colors-base-black)}.dropdown--open .dropdown__dropdown{display:block;max-height:302px;opacity:1}.dropdown--populated .dropdown__field{--dropdown-border-color:var(--colors-base-black)}.dropdown--populated .dropdown__dropdown{--dropdown-menu-border-color:var(--colors-base-black)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}