.before-after__layout{display:grid;grid-template-areas:"head" "pair" "checks";gap:2rem}@media(min-width:990px){.before-after__layout{grid-template-columns:minmax(0,58fr) minmax(0,42fr);grid-template-areas:"head head" "pair checks";column-gap:clamp(2.4rem,2.6vw,4rem);row-gap:1.6rem;align-items:center}.before-after__layout--no-checks{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "pair"}.before-after__layout--no-checks .before-after__pair{max-width:80rem}}.before-after .before-after__heading{grid-area:head;margin-bottom:0}.before-after__pair{grid-area:pair;display:grid;grid-template-columns:minmax(0,1.2fr) 2.8rem minmax(0,1fr);gap:.8rem;align-items:center}.before-after__pair--none{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.2rem}@media(min-width:750px){.before-after__pair{grid-template-columns:minmax(0,1.2fr) 6.4rem minmax(0,1fr);gap:1.6rem}.before-after__pair--none{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2.4rem}}.before-after__frame{position:relative;min-width:0;margin:0}.before-after__media{border-radius:var(--image-radius);box-shadow:0 6px 18px rgba(var(--brand-text),.08)}.before-after__label{position:absolute;bottom:.8rem;left:50%;z-index:1;max-width:calc(100% - 1.6rem);padding:.3rem .9rem;overflow:hidden;font-size:calc(1.2rem * var(--font-body-scale, 1));font-weight:var(--font-body-weight-bold);line-height:1.3;white-space:nowrap;text-overflow:ellipsis;color:rgb(var(--brand-text));background:rgba(var(--brand-bg),.96);border-radius:.6rem;box-shadow:0 4px 12px rgba(var(--brand-text),.12);transform:translate(-50%)}@media(min-width:750px){.before-after__label{bottom:1.2rem;padding:.5rem 1.4rem;font-size:calc(1.4rem * var(--font-body-scale, 1));border-radius:.8rem}}.before-after__arrow{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-heading, var(--color-text)))}.before-after__arrow-icon{--icon-size: 2.4rem;stroke-width:2.25}.before-after__arrow-doodle{width:100%;max-width:6.4rem;height:auto;color:rgb(var(--color-script, var(--brand-accent)))}@media(min-width:750px){.before-after__arrow-icon{--icon-size: 3.2rem}}.before-after__checks{grid-area:checks;display:grid;gap:1.6rem;margin:0;padding:0;list-style:none}@media(min-width:990px){.before-after__checks{gap:2rem}}.before-after__check{display:flex;gap:1.4rem;align-items:center}.before-after__check-icon{--circle-size: 4rem;--icon-size: 2.2rem}.before-after__check-icon .icon{stroke-width:2.75}@media(min-width:990px){.before-after__check-icon{--circle-size: 4.4rem;--icon-size: 2.4rem}}.before-after__check-body{min-width:0}.before-after__check-title{margin:0;font-size:calc(1.6rem * var(--font-body-scale, 1));font-weight:var(--font-body-weight-bold);line-height:1.35;color:rgb(var(--color-heading, var(--color-text)))}.before-after__check-text{margin:.2rem 0 0;font-size:calc(1.4rem * var(--font-body-scale, 1));line-height:1.45;color:rgb(var(--color-muted, var(--color-text)))}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-before-after.css.map */