@layer components{.design_page__ynXT_{max-width:var(--max-width-blog);margin:0 auto;padding:var(--spacing-fluid-sm) var(--spacing-fluid-lg) var(--spacing-fluid-2xl);color:var(--color-text);font-family:var(--font-body)}.design_summary__1DP5M{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);margin-bottom:var(--spacing-fluid-xl);background:var(--color-bg-light);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-sm)}.design_summary__1DP5M div{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.design_summary__1DP5M strong{font-family:var(--font-display);font-size:var(--font-size-5);font-weight:var(--font-weight-light);letter-spacing:var(--tracking-tight);line-height:var(--line-height-none);color:var(--color-heading-black)}.design_summary__1DP5M span{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-label)}.design_section__DNpkL{margin-top:var(--spacing-fluid-2xl);scroll-margin-top:8em}.design_sectionHeader__0lgZ9{margin-bottom:var(--spacing-fluid-lg)}.design_sectionTitle__5S4YO{font-family:var(--font-display);font-size:var(--font-size-5);font-weight:var(--font-weight-normal);letter-spacing:var(--tracking-tight);line-height:var(--line-height-tight);color:var(--color-heading);margin:0 0 var(--spacing-3)}.design_sectionLead__pE7bo{font-size:var(--font-size-1);line-height:var(--line-height-relaxed);color:var(--color-text-light);max-width:60ch;margin:0}.design_sectionLead__pE7bo code{font-family:var(--font-mono);font-size:.9em;padding:1px 5px;background:var(--color-media-bg);border-radius:var(--radius-xs)}.design_subhead__8l4wG{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-label);margin:var(--spacing-fluid-lg) 0 var(--spacing-fluid-sm)}.design_swatchGrid__t2F24{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-fluid-md)}.design_swatch__Syn5_{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-sm);background:var(--color-bg-light)}.design_swatchChip___CB_j{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--color-border-light);background-image:linear-gradient(45deg,var(--shadow-alpha-sm) 25%,transparent 25%),linear-gradient(-45deg,var(--shadow-alpha-sm) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--shadow-alpha-sm) 75%),linear-gradient(-45deg,transparent 75%,var(--shadow-alpha-sm) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.design_swatchChipRound__XAPGV{border-radius:var(--radius-full);box-shadow:inset -4px -6px 12px var(--shadow-alpha-md),inset 3px 4px 8px rgba(255,255,255,.35)}.design_swatchMeta__0lWf_{min-width:0}.design_swatchName__Nmte7{font-size:var(--font-size-0);overflow-wrap:anywhere}.design_swatchName__Nmte7 code{font-family:var(--font-mono);color:var(--color-heading-black)}.design_swatchValue__x3L4i{color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design_swatchSub__SVXRn,.design_swatchValue__x3L4i{font-family:var(--font-mono);font-size:var(--text-caption)}.design_swatchSub__SVXRn{color:var(--color-label)}.design_mirrorEffectGrid__08Crn{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-fluid-md)}.design_mirrorEffectCard__E2T4D{display:flex;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-sm);background:var(--color-bg-light)}.design_mirrorEffectSwatches__fAI_O{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.design_mirrorEffectOverlay__bntfT,.design_mirrorEffectWash__3naNn{width:48px;height:22px;border-radius:var(--radius-xs);border:var(--border-width-thin) solid var(--color-border-light)}.design_mirrorEffectMeta__7s1ly{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.design_mirrorEffectKind__ZBQMB{font-family:var(--font-mono);font-size:var(--font-size-0);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-heading-black)}.design_typeStack__uJEWe{display:flex;flex-direction:column;gap:var(--spacing-fluid-md)}.design_typeSample__ehynj{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-fluid-md);align-items:baseline;padding-bottom:var(--spacing-fluid-sm);border-bottom:var(--border-width-thin) dashed var(--color-border-light)}.design_typeLabel__0AVB5{display:flex;flex-direction:column;gap:2px}.design_typeLabel__0AVB5 code{font-family:var(--font-mono);font-size:var(--font-size-0);color:var(--color-heading-black)}.design_typeLabel__0AVB5 span{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-light)}.design_typeSpecimen__mSp1z{line-height:var(--line-height-tight);color:var(--color-heading);overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.design_typeSample__ehynj{grid-template-columns:1fr;gap:var(--spacing-2)}}.design_familyStack__7gro_,.design_lineHeightStack__dqzQy,.design_trackingStack__w12wX,.design_weightStack__1t9dR{display:flex;flex-direction:column;gap:var(--spacing-fluid-md)}.design_familyItem__toMME,.design_lineHeightItem__0MM19,.design_trackingItem__iPbrq,.design_weightItem__09uzI{padding-bottom:var(--spacing-fluid-sm);border-bottom:var(--border-width-thin) dashed var(--color-border-light)}.design_familyLabel__ale07,.design_trackingLabel__T05Y5,.design_weightLabel__meEoM{font-family:var(--font-mono);font-size:var(--font-size-0);color:var(--color-text-light);margin-bottom:var(--spacing-2)}.design_familyLabel__ale07 code,.design_trackingLabel__T05Y5 code,.design_weightLabel__meEoM code{color:var(--color-heading-black)}.design_layoutStack__GnNUo,.design_spacingStack__WHaFg{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm)}.design_layoutItem__671Df,.design_spacingRow__d2tNt{display:flex;flex-direction:column;gap:var(--spacing-2)}.design_spacingLabel__mgb_f{display:flex;align-items:baseline;gap:var(--spacing-3);font-size:var(--font-size-0)}.design_spacingLabel__mgb_f code{font-family:var(--font-mono);color:var(--color-heading-black)}.design_spacingLabel__mgb_f span{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-light)}.design_spacingHint__DKmtY{color:var(--color-label)!important;font-size:var(--text-caption)!important}.design_spacingBar__ZT5O_{height:12px;background:linear-gradient(to right,var(--color-heading-black),var(--color-muted-medium));border-radius:var(--radius-xs);max-width:100%}.design_layoutBar__wM6jT{height:16px;background:repeating-linear-gradient(45deg,var(--color-heading-black),var(--color-heading-black) 6px,var(--color-muted-medium) 6px,var(--color-muted-medium) 12px);border-radius:var(--radius-xs);max-width:100%}.design_opacityStack__KEgTE,.design_radiusStack__CpRmn{display:flex;flex-wrap:wrap;gap:var(--spacing-fluid-md)}.design_opacityItem__3VKqH,.design_radiusItem__NkScA{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);min-width:120px}.design_radiusSwatch__mkPjs{width:64px;height:64px;background:var(--color-heading-black)}.design_borderSwatch__jBbrN{width:64px;height:64px;background:transparent;border-style:solid;border-color:var(--color-heading-black)}.design_radiusLabel__QEfTz{font-size:var(--font-size-0);display:flex;flex-direction:column;gap:2px}.design_radiusLabel__QEfTz code{font-family:var(--font-mono);color:var(--color-heading-black)}.design_radiusLabel__QEfTz span{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-light)}.design_opacitySwatch__RWiGl{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--color-heading-black)}.design_opacityLabel__Iahlr{font-size:var(--font-size-0);display:flex;flex-direction:column;gap:2px}.design_opacityLabel__Iahlr code{font-family:var(--font-mono);color:var(--color-heading-black)}.design_opacityLabel__Iahlr span{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-light)}.design_tokenTable__h5hrL{display:flex;flex-direction:column;gap:var(--spacing-2)}.design_tokenRow__weO8t{display:flex;align-items:baseline;gap:var(--spacing-fluid-md);padding:var(--spacing-2) 0;border-bottom:var(--border-width-thin) dashed var(--color-border-light);font-size:var(--font-size-0)}.design_tokenRow__weO8t code{font-family:var(--font-mono);color:var(--color-heading-black);flex-shrink:0;min-width:200px}.design_tokenRow__weO8t span{font-family:var(--font-mono);color:var(--color-text-light)}.design_motionStack__sZrDP{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm)}.design_motionRow__XftRm{display:flex;flex-direction:column;gap:var(--spacing-2)}.design_motionTrack__VF2Tk{position:relative;height:10px;background:var(--color-media-bg);border-radius:var(--radius-xs);overflow:hidden}.design_motionDot__Hsel6{position:absolute;top:0;bottom:0;left:0;width:32px;background:var(--color-heading-black);border-radius:var(--radius-xs);animation:design_motionSweep__vJgg0 var(--demo-duration,.4s) var(--easing-in-out) infinite alternate}@keyframes design_motionSweep__vJgg0{0%{transform:translateX(0)}to{transform:translateX(calc(100cqw - 32px));transform:translateX(calc(100% - 32px))}}@media (prefers-reduced-motion:reduce){.design_motionDot__Hsel6{animation:none;left:50%;transform:translateX(-16px)}}.design_componentStack__gSOri{display:flex;flex-direction:column;gap:var(--spacing-fluid-lg)}.design_componentCard__vCkGV{border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4)}.design_componentHeader__hoT0M{display:flex;align-items:baseline;gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap}.design_componentTitle___wRQw{margin:0;font-family:var(--font-display);font-size:var(--font-size-3)}.design_componentTokens__dmsCQ{list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin:0;padding:0}.design_componentTokens__dmsCQ code{font-size:var(--text-eyebrow);color:var(--color-label);background:var(--color-bg-light);padding:2px 6px;border-radius:var(--radius-sm)}.design_componentSample__Dx_A0{padding:var(--spacing-3);background:var(--color-media-bg);border-radius:var(--radius-sm)}.design_componentBody__7sOQc{color:var(--color-text);font-size:var(--font-size-1);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-3)}.design_gridTile__U4Z7A{width:100%;height:100%;display:grid;place-items:center;background:var(--color-media-bg);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-label);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-widest);text-transform:uppercase}.design_decompWire__ctgat{padding:var(--spacing-4);background:var(--color-media-bg);border-radius:var(--radius-md);text-align:center}.design_decompTemplate__ODKAc,.design_decompWire__ctgat{position:relative;display:flex;flex-direction:column;align-items:center}.design_decompTemplate__ODKAc{z-index:1;gap:var(--spacing-2)}.design_decompTplBox__YVrpA{width:120px;height:200px}.design_decompTplLabel__VCYlL{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-label)}.design_decompFanout__Nv_FR{display:flex;flex-direction:column;align-items:center;width:152px;margin:0 auto}.design_decompConnectors__w1re6{width:152px;height:40px;display:block}.design_decompConnectors__w1re6 path{fill:none;stroke:var(--color-label);stroke-width:1.5;opacity:var(--opacity-medium)}.design_decompChipRow__NQek4{position:relative;z-index:1;display:flex;gap:12px}.design_decompChip__whUqI{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.design_decompChipBox__xz2OU{width:70px;height:110px}.design_decompChipLabel__EBywR{color:var(--color-text);font-weight:var(--font-weight-medium)}.design_decompCaption__EmjPP,.design_decompChipLabel__EBywR{font-size:var(--text-caption);line-height:var(--line-height-snug)}.design_decompCaption__EmjPP{margin-top:var(--spacing-3);color:var(--color-text-light);max-width:50ch}.design_componentLink__bIs2m{font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-primary)}.UserFlow_flow__oyQrJ{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);gap:var(--spacing-fluid-xl);align-items:center;margin:0 0 var(--spacing-8);padding:var(--spacing-3) var(--spacing-0);overflow-x:auto}.UserFlow_hasBackward__syu8m{padding-top:var(--spacing-10)}.UserFlow_column__4ce1R{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-fluid-lg);z-index:1}.UserFlow_node__zVjwk{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);text-align:center;line-height:var(--line-height-snug)}.UserFlow_title__sIjyj{font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);margin:var(--spacing-0) var(--spacing-0) var(--spacing-1)}.UserFlow_subtitle__FJdFz{font-family:var(--font-body);font-size:var(--text-eyebrow);opacity:var(--opacity-medium);margin:var(--spacing-0)}.UserFlow_svg__loKF2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.UserFlow_edge__c0H88{fill:none;stroke:var(--color-label);color:var(--color-label);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;opacity:var(--opacity-medium)}.UserFlow_dark__lN6yK .UserFlow_node__zVjwk{background:var(--color-heading-black);color:var(--color-white)}.UserFlow_light__A13T8 .UserFlow_node__zVjwk{background:var(--color-white);color:var(--color-heading);border:var(--border-width-thin) solid var(--color-border-light)}.UserFlow_accent__VABzM .UserFlow_node__zVjwk{background:var(--color-primary);color:var(--color-white)}}@layer components{}