.sky-clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.sky-cloud-par{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sky-cloud{position:absolute;left:0;top:0;display:block;max-width:none;height:auto;visibility:hidden;opacity:var(--cloud-opacity, 1)}.sky-cloud.is-ready{visibility:visible}.sky-clouds:not(.is-idle) .sky-cloud{will-change:transform}.sky-clouds.is-idle{visibility:hidden}.sky-clouds.is-idle .sky-cloud,.sky-clouds.is-idle .sky-cloud-par{animation-play-state:paused}.sky-cloud--custom{filter:brightness(1.12) saturate(.9) contrast(1.04)}.sky-clouds[data-clouds=hero] .sky-cloud-par{opacity:0;transform:translate(var(--cloud-in-dx, 40px))}.sky-clouds[data-clouds=hero].is-in .sky-cloud-par{animation:cloud-in-tf 1.2s cubic-bezier(.2,.8,.2,1) var(--cloud-in-delay, 0ms) forwards}@keyframes cloud-in-tf{0%{opacity:0;transform:translate(var(--cloud-in-dx, 40px))}to{opacity:1;transform:none}}@supports (animation-timeline: scroll()){.sky-clouds[data-clouds=hero] .sky-cloud-par{transform:none;translate:var(--cloud-in-dx, 40px) 0}.sky-clouds[data-clouds=hero].is-in .sky-cloud-par{animation-name:cloud-in}@keyframes cloud-in{0%{opacity:0;translate:var(--cloud-in-dx, 40px) 0}to{opacity:1;translate:0 0}}}@supports (animation-timeline: scroll()){.sky-cloud-par{animation:cloud-par linear both;animation-timeline:scroll(root);animation-range:var(--sky-r0, 0px) var(--sky-r1, 100%)}.sky-clouds[data-clouds=hero].is-in .sky-cloud-par{animation:cloud-par linear both,cloud-in 1.2s cubic-bezier(.2,.8,.2,1) var(--cloud-in-delay, 0ms) forwards;animation-timeline:scroll(root),auto;animation-range:var(--sky-r0, 0px) var(--sky-r1, 100%),normal}@keyframes cloud-par{0%{transform:translateY(var(--cloud-par, 0px))}to{transform:translateY(calc(-1 * var(--cloud-par, 0px)))}}}@media(prefers-reduced-motion:reduce){.sky-cloud,.sky-cloud-par{animation:none!important}.sky-clouds[data-clouds=hero] .sky-cloud-par{opacity:1;translate:0 0;transform:none}}html.is-capture .sky-cloud,html.is-capture .sky-cloud-par,html[data-motion=off] .sky-cloud,html[data-motion=off] .sky-cloud-par{animation:none!important}html.is-capture .sky-clouds[data-clouds=hero] .sky-cloud-par,html[data-motion=off] .sky-clouds[data-clouds=hero] .sky-cloud-par{opacity:1;translate:0 0;transform:none}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-clouds.css.map */