.slib-before-after{--color-base-text: 34, 36, 55;--color-base-background-1: var(--color-surface-rgb, 255, 255, 255);--color-base-background-2: 255, 250, 240;--color-base-accent-1: var(--color-brand-green-rgb, 11, 107, 58);--color-base-accent-2: var(--color-brand-red-rgb, 176, 0, 32);--color-base-solid-button-labels: var(--color-surface-rgb, 255, 255, 255);--color-base-outline-button-labels: var(--color-brand-green-rgb, 11, 107, 58);--color-foreground: var(--color-base-text);--color-background: var(--color-base-background-1);--color-button: var(--color-base-accent-1);--color-button-text: var(--color-base-solid-button-labels);--gradient-background: rgb(var(--color-background));background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-primary--family, Inter, sans-serif);font-size:1rem;line-height:1.5}.slib-before-after *,.slib-before-after *:before,.slib-before-after *:after{box-sizing:border-box}.slib-before-after img{max-width:100%;height:auto;vertical-align:bottom}.slib-before-after a{color:inherit}.slib-before-after .color-background-1{--color-foreground: var(--color-base-text);--color-background: var(--color-base-background-1);--gradient-background: rgb(var(--color-background));--color-button: var(--color-base-accent-1);--color-button-text: var(--color-base-solid-button-labels)}.slib-before-after .color-background-2{--color-foreground: var(--color-base-text);--color-background: var(--color-base-background-2);--gradient-background: rgb(var(--color-background));--color-button: var(--color-base-accent-1);--color-button-text: var(--color-base-solid-button-labels)}.slib-before-after .color-accent-1{--color-foreground: var(--color-base-solid-button-labels);--color-background: var(--color-base-accent-1);--gradient-background: rgb(var(--color-background));--color-button: var(--color-base-solid-button-labels);--color-button-text: var(--color-base-accent-1)}.slib-before-after .color-accent-2{--color-foreground: var(--color-base-solid-button-labels);--color-background: var(--color-base-accent-2);--gradient-background: rgb(var(--color-background));--color-button: var(--color-base-solid-button-labels);--color-button-text: var(--color-base-accent-2)}.slib-before-after .color-inverse{--color-foreground: var(--color-base-background-1);--color-background: var(--color-base-text);--gradient-background: rgb(var(--color-background));--color-button: var(--color-base-background-1);--color-button-text: var(--color-base-text)}.slib-before-after.color-background-1,.slib-before-after.color-background-2,.slib-before-after.color-accent-1,.slib-before-after.color-accent-2,.slib-before-after.color-inverse,.slib-before-after.color-custom{background:transparent}.slib-before-after.color-custom{color:rgba(var(--color-foreground),.9)}.slib-before-after .color-custom-labels{--color-foreground: var(--slib-label-text);--color-background: var(--slib-label-background)}.slib-before-after .color-custom-handle{--color-foreground: var(--slib-handle-color);--color-background: var(--slib-handle-color)}.slib-before-after__page-width{max-width:var(--page-width, 90rem);margin:0 auto;padding-inline:0}.slib-before-after__full-width{max-width:none;margin:0;padding-left:var(--page-margin, 1.25rem);padding-right:var(--page-margin, 1.25rem)}.slib-before-after__section-padding{padding-top:var(--slib-padding-top-mobile);padding-bottom:var(--slib-padding-bottom-mobile)}.slib-before-after .center{text-align:left}.slib-before-after .content-container{width:100%;max-width:32rem;min-width:0}.slib-before-after .rte{color:#464759;font-weight:500;line-height:1.55}.slib-before-after .rte>p:first-child{margin-top:0}.slib-before-after .rte>p:last-child{margin-bottom:0}.slib-before-after .content-container>*+*{margin-top:1rem}.slib-before-after .h0,.slib-before-after .h1,.slib-before-after .h2,.slib-before-after h2,.slib-before-after h3{color:rgb(var(--color-foreground));font-family:var(--font-accent--family, "Fraunces", Georgia, serif);font-weight:600;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;word-break:break-word}.slib-before-after .h0{font-size:clamp(2.0625rem,3.5vw,3rem)}.slib-before-after .h1{font-size:clamp(1.875rem,3vw,2.5rem)}.slib-before-after .h2{font-size:clamp(1.625rem,2.5vw,2rem)}.slib-before-after .title-with-highlight strong{color:var(--hightlight-color)}.slib-before-after .button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.875rem 1.75rem;border-radius:.5rem;border:2px solid color-mix(in srgb,rgb(var(--color-button)),#000 28%);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font:inherit;font-weight:700;line-height:1.25;box-shadow:0 4px color-mix(in srgb,rgb(var(--color-button)),#000 28%);transition:transform .16s ease,box-shadow .16s ease;text-decoration:none}.slib-before-after .button--secondary{background:var(--color-cream, #fffcf6);color:rgb(var(--color-button));border-color:rgb(var(--color-button));box-shadow:0 2px #d8d1ca}.slib-before-after .button:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,rgb(var(--color-button)),#000 28%)}.slib-before-after .button:focus-visible{outline:3px solid var(--color-brand-gold, #f2c14e);outline-offset:5px}.slib-before-after .mb-1em{margin-bottom:1em}.slib-before-after.desktop-hidden{display:none!important}.slib-before-after .content-and-comparison-slider{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;column-gap:var(--slib-desktop-gap);position:relative;z-index:0;row-gap:1.25rem}.slib-before-after .content-and-comparison-slider--no-content{grid-template-columns:repeat(1,1fr)}.slib-before-after .content-and-comparison-slider--stacked{grid-template-columns:minmax(0,1fr);row-gap:2rem}.slib-before-after .content-and-comparison-slider--stacked .content-container{max-width:52rem;text-align:center}.slib-before-after .content-and-comparison-slider--stacked .rte{max-width:46rem;margin-inline:auto}.slib-before-after .content-and-comparison-slider--stacked .comparison-slider--aspect-square .comparison-slider__underlay{aspect-ratio:1}.slib-before-after .content-and-comparison-slider--stacked .comparison-slider--aspect-square .comparison-slider__underlay img{height:100%;object-fit:cover;object-position:top left}.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__before-text,.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__after-text{top:auto;bottom:1.125rem}.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__before-text{left:1.125rem}.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__after-text{--color-background: var(--color-base-accent-2);--color-foreground: var(--color-base-solid-button-labels);right:1.125rem}.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__before-text h3,.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__after-text h3{padding:.5rem 1rem;border:0;border-radius:10rem}.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__line--circle{--circle-size: 3.5rem;background:rgba(var(--color-brand-red-rgb, 176, 0, 32),.55)}.slib-before-after .comparison-slider{display:block;position:relative;max-width:var(--slib-slider-max-width);width:100%;margin:0 auto;overflow:hidden;border-radius:var(--slib-slider-radius);border:1px solid rgba(255,252,246,.3);box-shadow:none;--slib-fallback-aspect-ratio: 1 / 1}.slib-before-after .comparison-slider--aspect-square{--slib-fallback-aspect-ratio: 1 / 1}.slib-before-after .comparison-slider--aspect-portrait{--slib-fallback-aspect-ratio: 4 / 5}.slib-before-after .comparison-slider--aspect-landscape{--slib-fallback-aspect-ratio: 4 / 3}.slib-before-after .comparison-slider--aspect-wide{--slib-fallback-aspect-ratio: 16 / 9}.slib-before-after .comparison-slider__overlay{position:absolute;z-index:2;top:0;left:0;width:var(--slib-comparison-position, 50%);height:100%;overflow:hidden;max-width:100%}.slib-before-after .comparison-slider__overlay img{width:100%;height:100%;object-fit:cover;object-position:top left}.slib-before-after .comparison-slider__underlay{display:block;width:100%;overflow:hidden;background:rgb(var(--color-background))}.slib-before-after .comparison-slider__underlay img{width:100%}.slib-before-after .comparison-slider--height-fixed .comparison-slider__underlay{height:var(--slib-mobile-image-height)}.slib-before-after .comparison-slider--height-fixed .comparison-slider__underlay img,.slib-before-after .comparison-slider--height-fixed .comparison-slider__placeholder-svg{width:100%;height:100%;object-fit:cover}.slib-before-after .comparison-slider--height-adapt .comparison-slider__placeholder-svg,.slib-before-after .comparison-slider--aspect-square .comparison-slider__placeholder-svg,.slib-before-after .comparison-slider--aspect-portrait .comparison-slider__placeholder-svg,.slib-before-after .comparison-slider--aspect-landscape .comparison-slider__placeholder-svg,.slib-before-after .comparison-slider--aspect-wide .comparison-slider__placeholder-svg{aspect-ratio:var(--slib-fallback-aspect-ratio)}.slib-before-after .comparison-slider__before-text,.slib-before-after .comparison-slider__after-text{position:absolute;top:.875rem;left:.875rem;z-index:4}.slib-before-after .comparison-slider__before-text h3,.slib-before-after .comparison-slider__after-text h3{text-align:center;width:fit-content;font-size:.75rem;font-family:var(--font-primary--family, Inter, sans-serif);font-weight:700;letter-spacing:.035em;line-height:1.25;padding:.375rem .75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.5rem;box-shadow:0 2px #0000001f;margin:0;white-space:nowrap;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.slib-before-after .comparison-slider__after-text{left:auto;right:.875rem}.slib-before-after .comparison-slider__input{position:absolute;top:0;left:0;z-index:5;height:100%;width:100%;opacity:0;-webkit-appearance:none;appearance:none;overflow:hidden;cursor:ew-resize}.slib-before-after .comparison-slider__input:focus-visible+.comparison-slider__underlay{outline:.125rem solid rgba(var(--color-foreground),.5);outline-offset:-.25rem}.slib-before-after .comparison-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:31.25rem;max-height:100%;width:3.125rem}.slib-before-after .comparison-slider__input::-moz-range-thumb{height:31.25rem;max-height:100%;width:3.125rem;border:0;border-radius:0;background:transparent}.slib-before-after .comparison-slider__line{--line-width: .3125rem;--arrow-x-offset: 1.0938rem;--arrow-size: .4375rem;display:block;position:absolute;z-index:3;top:0;left:var(--slib-comparison-position, 50%);height:100%;width:var(--line-width);transform:translate(-50%);background:rgb(var(--color-background))}.slib-before-after .comparison-slider__arrow-left,.slib-before-after .comparison-slider__arrow-right{font-size:var(--arrow-size);width:1em;height:1.7em;position:absolute;top:50%;background:rgb(var(--color-background))}.slib-before-after .comparison-slider__arrow-left{left:0;transform:translate(calc(var(--arrow-x-offset) * -1),-50%);clip-path:polygon(100% 0%,0 50%,100% 100%)}.slib-before-after .comparison-slider__arrow-right{right:0;transform:translate(var(--arrow-x-offset),-50%);clip-path:polygon(100% 50%,0 0,0 100%)}.slib-before-after .comparison-slider__line--circle{--circle-size: 2.6563rem;--border-size: .1875rem;--line-width: .1875rem;top:50%;transform:translate(-50%,-50%);width:var(--circle-size);height:var(--circle-size);border-radius:50%;background:rgba(var(--color-background),var(--slib-handle-background-opacity));border:solid var(--border-size) rgb(var(--color-background));-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem);box-shadow:0 0 .3125rem #0003}.slib-before-after .comparison-slider__line--circle:before,.slib-before-after .comparison-slider__line--circle:after{content:"";display:block;height:31.25rem;width:var(--line-width);background:rgb(var(--color-background));position:absolute;left:50%;z-index:1;transform:translate(-50%);box-shadow:0 0 .3125rem #0003}.slib-before-after .comparison-slider__line--circle:before{bottom:100%}.slib-before-after .comparison-slider__line--circle:after{top:100%}.slib-before-after .comparison-slider__line--circle .comparison-slider__arrow-left{left:25%;transform:translate(-50%,-50%)}.slib-before-after .comparison-slider__line--circle .comparison-slider__arrow-right{right:25%;transform:translate(50%,-50%)}.slib-before-after .comparison-slider__placeholder-svg{display:block;width:100%;min-height:13.75rem;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.45);fill:rgba(var(--color-foreground),.25)}@media screen and (max-width:56.1875rem){.slib-before-after .content-and-comparison-slider:not(.content-and-comparison-slider--stacked){grid-template-columns:repeat(1,1fr);row-gap:var(--slib-mobile-gap)}}@media screen and (max-width:46.8125rem){.slib-before-after .content-and-comparison-slider--stacked .comparison-slider__line--circle{--circle-size: 2.5rem;--arrow-size: .375rem;--border-size: .125rem}.slib-before-after .content-and-comparison-slider--stacked{row-gap:1.375rem}.slib-before-after .content-and-comparison-slider--stacked h2{max-width:24ch;margin-inline:auto;line-height:1.15}.slib-before-after .content-and-comparison-slider--stacked .rte{max-width:36ch;font-size:.9375rem;line-height:1.45;text-wrap:pretty}.slib-before-after .content-and-comparison-slider--stacked .content-container>*+*{margin-top:.75rem}.slib-before-after.mobile-hidden{display:none!important}}@media screen and (min-width:46.875rem){.slib-before-after__section-padding{padding-top:var(--slib-padding-top-desktop);padding-bottom:var(--slib-padding-bottom-desktop)}.desktop-index-0{--index: 0}.desktop-index-1{--index: 1}.slib-before-after .comparison-slider--height-fixed .comparison-slider__underlay{height:var(--slib-desktop-image-height)}}@media(hover:hover){.slib-before-after .button:hover{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.slib-before-after .button{transition:none}}@media screen and (min-width:56.25rem){.slib-before-after .content-and-comparison-slider--slider-first .comparison-slider{order:-1}.slib-before-after .comparison-slider__line--classic{--line-width: .375rem;--arrow-size: .5625rem}.slib-before-after .comparison-slider__line--circle{--circle-size: 3.125rem;--arrow-size: .4688rem}}.slib-before-after.slib-before-after{background:var(--color-brand-red);box-shadow:0 0 0 100vmax var(--color-brand-red);clip-path:inset(0 -100vmax)}.slib-before-after .content-container h2,.slib-before-after .content-container .rte{color:var(--color-cream)}.slib-before-after .content-container .title-with-highlight strong{color:var(--color-brand-gold)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/slib-before-after.css.map */