.made-with{color:rgb(var(--color-foreground));background:var(--made-with-background, #fffaf0);isolation:isolate;inline-size:min(100%,1600px);max-inline-size:100%;margin:var(--product-serum-section-gap, clamp(1.6rem, 2.4vw, 3.2rem)) auto;overflow-x:clip}.template-product-serum-hoeny-glow .made-with{margin-block:clamp(2.4rem,3vw,4rem)}@media screen and (max-width:749px){.template-product-serum-hoeny-glow .made-with{margin-block:clamp(2rem,5.5vw,2.8rem)}}.made-with__inner{display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);gap:0;inline-size:100%;max-inline-size:100%;min-block-size:clamp(46rem,46vw,68rem)}.made-with__media{position:relative;min-inline-size:0;overflow:hidden;background:rgba(var(--color-foreground),.04)}.made-with__inner--media-right .made-with__media{order:2}.made-with__inner--media-right .made-with__content{order:1}.made-with__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--made-with-image-position, center center);transform:scale(1.012);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.made-with__content{position:relative;display:grid;place-items:center;min-inline-size:0;padding:clamp(3.6rem,5.4vw,7.6rem);text-align:center;background:var(--made-with-background, #fffaf0);border-inline-start:.1rem solid rgba(232,174,43,.26);overflow:visible}.made-with__stack{position:relative;display:grid;justify-items:center;inline-size:min(56rem,100%);max-inline-size:100%;min-inline-size:0;z-index:1}.made-with__eyebrow{margin:0 0 clamp(2rem,2.8vw,3.8rem);color:color-mix(in srgb,var(--made-with-bronze, #d99a0f) 78%,#8f7f58);font-size:clamp(1.1rem,.86vw,1.45rem);line-height:1;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.made-with__ingredients{position:relative;display:grid;gap:clamp(.7rem,.85vw,1.2rem);justify-items:center;inline-size:100%;max-inline-size:100%;padding:0;margin:0;list-style:none}.made-with__ingredients:before{content:"";position:absolute;inset-block:.8rem;inset-inline-start:calc(50% - min(22rem,45vw));inline-size:.1rem;background:linear-gradient(180deg,#ecb82f00,#ecb82f61,#ecb82f00)}.made-with__ingredient-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(.8rem,1vw,1.4rem);row-gap:clamp(.8rem,1vw,1.2rem);place-items:center;inline-size:min(100%,56rem);max-inline-size:100%;min-block-size:clamp(4.2rem,4vw,7rem);padding:0 1.8rem;color:color-mix(in srgb,var(--made-with-champagne, #f2c75f) 18%,#8d8a82);outline:0;cursor:default;filter:saturate(.82);transition:color .42s ease,filter .42s ease,transform .52s cubic-bezier(.22,1,.36,1),opacity .42s ease}.made-with__ingredient-item.is-active{color:color-mix(in srgb,var(--made-with-champagne, #f2c75f) 12%,#87847c);filter:saturate(1.08);transform:translateY(-.18rem)}.made-with__info{display:contents;z-index:4}.made-with__info-toggle{grid-column:2;grid-row:1;display:grid;place-items:center;inline-size:clamp(2.2rem,1.8vw,2.8rem);block-size:clamp(2.2rem,1.8vw,2.8rem);border:.1rem solid color-mix(in srgb,var(--made-with-bronze, #d99a0f) 42%,#ffffff);border-radius:999rem;color:var(--made-with-bronze, #d99a0f);background:#ffffffad;box-shadow:0 .8rem 2rem #d99a0f21;font-size:clamp(1.1rem,.95vw,1.35rem);line-height:1;font-weight:800;list-style:none;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}.made-with__info-toggle::-webkit-details-marker{display:none}.made-with__info-toggle:hover,.made-with__info[open] .made-with__info-toggle{color:#fff;background:var(--made-with-bronze, #d99a0f);border-color:var(--made-with-bronze, #d99a0f);transform:translateY(-.08rem)}.made-with__info-panel{grid-column:1 / -1;grid-row:2;inline-size:min(42rem,100%);max-inline-size:100%;margin:0 auto;padding:1.4rem 1.6rem;color:color-mix(in srgb,var(--made-with-bronze, #d99a0f) 48%,#4c463c);background:#fffffff5;border:.1rem solid rgba(232,174,43,.26);box-shadow:0 1.2rem 2.8rem #80570c1f;font-size:clamp(1.25rem,.9vw,1.45rem);line-height:1.45;font-weight:600;text-align:start}.made-with__info-panel:before{content:none}.made-with__ingredient-item:focus-visible{outline:.1rem solid rgba(217,154,15,.62);outline-offset:.7rem}.made-with__ingredient{position:relative;z-index:1;grid-column:1;grid-row:1;display:inline-block;color:color-mix(in srgb,var(--made-with-champagne, #f2c75f) 14%,#8b8880);font-size:clamp(2.55rem,3.45vw,6.1rem);line-height:1;font-weight:900;letter-spacing:0;text-transform:uppercase;white-space:nowrap;max-inline-size:100%;text-shadow:0 1.8rem 3.2rem rgba(217,154,15,0);transition:color .42s ease,transform .52s cubic-bezier(.22,1,.36,1),opacity .42s ease,text-shadow .42s ease}.made-with__ingredient:after{content:attr(data-text);position:absolute;top:-.08em;right:-.04em;bottom:-.1em;left:-.04em;display:block;inline-size:calc(100% + .08em);block-size:calc(100% + .18em);font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;white-space:inherit;color:transparent;background:linear-gradient(180deg,#fff8db 0%,var(--made-with-champagne, #f2c75f) 34%,var(--made-with-bronze, #d99a0f) 100%);-webkit-background-clip:text;background-clip:text;clip-path:inset(-.16em 0 -.18em 100%);pointer-events:none;transform:translate(.12em);transition:clip-path 1.15s cubic-bezier(.2,.8,.2,1),transform 1.15s cubic-bezier(.2,.8,.2,1)}.made-with__ingredient:before{content:"";position:absolute;z-index:2;inset-block:.08em;inset-inline:-.08em;background:linear-gradient(105deg,transparent 0 38%,rgba(255,255,255,.72) 48%,transparent 58% 100%);opacity:0;pointer-events:none;transform:translate(-135%)}.made-with__ingredient-item:not(.is-active) .made-with__ingredient{opacity:.68;transform:translateY(.15rem) scale(.86)}.made-with__ingredient-item.is-active .made-with__ingredient{opacity:1;transform:scale(1);text-shadow:0 1.6rem 3.8rem rgba(232,174,43,.38)}.made-with__ingredient-item.is-active .made-with__ingredient:after{clip-path:inset(-.16em 0 -.18em 0);transform:translate(0)}.made-with__ingredient-item.is-active .made-with__ingredient:before{animation:made-with-text-shine .82s ease .12s both}@media screen and (min-width:990px){html[lang=en] .template-product-serum-hoeny-glow .made-with__ingredient{font-size:clamp(2.4rem,3vw,4.6rem);white-space:normal;overflow-wrap:anywhere;text-align:center}html[lang=en] .template-product-serum-hoeny-glow .made-with__ingredient-item{inline-size:min(100%,68rem)}}@keyframes made-with-text-shine{0%{opacity:0;transform:translate(135%)}24%{opacity:.75}to{opacity:0;transform:translate(-135%)}}.made-with__accent{display:none}.made-with__empty{padding:4rem 2rem;text-align:center}[dir=rtl] .made-with__eyebrow,[dir=rtl] .made-with__ingredient,[dir=rtl] .made-with__ingredients{direction:rtl}[dir=rtl] .made-with__ingredients:before{inset-inline-start:auto;inset-inline-end:calc(50% - min(22rem,45vw))}[dir=rtl] .made-with__info-panel{text-align:right}@media screen and (max-width:989px){.made-with__inner{grid-template-columns:1fr;min-block-size:auto}.made-with__content,.made-with__inner--media-right .made-with__content{order:1}.made-with__media,.made-with__inner--media-right .made-with__media{order:2}.made-with__media{aspect-ratio:4 / 5}.made-with__content{min-block-size:clamp(36rem,72vw,58rem);padding:clamp(3.2rem,8vw,5.6rem) 2rem;border-inline-start:0;border-block-start:.1rem solid rgba(122,74,54,.12)}.made-with__ingredient{font-size:clamp(2.8rem,11vw,5.2rem);white-space:normal;text-align:center;overflow-wrap:anywhere}.made-with__ingredient-item{grid-template-columns:minmax(0,1fr) auto;inline-size:min(100%,48rem);padding-inline:0;align-items:start}.made-with__info{display:contents}.made-with__info-toggle{margin-block-start:.45rem}.made-with__info-panel{inline-size:100%;padding:1.25rem 1.35rem;font-size:1.3rem}.made-with__ingredients:before{display:none}}@media screen and (max-width:989px){.template-product-serum-hoeny-glow .made-with__ingredient{font-size:clamp(2rem,7vw,3.2rem)}.template-product-serum-hoeny-glow .made-with__media,.template-product-serum-hoeny-glow .made-with__inner--media-right .made-with__media{order:1}.template-product-serum-hoeny-glow .made-with__content,.template-product-serum-hoeny-glow .made-with__inner--media-right .made-with__content{order:2}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/section-made-with.css.map */