.eoc-compare{max-width:100%;--eoc-line-thick:2px;--eoc-line-color:#ffffff;--eoc-dot-size:15px;--eoc-dot-border:2px;--eoc-badge-bg:rgba(0,0,0,.45);--eoc-badge-text:rgba(255,255,255,.95)}.eoc-compare__wrap{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--eoc-aspect,3 / 2);touch-action:none}.eoc-compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--eoc-fit,cover);display:block;user-select:none;-webkit-user-drag:none}.eoc-compare__img--top{opacity:.5;transition:opacity .05s linear}.eoc-compare--reveal .eoc-compare__top-clip{position:absolute;inset:0;overflow:hidden;width:50%;height:100%}.eoc-compare--reveal.eoc-compare--vertical .eoc-compare__top-clip{width:100%;height:50%}.eoc-compare--reveal .eoc-compare__handle{position:absolute;pointer-events:none}.eoc-compare--reveal.eoc-compare--horizontal .eoc-compare__handle{top:0;left:50%;width:0;height:100%;transform:translateX(-50%)}.eoc-compare--reveal.eoc-compare--horizontal .eoc-compare__handle::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--eoc-line-thick) * -0.5);width:var(--eoc-line-thick);background:var(--eoc-line-color)}.eoc-compare--reveal.eoc-compare--vertical .eoc-compare__handle{left:0;top:50%;width:100%;height:0;transform:translateY(-50%)}.eoc-compare--reveal.eoc-compare--vertical .eoc-compare__handle::before{content:"";position:absolute;left:0;right:0;top:calc(var(--eoc-line-thick) * -0.5);height:var(--eoc-line-thick);background:var(--eoc-line-color)}.eoc-compare--reveal .eoc-compare__knob{display:block;width:var(--eoc-dot-size);height:var(--eoc-dot-size);border-radius:999px;background:#fff0;border:var(--eoc-dot-border) solid var(--eoc-line-color);box-shadow:none;background-image:none;position:absolute}.eoc-compare--reveal.eoc-compare--horizontal .eoc-compare__knob{left:0;top:50%;transform:translate(-50%,-50%)}.eoc-compare--reveal.eoc-compare--vertical .eoc-compare__knob{left:50%;top:0;transform:translate(-50%,-50%)}.eoc-compare--reveal .eoc-compare__knob::before,.eoc-compare--reveal .eoc-compare__knob::after{content:none}.eoc-compare__wrap--dragging{cursor:grabbing}.eoc-compare__range{width:100%;margin-top:var(--eoc-range-mt,0)}.eoc-compare--slider-vertical .eoc-compare__range{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:100%;height:160px}.eoc-compare__labels{display:flex;justify-content:space-between;font-size:13px;opacity:.8;margin-top:6px}.eoc-compare__badge{position:absolute;z-index:5;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;background:var(--eoc-badge-bg);color:var(--eoc-badge-text)}.eoc-compare--badge-top .eoc-compare__badge--a{top:12px;left:12px}.eoc-compare--badge-top .eoc-compare__badge--b{top:12px;right:12px}.eoc-compare--badge-bottom .eoc-compare__badge--a{bottom:12px;left:12px}.eoc-compare--badge-bottom .eoc-compare__badge--b{bottom:12px;right:12px}.eoc-compare--touch .eoc-compare__range{height:32px}@media (max-width:767px){.eoc-compare--touch .eoc-compare__knob{width:calc(var(--eoc-dot-size) * 1.15);height:calc(var(--eoc-dot-size) * 1.15)}.eoc-compare--touch .eoc-compare__labels{font-size:12px}.eoc-compare__badge{font-size:11px;padding:5px 9px}}.eoc-compare__range{width:100%;margin-top:var(--eoc-range-mt,12px);background:#fff0;-webkit-appearance:none;appearance:none;height:22px;padding:0;outline:none}.eoc-compare__range::-webkit-slider-runnable-track{height:2px;background:#fff;border:0;border-radius:0;box-shadow:none}.eoc-compare__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:999px;background:#fff;border:0;box-shadow:none;margin-top:-4px}.eoc-compare__range::-moz-range-track{height:2px;background:#fff;border:0;border-radius:0;box-shadow:none}.eoc-compare__range::-moz-range-thu .eoc-compare input.eoc-compare__range[type="range"]{-webkit-appearance:none!important;appearance:none!important;width:100%!important;height:22px!important;margin-top:var(--eoc-range-mt,12px)!important;padding:0!important;background:transparent!important;outline:none!important;border:0!important;accent-color:#fff!important}.eoc-compare input.eoc-compare__range[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none!important;height:2px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}.eoc-compare input.eoc-compare__range[type="range"]::-webkit-slider-thumb{-webkit-appearance:none!important;width:10px!important;height:10px!important;border-radius:999px!important;background:#fff!important;border:0!important;box-shadow:none!important;margin-top:-4px!important}.eoc-compare input.eoc-compare__range[type="range"]::-moz-range-track{height:2px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}.eoc-compare input.eoc-compare__range[type="range"]::-moz-range-thumb{width:10px!important;height:10px!important;border-radius:999px!important;background:#fff!important;border:0!important;box-shadow:none!important}.eoc-compare input.eoc-compare__range[type="range"]::-moz-range-progress{height:2px!important;background:#fff!important;border:0!important;box-shadow:none!important}