.scroll-to-next{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:currentColor;background:0 0;border:1px solid;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font:500 .875rem/1 system-ui,-apple-system,sans-serif;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 1px 2px}.scroll-to-next:hover{box-shadow:0 6px 18px}.scroll-to-next:active{transform:scale(.97)}.scroll-to-next:focus-visible{outline-offset:2px;outline:2px solid}.scroll-to-next[data-direction=bottom] svg{animation:1.6s ease-in-out infinite nudge-y}.scroll-to-next[data-direction=top] svg{animation:1.6s ease-in-out infinite nudge-y-rev}.scroll-to-next[data-direction=right] svg{animation:1.6s ease-in-out infinite nudge-x}.scroll-to-next[data-direction=left] svg{animation:1.6s ease-in-out infinite nudge-x-rev}.scroll-to-next:hover svg{animation-duration:.9s}@keyframes nudge-y{0%,to{transform:rotate(90deg)translate(0)}50%{transform:rotate(90deg)translate(4px)}}@keyframes nudge-y-rev{0%,to{transform:rotate(-90deg)translate(0)}50%{transform:rotate(-90deg)translate(4px)}}@keyframes nudge-x{0%,to{transform:rotate(0)translate(0)}50%{transform:rotate(0)translate(4px)}}@keyframes nudge-x-rev{0%,to{transform:rotate(180deg)translate(0)}50%{transform:rotate(180deg)translate(4px)}}@media (prefers-reduced-motion:reduce){.scroll-to-next svg{animation:none!important}}
@keyframes wordAnimation{0%{opacity:0;transform:translateY(100%)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.animate-container .title{grid-template-rows:auto;grid-template-columns:max-content max-content;margin:0;padding-block:.14em;line-height:1.3;display:grid;overflow:hidden}.animate-container .word{grid-area:auto/2;display:flex}.animate-container .word span{opacity:0;font-weight:900;animation:ease-in-out both wordAnimation;display:inline-block}.animate-container .title,.animate-container .word,.animate-container .word span{font-size:inherit}