.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:50%;left:var(--l20-charge-offset-x);z-index:2;display:flex;width:min(calc(100% - (2 * var(--l20-charge-offset-x))),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__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-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(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)}.l20-charge-compare__description{font-size:var(--l20-charge-mobile-description-size)}.l20-charge-compare__stat-value{font-size:var(--l20-charge-mobile-stat-size)}.l20-charge-compare__row{grid-template-columns:1fr auto;grid-template-areas:"label value" "track track";gap:8px 10px}.l20-charge-compare__row-label{grid-area:label}.l20-charge-compare__row-value{grid-area:value}.l20-charge-compare__track{grid-area:track}}@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/3/assets/l20-charge-compare.css.map */