.dropdown{--dropdown-trigger-bg:var(--color-white);--dropdown-trigger-hover-bg:var(--color-brand-light-blue-light);--dropdown-placeholder-color:var(--color-grey-500);--dropdown-menu-bg:var(--color-white);--dropdown-option-active-bg:var(--color-brand-light-blue-medium);--dropdown-option-active-color:var(--color-brand-dark-blue);width:100%;position:relative}.dropdown__trigger{background-color:var(--dropdown-trigger-bg);border:1px solid var(--color-brand-dark-blue);border-radius:var(--radius-md);width:100%;height:50px;font-size:var(--font-size-body);color:var(--color-brand-dark-blue);cursor:pointer;box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;line-height:1.5;display:flex}@media(hover:hover){.dropdown__trigger:hover{background-color:var(--dropdown-trigger-hover-bg)}}.dropdown__trigger:focus-visible{outline:2px solid var(--color-brand-dark-blue);outline-offset:2px}.dropdown__value{text-overflow:ellipsis;white-space:nowrap;color:var(--dropdown-placeholder-color);overflow:hidden}.dropdown--has-value .dropdown__value{color:var(--color-brand-dark-blue)}.dropdown__chevron{color:var(--color-brand-dark-blue);flex-shrink:0;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;display:flex}.dropdown--open .dropdown__chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dropdown--open .dropdown__trigger{border-width:2px;padding:7px 11px}.dropdown__listbox{z-index:30;background-color:var(--dropdown-menu-bg);border:2px solid var(--color-brand-dark-blue);border-radius:var(--radius-md);max-height:304px;margin:0;padding:0;list-style:none;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 0 10px #00000026}.dropdown--open .dropdown__listbox{display:block}.dropdown__option{min-height:50px;color:var(--color-brand-dark-blue);cursor:pointer;align-items:center;padding:8px;transition:background .15s,color .15s;display:flex}.dropdown__option--active,.dropdown__option[aria-selected=true]{background-color:var(--dropdown-option-active-bg);color:var(--dropdown-option-active-color)}@media(hover:hover){.dropdown__option:hover{background-color:var(--dropdown-option-active-bg);color:var(--dropdown-option-active-color)}}.dropdown__option[aria-selected=true] .dropdown__option-label{font-weight:600}.dropdown__option[hidden]{display:none}.dropdown__trigger:disabled{background-color:var(--color-light-grey);border-color:var(--color-grey-500);color:var(--color-grey-500);cursor:not-allowed}.dropdown__trigger:disabled .dropdown__chevron,.dropdown__trigger:disabled .dropdown__value{color:var(--color-grey-500)}.dropdown--searchable .dropdown__trigger{cursor:text;text-overflow:ellipsis;display:block}.dropdown--searchable .dropdown__trigger[readonly]{cursor:default}.dropdown--searchable .dropdown__trigger::-webkit-input-placeholder{color:var(--dropdown-placeholder-color);opacity:1}.dropdown--searchable .dropdown__trigger:-ms-input-placeholder{color:var(--dropdown-placeholder-color);opacity:1}.dropdown--searchable .dropdown__trigger::-ms-input-placeholder{color:var(--dropdown-placeholder-color);opacity:1}.dropdown--searchable .dropdown__trigger::placeholder{color:var(--dropdown-placeholder-color);opacity:1}.dropdown.dropdown--searchable .dropdown__trigger,.dropdown.dropdown--searchable.dropdown--open .dropdown__trigger{padding-right:40px}.dropdown.dropdown--searchable .dropdown__chevron{cursor:pointer;align-items:center;height:50px;position:absolute;top:0;right:12px}.dropdown__trigger:disabled+.dropdown__chevron{color:var(--color-grey-500);cursor:not-allowed}.dropdown__empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.dropdown--open.dropdown--empty .dropdown__listbox{display:none}.dropdown--open.dropdown--empty .dropdown__empty{z-index:30;clip-path:none;white-space:normal;background-color:var(--dropdown-menu-bg);border:2px solid var(--color-brand-dark-blue);border-radius:var(--radius-md);width:auto;height:auto;min-height:50px;color:var(--color-grey-700);align-items:center;padding:8px;display:flex;top:calc(100% + 4px);left:0;right:0;overflow:visible;box-shadow:0 0 10px #00000026}