.section-formula--new{background-color:var(--color-cream);flex-direction:row;flex-wrap:wrap}.section-formula--title{width:100%}.section-formula--content{width:100%;gap:3rem;margin-bottom:2rem}.section-formula--ingredients{width:40%;margin:0 0 0 2rem;display:flex;flex-direction:column;justify-content:space-around;gap:.5rem}.formula-btn{font-family:var(---font-stack-heading);font-style:normal;letter-spacing:.07em;line-height:1;text-transform:uppercase;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.25rem 1rem .25rem .25rem;gap:.5rem;width:fit-content;border-radius:100rem;height:2.5rem;box-shadow:var(--shadow-btn);background-color:var(--color-background);color:var(--color-grey);opacity:.5;cursor:pointer;transition:opacity .32s ease-in-out,background-color .32s ease-in-out,color .32s ease-in-out}.formula-btn:hover{background-color:var(--color-red);color:var(--color-background);opacity:.75}.formula-key{transition:opacity .32s ease-in-out,background-color .32s ease-in-out,color .32s ease-in-out;padding:1rem 0}.formula-btn .pct{border-radius:100rem;box-shadow:var(--shadow-btn);display:flex;justify-content:center;align-items:center;height:100%;padding:.5rem;background-color:var(--color-light-grey);color:var(--color-background);opacity:.5}.is-active .formula-btn{background-color:var(--color-red);color:var(--color-background);opacity:1}.is-active.formula-key{opacity:1}.is-active .formula-btn .pct{background-color:var(--color-light-grey);color:var(--color-background);opacity:1}.section-formula--ingredients .formula-key .description{max-width:20em;padding:1rem 0 2rem;opacity:.25;cursor:pointer}.section-formula--ingredients .formula-key.is-active .description{opacity:1}.section-formula--image{width:60%;display:flex;flex-direction:column;justify-content:center;gap:1rem;background-position:center;background-size:cover}.section-formula--new .formula-image img{aspect-ratio:1;object-fit:cover;width:25%;height:auto;border-radius:100rem;filter:blur(.1rem)saturate(.1);cursor:pointer;opacity:.2}.formula-image{display:flex;justify-content:flex-start;align-items:center;cursor:pointer;gap:.5rem}.formula-image:nth-child(odd),.formula-image:nth-child(odd) .formula-image--arrow{flex-direction:row-reverse}.formula-image:nth-of-type(1){transform:translateY(2rem)}.formula-image:nth-of-type(3){transform:translateY(-2rem)}.formula-image--arrow{flex-direction:row;width:calc(25% - 1rem);gap:.5rem;justify-content:flex-start;align-items:center}.formula--hr{height:2px;background:var(--color-red);width:100%;opacity:0}.formula--dot{border-radius:1em;height:.75rem;width:.75rem;aspect-ratio:1/1;background-color:var(--color-red);box-shadow:var(--shadow-btn);opacity:0;animation-delay:.18s}.formula-image.is-active .formula--dot,.formula-image.is-active .formula--hr,.section-formula--new .formula-image.is-active img{opacity:1}.formula-image.is-active img,.formula-image.is-active .formula--dot{animation:blink .32s ease-in-out forwards}.formula-image.is-active img,.formula-image.is-active .formula--hr{animation:blurIn .48s ease-in-out forwards}@media screen and (max-width: 749px){.section-formula--new{padding:1.5rem;border-radius:0}.section-formula--content{flex-direction:column-reverse;gap:1rem}.section-formula--image{background-position:0;background-size:30rem;gap:.5rem}.section-formula--new .formula-image img{filter:none;opacity:.25}.formula-key{padding:0}.section-formula--new .formula-image img{width:33%}.formula-image{gap:.5rem}.formula-image:nth-child(odd),.formula-image:nth-child(odd) .formula-image--arrow{flex-direction:row}.formula-image:nth-of-type(1),.formula-image:nth-of-type(3){transform:translateY(0)}.formula-image--arrow{width:17%;width:33%}.formula--hr{height:1px}.section-formula--ingredients{width:100%;margin:0;gap:0}.section-formula--image{width:100%}.section-formula--ingredients .formula-key .description{max-width:100%;padding:.5rem 0 0;overflow:hidden;height:0;opacity:0;transition:opacity .32s var(--ease-smooth)}.section-formula--ingredients .formula-key.is-active .description{height:auto;padding:1rem 0 2rem;opacity:1;transition-delay:0}.section-formula--ingredients .formula-key .description span{display:inline-block;transform:translateY(-100%)}.section-formula--ingredients .formula-key.is-active .description span{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-formula.css.map */