.dd0-ba{display:block;position:relative;width:100%;margin:0 auto;overflow:hidden;border-radius:var(--dd0-ba-radius, 0px)}.dd0-ba__underlay{display:block;width:100%;height:100%}.dd0-ba__underlay img,.dd0-ba__underlay .dd0-ba__ph-svg{display:block;width:100%;height:100%;object-fit:cover}.dd0-ba__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.dd0-ba__overlay img,.dd0-ba__overlay .dd0-ba__ph-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dd0-ba__ph-svg{background:#ededed;fill:#0000002e}.dd0-ba__line{position:absolute;top:0;left:var(--pos, 50%);width:3px;height:100%;background:var(--handle-color, #ffffff);transform:translate(-50%);z-index:3;pointer-events:none}.dd0-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.dd0-ba__arrow{display:block;width:.6em;height:1em;background:var(--handle-color, #ffffff)}.dd0-ba__arrow--left{clip-path:polygon(100% 0,0 50%,100% 100%)}.dd0-ba__arrow--right{clip-path:polygon(0 0,100% 50%,0 100%)}.dd0-ba__line--classic .dd0-ba__handle{gap:1.4rem;font-size:1.4rem}.dd0-ba__line--circle .dd0-ba__handle{width:42px;height:42px;gap:3px;font-size:1.1rem;border-radius:50%;border:3px solid var(--handle-color, #ffffff);background:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 6px #00000040}.dd0-ba__label{position:absolute;top:1rem;z-index:4;padding:.4rem 1rem;font-size:1.2rem;font-weight:600;letter-spacing:.04em;line-height:1.2;white-space:nowrap;border-radius:4px;background:var(--label-bg, rgba(0, 0, 0, .55));color:var(--label-color, #ffffff);pointer-events:none}.dd0-ba__label--before{left:1rem}.dd0-ba__label--after{right:1rem}.dd0-ba__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;z-index:5;opacity:0;cursor:ew-resize;background:transparent;-webkit-appearance:none;appearance:none}.dd0-ba__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:100%;cursor:ew-resize}.dd0-ba__input::-moz-range-thumb{width:44px;height:100%;border:0;border-radius:0;background:transparent;cursor:ew-resize}.dd0-ba__input::-moz-range-track{background:transparent}.dd0-ba__input:focus-visible~.dd0-ba__line .dd0-ba__handle{outline:2px solid var(--handle-color, #ffffff);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-dd0-before-after.css.map */