.photo-compare{position:relative;overflow:hidden}.photo-compare__intro{display:flex;flex-direction:column;gap:8px}.photo-compare__intro h2{margin:0;font-family:Montserrat Alternates,sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:0;color:#040404}.photo-compare__intro h2.text-uppercase{text-transform:uppercase}.photo-compare__intro h2.text-capitalize{text-transform:capitalize}.photo-compare__subhead,.photo-compare__subhead p{margin:0;font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:normal;color:#474552}.photo-compare__panels{display:flex;gap:32px;margin-top:32px}.photo-compare__panel{display:flex;flex:1 1 0;flex-direction:column;gap:12px;min-width:0}.photo-compare__media{position:relative;width:100%;height:260px;border-radius:12px;overflow:hidden;background:#e8e8e8}.photo-compare__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.photo-compare__footer{display:flex;align-items:center;gap:12px;width:100%}.photo-compare__copy{display:flex;flex:1 1 0;flex-direction:column;gap:12px;min-width:0}.photo-compare__title{margin:0;font-family:Montserrat Alternates,sans-serif;font-weight:700;font-size:20px;line-height:normal;color:#040404}.photo-compare__text,.photo-compare__text p{margin:0;font-family:Montserrat,sans-serif;font-weight:400;font-size:13px;line-height:normal;color:#757575}.photo-compare__btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:11px 30px;border-radius:999px;background:var(--photo-compare-btn-bg, #8885ec);color:var(--photo-compare-btn-color, #ffffff);font-family:Montserrat,sans-serif;font-weight:600;font-size:11px;line-height:normal;letter-spacing:0;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;isolation:isolate}.photo-compare__btn:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--BTN-PRIMARY-BG-BRIGHTER, #7471d6);transform:translate3d(0,100%,0);transition:transform .5s cubic-bezier(.33,0,0,1);pointer-events:none}@media(hover:hover){.photo-compare__btn:hover,.photo-compare__btn:focus-visible{color:var(--photo-compare-btn-color, #ffffff)}.photo-compare__btn:hover:after{transform:translateZ(0)}}@media only screen and (max-width:749px){.photo-compare__intro h2{font-size:26px;line-height:1.18}.photo-compare__panels{flex-direction:column;gap:24px}.photo-compare__media{height:193px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/photo-compare.css.map */