.ngs-compare{padding-block:clamp(5.6rem,11vw,12rem)}.ngs-compare__head{display:grid;gap:1.6rem;margin-block-end:clamp(2.8rem,5vw,5.6rem)}.ngs-compare__word{margin:0;font-size:clamp(3.4rem,7vw,7rem)}.ngs-compare__honesty{margin:0;max-inline-size:52ch;font-size:clamp(1.5rem,1.5vw,1.7rem);color:rgba(var(--color-foreground),.72)}.ngs-compare__rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,38rem);gap:1.6rem;margin-block:-.6rem;margin-inline:0;padding-block:.6rem;padding-inline:1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none}.ngs-compare__rail::-webkit-scrollbar{display:none}.ngs-compare__item{scroll-snap-align:start;min-inline-size:0}@media screen and (min-width:750px){.ngs-compare__rail{padding-inline:5rem;scroll-padding-inline:5rem;gap:2.4rem}}@media screen and (min-width:990px){.ngs-compare__rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.4rem,3vw,4rem);max-inline-size:var(--page-width);margin-inline:auto;overflow:visible;scroll-snap-type:none}}.ngs-compare__figure{margin:0}.ngs-compare__frame{--pos: 50%;position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.06);cursor:ew-resize;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ngs-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0}.ngs-compare__layer img{display:block;inline-size:100%;block-size:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ngs-compare__layer--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}[dir=rtl] .ngs-compare__layer--before{clip-path:inset(0 0 0 calc(100% - var(--pos)))}.ngs-compare__layer--before:dir(rtl){clip-path:inset(0 0 0 calc(100% - var(--pos)))}.ngs-compare__tag{position:absolute;inset-block-end:1.2rem;padding:.5rem .9rem;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));white-space:nowrap}.ngs-compare__layer--before .ngs-compare__tag{inset-inline-start:1.2rem}.ngs-compare__layer--after .ngs-compare__tag{inset-inline-end:1.2rem}.ngs-compare__handle{position:absolute;inset-block:0;inset-inline-start:calc(var(--pos) - 2.4rem);inline-size:4.8rem;display:grid;place-items:center}.ngs-compare__handle:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(50% - .1rem);inline-size:.2rem;background:rgb(var(--color-background))}.ngs-compare__grip{position:relative;display:grid;place-items:center;inline-size:4.4rem;block-size:4.4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-button));transition:transform .24s var(--ngs-ease, ease)}.ngs-compare__frame:hover .ngs-compare__grip,.ngs-compare__frame[data-dragging] .ngs-compare__grip,.ngs-compare__frame:focus-within .ngs-compare__grip{transform:scale(1.1)}.ngs-compare__handle{touch-action:pan-y}@media screen and (min-width:990px){.ngs-compare__frame{touch-action:pan-y}}.ngs-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;opacity:0;pointer-events:none;-webkit-appearance:none;appearance:none}.ngs-compare__frame:focus-within{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.ngs-compare__cap{margin-block-start:1.6rem}.ngs-compare__name{margin:0;font-size:2.6rem}.ngs-compare__line{margin-block:.6rem 0;margin-inline:0;font-size:1.4rem;color:rgba(var(--color-foreground),.78)}@media(prefers-reduced-motion:reduce){.ngs-compare__grip{transition:none}.ngs-compare__frame:hover .ngs-compare__grip,.ngs-compare__frame[data-dragging] .ngs-compare__grip,.ngs-compare__frame:focus-within .ngs-compare__grip{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ngs-compare.css.map */