.l20-charge-compare{display:block;position:relative;width:100%;overflow:hidden;background:#f3eadc}.l20-charge-compare:before{display:block;width:100%;aspect-ratio:var(--l20-charge-ratio, 16 / 7);content:""}.l20-charge-compare__media,.l20-charge-compare__picture,.l20-charge-compare__image,.l20-charge-compare__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.l20-charge-compare__image,.l20-charge-compare__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.l20-charge-compare__placeholder{background:linear-gradient(90deg,#f4e6cf,#f7f4ee 48%,#fff)}.l20-charge-compare__content{position:absolute;top:calc(var(--l20-charge-offset-y, 50) * 1%);left:calc(var(--l20-charge-offset-x, 19) * 1%);z-index:2;display:flex;width:min(calc(100% - (var(--l20-charge-offset-x, 19) * 2%)),var(--l20-charge-content-width));flex-direction:column;align-items:flex-start;transform:translateY(-50%)}.l20-charge-compare__brand{margin:0 0 18px}.l20-charge-compare__logo{display:block;width:auto;height:var(--l20-charge-logo-height);margin-bottom:6px;object-fit:contain}.l20-charge-compare__logo-text{margin:0;color:var(--l20-charge-logo-text-color);font-family:var(--l20-charge-logo-text-family);font-size:var(--l20-charge-logo-text-size);font-style:var(--l20-charge-logo-text-style);font-weight:700;letter-spacing:.04em}.l20-charge-compare__title{margin:0;color:var(--l20-charge-title-color);font-family:var(--l20-charge-title-family);font-size:var(--l20-charge-title-size);font-style:var(--l20-charge-title-style);font-weight:var(--l20-charge-title-weight);line-height:var(--l20-charge-title-line-height);letter-spacing:-.03em}.l20-charge-compare__title-mobile{display:none}.l20-charge-compare__description{max-width:36em;margin:14px 0 0;color:var(--l20-charge-description-color);font-family:var(--l20-charge-description-family);font-size:var(--l20-charge-description-size);font-style:var(--l20-charge-description-style);font-weight:var(--l20-charge-description-weight);line-height:var(--l20-charge-description-line-height)}.l20-charge-compare__description>:first-child{margin-top:0}.l20-charge-compare__description>:last-child{margin-bottom:0}.l20-charge-compare__description p{margin:0}.l20-charge-compare__stat{margin-top:28px}.l20-charge-compare__stat-value{color:var(--l20-charge-stat-color);font-family:var(--l20-charge-stat-family);font-size:var(--l20-charge-stat-size);font-style:var(--l20-charge-stat-style);font-weight:var(--l20-charge-stat-weight);line-height:.95;letter-spacing:-.03em}.l20-charge-compare__stat-label{margin-top:4px;color:var(--l20-charge-stat-label-color);font-family:var(--l20-charge-stat-label-family);font-size:var(--l20-charge-stat-label-size);font-style:var(--l20-charge-stat-label-style);font-weight:var(--l20-charge-stat-label-weight)}.l20-charge-compare__bars{display:flex;width:100%;margin-top:22px;flex-direction:column;gap:14px}.l20-charge-compare__row{display:grid;grid-template-columns:minmax(88px,118px) minmax(0,1fr) auto;gap:12px;align-items:center}.l20-charge-compare__row-label,.l20-charge-compare__row-value{white-space:nowrap}.l20-charge-compare__row-label{color:var(--l20-charge-bar-label-color);font-family:var(--l20-charge-bar-label-family);font-size:var(--l20-charge-bar-label-size);font-style:var(--l20-charge-bar-label-style);font-weight:var(--l20-charge-bar-label-weight);letter-spacing:.02em}.l20-charge-compare__row--one .l20-charge-compare__row-label,.l20-charge-compare__row--one .l20-charge-compare__row-value{color:#000;font-weight:700}.l20-charge-compare__row--two .l20-charge-compare__row-label,.l20-charge-compare__row--two .l20-charge-compare__row-value{font-weight:400}.l20-charge-compare__row-value{color:var(--l20-charge-bar-value-color);font-family:var(--l20-charge-bar-value-family);font-size:var(--l20-charge-bar-value-size);font-style:var(--l20-charge-bar-value-style);font-weight:var(--l20-charge-bar-value-weight)}.l20-charge-compare__track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:var(--l20-charge-bar-track)}.l20-charge-compare__fill{display:block;width:0;height:100%;border-radius:inherit;transform-origin:left center}.l20-charge-compare__fill--one{background:linear-gradient(90deg,var(--l20-charge-bar-1),var(--l20-charge-bar-1-end))}.l20-charge-compare__fill--two{background:var(--l20-charge-bar-2)}.l20-charge-compare.is-animated .l20-charge-compare__fill--one{width:var(--l20-charge-bar-1-width);transition:width var(--l20-charge-bar-duration) cubic-bezier(.22,1,.36,1)}.l20-charge-compare.is-animated .l20-charge-compare__fill--two{width:var(--l20-charge-bar-2-width);transition:width var(--l20-charge-bar-duration) cubic-bezier(.22,1,.36,1)}@media(min-width:1920px){.l20-charge-compare__content{width:min(calc(100% - (var(--l20-charge-offset-x, 19) * 2%)),calc(var(--l20-charge-content-width-raw) * 100vw / 1920))}.l20-charge-compare__brand{margin-bottom:.9375vw}.l20-charge-compare__logo{height:calc(var(--l20-charge-logo-height-raw) * 100vw / 1920);margin-bottom:.3125vw}.l20-charge-compare__logo-text{font-size:calc(var(--l20-charge-logo-text-size-raw) * 100vw / 1920)}.l20-charge-compare__title{font-size:calc(var(--l20-charge-title-size-raw) * 100vw / 1920)}.l20-charge-compare__description{margin-top:calc(14 * 100vw / 1920);font-size:calc(var(--l20-charge-description-size-raw) * 100vw / 1920)}.l20-charge-compare__stat{margin-top:calc(28 * 100vw / 1920)}.l20-charge-compare__stat-value{font-size:calc(var(--l20-charge-stat-size-raw) * 100vw / 1920)}.l20-charge-compare__stat-label{margin-top:calc(4 * 100vw / 1920);font-size:calc(var(--l20-charge-stat-label-size-raw) * 100vw / 1920)}.l20-charge-compare__bars{margin-top:calc(22 * 100vw / 1920);gap:calc(14 * 100vw / 1920)}.l20-charge-compare__row{grid-template-columns:minmax(calc(88 * 100vw / 1920),calc(118 * 100vw / 1920)) minmax(0,1fr) auto;gap:.625vw}.l20-charge-compare__row-label{font-size:calc(var(--l20-charge-bar-label-size-raw) * 100vw / 1920)}.l20-charge-compare__row-value{font-size:calc(var(--l20-charge-bar-value-size-raw) * 100vw / 1920)}.l20-charge-compare__track{height:calc(10 * 100vw / 1920)}}@media(max-width:768.98px){.l20-charge-compare:before{aspect-ratio:var(--l20-charge-mobile-ratio, 3 / 4)}.l20-charge-compare__content{top:var(--l20-charge-mobile-offset-y);left:var(--l20-charge-mobile-offset-x);width:calc(100% - (2 * var(--l20-charge-mobile-offset-x)));transform:none}.l20-charge-compare__title{font-size:var(--l20-charge-mobile-title-size);white-space:nowrap}.l20-charge-compare__title-desktop{display:none}.l20-charge-compare__title-mobile{display:inline}.l20-charge-compare__description{font-size:var(--l20-charge-mobile-description-size)}.l20-charge-compare__stat{margin-top:12px}.l20-charge-compare__stat-value{font-size:26px}.l20-charge-compare__stat-label{margin-top:2px;font-size:12px}.l20-charge-compare__bars{display:grid;width:100%;margin-top:4px;grid-template-columns:max-content minmax(72px,1fr) auto;column-gap:8px;row-gap:4px;align-items:center}.l20-charge-compare__row{display:contents}.l20-charge-compare__row-label{text-align:left;justify-self:start}.l20-charge-compare__track{justify-self:stretch}.l20-charge-compare__row-label,.l20-charge-compare__row-value{white-space:nowrap}.l20-charge-compare--mobile-heading-center .l20-charge-compare__title,.l20-charge-compare--mobile-heading-center .l20-charge-compare__description{width:100%;text-align:center}.l20-charge-compare--mobile-brand-bottom .l20-charge-compare__content{top:var(--l20-charge-mobile-offset-y);right:var(--l20-charge-mobile-offset-x);bottom:var(--l20-charge-mobile-offset-y);left:var(--l20-charge-mobile-offset-x);width:auto;height:auto;transform:none}.l20-charge-compare--mobile-brand-bottom .l20-charge-compare__brand{order:20;margin:auto 0 0}}@media(prefers-reduced-motion:reduce){.l20-charge-compare.is-animated .l20-charge-compare__fill--one,.l20-charge-compare.is-animated .l20-charge-compare__fill--two{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/l20-charge-compare.css.map */