:root{--c-white: #ffffff;--c-black: #000000;--c-gray: #c9c9c9;--c-selected: #aba991;--c-hover: #333}.dropdown-list{display:inline-block;width:var(--ddl-width, auto);max-width:100%;font-size:var(--ddl-font-size, .92rem)}.select-wrapper{position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:var(--ddl-min-width, 140px);width:100%}.selected-value{padding:6px 34px 6px 10px;border:1px solid var(--c-white);border-radius:6px;background:var(--c-black);color:var(--c-white);transition:border-color .2s,box-shadow .2s;line-height:1.2;min-height:30px;display:flex;align-items:center;box-sizing:border-box}.select-wrapper:hover .selected-value,.select-wrapper:focus .selected-value{border-color:var(--c-selected);box-shadow:0 0 0 2px #aba99140}.caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--c-white);font-size:11px}.select-options{position:absolute;top:110%;left:0;width:100%;background:black;border:1px solid var(--c-white);border-radius:6px;overflow:hidden;z-index:10;max-height:var(--ddl-max-height, 240px);overflow-y:auto;box-sizing:border-box}.select-search-row{padding:6px;border-bottom:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25)}.select-search{width:100%;box-sizing:border-box;padding:6px 8px;border-radius:6px;border:1px solid var(--c-white);background:var(--c-black);color:var(--c-white);outline:none;font-size:.9rem}.select-search:focus{border-color:var(--c-selected);box-shadow:0 0 0 2px #aba99140}.select-options li{padding:7px 10px;color:var(--c-white);cursor:pointer;transition:background .15s}.select-options li:hover{background:var(--c-hover);color:var(--c-white)}.select-options li.active{background:var(--c-selected);color:var(--c-black)}.select-empty{padding:9px 10px;color:#ffffffb3;cursor:default}.slide-select-enter-active{animation:dropdownIn .18s ease forwards}.slide-select-leave-active{animation:dropdownOut .18s ease forwards}@keyframes dropdownIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dropdownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}@media (max-width: 768px){.selected-value{padding:6px 28px 6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.scrollbar-dark::-webkit-scrollbar{width:8px}.scrollbar-dark::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}.scrollbar-dark::-webkit-scrollbar-thumb{background:#555;border-radius:10px;border:2px solid #1a1a1a;transition:background .3s ease}.scrollbar-dark::-webkit-scrollbar-thumb:hover{background:#888}.scrollbar-dark{scrollbar-width:thin;scrollbar-color:#555 #1a1a1a}
