.spray-away-section{height:300vh;position:relative;padding:0 20px}.spray-away-section .container{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%;max-width:1200px;height:100vh;align-items:center;transition:all 1s ease 0s}.spray-away-section .container .title-section{display:flex;flex-direction:column;gap:37px;align-items:center;justify-content:center;transition:all 1s ease 0s}.spray-away-section .container .title-section .title-text{color:#e64631;text-align:center;leading-trim:both;text-edge:cap;font-size:70px;font-style:normal;line-height:100%;text-transform:uppercase;margin:0}.spray-away-section .container .title-section .title-text span{color:#446b8d}.spray-away-section .container .title-section p{color:#446b8d;text-align:center;leading-trim:both;text-edge:cap;font-size:20px;font-style:normal;font-weight:700;line-height:28px;margin:0}.spray-away-section .static-content{display:flex;align-items:center;justify-content:center;transition:all .4s ease 0s}.spray-away-section .scroll-content{display:flex;align-items:center;justify-content:flex-start;gap:41px}.box-state{border-radius:40.327px;border:2.2px solid #F08456;overflow:hidden;position:relative;width:377.604px;height:368.805px}.spray-away-section .image-content{animation:bounceBottle 3s infinite}.box-state .box-state--image{position:relative;width:377.604px;height:368.805px}.box-state .box-state--image img{position:absolute;top:369px;left:0;width:100%;transition:all 1s ease-out 0s}.box-state .box-state--image img:nth-child(1){z-index:1}.box-state .box-state--image img:nth-child(2){z-index:2}.box-state .box-state--image img:nth-child(3){z-index:3}.box-state .box-state--image img.active{top:0}.box-state--title{display:flex;position:absolute;top:24px;left:36px;z-index:4;border-radius:10.998px;background:#fff;padding:7.332px;color:#e64631;text-align:center;font-size:16.128px;font-style:normal;font-weight:700;line-height:164.706%;transition:all 1s ease-in-out 0s;width:fit-content}@keyframes bounceBottle{0%,to{transform:translateY(0)}50%{transform:translateY(40px)}}@media screen and (max-width: 1440px) and (min-width:1367px){.image-content img{height:500px}.box-state,.box-state .box-state--image{width:320px;height:310.4px}}@media screen and (max-width: 1366px) and (min-width:1080px){.image-content img{height:400px}.box-state,.box-state .box-state--image{width:280px;height:calc(280px * .97)}}@media screen and (max-width: 1079px) and (min-width:768px){.image-content img{height:300px}.box-state,.box-state .box-state--image{width:246px;height:238.62px}.spray-away-section .container{height:40vh;margin-top:100px}}@media screen and (max-width: 934.9px) and (min-width:667px) and (max-height: 430px){.image-content img{height:200px}.box-state,.box-state .box-state--image{width:150px;height:145.5px;border-radius:20px}.spray-away-section .container .title-section .title-text{font-size:24px}.spray-away-section .container{margin:60px auto 0;top:15px}.spray-away-section .container .title-section{gap:0}.spray-away-section .container .title-section p{margin-bottom:0;font-size:14px}.box-state--title{top:9px;left:9px;font-size:12px}}@media screen and (max-width:666.9px){.spray-away-section .scroll-content{flex-direction:column;gap:20px}.image-content img{height:380px}.box-state,.box-state .box-state--image{width:205px;height:198.85px}.spray-away-section .container .title-section .title-text{font-size:48px}.spray-away-section .container .title-section .title-text span{display:block}.spray-away-section .container .title-section p{font-size:16px;margin-bottom:38px}.spray-away-section .container{margin:0 auto}}@media screen and (max-width:380px){.box-state,.box-state .box-state--image{width:180px;height:174.6px}.image-content img{height:300px}.spray-away-section .container .title-section .title-text{font-size:36px}.spray-away-section .container{margin:40px auto}.spray-away-section .container .title-section{gap:0}.spray-away-section .container .title-section p{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/spray-away-section.css.map */