._container_1f3c5_1{max-width:1200px;margin:0 auto;padding:var(--spacing-8)}._title_1f3c5_7{font-size:var(--typography-size-xl);font-weight:var(--typography-weight-bold);margin-bottom:var(--spacing-4);color:var(--st-color-text-neutral-body)}._description_1f3c5_14{font-size:var(--typography-size-base);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-8)}._compactList_1f3c5_23{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-2)}._compactItem_1f3c5_29{display:grid;gap:var(--spacing-3);padding:var(--spacing-2);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100);background:var(--st-color-background-neutral-base);cursor:pointer}._compactSwatch_1f3c5_39{width:40%;height:24px;border-radius:4px;flex:0 0 auto;border:1px solid var(--st-color-border-neutral-state-default)}._compactInfo_1f3c5_47{display:flex;flex-direction:column;gap:2px}._compactName_1f3c5_53{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-body);font-weight:var(--typography-weight-semibold)}._compactVar_1f3c5_59{font-size:11px;color:var(--st-color-text-neutral-support);font-family:Courier New,monospace}._section_1f3c5_65{margin-bottom:var(--spacing-12)}._sectionTitle_1f3c5_69{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-semibold);margin-bottom:var(--spacing-2);color:var(--st-color-text-neutral-heading)}._sectionDescription_1f3c5_76{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-4)}._grid_1f3c5_82{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}._colorCard_1f3c5_88{position:relative;border-radius:var(--border-radius-200);overflow:hidden;border:1px solid var(--st-color-border-neutral-state-default);background-color:var(--st-color-background-neutral-base);cursor:pointer;transition:all .15s ease}._colorCard_1f3c5_88:hover{transform:translateY(--4px);box-shadow:0 8px 16px #0000001f;border-color:var(--st-color-border-brand-state-default)}._swatch_1f3c5_104{width:100%;height:120px}._info_1f3c5_109{padding:var(--spacing-3)}._name_1f3c5_113{font-size:var(--typography-size-sm);font-weight:var(--typography-weight-semibold);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-1)}._code_1f3c5_120{font-size:11px;font-family:Courier New,monospace;color:var(--st-color-text-neutral-support);display:block;word-break:break-all;margin-bottom:var(--spacing-2)}._wcag_1f3c5_129{display:flex;align-items:center;gap:var(--spacing-1);font-size:11px;margin-top:var(--spacing-2)}._wcagLabel_1f3c5_137{font-weight:var(--typography-weight-semibold);color:var(--st-color-text-neutral-support)}._wcagPass_1f3c5_142{color:#2f814d;font-weight:var(--typography-weight-semibold)}._wcagFail_1f3c5_147{color:#c93a3a;font-weight:var(--typography-weight-semibold)}._wcagAaa_1f3c5_152{color:#2f814d;font-weight:var(--typography-weight-bold)}._wcagRatio_1f3c5_157{color:var(--st-color-text-neutral-support);font-size:10px}._copiedBadge_1f3c5_162{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--st-color-background-brand-state-default);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-100);font-size:11px;font-weight:var(--typography-weight-semibold);animation:_fadeIn_1f3c5_1 .2s ease}@keyframes _fadeIn_1f3c5_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}._footer_1f3c5_186{margin-top:var(--spacing-12);padding-top:var(--spacing-6);border-top:1px solid var(--st-color-border-neutral-state-default)}._hint_1f3c5_192{text-align:center;font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-3)}._wcagInfo_1f3c5_199{text-align:center;font-size:12px;color:var(--st-color-text-neutral-support);line-height:1.6;max-width:800px;margin:0 auto}@media (max-width: 768px){._container_1f3c5_1{padding:var(--spacing-4)}._grid_1f3c5_82{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}._swatch_1f3c5_104{height:80px}}._container_9xu4n_3{max-width:1200px;margin:0 auto;padding:var(--spacing-8)}._header_9xu4n_9{margin-bottom:var(--spacing-12)}._header_9xu4n_9 h1{font-size:var(--typography-size-display-sm);font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-3)}._header_9xu4n_9 p{font-size:var(--typography-size-lg);color:var(--st-color-text-neutral-support);line-height:1.6}._content_9xu4n_26{margin-bottom:var(--spacing-16)}._section_9xu4n_30{margin-bottom:var(--spacing-12);padding:var(--spacing-8);background-color:var(--st-color-background-neutral-section);border-radius:var(--border-radius-200)}._section_9xu4n_30 h2{font-size:var(--typography-size-xxxl);font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._section_9xu4n_30 p{color:var(--st-color-text-neutral-body);line-height:1.6;margin-bottom:var(--spacing-3)}._category_9xu4n_50{margin-bottom:var(--spacing-12);padding:var(--spacing-6);background-color:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200)}._category_9xu4n_50 h2{font-size:var(--typography-size-xxl);font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-2)}._description_9xu4n_65{color:var(--st-color-text-neutral-support);font-size:var(--typography-size-base);margin-bottom:var(--spacing-4)}._table_9xu4n_71{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-4)}._tableRow_9xu4n_78{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._tableRow_9xu4n_78:hover{background-color:var(--st-color-background-neutral-section)}._tableCell_9xu4n_90{color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base)}._tableCell_9xu4n_90 code{background-color:var(--st-color-background-neutral-section);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--border-radius-100);font-family:IBM Plex Mono,monospace;font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-body)}._codeBlock_9xu4n_104{background-color:var(--st-color-background-neutral-base-inverse);color:var(--st-color-text-neutral-state-default-inverse);padding:var(--spacing-6);border-radius:var(--border-radius-200);overflow-x:auto;margin:var(--spacing-4) 0}._codeBlock_9xu4n_104 pre{margin:0;font-family:IBM Plex Mono,monospace;font-size:var(--typography-size-sm);line-height:1.6}._example_9xu4n_121{padding:var(--spacing-4);margin-bottom:var(--spacing-4);background-color:var(--st-color-background-neutral-base);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200)}._label_9xu4n_129{font-size:12px;color:var(--st-color-text-neutral-support);margin:var(--spacing-2) 0 0 0;font-family:Courier New,monospace}._code_9xu4n_104{font-family:Courier New,monospace;font-size:12px;color:var(--st-color-text-neutral-support)}._grid_9xu4n_142{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}._spacingSwatchContainer_9xu4n_150{display:flex;align-items:center;gap:var(--spacing-2)}._spacingSwatch_9xu4n_150{display:inline-block;height:20px}._spacingBox_9xu4n_160{background-color:var(--st-color-border-neutral-state-default);display:inline-block}._gap-spacing-0_9xu4n_165{width:var(--spacing-0);height:var(--spacing-0)}._gap-spacing-0-5_9xu4n_166{width:var(--spacing-0-5);height:var(--spacing-0-5)}._gap-spacing-1_9xu4n_167{width:var(--spacing-1);height:var(--spacing-1)}._gap-spacing-2_9xu4n_168{width:var(--spacing-2);height:var(--spacing-2)}._gap-spacing-3_9xu4n_169{width:var(--spacing-3);height:var(--spacing-3)}._gap-spacing-4_9xu4n_170{width:var(--spacing-4);height:var(--spacing-4)}._gap-spacing-5_9xu4n_171{width:var(--spacing-5);height:var(--spacing-5)}._gap-spacing-6_9xu4n_172{width:var(--spacing-6);height:var(--spacing-6)}._gap-spacing-8_9xu4n_173{width:var(--spacing-8);height:var(--spacing-8)}._gap-spacing-10_9xu4n_174{width:var(--spacing-10);height:var(--spacing-10)}._gap-spacing-12_9xu4n_175{width:var(--spacing-12);height:var(--spacing-12)}._gap-spacing-16_9xu4n_176{width:var(--spacing-16);height:var(--spacing-16)}._gap-spacing-20_9xu4n_177{width:var(--spacing-20);height:var(--spacing-20)}._gap-spacing-24_9xu4n_178{width:var(--spacing-24);height:var(--spacing-24)}._gap-spacing-32_9xu4n_179{width:var(--spacing-32);height:var(--spacing-32)}._gap-sizing-0_9xu4n_182{width:var(--sizing-0);height:var(--sizing-0)}._gap-sizing-0-5_9xu4n_183{width:var(--sizing-0-5);height:var(--sizing-0-5)}._gap-sizing-1_9xu4n_184{width:var(--sizing-1);height:var(--sizing-1)}._gap-sizing-2_9xu4n_185{width:var(--sizing-2);height:var(--sizing-2)}._gap-sizing-3_9xu4n_186{width:var(--sizing-3);height:var(--sizing-3)}._gap-sizing-4_9xu4n_187{width:var(--sizing-4);height:var(--sizing-4)}._gap-sizing-5_9xu4n_188{width:var(--sizing-5);height:var(--sizing-5)}._gap-sizing-6_9xu4n_189{width:var(--sizing-6);height:var(--sizing-6)}._gap-sizing-8_9xu4n_190{width:var(--sizing-8);height:var(--sizing-8)}._gap-sizing-10_9xu4n_191{width:var(--sizing-10);height:var(--sizing-10)}._gap-sizing-12_9xu4n_192{width:var(--sizing-12);height:var(--sizing-12)}._gap-sizing-14_9xu4n_193{width:var(--sizing-14);height:var(--sizing-14)}._gap-sizing-16_9xu4n_194{width:var(--sizing-16);height:var(--sizing-16)}._gap-sizing-18_9xu4n_195{width:var(--sizing-18);height:var(--sizing-18)}._gap-sizing-20_9xu4n_196{width:var(--sizing-20);height:var(--sizing-20)}._gap-sizing-24_9xu4n_197{width:var(--sizing-24);height:var(--sizing-24)}._gap-sizing-32_9xu4n_198{width:var(--sizing-32);height:var(--sizing-32)}._tokensTable_9xu4n_201{width:100%;border-collapse:collapse;margin-top:var(--spacing-4);background:var(--st-color-background-neutral-base);border-radius:var(--border-radius-200);overflow:hidden}._tokensTableHeader_9xu4n_210,._tableHeader_9xu4n_211{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(90deg,var(--pt-color-brand-50),var(--pt-color-brand-100));border-bottom:1px solid var(--st-color-border-neutral-state-default);align-items:center}._tokensTableHeader_9xu4n_210 ._tableCell_9xu4n_90{font-weight:var(--typography-weight-semibold);color:var(--st-color-text-neutral-heading)}._tokensTableBody_9xu4n_226{display:block}._tokensTableRow_9xu4n_230{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:0;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--st-color-border-neutral-state-default);align-items:center;background:transparent}._tokensTableRow_9xu4n_230:hover{background:var(--st-color-background-neutral-section)}._tokensTableCell_9xu4n_244{color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base)}._spacingBox_9xu4n_160{display:inline-block;background-color:var(--st-color-background-brand-state-default)}._card_9xu4n_257{padding:var(--spacing-6);background-color:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);transition:all .15s ease}._card_9xu4n_257:hover{border-color:var(--st-color-border-brand-state-default);box-shadow:0 4px 12px #701cb51a}._card_9xu4n_257 h3{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-semibold);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-2)}._card_9xu4n_257 p{color:var(--st-color-text-neutral-support);font-size:var(--typography-size-base);line-height:1.5}._card_9xu4n_257 ul{list-style:none;padding:0;margin-top:var(--spacing-2)}._card_9xu4n_257 li{padding:var(--spacing-0-5) 0;color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base)}._card_9xu4n_257 li:before{content:"→ ";color:var(--st-color-text-brand-state-default);margin-right:var(--spacing-1)}._statsContainer_9xu4n_301{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}._stat_9xu4n_301{padding:var(--spacing-8);background:linear-gradient(135deg,var(--st-color-background-brand-state-default),var(--pt-color-brand-700));border-radius:var(--border-radius-200);text-align:center;color:var(--st-color-text-neutral-state-default-inverse)}._statNumber_9xu4n_316{font-size:var(--typography-size-display-sm);font-weight:var(--typography-weight-bold);margin-bottom:var(--spacing-2)}._statLabel_9xu4n_322{font-size:var(--typography-size-base);opacity:.9}._componentGrid_9xu4n_327{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}._componentCard_9xu4n_334{padding:var(--spacing-6);background-color:var(--st-color-background-neutral-elements);border:2px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);transition:all .2s ease}._componentCard_9xu4n_334:hover{border-color:var(--st-color-border-brand-state-default);box-shadow:0 8px 16px #701cb526;transform:translateY(--2px)}._componentCard_9xu4n_334._planned_9xu4n_348{opacity:.6;background-color:var(--st-color-background-neutral-section)}._componentHeader_9xu4n_353{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}._componentHeader_9xu4n_353 h3{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-semibold);color:var(--st-color-text-neutral-heading);margin:0}._statusBadge_9xu4n_367{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background-color:var(--st-color-background-feedback-success-state-default);color:var(--st-color-text-feedback-success-state-default);font-size:var(--typography-size-xs);font-weight:var(--typography-weight-semibold);border-radius:var(--border-radius-full)}._statusBadgePlanned_9xu4n_377{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background-color:var(--st-color-background-feedback-warning-state-default);color:var(--st-color-text-feedback-warning-state-default);font-size:var(--typography-size-xs);font-weight:var(--typography-weight-semibold);border-radius:var(--border-radius-full)}._componentDescription_9xu4n_387{color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base);line-height:1.5;margin-bottom:var(--spacing-4)}._missingTokenList_9xu4n_395{list-style:decimal;padding-left:var(--spacing-6);margin-top:var(--spacing-4)}._missingTokenList_9xu4n_395 li{background:linear-gradient(90deg,var(--st-color-background-neutral-section),transparent);border-left:4px solid var(--st-color-border-feedback-warning-state-default);padding:calc(var(--spacing-2)) var(--spacing-4);margin-bottom:var(--spacing-3);border-radius:var(--border-radius-100);color:var(--st-color-text-neutral-body)}._missingTokenList_9xu4n_395 li strong{color:var(--st-color-text-brand-state-default)}._shapeSwatchContainer_9xu4n_413{display:flex;align-items:center;gap:var(--spacing-4)}._shapeBox_9xu4n_419{width:48px;height:48px;background-color:var(--st-color-background-brand-state-default);border:1px solid var(--st-color-border-neutral-state-default);display:inline-block}._radius-border-radius-0_9xu4n_427{border-radius:var(--border-radius-0)}._radius-border-radius-100_9xu4n_428{border-radius:var(--border-radius-100)}._radius-border-radius-200_9xu4n_429{border-radius:var(--border-radius-200)}._radius-border-radius-300_9xu4n_430{border-radius:var(--border-radius-300)}._radius-border-radius-400_9xu4n_431{border-radius:var(--border-radius-400)}._radius-border-radius-full_9xu4n_432{border-radius:var(--border-radius-full)}._strokeBox_9xu4n_434{width:64px;background-color:var(--st-color-border-neutral-state-default);display:inline-block}._stroke-stroke-width-sm_9xu4n_439{height:var(--stroke-width-sm)}._stroke-stroke-width-md_9xu4n_440{height:var(--stroke-width-md)}._stroke-stroke-width-lg_9xu4n_441{height:var(--stroke-width-lg)}._opacityBox_9xu4n_443{width:64px;height:28px;background-color:var(--st-color-background-brand-state-default);border:1px solid rgba(0,0,0,.04);display:inline-block}._opacity-opacity-hover_9xu4n_450{opacity:var(--opacity-hover)}._opacity-opacity-active_9xu4n_451{opacity:var(--opacity-active)}._opacity-opacity-deemphasized_9xu4n_452{opacity:var(--opacity-deemphasized)}._opacity-opacity-disabled-text_9xu4n_453{opacity:var(--opacity-disabled-text)}._opacity-opacity-disabled-icon_9xu4n_454{opacity:var(--opacity-disabled-icon)}._opacity-opacity-disabled-background_9xu4n_455{opacity:var(--opacity-disabled-background)}._opacity-opacity-overlay-low_9xu4n_456{opacity:var(--opacity-overlay-low)}._opacity-opacity-overlay-medium_9xu4n_457{opacity:var(--opacity-overlay-medium)}._opacity-opacity-overlay-high_9xu4n_458{opacity:var(--opacity-overlay-high)}._componentSection_9xu4n_460{margin-bottom:var(--spacing-3)}._componentSection_9xu4n_460 label{display:block;font-size:var(--typography-size-sm);font-weight:var(--typography-weight-semibold);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-1)}._variantsList_9xu4n_472{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}._variant_9xu4n_472{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background-color:var(--st-color-background-brand-state-default-inverse);color:var(--st-color-text-brand-state-default);font-size:var(--typography-size-sm);border-radius:var(--border-radius-100)}._tokensList_9xu4n_487{list-style:none;padding:0;margin:0}._tokensList_9xu4n_487 li{padding:var(--spacing-1) 0;font-size:var(--typography-size-sm)}._tokensList_9xu4n_487 code{background-color:var(--st-color-background-neutral-section);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--border-radius-100);font-family:IBM Plex Mono,monospace;color:var(--st-color-text-brand-state-default);word-break:break-word}@media (max-width: 768px){._container_9xu4n_3{padding:var(--spacing-4)}._header_9xu4n_9 h1{font-size:var(--typography-size-xxxl)}._tableHeader_9xu4n_211,._tableRow_9xu4n_78{grid-template-columns:1fr;gap:var(--spacing-2)}._grid_9xu4n_142,._componentGrid_9xu4n_327,._statsContainer_9xu4n_301{grid-template-columns:1fr}}