.islander-image-comparison-section{padding-block:clamp(6.4rem,9vw,12rem);overflow:hidden;background:var(--islander-ink);color:var(--islander-surface-raised)}.islander-image-comparison__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,.7fr);gap:clamp(2.4rem,5vw,8rem);align-items:end;margin-bottom:clamp(3.2rem,5vw,5.6rem)}.islander-image-comparison__eyebrow,.islander-image-comparison__heading,.islander-image-comparison__text{margin:0}.islander-image-comparison__eyebrow{margin-bottom:1.4rem;color:#cbd3ca;font-family:var(--islander-font-ui);font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.islander-image-comparison__heading{max-width:14ch;color:var(--islander-surface-raised);font-family:var(--islander-font-display);font-size:clamp(4rem,6vw,8rem);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:var(--islander-line-height-display);text-wrap:balance}.islander-image-comparison__text{max-width:54rem;color:#d9ddd9;font-size:clamp(1.5rem,1.3vw,1.8rem);line-height:1.65}islander-image-comparison{--comparison-position: 50%;display:block}.islander-image-comparison__stage{position:relative;aspect-ratio:16 / 8.5;overflow:hidden;background:#101410;border-radius:.4rem;box-shadow:0 2.8rem 8rem #00000047}.islander-image-comparison__picture,.islander-image-comparison__image,.islander-image-comparison__after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.islander-image-comparison__image{object-fit:cover;object-position:center}.islander-image-comparison__after{clip-path:inset(0 0 0 var(--comparison-position))}.islander-image-comparison__divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--comparison-position);width:.2rem;background:#fff;transform:translate(-50%);pointer-events:none}.islander-image-comparison__handle{position:absolute;top:50%;left:50%;display:flex;width:5.6rem;height:5.6rem;align-items:center;justify-content:center;gap:.2rem;color:var(--islander-ink);background:#fff;border-radius:50%;box-shadow:0 .8rem 2.4rem #0000003d;transform:translate(-50%,-50%)}.islander-image-comparison__handle .icon{width:1.4rem;height:1.4rem}.islander-image-comparison__handle .icon:first-child{transform:rotate(180deg)}.islander-image-comparison__label{position:absolute;z-index:2;bottom:2.4rem;padding:.8rem 1.2rem;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#141915c7;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);pointer-events:none}.islander-image-comparison__label--before{left:2.4rem}.islander-image-comparison__label--after{right:2.4rem}.islander-image-comparison__range{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}.islander-image-comparison__stage:has(.islander-image-comparison__range:focus-visible){outline:.3rem solid #fff;outline-offset:.4rem}.islander-image-comparison__fallback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.islander-image-comparison__fallback figure{margin:0}.islander-image-comparison__fallback img{width:100%;aspect-ratio:4 / 3;object-fit:cover}@media screen and (max-width:749px){.islander-image-comparison__header{grid-template-columns:1fr}.islander-image-comparison__heading{font-size:clamp(3.8rem,13vw,5.6rem)}.islander-image-comparison__stage{width:100vw;margin-inline:calc(50% - 50vw);aspect-ratio:4 / 5;border-radius:0}.islander-image-comparison__label{bottom:1.6rem}.islander-image-comparison__label--before{left:1.6rem}.islander-image-comparison__label--after{right:1.6rem}}@media(prefers-reduced-motion:reduce){.islander-image-comparison__after,.islander-image-comparison__divider{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/islander-image-comparison.css.map */