.pro-before-after-premium{--pbap-text: rgb(var(--color-foreground));--pbap-muted: rgba(var(--color-foreground), .7);--pbap-accent: var(--pro-theme-card-accent, rgb(var(--color-button)));--pbap-soft-accent: var(--pro-theme-card-soft-accent, rgba(var(--color-button), .1));position:relative;overflow:clip;padding-top:var(--pbap-padding-top);padding-bottom:var(--pbap-padding-bottom);background:rgb(var(--color-background));color:var(--pbap-text)}@supports not (overflow: clip){.pro-before-after-premium{overflow:hidden}}.pro-before-after-premium *,.pro-before-after-premium *:before,.pro-before-after-premium *:after{box-sizing:border-box}.pro-before-after-premium__inner{width:100%}.pro-before-after-premium__layout{display:grid;gap:clamp(3.2rem,5vw,7.2rem);align-items:center}.pro-before-after-premium__content{min-width:0}.pro-before-after-premium__header{max-width:58rem}.pro-before-after-premium__eyebrow{margin:0 0 var(--pro-theme-space-eyebrow-heading, .6rem);color:var(--pbap-accent);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-label-size);line-height:var(--pro-theme-caption-line-height, 1.35);font-weight:var(--pro-type-label-weight);letter-spacing:.08em;text-transform:uppercase}.pro-before-after-premium__heading{margin:0;color:var(--pbap-text);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:var(--pro-type-section-title-size);line-height:var(--pro-theme-heading-line-height, 1.15);font-weight:var(--pro-type-section-title-weight);letter-spacing:-.035em}.pro-before-after-premium__body{max-width:54rem;margin-top:var(--pro-theme-space-heading-body, 1rem);color:var(--pbap-muted);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-subtitle-size);line-height:var(--pro-theme-body-line-height, 1.5);font-weight:var(--pro-type-subtitle-weight);letter-spacing:-.01em}.pro-before-after-premium__body>*,.pro-before-after-premium__benefit-text>*{margin-top:0;margin-bottom:0}.pro-before-after-premium__body>*+*,.pro-before-after-premium__benefit-text>*+*{margin-top:var(--pro-theme-space-paragraph, .8em)}.pro-before-after-premium__benefits{display:grid;column-gap:clamp(2.8rem,3vw,3.6rem);row-gap:clamp(2.4rem,2.8vw,3rem);margin-top:clamp(2.8rem,3.6vw,4.4rem)}.pro-before-after-premium__benefit-stack{display:contents}.pro-before-after-premium__benefit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;min-width:0}.pro-before-after-premium__benefit-marker{display:inline-grid;place-items:center;width:calc(var(--pbap-benefit-icon-size-desktop) + 1.4rem);height:calc(var(--pbap-benefit-icon-size-desktop) + 1.4rem);margin-top:.1rem;border-radius:50%;background:var(--pbap-soft-accent);color:var(--pbap-accent)}.pro-before-after-premium__benefit-marker .pro-media-content__built-in-icon,.pro-before-after-premium__benefit-icon-image{display:block;width:var(--pbap-benefit-icon-size-desktop);height:var(--pbap-benefit-icon-size-desktop)}.pro-before-after-premium__benefit-marker .pro-media-content__built-in-icon{overflow:visible}.pro-before-after-premium__benefit-icon-image{object-fit:contain}.pro-before-after-premium__benefit-content{min-width:0}.pro-before-after-premium__benefit-title{margin:0;color:var(--pbap-text);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:var(--pro-type-content-title-size);line-height:var(--pro-theme-title-line-height, 1.25);font-weight:var(--pro-type-content-title-weight);letter-spacing:-.025em}.pro-before-after-premium__benefit-text{margin-top:.45rem;color:var(--pbap-muted);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-body-size);line-height:var(--pro-theme-body-line-height, 1.5);font-weight:var(--pro-type-body-weight);letter-spacing:-.01em}.pro-before-after-premium__media{min-width:0}.pro-before-after-premium__compare{--pbap-pos: 50%;position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;isolation:isolate;contain:paint;border-radius:var(--pro-theme-media-radius);background:color-mix(in srgb,var(--pbap-text) 5%,rgb(var(--color-background)));box-shadow:0 2.2rem 5.8rem rgba(var(--color-shadow),.12);touch-action:none;cursor:ew-resize}.pro-before-after-premium__compare:after{content:"";position:absolute;z-index:3;top:0;bottom:0;left:var(--pbap-pos);width:1px;background:#fff;box-shadow:0 0 .9rem #0003;transform:translate(-50%);pointer-events:none}.pro-before-after-premium__image,.pro-before-after-premium__after-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pro-before-after-premium__image{display:block;object-fit:cover}.pro-before-after-premium__after-frame{z-index:2;overflow:hidden;clip-path:inset(0 0 0 var(--pbap-pos))}.pro-before-after-premium__handle{position:absolute;z-index:4;top:50%;left:var(--pbap-pos);display:grid;place-items:center;width:4.8rem;height:4.8rem;border:1px solid rgba(0,0,0,.14);border-radius:999rem;background:#fff;color:#121212;box-shadow:0 .8rem 2.4rem #0000003d,0 0 0 .1rem #ffffff8c;transform:translate(-50%,-50%);pointer-events:none}.pro-before-after-premium__handle svg{position:relative;z-index:1;width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pro-before-after-premium__labels{position:absolute;z-index:4;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.pro-before-after-premium__label{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:999rem;background:rgba(var(--color-background),.88);color:var(--pbap-text);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-label-size);line-height:1.1;font-weight:500;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 .6rem 1.8rem rgba(var(--color-shadow),.1);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.pro-before-after-premium__compare.is-before-label-hidden .pro-before-after-premium__label--before,.pro-before-after-premium__compare.is-after-label-hidden .pro-before-after-premium__label--after{opacity:0;visibility:hidden;transform:translateY(.4rem)}.pro-before-after-premium__label--single{position:absolute;z-index:3;left:1.2rem;bottom:1.2rem}.pro-before-after-premium__range{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none}@media(hover:none)and (pointer:coarse){.pro-before-after-premium__range{pointer-events:none}}.pro-before-after-premium__compare:has(.pro-before-after-premium__range:focus-visible){outline:2px solid var(--pbap-accent);outline-offset:3px}.pro-before-after-premium__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:3rem;color:var(--pbap-muted);font-family:var(--font-body-family);font-size:var(--pro-type-body-size);text-align:center}.pro-before-after-premium--no-media .pro-before-after-premium__layout{display:block;max-width:82rem;margin-inline:auto}.pro-before-after-premium--no-media .pro-before-after-premium__header,.pro-before-after-premium--no-media .pro-before-after-premium__benefits{max-width:68rem;margin-inline:auto}@media screen and (min-width:750px){.pro-before-after-premium--no-media.pro-before-after-premium--desktop-benefit-layout-row .pro-before-after-premium__benefits{max-width:82rem}}@media screen and (min-width:750px){.pro-before-after-premium--desktop-benefit-layout-one .pro-before-after-premium__benefits{grid-template-columns:minmax(0,1fr)}.pro-before-after-premium--desktop-benefit-layout-two .pro-before-after-premium__benefits,.pro-before-after-premium--desktop-benefit-layout-split .pro-before-after-premium__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-before-after-premium--desktop-benefit-layout-row .pro-before-after-premium__benefits{grid-template-columns:repeat(var(--pbap-benefit-count),minmax(0,1fr))}.pro-before-after-premium--desktop-benefit-layout-row .pro-before-after-premium__benefit{grid-template-columns:minmax(0,1fr);gap:.8rem;align-content:start}}@media screen and (min-width:750px){.pro-before-after-premium--desktop-content-left .pro-before-after-premium__header{text-align:left}.pro-before-after-premium--desktop-content-left:not(.pro-before-after-premium--desktop-benefit-layout-split) .pro-before-after-premium__header{margin-inline:0}.pro-before-after-premium--desktop-content-left .pro-before-after-premium__body{margin-inline:0}.pro-before-after-premium--desktop-content-center .pro-before-after-premium__header{margin-inline:auto;text-align:center}.pro-before-after-premium--desktop-content-center .pro-before-after-premium__body{margin-inline:auto}}@media screen and (min-width:990px){.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-right.pro-before-after-premium--media-width-small .pro-before-after-premium__layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-right.pro-before-after-premium--media-width-medium .pro-before-after-premium__layout{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-right.pro-before-after-premium--media-width-large .pro-before-after-premium__layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-left.pro-before-after-premium--media-width-small .pro-before-after-premium__layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-left.pro-before-after-premium--media-width-medium .pro-before-after-premium__layout{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-left.pro-before-after-premium--media-width-large .pro-before-after-premium__layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-left .pro-before-after-premium__media{grid-column:1;grid-row:1}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-left .pro-before-after-premium__content{grid-column:2;grid-row:1}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-right .pro-before-after-premium__content{grid-column:1;grid-row:1}.pro-before-after-premium:not(.pro-before-after-premium--desktop-benefit-layout-split).pro-before-after-premium--media-right .pro-before-after-premium__media{grid-column:2;grid-row:1}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__layout{grid-template-columns:minmax(18rem,.8fr) minmax(34rem,1.55fr) minmax(18rem,.8fr);grid-template-rows:auto auto;column-gap:clamp(3rem,4vw,6rem);row-gap:clamp(2.8rem,3.4vw,4rem);align-items:center}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__content,.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefits{display:contents}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__header{grid-column:1 / -1;grid-row:1;max-width:72rem;margin-inline:auto}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__media{grid-column:2;grid-row:2;align-self:center}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefit-stack{display:flex;flex-direction:column;justify-content:center;align-self:center;gap:clamp(4rem,4.6vw,5.6rem);width:100%}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefit-stack--left{grid-column:1;grid-row:2}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefit-stack--right{grid-column:3;grid-row:2}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefit{grid-template-columns:minmax(0,1fr);gap:.9rem;align-content:start;justify-items:center;width:100%;max-width:30rem;margin-inline:auto;text-align:center}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefit-marker{width:var(--pbap-benefit-icon-size-desktop);height:var(--pbap-benefit-icon-size-desktop);margin-top:0;border-radius:0;background:transparent}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefit-content{text-align:center}.pro-before-after-premium--desktop-benefit-layout-split.pro-before-after-premium--has-media .pro-before-after-premium__benefit-text{max-width:28rem;margin:.55rem auto 0}}@media screen and (max-width:989px){.pro-before-after-premium__layout{grid-template-columns:minmax(0,1fr);gap:0}.pro-before-after-premium__content{display:contents}.pro-before-after-premium__header{grid-column:1;grid-row:1;max-width:68rem;margin-inline:auto}.pro-before-after-premium__media{grid-column:1;grid-row:2;width:100%;max-width:72rem;margin:clamp(2.8rem,5vw,4rem) auto 0}.pro-before-after-premium__benefits{grid-column:1;grid-row:3;width:100%;max-width:68rem;margin:clamp(2.8rem,5vw,4rem) auto 0}}@media screen and (max-width:749px){.pro-before-after-premium--mobile-content-left .pro-before-after-premium__header{text-align:left}.pro-before-after-premium--mobile-content-left .pro-before-after-premium__body{margin-inline:0}.pro-before-after-premium--mobile-content-center .pro-before-after-premium__header{text-align:center}.pro-before-after-premium--mobile-content-center .pro-before-after-premium__body{margin-inline:auto}.pro-before-after-premium__media,.pro-before-after-premium__benefits{margin-top:2.8rem}.pro-before-after-premium__benefits{column-gap:1.8rem;row-gap:2.8rem}.pro-before-after-premium--mobile-benefit-layout-one .pro-before-after-premium__benefits{grid-template-columns:minmax(0,1fr)}.pro-before-after-premium--mobile-benefit-layout-two .pro-before-after-premium__benefits{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.8rem}.pro-before-after-premium--mobile-benefit-layout-row .pro-before-after-premium__benefits{grid-template-columns:repeat(var(--pbap-benefit-count),minmax(0,1fr))}.pro-before-after-premium__benefit{grid-template-columns:minmax(0,1fr);gap:.8rem;align-content:start}.pro-before-after-premium--mobile-benefit-layout-one:not(.pro-before-after-premium--mobile-benefits-center) .pro-before-after-premium__benefit{grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start}.pro-before-after-premium__benefit-marker{width:calc(var(--pbap-benefit-icon-size-mobile) + 1.4rem);height:calc(var(--pbap-benefit-icon-size-mobile) + 1.4rem);margin-top:.1rem}.pro-before-after-premium__benefit-marker .pro-media-content__built-in-icon,.pro-before-after-premium__benefit-icon-image{width:var(--pbap-benefit-icon-size-mobile);height:var(--pbap-benefit-icon-size-mobile)}.pro-before-after-premium--mobile-benefit-layout-two .pro-before-after-premium__benefit{grid-template-columns:minmax(0,1fr);gap:1rem;justify-items:center;text-align:center}.pro-before-after-premium--mobile-benefit-layout-two .pro-before-after-premium__benefit-marker{width:var(--pbap-benefit-icon-size-mobile);height:var(--pbap-benefit-icon-size-mobile);margin-top:0;border-radius:0;background:transparent}.pro-before-after-premium--mobile-benefit-layout-two .pro-before-after-premium__benefit-content{width:100%;text-align:center}.pro-before-after-premium--mobile-benefit-layout-two .pro-before-after-premium__benefit-text{max-width:18rem;margin:.55rem auto 0}.pro-before-after-premium--mobile-benefits-center:not(.pro-before-after-premium--mobile-benefit-layout-two) .pro-before-after-premium__benefit{justify-items:center;text-align:center}.pro-before-after-premium--mobile-benefits-center:not(.pro-before-after-premium--mobile-benefit-layout-two) .pro-before-after-premium__benefit-content{text-align:center}.pro-before-after-premium__handle{width:4.4rem;height:4.4rem}.pro-before-after-premium__handle svg{width:1.8rem;height:1.8rem}}@media(prefers-reduced-motion:reduce){.pro-before-after-premium__after-frame,.pro-before-after-premium__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pro-before-after-premium.css.map */