@media(hover:hover){body[data-style="scrollbar"]:is(:has(dialog[id*="fancybox"]:open),:has(div[popover]:popover-open):has(div[popover]:popover-open>button.closebg))>nav#sidescroll{animation:var(--fadeout)}}nav#sidescroll{position:fixed;right:5px;top:50%;transform:translateY(-50%);z-index:calc(infinity);opacity:0;visibility:hidden;pointer-events:none;&:not(.scrolling){animation:var(--fadeout)}&.scrolling,&:has(button:focus-visible){animation:var(--fadein)}ul{list-style-type:none;display:flex;flex-direction:column;row-gap:3em;button{border-radius:100vmax;width:2em;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;cursor:pointer;&#sidescrollup::after{transform:translateY(0.3em) rotate(-45deg)}&#sidescrolldown::after{transform:translateY(-0.3em) rotate(135deg)}&::after{width:1.2em;aspect-ratio:1/1;border-top:0.2em solid var(--color,var(--bw));border-right:0.2em solid var(--color,var(--bw));content:""}@media(hover:hover){&:hover::after{border-color:color-mix(in srgb,var(--color,var(--bw)) 50%,transparent)}}@media(hover:none){&:active::after{border-color:color-mix(in srgb,var(--color,var(--bw)) 50%,transparent)}}}}}