.slib-before-after{--color-base-text: 46, 42, 57;--color-base-background-1: 255, 255, 255;--color-base-background-2: 246, 246, 246;--color-base-accent-1: 109, 56, 139;--color-base-accent-2: 221, 29, 29;--color-base-solid-button-labels: 255, 255, 255;--color-base-outline-button-labels: 109, 56, 139;--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:var(--gradient-background);color:rgba(var(--color-foreground),.9);font-family:var(--font-body-family, inherit)}.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:var(--gradient-background)}.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-left:var(--page-margin, 1.25rem);padding-right:var(--page-margin, 1.25rem)}.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:center}.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-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 700);line-height:1.15;letter-spacing:0;word-break:break-word}.slib-before-after .h0{font-size:2.0313rem}.slib-before-after .h1{font-size:1.4063rem}.slib-before-after .h2{font-size:1.25rem}.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:2.8125rem;padding:0 1.75rem;border-radius:var(--buttons-radius, .375rem);border:.0625rem solid rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-text));font:inherit;line-height:1;text-decoration:none}.slib-before-after .button--secondary{background:transparent;color:rgb(var(--color-button))}.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:1fr;place-items:center;column-gap:var(--slib-desktop-gap);position:relative;z-index:0;row-gap:1.5rem}.slib-before-after .content-and-comparison-slider--no-content{grid-template-columns:repeat(1,1fr)}.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);--slib-fallback-aspect-ratio: 1 / 1}.slib-before-after .content-container{max-width:44rem;margin-left:auto;margin-right:auto}.slib-before-after .content-container .rte{max-width:36rem;margin-left:auto;margin-right:auto;font-size:.95rem;font-weight:700;line-height:1.45;color:rgba(var(--color-foreground),.68)}.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:auto;bottom:1rem;left:0;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;letter-spacing:.0625rem;line-height:1;padding:.5rem .875rem;margin:0;white-space:nowrap;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border-radius:999rem}.slib-before-after .comparison-slider__after-text{left:auto;right:0}.slib-before-after .comparison-slider__before-text{left:1rem}.slib-before-after .comparison-slider__after-text{right:1rem}.slib-before-after .comparison-slider__before-text h3{background:#002147;color:#fff}.slib-before-after .comparison-slider__after-text h3{background:#bb133e;color:#fff}.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{grid-template-columns:repeat(1,1fr);row-gap:var(--slib-mobile-gap)}}@media screen and (max-width:46.8125rem){.slib-before-after.mobile-hidden{display:none!important}.slib-before-after__page-width,.slib-before-after__full-width{padding-left:0;padding-right:0}.slib-before-after .comparison-slider__before-text h3,.slib-before-after .comparison-slider__after-text h3{font-size:.5rem;letter-spacing:.026rem;max-width:calc(50vw - 1.5rem);overflow:hidden;padding:.3rem .46rem;text-overflow:ellipsis}}@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)}.slib-before-after .h0{font-size:clamp(2.25rem,3.8vw,3.25rem)}.slib-before-after .h1{font-size:1.875rem}.slib-before-after .h2{font-size:1.5rem}.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 screen and (min-width:56.25rem){.slib-before-after .content-and-comparison-slider--slider-first .comparison-slider{order:initial}.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}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/slib-before-after.css.map */