.scroller{--button-height:48px;--icon-size:24px;--box-shadow-area:calc(var(--button-height)/10);bottom:128px;position:fixed;right:48px;transform:rotate(-90deg);transition:var(--secondary-transition) opacity;z-index:5}@media(max-width:768px){.scroller{right:24px}}.scroller button{align-items:center;background-color:var(--surface-white);box-sizing:border-box;display:grid;height:var(--button-height);justify-items:center;padding:0;place-items:center;transition:var(--primary-transition) background-color,var(--secondary-transition) box-shadow;width:var(--button-height)}.scroller button svg{fill:var(--subtle-text2);height:var(--icon-size);min-width:var(--icon-size);width:var(--icon-size)}.scroller button:hover{background-color:var(--surface-dark-accent);border-color:transparent}.scroller button:hover svg{fill:var(--text-white)}.scroller button:active{box-shadow:0 0 0 var(--box-shadow-area) var(--surface-dark-ground-shadow)}.scroller.--large-bottom-padding{bottom:192px}