:host{--scrollbar-thumb-light:#b0b7c4;--scrollbar-thumb-hover-light:#8c95a6;--scrollbar-track-light:#f0f2f5;--scrollbar-thumb-dark:#4b5563;--scrollbar-thumb-hover-dark:#6b7280;--scrollbar-track-dark:#1f2937;--scrollbar-thumb:var(--scrollbar-thumb-light);--scrollbar-thumb-hover:var(--scrollbar-thumb-hover-light);--scrollbar-track:var(--scrollbar-track-light)}:root{--scrollbar-thumb-light:#b0b7c4;--scrollbar-thumb-hover-light:#8c95a6;--scrollbar-track-light:#f0f2f5;--scrollbar-thumb-dark:#4b5563;--scrollbar-thumb-hover-dark:#6b7280;--scrollbar-track-dark:#1f2937;--scrollbar-thumb:var(--scrollbar-thumb-light);--scrollbar-thumb-hover:var(--scrollbar-thumb-hover-light);--scrollbar-track:var(--scrollbar-track-light)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:wide}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:10px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}#ctw.dark-mode,html.dark-mode{--scrollbar-thumb:var(--scrollbar-thumb-dark);--scrollbar-thumb-hover:var(--scrollbar-thumb-hover-dark);--scrollbar-track:var(--scrollbar-track-dark);background-color:var(--scrollbar-track-dark)}#scroll-up-btn{align-items:center;border:none;border-radius:50%;bottom:25px;cursor:pointer;display:flex;font-size:24px;height:42px;justify-content:center;opacity:0;position:fixed;transform:translateY(20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background-color .3s ease;visibility:hidden;width:42px;z-index:1000}#scroll-up-btn .bi{margin:0}#scroll-up-btn.visible{opacity:1;transform:translateY(0);visibility:visible}body[dir=ltr] #scroll-up-btn,ctw[dir=ltr]{right:25px}body[dir=rtl] #scroll-up-btn,ctw[dir=rtl]{left:25px}#scroll-up-btn{background-color:rgba(0,0,0,.15);color:#000}#ctw.dark-mode,html.dark-mode #scroll-up-btn{background-color:hsla(0,0%,100%,.15);color:#fff}#scroll-up-btn:hover{background-color:rgba(0,0,0,.25)}#ctw.dark-mode,html.dark-mode #scroll-up-btn:hover{background-color:hsla(0,0%,100%,.25)}@media (hover:hover){html{scrollbar-gutter:stable both-edges}*{scrollbar-color:transparent transparent;scrollbar-width:auto}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border:2px solid transparent}:hover{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-color:var(--scrollbar-track)}:hover::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}}