@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)}}.world-map{ #KEY-BLOG, #ITA, #KOR, #NZL { fill: var(--solarized-red); } #KEY-WORK, #CAN, #NLD { fill: var(--solarized-blue); } #KEY-HOLIDAY, #AUT, #BEL, #CHE, #DEU, #ESP, #FRA, #GBR, #IRL, #ISL, #USA, #CAI-circle { fill: var(--solarized-yellow); } &>.countries { stroke: var(--theme-color-background); stroke-width: .1; fill: var(--theme-color-text-dull); } &>.key { &>text { font-family: var(--default-font-family); font-size: 0.35rem; fill: var(--theme-color-background); } }}