.compare-table{padding-block:var(--margin-section)}.compare-table>[class*=container]{display:flex;flex-direction:column;gap:var(--gap-lg)}.compare-table__label{border-left:2px solid var(--brand-100);color:var(--neutral-500);display:block;font-weight:300;line-height:1;padding-inline-start:var(--spacing-2);text-transform:uppercase}.compare-table__content{max-inline-size:50%}@media (max-width:55rem){.compare-table__content{max-inline-size:100%}}.compare-table__wrapper{overflow-x:auto}.compare-table__table{border-collapse:collapse}.compare-table__table h3{font-size:1.25rem}.compare-table__table td{padding:var(--padding-sm)}.compare-table__table th{padding-block:var(--padding-sm);text-align:left}.compare-table__table tr:not(:first-child) td,.compare-table__table tr:not(:first-child) th{border-top:1px solid var(--neutral-300)}.compare-table__table td,.compare-table__table th{background:var(--neutral-100);inline-size:calc(var(--container-max)/6);vertical-align:baseline}@media (max-width:30rem){.compare-table__table td,.compare-table__table th{inline-size:70vw}}.compare-table__table td:first-child,.compare-table__table th:first-child{left:0;position:sticky}@media (max-width:30rem){.compare-table__table td:first-child,.compare-table__table th:first-child{inline-size:25vw}}.compare-table__column-header{align-items:flex-start;display:flex;flex-direction:column;gap:var(--gap-sm);position:relative}.compare-table__column-header img{aspect-ratio:16/9;block-size:auto;inline-size:100%;-o-object-fit:cover;object-fit:cover}.compare-table__column-header-link:after{content:"";inset:0;position:absolute}.compare-table__column-header h3{--bg-h:1px;background:linear-gradient(0deg,var(--border-color,currentColor),var(--border-color,currentColor)) no-repeat 100% 100%/0 var(--bg-h);display:inline-block;transition:background-size var(--animation-speed-slow) cubic-bezier(.6,.6,0,1),color var(--animation-speed-slow) cubic-bezier(.6,.6,0,1)}.compare-table__column-header:has(.compare-table__column-header-link:hover,.compare-table__column-header-link:focus,.compare-table__column-header-link:focus-visible) h3{background-position-x:left;background-size:100% var(--bg-h);color:var(--link-color-hover,var(--link-color))}.compare-table__column-data{display:block}.compare-table__column-data+.button{margin-block-start:var(--gap-sm)}
