.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:.5px solid var(--border-color);border-radius:.75rem;font-family:inherit;font-size:.875rem;font-weight:400;background-color:rgba(255,255,255,.01);color:var(--text-color);cursor:pointer;text-align:left;transition:all .15s ease;appearance:none;-webkit-appearance:none;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;outline:0}.custom-select-trigger::after{content:'';position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-color);opacity:.5;pointer-events:none;transition:transform .15s ease,opacity .15s ease}.custom-select-wrapper.open .custom-select-trigger::after{transform:translateY(-50%) rotate(180deg);opacity:.8}.custom-select-trigger:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.1);background-color:rgba(255,255,255,.02)}.custom-select-trigger:hover{border-color:rgba(255,255,255,.2)}body.light-mode .custom-select-trigger{background-color:#fafafa;border-color:#d4d4d4;color:#111827}body.light-mode .custom-select-trigger:focus{background-color:#fff;border-color:rgba(0,0,0,.2);box-shadow:0 0 0 3px rgba(0,0,0,.05)}body.light-mode .custom-select-trigger:hover{border-color:#b4b4b4}body.light-mode .custom-select-trigger::after{border-top-color:#111827}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#111;border:.5px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 30px -5px rgba(0,0,0,.6),0 4px 10px -3px rgba(0,0,0,.4);z-index:9999;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;max-height:280px;overflow-y:auto}.custom-select-wrapper.open .custom-select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-dropdown::-webkit-scrollbar{width:4px}.custom-select-dropdown::-webkit-scrollbar-track{background:0 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}body.light-mode .custom-select-dropdown{background:#fff;border-color:#d4d4d4;box-shadow:0 10px 30px -5px rgba(0,0,0,.15),0 4px 10px -3px rgba(0,0,0,.08)}body.light-mode .custom-select-dropdown::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15)}.custom-select-option{padding:.75rem 1rem;font-size:.875rem;font-family:inherit;color:var(--text-color);cursor:pointer;transition:background .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-option:hover{background:rgba(255,255,255,.07)}.custom-select-option.selected{color:var(--accent);background:rgba(59,130,246,.08)}.custom-select-option.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}body.light-mode .custom-select-option{color:#111827}body.light-mode .custom-select-option:hover{background:rgba(0,0,0,.05)}body.light-mode .custom-select-option.selected{color:#2563eb;background:rgba(37,99,235,.07)}.custom-select-wrapper.drop-up .custom-select-dropdown{top:auto;bottom:calc(100% + 4px)}