:root{--yss-mx: 50vw;--yss-my: 35vh}body{position:relative;overflow-x:hidden}.yss-bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;mix-blend-mode:normal}.yss-bg-canvas,.yss-bg-grid,.yss-bg-vignette,.yss-bg-mouse,.yss-bg-beams,.yss-bg-scan,.yss-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0}.yss-bg-canvas{opacity:.85}.yss-bg-grid{opacity:.12;background:linear-gradient(rgba(255,20,147,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,208,255,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);animation:none}#MainContent,.shopify-section-group-header-group,.shopify-section-group-footer-group{position:relative;z-index:1}body:before,body:after,.yss-bg-canvas,.yss-bg-mouse,.yss-bg-glow,.yss-bg-fx:before,.yss-bg-fx:after,.yss-cursor-orb,.yss-cyber-grid{display:none!important}.yss-hero:before,.yssc-root:before,.yssp-root:before,.yssct-root:before,.ysscnt-root:before{background:linear-gradient(110deg,transparent 0 42%,rgba(255,20,147,.08) 49%,rgba(255,107,53,.06) 52%,transparent 60% 100%)!important}.yss-bg-mouse{opacity:.95;background:radial-gradient(circle 330px at var(--yss-mx) var(--yss-my),rgba(255,20,147,.24),transparent 68%),radial-gradient(circle 210px at calc(var(--yss-mx) + 90px) calc(var(--yss-my) + 40px),rgba(255,107,53,.18),transparent 70%),radial-gradient(circle 250px at calc(var(--yss-mx) - 130px) calc(var(--yss-my) - 70px),rgba(105,55,255,.18),transparent 70%)}.yss-bg-beams:before,.yss-bg-beams:after{content:"";position:absolute;width:60vw;height:2px;left:-20vw;background:linear-gradient(90deg,transparent,rgba(255,20,147,.75),rgba(255,107,53,.55),transparent);filter:blur(.5px) drop-shadow(0 0 12px rgba(255,20,147,.65));transform:rotate(-10deg);opacity:.36;animation:yssBeamMove 9s ease-in-out infinite}.yss-bg-beams:before{top:22%}.yss-bg-beams:after{top:72%;animation-delay:-4.5s;background:linear-gradient(90deg,transparent,rgba(0,208,255,.55),rgba(224,64,251,.7),transparent)}.yss-bg-scan{opacity:.15;background:repeating-linear-gradient(to bottom,transparent 0,transparent 7px,rgba(255,255,255,.045) 8px,transparent 9px);animation:yssScanMove 7s linear infinite}.yss-bg-vignette{background:radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.26) 100%);mix-blend-mode:normal}.yss-bg-glow{filter:blur(58px);opacity:.18;transform:translateZ(0)}.yss-bg-glow--one{inset:auto auto -8% -10%;width:38vw;height:38vw;max-width:48rem;max-height:48rem;background:radial-gradient(circle,rgba(255,43,214,1) 0%,rgba(255,43,214,.38) 38%,transparent 74%);animation:yssFloatOne 15s ease-in-out infinite alternate}.yss-bg-glow--two{inset:12% -10% auto auto;width:34vw;height:34vw;max-width:44rem;max-height:44rem;background:radial-gradient(circle,rgba(83,98,255,.92) 0%,rgba(83,98,255,.35) 42%,transparent 76%);animation:yssFloatTwo 18s ease-in-out infinite alternate}.yss-bg-glow--three{inset:34% auto auto 34%;width:28vw;height:28vw;max-width:34rem;max-height:34rem;background:radial-gradient(circle,rgba(255,111,41,.9) 0%,rgba(255,111,41,.28) 40%,transparent 74%);animation:yssFloatThree 13s ease-in-out infinite alternate}@keyframes yssFloatOne{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8vw,-4vw,0) scale(1.16)}}@keyframes yssFloatTwo{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-6vw,6vw,0) scale(1.1)}}@keyframes yssFloatThree{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-5vw,-5vw,0) scale(1.14)}}@keyframes yssGridDrift{0%{background-position:0 0,0 0}to{background-position:72px 72px,72px 72px}}@keyframes yssBeamMove{0%,to{transform:translate(-10vw) rotate(-10deg);opacity:.14}45%,55%{transform:translate(80vw) rotate(-10deg);opacity:.48}}@keyframes yssScanMove{0%{background-position-y:0}to{background-position-y:80px}}@media(max-width:749px){.yss-bg-grid{opacity:.13;background-size:54px 54px}.yss-bg-glow{opacity:.22}.yss-bg-canvas{opacity:.65}.yss-bg-beams:before,.yss-bg-beams:after{opacity:.22}}@media(prefers-reduced-motion:reduce){.yss-bg-glow,.yss-bg-grid,.yss-bg-scan,.yss-bg-beams:before,.yss-bg-beams:after{animation:none!important}.yss-bg-canvas{display:none}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147481000;pointer-events:none;background:radial-gradient(circle at 14% 28%,rgba(255,20,147,.11),transparent 22%),radial-gradient(circle at 88% 18%,rgba(0,208,255,.09),transparent 20%),radial-gradient(circle at 72% 82%,rgba(255,107,53,.08),transparent 22%),radial-gradient(circle at var(--yss-mx, 50vw) var(--yss-my, 40vh),rgba(224,64,251,.22),transparent 18%);mix-blend-mode:screen}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147481001;pointer-events:none;opacity:.35;background:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(255,20,147,.18) 49%,rgba(255,107,53,.22) 50%,transparent 61%,transparent 100%),repeating-linear-gradient(0deg,transparent 0 14px,rgba(255,255,255,.045) 15px,transparent 16px);background-size:220% 220%,auto;animation:yssHugeBeam 8s ease-in-out infinite;mix-blend-mode:screen}@keyframes yssHugeBeam{0%,to{background-position:-120% 0,0 0;opacity:.18}45%,55%{background-position:120% 0,0 32px;opacity:.45}}.yss-hero,.yssc-root,.yssdg-root,.yssp-root,.yssct-root,.ysscnt-root{position:relative;isolation:isolate}.yss-hero:before,.yssc-root:before,.yssdg-root:before,.yssp-root:before,.yssct-root:before,.ysscnt-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 15%,rgba(255,20,147,.2),transparent 28%),radial-gradient(circle at 82% 28%,rgba(0,208,255,.14),transparent 25%),linear-gradient(110deg,transparent 0 42%,rgba(255,20,147,.12) 49%,rgba(255,107,53,.1) 52%,transparent 60% 100%);background-size:100% 100%,100% 100%,240% 240%;animation:yssSectionGlow 10s ease-in-out infinite}@keyframes yssSectionGlow{0%,to{background-position:center,center,-140% 0}50%{background-position:center,center,140% 0}}.yssdg-card,.yssc-card,.yss-prod-card,.yss-cat-card,.yssp-main-img{animation:yssCardPulse 3.8s ease-in-out infinite}@keyframes yssCardPulse{0%,to{box-shadow:0 0 #e040fb00,0 0 24px #e040fb0d}50%{box-shadow:0 0 18px #e040fb59,0 0 44px #ff6b3521}}.yss-bg-fx:before,.yss-bg-fx:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ff2bd6;box-shadow:12vw 18vh #00d0ffbf,28vw 42vh 0 1px #ff6b35bf,46vw 26vh #ff1493d9,62vw 72vh 0 1px #00d0ffb8,78vw 36vh #e040fbe6,90vw 64vh 0 1px #ff6b35c7;filter:drop-shadow(0 0 10px #ff2bd6);opacity:.16;animation:yssDotsFloat 7s ease-in-out infinite alternate}.yss-bg-fx:after{width:5px;height:5px;animation-duration:11s;animation-direction:alternate-reverse;opacity:.22}@keyframes yssDotsFloat{0%{transform:translateZ(0)}to{transform:translate3d(32px,-46px,0)}}@media(max-width:749px){body:before{opacity:.75}body:after{opacity:.18}}.yss-cursor-orb{position:fixed;left:0;top:0;width:190px;height:190px;border-radius:50%;pointer-events:none;z-index:2147482500;transform:translate3d(50vw,35vh,0) translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,rgba(255,20,147,.14) 0%,rgba(224,64,251,.11) 38%,transparent 74%);filter:blur(22px);mix-blend-mode:screen;opacity:.48;transition:opacity .18s ease}a:hover~.yss-cursor-orb,button:hover~.yss-cursor-orb{width:420px;height:420px}@media(max-width:749px){.yss-cursor-orb{width:230px;height:230px;opacity:.7}}.yss-cyber-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2147480500;opacity:.18;background:linear-gradient(90deg,color-mix(in srgb,hsl(var(--yss-grid-hue, 295) 100% 62%) 48%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,hsl(calc(var(--yss-grid-hue, 295) + 65) 100% 58%) 38%,transparent) 1px,transparent 1px),radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(0,0,0,.55) 100%);background-size:82px 82px,82px 82px,100% 100%;animation:yssGridHue 8s linear infinite;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.95),rgba(0,0,0,.08) 78%,transparent 100%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.95),rgba(0,0,0,.08) 78%,transparent 100%);mix-blend-mode:screen}@keyframes yssGridHue{0%{--yss-grid-hue: 286}33%{--yss-grid-hue: 320}66%{--yss-grid-hue: 210}to{--yss-grid-hue: 286}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/yss-background-fx.css.map */