ee-before-after{display:block;margin:24px 0;--ee-ba-bg: #c2e6e0;--ee-ba-label: #0a3b3a;--ee-ba-divider: #111;--ee-ba-handle-bg: #111;--ee-ba-handle-fg: #fff}.ee-ba__frame{position:relative;padding:0;border-radius:10px;background:var(--ee-ba-bg);overflow:hidden;max-width:400px;margin:0 auto;transition:all .3s;box-shadow:0 0 8px 2px #00000020}.ee-ba__frame:hover{box-shadow:2px 2px 5px 2px #00000050}.ee-ba__header{display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none;position:absolute;top:0;width:100%;left:0;padding:6px 10px 0;z-index:3}.ee-ba__label{font-family:Poppins,Montserrat,sans-serif;font-weight:500;font-size:16px;letter-spacing:.02em;color:var(--ee-ba-label);transition:opacity .25s ease}.ee-ba__label--before{opacity:min(1,max(0,calc((var(--ee-ba-pos-num, 50) - 2) / 8)))}.ee-ba__label--after{opacity:min(1,max(0,calc((98 - var(--ee-ba-pos-num, 50)) / 8)))}.ee-ba__viewer{position:relative;width:100%;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize;overflow:hidden;border-radius:8px}.ee-ba__image{position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ee-ba__after-clip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;clip-path:inset(0 0 0 var(--ee-ba-pos, 50%));-webkit-clip-path:inset(0 0 0 var(--ee-ba-pos, 50%));transition:clip-path 0s linear,-webkit-clip-path 0s linear}.ee-ba__divider{position:absolute;top:0;bottom:0;left:var(--ee-ba-pos, 50%);width:2px;background:var(--ee-ba-divider);transform:translate(-50%);z-index:3;pointer-events:none;transition:left 0s linear}.ee-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:8px;background:var(--ee-ba-handle-bg);color:var(--ee-ba-handle-fg);display:grid;place-items:center;box-shadow:0 2px 8px #0003}.ee-ba__handle svg{width:14px;height:22px}.ee-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize;z-index:5;opacity:0}.ee-ba__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:36px;height:36px;background:transparent;cursor:ew-resize}.ee-ba__range::-moz-range-thumb{width:36px;height:36px;background:transparent;border:0;cursor:ew-resize}.ee-ba__range::-moz-range-track{background:transparent}.ee-ba__range:focus-visible{outline:none}.ee-ba.is-keyboard-focus .ee-ba__handle{box-shadow:0 0 0 3px #007aff8c,0 2px 8px #0003}.ee-ba.is-animating .ee-ba__after-clip{transition:clip-path 1.2s cubic-bezier(.4,0,.2,1),-webkit-clip-path 1.2s cubic-bezier(.4,0,.2,1)}.ee-ba.is-animating .ee-ba__divider{transition:left 1.2s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:740px){.ee-ba__label{font-size:14px}.ee-ba__header{padding:5px 5px 0}.ee-ba__handle{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/product-before-after.css.map */