.compare-slider-with-usps{position:relative}.compare-slider-with-usps .section__head{margin-block-end:2.4rem}.compare-slider-with-usps .section__heading{font-weight:var(--font-weight-semibold)}.compare-slider-with-usps .section__heading.custom,.compare-slider-with-usps .section__heading.custom *{font-size:var(--heading-font-size-desktop, inherit)}@media screen and (max-width:749px){.compare-slider-with-usps .section__heading.custom,.compare-slider-with-usps .section__heading.custom *{font-size:var(--heading-font-size-mobile, inherit)}.compare-slider-with-usps .usp-item{font-size:var(--usp-font-size-mobile, 1.4rem)}}.compare-slider-with-usps .section__subheading{margin-block-start:.8rem;font-size:var(--font-size-static-md);color:rgb(var(--color-foreground));opacity:.75}.compare-slider-with-usps__wrapper{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:3rem;align-items:center}.compare-slider-with-usps__slider-col{order:2;display:flex;flex-direction:column;width:100%}.compare-slider__handle-icon{width:1.2rem;height:1.2rem;fill:rgb(var(--color-foreground))}.compare-slider__handle-label{position:absolute;inset-inline-start:calc(100% + 1.2rem);inset-block-start:50%;transform:translateY(-50%);white-space:nowrap;font-size:1.3rem;font-family:var(--font-heading-family);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));padding:.6rem 1.4rem;box-shadow:0 2px 12px #00000026;pointer-events:none;user-select:none;-webkit-user-select:none}.compare-slider__handle-label:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:100%;transform:translateY(-50%);border:6px solid transparent;border-inline-end-color:rgb(var(--color-background))}.compare-slider-with-usps__button-wrapper{display:flex;justify-content:center;margin-block-start:2rem}.compare-slider-with-usps__usps.usps-list-first{order:1}.compare-slider-with-usps__usps.usps-list-second{order:3}.compare-slider-with-usps__usps{display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.compare-slider-with-usps .usp-item{display:flex;align-items:center;gap:1.2rem;font-size:var(--usp-font-size-desktop, 1.4rem);min-height:7rem}.compare-slider-with-usps .usp-icon{width:6.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.compare-slider-with-usps .usp-icon svg{max-width:100%;height:auto}.compare-slider-with-usps .usp-icon-image{width:100%;height:auto;display:block}.compare-slider-with-usps .usp-text{flex:1}.compare-slider-with-usps .usp-text p{margin:0}.compare-slider__slider .compare-slider__handle .compare-slider__handle-inner-circle{gap:10px}@media screen and (min-width:560px)and (max-width:749px){.compare-slider-with-usps__wrapper{grid-template-columns:repeat(2,1fr);gap:2rem}.compare-slider-with-usps__slider-col{grid-column:1 / 3;order:2}.compare-slider-with-usps__usps.usps-list-first{order:1}.compare-slider-with-usps__usps.usps-list-second{order:3}}@media screen and (max-width:559px){.compare-slider-with-usps__wrapper{grid-template-columns:1fr!important;gap:1.6rem}.compare-slider-with-usps .usp-item{font-size:var(--usp-font-size-mobile, 1.4rem)}}@media(min-width:749px){.compare-slider-with-usps__usps.usps-list:empty{display:block}}.compare-slider__labels-row{display:flex;justify-content:space-between;align-items:center;margin-block-end:1rem}@media screen and (min-width:750px){.compare-slider__labels-row{display:none}.compare-slider__label--desktop-usp{padding:.5rem 2.4rem;font-size:2.2rem;border-radius:5px;font-family:var(--font-italic-family);font-weight:var(--font-weight-bold);background-color:rgb(var(--color-background));box-shadow:0 2px 12px #00000026;margin-block-end:.4rem}.compare-slider-with-usps__usps.usps-list-first .compare-slider__label--desktop-usp{align-self:flex-end}.compare-slider-with-usps__usps.usps-list-second .compare-slider__label--desktop-usp{align-self:flex-start}}@media screen and (max-width:749px){.compare-slider__label--desktop-usp{display:none}}.compare-slider__labels-row .compare-slider__label{position:static;padding:.5rem 2.4rem;font-size:2.2rem;border-radius:5px;font-family:var(--font-italic-family);font-weight:var(--font-weight-bold);background-color:rgb(var(--color-background));box-shadow:0 2px 12px #00000026}
/*# sourceMappingURL=/cdn/shop/t/193/assets/section-compare-slider-with-usps.css.map */
