.whats-inside{inline-size:min(100%,1600px);max-inline-size:100%;margin:var(--product-serum-section-gap, clamp(1.6rem, 2.4vw, 3.2rem)) auto;color:var(--whats-inside-text, rgb(var(--color-foreground)));background:var(--whats-inside-background, rgb(var(--color-background)));overflow-x:clip}.template-product-serum-hoeny-glow .whats-inside{margin-block:clamp(2.4rem,3vw,4rem)}@media screen and (max-width:749px){.template-product-serum-hoeny-glow .whats-inside{margin-block:clamp(2rem,5.5vw,2.8rem)}}.whats-inside__inner{display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);min-block-size:clamp(56rem,50vw,78rem);background:var(--whats-inside-panel, rgb(var(--color-background)))}.whats-inside__inner--media-right .whats-inside__media{order:2}.whats-inside__inner--media-right .whats-inside__copy{order:1}.whats-inside__media{position:relative;min-inline-size:0;overflow:hidden;background:rgba(var(--color-foreground),.04)}.whats-inside__media picture{display:block;inline-size:100%;block-size:100%}.whats-inside__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--whats-inside-image-position, center center);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.whats-inside__video{pointer-events:none}.whats-inside__button{position:absolute;inset-block-start:clamp(1.6rem,2vw,3rem);inset-inline-end:clamp(1.6rem,2vw,3rem);z-index:1;display:inline-flex;align-items:center;justify-content:center;min-block-size:3.4rem;max-inline-size:min(28rem,calc(100% - 3.2rem));padding:.55rem 2.4rem;border:.1rem solid currentColor;border-radius:999rem;color:var(--whats-inside-text, rgb(var(--color-foreground)));background:color-mix(in srgb,var(--whats-inside-background, #fff) 72%,transparent);font-size:clamp(1.15rem,.9vw,1.45rem);line-height:1.1;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:0;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.whats-inside__button:hover{background:var(--whats-inside-text, rgb(var(--color-foreground)));color:var(--whats-inside-background, rgb(var(--color-background)))}.whats-inside__copy{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(2.4rem,4vw,6.4rem);min-inline-size:0;padding:clamp(3.2rem,5vw,7.2rem);background:var(--whats-inside-panel, rgb(var(--color-background)))}.whats-inside__side-label{align-self:start;justify-self:center;margin:0;color:var(--whats-inside-text, rgb(var(--color-foreground)));font-size:clamp(1.8rem,1.7vw,3rem);line-height:1;font-weight:800;letter-spacing:0;writing-mode:vertical-rl;text-orientation:mixed}.whats-inside__text{display:grid;align-content:center;gap:clamp(1.4rem,1.8vw,2.4rem);inline-size:min(100%,62rem);min-inline-size:0}.whats-inside__intro,.whats-inside__benefit,.whats-inside__secondary{margin:0;color:var(--whats-inside-muted, currentColor);font-size:clamp(1.6rem,1.35vw,2.2rem);line-height:1.38;font-weight:400}.whats-inside__intro p,.whats-inside__benefit p{margin:0}.whats-inside__ingredient{margin:0;color:var(--whats-inside-text, rgb(var(--color-foreground)));font-size:clamp(3.4rem,4vw,6.8rem);line-height:.95;font-weight:900;letter-spacing:0;text-transform:lowercase;overflow-wrap:anywhere}.whats-inside__divider{inline-size:100%;block-size:.1rem;margin-block-start:clamp(.6rem,1vw,1.4rem);background:var(--whats-inside-line, rgba(var(--color-foreground), .22))}.whats-inside__secondary{display:flex;flex-wrap:wrap;gap:.55rem}.whats-inside__secondary strong{color:var(--whats-inside-text, currentColor);font-weight:900;text-transform:uppercase}.whats-inside--empty{padding:4rem 2rem;text-align:center}[dir=rtl] .whats-inside__copy,[dir=rtl] .whats-inside__text,[dir=rtl] .whats-inside__intro,[dir=rtl] .whats-inside__benefit,[dir=rtl] .whats-inside__secondary{direction:rtl;text-align:start}[dir=rtl] .whats-inside__side-label{writing-mode:vertical-lr}@media screen and (max-width:989px){.whats-inside__inner{grid-template-columns:1fr;min-block-size:auto}.whats-inside__copy,.whats-inside__inner--media-right .whats-inside__copy{order:1}.whats-inside__media,.whats-inside__inner--media-right .whats-inside__media{order:2}.whats-inside__media{aspect-ratio:4 / 5}.whats-inside__copy{grid-template-columns:1fr;gap:2.4rem;align-items:start;padding:clamp(3.2rem,8vw,5.6rem) 2rem}.whats-inside__side-label{justify-self:start;writing-mode:horizontal-tb;font-size:clamp(1.7rem,5vw,2.4rem)}[dir=rtl] .whats-inside__side-label{justify-self:end;writing-mode:horizontal-tb}.whats-inside__text{inline-size:100%}.whats-inside__ingredient{font-size:clamp(3.4rem,12vw,5.2rem)}.whats-inside__intro,.whats-inside__benefit,.whats-inside__secondary{font-size:clamp(1.45rem,4.2vw,1.8rem)}.whats-inside__button{inset-block-start:1.4rem;inset-inline-end:1.4rem;max-inline-size:calc(100% - 2.8rem)}.template-product-serum-hoeny-glow .whats-inside__media,.template-product-serum-hoeny-glow .whats-inside__inner--media-right .whats-inside__media{order:1}.template-product-serum-hoeny-glow .whats-inside__copy,.template-product-serum-hoeny-glow .whats-inside__inner--media-right .whats-inside__copy{order:2}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/section-whats-inside.css.map */