.image-comparison{width:100%;max-width:none;margin:0;display:block;--ic-ratio:1562 / 750}.image-comparison,.image-comparison *{box-sizing:border-box}.image-comparison .image-comparison__slider-wrapper{position:relative;isolation:isolate;width:100%;display:block;border-radius:8px;overflow:hidden}.image-comparison .image-comparison__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-comparison .image-comparison__figure{position:relative;margin:0}.image-comparison .image-comparison__figure:not(.image-comparison__figure--overlay){position:relative;aspect-ratio:var(--ic-ratio);width:100%;overflow:hidden}.image-comparison .image-comparison__figure--overlay{position:absolute;inset:0;width:100%;height:100%}.image-comparison .image-comparison__figure::before{content:"";position:absolute;inset:0;background-color:#f2f2f2}.image-comparison .image-comparison__picture{position:absolute;inset:0;display:block;width:100%;height:100%}.image-comparison .image-comparison__image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}.image-comparison .image-comparison__image-wrapper{position:relative;z-index:1;width:100%;display:block}.image-comparison .image-comparison__image-wrapper--overlay{position:absolute;inset:0;z-index:2;overflow:hidden;clip-path:inset(0 50% 0 0);-webkit-clip-path:inset(0 50% 0 0)}.image-comparison .image-comparison__range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;background:#fff0;border:0;appearance:none;outline:none;cursor:ew-resize;z-index:20}.image-comparison{touch-action:pan-y;overscroll-behavior:contain}.image-comparison .image-comparison__range{touch-action:none;-ms-touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:#fff0}.image-comparison .image-comparison__range::-webkit-slider-runnable-track{width:100%;height:100%;opacity:0}.image-comparison .image-comparison__range::-webkit-slider-thumb{width:40px;height:40px;opacity:0}.image-comparison .image-comparison__range::-moz-range-thumb{width:40px;height:40px;opacity:0}.image-comparison .image-comparison__range::-ms-fill-lower{background-color:#fff0}.image-comparison .image-comparison__range::-ms-track{width:100%;height:100%;border:0;margin:0;padding:0;background:#fff0;color:#fff0;outline:none;cursor:ew-resize}.image-comparison .image-comparison__range::-ms-thumb{width:.5%;height:100%;opacity:0}.image-comparison .image-comparison__range::-ms-tooltip{display:none}.image-comparison .image-comparison__slider{position:absolute;inset-block:0;left:50%;width:3px;height:100%;background-color:#fff;transition:background-color 0.3s ease-in-out;z-index:10}.image-comparison .image-comparison__range.image-comparison__range--active~.image-comparison__slider{background-color:rgb(255 255 255 / .8)}.image-comparison .image-comparison__thumb{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;display:flex;align-items:center;justify-content:center;isolation:isolate;background-color:#efff00;color:#1a1a1a;border-radius:999px;box-shadow:0 0 22px 0 rgb(0 0 0 / .5);transform-origin:center;transition:transform 0.3s ease-in-out,background-color 0.3s ease-in-out}.image-comparison .image-comparison__thumb::after{content:"";position:absolute;inset:-6px;border-radius:999px;border:2px solid #efff00;opacity:0;transform:scale(.85);pointer-events:none;z-index:-1;animation:ic-pulse 3s ease-out infinite}@keyframes ic-pulse{0%{opacity:0;transform:scale(.85)}12%{opacity:.9;transform:scale(1)}55%{opacity:0;transform:scale(1.9)}100%{opacity:0;transform:scale(1.9)}}.image-comparison .image-comparison__range:active~.image-comparison__slider .image-comparison__thumb::after,.image-comparison .image-comparison__range:focus~.image-comparison__slider .image-comparison__thumb::after,.image-comparison .image-comparison__range.image-comparison__range--active~.image-comparison__slider .image-comparison__thumb::after{animation:none;opacity:0}@media (hover:hover){.image-comparison .image-comparison__range:hover~.image-comparison__slider .image-comparison__thumb{transform:scale(1.2)}}.image-comparison .image-comparison__range:active~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__range:focus~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__range.image-comparison__range--active~.image-comparison__slider .image-comparison__thumb{transform:scale(.9);background-color:#efff00;color:#1a1a1a}.image-comparison .image-comparison__caption{position:absolute;bottom:12px;display:block;min-width:max-content;color:#fff;font-weight:700;text-transform:uppercase;z-index:3;pointer-events:none}@media (max-width:40.063em){.image-comparison .image-comparison__caption{font-size:12px}}.image-comparison .image-comparison__caption--before{left:12px}.image-comparison .image-comparison__caption--after{right:12px;text-align:right}.image-comparison .image-comparison__caption-body{max-width:40vmin;padding:6px 12px;background-color:#000;border-radius:8px}@media (max-width:768px){.image-comparison .image-comparison__range::-webkit-slider-thumb{width:56px;height:56px}.image-comparison .image-comparison__range::-moz-range-thumb{width:56px;height:56px}}