before-after{display:block;position:relative;overflow:hidden;height:100%;--slide-bar-width: 40px;--scheme-icons-color: var(--overlay-color)}before-after:not(.initialized) *:not(.img){display:none}before-after .captions{color:var(--overlay-color);position:absolute;left:0;width:100%;display:flex;justify-content:space-between;padding:.5em 1em;z-index:2}before-after.captions-position-top .captions{top:0;bottom:auto}before-after.captions-position-center .captions{top:50%;bottom:auto;transform:translateY(-50%)}before-after.captions-position-bottom .captions{top:auto;bottom:0}before-after .img2{position:absolute;top:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover;object-position:right}before-after .slider{position:absolute;bottom:0;width:calc(100% + var(--slide-bar-width));left:calc(-1 * var(--slide-bar-width) / 2);background:transparent;height:100%;overflow:hidden;border:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}before-after .slider::-webkit-slider-thumb{-webkit-appearance:none;height:100vh;width:var(--slide-bar-width);background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto;border:0}before-after .slider::-moz-range-thumb{-webkit-appearance:none;height:100vh;width:var(--slide-bar-width);background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto;border:0}before-after .custom-separator{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);background:var(--overlay-color);width:2px;z-index:1}before-after .custom-separator .icon{position:absolute;top:50%;transform:translateY(-50%);font-size:.875em}before-after .custom-separator .icon-chevron-left{right:.5em}before-after .custom-separator .icon-chevron-right{left:.35em}before-after .custom-separator .icon{height:22px}before-after .custom-separator:before{content:"";position:absolute;border-radius:1000px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:30px;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component_before_after.css.map */