.hero-sky{position:absolute;inset:0 0 auto;height:52%;z-index:0;overflow:hidden;pointer-events:none}.hero-clouds{position:absolute;top:0;right:0;bottom:0;left:0}.hero-cloud{position:absolute;top:var(--cloud-top);left:0;width:100%;opacity:var(--cloud-opacity, .8);transform:translate(var(--cloud-rest))}.hero-cloud img{width:var(--cloud-width);max-width:none;height:auto}.hero-cloud-1{--cloud-width: clamp(110px, 18vw, 280px);--cloud-top: 9%;--cloud-rest: 3%;--cloud-duration: 90s;--cloud-delay: -16s}.hero-cloud-2{--cloud-width: clamp(95px, 13vw, 210px);--cloud-top: 30%;--cloud-rest: 26%;--cloud-duration: 115s;--cloud-delay: -44s;--cloud-opacity: .65}.hero-cloud-3{--cloud-width: clamp(130px, 22vw, 340px);--cloud-top: 67%;--cloud-rest: 45%;--cloud-duration: 105s;--cloud-delay: -57s}.hero-cloud-4{--cloud-width: clamp(90px, 15vw, 235px);--cloud-top: 47%;--cloud-rest: 66%;--cloud-duration: 80s;--cloud-delay: -56s;--cloud-opacity: .7}.hero-cloud-5{--cloud-width: clamp(115px, 19vw, 300px);--cloud-top: 20%;--cloud-rest: 84%;--cloud-duration: 125s;--cloud-delay: -111s}.hero-cloud-control{display:none;position:absolute;right:20px;bottom:12px;z-index:3;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #103d4b30;border-radius:24px;background:#fffdf7e6;color:var(--ink);font-size:11px;cursor:pointer;pointer-events:auto}.hero-cloud-control .hero-cloud-pause{margin:0;padding:0;flex-shrink:0}.hero-cloud-control:focus-within{outline:3px solid var(--berry);outline-offset:2px}@keyframes hero-cloud-drift{0%{transform:translate(calc(-1 * var(--cloud-width)))}to{transform:translate(100%)}}@media(prefers-reduced-motion:no-preference){.hero-cloud{animation:hero-cloud-drift var(--cloud-duration) var(--cloud-delay) linear infinite}.hero-cloud-control{display:flex}.taffy-hero:has(.hero-cloud-pause:checked) .hero-cloud{animation-play-state:paused}}@media(min-width:1600px){.hero-sky{height:51%}}@media(max-width:720px){.hero-sky{height:65%}.hero-cloud-3{--cloud-top: 90%}.hero-cloud-4{--cloud-top: 70%}.hero-cloud-5{--cloud-top: 49%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hero-clouds.css.map */