.comparison-component{display:block}.comparison-component__layout{gap:12px;padding:24px 16px;background:rgb(var(--color-background))}.comparison-component__title{max-width:none;font-size:28px;font-weight:700;line-height:31px;text-transform:uppercase;color:rgb(var(--color-foreground))}.comparison-component__intro{display:flex;flex-direction:column;gap:12px}.comparison-component__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:4px 24px}.comparison-component__button{cursor:pointer;background-color:transparent;border:none;display:grid;place-items:center;color:#d7dbe1;transition:color .3s ease-in-out;padding:0}.comparison-component__button svg{display:block;width:100%;height:auto}.comparison-component__button svg path{fill:#d7dbe1;transition:fill .3s ease-in-out}.comparison-component__button[data-active]{color:var(--color-button)}.comparison-component__button[data-active] svg path{fill:var(--color-button)}.comparison-component__button:hover{background-color:transparent}.comparison-component__button:hover svg{color:var(--color-button)}.comparison-component__button:hover svg path{fill:var(--color-button)}.comparison-component__icon{display:grid;place-items:center}.comparison-component .title.h3{text-align:center;font-size:22px;line-height:24px;font-weight:700;text-transform:uppercase;color:rgb(var(--color-foreground))}.comparison-component__table{width:100%;border-collapse:separate;border-spacing:8px 0}.comparison-component__table-header,.comparison-component__table-cell{width:50%;padding:8px;vertical-align:top}.comparison-component__table-header{padding-block-end:16px}.comparison-component__table-header .title.h3{margin:8px 0 0}.comparison-component__table-cell{padding:8px}.comparison-component__table-row .comparison-component__table-cell{background:rgb(var(--color-background))}.comparison-component__table-row:nth-child(2n) .comparison-component__table-cell{background:rgba(var(--color-foreground),.08)}.comparison-component__point{display:flex;flex-direction:row;align-items:flex-start;gap:12px;min-height:37px}.comparison-component__point-text{font-size:12px;line-height:16px}.comparison-component__point-marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:40px;color:rgb(var(--color-foreground))}.comparison-component__point-marker svg{width:12px;height:9px}.comparison-component__point-marker--compared-to{background:var(--color-brand-quaternary);color:rgb(var(--color-foreground))}.comparison-component__point-text--compared-to{color:var(--color-button)}.comparison-component__point-text--comparable{color:rgb(var(--color-foreground))}@media all and (min-width:1024px){.comparison-component__title{font-size:34px;line-height:40px}.comparison-component__layout{grid-template-columns:345px minmax(0,1fr);align-items:center;gap:119px;padding:56px 10px;background:rgb(var(--color-background))}.comparison-component__intro{gap:48px}.comparison-component__buttons{display:flex;flex-wrap:wrap;gap:17px;padding:0}.comparison-component .title.h3{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-comparison.css.map */