.materialComparison{width:100%}.cmpScroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-white);-webkit-overflow-scrolling:touch}.cmpTable{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-snug)}.cmpCell,.cmpHeadCell,.cmpRowName{padding:var(--spacing-2) var(--spacing-3);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.cmpTable tr>:last-child{border-right:none}.cmpTable tbody tr:last-child>*{border-bottom:none}.cmpHeadCell{min-width:8rem;background-color:var(--color-background-light);font-weight:var(--font-weight-semi-bold);overflow-wrap:anywhere}.cmpHeadCell,.cmpRowName{color:var(--color-text-primary)}.cmpRowName{position:sticky;left:0;z-index:1;min-width:12rem;max-width:16rem;background-color:var(--color-white);font-weight:var(--font-weight-medium)}.cmpHeadCell.cmpRowName{z-index:2;background-color:var(--color-background-light);font-weight:var(--font-weight-semi-bold)}.cmpMaterialLink{color:inherit;text-decoration:none}.cmpMaterialLink:hover{color:var(--color-primary)}.cmpCell{color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.cmpCell--empty:before{content:"\2014";color:var(--color-text-muted)}.cmpCell--details{cursor:help;outline:none;transition:var(--transition-background)}.cmpCell--active,.cmpCell--details:focus-visible,.cmpCell--details:hover{background-color:var(--color-background-secondary)}.cmpCell--details:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary)}.cmpUnit{margin-left:var(--spacing-1);color:var(--color-text-light)}.cmpPopup{gap:var(--spacing-2)}.cmpPopup,.cmpPopupRow{display:flex;flex-direction:column}.cmpPopupRow{gap:var(--spacing-1)}.cmpPopupLabel{color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.cmpPopupText{overflow-wrap:anywhere}@media (max-width:768px){.cmpTable{font-size:var(--font-size-sm)}.cmpHeadCell{min-width:6rem}.cmpRowName{min-width:8rem;max-width:10rem}}