.cat-ambient{--mx: 0;--my: 0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--ca-bg)}.cat-ambient>*{position:absolute}.cat-ambient--canna{--ca-bg: linear-gradient(165deg, #f3faee 0%, #e2f1d8 45%, #cde5bf 100%);--c1: #a6dc8f;--c2: #5fb35a;--c3: #e3f29c}.cat-ambient--vapes{--ca-bg: linear-gradient(165deg, #ffffff 0%, #fff3f3 50%, #ffe2e3 100%);--c1: #ff5a62;--c2: rgba(217, 0, 8, .7);--c3: #ffb3b6}.cat-ambient--liquids{--ca-bg: linear-gradient(170deg, #fff6ea 0%, #ffe7e6 55%, #ffe1ef 100%);--c1: #ffb56b;--c2: #ff6f91;--c3: #ffd84d}.cat-ambient--smoke{--ca-bg: linear-gradient(170deg, #fbf6ee 0%, #f3e9da 55%, #e9d8c1 100%);--c1: #ffbb85;--c2: #d9a066;--c3: #cfc5b6}.ca-particles{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ca-blob{width:60vmax;height:60vmax;border-radius:50%;opacity:.6;background:radial-gradient(circle at center,var(--c) 0%,transparent 65%);translate:calc(var(--mx) * var(--depth) * 1px) calc(var(--my) * var(--depth) * 1px);animation:ca-drift var(--t) ease-in-out infinite alternate}.ca-blob--1{--c: var(--c1);--t: 28s;--depth: 30;top:-25%;left:-20%}.ca-blob--2{--c: var(--c2);--t: 34s;--depth: -40;top:20%;right:-25%;opacity:.45;animation-delay:-12s}.ca-blob--3{--c: var(--c3);--t: 40s;--depth: 20;bottom:-30%;left:20%;animation-delay:-20s}@keyframes ca-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(7vw,-5vh) scale(1.15)}to{transform:translate(-5vw,6vh) scale(.9)}}.ca-rays{top:-10vh;left:50%;width:140vmax;height:140vmax;margin-left:-70vmax;opacity:.55;background:repeating-conic-gradient(from 90deg at 50% 0%,rgba(255,255,230,.6) 0deg 3deg,transparent 3deg 11deg);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 55%);mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 55%);transform-origin:50% 0;animation:ca-rays 24s ease-in-out infinite alternate}@keyframes ca-rays{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.ca-leaf{width:var(--w);height:auto;aspect-ratio:160 / 140;color:var(--leaf);opacity:var(--o);transform-origin:50% 100%;transform:rotate(var(--r));translate:calc(var(--mx) * var(--depth) * 1px) calc(var(--my) * var(--depth) * 1px);animation:ca-sway var(--t) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes ca-sway{0%,to{transform:rotate(var(--r))}50%{transform:rotate(calc(var(--r) + 7deg))}}.ca-cloud{top:var(--y);left:-40%;width:var(--w);aspect-ratio:2.4 / 1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0%,rgba(255,255,255,.45) 40%,transparent 70%);filter:blur(10px);animation:ca-cloud var(--t) linear infinite;animation-delay:var(--delay)}@keyframes ca-cloud{0%{transform:translate(0)}to{transform:translate(180vw)}}.ca-sweep{top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);animation:ca-sweep 11s ease-in-out infinite}@keyframes ca-sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.ca-ring{left:var(--x);bottom:-12vh;width:var(--s);aspect-ratio:2.3 / 1;border-radius:50%;border:var(--bw, 3px) solid rgba(255,255,255,.95);box-shadow:0 0 18px #d9000859,inset 0 0 14px #ff46504d;opacity:0;animation:ca-ring var(--t) cubic-bezier(.3,.6,.4,1) infinite;animation-delay:var(--delay)}@keyframes ca-ring{0%{transform:translate(0) scale(.35);opacity:0;filter:blur(.4px)}12%{opacity:.9}50%{transform:translate(var(--dx),-60vh) scale(1.1)}to{transform:translate(calc(var(--dx) * -.5),-120vh) scale(1.8);opacity:0;filter:blur(6px)}}.ca-drop{top:-30px;left:var(--x);width:var(--s);aspect-ratio:1;opacity:0;animation:ca-drop var(--t) ease-in infinite;animation-delay:var(--delay)}.ca-drop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 50% 50%;transform:rotate(45deg);background:radial-gradient(circle at 62% 62%,rgba(255,255,255,.95) 0 14%,var(--c) 48%);box-shadow:0 4px 10px #ff4f6d40}@keyframes ca-drop{0%{transform:translateY(0) scaleY(.4);opacity:0}10%{transform:translateY(10px) scaleY(1);opacity:1}22%{transform:translateY(16px) scaleY(1.25)}to{transform:translateY(112vh) scaleY(1.1);opacity:.9}}.ca-waves{left:0;right:0;bottom:0;height:28vh;overflow:hidden;animation:ca-bob 5s ease-in-out infinite alternate}.ca-wave{position:absolute;bottom:0;left:0;width:200%;animation:ca-wave var(--t) linear infinite}.ca-wave svg{display:block;width:100%;height:100%}.ca-wave--1{--t: 14s;height:100%;color:#ff9a7659}.ca-wave--2{--t: 9s;height:80%;color:#ff6f9152;animation-direction:reverse}.ca-wave--3{--t: 6s;height:58%;color:#ffc85059;animation-delay:-2s}@keyframes ca-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ca-bob{0%{transform:translateY(0)}to{transform:translateY(-2vh)}}.ca-grain{top:0;right:0;bottom:0;left:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .25 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ca-glow{left:-10%;right:-10%;bottom:-35vh;height:70vh;background:radial-gradient(ellipse at 50% 100%,rgba(255,130,40,.45),rgba(255,170,90,.18) 40%,transparent 70%);transform-origin:50% 100%;animation:ca-breathe 6s ease-in-out infinite alternate}@keyframes ca-breathe{0%{opacity:.6;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1.08)}}.ca-wisp{left:var(--x);bottom:-30vh;width:var(--w);height:75vh;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,rgba(110,100,90,.26),transparent 70%);filter:blur(22px);opacity:0;transform-origin:50% 100%;animation:ca-wisp var(--t) ease-in-out infinite;animation-delay:var(--delay)}@keyframes ca-wisp{0%{transform:translateY(0) skew(0) scaleX(.6);opacity:0}25%{opacity:.9}50%{transform:translateY(-30vh) skew(14deg) scaleX(1)}75%{transform:translateY(-55vh) skew(-12deg) scaleX(1.3);opacity:.6}to{transform:translateY(-85vh) skew(8deg) scaleX(1.6);opacity:0}}body:has(.cat-ambient--canna){--ca-accent: #2f8f3a;--ca-accent-2: #8cc63f;--ca-glow: 47, 143, 58}body:has(.cat-ambient--vapes){--ca-accent: #d90008;--ca-accent-2: #ff4d55;--ca-glow: 217, 0, 8}body:has(.cat-ambient--liquids){--ca-accent: #ff4f6d;--ca-accent-2: #ff9a3c;--ca-glow: 255, 79, 109}body:has(.cat-ambient--smoke){--ca-accent: #b4531a;--ca-accent-2: #e89a3c;--ca-glow: 180, 83, 26}body:has(.cat-ambient),body:has(.cat-ambient) main .collection-hero.gradient,body:has(.cat-ambient) main collection-component>.gradient{background:transparent}body:has(.cat-ambient) .header-wrapper{position:relative;background:transparent;border-bottom:1px solid rgba(var(--ca-glow),.18);box-shadow:0 10px 30px -22px rgba(var(--ca-glow),.6)}body:has(.cat-ambient) .header-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fff9,#ffffff59);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}body:has(.cat-ambient) .announcement-bar-section .utility-bar{--color-foreground: 255, 255, 255;color:#fff;background:linear-gradient(90deg,var(--ca-accent),var(--ca-accent-2),var(--ca-accent));background-size:200% 100%;animation:ca-title 8s linear infinite}body:has(.cat-ambient) .collection-hero__title{display:inline-block;font-weight:700;color:transparent;background-image:linear-gradient(100deg,var(--ca-accent),var(--ca-accent-2),var(--ca-accent));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:ca-title 6s linear infinite}body:has(.cat-ambient) .collection-hero__title:after{content:"";display:block;width:6.4rem;height:.4rem;margin-top:.8rem;border-radius:.4rem;background:linear-gradient(90deg,var(--ca-accent),var(--ca-accent-2))}@keyframes ca-title{0%{background-position:0% 0}to{background-position:200% 0}}body:has(.cat-ambient) #product-grid{--product-card-corner-radius: 1rem}body:has(.cat-ambient) #product-grid .product-card-wrapper{padding:.8rem .8rem 1.2rem;border:1px solid rgba(255,255,255,.75);border-radius:1.6rem;background:#ffffffa8;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 10px 30px -18px rgba(var(--ca-glow),.55);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}body:has(.cat-ambient) #product-grid .product-card-wrapper:hover{transform:translateY(-6px);box-shadow:0 22px 44px -18px rgba(var(--ca-glow),.6)}@media screen and (min-width:750px){body:has(.cat-ambient) .facets-vertical .facets-wrapper{align-self:flex-start;margin-right:1.2rem;padding:1.6rem 2rem;border:1px solid rgba(255,255,255,.7);border-radius:1.6rem;background:#ffffff8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@media screen and (max-width:749px){.ca-leaf--3,.ca-leaf--5,.ca-leaf--6,.ca-ring:nth-of-type(n+5),.ca-wisp:nth-of-type(n+4){display:none}.ca-blob{opacity:.45}}@media(prefers-reduced-motion:reduce){.cat-ambient *,body:has(.cat-ambient) .collection-hero__title,body:has(.cat-ambient) .announcement-bar-section .utility-bar{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/category-ambient.css.map */