.before-after{padding-top:calc(var(--ba-pt, 52px) * .7);padding-bottom:calc(var(--ba-pb, 52px) * .7);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.before-after__inner{display:grid;gap:2rem}.before-after__heading{margin:0 0 .75rem}.before-after__subheading{font-size:1.05rem;opacity:.85}.before-after__subheading>*{margin:0}.ba{position:relative;width:100%;aspect-ratio:var(--ba-ratio, 1 / 1);overflow:hidden;border-radius:8px;background:rgba(var(--color-foreground),.05);touch-action:pan-y;-webkit-user-select:none;user-select:none}.ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.ba__layer img,.ba__layer svg{width:100%;height:100%;object-fit:cover;display:block}.ba__layer--before{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.ba__layer--grayscale img{filter:grayscale(1)}.ba__label{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;letter-spacing:.04em;pointer-events:none;z-index:2}.ba__label--before{left:1rem}.ba__label--after{right:1rem}.ba__divider{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none;z-index:3}.ba__handle{position:absolute;top:50%;left:var(--pos, 50%);width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff;background:#00000040;color:#fff;display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;box-shadow:0 2px 8px #00000059;z-index:4}.ba__handle:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:3px}.ba__handle-arrows{display:inline-flex;gap:3px}.ba.is-dragging{cursor:ew-resize}@media screen and (min-width:990px){.before-after{padding-top:var(--ba-pt, 52px);padding-bottom:var(--ba-pb, 52px)}.before-after__inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:4rem}.before-after__inner--text-right{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.before-after__inner--text-right .before-after__text{order:2}.before-after__inner--text-right .before-after__media{order:1}}.feature-grid{padding-top:calc(var(--feature-pt, 52px) * .65);padding-bottom:calc(var(--feature-pb, 52px) * .65);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.feature-grid__heading{text-align:center;margin:0 0 1rem}.feature-grid__subheading{text-align:center;max-width:62ch;margin:0 auto 2.5rem}.feature-grid__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.5rem}.feature-grid__item{display:flex;flex-direction:column;align-items:center;text-align:center}.feature-grid__media{width:100%;max-width:180px;aspect-ratio:1 / 1;margin-bottom:1.25rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.feature-grid__media--circle{border-radius:50%}.feature-grid__media--square{border-radius:14px}.feature-grid__media img,.feature-grid__media svg{width:100%;height:100%;object-fit:cover;display:block}.feature-grid__title{margin:0 0 .6rem;font-family:var(--font-heading-family);font-size:1.7rem;line-height:1.15}.feature-grid__text{margin:0;max-width:34ch;font-size:.9rem;line-height:1.5}.feature-grid__text>*{margin:0}@media screen and (min-width:750px){.feature-grid{padding-top:var(--feature-pt, 52px);padding-bottom:var(--feature-pb, 52px)}}@media screen and (min-width:990px){.feature-grid__list{grid-template-columns:repeat(var(--feature-cols, 4),minmax(0,1fr))}}@media screen and (max-width:749px){.feature-grid__list{gap:2.5rem 1.25rem}.feature-grid__media{max-width:130px}.feature-grid__title{font-size:1.3rem}.feature-grid__text{font-size:.85rem}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */