*{box-sizing:border-box}.custom-select{position:relative;width:3.5rem;max-width:100%;color:#344054;height:2rem;font-size:.75rem;line-height:1.25rem;font-weight:600}.select-button{width:100%;background-color:#fff;padding:.35rem .5rem;border:1px solid #eaecf0;border-radius:.375rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:100%}body.apex-theme-ebony .select-button{background-color:transparent;border:1px solid #eaecf057}body.apex-theme-ebony .select-button:hover{background-color:rgba(0,0,0,.1)}.selected-value{text-align:left}.arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #344054;transition:transform ease-in-out .3s}body.apex-theme-ebony .arrow{border-top:6px solid #eaecf057}.select-dropdown{position:absolute;list-style:none;width:100%;min-width:8rem;box-shadow:0 10px 25px rgba(0,0,0,.1);background-color:#fff;border:1px solid rgba(202,206,209,.5);border-radius:4px;padding:1px;margin-top:1px;max-height:12rem;overflow-y:auto;transition:.5s ease;transform:scaleY(0);opacity:0;visibility:hidden}body.apex-theme-ebony .select-dropdown{background-color:#313237;color:#fff}.select-dropdown:focus-within{box-shadow:0 10px 25px rgba(94,108,233,.6)}.select-dropdown li{position:relative;cursor:pointer;display:flex;gap:1rem;align-items:center}.select-dropdown li label{width:100%;padding:8px 10px;cursor:pointer;display:flex;gap:.5rem;align-items:center}.theme-color-container{display:block;width:1rem;height:1rem;border-radius:100%}.violet-blue{background-color:#512ccc}.ebony{background-color:#101828}.clear-blue{background-color:#2e84f2}.select-dropdown::-webkit-scrollbar{width:7px}.select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.select-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.select-dropdown input:checked~label,.select-dropdown li:hover{background-color:#f2f2f2}.select-dropdown input:focus~label{background-color:#dfdfdf}body.apex-theme-ebony .select-dropdown input:checked~label,body.apex-theme-ebony .select-dropdown input:focus~label,body.apex-theme-ebony .select-dropdown li:hover{background-color:rgba(208,213,221,.1)}.select-dropdown input[type=radio]{position:absolute;left:0;opacity:0}.custom-select.active .arrow{transform:rotate(180deg)}.custom-select.active .select-dropdown{opacity:1;visibility:visible;transform:scaleY(1)}