.ff-fog{--ff-fog-progress: 0;--ff-fog-opacity: .82;--ff-fog-reach: 72%;--ff-fog-solid: 18%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat);pointer-events:none;overflow:hidden;contain:strict;-webkit-mask-image:linear-gradient(to top,rgb(0 0 0 / 1) 0%,rgb(0 0 0 / 1) var(--ff-fog-solid),rgb(0 0 0 / .55) calc(var(--ff-fog-reach) * .55),rgb(0 0 0 / 0) var(--ff-fog-reach));mask-image:linear-gradient(to top,rgb(0 0 0 / 1) 0%,rgb(0 0 0 / 1) var(--ff-fog-solid),rgb(0 0 0 / .55) calc(var(--ff-fog-reach) * .55),rgb(0 0 0 / 0) var(--ff-fog-reach));opacity:calc(var(--ff-fog-opacity) * (1 - var(--ff-fog-progress)));transform:translate3d(0,calc(var(--ff-fog-progress) * -14%),0) scale(calc(1 + var(--ff-fog-progress) * .12));transform-origin:50% 100%;will-change:opacity,transform}.ff-fog--light{--ff-fog-opacity: .6;--ff-fog-reach: 60%;--ff-fog-solid: 10%}.ff-fog--medium{--ff-fog-opacity: .82;--ff-fog-reach: 72%;--ff-fog-solid: 18%}.ff-fog--dense{--ff-fog-opacity: .96;--ff-fog-reach: 82%;--ff-fog-solid: 28%}.ff-fog__bank{position:absolute;top:-6%;right:-2%;bottom:-6%;left:-2%;animation:ff-fog-breathe 22s ease-in-out infinite alternate;will-change:transform}.ff-fog__layer{position:absolute;top:0;bottom:0;left:0;width:200%;background-repeat:repeat-x;background-size:50% 100%;will-change:transform}.ff-fog__layer--1{opacity:.9;background-image:radial-gradient(ellipse 30% 55% at 24% 80%,#f3f1ecd9,#f3f1ec00 70%),radial-gradient(ellipse 40% 60% at 55% 92%,#e4dfd5bf,#e4dfd500 70%),radial-gradient(ellipse 26% 50% at 80% 70%,#cbcfccb3,#cbcfcc00 70%);animation:ff-fog-drift 160s linear infinite}.ff-fog__layer--2{opacity:.75;background-image:radial-gradient(ellipse 22% 58% at 14% 74%,#cbcfccb3,#cbcfcc00 70%),radial-gradient(ellipse 34% 48% at 46% 68%,#f3f1ecb3,#f3f1ec00 70%),radial-gradient(ellipse 30% 52% at 76% 78%,#e4dfd5a6,#e4dfd500 70%);animation:ff-fog-drift 110s linear infinite reverse}.ff-fog__layer--3{opacity:.55;background-image:radial-gradient(ellipse 40% 40% at 30% 88%,#f3f1eccc,#f3f1ec00 70%),radial-gradient(ellipse 30% 44% at 66% 62%,#cbcfcc99,#cbcfcc00 70%),radial-gradient(ellipse 10% 36% at 90% 94%,#e4dfd5b3,#e4dfd500 70%);animation:ff-fog-drift 72s linear infinite}.ff-fog__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.75  0 0 0 0 0.76  0 0 0 0 0.75  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px}@keyframes ff-fog-drift{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes ff-fog-breathe{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-1.6%,0) scale(1.035)}}@media screen and (max-width:749px){.ff-fog__layer--3{display:none}.ff-fog__layer--1{animation-duration:120s}.ff-fog__layer--2{animation-duration:84s}.ff-fog__grain{opacity:.12}}@media(prefers-reduced-motion:reduce){.ff-fog__bank,.ff-fog__layer{animation:none}}html.shopify-design-mode .ff-fog__bank,html.shopify-design-mode .ff-fog__layer{animation:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/fog-atmosphere.css.map */