.overlay-select{width:100%;height:100%;position:fixed;top:0;left:0}.custom-select{display:inline-block;position:relative}.select-button{cursor:pointer;border-radius:.25rem;justify-content:space-between;align-items:center;padding:0;display:flex}.select-button *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.arrow{border-top:6px solid;border-left:5px solid transparent;border-right:5px solid transparent;margin:0 .5em;transition:transform .3s ease-in-out}.select-dropdown{z-index:1;background:#222435;border:1px solid;border-radius:.25rem;width:max-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px;list-style:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.3)}.select-dropdown li{cursor:pointer;text-align:left;color:rgba(255,255,255,.43);align-items:center;gap:.5rem;padding:8px 10px;transition:color .1s ease-in-out;display:flex}.select-dropdown li.selected{border-radius:4px}.select-dropdown li:hover{background:rgba(0,0,0,.3)}.select-dropdown li[aria-selected=true],.select-dropdown li .select,.select-dropdown li li:hover{color:rgba(255,255,255,.87);border-radius:4px}.select-dropdown::-webkit-scrollbar{width:7px}.select-dropdown::-webkit-scrollbar-track{border-radius:25px}.select-dropdown::-webkit-scrollbar-thumb{border-radius:25px}.selected-value{color:rgba(255,255,255,.87)}.select-dropdown.hidden{display:none}.select-button[aria-expanded=true] .arrow{transform:rotate(180deg)}