.cmr-compare{padding-block:var(--cmr-8)}.cmr-compare__grid{display:grid;gap:var(--cmr-6);align-items:center}.cmr-compare__intro{display:grid;gap:var(--cmr-3);align-content:center}.cmr-compare__intro .cmr-btn{justify-self:start;margin-block-start:var(--cmr-2)}@media screen and (min-width:900px){.cmr-compare__grid{grid-template-columns:minmax(15rem,21rem) 1fr;gap:var(--cmr-8)}}.cmr-compare__frame{position:relative;margin:0;overflow:hidden;border-radius:var(--cmr-radius-lg);background-color:var(--cmr-surface);-webkit-user-select:none;user-select:none;touch-action:pan-y}.cmr-compare__frame--empty{aspect-ratio:3 / 2;display:grid;place-items:center;border:1px dashed var(--cmr-line-strong)}.cmr-compare__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cmr-compare__clip{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--cmr-oran, 50%)) 0 0)}.cmr-compare__line{position:absolute;inset-block:0;inset-inline-start:var(--cmr-oran, 50%);width:2px;margin-inline-start:-1px;background-color:#ffffffe6;box-shadow:0 0 0 1px #0000002e;pointer-events:none}.cmr-compare__knob{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:100px;background-color:#fffffff0;color:#14120f;box-shadow:0 6px 18px -6px #00000080}.cmr-compare__tag{position:absolute;inset-block-end:var(--cmr-3);padding:.3rem .7rem;border-radius:100px;background-color:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:var(--cmr-size-label);letter-spacing:.1em;text-transform:uppercase;transition:opacity var(--cmr-base) var(--cmr-ease)}.cmr-compare__tag--a{inset-inline-start:var(--cmr-3);opacity:clamp(0,calc((var(--cmr-oran, 50%) - 14%) / 10%),1)}.cmr-compare__tag--b{inset-inline-end:var(--cmr-3);opacity:clamp(0,calc((86% - var(--cmr-oran, 50%)) / 10%),1)}.cmr-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:ew-resize}.cmr-compare__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:3rem;height:100%;background:transparent;cursor:ew-resize}.cmr-compare__range::-moz-range-thumb{width:3rem;height:100%;background:transparent;border:0;cursor:ew-resize}.cmr-compare__range::-moz-range-track{background:transparent}.cmr-compare__range:focus-visible{outline:2px solid var(--cmr-accent);outline-offset:3px}.cmr-compare__range:focus-visible~.cmr-compare__line .cmr-compare__knob{box-shadow:0 0 0 3px var(--cmr-accent)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cmr-compare.css.map */