.section-before-after compare-images{height:0;padding-top:calc(1 / var(--aspect-ratio) * 100%)}@media only screen and (min-width:750px){.before-after{display:flex;align-items:flex-start}}.before-after__content{overflow-wrap:anywhere}@media only screen and (min-width:750px){.before-after__content{display:flex;flex-direction:column;flex:0 0 50%;align-self:center;padding-right:var(--outer)}}.before-after__content p:not([style*=--block-padding-bottom]){margin:0}.wrapper--full .before-after__content{padding-left:var(--outer)}@media only screen and (max-width:749px){.wrapper--full .before-after__content{padding-right:var(--outer)}}@media only screen and (max-width:749px){.wrapper--full .before-after__buttons{padding:0 var(--outer)}}@media only screen and (max-width:749px){.before-after__buttons.mobile{padding-top:var(--outer)}}.before-after__images{overflow:hidden}@media only screen and (min-width:750px){.before-after__images{flex:0 0 50%}}@media only screen and (min-width:750px){.before-after__images--full-width{flex:0 0 100%}}.before-after__slider{display:block;position:relative}.before-after__slide{width:100%}.before-after__pills{display:flex;justify-content:center;gap:8px;list-style:none;margin:14px 0 0;padding:0}.before-after__pill{display:block;height:8px;width:24px;padding:0;border:0;border-radius:999px;background:#00000026;cursor:pointer;transition:width .25s ease,background-color .25s ease}.before-after__pill.is-active{width:56px;background:var(--BTN-PRIMARY-BG)}.before-after__pill:focus-visible{outline:2px solid var(--color-foreground, currentColor);outline-offset:2px}@media(prefers-reduced-motion:reduce){.before-after__pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/before-after.css.map */