.m-image-comparison{position:relative;display:block;overflow:hidden}.m-image-comparison[data-animation]{--percent: 95%}@media screen and (min-width:768px){.m-image-comparison[data-animation]{--percent: 98%}}.m-image-comparison[is-visible]{--percent: 50%}.m-image-comparison--media{display:block;position:relative;overflow:hidden;background:#f3f3f3;pointer-events:none}.m-image-comparison__after{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;overflow:hidden}[data-layout=horizontal] .m-image-comparison__after{clip-path:inset(0px 0px 0px var(--percent, 50%))}[data-layout=vertical] .m-image-comparison__after{clip-path:inset(var(--percent, 50%) 0px 0px 0px)}.m-image-comparison__before .m-placeholder-svg{background-color:#00000070}.m-image-comparison__button{position:absolute;z-index:2;color:inherit;background-color:#0000;border:none;padding:0;cursor:pointer;transition:none}.m-image-comparison__button svg{width:12px;color:var(--color-text-body)}.m-image-comparison__button:after,.m-image-comparison__button:before{content:"";position:absolute;background-color:rgba(var(--bg-white),1);pointer-events:none}[data-layout=horizontal] .m-image-comparison__button:after,[data-layout=horizontal] .m-image-comparison__button:before{width:3px;height:50%;left:50%;margin-left:-2.5px}[data-layout=vertical] .m-image-comparison__button:after,[data-layout=vertical] .m-image-comparison__button:before{width:50%;height:5px;top:50%;margin-top:-2.5px}[data-layout=horizontal] .m-image-comparison__button:before{top:0;margin-top:-20px}[data-layout=vertical] .m-image-comparison__button:before{left:0;margin-left:-20px}[data-layout=horizontal] .m-image-comparison__button:after{bottom:0;margin-bottom:-20px}[data-layout=vertical] .m-image-comparison__button:after{right:0;margin-right:-20px}[data-layout=horizontal] .m-image-comparison__button{top:0;left:var(--percent, 50%);width:28px;height:100%;margin-left:-14px;cursor:col-resize}[data-layout=vertical] .m-image-comparison__button{left:0;top:var(--percent, 50%);width:100%;height:28px;margin-top:-14px;cursor:row-resize}.m-image-comparison__button span{position:absolute;top:50%;left:50%;width:11px;height:50px;margin-left:-7px;margin-top:-25px;border-radius:40px;background-color:rgba(var(--bg-white),1);color:rgba(var(--text-black),1);pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 21px 24px #00000026}[data-layout=vertical] .m-image-comparison__button span{transform:rotate(90deg)}.m-image-comparison__animation{display:block;position:absolute;bottom:0;left:0;width:100%;height:.1rem;pointer-events:none}.m-image-comparison.m-animating .m-image-comparison__after{transition-property:clip-path;transition-duration:1s;transition-timing-function:ease}.m-image-comparison.m-animating .m-image-comparison__button{transition-property:top,left;transition-duration:1s;transition-timing-function:ease}.m-image-comparison__product{display:flex;align-items:center;justify-content:space-between;margin-top:24px;flex-wrap:wrap;column-gap:20px}.m-image-comparison--small{--hero-height: 290px}.m-image-comparison--medium{--hero-height: 360px}.m-image-comparison--large{--hero-height: 420px}@media screen and (min-width:768px){.m-image-comparison--small{--hero-height: 420px}.m-image-comparison--medium{--hero-height: 560px}.m-image-comparison--large{--hero-height: 720px}}.m-image-comparison__wrapper{height:var(--hero-height)}.m-image-comparison__wrapper img,.m-image-comparison__wrapper svg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}@media screen and (max-width:767px){.m-image-comparison__wrapper.has-mobile-image .m-image-comparison__image-desktop{display:none}}@media screen and (min-width:768px){.m-image-comparison__image-mobile{display:none!important}}.m-image-comparison__heading{position:absolute;z-index:2;background:rgba(var(--bg-white),1);color:rgba(var(--text-black),1);padding:8px 20px;top:20px;left:20px;min-width:80px;font-weight:500;text-align:center;margin:0;line-height:1;min-height:40px;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity var(--m-duration-default, .25s) ease;box-shadow:0 21px 24px #00000026;letter-spacing:.05rem}.m-image-comparison__after .m-image-comparison__heading{left:auto;right:20px}.image-comparing .m-image-comparison__heading{opacity:0;visibility:hidden}.m-image-comparison[data-layout=vertical] .m-image-comparison__after .m-image-comparison__heading{left:20px;right:auto;bottom:20px;top:auto}.m-image-comparison>.m-image-comparison__button{z-index:4}.m-image-comparison{border-radius:32px}.m-image-comparison__overlay-image,.m-image-comparison__overlays-bottom{position:absolute;z-index:2;pointer-events:auto}.m-image-comparison__overlay-image{top:24px;max-width:80px}.m-image-comparison__overlay-image img{display:block;width:100%;height:auto}.m-image-comparison__overlay-image--top_left{left:24px}.m-image-comparison__overlay-image--top_right{right:24px}.m-image-comparison__before:has(.m-image-comparison__heading) .m-image-comparison__overlay-image--top_left,.m-image-comparison__after:has(.m-image-comparison__heading) .m-image-comparison__overlay-image--top_right{top:72px}.m-image-comparison[data-layout=vertical] .m-image-comparison__after:has(.m-image-comparison__heading) .m-image-comparison__overlay-image--top_left{top:20px}.m-image-comparison[data-layout=vertical] .m-image-comparison__after:has(.m-image-comparison__heading) .m-image-comparison__overlay-image--top_right{top:20px}.m-image-comparison__overlays-bottom{bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:calc(100% - 40px)}.m-image-comparison__overlays-bottom--left{left:24px}.m-image-comparison__overlays-bottom--right{right:24px;align-items:flex-end}.m-image-comparison__overlay-btn{color:#fff;font-size:14px;font-weight:500;height:44px;display:inline-flex;align-items:center;border-radius:12px;background-color:#ffffff14;width:fit-content;padding:0 20px;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;white-space:nowrap}.m-image-comparison__overlay-btn:hover{background-color:#fff;color:#363534}.m-image-comparison__product-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:260px;max-width:100%;padding:20px;border-radius:24px;color:#fff;background-color:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.m-image-comparison__product-vendor{margin:0;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.m-image-comparison__product-title{display:block;text-decoration:none;font-size:20px;font-weight:500;line-height:1}.m-image-comparison__product-prices{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.m-image-comparison__product-price{font-size:20px;font-weight:500}.m-image-comparison__product-compare{font-size:10px;font-weight:500;text-decoration:line-through;color:#ffffff9e}.m-image-comparison__product-badge{height:16px;border-radius:6px;display:inline-flex;align-items:center;background-color:#ff5755;padding:0 6px;font-size:10px;font-weight:600;margin-top:4px}.m-image-comparison__atc-form,.m-image-comparison__atc-form .product-card-form{width:100%;margin-top:8px}.m-image-comparison__atc{width:100%;height:36px;border:0;border-radius:12px;background-color:#f65505;color:#fff;padding:0 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.m-image-comparison__atc.disabled{opacity:.5;cursor:not-allowed}.image-comparing .m-image-comparison__overlay-image,.image-comparing .m-image-comparison__overlays-bottom{pointer-events:none}@media screen and (min-width:768px){.m-image-comparison__overlay-image{min-width:175px}}@media screen and (max-width:767px){.m-image-comparison__overlays-bottom{bottom:12px;gap:8px}.m-image-comparison__overlays-bottom--left{left:12px}.m-image-comparison__overlays-bottom--right{right:12px}.m-image-comparison__overlay-image{top:12px}.m-image-comparison__overlay-image--top_left{left:12px}.m-image-comparison__overlay-image--top_right{right:12px}.m-image-comparison__before:has(.m-image-comparison__heading) .m-image-comparison__overlay-image--top_left,.m-image-comparison__after:has(.m-image-comparison__heading) .m-image-comparison__overlay-image--top_right{top:60px}.m-image-comparison__product-card{width:200px;padding:14px;gap:6px;border-radius:16px}.m-image-comparison__product-title{font-size:14px}.m-image-comparison__product-price{font-size:16px}.m-image-comparison__atc{height:38px;font-size:12px}.m-image-comparison__overlay-btn{height:36px;font-size:12px;padding:0 14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-comparison.css.map */