.veloura-image-compare{--veloura-image-compare-max-width: 1600px;--veloura-image-compare-content-padding: clamp(2rem, 5vw, 4.5rem);--veloura-image-compare-gap: 0;--veloura-image-compare-handle-size: 2.75rem;--veloura-image-compare-position: 50%;--veloura-image-compare-content-gap: clamp(1.75rem, 5vw, 2.5rem);--veloura-image-compare-aspect-ratio: 4 / 3;color:var(--color-foreground);background-color:var(--color-background)}.veloura-image-compare__wrapper{display:flex;flex-direction:column;gap:var(--veloura-image-compare-gap);width:100%}.veloura-image-compare--contained .veloura-image-compare__wrapper{max-width:var(--veloura-image-compare-max-width);margin-inline:auto}.veloura-image-compare__slider{position:relative;width:100%;min-width:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize;--veloura-image-compare-transition-duration: 0s}.veloura-image-compare__slider.is-dragging{cursor:grabbing}.veloura-image-compare__slider-inner{position:relative;overflow:hidden;line-height:0;width:100%;aspect-ratio:var(--veloura-image-compare-aspect-ratio)}.veloura-image-compare__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.veloura-image-compare__image-before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.veloura-image-compare__image-after-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;clip-path:inset(0 0 0 var(--veloura-image-compare-position, 50%));transition:clip-path var(--veloura-image-compare-transition-duration, 0s) ease-in-out}.veloura-image-compare__image-after-wrap .veloura-image-compare__image{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.veloura-image-compare__placeholder{display:block;width:100%;height:100%;aspect-ratio:var(--veloura-image-compare-aspect-ratio);background-color:#0000000a}.veloura-image-compare__label{position:absolute;z-index:3;bottom:clamp(.75rem,2vw,1.25rem);padding:.35rem .6rem;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:.625rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--color-foreground);background-color:#ffffffeb;pointer-events:none}.veloura-image-compare__label--before{left:clamp(.75rem,2vw,1.25rem)}.veloura-image-compare__label--after{right:clamp(.75rem,2vw,1.25rem)}.veloura-image-compare__divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--veloura-image-compare-position, 50%);width:2px;margin-left:-1px;background-color:var(--color-foreground);pointer-events:none;transition:left var(--veloura-image-compare-transition-duration, 0s) ease-in-out}.veloura-image-compare__slider.is-dragging .veloura-image-compare__image-after-wrap,.veloura-image-compare__slider.is-dragging .veloura-image-compare__divider,.veloura-image-compare__slider.is-dragging .veloura-image-compare__handle{transition:none}.veloura-image-compare__handle{position:absolute;z-index:5;top:50%;left:var(--veloura-image-compare-position, 50%);display:flex;align-items:center;justify-content:center;width:var(--veloura-image-compare-handle-size);height:var(--veloura-image-compare-handle-size);margin-top:calc(var(--veloura-image-compare-handle-size) / -2);margin-left:calc(var(--veloura-image-compare-handle-size) / -2);padding:0;border:1px solid var(--color-foreground);border-radius:50%;background-color:#fffffffa;color:var(--color-foreground);cursor:ew-resize;touch-action:none;transition:left var(--veloura-image-compare-transition-duration, 0s) ease-in-out}.veloura-image-compare__slider.is-dragging .veloura-image-compare__handle{transition:none}.veloura-image-compare__handle:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.veloura-image-compare__handle-icon{display:flex;align-items:center;justify-content:center;gap:.2rem;width:100%;height:100%;pointer-events:none}.veloura-image-compare__handle-bar{display:block;width:2px;height:.85rem;background-color:currentColor}.veloura-image-compare__content{display:flex;flex-direction:column;justify-content:center;gap:var(--veloura-image-compare-content-gap);padding:var(--veloura-image-compare-content-padding);min-width:0}.veloura-image-compare__eyebrow{margin:0;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:12px;line-height:var(--font-paragraph--line-height);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary-button-background)}.veloura-image-compare__heading{margin:0;font-size:clamp(calc(var(--font-h2--size) * .95),3.5vw,calc(var(--font-h2--size) * 1.35))}.veloura-image-compare__paragraph{margin:0;max-width:34rem;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height)}.veloura-image-compare__paragraph>:first-child{margin-block-start:0}.veloura-image-compare__paragraph>:last-child{margin-block-end:0}.veloura-image-compare__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(.65rem,1.5vw,.85rem);max-width:42rem}.veloura-image-compare__list-item{display:flex;align-items:flex-start;gap:.75rem}.veloura-image-compare__list-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;margin-block-start:.15rem}.veloura-image-compare__list-icon svg{display:block;width:100%;height:100%}.veloura-image-compare__list-text{font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:14px;line-height:var(--font-paragraph--line-height)}.veloura-image-compare__button-wrap{margin-block-start:clamp(.25rem,1vw,.75rem)}.veloura-image-compare__button{text-align:center}@media screen and (min-width:750px){.veloura-image-compare__wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.veloura-image-compare--image-right .veloura-image-compare__slider{order:2}.veloura-image-compare__slider{display:flex;flex-direction:column;height:100%;min-height:clamp(22rem,42vw,34rem)}.veloura-image-compare__slider-inner{aspect-ratio:auto;flex:1 1 auto;width:100%;height:100%;min-height:100%}.veloura-image-compare__content{--veloura-image-compare-content-gap: clamp(1rem, 1.8vw, 1.75rem);--veloura-image-compare-content-padding: clamp(1.5rem, 3.5vw, 4.5rem);height:100%;padding-inline-end:calc(var(--veloura-image-compare-content-padding) + clamp(1rem,5vw,6rem))}.veloura-image-compare--image-right .veloura-image-compare__content{padding-inline-end:var(--veloura-image-compare-content-padding);padding-inline-start:calc(var(--veloura-image-compare-content-padding) + clamp(1rem,5vw,6rem))}.veloura-image-compare--contained .veloura-image-compare__wrapper{padding-inline:var(--page-margin)}}@media screen and (max-width:749px){.veloura-image-compare__content{padding-inline:var(--page-margin)}}@media(prefers-reduced-motion:reduce){.veloura-image-compare__image-after-wrap,.veloura-image-compare__divider,.veloura-image-compare__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/veloura-image-compare.css.map */