html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}dialog{scrollbar-width:thin;scrollbar-color:rgb(241 236 226 / .28) transparent}.scrollbar{position:fixed;top:0;right:0;bottom:0;z-index:80;width:12px;opacity:0;mix-blend-mode:difference;pointer-events:none;touch-action:none;transition:opacity .7s var(--ease-out) .25s}.scrollbar.is-shown,.scrollbar.is-held{opacity:1;transition:opacity .12s var(--ease-out)}.scrollbar.is-off{display:none}.scrollbar__thumb{position:absolute;top:0;right:4px;width:2px;height:24px;border-radius:1px;background:#fff;opacity:.55;will-change:transform;transition:width .2s var(--ease-out),opacity .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.scrollbar{pointer-events:auto}.scrollbar:hover,.scrollbar.is-held{opacity:1;transition:opacity .12s var(--ease-out)}.scrollbar:hover .scrollbar__thumb,.scrollbar.is-held .scrollbar__thumb{width:4px;opacity:.95}}html.menu-open .scrollbar{opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.is-scroll-target:focus{outline:none}@media(prefers-reduced-motion:reduce){.scrollbar,.scrollbar__thumb{transition:none}}