.image-comparison{background:var(--section-bg)}.image-comparison .images-container{--left-pos: 50%;--top-pos: 50%;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px -8px #0000001f,0 4px 12px #0000000a;max-height:460px;background-color:#000}.image-comparison .compare-image{max-height:460px;overflow:hidden}.image-comparison .compare-image img{display:block;vertical-align:middle;cursor:initial;width:100%;height:100%;object-fit:cover;object-position:center}.image-comparison .compare-image.mobile{display:none}.image-comparison .compare-image-overlay{width:var(--left-pos);position:absolute;height:100%;top:0;left:0;overflow:hidden;z-index:2;transition:width 1s ease;will-change:width}.image-comparison .compare-image-overlay img,.image-comparison .compare-image-overlay .placeholder-svg{position:absolute;top:0;left:0;width:100%;min-width:100%;height:100%;object-fit:cover;object-position:left center;z-index:2}.image-comparison .image-comparison-slider{position:absolute;z-index:4;pointer-events:none;width:44px;height:100%;top:0;left:var(--left-pos);transform:translate(-50%);display:block;transition:left 1s ease;will-change:left}.image-comparison .loaded .compare-image-overlay,.image-comparison .loaded .image-comparison-slider{transition:unset;will-change:unset}.image-comparison .image-comparison-slider .slider-divider{height:100%;width:2px;background:#fff;box-shadow:0 0 8px #00000073;margin:0 auto;display:block}.image-comparison .image-comparison-slider .slider-thumb{--slider-thumb-size: 38px;--slider-thumb-background: #ffffff;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-background, #ffffff);transform:translate(-50%,-50%);cursor:ew-resize;pointer-events:auto;border-radius:50%;box-shadow:0 4px 14px #00000047;border:2px solid #ffffff}.image-comparison .image-comparison-slider .slider-thumb-arrows{display:flex;justify-content:center;align-items:center;gap:2px;transform:rotate(0);transition:transform 1s ease}.image-comparison .image-comparison-slider .slider-thumb-arrows .icon-caret,.image-comparison .image-comparison-slider .slider-thumb-arrows svg{--slider-thumb-arrow-size: 11px;width:var(--slider-thumb-arrow-size);height:var(--slider-thumb-arrow-size);fill:#13403c;color:#13403c}.image-comparison .image-comparison-slider .slider-thumb-arrows .icon-caret:first-child{transform:rotate(180deg)}.image-comparison .section-content{--text-width: 480px;display:flex;align-items:center;justify-content:center;gap:48px;max-width:1200px;margin:0 auto}.image-comparison .section-content.content-position-right{flex-direction:row-reverse}.image-comparison .section-content .section-text{width:var(--text-width);max-width:480px;flex-shrink:0;padding:10px 0}.image-comparison .section-content .section-images{width:calc(100% - var(--text-width));flex:1 1 auto;max-width:580px;position:relative}.image-comparison .title.text-center,.image-comparison .description.text-center{margin-left:auto;margin-right:auto}.image-comparison .title.text-left,.image-comparison .description.text-left{margin-left:0;margin-right:auto}.image-comparison .title.text-right,.image-comparison .description.text-right{margin-left:auto;margin-right:0}.image-comparison .subtitle{font-size:var(--subtitle-font-size, 12px);font-weight:var(--subtitle-font-weight, 700);color:var(--subtitle-color, #ba7a2d);font-style:normal;margin-top:0;margin-bottom:12px;letter-spacing:.15em;text-transform:uppercase}.image-comparison .title{font-family:var(--font-heading-family);font-size:var(--title-font-size, 34px);font-weight:var(--title-font-weight, 600);color:var(--title-color, #111111);font-style:var(--title-font-style, italic);margin-top:var(--title-margin-top, 0);margin-bottom:0;max-width:var(--title-max-width, 100%);line-height:1.25;letter-spacing:var(--title-letter-spacing, -.01em)}.image-comparison .description{font-family:var(--font-body-family);font-size:var(--description-font-size, 15px);font-weight:var(--description-font-weight, 400);color:var(--description-color, #333333);margin-top:var(--description-margin-top, 18px);margin-bottom:0;max-width:var(--description-max-width, 460px);line-height:1.65;letter-spacing:var(--description-letter-spacing, .01em);text-transform:none}.image-comparison .shop-all{font-size:var(--button-font-size, 13px);color:var(--button-text-color, #ffffff);text-transform:var(--button-text-transform, uppercase);font-weight:var(--button-font-weight, 600);margin-top:var(--button-margin-top, 28px);letter-spacing:var(--button-text-letter-spacing, .1em)}.image-comparison .shop-all:hover{color:var(--button-text-color-hover, #ffffff)}.image-comparison .shop-all.text-center{margin-left:auto;margin-right:auto;text-align:center}.image-comparison .shop-all.text-right{margin-left:auto;margin-right:0;text-align:center}.image-comparison .shop-all.text-left{margin-left:0;margin-right:auto;text-align:center}.image-comparison .shop-all.button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 32px;width:var(--button-width, auto);min-width:190px;background:var(--button-background, #13403c);border:1px solid var(--button-border-color, #13403c);border-radius:4px;box-shadow:0 4px 14px #13403c33;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none}.image-comparison .shop-all.button:hover{background:var(--button-background-hover, #0d2a27);border-color:var(--button-border-color-hover, #0d2a27);transform:translateY(-2px);box-shadow:0 8px 22px #13403c52}.image-comparison .shop-all.link{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--button-border-color);display:inline-block}.image-comparison .shop-all.link:hover{text-decoration-color:var(--button-border-color-hover)}.image-comparison .section-content.content-position-top{flex-direction:column;gap:25px}.image-comparison .section-content.content-position-top .section-text,.image-comparison .section-content.content-position-top .section-images{width:100%}@media screen and (max-width:991px){.image-comparison .section-content.content-position-right,.image-comparison .section-content.content-position-left,.image-comparison .section-content{flex-direction:column!important;gap:24px;text-align:center}.image-comparison .section-content .section-images,.image-comparison .section-content .section-text{width:100%;max-width:100%}.image-comparison .images-container{max-height:360px;aspect-ratio:4 / 3;border-radius:14px;margin:0 auto}.image-comparison .compare-image{max-height:360px}.image-comparison .subtitle{font-size:var(--subtitle-font-size-mb, 12px);margin-top:0;text-align:center}.image-comparison .title{font-size:var(--title-font-size-mb, 24px);margin-top:8px;text-align:center;max-width:100%}.image-comparison .description{font-size:var(--description-font-size-mb, 14px);margin-top:12px;text-align:center;margin-left:auto;margin-right:auto}.image-comparison .shop-all{margin-top:20px;margin-left:auto;margin-right:auto}.image-comparison .image-comparison-slider .slider-thumb{--slider-thumb-size: 34px}.image-comparison .compare-image.mobile{display:block}.image-comparison .compare-image:not(.mobile,.not-image-mobile){display:none}.image-comparison .image-comparison-badge{font-size:10px;padding:4px 10px;bottom:10px}.image-comparison .image-comparison-badge--left{left:10px}.image-comparison .image-comparison-badge--right{right:10px}}.image-comparison .image-comparison-badge{position:absolute;bottom:16px;z-index:3;padding:6px 14px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.25);pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #0003;transition:opacity .3s ease}.image-comparison .image-comparison-badge--left{left:16px}.image-comparison .image-comparison-badge--right{right:16px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-image-comparison.css.map */