.roll{white-space:nowrap;position:relative}.rollStage{pointer-events:none;position:absolute;inset:0}.rollStage>span{white-space:nowrap;position:absolute;top:0;left:0}.pageTurn{view-transition-name:page-turn}html[data-turn]::view-transition-old(root){animation:none}html[data-turn]::view-transition-new(root){animation:none}html[data-turn]::view-transition-group(page-turn){animation:none}html[data-turn]::view-transition-old(page-turn){display:none}html[data-turn=next]::view-transition-new(page-turn){animation:.22s cubic-bezier(.33,1,.68,1) both page-turn-next}html[data-turn=back]::view-transition-new(page-turn){animation:.22s cubic-bezier(.33,1,.68,1) both page-turn-back}@keyframes page-turn-next{0%{opacity:.6;transform:translate(20px)}}@keyframes page-turn-back{0%{opacity:.6;transform:translate(-20px)}}@media (prefers-reduced-motion:no-preference){:where(:root:not([data-style=brutal]) main :is(button,a):is([data-item],[data-nav]):not([data-toggle])){transition:scale .22s cubic-bezier(.33,1,.68,1)}:where(:root:not([data-style=brutal]) main :is(button,a):is([data-item],[data-nav]):not([data-toggle]):active){transition:scale .1s cubic-bezier(.33,1,.68,1);scale:.98}}