.sid-type-h0{font-family:var(--font-serif);font-size:var(--fz-h0);line-height:var(--lh-h0);letter-spacing:var(--track-h0);font-weight:400}
.sid-type-display{font-family:var(--font-serif);font-size:var(--fz-display);line-height:var(--lh-display);letter-spacing:var(--track-display);font-weight:400}
.sid-type-page-title{font-family:var(--font-serif);font-size:var(--fz-page-title);line-height:var(--lh-page-title);letter-spacing:var(--track-page-title);font-weight:400}
.sid-type-heading-3{font-family:var(--font-serif);font-size:var(--fz-heading-3);line-height:var(--lh-heading-3);letter-spacing:var(--track-heading-3);font-weight:400}
.sid-type-body-1{font-family:var(--font-serif);font-size:var(--fz-body-1);line-height:var(--lh-body-1);letter-spacing:var(--track-body-1);font-weight:400}
.sid-type-serif-8{font-family:var(--font-serif);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);font-weight:400}
.sid-type-mono-6{font-family:var(--font-mono);font-size:var(--fz-mono-6);line-height:var(--lh-mono-6);letter-spacing:var(--track-code);font-weight:400}
.sid-type-mono-cli{font-family:var(--font-mono);font-size:var(--fz-mono-cli);line-height:var(--lh-mono-cli);letter-spacing:normal;font-weight:400} 
.sid-swatch .container-tile.sid-ink-paper{background:var(--paper)}
.sid-swatch .container-tile.sid-ink-ink{background:var(--ink)}
.sid-swatch .container-tile.sid-ink-graphite{background:var(--graphite)}
.sid-swatch .container-tile.sid-ink-grey-51{background:var(--grey-51)}
.sid-swatch .container-tile.sid-ink-dusk{background:var(--dusk)}
.sid-swatch .container-tile.sid-ink-hum{background:var(--hum)}
.sid-swatch .container-tile.sid-ink-signal-go{background:var(--signal-go)}
.sid-swatch .container-tile.sid-ink-signal-live{background:var(--signal-live)}
.sid-space-s-1{width:var(--s-1)}
.sid-space-s-2{width:var(--s-2)}
.sid-space-s-3{width:var(--s-3)}
.sid-space-s-4{width:var(--s-4)}
.sid-space-s-5{width:var(--s-5)}
.sid-space-s-6{width:var(--s-6)}
.sid-row-demo{gap:3.125%}
.sid-row-demo[data-recipe-view="major-minor"]{grid-template-columns:minmax(0,840fr) minmax(0,400fr)}
.sid-row-demo[data-recipe-view="minor-major"]{grid-template-columns:minmax(0,400fr) minmax(0,840fr)}
@media(max-width:600px){.sid-row-demo[data-recipe-view]{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}}