.comparison-carousel{position:relative;width:100%;margin:0 auto;padding:60px 0;color:#212121}.comparison-carousel>.wrapper-inner{position:relative;overflow:hidden;border-radius:12px}.comparison-carousel__background{position:absolute;top:0;right:0;bottom:0;left:20px;z-index:0;width:calc(100% - 40px);border-radius:12px;overflow:hidden}.comparison-carousel__background img,.comparison-carousel__background video{display:block;width:100%;height:100%;object-fit:cover}.comparison-carousel *,.comparison-carousel *:before,.comparison-carousel *:after{box-sizing:border-box}.comparison-carousel__container{position:relative;z-index:1;width:100%;padding:60px;background:#ffffffb3;border-radius:12px}.comparison-carousel__header{margin-bottom:40px;text-align:left}.comparison-carousel__title{margin:0 0 15px;font-family:Montserrat,sans-serif;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1.2}.comparison-carousel__intro{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.comparison-carousel__subtitle,.comparison-carousel__body,.comparison-carousel__footer-text{font-family:Poppins,sans-serif;font-size:20px;line-height:1.6}.comparison-carousel__subtitle p,.comparison-carousel__footer-text p{margin:0}.comparison-carousel__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-bottom:30px}.comparison-carousel__column{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;padding:40px;text-align:left;background:#ffffff8c;border-radius:12px;backdrop-filter:blur(45px);-webkit-backdrop-filter:blur(45px)}.comparison-carousel__image-frame{position:relative;grid-row:1;grid-column:1 / 3;width:100%;max-width:320px;margin:0 auto 20px;overflow:hidden;aspect-ratio:1;border-radius:5px;background:#ffffff80}.comparison-carousel__image-cycler{position:absolute;top:0;right:0;bottom:0;left:0}.comparison-carousel__image-cycler img,.comparison-carousel__image-cycler svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}.comparison-carousel__image-cycler .is-active{opacity:1}.comparison-carousel__column-title{grid-row:2;grid-column:1;align-self:end;margin:0;color:var(--column-heading-color, #212121);font-family:Montserrat,sans-serif;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1}.comparison-carousel__badge{grid-row:2;grid-column:2;align-self:end;display:inline-block;padding:5px 14px;border:1px solid var(--column-badge-color, #212121);color:var(--column-badge-color, #212121);border-radius:999px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.05em}.comparison-carousel__divider{grid-row:3;grid-column:1 / 3;width:100%;height:1px;margin:20px 0 11px;background:#212121}.comparison-carousel__body{grid-row:4;grid-column:1 / 3;color:var(--column-body-color, #212121)}.comparison-carousel__body ul{margin:10px 0;padding-left:20px;list-style:disc}.comparison-carousel__footer{padding-top:25px}.comparison-carousel .block-button-group{display:flex;flex-wrap:wrap;gap:16px}@media screen and (max-width:1024px){.comparison-carousel__columns{gap:0;overflow:hidden;background:#ffffff8c;border-radius:12px;backdrop-filter:blur(45px);-webkit-backdrop-filter:blur(45px)}.comparison-carousel__column{background:transparent;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.comparison-carousel__column-title{grid-row:1;grid-column:1 / 3;margin-bottom:10px}.comparison-carousel__divider{grid-row:2;margin:5px 0 10px}.comparison-carousel__image-frame{grid-row:3}.comparison-carousel__badge{grid-row:4;grid-column:1 / 3;justify-self:start;margin-top:10px}.comparison-carousel__body{grid-row:5;margin-top:5px}}@media screen and (max-width:767px){.comparison-carousel{padding:4rem 0 0}.comparison-carousel .wrapper-inner{padding-right:0;padding-left:0;border-radius:0}.comparison-carousel__container{padding:40px;border-radius:0}.comparison-carousel__subtitle{font-size:18px}.comparison-carousel .comparison-carousel__footer .block-button-group{margin-top:30px}.comparison-carousel__footer-text{font-size:14px}.comparison-carousel .block-button-group{width:100%;flex-direction:column}}@media screen and (max-width:600px){.comparison-carousel__columns{grid-template-columns:1fr}.comparison-carousel__column{padding:30px 20px;border-bottom:1px solid rgba(33,33,33,.1)}.comparison-carousel__column:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){.comparison-carousel__image-cycler img,.comparison-carousel__image-cycler svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/comparison-carousel.css.map */