.wave-section{background-color:var(--bg-color);border-top:var(--border-width) solid color-mix(in srgb,var(--border-color) 20%,transparent);border-bottom:var(--border-width) solid color-mix(in srgb,var(--border-color) 20%,transparent);margin:0;padding:0;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.wave-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--glow-color-1) 6%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--glow-color-2) 6%,transparent) 0%,transparent 50%);z-index:1;pointer-events:none}.wave-settings{margin:0 auto;padding:0;position:relative;z-index:2}.wave-item{transform:rotate(180deg);position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden}.wave-item svg{display:block;width:100%;height:auto;overflow:hidden;max-height:var(--wave-height, 80px);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--border-color) 18%,transparent));-webkit-transform:translateZ(0);transform:translateZ(0)}.gradient-defs{position:absolute;width:0;height:0;overflow:hidden}.wave-1>use{opacity:var(--wave-opacity-1, .6);animation:wave-forever1 var(--wave-speed-1, 12s) linear infinite;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wave-color-1) 30%,transparent));will-change:transform,filter}.wave-2>use{opacity:var(--wave-opacity-2, .2);animation:wave-forever2 var(--wave-speed-2, 15s) linear infinite;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--wave-color-2) 18%,transparent));will-change:transform,filter}.wave-3>use{opacity:var(--wave-opacity-3, .45);animation:wave-forever3 var(--wave-speed-3, 18s) linear infinite;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wave-color-3) 28%,transparent));will-change:transform,filter}.wave-4>use{opacity:var(--wave-opacity-4, .1);animation:wave-forever4 var(--wave-speed-4, 20s) linear infinite;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--wave-color-4) 12%,transparent));will-change:transform,filter}@keyframes wave-forever1{0%{transform:translate(85px);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wave-color-1) 40%,transparent))}50%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--wave-color-1) 50%,transparent))}to{transform:translate(-90px);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wave-color-1) 40%,transparent))}}@keyframes wave-forever2{0%{transform:translate(-90px);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--wave-color-2) 18%,transparent))}50%{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--wave-color-2) 24%,transparent))}to{transform:translate(85px);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--wave-color-2) 18%,transparent))}}@keyframes wave-forever3{0%{transform:translate(85px);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wave-color-3) 36%,transparent))}50%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--wave-color-3) 46%,transparent))}to{transform:translate(-90px);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wave-color-3) 36%,transparent))}}@keyframes wave-forever4{0%{transform:translate(-90px);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--wave-color-4) 12%,transparent))}50%{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wave-color-4) 18%,transparent))}to{transform:translate(85px);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--wave-color-4) 12%,transparent))}}.wave-section .floating-symbols{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.wave-section .symbol{position:absolute;font-size:var(--symbol-size, 24px);opacity:var(--symbol-opacity, .06);animation:float-symbol var(--symbol-speed, 20s) linear infinite;will-change:transform,opacity;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wave-section .symbol:nth-child(1){top:20%;left:10%;animation-delay:0s;color:var(--symbol-color-1, #B31942)}.wave-section .symbol:nth-child(2){top:40%;left:80%;animation-delay:-5s;color:var(--symbol-color-2, #0A3161)}.wave-section .symbol:nth-child(3){top:60%;left:20%;animation-delay:-10s;color:var(--symbol-color-3, #FFFFFF)}.wave-section .symbol:nth-child(4){top:80%;left:70%;animation-delay:-15s;color:var(--symbol-color-4, #B31942)}.wave-section .symbol:nth-child(5){top:30%;left:50%;animation-delay:-7s;color:var(--symbol-color-5, #0A3161)}@keyframes float-symbol{0%,to{transform:translateY(0) rotate(0);opacity:var(--symbol-opacity-min, .03)}25%{transform:translateY(-20px) rotate(90deg);opacity:var(--symbol-opacity-max, .08)}50%{transform:translateY(0) rotate(180deg);opacity:var(--symbol-opacity-min, .03)}75%{transform:translateY(20px) rotate(270deg);opacity:var(--symbol-opacity-max, .08)}}@media(prefers-reduced-motion:reduce){.wave-1>use,.wave-2>use,.wave-3>use,.wave-4>use,.wave-section .symbol{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-play-state:paused!important}}[data-motion-disabled=true] .wave-1>use,[data-motion-disabled=true] .wave-2>use,[data-motion-disabled=true] .wave-3>use,[data-motion-disabled=true] .wave-4>use,[data-motion-disabled=true] .wave-section .symbol{animation:none!important}[data-motion-disabled=true] .wave-section:hover .wave-1>use,[data-motion-disabled=true] .wave-section:hover .wave-2>use,[data-motion-disabled=true] .wave-section:hover .wave-3>use,[data-motion-disabled=true] .wave-section:hover .wave-4>use{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--wave-color-1) 40%,transparent))}@media(min-width:1024px){.wave-section{margin-top:0;margin-bottom:0}.wave-item svg{max-height:var(--wave-height-desktop, 60px)}}@media(max-width:768px){.wave-item{overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.wave-item svg{max-height:var(--wave-height-mobile, 50px);min-height:10px;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.wave-section .symbol{font-size:var(--symbol-size-mobile, 18px)}}@media(max-width:480px){.wave-item svg{max-height:var(--wave-height-small, 40px)}.wave-section .symbol{font-size:var(--symbol-size-small, 14px)}.wave-section{-webkit-overflow-scrolling:touch;overflow-x:hidden}}.wave-section:not([data-motion-disabled=true]):hover .wave-1>use{animation-duration:var(--hover-speed-1, 8s);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--wave-color-1) 50%,transparent))}.wave-section:not([data-motion-disabled=true]):hover .wave-2>use{animation-duration:var(--hover-speed-2, 10s);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--wave-color-2) 20%,transparent))}.wave-section:not([data-motion-disabled=true]):hover .wave-3>use{animation-duration:var(--hover-speed-3, 12s);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--wave-color-3) 45%,transparent))}.wave-section:not([data-motion-disabled=true]):hover .wave-4>use{animation-duration:var(--hover-speed-4, 14s);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--wave-color-4) 15%,transparent))}
/*# sourceMappingURL=/cdn/shop/t/6/assets/animated-wave-section.css.map */