.before-after-section{text-align:center}.before-after-section h2{margin-bottom:.3125rem}.before-after-section p{margin-bottom:1.25rem}.before-after-section .btn{margin-bottom:2.0625rem}.before-after-content{position:relative;width:100%;max-width:900px;margin:auto;display:inline-block}.before-after-content .media{border-radius:var(--border-radius-container);background:rgb(var(--color-background))}.before-after__img-before:before{content:"";height:100%;width:8px;background:rgb(var(--color-background));z-index:1;position:absolute;transform:translate(-50%);left:var(--clip-path-offset, 50%)}.before-after__img-before .placeholder-svg{fill:rgb(var(--color-background));background-color:rgba(var(--color-foreground),.1)}.before-after-content__arrow{position:absolute;background:rgb(var(--color-background));border-radius:50%;transform:translate(-50%,-50%);top:50%;left:var(--clip-path-offset, 50%);height:50px;width:50px;display:flex;align-items:center;z-index:2;pointer-events:none}.before-after-content__arrow .icon{flex:1;width:16px;height:16px}.before-after__img-after{clip-path:inset(0 0 0 var(--clip-path-offset, 50%));position:absolute;top:0;bottom:0;left:0;right:0}.before-after__slider-wrap{position:absolute;width:calc(100% + 50px);top:0;bottom:0;left:-25px;right:0}.before-after__slider{display:block;position:relative;left:0;z-index:1;width:100%;height:100%}.before-after__slider input[type=range]{height:100%;-webkit-appearance:none;-moz-appearance:none;border:none;padding:0;background-color:transparent;z-index:2}.before-after__slider input[type=range]:focus,.before-after__slider input[type=range]:active{border:none;outline:none}.before-after__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;cursor:pointer;background:rgb(var(--color-background));box-shadow:0 0 2px #0000004d}.before-after__slider input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:none}@media only screen and (max-width:767px){.before-after__img-before:before{width:6px}.before-after-content__arrow{height:40px;width:40px}.before-after__slider-wrap{width:calc(100% + 40px);left:-20px}.before-after__slider input[type=range]::-webkit-slider-thumb{height:40px;width:40px}}.kr-before-after-v2{--kr-before-after-ink: var(--kr-ink, #2b2724);--kr-before-after-body: var(--kr-body, #4d453d);--kr-before-after-brown: var(--kr-brown, #5c3f22);--kr-before-after-paper: var(--kr-parchment, #fffbf8);color:var(--kr-before-after-body);text-align:center}.kr-before-after-v2 .kr-before-after-v2__head{max-width:820px;margin-inline:auto}.kr-before-after-v2 .kr-before-after-v2__title{max-width:20ch;margin:0 auto;color:var(--kr-before-after-ink);font-family:var(--kr-font-display, "Aboreto", Georgia, serif);font-size:clamp(calc(32px * var(--font-section-scale, 1)),calc(4vw * var(--font-section-scale, 1)),calc(54px * var(--font-section-scale, 1)));font-style:normal;font-weight:400;letter-spacing:0;line-height:1.14;text-wrap:balance;text-transform:none}.kr-before-after-v2 .kr-before-after-v2__description{max-width:54ch;margin:15px auto 0;color:var(--kr-before-after-body);font-family:var(--kr-font-body, "Mulish", Arial, sans-serif);font-size:calc(16px * var(--font-section-scale, 1));font-style:normal;font-weight:400;letter-spacing:0;line-height:1.65;text-wrap:balance;text-transform:none}.kr-before-after-v2 .kr-before-after-v2__button{min-height:52px;margin:25px 0 38px;padding:15px 34px;border:1.5px solid var(--kr-before-after-ink);border-radius:var(--kr-wobble-button, 4px 7px 5px 8px / 7px 4px 8px 5px);color:var(--kr-before-after-ink);background:transparent;font-family:var(--kr-font-label, "Manrope", Arial, sans-serif);font-size:calc(11px * var(--font-section-scale, 1));font-style:normal;font-weight:700;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.kr-before-after-v2 .before-after-content{border:1px solid rgb(92 63 34 / 28%);border-radius:var(--kr-wobble-large, 10px 16px 12px 18px / 15px 10px 18px 12px);background:var(--kr-before-after-paper);box-shadow:0 14px 34px #2b27241a;overflow:hidden}.kr-before-after-v2 .before-after-content .media{border-radius:inherit}.kr-before-after-v2 .before-after__img-before:before{width:2px;background:var(--kr-before-after-paper)}.kr-before-after-v2 .before-after-content__arrow{border:1px solid rgb(92 63 34 / 38%);color:var(--kr-before-after-brown);background:var(--kr-before-after-paper);box-shadow:0 5px 14px #2b27241f}.kr-before-after-v2 .before-after__slider input[type=range]::-webkit-slider-thumb{border:1px solid rgb(92 63 34 / 38%);background:var(--kr-before-after-paper);box-shadow:0 5px 14px #2b27241f}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.kr-before-after-v2 .kr-before-after-v2__button:hover{color:var(--kr-before-after-paper);background:var(--kr-before-after-ink);transform:rotate(-.6deg)}}@media only screen and (max-width:749px){.kr-before-after-v2 .kr-before-after-v2__title{font-size:clamp(calc(28px * var(--font-section-scale, 1)),calc(9vw * var(--font-section-scale, 1)),calc(40px * var(--font-section-scale, 1)))}.kr-before-after-v2 .kr-before-after-v2__description{font-size:calc(14px * var(--font-section-scale, 1))}.kr-before-after-v2 .kr-before-after-v2__button{width:min(100%,340px);margin:22px 0 30px;font-size:calc(10px * var(--font-section-scale, 1))}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-before-after.css.map */