.section-science-formula{margin:0}.science-formula{--sci-mx: 0;--sci-my: 0;background:#fff;color:#5e6369;overflow:hidden}.science-formula__inner{padding-top:var(--sf-pad-top, 80px);padding-bottom:var(--sf-pad-bottom, 40px)}.science-formula__stage{position:relative;max-width:1120px;min-height:560px;margin:0 auto;display:flex;align-items:center;justify-content:center}.science-formula__card{position:relative;z-index:2;width:min(380px,72vw);margin:0;padding:34px 28px 30px;text-align:center;background:#fff;border:1px solid #4aa3e2;border-radius:8px}.science-formula__title{margin:0;color:#4aa3e2;font-family:var(--font-stack-header);font-weight:500;font-size:clamp(28px,2vw + 16px,36px);line-height:1.15}.science-formula__subtitle{margin:8px 0 0;color:#8a939b;font-size:14px;line-height:1.4}.science-formula__plus{margin:14px 0;color:#4aa3e2;font-family:var(--font-stack-header);font-size:22px;line-height:1}.science-formula__item{position:absolute;z-index:1;margin:0;pointer-events:none;opacity:0;will-change:transform}.science-formula__item img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 14px rgba(36,38,40,.12))}.science-formula__item--flower{top:10%;left:3%;width:80px;--px: 18px;--py: 12px;--sci-delay: .04s}.science-formula__item--oil{top:0;left:20%;width:96px;--px: -14px;--py: 16px;--sci-delay: .12s}.science-formula__item--aloe{top:48%;left:1%;width:176px;--px: 16px;--py: -10px;--sci-delay: .2s}.science-formula__item--silicone{top:12%;right:11%;width:196px;--px: 12px;--py: 14px;--sci-delay: .08s}.science-formula__item--marshmallow{top:36%;right:0;width:158px;--px: -16px;--py: 12px;--sci-delay: .16s}.science-formula.is-enter .science-formula__item{animation:sci-fall .72s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--sci-delay, 0s)}.science-formula.is-float .science-formula__item{opacity:1;animation:sci-float-a 5.8s ease-in-out infinite;animation-delay:var(--sci-delay, 0s)}.science-formula.is-float .science-formula__item--oil,.science-formula.is-float .science-formula__item--marshmallow{animation-name:sci-float-b}.science-formula.is-float .science-formula__item--aloe,.science-formula.is-float .science-formula__item--silicone{animation-name:sci-float-c}@keyframes sci-fall{0%{opacity:0;transform:translate3d(0,-72vh,0)}to{opacity:1;transform:translate3d(calc(var(--sci-mx) * var(--px, 16px)),calc(var(--sci-my) * var(--py, 12px)),0)}}@keyframes sci-float-a{0%,to{transform:translate3d(calc(var(--sci-mx) * var(--px, 16px)),calc(var(--sci-my) * var(--py, 12px)),0)}50%{transform:translate3d(calc(12px + var(--sci-mx) * var(--px, 16px)),calc(-14px + var(--sci-my) * var(--py, 12px)),0)}}@keyframes sci-float-b{0%,to{transform:translate3d(calc(var(--sci-mx) * var(--px, 16px)),calc(var(--sci-my) * var(--py, 12px)),0)}50%{transform:translate3d(calc(-14px + var(--sci-mx) * var(--px, 16px)),calc(10px + var(--sci-my) * var(--py, 12px)),0)}}@keyframes sci-float-c{0%,to{transform:translate3d(calc(var(--sci-mx) * var(--px, 16px)),calc(var(--sci-my) * var(--py, 12px)),0)}50%{transform:translate3d(calc(8px + var(--sci-mx) * var(--px, 16px)),calc(12px + var(--sci-my) * var(--py, 12px)),0)}}@media(prefers-reduced-motion:reduce){.science-formula.is-float .science-formula__item{animation:none;opacity:1;transform:none}}@media(max-width:1199px){.science-formula__inner{padding-top:var(--sf-pad-top-ip, 60px);padding-bottom:var(--sf-pad-bottom-ip, 30px)}.science-formula__stage{min-height:500px}.science-formula__item--flower{width:96px;left:2%}.science-formula__item--oil{width:72px;left:16%}.science-formula__item--aloe{width:140px;left:0}.science-formula__item--silicone{width:150px;right:6%}.science-formula__item--marshmallow{width:120px;right:0}}@media(max-width:767px){.science-formula__inner{padding-top:var(--sf-pad-top-xs, 40px);padding-bottom:var(--sf-pad-bottom-xs, 20px)}.science-formula__stage{min-height:460px}.science-formula__card{padding:24px 18px 22px}.science-formula__subtitle{font-size:13px}.science-formula__item--flower{top:4%;left:0;width:72px}.science-formula__item--oil{top:0;left:14%;width:48px}.science-formula__item--aloe{top:38%;left:0;width:100px}.science-formula__item--silicone{top:2%;right:0;width:96px}.science-formula__item--marshmallow{top:28%;right:0;width:86px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/science-formula.css.map */