.hero-geometric-overlay{position:relative;overflow:hidden}.hero-geometric-overlay:before,.hero-geometric-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-geometric-overlay>*{position:relative;z-index:2}.hero-geometric-overlay--diagonal:before{background:linear-gradient(135deg,#000c,#00000080 40%,#0003,#0000001a);clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.hero-geometric-overlay--frame:before{background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 15%,transparent 30%,transparent 70%,rgba(0,0,0,.3) 85%,rgba(0,0,0,.7) 100%)}.hero-geometric-overlay--frame:after{background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.2) 10%,transparent 25%,transparent 75%,rgba(0,0,0,.2) 90%,rgba(0,0,0,.6) 100%)}.hero-geometric-overlay--hexagon:before{background-image:linear-gradient(30deg,transparent 40%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 60%,transparent 60%),linear-gradient(90deg,transparent 40%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 60%,transparent 60%),linear-gradient(150deg,transparent 40%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 60%,transparent 60%),linear-gradient(0deg,#000000b3,#0000004d);background-size:50px 50px,50px 50px,50px 50px,100% 100%}.hero-geometric-overlay--wave:before{background:#0009;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 Q25,30 50,50 T100,50 L100,100 L0,100 Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 Q25,30 50,50 T100,50 L100,100 L0,100 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-geometric-overlay--corners:before{background:linear-gradient(45deg,rgba(0,0,0,.8) 0%,transparent 30%),linear-gradient(-45deg,rgba(0,0,0,.8) 0%,transparent 30%),linear-gradient(225deg,rgba(0,0,0,.8) 0%,transparent 30%),linear-gradient(-225deg,rgba(0,0,0,.8) 0%,transparent 30%);background-size:40% 40%;background-position:top left,top right,bottom right,bottom left;background-repeat:no-repeat}.hero-geometric-overlay--organic:before{background:#0009;clip-path:polygon(0 0,100% 0,100% 60%,95% 65%,90% 68%,80% 70%,70% 72%,60% 75%,50% 78%,40% 82%,30% 85%,20% 88%,10% 92%,0 100%)}.hero-geometric-overlay--grid:before{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(#000000b3,#0003);background-size:50px 50px,50px 50px,100% 100%}.hero-geometric-overlay--light:before,.hero-geometric-overlay--light:after{opacity:.5}.hero-geometric-overlay--medium:before,.hero-geometric-overlay--medium:after{opacity:.7}.hero-geometric-overlay--dark:before,.hero-geometric-overlay--dark:after{opacity:.9}.hero-geometric-overlay--animate:before{animation:geometricShift 20s ease-in-out infinite alternate}@keyframes geometricShift{0%{transform:translate(0) translateY(0)}to{transform:translate(-20px) translateY(-10px)}}.hero-geometric-overlay--hover:before,.hero-geometric-overlay--hover:after{transition:opacity .3s ease,transform .3s ease}.hero-geometric-overlay--hover:hover:before,.hero-geometric-overlay--hover:hover:after{opacity:.8;transform:scale(1.02)}@media (max-width: 768px){.hero-geometric-overlay--diagonal:before{clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.hero-geometric-overlay--organic:before{clip-path:polygon(0 0,100% 0,100% 70%,80% 80%,60% 85%,40% 90%,20% 95%,0 100%)}.hero-geometric-overlay--hexagon:before,.hero-geometric-overlay--grid:before{background-size:75px 75px,75px 75px,75px 75px,100% 100%}}.sht-mask.hero-geometric-overlay:before,.sht-mask.hero-geometric-overlay:after{mix-blend-mode:multiply}.color-scheme-1 .hero-geometric-overlay:before,.color-scheme-1 .hero-geometric-overlay:after{background-color:var(--color-foreground-rgb, 0, 0, 0)}.hero-geometric-overlay[data-overlay-color]:before{background-color:var(--overlay-color)}
/*# sourceMappingURL=/cdn/shop/t/103/assets/hero-geometric-overlays.css.map */