.listicle-comparison{padding-top:var(--listicle-comparison-padding-top);padding-bottom:var(--listicle-comparison-padding-bottom);--listicle-comparison-label-column-width: minmax(0, 1fr);--listicle-comparison-label-column-offset: 0px;--listicle-comparison-table-gutter: 0px;--listicle-comparison-mobile-inset: var(--listicle-comparison-side-padding)}.listicle-comparison__container{width:min(calc(100% - 30px),calc(1000px + (var(--gutter-mobile) * 2)));margin:0 auto;padding:0 var(--gutter-mobile)}.listicle-comparison__panel{position:relative;overflow:hidden;border-radius:var(--listicle-comparison-panel-radius);background:linear-gradient(180deg,var(--listicle-comparison-background-start) 0%,var(--listicle-comparison-background-end) 100%);padding:0 var(--listicle-comparison-side-padding) var(--listicle-comparison-side-padding)}.listicle-comparison__panel:before{content:"";position:absolute;top:10px;bottom:18px;left:calc(var(--listicle-comparison-side-padding) + var(--listicle-comparison-table-gutter) + var(--listicle-comparison-label-column-offset));width:var(--listicle-comparison-column-width);background:var(--listicle-comparison-primary-background);border-radius:var(--listicle-comparison-column-radius);z-index:0}.listicle-comparison__header,.listicle-comparison__row{display:grid;grid-template-columns:var(--listicle-comparison-table-gutter) var(--listicle-comparison-label-column-width) var(--listicle-comparison-column-width) var(--listicle-comparison-secondary-column-width) var(--listicle-comparison-table-gutter);align-items:center}.listicle-comparison__header{position:relative;z-index:1;padding-top:var(--listicle-comparison-header-padding-top);padding-bottom:var(--listicle-comparison-header-padding-bottom)}.listicle-comparison__header-spacer{min-height:1px}.listicle-comparison__heading{font-family:var(--FONT-STACK-BODY);font-style:var(--FONT-STYLE-BODY);font-weight:400;font-size:var(--listicle-comparison-heading-size);line-height:var(--listicle-comparison-heading-line-height);color:var(--listicle-comparison-heading-color);text-align:center}.listicle-comparison__heading--primary{position:relative;z-index:1}.listicle-comparison__header-spacer,.listicle-comparison__label{grid-column:2}.listicle-comparison__heading--primary,.listicle-comparison__cell--primary{grid-column:3}.listicle-comparison__heading--secondary,.listicle-comparison__cell--secondary{grid-column:4}.listicle-comparison__heading-title,.listicle-comparison__price{display:block}.listicle-comparison__heading-title{font-weight:700}.listicle-comparison__price{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;font-size:max(10px,calc(var(--listicle-comparison-heading-size) * .74));line-height:1.25;font-weight:400}.listicle-comparison__price svg{flex:0 0 auto;width:1em;height:1em}.listicle-comparison__rows{position:relative}.listicle-comparison__row{position:relative;z-index:1;min-height:calc(var(--listicle-comparison-icon-size) + (var(--listicle-comparison-row-padding-y) * 2))}.listicle-comparison__row:before,.listicle-comparison__row:after{content:"";position:absolute;top:0;border-top:1px solid var(--listicle-comparison-line-color);opacity:.75}.listicle-comparison__row:before{left:var(--listicle-comparison-table-gutter);width:var(--listicle-comparison-label-column-offset)}.listicle-comparison__row:after{left:calc(var(--listicle-comparison-table-gutter) + var(--listicle-comparison-label-column-offset) + var(--listicle-comparison-column-width));right:var(--listicle-comparison-table-gutter)}.listicle-comparison__label,.listicle-comparison__cell{padding-top:var(--listicle-comparison-row-padding-y);padding-bottom:var(--listicle-comparison-row-padding-y)}.listicle-comparison__label{font-family:var(--FONT-STACK-BODY);font-style:var(--FONT-STYLE-BODY);font-weight:400;font-size:var(--listicle-comparison-label-size);line-height:var(--listicle-comparison-label-line-height);color:var(--listicle-comparison-label-color);padding-right:14px}.listicle-comparison__cell{display:flex;justify-content:center;align-items:center}.listicle-comparison__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--listicle-comparison-icon-size);height:var(--listicle-comparison-icon-size)}.listicle-comparison__icon svg{width:100%;height:100%}.listicle-comparison__icon--primary{border-radius:999px;background:var(--listicle-comparison-primary-icon-bg);color:var(--listicle-comparison-primary-icon-color)}.listicle-comparison__icon--secondary{border-radius:999px;background:var(--listicle-comparison-secondary-icon-color);color:var(--listicle-comparison-primary-icon-color)}.listicle-comparison__icon--empty{opacity:0}@media screen and (min-width:768px){.listicle-comparison{--listicle-comparison-label-column-width: minmax(0, 330px);--listicle-comparison-label-column-offset: min(330px, calc(100% - var(--listicle-comparison-column-width) - var(--listicle-comparison-secondary-column-width)));--listicle-comparison-table-gutter: max(0px, calc((100% - 330px - var(--listicle-comparison-column-width) - var(--listicle-comparison-secondary-column-width)) / 2))}.listicle-comparison__container{width:min(calc(100% - 30px),calc(1000px + (var(--gutter) * 2)));padding:0 var(--gutter)}.listicle-comparison__panel{padding:0 var(--listicle-comparison-side-padding) calc(var(--listicle-comparison-side-padding) * 1.15)}.listicle-comparison__panel:before{top:14px;bottom:22px;left:calc(var(--listicle-comparison-side-padding) + max(0px,calc((100% - (var(--listicle-comparison-side-padding) * 2) - 330px - var(--listicle-comparison-column-width) - var(--listicle-comparison-secondary-column-width)) / 2)) + 330px)}.listicle-comparison__header,.listicle-comparison__row{width:min(100%,calc(330px + var(--listicle-comparison-column-width) + var(--listicle-comparison-secondary-column-width)));margin-right:auto;margin-left:auto;grid-template-columns:minmax(0,330px) var(--listicle-comparison-column-width) var(--listicle-comparison-secondary-column-width)}.listicle-comparison__header-spacer,.listicle-comparison__label{grid-column:1}.listicle-comparison__heading--primary,.listicle-comparison__cell--primary{grid-column:2}.listicle-comparison__heading--secondary,.listicle-comparison__cell--secondary{grid-column:3}.listicle-comparison__row:before{left:0;width:min(330px,calc(100% - var(--listicle-comparison-column-width) - var(--listicle-comparison-secondary-column-width)))}.listicle-comparison__row:after{left:calc(100% - var(--listicle-comparison-secondary-column-width));right:0}}@media screen and (max-width:767px){.listicle-comparison{--listicle-comparison-mobile-inset: var(--listicle-comparison-side-padding)}.listicle-comparison__container,.listicle-comparison__container--mobile-full{width:100%;max-width:none;padding-left:0;padding-right:0}.listicle-comparison__panel{border-radius:0;padding:10px var(--listicle-comparison-mobile-inset) 26px}.listicle-comparison__panel:before{top:10px;bottom:26px;left:calc(var(--listicle-comparison-mobile-inset) + ((100% - (var(--listicle-comparison-mobile-inset) * 2)) / 3));width:calc((100% - (var(--listicle-comparison-mobile-inset) * 2)) / 3)}.listicle-comparison__header,.listicle-comparison__row{grid-template-columns:repeat(3,minmax(0,1fr))}.listicle-comparison__header{min-height:88px;padding-top:0;padding-bottom:0}.listicle-comparison__row{min-height:calc(var(--listicle-comparison-icon-size) + (var(--listicle-comparison-row-padding-y) * 2) + 12px)}.listicle-comparison__header-spacer,.listicle-comparison__label{grid-column:1}.listicle-comparison__heading--primary,.listicle-comparison__cell--primary{grid-column:2}.listicle-comparison__heading--secondary,.listicle-comparison__cell--secondary{grid-column:3}.listicle-comparison__row:before{left:0;width:calc(100% / 3)}.listicle-comparison__row:after{left:calc((100% / 3) * 2);right:0}.listicle-comparison__heading{line-height:1.15}.listicle-comparison__label{padding-right:10px}}@media screen and (min-width:768px){.listicle-comparison__container--desktop-wide{width:min(calc(100% - 30px),calc(1200px + (var(--gutter) * 2)))}}@media screen and (min-width:768px){.listicle-comparison__container--desktop-full{width:calc(100% - 30px);max-width:none;padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-listicle-comparison.css.map */