.async-dropdown-container{position:relative}.async-dropdown-input-wrapper{width:100%;position:relative}.async-dropdown-icons{pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.async-dropdown-input{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;height:32px;padding-right:32px;overflow:hidden}.async-dropdown-input:focus{outline:2px solid var(--app-font-color);outline-offset:-2px}.async-dropdown-input.disabled{background-color:var(--gray-tertiary);color:var(--gray-secondary);cursor:not-allowed;border-color:var(--gray-secondary)}.async-dropdown-input.open{border-bottom-right-radius:0;border-bottom-left-radius:0}.async-dropdown-input.open-upwards{border-radius:0 0 4px 4px}.async-dropdown-list{z-index:9999;background-color:var(--background-color);border:2px solid var(--app-font-color);border-top:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px;max-height:200px;margin:0;padding:0;font-size:.8rem;list-style:none;position:fixed;overflow-y:auto;transform:translateY(-3px);box-shadow:0 12px 24px #00000059,0 4px 8px #00000040}.async-dropdown-list.open-upwards{border-top:2px solid var(--app-font-color);border-bottom:none;border-radius:4px 4px 0 0;transform:translateY(3px);box-shadow:0 -12px 24px #00000059,0 -4px 8px #00000040}.async-dropdown-option{cursor:pointer;color:var(--app-font-color);border-bottom:1px solid var(--border-color);padding:8px 12px;transition:background-color .15s}.async-dropdown-option:last-child{border-bottom:none}.async-dropdown-option:hover{background-color:var(--background-highlight-color)}.async-dropdown-option.selected{background-color:var(--app-primary-color);color:#fff}.async-dropdown-option.placeholder{color:var(--gray-primary);font-style:italic}.async-dropdown-option.selected.placeholder{background-color:var(--gray-tertiary);color:var(--gray-primary)}.async-dropdown-option.focused{background-color:var(--background-highlight-color);outline:2px solid var(--app-primary-color);outline-offset:-2px}.async-dropdown-option.focused.selected{outline:2px solid #fff}.async-dropdown-option strong{font-weight:600}.async-dropdown-list::-webkit-scrollbar{width:6px}.async-dropdown-list::-webkit-scrollbar-track{background:var(--gray-tertiary)}.async-dropdown-list::-webkit-scrollbar-thumb{background:var(--gray-secondary);border-radius:3px}.async-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--gray-primary)}@media (width<=768px){.async-dropdown-list{max-height:150px}.async-dropdown-option{padding:10px 12px}}