.wave-canvas-section{width:100%;overflow:hidden}.wave-canvas-section .page-width{position:relative}.wave-canvas{width:100%;max-width:1200px;height:var(--wave-canvas-height, 360px);display:block;margin:0 auto;mask-image:linear-gradient(to right,transparent 0%,black 120px,black calc(100% - 120px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 120px,black calc(100% - 120px),transparent 100%)}@media screen and (max-width:749px){.wave-canvas{height:var(--wave-canvas-height-mobile, 500px);mask-image:linear-gradient(to right,transparent 0%,black 60px,black calc(100% - 60px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 60px,black calc(100% - 60px),transparent 100%)}}.wave-text{position:absolute;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;font-size:clamp(2.2rem,6.5vw,7rem);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:rgb(var(--color-foreground));white-space:nowrap;text-align:center;z-index:2;transition:opacity .1s ease}@media screen and (max-width:749px){.wave-text{font-size:var(--wave-text-size-mobile, 3.5rem);white-space:normal;word-break:break-word;max-width:85vw;text-align:center}}.wave-text__light{font-weight:300}.wave-text__bold{font-weight:700}.section-template--padding{padding-top:200px;padding-bottom:10px}@media screen and (min-width:750px){.section-template--padding{padding-top:36px;padding-bottom:36px}}.wave-card{left:50%;transform:translate(-50%) translateY(12px) scale(.92);opacity:0;pointer-events:none;width:100%;max-width:var(--wave-card-max-width, 420px);text-align:center;transition:backdrop-filter .3s ease,box-shadow .3s ease,transform .24s ease,opacity .24s ease,border-color .3s ease;position:absolute;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,calc(var(--button-glass-opacity) * 1.8)),rgba(255,255,255,calc(var(--button-glass-opacity) * 1.2)));border:1px solid rgba(255,255,255,.3);border-radius:1.6rem;padding:1.2rem 1.8rem 1.4rem;box-shadow:0 6px 16px #0000001a,0 2px 4px #00000014,inset 0 1px #fff6;backdrop-filter:blur(calc(var(--button-glass-blur) * 1.5));-webkit-backdrop-filter:blur(calc(var(--button-glass-blur) * 1.5))}.wave-card:before{content:"";position:absolute;top:-1px;left:-1px;width:32%;height:32%;border-top:1px solid rgba(255,255,255,.45);border-left:1px solid rgba(255,255,255,.45);border-top-left-radius:inherit;pointer-events:none;z-index:1;opacity:.85;transition:border-width .3s ease,opacity .3s ease}.wave-card:after{content:"";position:absolute;top:0;left:0;width:60%;height:60%;background:linear-gradient(135deg,rgba(var(--button-glass-shine-color),calc(var(--button-glass-shine-opacity) * 1.5)) 0%,rgba(var(--button-glass-shine-color),calc(var(--button-glass-shine-opacity) * .8)) 30%,transparent 60%);border-radius:inherit;pointer-events:none;z-index:1;opacity:.7;transition:opacity .3s ease}.wave-canvas-section:hover .wave-card{opacity:1;transform:translate(-50%) translateY(-4px) scale(.92);backdrop-filter:blur(calc(var(--button-glass-blur) * 2));-webkit-backdrop-filter:blur(calc(var(--button-glass-blur) * 2));box-shadow:0 9px 22px #00000024,0 3px 8px #0000001a,inset 0 1px #ffffff80;border-color:#ffffff4d}.wave-canvas-section:hover .wave-card:before{border-top-width:3px;border-left-width:3px;opacity:1}.wave-canvas-section:hover .wave-card:after{opacity:1;background:linear-gradient(135deg,rgba(var(--button-glass-shine-color),calc(var(--button-glass-shine-opacity) * 2)) 0%,rgba(var(--button-glass-shine-color),var(--button-glass-shine-opacity)) 30%,transparent 60%)}@media screen and (max-width:749px){.wave-card{max-width:var(--wave-card-max-width-mobile, 320px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-animated-wave-canvas.css.map */