@media screen and (max-width:767px){before-after.invert-layout:after{content:"invert-layout";position:absolute;visibility:hidden}}.before-after{--position: 50%;position:relative;width:100%;aspect-ratio:1 / 1}@media screen and (min-width:768px){.before-after--desktop-small{aspect-ratio:1 / 1}}@media screen and (min-width:768px){.before-after--desktop-medium{aspect-ratio:1 / 1}}@media screen and (min-width:768px){.before-after--desktop-large{aspect-ratio:1 / 1}}@media screen and (max-width:767px){.before-after--mobile-small{aspect-ratio:1 / 1}}@media screen and (max-width:767px){.before-after--mobile-medium{aspect-ratio:1 / 1}}@media screen and (max-width:767px){.before-after--mobile-large{aspect-ratio:1 / 1}}.before-after .img{position:absolute;top:0;width:100%;height:100%;overflow:hidden;object-fit:cover!important;object-position:center!important}html[dir=rtl] .before-after .img{right:0}html:not([dir=rtr]) .before-after .img{left:0}.before-after__label-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.before-after__label{display:inline-block;padding:10px 20px;position:absolute;bottom:var(--gutter-regular);z-index:1;border-radius:var(--border-radius-buttons);font-weight:var(--font-weight-body-primary-bold);font-family:Neue Montreal;font-style:normal;font-weight:400;font-size:14px;line-height:17px;letter-spacing:-.03em;text-transform:uppercase;-webkit-text-stroke:1px;letter-spacing:1px}html[dir=rtl] .before-after__label{right:var(--gutter-regular)}html:not([dir=rtr]) .before-after__label{left:var(--gutter-regular)}html:not([dir=rtr]) .before-after__label.label-1{top:var(--gutter-regular);bottom:auto}[data-layout=vertical] .before-after__label{left:50%!important;right:auto!important;top:var(--gutter-regular);bottom:auto;transform:translate(-50%)}.before-after--color-style-dark .before-after__label,.before-after--color-style-light .before-after__label{color:rgba(var(--color-foreground),.75);background:#0003;-webkit-backdrop-filter:blur(5.5px);backdrop-filter:blur(5.5px);border-radius:6px}.before-after .foreground-img{clip-path:inset(0 0 0 var(--position))}[data-layout=vertical] .before-after .foreground-img{clip-path:inset(calc(100% - var(--position)) 0 0 0)}html[dir=rtl] .before-after .foreground-img .before-after__label{right:auto;left:var(--gutter-regular)}html:not([dir=rtr]) .before-after .foreground-img .before-after__label{left:auto;right:var(--gutter-regular)}[data-layout=vertical] .before-after .foreground-img .before-after__label{top:auto;left:50%;right:auto;bottom:var(--gutter-regular);transform:translate(-50%)}.before-after .svg-placeholder{display:block;background-color:#d3d3d3}.before-after--handle{position:absolute;z-index:0;width:3px;height:100%;display:block;background-color:rgb(var(--color-background))!important}html[dir=rtl] .before-after--handle{right:var(--position)}html:not([dir=rtr]) .before-after--handle{left:var(--position)}.before-after--color-style-dark .before-after--handle{background-color:var(--color-text-main)}.before-after--color-style-light .before-after--handle{background-color:var(--color-background-main)}[data-layout=vertical] .before-after--handle{width:100%;height:3px;bottom:var(--position)}html[dir=rtl] [data-layout=vertical] .before-after--handle{right:0}html:not([dir=rtr]) [data-layout=vertical] .before-after--handle{left:0}.before-after--handle-icon{display:inline-block;content:"";width:4.75rem;height:4.75rem;border-radius:50%;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);transform-origin:0 0}@media screen and (max-width:767px){.before-after--handle-icon{width:1.875rem;height:1.875rem}}[data-layout=vertical] .before-after--handle-icon{transform:rotate(90deg) translate(-50%,-50%)}.before-after--handle-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.before-after--handle-icon svg{transform:translate(-50%,-50%) scale(.7)}}.before-after--color-style-dark .before-after--handle-icon{background-color:rgba(var(--color-button),.46);-webkit-backdrop-filter:blur(5.5px);backdrop-filter:blur(5.5px)}.before-after--color-style-dark .before-after--handle-icon svg path{fill:var(--color-background-main)}.before-after--color-style-light .before-after--handle-icon{background-color:var(--color-background-main)}.before-after--color-style-light .before-after--handle-icon svg path{fill:var(--color-text-main)}.before-after .before-after__slider{position:absolute;z-index:99;-webkit-appearance:none;appearance:none;width:100%;height:100%;background:transparent;outline:none;margin:0;transition:all ease .25s;overflow:hidden;padding:0;border:0;cursor:col-resize}.before-after .before-after__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.5rem;height:100vh}.before-after .before-after__slider::-moz-range-thumb,.before-after .before-after__slider::-moz-range-track,.before-after .before-after__slider::-moz-range-progress{opacity:0!important}.before-after .before-after__slider::-webkit-slider-container{opacity:0!important}.before-after .before-after__slider[orient=vertical]{cursor:row-resize;-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:lr;opacity:0}[data-layout=vertical] .before-after .before-after__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:100vw;height:2.5rem;opacity:0}[data-layout=vertical] .before-after .before-after__slider::-moz-range-thumb{width:2.5rem;height:2.5rem}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-before-after.css.map */