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{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-around;padding:0;text-align:right}before-after .caption{margin-left:auto;width:50%}before-after .caption span{margin:1.5em;padding:.5em 1em;display:inline-block;background:#00000080;color:var(--scheme-tabs-label-on);text-transform:uppercase;font-family:var(--heading-font-family);font-size:1.2rem;font-weight:600}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%)}before-after .custom-separator .icon{position:absolute;top:50%;transform:translateY(-50%);font-size:1.8em;background:var(--scheme-buttons-label);border-bottom:6px solid var(--scheme-buttons-label);border-top:6px solid var(--scheme-buttons-label);border-left:6px solid var(--scheme-buttons-label)}before-after .custom-separator .icon-chevron-left{right:0}before-after .custom-separator .icon-chevron-right{left:0;border-right:6px solid var(--scheme-buttons-label);border-left:0}.type-before-and-after .liquid ul{list-style:none;padding:0;margin-top:2em}.type-before-and-after .liquid ul li{display:flex;align-items:baseline;padding:.7em 0;border-bottom:1px solid var(--scheme-borders-color);font-weight:600;font-family:var(--heading-font-family)}.type-before-and-after .liquid ul li:last-child{border-bottom:none}.type-before-and-after .liquid ul li data{font-size:170%;font-weight:400;margin-right:.85em;font-family:var(--body-font-family)}.type-before-and-after .liquid ul li data span{font-weight:400;font-size:60%}@media(max-width:38em){.type-before-and-after .liquid ul{margin-top:0}before-after .caption span{font-size:1.1rem;margin:.75em;padding:.25em .5em}before-after .custom-separator .icon{width:.85em;height:1.1em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component_before_after.css.map */