.image-comparison{background:var(--section-bg)}.image-comparison .images-container{--left-pos: 50%;--top-pos: 50%;position:relative}.image-comparison .compare-image img{display:block;vertical-align:middle;cursor:initial}.image-comparison .compare-image.mobile{display:none}.image-comparison .compare-image-overlay{width:var(--left-pos);position:absolute;height:100%;top:0;left:0;transition:width 1s ease;will-change:width}.image-comparison .compare-image-overlay img{object-fit:cover;object-position:left;z-index:2}.image-comparison .image-comparison-slider{position:absolute;z-index:3;pointer-events:none;width:40px;height:100%;background-color:transparent;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:3px;background:#fff;margin:0 auto;display:block}.image-comparison .image-comparison-slider .slider-thumb{--slider-thumb-size: 40px;--slider-thumb-background: #fff;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, #fff);transform:translate(-50%,-50%);cursor:ew-resize;pointer-events:auto;border-radius:50%}.image-comparison .image-comparison-slider .slider-thumb-arrows{display:flex;justify-content:space-between;align-items:center;transform:rotate(-90deg);transition:transform 1s ease}.image-comparison .image-comparison-slider .slider-thumb-arrows .icon-caret{--slider-thumb-arrow-size: calc(var(--slider-thumb-size) - 22px);width:var(--slider-thumb-arrow-size);height:var(--slider-thumb-arrow-size)}.image-comparison .image-comparison-slider .slider-thumb-arrows .icon-caret:first-child{transform:rotate(180deg)}.image-comparison .section-content{--text-width: 500px;display:flex}.image-comparison .section-content.content-position-right{flex-direction:row-reverse}.image-comparison .section-content .section-text{width:var(--text-width)}.image-comparison .section-content .section-images{width:calc(100% - var(--text-width));flex-shrink:0;flex-grow:1;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);font-weight:var(--subtitle-font-weight);color:var(--subtitle-color);font-style:var(--subtitle-font-style);margin-top:var(--subtitle-margin-top);margin-bottom:0;font-family:var(--font-body-family);letter-spacing:var(--subtitle-letter-spacing)}.image-comparison .title{font-size:var(--title-font-size);font-weight:var(--title-font-weight);color:var(--title-color);font-style:var(--title-font-style);margin-top:var(--title-margin-top);margin-bottom:0;max-width:var(--title-max-width);line-height:1.4;letter-spacing:var(--title-letter-spacing)}.image-comparison .description{font-size:var(--description-font-size);font-weight:var(--description-font-weight);color:var(--description-color);margin-top:var(--description-margin-top);max-width:var(--description-max-width);letter-spacing:var(--description-letter-spacing)}.image-comparison .shop-all{font-size:var(--button-font-size);color:var(--button-text-color);text-transform:var(--button-text-transform);font-weight:var(--button-font-weight);margin-top:var(--button-margin-top);letter-spacing:var(--button-text-letter-spacing)}.image-comparison .shop-all:hover{color:var(--button-text-color-hover)}.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{width:var(--button-width);background:var(--button-background);border:1px solid var(--button-border-color)}.image-comparison .shop-all.button:hover{background:var(--button-background-hover);border:1px solid var(--button-border-color-hover)}.image-comparison .shop-all.link{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--button-border-color);display:block}.image-comparison .shop-all.link:hover{text-decoration-color:var(--button-border-color-hover)}.image-comparison .shop-all.link.text-center{margin-left:auto;margin-right:auto}.image-comparison .shop-all.link.text-left{margin-left:0;margin-right:auto}.image-comparison .shop-all.link.text-right{margin-left:auto;margin-right:0}.image-comparison .shop-all.button.custom-border{overflow:unset;margin-bottom:10px}.image-comparison .shop-all.button.custom-border:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--custom-border-color);transform:translate(6px) translateY(6px);z-index:-1;transition:background var(--duration-short) ease-out}.image-comparison .shop-all.button.custom-border:hover:after{background:var(--custom-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%}.image-comparison .section-content.style-2 .section-text{position:relative;z-index:1}.image-comparison .section-content.style-2 .style-wrapper{width:105%;aspect-ratio:1 / 1;position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--background);border-radius:50%;z-index:1;opacity:0;transition:opacity .4s ease-in-out 50ms}.image-comparison .section-content.style-2 .style-wrapper.fade-in{opacity:1}.image-comparison .section-content.style-2 .style-wrapper:after{content:"";position:absolute;display:block;top:10px;left:10px;background:transparent;border:1px solid var(--border-color);width:100%;height:100%;border-radius:50%;pointer-events:none}.image-comparison .section-content.content-position-right.style-2 .style-wrapper{left:-40px}.image-comparison .section-content.content-position-left.style-2 .style-wrapper{right:-40px}@media screen and (max-width:992px){.image-comparison .subtitle{font-size:var(--subtitle-font-size-mb);margin-top:15px}.image-comparison .title{font-size:var(--title-font-size-mb);margin-top:15px}.image-comparison .description{font-size:var(--description-font-size-mb);margin-top:15px}.image-comparison .shop-all{font-size:calc(var(--button-font-size) - 4px);margin-top:15px}.image-comparison .image-comparison-slider .slider-thumb{--slider-thumb-size: 30px}.image-comparison .image-comparison-slider .slider-thumb-arrows .icon-caret{--slider-thumb-arrow-size: calc(var(--slider-thumb-size) - 19px)}.image-comparison .compare-image.mobile{display:block}.image-comparison .compare-image:not(.mobile,.not-image-mobile){display:none}}@media screen and (max-width:1435px){.image-comparison .section-content.style-2{gap:10px}.image-comparison .section-content.style-2 .style-wrapper{position:static;transform:unset;width:100%}}@media screen and (max-width:1280px){.image-comparison .section-content.content-position-right,.image-comparison .section-content.content-position-left{flex-direction:column;gap:20px}.image-comparison .section-content .section-images,.image-comparison .section-content .section-text{width:100%}.image-comparison .section-content.style-2 .style-wrapper{aspect-ratio:unset;background:none}.image-comparison .section-content.style-2 .style-wrapper:after{display:none}.image-comparison .title,.image-comparison .description{max-width:unset}.image-comparison .title{margin-top:10px}.image-comparison .description{margin-top:15px}.image-comparison .shop-all{margin-top:20px}.image-comparison .section-content.style-2 .style-wrapper{animation:unset}}@keyframes circle-float{0%,to{transform:translate(10px) translateY(calc(-55% + 10px))}50%{transform:translate(-10px) translateY(calc(-55% - 10px))}}.image-comparison .tidalove-compare-copy{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.image-comparison .tidalove-compare-copy__card{position:absolute;top:22px;width:min(310px,calc(50% - 44px));padding:18px 20px;border:1px solid rgba(13,59,102,.14);border-radius:10px;background:#ffffffeb;box-shadow:0 6px 18px #0d3b660f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.image-comparison .tidalove-compare-copy__card--left{left:22px}.image-comparison .tidalove-compare-copy__card--right{right:22px}.image-comparison .tidalove-compare-copy__card{transition:opacity .18s ease,visibility .18s ease}.image-comparison .tidalove-compare-copy__card.is-hidden{opacity:0;visibility:hidden}.image-comparison .tidalove-compare-copy__title{margin:0 0 9px;color:#0d3b66;font-family:var(--font-heading-family);font-size:18px;font-weight:600;line-height:1.25;letter-spacing:0}.image-comparison .tidalove-compare-copy__text,.image-comparison .tidalove-compare-copy__text p,.image-comparison .tidalove-compare-copy__text li{color:#2f5478;font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:1.45}.image-comparison .tidalove-compare-copy__text ul{margin:0;padding-left:18px}.image-comparison .tidalove-compare-copy__text li+li{margin-top:5px}.image-comparison .tidalove-compare-copy__text p{margin:0}@media screen and (max-width:767px){.image-comparison .tidalove-compare-copy__card{top:12px;width:calc(50% - 18px);padding:11px 12px;border-radius:8px;backdrop-filter:none;-webkit-backdrop-filter:none}.image-comparison .tidalove-compare-copy__card--left{left:8px}.image-comparison .tidalove-compare-copy__card--right{right:8px}.image-comparison .tidalove-compare-copy__title{margin-bottom:6px;font-size:13px}.image-comparison .tidalove-compare-copy__text,.image-comparison .tidalove-compare-copy__text p,.image-comparison .tidalove-compare-copy__text li{font-size:10px;line-height:1.3}.image-comparison .tidalove-compare-copy__text ul{padding-left:14px}.image-comparison .tidalove-compare-copy__text li+li{margin-top:3px}}.image-comparison.tidalove-table-comparison .section-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center}.image-comparison.tidalove-table-comparison .section-text{grid-column:1 / -1;width:100%}.image-comparison.tidalove-table-comparison .title{margin-top:0}.image-comparison.tidalove-table-comparison .section-images{display:block;width:100%;min-width:0;border-radius:12px;overflow:hidden}.tidalove-table-comparison .tidalove-compare-copy__card{top:16px;width:auto;max-width:calc(50% - 24px);padding:8px 10px;border:0;border-radius:6px;background:#fffffff2;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tidalove-table-comparison .tidalove-compare-copy__card--left{left:12px}.tidalove-table-comparison .tidalove-compare-copy__card--right{right:12px}.tidalove-table-comparison .tidalove-compare-copy__title{margin:0;font-size:12px}.tidalove-table-comparison .tidalove-compare-table-wrap{min-width:0}.tidalove-table-comparison .tidalove-compare-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:0;color:#2f5478;font-family:var(--font-body-family);font-size:15px;line-height:1.5;margin:0}.tidalove-table-comparison .tidalove-compare-table th,.tidalove-table-comparison .tidalove-compare-table td{padding:18px 12px;text-align:left;vertical-align:middle;border:0;border-bottom:1px solid #dce3eb;overflow-wrap:break-word}.tidalove-table-comparison .tidalove-compare-table th{color:#0d3b66;font-weight:600}.tidalove-table-comparison .tidalove-compare-table tr>:first-child{width:24%;padding-left:0}.tidalove-table-comparison .tidalove-compare-table tr>:nth-child(2),.tidalove-table-comparison .tidalove-compare-table tr>:nth-child(3){background-color:transparent;transition:background-color .2s ease,color .2s ease}.tidalove-table-comparison[data-compare-active=tidalove] .tidalove-compare-table tr>:nth-child(2),.tidalove-table-comparison[data-compare-active=traditional] .tidalove-compare-table tr>:nth-child(3){background-color:#e4e6fa;color:#0d3b66}.tidalove-table-comparison .tidalove-compare-table thead th{font-size:16px}.tidalove-table-comparison .tidalove-compare-table thead th:nth-child(2),n.tidalove-table-comparison .tidalove-compare-table thead th:nth-child(3){border-radius:10px 10px 0 0}.tidalove-table-comparison .tidalove-compare-table tbody tr:last-child>*{border-bottom:0}.tidalove-table-comparison .tidalove-compare-table tbody tr:last-child td:nth-child(2),n.tidalove-table-comparison .tidalove-compare-table tbody tr:last-child td:nth-child(3){border-radius:0 0 10px 10px}.image-comparison.tidalove-table-comparison .slider-thumb{--slider-thumb-size: 44px}@media(max-width:989px){.image-comparison.tidalove-table-comparison .section-content{grid-template-columns:minmax(0,1fr);gap:24px}.tidalove-table-comparison .tidalove-compare-table th,.tidalove-table-comparison .tidalove-compare-table td{padding:15px 10px}}@media(max-width:479px){.tidalove-table-comparison .tidalove-compare-table,.tidalove-table-comparison .tidalove-compare-table thead th{font-size:13px}.tidalove-table-comparison .tidalove-compare-table th,.tidalove-table-comparison .tidalove-compare-table td{padding:14px 8px}.tidalove-table-comparison .tidalove-compare-copy__card{top:10px;padding:6px 8px}.tidalove-table-comparison .tidalove-compare-copy__title{font-size:10px}}.tidalove-table-comparison .tidalove-compare-table thead th{display:table-cell}.tidalove-table-comparison .tidalove-compare-table th,.tidalove-table-comparison .tidalove-compare-table td{padding-top:14px;padding-bottom:14px}.tidalove-table-comparison .tidalove-compare-table tbody td:nth-child(2){font-weight:600}.tidalove-table-comparison .tidalove-compare-table-note{margin:12px 0 0;color:#2f5478;font-size:12px;line-height:1.5}@media(max-width:479px){.tidalove-table-comparison .tidalove-compare-table th,.tidalove-table-comparison .tidalove-compare-table td{padding-top:12px;padding-bottom:12px}}@media(max-width:479px){.tidalove-table-comparison .tidalove-compare-table tr>:first-child{width:28%;font-size:12px;letter-spacing:0}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-image-comparison.css.map */
