/* Mobile controls mirror the native desktop playlist scrollbar. */
.win30-scrollbar{display:none}
@media(max-width:740px){
 html.mobile-scrollbars,html.mobile-scrollbars body{scrollbar-width:none}
 html.mobile-scrollbars::-webkit-scrollbar,html.mobile-scrollbars body::-webkit-scrollbar{display:none;width:0}
 html[data-theme] .playlist-window.has-win30-scrollbar{display:grid;grid-template-columns:minmax(0,1fr) 18px}
 html[data-theme] .playlist-window.has-win30-scrollbar .playlist{scrollbar-width:none;scrollbar-gutter:auto}
 html[data-theme] .playlist-window.has-win30-scrollbar .playlist::-webkit-scrollbar{display:none;width:0}
 .win30-scrollbar{--scroll-arrow:#49232e;display:grid;grid-template-rows:18px minmax(0,1fr) 18px;min-height:0;width:18px;box-sizing:border-box;background:var(--g-panel);color:var(--g-text);user-select:none;-webkit-user-select:none;touch-action:none}
 html[data-theme=dark] .win30-scrollbar{--scroll-arrow:#f2f2ed}
 .win30-scrollbar[hidden]{display:none}
 .win30-scrollbar .win30-arrow,.win30-scrollbar .win30-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;border:1px solid var(--g-line);border-radius:0;box-shadow:none;color:var(--g-text);padding:0;margin:0;min-width:0;min-height:0;width:100%;cursor:pointer}
 .win30-scrollbar .win30-arrow{display:grid;place-items:center;height:18px;background:var(--key-face)}
 .win30-arrow::before{content:"";width:9px;height:7px;background:var(--scroll-arrow);clip-path:polygon(44.44% 0,55.56% 0,55.56% 14.29%,66.67% 14.29%,66.67% 28.57%,77.78% 28.57%,77.78% 42.86%,88.89% 42.86%,88.89% 57.14%,100% 57.14%,100% 71.43%,66.67% 71.43%,66.67% 100%,33.33% 100%,33.33% 71.43%,0 71.43%,0 57.14%,11.11% 57.14%,11.11% 42.86%,22.22% 42.86%,22.22% 28.57%,33.33% 28.57%,33.33% 14.29%,44.44% 14.29%)}
 .win30-arrow-down::before{transform:rotate(180deg)}
 .win30-scrollbar .win30-arrow:active{background:var(--g-metal)}
 .win30-scrollbar .win30-rail{position:relative;min-height:0;box-sizing:border-box;background:var(--g-panel);border:1px solid var(--g-line);touch-action:none}
 .win30-scrollbar .win30-thumb{position:absolute;left:-1px;top:0;width:calc(100% + 2px);min-height:28px;background:var(--g-accent);cursor:grab;touch-action:none}
 .win30-scrollbar .win30-thumb:active{cursor:grabbing;background:var(--g-muted)}
 .win30-scrollbar :focus-visible{outline:1px solid var(--g-text);outline-offset:-3px}
}
