.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__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)}