.searchable-dropdown{position:relative;display:block;vertical-align:inherit;color:var(--color-text);text-align:left}.searchable-dropdown img{width:1.3em;height:1.3em;display:block}.searchable-dropdown .arrow-down{color:var(--color-text-muted);padding:2px;transition:transform .15s ease}.searchable-dropdown .searchable-dropdown-trigger{cursor:pointer;display:flex;align-items:center;padding:8px 12px;border:1px solid rgba(227,168,59,.55);border-radius:8px;background:#fff3;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.searchable-dropdown .searchable-dropdown-trigger:before{content:" ";display:block;width:100%;height:100%;position:absolute;z-index:999}.searchable-dropdown .searchable-dropdown-trigger:hover{border-color:var(--color-primary)}.searchable-dropdown .searchable-dropdown-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e3a83b33}.searchable-dropdown .searchable-dropdown-trigger .dropdown-option-label{padding-left:9px;font-weight:600}.searchable-dropdown .dropdown-option-content{display:flex;align-items:center;flex:1 1 auto}.searchable-dropdown .dropdown-option-content .dropdown-option-label{font-size:1em;position:relative}.searchable-dropdown .dropdown-menu{position:absolute;z-index:999999;width:100%;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:#ffffffbf;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--shadow-card);margin-top:6px;padding:8px 0;max-height:300px;overflow:auto}.searchable-dropdown .dropdown-option{cursor:pointer;padding:6px 20px 6px 12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .1s ease}.searchable-dropdown .dropdown-option:hover{background:#eff6ff}.searchable-dropdown .dropdown-option:focus{outline:none;background:#eff6ff}.searchable-dropdown .dropdown-option .dropdown-option-label{padding:0 9px}.searchable-dropdown .dropdown-search{width:100%}.searchable-dropdown .dropdown-search input:focus{outline:none}@media only screen and (max-width: 767px){.searchable-dropdown .dropdown-option-content{cursor:pointer;font-size:18px}.searchable-dropdown .searchable-dropdown-trigger{padding:6px 8px}.searchable-dropdown .searchable-dropdown-trigger .dropdown-option-label{padding-left:6px}.searchable-dropdown .dropdown-search input{width:90%;margin:0 4%;font-size:22px}}@media only screen and (min-width: 768px){.searchable-dropdown .dropdown-option-content{cursor:pointer;font-size:22.5px}.searchable-dropdown .dropdown-search input{width:90%;margin:0 4%;font-size:20px}}