@layer components{.component-grid:has(.comparison-grid){grid-column:full-width}.component-grid:has(.comparison-grid) .component{grid-column:full-width;margin-left:10px}@media(min-width: 768px){.component-grid:has(.comparison-grid){grid-column:content}.component-grid:has(.comparison-grid) .component{grid-column:content;margin-left:0}}.comparison-grid{overflow-x:auto;display:grid;grid-template-columns:46% repeat(2, 52%);--item-padding: 12px 16px}@media(min-width: 768px){.comparison-grid{--item-padding: 18px 22px}}@media(min-width: 992px){.comparison-grid{grid-template-columns:1fr minmax(264px, 1fr) minmax(264px, 1fr)}}.comparison-grid>.title{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;padding:var(--item-padding);font-size:clamp(2rem,2.2vw,3.2rem);font-weight:bold;line-height:1.2}.comparison-grid>.title>svg{display:none;height:32px}@media(min-width: 768px){.comparison-grid>.title>svg{display:block}}.comparison-grid>.white-space{background-color:var(--white);position:sticky;left:0;z-index:10}.comparison-grid>.positive{background-color:var(--support-color-2);color:var(--main-color-2)}.comparison-grid>.negative{background-color:var(--white);color:var(--main-color-3)}.comparison-grid>.comparison-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;border-top:1px solid #d9d9d9}.comparison-grid>.comparison-row:last-child{border-bottom:1px solid #d9d9d9}.comparison-grid>.comparison-row .positives{background-color:var(--support-color-2);color:var(--main-color-2)}.comparison-grid>.comparison-row .negatives{background-color:var(--white);color:var(--main-color-3)}.comparison-grid>.comparison-row>span{word-break:break-word;font-weight:bold;color:var(--main-color-3);padding:var(--item-padding);background-color:var(--white);position:sticky;left:0;z-index:10}@media(max-width: 575px){.comparison-grid>.comparison-row>span{padding-left:0}}.comparison-grid>.comparison-row>ul{display:flex;flex-direction:column;gap:8px;padding:var(--item-padding)}.comparison-grid>.comparison-row>ul>li{display:flex;align-items:center;gap:14px;line-height:1.5}.comparison-grid>.comparison-row>ul>li svg{flex-shrink:0;height:9px}@media(min-width: 768px){.comparison-grid>.comparison-row>ul>li{gap:16px}.comparison-grid>.comparison-row>ul>li svg{height:15px}}.comparison-grid>.comparison-row>*{display:flex;flex-direction:column;justify-content:center}}@layer theme{}