:root{--scrollbar-thumb-light:rgba(100,116,139,0.4);--scrollbar-thumb-light-hover:rgba(100,116,139,0.6);--scrollbar-thumb-dark:rgba(156,163,175,0.2);--scrollbar-thumb-dark-hover:rgba(156,163,175,0.4)}.scrollbar-modern::-webkit-scrollbar,:where(:not(svg))::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.scrollbar-modern::-webkit-scrollbar-track,:where(:not(svg))::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent}.scrollbar-modern::-webkit-scrollbar-thumb,:where(:not(svg))::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-radius);opacity:.5;background:var(--textSoft,var(--scrollbar-thumb-light))}.scrollbar-modern::-webkit-scrollbar-thumb:hover,:where(:not(svg))::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{opacity:.8;background:var(--text,var(--scrollbar-thumb-light-hover))}[data-theme=dark] .scrollbar-modern::-webkit-scrollbar-thumb,[data-theme=dark] :where(:not(svg))::-webkit-scrollbar-thumb,[data-theme=dark] body::-webkit-scrollbar-thumb,[data-theme=dark] html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}[data-theme=dark] .scrollbar-modern::-webkit-scrollbar-thumb:hover,[data-theme=dark] :where(:not(svg))::-webkit-scrollbar-thumb:hover,[data-theme=dark] body::-webkit-scrollbar-thumb:hover,[data-theme=dark] html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-dark-hover)}[data-theme=light] .scrollbar-modern::-webkit-scrollbar-thumb,[data-theme=light] :where(:not(svg))::-webkit-scrollbar-thumb,[data-theme=light] body::-webkit-scrollbar-thumb,[data-theme=light] html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}[data-theme=light] .scrollbar-modern::-webkit-scrollbar-thumb:hover,[data-theme=light] :where(:not(svg))::-webkit-scrollbar-thumb:hover,[data-theme=light] body::-webkit-scrollbar-thumb:hover,[data-theme=light] html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-light-hover)}*,.scrollbar-modern,body,html{scrollbar-width:thin}[data-theme=dark] *,[data-theme=dark] .scrollbar-modern,[data-theme=dark] body,[data-theme=dark] html{scrollbar-color:var(--scrollbar-thumb-dark) transparent}[data-theme=light] *,[data-theme=light] .scrollbar-modern,[data-theme=light] body,[data-theme=light] html{scrollbar-color:var(--scrollbar-thumb-light) transparent}.no-scrollbar-modern,:where(.no-scrollbar-modern) *{--scrollbar-width:initial!important;scrollbar-width:auto!important}