@media(min-width:40rem){.cheat-sheet-fallback{display:none}}.quality-cheat-sheet{display:grid;row-gap:calc(var(--spacing) * 4);& > div{overflow:auto;position:relative;display:none;@media(min-width:40rem){display: block;}}}.secondary-quality-cheat-sheet{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:calc(var(--spacing) * 4);justify-content:center;font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:#000;& > div{grid-column:span 2/span 2;padding:calc(var(--spacing) * 2);border-color:oklch(37.2% .044 257.287);border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid}& > .col-header{padding:calc(var(--spacing) * 4);border-top-width:1px;border-top-style:solid;text-align:center;font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:#fff;font-weight:var(--font-weight-bold);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);border-bottom-width:1px;border-bottom-style:solid;border-top-width:1px;border-top-style:solid}& > .alpha-cell{background-color:oklch(70.5% .213 47.604)}& > .beta-cell{background-color:oklch(76.9% .188 70.08)}& > .stable-cell{background-color:oklch(69.6% .17 162.48)}& > .bottom-cell{border-bottom-width:1px;border-bottom-style:solid;border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}& > .left-cell{background-color:#fff;text-align:left}& > .right-cell{background-color:#fff;text-align:right}}.main-quality-cheat-sheet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:#000;text-align:center;& > div{justify-content:center;display:flex;align-items:center;border-color:oklch(37.2% .044 257.287);border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid}& > .col-header{padding:calc(var(--spacing) * 4);border-top-width:1px;border-top-style:solid;font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:#fff;font-weight:var(--font-weight-bold);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}& > .double-col{grid-column:span 2/span 2}& > .feature-cell{background-color:oklch(55.4% .046 257.417)}& > .alpha-cell{background-color:oklch(70.5% .213 47.604)}& > .beta-cell{background-color:oklch(76.9% .188 70.08)}& > .stable-cell{background-color:oklch(69.6% .17 162.48)}& > .cell{padding:var(--spacing);background-color:#fff;& > .green-tick{color:oklch(72.3% .219 149.579);& > *{height:calc(var(--spacing) * 6);display:inline}}& > .red-cross{color:oklch(63.7% .237 25.331);& > *{height:calc(var(--spacing) * 6);display:inline}}}& > .bottom-cell{border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}}