.setup-section{display:block;width:100%;padding:32px 0;background:#fff}.setup-section,.setup-section *{box-sizing:border-box}.setup-compare{display:block;width:84%;max-width:1600px;margin:0 auto}.setup-compare__stage{position:relative;width:100%;height:min(650px,calc(100svh - 160px));overflow:hidden;isolation:isolate;border-radius:30px;background:#141414}.setup-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.setup-compare__layer--before{clip-path:inset(0 calc(100% - var(--split, 50%)) 0 0)}.setup-compare__layer--after{clip-path:inset(0 0 0 var(--split, 50%))}.setup-compare__image{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.setup-compare__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;color:#fff;font-size:15px;line-height:1.5;text-align:center}.setup-compare__divider{position:absolute;top:0;bottom:0;left:var(--split, 50%);z-index:2;width:2px;transform:translate(-50%);background:#fff;pointer-events:none}.setup-compare__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:34px;height:44px;transform:translate(-50%,-50%);border-radius:999px;background:#fff;color:#111;box-shadow:0 2px 10px #00000026}.setup-compare__handle svg{display:block;width:24px;height:24px}.setup-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.setup-compare__stage:has(.setup-compare__range:focus-visible) .setup-compare__handle{outline:3px solid #df252b;outline-offset:3px}.setup-hotspot{position:absolute;top:var(--hotspot-y, 50%);left:var(--hotspot-x, 50%);z-index:5;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:#fff;color:#111;text-decoration:none;box-shadow:0 0 0 8px #ffffff3d;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}a.setup-hotspot{cursor:pointer}.setup-hotspot svg{display:block;width:22px;height:22px;pointer-events:none}.setup-hotspot--unset{border:2px dashed #df252b}@media(hover:hover)and (pointer:fine){a.setup-hotspot:hover{background:#df252b;color:#fff;box-shadow:0 0 0 8px #df252b38}}a.setup-hotspot:active{background:#df252b;color:#fff}a.setup-hotspot:focus-visible{outline:3px solid #df252b;outline-offset:5px}@media(min-width:750px)and (max-width:1100px){.setup-compare{width:90%}.setup-hotspot{width:40px;height:40px;box-shadow:0 0 0 6px #ffffff3d}}@media(max-width:749px){.setup-section{padding:24px 0}.setup-compare{width:calc(100% - 24px)}.setup-compare__stage{height:auto;aspect-ratio:var(--setup-ratio, 1.77778);border-radius:22px}.setup-compare__image{object-fit:contain}.setup-hotspot{width:28px;height:28px;box-shadow:0 0 0 4px #ffffff3d}.setup-hotspot svg{width:17px;height:17px}.setup-compare__handle{width:26px;height:36px}.setup-compare__handle svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.setup-hotspot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/setup-comparison.css.map */