.glitch{color:hsl(var(--foreground));white-space:normal;-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center;margin:0 auto;font-weight:900;position:relative}.glitch:after,.glitch:before{content:attr(data-text);width:100%;height:100%;color:hsl(var(--foreground));clip-path:inset(0);white-space:normal;pointer-events:none;background-color:#0000;position:absolute;top:0;left:0;overflow:hidden}.glitch:not(.enable-on-hover):after{text-shadow:var(--after-shadow,-10px 0 red);animation:animate-glitch var(--after-duration,3s)infinite linear alternate-reverse;left:10px}.glitch:not(.enable-on-hover):before{text-shadow:var(--before-shadow,10px 0 cyan);animation:animate-glitch var(--before-duration,2s)infinite linear alternate-reverse;left:-10px}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;text-shadow:var(--after-shadow,-10px 0 red);animation:animate-glitch var(--after-duration,3s)infinite linear alternate-reverse;left:10px}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;text-shadow:var(--before-shadow,10px 0 cyan);animation:animate-glitch var(--before-duration,2s)infinite linear alternate-reverse;left:-10px}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50%)}5%{clip-path:inset(10% 0 60%)}10%{clip-path:inset(15% 0 55%)}15%{clip-path:inset(25% 0 35%)}20%{clip-path:inset(30% 0 40%)}25%{clip-path:inset(40% 0 20%)}30%{clip-path:inset(10% 0 60%)}35%{clip-path:inset(15% 0 55%)}40%{clip-path:inset(25% 0 35%)}45%{clip-path:inset(30% 0 40%)}50%{clip-path:inset(20% 0 50%)}55%{clip-path:inset(10% 0 60%)}60%{clip-path:inset(15% 0 55%)}65%{clip-path:inset(25% 0 35%)}70%{clip-path:inset(30% 0 40%)}75%{clip-path:inset(40% 0 20%)}80%{clip-path:inset(20% 0 50%)}85%{clip-path:inset(10% 0 60%)}90%{clip-path:inset(15% 0 55%)}95%{clip-path:inset(25% 0 35%)}to{clip-path:inset(30% 0 40%)}}
.flowing-menu-container{width:100%;overflow:hidden}.flowing-menu{flex-direction:column;width:100%;margin:0;padding:0;display:flex}.flowing-menu__item{text-align:center;position:relative;overflow:hidden}.flowing-menu__item-link{cursor:pointer;text-transform:uppercase;white-space:nowrap;color:hsl(var(--foreground));z-index:10;justify-content:center;align-items:center;padding:2.5rem 1rem;font-size:clamp(2rem,5vw,4rem);font-weight:700;text-decoration:none;transition:color .3s;display:flex;position:relative}.flowing-menu__item-link:hover{color:#ff4da6}.marquee-wrapper{z-index:20;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(101%)}@media (prefers-color-scheme:dark){.marquee-wrapper{background:#000}}.dark .marquee-wrapper{background:#000}.marquee__inner-wrap{align-items:center;width:100%;height:100%;display:flex}.marquee__inner{white-space:nowrap;will-change:transform;align-items:center;animation:20s linear infinite marquee-flow;display:flex}.marquee__text{color:#ff4da6;text-transform:uppercase;padding:0 2rem;font-size:clamp(2rem,5vw,4rem);font-weight:800}.marquee__img-container{will-change:transform;position:relative}.marquee__img{background-position:50%;background-size:cover;border-radius:100px;width:200px;height:clamp(80px,12vh,120px);margin:0 2rem;box-shadow:0 10px 30px #0003}@keyframes marquee-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:768px){.marquee-wrapper{display:none}.flowing-menu__item-link{padding:1.5rem 1rem;font-size:1.5rem}}