.compare{background:var(--compare-bg);color:var(--compare-text)}.compare__intro{max-width:64rem;margin-bottom:4rem}.compare__rating{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:1.6rem;color:var(--compare-heading)}.compare__stars{display:inline-flex;gap:.2rem}.compare__heading{color:var(--compare-heading);font-size:calc(3.4rem * var(--font-heading-scale) * var(--compare-heading-scale, 1))}@media screen and (min-width:990px){.compare__heading{font-size:calc(4.6rem * var(--font-heading-scale) * var(--compare-heading-scale, 1))}}.compare__text{font-size:calc(1.8rem * var(--font-body-scale))}.compare__button{margin-top:var(--compare-btn-gap, 2.4rem);border-radius:var(--compare-btn-radius, var(--button-radius));padding:var(--compare-btn-py, 1.4rem) var(--compare-btn-px, 3.2rem);font-size:var(--compare-btn-fs, 1.6rem)}.compare__widget{display:block}.compare__frame{position:relative;overflow:hidden;border-radius:var(--card-radius);aspect-ratio:4 / 5}@media screen and (min-width:750px){.compare__frame{aspect-ratio:16 / 9}}.compare__side{position:absolute;top:0;right:0;bottom:0;left:0}.compare__side--second{clip-path:inset(0 0 0 var(--compare-position))}.compare__side picture,.compare__image,.compare__side svg{width:100%;height:100%;object-fit:cover;display:block}.compare__divider{position:absolute;top:0;bottom:0;left:var(--compare-position);width:2px;margin-left:-1px;background:#fff;pointer-events:none}.compare__handle{position:absolute;top:50%;left:var(--compare-position);transform:translate(-50%,-50%);width:6.4rem;height:6.4rem;border-radius:50%;background:#fff;color:rgb(var(--color-text));display:flex;align-items:center;justify-content:center;gap:.8rem;box-shadow:0 4px 16px #0000002e;pointer-events:none}.compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.compare__range:focus-visible~.compare__handle{outline:2px solid rgb(var(--color-text));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/56/assets/image-compare.css.map */
