.image-comparison__container{display:block;position:relative;overflow:hidden;--image-comparison-position: 50%;border-radius:var(--media-radius)}.image-comparison__image-container{aspect-ratio:1 / 1;width:100%;position:relative}@media screen and (min-width: 750px){.image-comparison__image-container{aspect-ratio:16 / 9}}.image-comparison__slider-image{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.image-comparison__image-after{clip-path:polygon(var(--image-comparison-position) 0,100% 0,100% 100%,var(--image-comparison-position) 100%)}.image-comparison__slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;width:100%;height:100%;z-index:2}.image-comparison__slider:focus-visible~.image-comparison__slider-button{outline:5px solid black;outline-offset:3px}.image-comparison__slider-line{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;width:.2rem;height:100%;background-color:#fff;left:var(--image-comparison-position);transform:translate(-50%);pointer-events:none;z-index:2;opacity:.8}.image-comparison__slider-button{position:absolute;background-color:#fff;color:#000;padding:.5rem;border-radius:100vw;display:grid;place-items:center;bottom:22%;left:var(--image-comparison-position);transform:translate(-50%,-50%);pointer-events:none;box-shadow:1px 1px 1px #08030380;z-index:2;opacity:.9}.image-comparison__slider-button svg{width:20px;height:20px}@media screen and (min-width: 750px){.image-comparison__slider-button svg{width:30px;height:30px}}@keyframes image-slider-flicker{0%{--image-comparison-position: 50%}5%{--image-comparison-position: 49%}10%{--image-comparison-position: 48%}15%{--image-comparison-position: 47%}20%{--image-comparison-position: 46%}25%{--image-comparison-position: 45%}30%{--image-comparison-position: 44%}35%{--image-comparison-position: 43%}40%{--image-comparison-position: 42%}45%{--image-comparison-position: 41%}50%{--image-comparison-position: 40%}55%{--image-comparison-position: 41%}60%{--image-comparison-position: 42%}65%{--image-comparison-position: 43%}70%{--image-comparison-position: 44%}75%{--image-comparison-position: 45%}80%{--image-comparison-position: 46%}85%{--image-comparison-position: 47%}90%{--image-comparison-position: 48%}95%{--image-comparison-position: 49%}to{--image-comparison-position: 50%}}@media (prefers-reduced-motion: no-preference){.scroll-trigger:not(.scroll-trigger--offscreen) .image-comparison__container{animation:image-slider-flicker var(--duration-extra-long) var(--ease-out-slow);animation-delay:1s}}.image-comparison__selectors-wrapper{display:flex;justify-content:center}.image-comparison__selectors{display:flex;gap:var(--grid-mobile-horizontal-spacing);padding:var(--grid-mobile-horizontal-spacing) calc(var(--grid-mobile-horizontal-spacing) / 3);background:transparent;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.image-comparison__selectors::-webkit-scrollbar{display:none}.image-comparison__selectors input{height:0;visibility:hidden;position:absolute;width:0}.image-comparison__selectors .img-hover__zoom img{width:70px;height:70px;transition:transform var(--duration-long) ease,;cursor:pointer}.image-comparison__selectors .img-hover__zoom{display:block;border-radius:calc(var(--media-radius)* .5);line-height:0}.image-comparison__selectors input~label{transition:box-shadow var(--duration-medium) ease-in-out}.image-comparison__selectors .img-hover__zoom:hover img{transform:scale(1.03)}.image-comparison__selectors input:checked~label{box-shadow:0 0 0 calc(var(--grid-mobile-horizontal-spacing) / 3) rgb(var(--color-success-background))}.image-comparison__text-before,.image-comparison__text-after{background:rgb(var(--color-background));position:absolute;z-index:1;text-transform:uppercase;left:25px;font-weight:600;letter-spacing:1px;font-size:1.1rem;padding:.1rem .3rem;top:30px;border-radius:var(--badge-corner-radius)}.image-comparison__text-before{left:25px}.image-comparison__text-after{right:25px;left:auto}@media screen and (min-width: 750px){.image-comparison__selectors{gap:var(--grid-desktop-horizontal-spacing);padding:var(--grid-desktop-horizontal-spacing) calc(var(--grid-desktop-horizontal-spacing) / 4)}.image-comparison__selectors input:checked~label{box-shadow:0 0 0 calc(var(--grid-desktop-horizontal-spacing) / 4) rgb(var(--color-success-background))}.image-comparison__selectors .img-hover__zoom img{width:100px;height:100px}.image-comparison__text-before,.image-comparison__text-after{top:50px;font-size:1.3rem;padding:.2rem .5rem}}.image-comparison__slider{-webkit-appearance:none}.image-comparison__slider::-webkit-slider-runnable-track{width:100px;height:4px;cursor:col-resize;background:#ccc;border:1px solid #333}.image-comparison__slider::-webkit-slider-thumb{border:1px solid #333;height:1000px;width:40px;background:#fff;-webkit-appearance:none;margin-top:-500px}
/*# sourceMappingURL=/cdn/shop/t/159/assets/section-image-comparison-slider.css.map */