.coca-image-compare-triple-wrapper{--coca-image-compare-handle-color:#fff;--coca-image-compare-handle-stroke:3px;--coca-image-compare-handle-circle-width:40px;--coca-image-compare-handle-circle-height:40px;--coca-image-compare-handle-box-shadow:3.5px 0 7px #64646433;--coca-image-compare-handle-triangle-color:var(--coca-image-compare-handle-color);--coca-image-compare-handle-triangle-size:6px;--coca-image-compare-handle-triangle-position:5px;--coca-image-compare-handle-radius:1000px;--coca-image-compare-overlay-bg:#00000080;--coca-image-compare-overlay-label-color:#000;--coca-image-compare-overlay-label-bg:#d6d6d680;--coca-image-compare-overlay-label-height:38px;--coca-image-compare-overlay-label-width:50px;--coca-image-compare-overlay-label-padding:20px;--coca-image-compare-overlay-label-font-size:13px;--coca-image-compare-overlay-label-letter-spacing:0.1em;--coca-image-compare-label-radius:2px;display:flex;height:100%;overflow:hidden;width:100%}.coca-image-compare-triple-wrapper *{margin:0}.coca-image-compare-triple-wrapper :not(.label){box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.coca-image-compare-triple-wrapper .coca-image-compare-triple-container{animation:fadeIn .8s;height:auto;max-height:100vh;overflow:hidden;transform:translateZ(0);width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.coca-image-compare-triple-wrapper .coca-image-compare-triple-container:hover .label{opacity:1}.coca-image-compare-triple-wrapper .coca-image-compare-triple-container:hover .overlay{background-color:var(--coca-image-compare-overlay-bg)}.coca-image-compare-triple-wrapper .coca-image-compare-triple-container:hover:has(.scrolling) .overlay{background-color:#0000}.coca-image-compare-triple-wrapper .bottom,.coca-image-compare-triple-wrapper .middle,.coca-image-compare-triple-wrapper .top{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.coca-image-compare-triple-wrapper .bottom img,.coca-image-compare-triple-wrapper .middle img,.coca-image-compare-triple-wrapper .top img{height:auto;max-width:none;object-fit:contain}.coca-image-compare-triple-wrapper .bottom .label,.coca-image-compare-triple-wrapper .middle .label,.coca-image-compare-triple-wrapper .top .label{background:var(--coca-image-compare-overlay-label-bg);border-radius:var(--coca-image-compare-label-radius);color:var(--coca-image-compare-overlay-label-color);font-size:var(--coca-image-compare-overlay-label-font-size);line-height:var(--coca-image-compare-overlay-label-height);min-width:max-content;opacity:1;padding:0 var(--coca-image-compare-overlay-label-padding);position:absolute;text-align:center;transition:.3s ease-in-out;width:var(--coca-image-compare-overlay-label-width)}.coca-image-compare-triple-wrapper .top{width:125px}.coca-image-compare-triple-wrapper.handle-bottom{padding-bottom:40px}.coca-image-compare-triple-wrapper.handle-bottom .coca-image-compare-triple-container{overflow:visible}.coca-image-compare-triple-wrapper .triple-handle-wrapper{background:#00000040;border-radius:30px;bottom:-22px;height:10px;margin-right:0;position:absolute;width:100%}.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller{background:#fff;box-shadow:none;height:unset;width:unset}.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller.scroller-middle,.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller.scroller-top{--coca-image-compare-handle-circle-height:19px;border:0;margin-top:0;padding:0;top:0;transform:none}.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller.scroller-middle:after,.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller.scroller-top:after{margin-left:0}.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller.scroller-middle:before,.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller.scroller-top:before{display:none}.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller .scroller__thumb{border:none!important;border-radius:5px;height:10px}.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller .scroller__thumb .left-arrow,.coca-image-compare-triple-wrapper .triple-handle-wrapper .scroller .scroller__thumb .right-arrow{display:none}.coca-image-compare-triple-wrapper .scroller{border:var(--coca-image-compare-handle-stroke) solid var(--coca-image-compare-handle-color);border-radius:var(--coca-image-compare-handle-radius);box-shadow:var(--coca-image-compare-handle-box-shadow);cursor:pointer;left:100px;margin-left:calc(var(--coca-image-compare-handle-stroke)*-1 + 3px);opacity:.9;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:.3s ease-in-out;transition-property:opacity,background-color,border-color!important;z-index:10}.coca-image-compare-triple-wrapper .scroller:hover{opacity:1}.coca-image-compare-triple-wrapper .scroller:after,.coca-image-compare-triple-wrapper .scroller:before{box-shadow:3.5px 0 7px #64646433;content:" ";display:block;height:9999px;left:50%;margin-left:-1px;position:absolute;transition:.1s ease-in-out;width:3px;z-index:30}.coca-image-compare-triple-wrapper .scroller:before{top:calc(var(--coca-image-compare-handle-circle-height) + var(--coca-image-compare-handle-stroke))}.coca-image-compare-triple-wrapper .scroller:after{bottom:calc(var(--coca-image-compare-handle-circle-height) + var(--coca-image-compare-handle-stroke))}.coca-image-compare-triple-wrapper .scroller.scrolling{opacity:1;pointer-events:none}.coca-image-compare-triple-wrapper .scroller.scroller-middle{top:calc(50% + var(--coca-image-compare-handle-circle-height)/2 + 25px)}.coca-image-compare-triple-wrapper .scroller.scroller-middle:after,.coca-image-compare-triple-wrapper .scroller.scroller-middle:before{background:#fff}.coca-image-compare-triple-wrapper .scroller.scroller-top{top:calc(50% - var(--coca-image-compare-handle-circle-height)/2 - 25px)}.coca-image-compare-triple-wrapper .scroller.scroller-top:after,.coca-image-compare-triple-wrapper .scroller.scroller-top:before{background:#fff}.coca-image-compare-triple-wrapper .scroller .scroller__thumb{height:var(--coca-image-compare-handle-circle-height);position:relative;width:var(--coca-image-compare-handle-circle-width)}.coca-image-compare-triple-wrapper .scroller .scroller__thumb .left-arrow,.coca-image-compare-triple-wrapper .scroller .scroller__thumb .right-arrow{border:6px inset #0000;position:absolute;top:calc(50% - 6px)}.coca-image-compare-triple-wrapper .scroller .scroller__thumb .left-arrow{border-right-color:#fff;left:3px}.coca-image-compare-triple-wrapper .scroller .scroller__thumb .right-arrow{border-left:6px solid #fff;right:3px}.coca-image-compare-triple-wrapper .overlay{background-color:#0000;height:100%;position:absolute;transition:.3s ease-in-out;-webkit-user-select:none;user-select:none;width:100%}.label-horizontal-top .template-default.coca-image-compare-triple-wrapper .top .label,.label-horizontal-top .template-style01.coca-image-compare-triple-wrapper .top .label,.label-horizontal-top .template-style02.coca-image-compare-triple-wrapper .top .label,.label-horizontal-top .template-style03.coca-image-compare-triple-wrapper .top .label,.label-horizontal-top .template-style04.coca-image-compare-triple-wrapper .top .label,.label-horizontal-top .template-style05.coca-image-compare-triple-wrapper .top .label,.label-horizontal-top .template-style06.coca-image-compare-triple-wrapper .top .label,.label-horizontal-top .template-style07.coca-image-compare-triple-wrapper .top .label{left:10px;top:10px}.label-horizontal-top .template-default.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-top .template-style01.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-top .template-style02.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-top .template-style03.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-top .template-style04.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-top .template-style05.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-top .template-style06.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-top .template-style07.coca-image-compare-triple-wrapper .middle .label{left:52%;top:10px;transform:translateX(-50%)}.label-horizontal-top .template-default.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-top .template-style01.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-top .template-style02.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-top .template-style03.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-top .template-style04.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-top .template-style05.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-top .template-style06.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-top .template-style07.coca-image-compare-triple-wrapper .bottom .label{right:10px;top:10px}.label-horizontal-middle .template-default.coca-image-compare-triple-wrapper .top .label,.label-horizontal-middle .template-style01.coca-image-compare-triple-wrapper .top .label,.label-horizontal-middle .template-style02.coca-image-compare-triple-wrapper .top .label,.label-horizontal-middle .template-style03.coca-image-compare-triple-wrapper .top .label,.label-horizontal-middle .template-style04.coca-image-compare-triple-wrapper .top .label,.label-horizontal-middle .template-style05.coca-image-compare-triple-wrapper .top .label,.label-horizontal-middle .template-style06.coca-image-compare-triple-wrapper .top .label,.label-horizontal-middle .template-style07.coca-image-compare-triple-wrapper .top .label{left:10px;top:47%}.label-horizontal-middle .template-default.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-middle .template-style01.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-middle .template-style02.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-middle .template-style03.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-middle .template-style04.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-middle .template-style05.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-middle .template-style06.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-middle .template-style07.coca-image-compare-triple-wrapper .middle .label{left:52%;top:47%;transform:translateX(-50%)}.label-horizontal-middle .template-default.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-middle .template-style01.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-middle .template-style02.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-middle .template-style03.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-middle .template-style04.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-middle .template-style05.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-middle .template-style06.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-middle .template-style07.coca-image-compare-triple-wrapper .bottom .label{right:10px;top:47%}.label-horizontal-bottom .template-default.coca-image-compare-triple-wrapper .top .label,.label-horizontal-bottom .template-style01.coca-image-compare-triple-wrapper .top .label,.label-horizontal-bottom .template-style02.coca-image-compare-triple-wrapper .top .label,.label-horizontal-bottom .template-style03.coca-image-compare-triple-wrapper .top .label,.label-horizontal-bottom .template-style04.coca-image-compare-triple-wrapper .top .label,.label-horizontal-bottom .template-style05.coca-image-compare-triple-wrapper .top .label,.label-horizontal-bottom .template-style06.coca-image-compare-triple-wrapper .top .label,.label-horizontal-bottom .template-style07.coca-image-compare-triple-wrapper .top .label{bottom:10px;left:10px}.label-horizontal-bottom .template-default.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-bottom .template-style01.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-bottom .template-style02.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-bottom .template-style03.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-bottom .template-style04.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-bottom .template-style05.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-bottom .template-style06.coca-image-compare-triple-wrapper .middle .label,.label-horizontal-bottom .template-style07.coca-image-compare-triple-wrapper .middle .label{bottom:10px;left:52%;transform:translateX(-50%)}.label-horizontal-bottom .template-default.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-bottom .template-style01.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-bottom .template-style02.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-bottom .template-style03.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-bottom .template-style04.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-bottom .template-style05.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-bottom .template-style06.coca-image-compare-triple-wrapper .bottom .label,.label-horizontal-bottom .template-style07.coca-image-compare-triple-wrapper .bottom .label{bottom:10px;right:10px}