.scroll-cat-layer{position:fixed;inset:0;z-index:24;visibility:hidden;pointer-events:none;contain:layout style}
.scroll-cat-layer[data-active="true"]{visibility:visible}
.scroll-cat-layer[hidden],.scroll-cat-layer[hidden] *{display:none!important}
.scroll-cat-position{position:absolute;left:0;top:0;width:110px;height:110px;z-index:1;will-change:transform}
.scroll-cat{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:200% 200%;background-position:0 0;clip-path:inset(0 0 0 100%);opacity:0;pointer-events:none;will-change:clip-path,opacity}
.scroll-cat-toggle{position:absolute;left:0;top:0;z-index:2;width:28px;height:28px;padding:0;border:1px solid #141613;border-radius:50%;background:#b9ff00;color:#141613;font:700 18px/1 Onest,Arial,sans-serif;display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:0 2px 0 #141613}
.scroll-cat-toggle:hover{background:#a8e800}
.scroll-cat-toggle:active{transform:translateY(1px)}
.scroll-cat-toggle:focus-visible{outline:3px solid #557600;outline-offset:4px}
.scroll-cat-layer[data-suspended="true"]{visibility:hidden}
body.modal-open .scroll-cat-layer{visibility:hidden}
@media(prefers-reduced-motion:reduce){.scroll-cat-layer{display:none!important}}