.bel-compare__head{margin-bottom:var(--bel-space-6);text-align:center}.bel-compare__intro{margin-top:var(--bel-space-3)}.bel-compare__grid{display:grid;gap:var(--bel-space-5);grid-template-columns:1fr;max-width:560px;margin-inline:auto}@media screen and (min-width:750px){.bel-compare__grid:has(.bel-compare__item+.bel-compare__item){grid-template-columns:repeat(2,1fr);max-width:100%}}.bel-compare__item{margin:0}.bel-compare__frame{position:relative;overflow:hidden;border-radius:var(--bel-radius-lg);border:1px solid var(--bel-line);background:var(--bel-bg-soft);touch-action:pan-y;-webkit-user-select:none;user-select:none}.bel-compare__img{display:block;width:100%;height:auto;object-fit:cover}.bel-compare__ph{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.bel-compare__frame--still{touch-action:auto;-webkit-user-select:auto;user-select:auto}.bel-compare__still{display:block;width:100%;height:auto}.bel-compare__ph{display:grid;place-items:center;color:var(--bel-ink-faint);font-family:var(--bel-font-body);font-size:1.5rem;background:var(--bel-bg-soft)}.bel-compare__ph--after{background:var(--bel-accent-soft);color:var(--bel-accent-ink)}.bel-compare__after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--bel-compare-pos, 50%)) 0 0)}.bel-compare__after .bel-compare__img,.bel-compare__after .bel-compare__ph{width:100%;height:100%}.bel-compare__tag{position:absolute;top:var(--bel-space-3);padding:var(--bel-space-1) var(--bel-space-3);border-radius:var(--bel-radius-pill);background:#0000009e;color:#fff;font-family:var(--bel-font-body);font-size:1.3rem;font-weight:600;pointer-events:none}.bel-compare__tag--before{right:var(--bel-space-3)}.bel-compare__tag--after{left:var(--bel-space-3)}.bel-compare__line{position:absolute;top:0;bottom:0;left:var(--bel-compare-pos, 50%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0000002e;pointer-events:none}.bel-compare__knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:var(--bel-radius-pill);background:#fff;color:var(--bel-ink);box-shadow:var(--bel-shadow-soft)}.bel-compare__knob svg{width:20px;height:20px}.bel-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;direction:ltr;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.bel-compare__range::-webkit-slider-thumb{-webkit-appearance:none;width:46px;height:200px;background:transparent;cursor:ew-resize}.bel-compare__range::-moz-range-thumb{width:46px;height:200px;border:0;background:transparent;cursor:ew-resize}.bel-compare__range:focus-visible{outline:2px solid var(--bel-accent);outline-offset:3px}.bel-compare__caption{margin-top:var(--bel-space-3);font-family:var(--bel-font-body);font-size:1.5rem;color:var(--bel-ink-soft);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/53/assets/belivo-compare.css.map */