.comp-chart{padding-top:var(--vertical-padding-top, 60px);padding-bottom:var(--vertical-padding-bottom, 60px);padding-left:var(--side-padding);padding-right:var(--side-padding);background-color:var(--background-color)}@media(max-width:767px){.comp-chart{overflow-x:auto;max-width:100dvw}}.comp-chart__header{max-width:780px;margin:0 auto var(--vertical-padding-sm, 40px);text-align:center}.comp-chart__heading{margin-bottom:.75rem}.comp-chart__subhead{opacity:.8;margin-bottom:0}.comp-chart__inner{max-width:var(--section-max-width, 1440px);margin:0 auto}.comp-chart__row{display:flex;align-items:stretch}.comp-chart__row:first-child .comp-chart__label-cell{padding-top:20px;color:var(--cl__low-contrast)}.comp-chart__label-cell{flex:0 0 360px;display:flex;align-items:center;padding:14px 16px;font-size:.875rem;font-weight:600;line-height:1.4;color:var(--cl__high-contrast, #0b1c30);border-top:1px solid #ccc}.comp-chart__label-cell--header{border-top:none;border-radius:12px 12px 0 0;align-items:flex-start}.comp-chart__label-cell--last{border-radius:0 0 12px 12px}.comp-chart__cols{grid-template-columns:1fr 1fr 1fr;column-gap:0;display:grid;min-width:0;width:100%;max-width:585px}.comp-chart__cell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px;text-align:center;border-top:1px solid #ccc}.comp-chart__cell--col2,.comp-chart__cell--col3{border-top-color:#0b1c3012}.comp-chart__cell--featured{background-color:#7f0404}.comp-chart__cell--col2,.comp-chart__cell--col3{background-color:transparent}.comp-chart__cell--header{border-top:none;padding:0;border-radius:12px 12px 0 0;justify-content:flex-start;overflow:hidden}.comp-chart__cell--header.comp-chart__cell--featured{background-color:#7f0404}.comp-chart__cell--header.comp-chart__cell--featured .comp-chart__col-name{color:var(--cd__high-contrast);background-color:#7f0404;font-weight:500}.comp-chart__cell--last{border-radius:0 0 12px 12px;padding-bottom:20px}.comp-chart__col-name{display:block;font-weight:500;font-size:17px;color:var(--cl__high-contrast);letter-spacing:-.01em;line-height:1.3;padding:20px 14px 16px;width:100%}@media(max-width:767px){.comp-chart__col-name{font-size:15px}}.comp-chart__col-image{display:block;width:100%;height:auto;object-fit:contain;margin-top:0}.comp-chart__col-image--competitor{width:100%;object-fit:cover;background-color:#eee9e5}.comp-chart__icon{display:block;width:16px;height:16px;flex-shrink:0}.comp-chart__narrative{display:none}.comp-chart__narrative-hero{background-color:#7f0404;border-radius:12px;overflow:hidden;display:flex;align-items:stretch;margin-bottom:16px}.comp-chart__narrative-product{display:block;width:42%;object-fit:cover;align-self:stretch}.comp-chart__narrative-body{padding:20px;display:flex;flex-direction:column}.comp-chart__narrative-lead{font-size:.8rem;color:#ffffffbf;margin:4px 0 12px}.comp-chart__narrative-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.comp-chart__narrative-checks li{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#ffffffeb;line-height:1.3}.comp-chart__narrative-vs{background-color:transparent;border-radius:12px;padding:20px}.comp-chart__narrative-vs-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.07em;color:#0b1c3080;margin:0 0 12px}.comp-chart__narrative-vs-item{display:flex;flex-direction:column;gap:4px}.comp-chart__narrative-vs-item+.comp-chart__narrative-vs-item{margin-top:12px;padding-top:12px;border-top:1px solid rgba(11,28,48,.08)}.comp-chart__narrative-missing{font-size:.75rem;color:#0b1c3099;line-height:1.4}@media(max-width:767px){.comp-chart{padding-left:0;padding-right:0}.comp-chart__header{padding-left:var(--side-padding);padding-right:var(--side-padding)}.comp-chart__inner{overflow-x:auto;-webkit-overflow-scrolling:touch}.comp-chart__row{min-width:480px}.comp-chart__label-cell{text-align:right;text-wrap:balance;padding-left:var(--side-padding);padding-right:10px;font-size:.75rem;position:sticky;left:0;z-index:1;background-color:var(--comp-chart-bg, var(--cl__fill-1))}.comp-chart--pivot .comp-chart__inner{display:none}.comp-chart--pivot .comp-chart__narrative{display:block;padding-left:var(--side-padding);padding-right:var(--side-padding)}}@media(max-width:1079px){.comp-chart__label-cell{text-align:right;text-wrap:balance;justify-content:flex-end;flex:0 0 130px}}
/*# sourceMappingURL=/cdn/shop/t/531/assets/section-comparison-chart.css.map */