main:has(.scroll-snap){height:100vh;overflow-y:auto;scroll-snap-type:y proximity;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}main>:not(.scroll-snap){scroll-snap-align:none}:not(.block-editor-rich-text__editable){--animation-duration:0.8s;--animation-delay:0s;--animate-x:0px;--animate-y:0px;&.animate-up{--animate-y:100px}&.animate-down{--animate-y:-100px}&.animate-left{--animate-x:-100px}&.animate-right{--animate-x:100px}&.fade-in{&:not(.animate-on-hover){opacity:0;&.is-visible{animation:fadeIn var(--animation-duration) ease var(--animation-delay) forwards}}}&.slide-in{&:not(.animate-on-hover){&.is-visible{animation:slideIn var(--animation-duration) ease var(--animation-delay) forwards}}}&.scroll-snap{scroll-snap-align:start;scroll-snap-stop:always}&.animate-on-hover{&.fade-in{opacity:1;&:hover{animation:fadeIn var(--animation-duration) ease var(--animation-delay) forwards;opacity:0}}&.zoom{&:has(img){&:is(figure){overflow:hidden;img{&:hover{animation:zoomInHover var(--animation-duration) ease var(--animation-delay) forwards}}}figure{overflow:hidden;img{&:hover{animation:zoomInHover var(--animation-duration) ease var(--animation-delay) forwards}}}}&:not(:has(img)){&:hover{animation:zoomInHover var(--animation-duration) ease var(--animation-delay) forwards}}}&.slide-in{&:hover{animation:slideIn var(--animation-duration) ease var(--animation-delay) forwards}}}&.zoom{&:not(:has(img)){&.is-visible{animation:zoomIn var(--animation-duration) ease var(--animation-delay) forwards}}&:has(img){&:not(.animate-on-hover){overflow:hidden;&.is-visible{figure{overflow:hidden;img{animation:zoomIn var(--animation-duration) ease var(--animation-delay) forwards}}}&.is-visible{img{animation:zoomIn var(--animation-duration) ease var(--animation-delay) forwards}}}}}}@keyframes fadeIn{0%{opacity:0;transform:translate3d(var(--animate-x),var(--animate-y),0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideIn{0%{transform:translate3d(var(--animate-x),var(--animate-y),0)}to{transform:translateZ(0)}}@keyframes zoomIn{0%{transform:scale(1)}50%{transform:scale(1.311)}to{transform:scale(1)}}@keyframes zoomInHover{0%{transform:scale(1)}to{transform:scale(1.311)}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none;opacity:1}.zoom{animation:none;transform:scale(1)}}