.image-compare-layout{display:grid;grid-template-columns:1fr;align-items:center;gap:3.2rem}@media screen and (min-width:750px){.image-compare-layout{grid-template-columns:.85fr 1.15fr;gap:5rem}}.image-compare__content{text-align:center}@media screen and (min-width:750px){.image-compare__content{text-align:left}}.image-compare__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:3.4rem;margin:0 0 1.2rem}.image-compare__subheading{opacity:.7;font-size:1.5rem;max-width:420px;margin:0 0 2.8rem}@media screen and (max-width:749px){.image-compare__subheading{margin-left:auto;margin-right:auto}}.image-compare__button{display:inline-flex;max-width:100%}.image-compare{display:block;width:100%;user-select:none;-webkit-user-select:none}.image-compare__figure{position:relative;width:100%;overflow:hidden;background:rgba(var(--color-foreground),.04)}.image-compare__image{display:block;width:100%;height:auto;pointer-events:none}.image-compare__image--after{position:relative;z-index:1}.image-compare__clip{position:absolute;top:0;left:0;height:100%;width:var(--start-position, 50%);overflow:hidden;z-index:2}.image-compare__clip .image-compare__image--before{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none}.image-compare__handle{position:absolute;top:0;bottom:0;left:var(--start-position, 50%);z-index:3;width:2px;background:rgb(var(--color-background));cursor:ew-resize;transform:translate(-50%);touch-action:none}.image-compare__handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.image-compare__label{position:absolute;bottom:1.6rem;z-index:4;font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;padding:.6rem 1.2rem;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));pointer-events:none}.image-compare__label--before{left:1.6rem}.image-compare__label--after{right:1.6rem}.image-compare__placeholder{text-align:center;padding:6rem 2rem;opacity:.5;font-size:1.4rem;border:1px dashed rgba(var(--color-foreground),.2)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-compare-slider.css.map */