.arclo-before-after{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:center}.arclo-before-after__media{position:relative;border-radius:var(--media-radius, 1.6rem);overflow:hidden;line-height:0}.arclo-before-after__image{display:block;width:100%;height:auto}.arclo-before-after__media--empty{aspect-ratio:11 / 10;background:rgba(var(--color-foreground),.04)}.arclo-before-after__media--empty .arclo-before-after__image{height:100%}.arclo-before-after__badge{position:absolute;top:1.4rem;left:1.4rem;z-index:2;padding:.5rem 1.4rem;border-radius:3rem;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:.02rem;background:#141414d1;color:#fff}.arclo-before-after__badge--after{left:auto;right:1.4rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.arclo-before-after__content{display:flex;flex-direction:column;gap:1.6rem}.arclo-before-after__heading{margin:0;text-wrap:balance}.arclo-before-after__body p{margin:0 0 1.2rem;color:rgba(var(--color-foreground),.75)}.arclo-before-after__body p:last-child{margin-bottom:0}@media screen and (max-width:749px){.arclo-before-after{grid-template-columns:1fr;gap:2.4rem}.arclo-before-after__badge{font-size:1.1rem;padding:.4rem 1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-arclo-before-after.css.map */