mg-feature-matrix[data-style=versus]{--fm-cols: 1;--fm-hairline: color-mix(in srgb, var(--color-text) 12%, transparent)}mg-feature-matrix[data-style=versus][data-cols="2"]{--fm-cols: 2}mg-feature-matrix[data-style=versus][data-cols="3"]{--fm-cols: 3}mg-feature-matrix[data-style=versus] .mg-feature-matrix__container{max-width:46rem}mg-feature-matrix[data-style=versus] .mg-feature-matrix__table,body[data-surface] mg-feature-matrix[data-style=versus] .mg-feature-matrix__table{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none}mg-feature-matrix[data-style=versus] :is(.mg-feature-matrix__thead,.mg-feature-matrix__tbody){min-inline-size:0}mg-feature-matrix[data-style=versus] .mg-feature-matrix__row{grid-template-columns:minmax(0,1fr) repeat(var(--fm-cols),5.25rem);column-gap:var(--space-sm);border-block-end:0}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell{padding:var(--space-md) var(--space-sm)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__tbody .mg-feature-matrix__row:not(:last-child) .mg-feature-matrix__cell:not(.mg-feature-matrix__cell--highlight){border-block-end:var(--border-thickness) solid var(--fm-hairline)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--criterion{position:static;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-sm);padding-inline-start:0;background:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-wrap:pretty}mg-feature-matrix[data-style=versus] .mg-feature-matrix__row-icon{flex-shrink:0;inline-size:1.25rem;block-size:1.25rem;color:var(--color-primary-btn-bg)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__row--head{border-block-end:0}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--head{justify-content:flex-end;gap:0;padding:0;min-block-size:0}mg-feature-matrix[data-style=versus] .mg-feature-matrix__row--head .mg-feature-matrix__cell.is-highlighted{background:none}mg-feature-matrix[data-style=versus] .mg-feature-matrix__col-image{inline-size:100%;block-size:auto;max-block-size:10rem;aspect-ratio:auto;object-fit:contain;object-position:center bottom;margin-block-end:-15%}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--head:not(.is-highlighted) .mg-feature-matrix__col-image{-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent);mask-image:linear-gradient(to bottom,black 55%,transparent)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__col-name{position:relative;display:grid;align-self:stretch;justify-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xs) var(--space-sm)}mg-feature-matrix[data-style=versus] .is-highlighted .mg-feature-matrix__col-name{border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);background-color:var(--color-primary-btn-bg)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--head .mg-feature-matrix__col-label{font-family:var(--font-body--family);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text)}mg-feature-matrix[data-style=versus] :is(.mg-feature-matrix__cell.is-highlighted,.mg-feature-matrix__cell--highlight){background-color:var(--color-primary-btn-bg);color:var(--color-primary-btn-text)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--head.is-highlighted .mg-feature-matrix__col-label{color:var(--color-primary-btn-text)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__col-logo{display:block;inline-size:100%;aspect-ratio:var(--fm-logo-ratio, 4);max-block-size:3rem;background-color:currentColor;-webkit-mask:var(--fm-logo) center / contain no-repeat;mask:var(--fm-logo) center / contain no-repeat}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--head:has(.mg-feature-matrix__col-logo) .mg-feature-matrix__col-label{position:absolute;inline-size:.0625rem;block-size:.0625rem;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__tbody .mg-feature-matrix__row:last-child .mg-feature-matrix__cell--highlight{border-end-start-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__col-badge{background-color:var(--color-primary-btn-text);color:var(--color-primary-btn-bg)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--value{align-items:center;text-align:center}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--highlight :is(.mg-feature-matrix__value,.mg-feature-matrix__value--with-mark){color:var(--color-primary-btn-text)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__mark .mg-icon{inline-size:1.125rem;block-size:1.125rem}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--highlight .mg-feature-matrix__mark{inline-size:2rem;block-size:2rem;border-radius:var(--radius-circle);background-color:color-mix(in srgb,var(--color-primary-btn-text) 16%,transparent);color:var(--color-primary-btn-text)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--alt .mg-feature-matrix__mark{color:color-mix(in srgb,var(--color-text) 45%,transparent)}@media not (max-width:750px){mg-feature-matrix[data-style=versus] .mg-feature-matrix__row{grid-template-columns:minmax(0,1fr) repeat(var(--fm-cols),minmax(8rem,11rem));column-gap:var(--space-md)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--criterion{padding-inline-start:0;font-size:var(--font-size-base)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__col-name{padding:var(--space-md) var(--space-sm)}mg-feature-matrix[data-style=versus] .mg-feature-matrix__cell--head .mg-feature-matrix__col-label{font-size:var(--font-size-xs)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mg-feature-matrix-versus.css.map */