.motion:where(.astro-udn4rxlk){gap:var(--helia-space-4);margin-top:var(--helia-space-4);display:grid}.motion__tokens:where(.astro-udn4rxlk){gap:var(--helia-space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none;display:grid}.motion__tokens:where(.astro-udn4rxlk) li:where(.astro-udn4rxlk){gap:var(--helia-space-px);min-width:0;display:grid}.motion__tokens:where(.astro-udn4rxlk) code:where(.astro-udn4rxlk){font-size:var(--helia-text-caption);overflow-wrap:anywhere}.motion__tokens:where(.astro-udn4rxlk) span:where(.astro-udn4rxlk){color:var(--helia-ink-muted);font-size:var(--helia-text-label)}.motion__stage:where(.astro-udn4rxlk){gap:var(--helia-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.motion__card:where(.astro-udn4rxlk){gap:var(--helia-space-2);display:grid}.motion__card:where(.astro-udn4rxlk) strong:where(.astro-udn4rxlk){font-size:var(--helia-text-card-title);font-weight:var(--helia-weight-semibold)}.motion__card:where(.astro-udn4rxlk) span:where(.astro-udn4rxlk){color:var(--helia-ink-secondary);font-size:var(--helia-text-small)}.tones:where(.astro-vtvraajb){gap:var(--helia-space-5);margin-top:var(--helia-space-4);display:grid}.tones__row:where(.astro-vtvraajb){gap:var(--helia-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.tone:where(.astro-vtvraajb){min-width:0;margin:0}.tone__panel:where(.astro-vtvraajb){border:1px solid var(--sl-color-gray-5);border-radius:var(--helia-radius-md);height:5rem}.tone__panel--raised:where(.astro-vtvraajb){background:var(--helia-surface-card);margin:var(--helia-space-2)}figcaption:where(.astro-vtvraajb){gap:var(--helia-space-px);margin-top:var(--helia-space-2);min-width:0;display:grid}code:where(.astro-vtvraajb){font-size:var(--helia-text-label);overflow-wrap:anywhere}figcaption:where(.astro-vtvraajb) span:where(.astro-vtvraajb){color:var(--helia-ink-muted);font-size:var(--helia-text-label)}.ruler:where(.astro-ttbjw53f){gap:var(--helia-space-2);margin-top:var(--helia-space-4);display:grid}.ruler__step:where(.astro-ttbjw53f){align-items:center;gap:var(--helia-space-3);grid-template-columns:13rem 1fr;display:grid}code:where(.astro-ttbjw53f){font-size:var(--helia-text-caption);overflow-wrap:anywhere}.ruler__bar:where(.astro-ttbjw53f){background:var(--sl-color-accent);border-radius:var(--helia-radius-xs);height:var(--helia-space-3);min-width:1px;display:block}.ruler--radius:where(.astro-ttbjw53f),.ruler--control:where(.astro-ttbjw53f){grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}.ruler--radius:where(.astro-ttbjw53f) .ruler__step:where(.astro-ttbjw53f),.ruler--control:where(.astro-ttbjw53f) .ruler__step:where(.astro-ttbjw53f){gap:var(--helia-space-2);grid-template-columns:1fr;justify-items:start}.ruler__corner:where(.astro-ttbjw53f){background:var(--helia-surface-card-muted);border:1px solid var(--sl-color-gray-5);width:100%;height:4rem;display:block}.ruler__control:where(.astro-ttbjw53f){background:var(--helia-surface-card-muted);border:1px solid var(--sl-color-gray-5);border-radius:var(--helia-radius-md);color:var(--helia-ink-secondary);font-size:var(--helia-text-small);padding-inline:var(--helia-space-4);align-items:center;display:inline-flex}@media (width<42rem){.ruler__step:where(.astro-ttbjw53f){gap:var(--helia-space-1);grid-template-columns:1fr}}.ramp:where(.astro-c6trl33a){border:1px solid var(--sl-color-gray-5);border-radius:var(--helia-radius-md);margin-top:var(--helia-space-4);overflow:hidden}.ramp__group:where(.astro-c6trl33a)+.ramp__group:where(.astro-c6trl33a){border-top:1px solid var(--sl-color-gray-5)}.ramp__row:where(.astro-c6trl33a){align-items:baseline;gap:var(--helia-space-4);padding:var(--helia-space-3) var(--helia-space-4);grid-template-columns:minmax(9rem,.3fr) minmax(0,1fr);display:grid}.ramp__row:where(.astro-c6trl33a)+.ramp__row:where(.astro-c6trl33a){border-top:1px solid var(--sl-color-gray-6)}.ramp__meta:where(.astro-c6trl33a){gap:var(--helia-space-px);min-width:0;display:grid}.ramp__meta:where(.astro-c6trl33a) code:where(.astro-c6trl33a){font-size:var(--helia-text-label);overflow-wrap:anywhere}.ramp__meta:where(.astro-c6trl33a) span:where(.astro-c6trl33a){color:var(--helia-ink-muted);font-size:var(--helia-text-label)}.ramp:where(.astro-c6trl33a) p:where(.astro-c6trl33a){color:var(--helia-ink-primary);min-width:0;margin:0}.ramp__specimen:where(.astro-c6trl33a){font-weight:var(--helia-weight-semibold);letter-spacing:var(--helia-tracking-heading);line-height:var(--helia-leading-tight);overflow-wrap:anywhere}.ramp__weight:where(.astro-c6trl33a),.ramp__tracking:where(.astro-c6trl33a){font-size:var(--helia-text-subhead)}.ramp__paragraph:where(.astro-c6trl33a){color:var(--helia-ink-secondary);font-size:var(--helia-text-body);max-width:34rem}@media (width<42rem){.ramp__row:where(.astro-c6trl33a){align-items:start;gap:var(--helia-space-2);grid-template-columns:1fr}}.type-showcase:where(.astro-ghi2gnbz){overflow:hidden}.type-specimen:where(.astro-ghi2gnbz){align-items:baseline;gap:var(--helia-space-5);padding:var(--helia-space-4);grid-template-columns:minmax(8rem,.28fr) minmax(0,1fr);display:grid}.type-specimen:where(.astro-ghi2gnbz)+.type-specimen:where(.astro-ghi2gnbz),.color-roles:where(.astro-ghi2gnbz){border-top:1px solid var(--sl-color-gray-5)}.type-meta:where(.astro-ghi2gnbz){gap:var(--helia-space-1);display:grid}.type-meta:where(.astro-ghi2gnbz) strong:where(.astro-ghi2gnbz){color:var(--helia-ink-primary);font-size:var(--helia-text-small);font-weight:var(--helia-weight-semibold)}.type-meta:where(.astro-ghi2gnbz) span:where(.astro-ghi2gnbz){color:var(--helia-ink-muted);font-family:var(--helia-font-mono);font-size:var(--helia-text-label)}.type-specimen:where(.astro-ghi2gnbz)>p:where(.astro-ghi2gnbz),.content-samples:where(.astro-ghi2gnbz) p:where(.astro-ghi2gnbz){margin:0}.type-specimen--display:where(.astro-ghi2gnbz)>p:where(.astro-ghi2gnbz){color:var(--helia-ink-primary);font-size:var(--helia-text-display);font-weight:var(--helia-weight-semibold);letter-spacing:var(--helia-tracking-display);line-height:var(--helia-leading-tight)}.type-specimen--page:where(.astro-ghi2gnbz)>p:where(.astro-ghi2gnbz){color:var(--helia-ink-primary);font-size:var(--helia-text-page);font-weight:var(--helia-weight-semibold);letter-spacing:var(--helia-tracking-page);line-height:var(--helia-leading-heading)}.type-specimen--section:where(.astro-ghi2gnbz)>p:where(.astro-ghi2gnbz){color:var(--helia-ink-primary);font-size:var(--helia-text-section);font-weight:var(--helia-weight-semibold);letter-spacing:var(--helia-tracking-section);line-height:var(--helia-leading-heading)}.content-samples:where(.astro-ghi2gnbz){gap:var(--helia-space-3);max-width:42rem;display:grid}.lead:where(.astro-ghi2gnbz){color:var(--helia-ink-primary);font-size:var(--helia-text-lead);font-weight:var(--helia-weight-regular);line-height:var(--helia-leading-body)}.body:where(.astro-ghi2gnbz){color:var(--helia-ink-secondary);font-size:var(--helia-text-body);line-height:var(--helia-leading-body)}.supporting:where(.astro-ghi2gnbz){color:var(--helia-ink-muted);font-size:var(--helia-text-small);line-height:var(--helia-leading-body)}.utility-samples:where(.astro-ghi2gnbz){align-items:center;gap:var(--helia-space-3) var(--helia-space-4);flex-wrap:wrap;display:flex}.label:where(.astro-ghi2gnbz){color:var(--helia-ink-secondary);font-size:var(--helia-text-label);font-weight:var(--helia-weight-bold);letter-spacing:var(--helia-tracking-caps);text-transform:uppercase}code:where(.astro-ghi2gnbz){background:var(--sl-color-gray-6);border-radius:var(--helia-radius-sm);color:var(--helia-ink-primary);font-family:var(--helia-font-mono);font-size:var(--helia-text-small);padding:var(--helia-space-1) var(--helia-space-2)}.color-roles:where(.astro-ghi2gnbz){gap:var(--helia-space-3);padding:var(--helia-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.color-role:where(.astro-ghi2gnbz){align-items:center;gap:var(--helia-space-2);min-width:0;display:flex}.color-role__copy:where(.astro-ghi2gnbz){align-items:start;gap:var(--helia-space-px);flex-direction:column;min-width:0;display:flex}.swatch:where(.astro-ghi2gnbz){border:1px solid var(--sl-color-gray-5);border-radius:var(--helia-radius-pill);flex:none;width:1.7rem;height:1.7rem}.swatch--primary:where(.astro-ghi2gnbz){background:var(--helia-ink-primary)}.swatch--secondary:where(.astro-ghi2gnbz){background:var(--helia-ink-secondary)}.swatch--muted:where(.astro-ghi2gnbz){background:var(--helia-ink-muted)}.color-roles:where(.astro-ghi2gnbz) strong:where(.astro-ghi2gnbz){color:var(--helia-ink-primary);font-size:var(--helia-text-small)}.color-roles:where(.astro-ghi2gnbz) small:where(.astro-ghi2gnbz){color:var(--helia-ink-muted);font-size:var(--helia-text-label);line-height:var(--helia-leading-heading)}@media (width<42rem){.type-specimen:where(.astro-ghi2gnbz){align-items:start;gap:var(--helia-space-3);grid-template-columns:1fr}.color-roles:where(.astro-ghi2gnbz){grid-template-columns:1fr}}