@charset "UTF-8";.comparers-holder{--gap:1em;--columns:1;display:flex;flex-wrap:wrap;width:100%;gap:var(--gap);justify-content:center}.comparers-holder *,.comparers-holder ::after,.comparers-holder ::before{box-sizing:border-box}.comparers-holder .comparer-wrapper{--scroller-before-position:75%;--scroller-after-position:90%;--scroller-holder-size:clamp(2em, 2.5vw, 2.25em);--scroller-handle-top-position:15%;--scroller-handle-bottom-position:15%;width:calc(calc(100%/var(--columns)) - (calc(var(--gap)/(var(--columns))*(var(--columns) - 1))))}.comparers-holder .comparer,.comparers-holder img{width:100%}.comparers-holder .comparer{position:relative;display:inline-block;vertical-align:top;user-select:none;overflow:hidden}.comparers-holder img{display:block;height:auto}.comparers-holder .caption{position:absolute;left:0;right:0;bottom:0;padding:.5rem 1rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.75);font-size:clamp(1.25em,2vw,1.75em)}.comparers-holder .before,.comparers-holder .before .caption{z-index:10}.comparers-holder .middle,.comparers-holder .middle .caption{z-index:9}.comparers-holder .after,.comparers-holder .after .caption{z-index:8}.comparers-holder .before .caption{text-align:left}.comparers-holder .middle .caption{text-align:center}.comparers-holder .after .caption{text-align:right}.comparers-holder .before,.comparers-holder .middle{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.comparers-holder .before{transform:translate(calc(-100% + var(--scroller-before-position)))}.comparers-holder .before .caption,.comparers-holder .before img{transform:translate(calc(100% - (var(--scroller-before-position))))}.comparers-holder .middle{transform:translate(calc(-100% + var(--scroller-after-position)))}.comparers-holder .middle .caption,.comparers-holder .middle img{transform:translate(calc(100% - (var(--scroller-after-position))))}.comparers-holder .scroller{cursor:col-resize;position:absolute;width:0;top:0;bottom:0;left:var(--scroller-before-position)}.comparers-holder .scroller-after{left:var(--scroller-after-position)}.comparers-holder .scroller::before{content:"";position:absolute;height:100%;background-color:#fff;width:.75em;opacity:.5;transform:translateX(-50%) scale(1,1);z-index:15}.comparers-holder .scroller::after{content:"◂­▸";pointer-events:auto;display:flex;justify-content:center;position:absolute;top:var(--scroller-handle-top-position);width:var(--scroller-holder-size);height:var(--scroller-holder-size);line-height:var(--scroller-holder-size);font-size:var(--scroller-holder-size);text-align:center;font-weight:700;color:#fff;background-color:#000;opacity:.5;border-radius:50%;transform:translateX(-50%);z-index:16}.comparers-holder .scroller-after::after{top:auto;bottom:var(--scroller-handle-bottom-position)}@media (min-width:768px){.comparers-holder{--columns:2}}@media (hover:hover){.comparers-holder .scroller::after,.comparers-holder .scroller::before{opacity:.25;transition:opacity 150ms ease-in-out,transform 150ms ease-in-out}.comparers-holder .scroller::before{transform:translateX(-50%) scale(.25,1)}.comparers-holder .comparer:hover .scroller::after,.comparers-holder .comparer:hover .scroller::before{opacity:.5}.comparers-holder .comparer:hover .scroller::before{transform:translateX(-50%) scale(1,1)}}