.comparison-chart{--cc-table-radius: 12px;display:flex;flex-direction:column;gap:var(--spacing-8)}.comparison-chart__header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.comparison-chart__badge{display:inline-flex;align-items:center;gap:var(--spacing-2);margin:0;padding:4px 16px;border:1px solid rgb(var(--text-color) / .15);border-radius:var(--rounded-full);font-size:14px;font-weight:500;color:rgb(var(--cc-label, var(--accent)))}.comparison-chart__badge:before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:var(--rounded-full);background-color:rgb(var(--cc-accent, var(--accent)))}.comparison-chart__heading{margin:0;max-width:820px}.comparison-chart__scroller{display:flex;flex-direction:column;gap:var(--spacing-4)}.comparison-chart__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px}.comparison-chart__table-wrapper::-webkit-scrollbar{display:none}.comparison-chart__table-wrapper:focus-visible{outline:2px solid rgb(var(--cc-accent, var(--accent)));outline-offset:2px}.comparison-chart__scrollbar{position:relative;height:6px;border-radius:var(--rounded-full);background-color:#d9d9d5;cursor:pointer;touch-action:none}.comparison-chart__scrollbar[hidden]{display:none}.comparison-chart__scrollbar-thumb{position:absolute;inset-block:0;inset-inline-start:0;width:40px;min-width:40px;border-radius:var(--rounded-full);background-color:#b8b8b8;cursor:grab;touch-action:none}.comparison-chart__scrollbar-thumb:active{cursor:grabbing;background-color:rgb(var(--text-color) / .5)}.comparison-chart__table{table-layout:fixed;width:100%;min-width:825px;max-width:1000px;margin-inline:auto;border-collapse:separate;border-spacing:0;border-radius:22px;overflow:hidden;background-color:rgb(var(--cc-table-bg, var(--background)));border:1px solid #D9D9D9}.comparison-chart__table .comparison-chart__benefits-head:first-child{text-align:center}.comparison-chart__table th,.comparison-chart__table td{padding:16px!important;border-inline-end:1px solid #D9D9D9;text-align:center;vertical-align:middle}.comparison-chart__table th:last-child,.comparison-chart__table td:last-child{border-inline-end:0}.comparison-chart__table th:first-child{text-align:left}.comparison-chart__table tbody tr:last-child th,.comparison-chart__table tbody tr:last-child td{border-block-end:0}.comparison-chart__benefits-head{width:23%;background-color:rgb(var(--cc-header-bg, var(--text-color)));color:rgb(var(--cc-table-bg, var(--background)));font-size:14px;font-weight:600;text-transform:uppercase;text-align:start}.comparison-chart__brand-head{background-color:rgb(var(--cc-brand-header-bg, var(--text-color)));color:rgb(var(--cc-table-bg, var(--background)));font-size:14px;font-weight:600;text-transform:uppercase}.comparison-chart__competitor-head{font-size:10px;font-weight:600;text-transform:uppercase;color:rgb(var(--text-color))}.comparison-chart__row-label{font-size:10px;font-weight:500;text-align:start;color:rgb(var(--text-color))}.comparison-chart__cell{font-size:10px;font-weight:500}.comparison-chart__cell--brand{background-color:rgb(var(--cc-brand-col-bg, var(--background)));font-weight:700}.comparison-chart__value{display:inline-flex;align-items:center;gap:var(--spacing-2)}.comparison-chart__mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:var(--rounded-full);color:rgb(var(--cc-table-bg, var(--background)))}.comparison-chart__mark svg{display:block}.comparison-chart__mark--yes{background-color:rgb(var(--cc-accent, var(--accent)))}.comparison-chart__mark--no,.comparison-chart__mark--varies{background-color:#666}.shopify-section--comparison-chart .section{padding-block-start:var(--cc-padding-top-mobile, 20px);padding-block-end:var(--cc-padding-bottom-mobile, 32px)}@media screen and (max-width:699px){.comparison-chart__col--hide-mobile{display:none}.comparison-chart__table{min-width:0;max-width:none}.comparison-chart__table-wrapper{margin:0;padding:0}.comparison-chart__table th,.comparison-chart__table td{padding:10px!important}.comparison-chart__table .comparison-chart__benefits-head,.comparison-chart__table .comparison-chart__row-label{width:36%;padding-inline-start:10px!important}.comparison-chart__benefits-head,.comparison-chart__brand-head{font-size:11px}.comparison-chart__competitor-head{font-size:9px;line-height:1.2;overflow-wrap:anywhere}.comparison-chart__row-label{font-size:11px;line-height:1.3}.comparison-chart__value{flex-direction:column;gap:2px}.comparison-chart__mark{width:16px;height:16px}}@media screen and (min-width:700px){.comparison-chart__table th,.comparison-chart__table td{padding:12px 20px!important}.comparison-chart{gap:30px}.shopify-section--comparison-chart .section{padding-block-start:var(--cc-padding-top, 40px);padding-block-end:var(--cc-padding-bottom, 40px)}.comparison-chart__table{border-radius:24px}.comparison-chart__brand-head,.comparison-chart__benefits-head{font-size:16px}.comparison-chart__competitor-head,.comparison-chart__row-label,.comparison-chart__cell{font-size:14px}}@media screen and (min-width:1000px){.comparison-chart__table-wrapper{width:100%;max-width:1156px;margin-inline:auto}.comparison-chart__table{min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/comparison-chart.css.map */