:root{--glitch-color-1: #ff0040;--glitch-color-2: #00ffff;--glitch-color-3: #ffffff;--glitch-bg: #000;--svg-size: 200px;--glitch-text-color: #232323;--glitch-svg-margin-bottom: -100px;--glitch-h1-margin-top: -100px;--glitch-elements-gap: 0;--glitch-mobile-vh: 60vh;--glitch-mobile-svg-size: 220px;--glitch-mobile-svg-margin-bottom: -120px;--glitch-mobile-h1-margin-top: -120px;--glitch-mobile-elements-gap: 0;--after-duration: 3s;--before-duration: 2s;--glitch-blend-mode: normal;--glitch-opacity: .65;--glitch-opacity-after: var(--glitch-opacity, .65);--glitch-opacity-before: var(--glitch-opacity, .65);--svg-opacity-1: .7;--svg-opacity-2: .7}[data-glitch-text],h1[data-glitch-text],h2[data-glitch-text],h3[data-glitch-text],.h1[data-glitch-text],.h2[data-glitch-text],.h3[data-glitch-text]{font-size:10rem!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica,sans-serif!important;font-weight:900!important;line-height:.8!important;letter-spacing:-.02em!important;color:var(--glitch-text-color, #232323)!important;text-transform:uppercase!important;position:relative!important;display:inline-block!important;margin:0!important;padding:0!important}.glitch{color:var(--glitch-text-color, #232323);font-size:clamp(2rem,10vw,8rem);white-space:nowrap;font-weight:900;position:relative;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center;display:block;width:100%;text-shadow:none!important}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;color:var(--glitch-text-color, #232323);background-color:transparent;overflow:hidden;clip-path:inset(0 0 0 0);text-align:center}.glitch:not(.enable-on-hover):after{left:2px;color:var(--glitch-color-1, #ff0040);text-shadow:var(--after-shadow, none);animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse;mix-blend-mode:var(--glitch-blend-mode, normal);opacity:1}.glitch:not(.enable-on-hover):before{left:-2px;color:var(--glitch-color-2, #00ffff);text-shadow:var(--before-shadow, none);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse;mix-blend-mode:var(--glitch-blend-mode, normal);opacity:1}.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!important;left:2px;color:var(--glitch-color-1, #ff0040);text-shadow:var(--after-shadow, none);animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse;mix-blend-mode:var(--glitch-blend-mode, normal)}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1!important;left:-2px;color:var(--glitch-color-2, #00ffff);text-shadow:var(--before-shadow, none);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse;mix-blend-mode:var(--glitch-blend-mode, normal)}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0);transform:translate(0)}2%{clip-path:inset(10% 0 60% 0);transform:translate(-2px)}4%{clip-path:inset(15% 0 55% 0);transform:translate(2px)}6%{clip-path:inset(25% 0 35% 0);transform:translate(-1px)}8%{clip-path:inset(30% 0 40% 0);transform:translate(1px)}10%{clip-path:inset(35% 0 30% 0);transform:translate(0)}12%{clip-path:inset(40% 0 25% 0);transform:translate(-1px)}14%{clip-path:inset(45% 0 20% 0);transform:translate(1px)}16%{clip-path:inset(50% 0 15% 0);transform:translate(-2px)}18%{clip-path:inset(55% 0 10% 0);transform:translate(2px)}20%{clip-path:inset(60% 0 5% 0);transform:translate(0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}.glitch-svg svg text.glitch{font-size:inherit;fill:currentColor;filter:none}.glitch-svg svg text.glitch:before,.glitch-svg svg text.glitch:after{content:attr(data-glitch-text);position:absolute;top:0;left:0;width:100%;height:100%;fill:currentColor}.glitch-svg svg text.glitch:before{fill:var(--glitch-color-1, #ff0040);animation:svg-glitch-1 2s infinite linear alternate-reverse;transform:translate(-2px);opacity:1}.glitch-svg svg text.glitch:after{fill:var(--glitch-color-2, #00ffff);animation:svg-glitch-2 3s infinite linear alternate-reverse;transform:translate(2px);opacity:1}@keyframes svg-glitch-1{0%,to{transform:translate(-2px);opacity:.8}20%{transform:translate(-4px,2px);opacity:.9}40%{transform:translate(-1px,-2px);opacity:.7}60%{transform:translate(-3px,1px);opacity:.8}80%{transform:translate(-2px,-1px);opacity:.9}}@keyframes svg-glitch-2{0%,to{transform:translate(2px);opacity:.8}20%{transform:translate(4px,-2px);opacity:.7}40%{transform:translate(1px,2px);opacity:.9}60%{transform:translate(3px,-1px);opacity:.8}80%{transform:translate(2px,1px);opacity:.7}}.glitch-svg{display:block;position:relative;filter:none;margin:0 auto;text-align:center}.glitch-svg svg{display:block;margin:0 auto;position:relative;z-index:1}.glitch-svg:before,.glitch-svg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.8;pointer-events:none;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch-svg:before{left:-2px;background-image:var(--svg-background);filter:hue-rotate(0deg) saturate(2) brightness(1.2);animation:animate-glitch var(--refresh-delay, 2s) infinite linear alternate-reverse;mix-blend-mode:screen;opacity:.7;background-blend-mode:multiply;background-color:var(--glitch-color-1, #ff0040)}.glitch-svg:after{left:2px;background-image:var(--svg-background);filter:hue-rotate(180deg) saturate(2) brightness(1.2);animation:animate-glitch calc(var(--refresh-delay, 2s) * 1.3) infinite linear alternate-reverse;mix-blend-mode:screen;opacity:.7;background-blend-mode:multiply;background-color:var(--glitch-color-2, #00ffff)}@keyframes glitch-svg-1{0%,to{transform:translate(0) scale(1);opacity:.8}10%{transform:translate(-4px,2px) scale(1.03);opacity:.9}20%{transform:translate(4px,-3px) scale(.97);opacity:.7}30%{transform:translate(5px,2px) scale(1.04);opacity:1}40%{transform:translate(-2px,-4px) scale(.96);opacity:.6}50%{transform:translate(4px,5px) scale(1.03);opacity:.9}60%{transform:translate(-5px,-2px) scale(.97);opacity:.7}70%{transform:translate(2px,4px) scale(1.04);opacity:1}80%{transform:translate(4px,-4px) scale(.96);opacity:.6}90%{transform:translate(-4px,2px) scale(1.03);opacity:.9}}@keyframes glitch-svg-2{0%,to{transform:translate(0) scale(1);opacity:.7}15%{transform:translate(4px,-5px) scale(.97);opacity:.8}25%{transform:translate(5px,4px) scale(1.03);opacity:.9}35%{transform:translate(-4px,-2px) scale(1.04);opacity:1}45%{transform:translate(2px,5px) scale(.96);opacity:.6}55%{transform:translate(-5px,4px) scale(1.03);opacity:.9}65%{transform:translate(4px,-2px) scale(.97);opacity:.8}75%{transform:translate(-2px,-5px) scale(1.04);opacity:1}85%{transform:translate(5px,2px) scale(.96);opacity:.6}95%{transform:translate(-4px,4px) scale(1.03);opacity:.9}}.glitch-svg:hover:before{animation-duration:calc(var(--refresh-delay, 2s) * .3);opacity:1}.glitch-svg:hover:after{animation-duration:calc(var(--refresh-delay, 2s) * .2);opacity:1}.glitch-hero-section{background:var(--section-bg, #060010);min-height:var(--section-height, 100vh);padding-top:var(--section-padding-top, 2rem);padding-bottom:var(--section-padding-bottom, 2rem);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.glitch-hero-content{position:relative;text-align:center;padding:0 2rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--glitch-elements-gap)}.glitch-hero-content .glitch-svg{margin-bottom:var(--glitch-svg-margin-bottom);order:1}.glitch-hero-content h1[data-glitch-text]{order:2;margin-top:var(--glitch-h1-margin-top)}.glitch-hero-content h2[data-glitch-text]{order:3}.glitch-hero-content .glitch-subtitle{order:4}.glitch-hero-content h1[data-glitch-text],.glitch-hero-content h2[data-glitch-text]{margin:0!important;padding:0!important;line-height:.8!important;display:block;width:100%;text-align:center!important;position:relative}.glitch-hero-content h2[data-glitch-text]{margin-top:0!important;margin-bottom:0!important;padding:0!important;text-align:center!important}.glitch-subtitle{color:var(--subtitle-color, #cccccc);font-size:var(--subtitle-size, 18px);line-height:1.5;margin:1rem 0 0;text-align:center;opacity:.9}@media (min-width: 768px){.glitch-subtitle{margin-top:2rem;font-size:calc(var(--subtitle-size, 18px) + 2px)}}@media screen and (max-width: 768px){[data-glitch-text],h1[data-glitch-text],h2[data-glitch-text],h3[data-glitch-text],.h1[data-glitch-text],.h2[data-glitch-text],.h3[data-glitch-text]{font-size:6rem!important}.glitch-hero-section{min-height:var(--glitch-mobile-vh);padding-top:1rem;padding-bottom:1rem}.glitch-hero-content{padding:0 1rem;gap:var(--glitch-mobile-elements-gap)}.glitch-svg{margin-bottom:var(--glitch-mobile-svg-margin-bottom)}h1[data-glitch-text]{margin-top:var(--glitch-mobile-h1-margin-top)}.glitch-subtitle{font-size:1rem;margin-top:1.5rem}}@media screen and (max-width: 480px){[data-glitch-text],h1[data-glitch-text],h2[data-glitch-text],h3[data-glitch-text],.h1[data-glitch-text],.h2[data-glitch-text],.h3[data-glitch-text]{font-size:4rem!important}}.glitch:before,.glitch:after{will-change:transform,clip-path,text-shadow;transform:translateZ(0)}.glitch.paused:before,.glitch.paused:after{animation:none!important}.glitch.enable-on-hover:before,.glitch.enable-on-hover:after{animation:none!important}.glitch.enable-on-hover:hover:before{left:2px;text-shadow:none;opacity:1!important;animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:after{left:-2px;text-shadow:none;opacity:1!important;animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}@media (prefers-reduced-motion: reduce){.glitch.reduced-motion:before,.glitch.reduced-motion:after,.glitch.reduced-motion.enable-on-hover:hover:before,.glitch.reduced-motion.enable-on-hover:hover:after{animation:none!important}}[data-glitch-text],h1[data-glitch-text],h2[data-glitch-text],h3[data-glitch-text],.h1[data-glitch-text],.h2[data-glitch-text],.h3[data-glitch-text]{font-size:clamp(2rem,12vw,8rem)!important}.glitch-hero-content .glitch:not(.enable-on-hover):after,.glitch-hero-content .glitch:not(.enable-on-hover):before{mix-blend-mode:normal;opacity:1}.glitch-hero-content .glitch.enable-on-hover:hover:after,.glitch-hero-content .glitch.enable-on-hover:hover:before{mix-blend-mode:normal;opacity:1}.glitch-hero-content .glitch-svg:before{filter:hue-rotate(0deg) saturate(2) brightness(1.2);opacity:.7}.glitch-hero-content .glitch-svg:after{filter:hue-rotate(180deg) saturate(2) brightness(1.2);opacity:.7}.glitch-svg .svg-glitch-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.85}.glitch-svg .svg-glitch-layer.layer-1{animation:glitch-svg-1 var(--glitch-speed, 2s) infinite}.glitch-svg .svg-glitch-layer.layer-2{animation:glitch-svg-2 var(--glitch-speed, 3s) infinite}.glitch-svg{overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/20/assets/glitch-text.css.map */