.site-monsoon-rain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:40;pointer-events:none;overflow:hidden;isolation:isolate}.site-monsoon-rain .banner-rain{z-index:1}.bannerslider-mainsection{position:relative;overflow:hidden}.bannerslider-mainsection--rain{isolation:isolate;overflow:hidden;transform:translateZ(0)}.bannerslider-mainsection--rain .bannerslider-section{position:relative;z-index:0}.bannerslider-mainsection--rain .arrowsec{z-index:50!important}.banner-rain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:25;pointer-events:none;overflow:hidden;transform-origin:center center;will-change:transform}.banner-rain.is-storm-shake{animation:banner-storm-shake .48s cubic-bezier(.36,.07,.19,.97) both}.banner-rain__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:var(--banner-rain-photo);background-size:cover;background-position:center;opacity:.5;mix-blend-mode:soft-light;transform:scale(1.01);animation:banner-rain-photo-drift 18s ease-in-out infinite alternate}.banner-rain__photo--screen{opacity:.32;mix-blend-mode:screen;animation-duration:22s;animation-direction:alternate-reverse}.banner-rain__mist{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:2;filter:blur(18px);opacity:.65;mix-blend-mode:soft-light;will-change:transform,opacity}.banner-rain__mist--a{background:radial-gradient(ellipse 55% 40% at 18% 70%,rgba(180,210,220,.55),transparent 62%),radial-gradient(ellipse 45% 35% at 78% 30%,rgba(160,195,210,.4),transparent 60%);animation:banner-mist-a 16s ease-in-out infinite alternate}.banner-rain__mist--b{background:radial-gradient(ellipse 60% 45% at 60% 85%,rgba(140,180,195,.5),transparent 65%),radial-gradient(ellipse 40% 30% at 30% 20%,rgba(200,220,230,.35),transparent 58%);animation:banner-mist-b 21s ease-in-out infinite alternate;opacity:.5}.banner-rain__mist--c{background:linear-gradient(100deg,rgba(120,160,175,.22),transparent 40%,rgba(150,185,200,.28) 70%,transparent);animation:banner-mist-c 26s linear infinite;opacity:.4;filter:blur(28px)}.banner-rain__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(ellipse 55% 60% at 50% 45%,transparent 0%,transparent 42%,rgba(8,22,32,.3) 100%),linear-gradient(180deg,rgba(12,28,38,.2) 0%,transparent 28%,transparent 70%,rgba(8,20,28,.24) 100%)}.banner-rain__sky-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:radial-gradient(ellipse 90% 80% at 50% 20%,#040c168c,#020810b8);opacity:0;transition:opacity .45s ease}.banner-rain.is-dimming .banner-rain__sky-dim{opacity:1}.banner-rain__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.banner-rain__canvas--far{z-index:5;opacity:.55;mix-blend-mode:screen;filter:blur(1.6px)}.banner-rain__canvas--mid{z-index:6;opacity:.75;mix-blend-mode:screen;filter:blur(.55px)}.banner-rain__canvas--near{z-index:7;opacity:.95;mix-blend-mode:screen;filter:none}.banner-rain__canvas--splash{z-index:8;mix-blend-mode:screen;filter:none}.banner-rain__lens{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}.banner-rain__bead{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 22%,rgba(180,210,230,.18) 48%,rgba(40,80,110,.12) 68%,transparent 78%);box-shadow:inset 0 -2px 4px #ffffff73,inset 1px 2px 4px #001e3259,0 1px 2px #00000026;backdrop-filter:blur(1.5px) saturate(1.35);-webkit-backdrop-filter:blur(1.5px) saturate(1.35);opacity:.9}.banner-rain__bead:after{content:"";position:absolute;top:18%;left:22%;width:28%;height:22%;border-radius:50%;background:#ffffffbf;filter:blur(.4px)}.banner-rain__bead--drip{border-radius:42% 42% 48% 48%;animation:banner-bead-drip var(--drip-duration, 8s) linear infinite;animation-delay:var(--drip-delay, 0s)}.banner-rain__bolt{position:absolute;top:-4%;left:58%;width:min(28vw,220px);height:78%;z-index:12;opacity:0;filter:drop-shadow(0 0 10px rgba(200,230,255,.95)) drop-shadow(0 0 28px rgba(140,190,255,.75));transform:translate(-50%)}.banner-rain__bolt path{fill:none;stroke:#f4f9ff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.banner-rain__bolt-core{stroke:#fff;stroke-width:1.4;opacity:.95}.banner-rain.is-bolt .banner-rain__bolt{opacity:1}.banner-rain__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:0;background:radial-gradient(ellipse 80% 65% at 62% 8%,rgba(235,245,255,.8),rgba(200,220,255,.25) 38%,transparent 70%)}.banner-rain__flash--sheet{z-index:11;background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(220,235,255,.14) 35%,transparent 70%)}.banner-rain.is-thundering .banner-rain__mist{filter:blur(12px) brightness(1.35)}.banner-rain.is-thundering .banner-rain__photo{filter:brightness(1.18) contrast(1.08)}@keyframes banner-storm-shake{0%,to{transform:translateZ(0)}12%{transform:translate3d(-4px,2px,0)}24%{transform:translate3d(5px,-3px,0)}36%{transform:translate3d(-3px,3px,0)}48%{transform:translate3d(4px,1px,0)}60%{transform:translate3d(-2px,-2px,0)}72%{transform:translate3d(2px,2px,0)}86%{transform:translate3d(-1px,1px,0)}}@keyframes banner-rain-photo-drift{0%{transform:scale(1.01) translate3d(-.4%,-.2%,0)}to{transform:scale(1.02) translate3d(.5%,.3%,0)}}@keyframes banner-mist-a{0%{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(4%,-3%,0) scale(1.08)}}@keyframes banner-mist-b{0%{transform:translate3d(3%,-2%,0) scale(1.05)}to{transform:translate3d(-5%,4%,0) scale(1)}}@keyframes banner-mist-c{0%{transform:translate3d(-8%,0,0)}to{transform:translate3d(8%,0,0)}}@keyframes banner-bead-drip{0%{transform:translateZ(0) scaleY(1);opacity:.92}75%{opacity:.7}to{transform:translate3d(var(--drip-x, 6px),var(--drip-y, 140px),0) scaleY(1.4);opacity:0}}@media(max-width:767px){.bannerslider-mainsection--rain,.banner-rain{overflow:hidden}.banner-rain__mist{top:0;right:0;bottom:0;left:0}.banner-rain__bead--drip{--drip-y: 80px}.banner-rain__photo{opacity:.46}.banner-rain__canvas--far{filter:blur(1.2px)}.banner-rain__bolt{width:min(36vw,160px);left:62%}.banner-rain.is-storm-shake{animation-duration:.38s}}@media(prefers-reduced-motion:reduce){.banner-rain__photo,.banner-rain__photo--screen,.banner-rain__mist,.banner-rain__bead--drip{animation:none!important}.banner-rain__canvas,.banner-rain__flash,.banner-rain__flash--sheet,.banner-rain__bolt,.banner-rain__sky-dim{display:none!important}.banner-rain.is-storm-shake{animation:none!important}.banner-rain__photo{transform:none;filter:none}.banner-rain__bead{backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/banner-monsoon.css.map */