.vectorization-comparison{background:#050505;color:#fff;overflow:hidden}.vectorization-comparison__header{padding-top:7rem;padding-bottom:3.2rem;background:#050505}.vectorization-comparison__eyebrow{margin-bottom:1.2rem;color:#ff5a00;font-size:1.3rem;font-weight:800;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.vectorization-comparison__heading{max-width:110rem;margin:0;color:#fff;font-size:clamp(3.8rem,5.4vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.vectorization-comparison__text{max-width:78rem;margin-top:1.8rem;color:#ffffffb8;font-size:1.7rem;line-height:1.55}.vectorization-comparison__text p{margin:0}.vectorization-comparison__stage{--comparison-position: 50%;position:relative;width:100%;min-height:clamp(38rem,54vw,76rem);overflow:hidden;background:#050505;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}.vectorization-comparison__source,.vectorization-comparison__canvas,.vectorization-comparison__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.vectorization-comparison__source{z-index:1;object-fit:cover;object-position:center}.vectorization-comparison__canvas{z-index:2;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0);pointer-events:none}.vectorization-comparison__label{position:absolute;z-index:5;top:2.4rem;padding:.9rem 1.2rem;background:#050505d1;color:#fff;border:1px solid rgba(255,90,0,.7);font-size:1.2rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.vectorization-comparison__label--left{left:2.4rem}.vectorization-comparison__label--right{right:2.4rem}.vectorization-comparison__divider{position:absolute;z-index:6;top:0;bottom:0;left:var(--comparison-position);width:0;border-left:2px solid #ff5a00;pointer-events:none}.vectorization-comparison__handle{position:absolute;top:50%;left:0;display:grid;place-items:center;width:5.6rem;height:5.6rem;background:#ff5a00;color:#fff;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 .8rem #0000002e;transform:translate(-50%,-50%)}.vectorization-comparison__handle svg{width:2.8rem;height:2.8rem}.vectorization-comparison__range{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}@media screen and (max-width:749px){.vectorization-comparison__header{padding-top:5rem;padding-bottom:2.4rem}.vectorization-comparison__heading{font-size:3.6rem}.vectorization-comparison__text{font-size:1.5rem}.vectorization-comparison__stage{min-height:42rem}.vectorization-comparison__label{top:1.4rem;padding:.7rem .9rem;font-size:1rem}.vectorization-comparison__label--left{left:1.2rem}.vectorization-comparison__label--right{right:1.2rem}.vectorization-comparison__handle{width:4.8rem;height:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vectorization-comparison.css.map */