.nav_side_nav__1cIQS{position:sticky;left:0;top:0;max-height:100vh;width:var(--nav-width);padding-top:var(--space-base);padding-bottom:var(--space-base);z-index:var(--z-sticky);display:flex;border-right:1px solid #e7e7e7;flex-direction:column;background-color:#fefefe;font-family:var(--font-secondary);overflow-y:auto;row-gap:var(--space-sm)}.nav_side_nav__1cIQS>*{flex-shrink:0}.nav_sidenav_heading___Sye8{justify-content:start}.nav_sidenav_heading___Sye8,.nav_sidenav_heading_active__W2a2f{display:flex;height:36px;font-size:var(--font-size-xs);padding:var(--space-lg) var(--space-base) var(--space-base) var(--space-base);margin:0 var(--space-base);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);text-transform:uppercase;border-top:1px solid var(--color-border-divider);align-items:center;text-decoration:none;color:#777;cursor:pointer}.nav_sidenav_heading_active__W2a2f{justify-content:space-between}.nav_sidenav_heading_icon__mOVV5{display:inline-flex;align-items:center;margin-right:var(--space-sm);font-size:var(--font-size-base)}.nav_nav_under_heading__fwByX{z-index:var(--z-sticky);display:flex;border-right:1px solid #e7e7e7;flex-direction:column;background-color:#fefefe;font-family:var(--font-secondary)}.nav_sidenav_link__kLWrc{font-weight:var(--font-weight-light)}.nav_sidenav_link__kLWrc,.nav_sidenav_link_active__oNXYd{display:flex;height:36px;padding:0 var(--space-base);margin:0 var(--space-base);border-radius:var(--radius-lg);align-items:center;text-decoration:none;cursor:pointer}.nav_sidenav_link_active__oNXYd{font-weight:var(--font-weight-regular);gap:var(--space-base);background-color:var(--color-bg-hover)}.nav_sidenav_link__kLWrc:hover{background-color:var(--color-bg-hover);cursor:pointer}.nav_display_none__jSGV6{display:none}.nav_sidenav_elements__JLvMd{padding:var(--space-sm) var(--space-lg);font-weight:var(--font-weight-light);cursor:pointer}.nav_material_icons__xi_07{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.nav_icon_button__jWtR7{padding:var(--space-2xs);border-radius:var(--radius-sm)}.nav_icon_button__jWtR7:hover{background:#d2d2d2}.nav_hamburger_btn__w_HGc{display:none;position:fixed;top:var(--space-base);left:var(--space-base);z-index:var(--z-modal);width:40px;height:40px;align-items:center;justify-content:center;background:var(--color-bg-primary);border:1px solid var(--color-border-divider);border-radius:var(--radius-md);font-size:18px;color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.nav_drawer_overlay___4YXx{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:var(--z-overlay)}@media only screen and (max-width:1181px){.nav_side_nav__1cIQS{display:none}}@media only screen and (max-width:767px){.nav_hamburger_btn__w_HGc{display:flex}.nav_side_nav__1cIQS{display:flex;position:fixed;left:-280px;top:0;width:280px;height:100vh;max-height:100vh;z-index:var(--z-modal);transition:left var(--transition-slow);box-shadow:none}.nav_side_nav_open__kog0i{left:0;box-shadow:var(--shadow-lg)}}.layout_container__5R52X{display:grid;grid-template-columns:0fr auto}.layout_main__j5lor{color:var(--color-text-primary);width:100%;max-width:100%;margin-left:auto;margin-right:auto}.layout_textBanner__Ubx34{position:relative;top:0;left:0;right:0;padding-left:var(--space-4xl);padding-top:var(--space-4xl);width:60vw}.layout_textBanner_description__apfls{display:flex;flex-wrap:wrap}.layout_resourceLinks__VnzNB{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);font-size:var(--font-size-sm)}.layout_resourceLink__D_hcC{color:var(--color-primary);text-decoration:none}.layout_resourceLink__D_hcC:hover{text-decoration:underline}.layout_tab_context__Ht3kL{padding:var(--space-2xl) var(--space-4xl)}.layout_demo_container__E_jsD{position:relative;width:100%;background-color:#fefefe;margin-bottom:var(--space-2xl);margin-top:var(--space-xs);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.layout_checkbox_container__XtEdP{position:absolute;left:0;top:0}.layout_disableCheckbox__HcLT8,.layout_errorCheckbox__wVWBR{height:20px;cursor:pointer}.layout_inputContainer__8zjlf{display:flex;width:100%;min-width:100%;align-self:stretch;margin-top:var(--space-lg);padding:var(--space-3xl) 36px;border-radius:var(--radius-lg);background:linear-gradient(135deg,hsla(0,0%,100%,.85),rgba(248,248,250,.75) 50%,rgba(243,238,255,.7));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.6)}.layout_dropdown_menu__Cr1Kd{font-family:var(--font-primary);color:var(--color-text-primary);border-radius:0;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;gap:var(--space-sm);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm)}.layout_dropdown_item__b1nPh{border:1px solid var(--color-border-light);color:#101010}.layout_dropdown_item__b1nPh,.layout_dropdown_item_selected__kzZSR{padding:var(--space-xs) var(--space-md);display:flex;flex-direction:column;justify-content:center;border-radius:var(--radius-lg);cursor:pointer}.layout_dropdown_item_selected__kzZSR{border:2px solid var(--color-primary);color:var(--color-primary)}.layout_dropdown_item__b1nPh:hover{background-color:var(--color-bg-hover)}.layout_thumbnail_grid__mq7bt{display:flex;flex-wrap:wrap;margin-top:var(--space-lg);gap:var(--space-2xl);justify-content:start}.layout_thumbnail_link__49xg5{flex:1 1 150px;cursor:pointer;position:relative}.layout_thumbnail_image__1Sm_a{position:relative;top:0;transition:ease-in-out var(--transition-base);box-shadow:0 0 2px rgba(0,0,0,.1);border:1px solid #f5f5f5;border-radius:var(--radius-lg)}.layout_thumbnail_image__1Sm_a:hover{top:-5px}.layout_slider__fq6sA{height:3px;width:0;transition:ease-in-out var(--transition-base);background:var(--color-primary)}.layout_thumbnail_title___bTNi{font-family:var(--font-secondary);width:-moz-max-content;width:max-content;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-top:var(--space-base);color:var(--color-text-primary)}.layout_thumbnail_title___bTNi:hover{color:var(--color-primary)}.layout_thumbnail_title___bTNi:hover .layout_slider__fq6sA{width:100%;color:var(--color-primary)}.layout_display_none__qkGz7{display:none}@media only screen and (max-width:1181px){.layout_container__5R52X{grid-template-columns:1fr}.layout_textBanner__Ubx34{padding-left:var(--space-base);width:100%}.layout_main__j5lor{padding-left:0;padding-right:0}.layout_tab_context__Ht3kL{padding:0 var(--space-base)}.layout_demo_container__E_jsD{width:100%;display:flex}}@media only screen and (max-width:767px){.layout_main__j5lor{padding-top:56px}.layout_textBanner__Ubx34{width:100%;padding-left:var(--space-base);padding-top:var(--space-lg)}.layout_tab_context__Ht3kL{padding:var(--space-base)}.layout_inputContainer__8zjlf{padding:var(--space-lg) var(--space-base)}.layout_thumbnail_grid__mq7bt{gap:var(--space-lg)}}.guidelines_section__CC_rf{margin-bottom:var(--space-2xl)}.guidelines_section_title___adJQ{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.guidelines_section_description__VuhJp{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:var(--line-height-lg)}.guidelines_content_list__ckKm0{margin-bottom:var(--space-lg);padding-left:var(--space-xl);color:var(--color-text-secondary);list-style:disc}.guidelines_content_list_item__bZ_a6{margin-bottom:var(--space-sm)}.guidelines_content_link__l8Pms{color:var(--color-primary);text-decoration:none}.guidelines_content_link__l8Pms:hover{text-decoration:underline}.guidelines_content_footer__QeFvb{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.guidelines_content_cards_grid__1QWOV{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);width:100%;margin-bottom:var(--space-2xl)}@media (max-width:767px){.guidelines_content_cards_grid__1QWOV{grid-template-columns:1fr}}.guidelines_spec_table__GgELZ{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:var(--font-size-sm)}.guidelines_spec_table__GgELZ th{text-align:left;padding:var(--space-md) var(--space-base);border-bottom:2px solid var(--color-border-light);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.guidelines_spec_table__GgELZ td{padding:var(--space-md) var(--space-base);border-bottom:1px solid var(--color-border-divider);color:var(--color-text-secondary)}.guidelines_code_block__Jwj8o{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-divider);border-radius:var(--radius-lg);padding:var(--space-lg);font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-text-primary);overflow-x:auto;white-space:pre;line-height:1.6;margin:var(--space-base) 0}.guidelines_code_snippet_wrapper__msPtk{position:relative;margin:var(--space-base) 0}.guidelines_code_snippet_wrapper__msPtk .guidelines_code_block__Jwj8o{margin:0;padding-right:48px}.guidelines_code_snippet_copy_btn__okOBc{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-divider);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs)}.guidelines_code_snippet_copy_btn__okOBc:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.guidelines_note_box__XXa45{background-color:var(--color-info-light);border-left:3px solid var(--color-info);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-base) var(--space-lg);margin:var(--space-lg) 0;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-sm)}.guidelines_swatch_grid__KFMWw{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-base);gap:var(--space-base);margin:var(--space-lg) 0}.guidelines_swatch_card__SgGs5{border:1px solid var(--color-border-divider);border-radius:var(--radius-lg);overflow:hidden}.guidelines_swatch_color__Qtk6H{height:80px;width:100%}.guidelines_swatch_info__bZytS{padding:var(--space-md)}.guidelines_swatch_name__Hhe_Z{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.guidelines_swatch_hex__sICIr{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:Courier New,monospace}.guidelines_swatch_token__Ta4hH{font-size:11px;color:var(--color-text-tertiary);font-family:Courier New,monospace;margin-top:var(--space-xs)}.guidelines_type_specimen__r1VJW{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-divider)}.guidelines_type_sample__BG9S_{margin-bottom:var(--space-sm)}.guidelines_type_meta__uqiYO{display:flex;gap:var(--space-lg);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:Courier New,monospace}.guidelines_weight_grid__JOKGO{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--space-base);gap:var(--space-base);margin:var(--space-lg) 0}.guidelines_weight_card__gry3f{padding:var(--space-lg);border:1px solid var(--color-border-divider);border-radius:var(--radius-lg);text-align:center}.guidelines_weight_sample__xU6PD{font-size:var(--font-size-h2);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.guidelines_weight_label__8aeev{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.guidelines_state_demo__x1_DX{display:flex;gap:var(--space-xl);flex-wrap:wrap;margin:var(--space-lg) 0}.guidelines_state_card__p2qJ0{flex:1 1;min-width:200px;padding:var(--space-lg);border:1px solid var(--color-border-divider);border-radius:var(--radius-lg)}.guidelines_state_label___RvuX{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-md);letter-spacing:.5px}.guidelines_do_dont_grid__hlPfL{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);margin:var(--space-lg) 0}.guidelines_do_card__3j_u8{padding:var(--space-lg);border:1px solid var(--color-success);border-radius:var(--radius-lg);background-color:var(--color-success-light)}.guidelines_dont_card__6YrpZ{padding:var(--space-lg);border:1px solid var(--color-error);border-radius:var(--radius-lg);background-color:var(--color-error-light)}.guidelines_do_dont_label__s0j1O{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.guidelines_do_dont_text__9zVfX{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-sm)}@media (max-width:767px){.guidelines_do_dont_grid__hlPfL{grid-template-columns:1fr}}