._container_1bfja_1{max-width:1200px;margin:0 auto;padding:var(--spacing-8)}._title_1bfja_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_1bfja_14{font-size:var(--typography-size-base);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-8)}._compactList_1bfja_23{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-2)}._compactItem_1bfja_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_1bfja_39{width:40%;height:24px;border-radius:4px;flex:0 0 auto;border:1px solid var(--st-color-border-neutral-state-default)}._compactInfo_1bfja_47{display:flex;flex-direction:column;gap:2px}._compactName_1bfja_53{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-body);font-weight:var(--typography-weight-bold)}._compactVar_1bfja_59{font-size:11px;color:var(--st-color-text-neutral-support);font-family:Courier New,monospace}._section_1bfja_65{margin-bottom:var(--spacing-12)}._sectionTitle_1bfja_69{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-bold);margin-bottom:var(--spacing-2);color:var(--st-color-text-neutral-heading)}._sectionDescription_1bfja_76{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-4)}._grid_1bfja_82{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}._colorCard_1bfja_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_1bfja_88:hover{transform:translateY(--4px);box-shadow:0 8px 16px #0000001f;border-color:var(--st-color-border-brand-state-default)}._swatch_1bfja_104{width:100%;height:120px}._info_1bfja_109{padding:var(--spacing-3)}._name_1bfja_113{font-size:var(--typography-size-sm);font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-1)}._code_1bfja_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_1bfja_129{display:flex;align-items:center;gap:var(--spacing-1);font-size:11px;margin-top:var(--spacing-2)}._wcagLabel_1bfja_137{font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-support)}._wcagPass_1bfja_142{color:#2f814d;font-weight:var(--typography-weight-bold)}._wcagFail_1bfja_147{color:#c93a3a;font-weight:var(--typography-weight-bold)}._wcagAaa_1bfja_152{color:#2f814d;font-weight:var(--typography-weight-bold)}._wcagRatio_1bfja_157{color:var(--st-color-text-neutral-support);font-size:10px}._copiedBadge_1bfja_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-bold);animation:_fadeIn_1bfja_1 .2s ease}@keyframes _fadeIn_1bfja_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}._footer_1bfja_186{margin-top:var(--spacing-12);padding-top:var(--spacing-6);border-top:1px solid var(--st-color-border-neutral-state-default)}._hint_1bfja_192{text-align:center;font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-3)}._wcagInfo_1bfja_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_1bfja_1{padding:var(--spacing-4)}._grid_1bfja_82{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}._swatch_1bfja_104{height:80px}}._container_mtcss_3{max-width:1200px;margin:0 auto;padding:var(--spacing-8)}._header_mtcss_9{margin-bottom:var(--spacing-12)}._header_mtcss_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_mtcss_9 p{font-size:var(--typography-size-lg);color:var(--st-color-text-neutral-support);line-height:1.6}._content_mtcss_26{margin-bottom:var(--spacing-16)}._section_mtcss_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_mtcss_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_mtcss_30 p{color:var(--st-color-text-neutral-body);line-height:1.6;margin-bottom:var(--spacing-3)}._category_mtcss_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_mtcss_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_mtcss_65{color:var(--st-color-text-neutral-support);font-size:var(--typography-size-base);margin-bottom:var(--spacing-4)}._table_mtcss_71{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-4)}._tableRow_mtcss_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_mtcss_78:hover{background-color:var(--st-color-background-neutral-section)}._tableCell_mtcss_90{color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base)}._tableCell_mtcss_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_mtcss_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_mtcss_104 pre{margin:0;font-family:IBM Plex Mono,monospace;font-size:var(--typography-size-sm);line-height:1.6}._example_mtcss_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_mtcss_129{font-size:12px;color:var(--st-color-text-neutral-support);margin:var(--spacing-2) 0 0 0;font-family:Courier New,monospace}._code_mtcss_104{font-family:Courier New,monospace;font-size:12px;color:var(--st-color-text-neutral-support)}._grid_mtcss_142{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}._spacingSwatchContainer_mtcss_150{display:flex;align-items:center;gap:var(--spacing-2)}._spacingSwatch_mtcss_150{display:inline-block;height:20px}._spacingBox_mtcss_160{background-color:var(--st-color-border-neutral-state-default);display:inline-block}._gap-spacing-0_mtcss_165{width:var(--spacing-0);height:var(--spacing-0)}._gap-spacing-0-5_mtcss_166{width:var(--spacing-0-5);height:var(--spacing-0-5)}._gap-spacing-1_mtcss_167{width:var(--spacing-1);height:var(--spacing-1)}._gap-spacing-2_mtcss_168{width:var(--spacing-2);height:var(--spacing-2)}._gap-spacing-3_mtcss_169{width:var(--spacing-3);height:var(--spacing-3)}._gap-spacing-4_mtcss_170{width:var(--spacing-4);height:var(--spacing-4)}._gap-spacing-5_mtcss_171{width:var(--spacing-5);height:var(--spacing-5)}._gap-spacing-6_mtcss_172{width:var(--spacing-6);height:var(--spacing-6)}._gap-spacing-8_mtcss_173{width:var(--spacing-8);height:var(--spacing-8)}._gap-spacing-10_mtcss_174{width:var(--spacing-10);height:var(--spacing-10)}._gap-spacing-12_mtcss_175{width:var(--spacing-12);height:var(--spacing-12)}._gap-spacing-16_mtcss_176{width:var(--spacing-16);height:var(--spacing-16)}._gap-spacing-20_mtcss_177{width:var(--spacing-20);height:var(--spacing-20)}._gap-spacing-24_mtcss_178{width:var(--spacing-24);height:var(--spacing-24)}._gap-spacing-32_mtcss_179{width:var(--spacing-32);height:var(--spacing-32)}._gap-sizing-0_mtcss_182{width:var(--sizing-0);height:var(--sizing-0)}._gap-sizing-0-5_mtcss_183{width:var(--sizing-0-5);height:var(--sizing-0-5)}._gap-sizing-1_mtcss_184{width:var(--sizing-1);height:var(--sizing-1)}._gap-sizing-2_mtcss_185{width:var(--sizing-2);height:var(--sizing-2)}._gap-sizing-3_mtcss_186{width:var(--sizing-3);height:var(--sizing-3)}._gap-sizing-4_mtcss_187{width:var(--sizing-4);height:var(--sizing-4)}._gap-sizing-5_mtcss_188{width:var(--sizing-5);height:var(--sizing-5)}._gap-sizing-6_mtcss_189{width:var(--sizing-6);height:var(--sizing-6)}._gap-sizing-8_mtcss_190{width:var(--sizing-8);height:var(--sizing-8)}._gap-sizing-10_mtcss_191{width:var(--sizing-10);height:var(--sizing-10)}._gap-sizing-12_mtcss_192{width:var(--sizing-12);height:var(--sizing-12)}._gap-sizing-14_mtcss_193{width:var(--sizing-14);height:var(--sizing-14)}._gap-sizing-16_mtcss_194{width:var(--sizing-16);height:var(--sizing-16)}._gap-sizing-18_mtcss_195{width:var(--sizing-18);height:var(--sizing-18)}._gap-sizing-20_mtcss_196{width:var(--sizing-20);height:var(--sizing-20)}._gap-sizing-24_mtcss_197{width:var(--sizing-24);height:var(--sizing-24)}._gap-sizing-32_mtcss_198{width:var(--sizing-32);height:var(--sizing-32)}._tokensTable_mtcss_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_mtcss_210,._tableHeader_mtcss_211{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:0;padding:var(--spacing-3) var(--spacing-4);background:var(--st-color-background-brand-state-soft);border-bottom:1px solid var(--st-color-border-neutral-state-default);align-items:center}._tokensTableHeader_mtcss_210 ._tableCell_mtcss_90{font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-heading)}._tokensTableBody_mtcss_226{display:block}._tokensTableRow_mtcss_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_mtcss_230:hover{background:var(--st-color-background-neutral-section)}._tokensTableCell_mtcss_244{color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base)}._spacingBox_mtcss_160{display:inline-block;background-color:var(--st-color-background-brand-state-default)}._card_mtcss_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_mtcss_257:hover{border-color:var(--st-color-border-brand-state-default);box-shadow:0 4px 12px #701cb51a}._card_mtcss_257 h3{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-2)}._card_mtcss_257 p{color:var(--st-color-text-neutral-support);font-size:var(--typography-size-base);line-height:1.5}._card_mtcss_257 ul{list-style:none;padding:0;margin-top:var(--spacing-2)}._card_mtcss_257 li{padding:var(--spacing-0-5) 0;color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base)}._card_mtcss_257 li:before{content:"→ ";color:var(--st-color-text-brand-state-default);margin-right:var(--spacing-1)}._statsContainer_mtcss_301{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}._stat_mtcss_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_mtcss_316{font-size:var(--typography-size-display-sm);font-weight:var(--typography-weight-bold);margin-bottom:var(--spacing-2)}._statLabel_mtcss_322{font-size:var(--typography-size-base);opacity:.9}._componentGrid_mtcss_327{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}._componentCard_mtcss_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_mtcss_334:hover{border-color:var(--st-color-border-brand-state-default);box-shadow:0 8px 16px #701cb526;transform:translateY(--2px)}._componentCard_mtcss_334._planned_mtcss_348{opacity:.6;background-color:var(--st-color-background-neutral-section)}._componentHeader_mtcss_353{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}._componentHeader_mtcss_353 h3{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-heading);margin:0}._statusBadge_mtcss_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-bold);border-radius:var(--border-radius-full)}._statusBadgePlanned_mtcss_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-bold);border-radius:var(--border-radius-full)}._componentDescription_mtcss_387{color:var(--st-color-text-neutral-body);font-size:var(--typography-size-base);line-height:1.5;margin-bottom:var(--spacing-4)}._missingTokenList_mtcss_395{list-style:decimal;padding-left:var(--spacing-6);margin-top:var(--spacing-4)}._missingTokenList_mtcss_395 li{background:var(--st-color-background-neutral-section);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_mtcss_395 li strong{color:var(--st-color-text-brand-state-default)}._shapeSwatchContainer_mtcss_413{display:flex;align-items:center;gap:var(--spacing-4)}._shapeBox_mtcss_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_mtcss_427{border-radius:var(--border-radius-0)}._radius-border-radius-100_mtcss_428{border-radius:var(--border-radius-100)}._radius-border-radius-200_mtcss_429{border-radius:var(--border-radius-200)}._radius-border-radius-300_mtcss_430{border-radius:var(--border-radius-300)}._radius-border-radius-400_mtcss_431{border-radius:var(--border-radius-400)}._radius-border-radius-full_mtcss_432{border-radius:var(--border-radius-full)}._strokeBox_mtcss_434{width:64px;background-color:var(--st-color-border-neutral-state-default);display:inline-block}._stroke-stroke-width-sm_mtcss_439{height:var(--stroke-width-sm)}._stroke-stroke-width-md_mtcss_440{height:var(--stroke-width-md)}._stroke-stroke-width-lg_mtcss_441{height:var(--stroke-width-lg)}._opacityBox_mtcss_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_mtcss_450{opacity:var(--opacity-hover)}._opacity-opacity-active_mtcss_451{opacity:var(--opacity-active)}._opacity-opacity-deemphasized_mtcss_452{opacity:var(--opacity-deemphasized)}._opacity-opacity-disabled-text_mtcss_453{opacity:var(--opacity-disabled-text)}._opacity-opacity-disabled-icon_mtcss_454{opacity:var(--opacity-disabled-icon)}._opacity-opacity-disabled-background_mtcss_455{opacity:var(--opacity-disabled-background)}._opacity-opacity-overlay-low_mtcss_456{opacity:var(--opacity-overlay-low)}._opacity-opacity-overlay-medium_mtcss_457{opacity:var(--opacity-overlay-medium)}._opacity-opacity-overlay-high_mtcss_458{opacity:var(--opacity-overlay-high)}._componentSection_mtcss_460{margin-bottom:var(--spacing-3)}._componentSection_mtcss_460 label{display:block;font-size:var(--typography-size-sm);font-weight:var(--typography-weight-bold);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-1)}._variantsList_mtcss_472{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}._variant_mtcss_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_mtcss_487{list-style:none;padding:0;margin:0}._tokensList_mtcss_487 li{padding:var(--spacing-1) 0;font-size:var(--typography-size-sm)}._tokensList_mtcss_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_mtcss_3{padding:var(--spacing-4)}._header_mtcss_9 h1{font-size:var(--typography-size-xxxl)}._tableHeader_mtcss_211,._tableRow_mtcss_78{grid-template-columns:1fr;gap:var(--spacing-2)}._grid_mtcss_142,._componentGrid_mtcss_327,._statsContainer_mtcss_301{grid-template-columns:1fr}}:root{--pt-color-brand-50: #cce5e3;--pt-color-brand-100: #abd4d0;--pt-color-brand-200: #81bfb8;--pt-color-brand-300: #56a9a0;--pt-color-brand-400: #2c9489;--pt-color-brand-500: #027e71;--pt-color-brand-600: #02695e;--pt-color-brand-700: #01544b;--pt-color-brand-800: #013f39;--pt-color-brand-900: #012a26;--pt-color-brand-950: #001917;--pt-color-neutral-white: #FFFFFF;--pt-color-neutral-25: #F8FAFC;--pt-color-neutral-50: #F1F5F9;--pt-color-neutral-100: #E2E8F0;--pt-color-neutral-200: #CBD5E1;--pt-color-neutral-300: #94A3B8;--pt-color-neutral-400: #64748B;--pt-color-neutral-500: #475569;--pt-color-neutral-600: #334155;--pt-color-neutral-700: #1E293B;--pt-color-neutral-800: #0F172A;--pt-color-neutral-900: #020617;--pt-color-neutral-950: #1B1B1B;--pt-color-neutral-black: #000000;--pt-color-feedback-info-50: #D3DDFF;--pt-color-feedback-info-100: #B6C6FF;--pt-color-feedback-info-200: #92AAFF;--pt-color-feedback-info-300: #6D8DFF;--pt-color-feedback-info-400: #4971FF;--pt-color-feedback-info-500: #2454FF;--pt-color-feedback-info-600: #1E46D5;--pt-color-feedback-info-700: #1838AA;--pt-color-feedback-info-800: #122A80;--pt-color-feedback-info-900: #0C1C55;--pt-color-feedback-info-950: #071133;--pt-color-feedback-success-50: #D5E6DB;--pt-color-feedback-success-100: #BAD5C4;--pt-color-feedback-success-200: #97C0A6;--pt-color-feedback-success-300: #74AB88;--pt-color-feedback-success-400: #52966B;--pt-color-feedback-success-500: #2F814D;--pt-color-feedback-success-600: #276C40;--pt-color-feedback-success-700: #1F5633;--pt-color-feedback-success-800: #184127;--pt-color-feedback-success-900: #102B1A;--pt-color-feedback-success-950: #091A0F;--pt-color-feedback-warning-50: #FDF9D1;--pt-color-feedback-warning-100: #FCF4B2;--pt-color-feedback-warning-200: #FBEF8C;--pt-color-feedback-warning-300: #F9EA65;--pt-color-feedback-warning-400: #F8E43E;--pt-color-feedback-warning-500: #F6DF18;--pt-color-feedback-warning-600: #CDBA14;--pt-color-feedback-warning-700: #A49510;--pt-color-feedback-warning-800: #7B700C;--pt-color-feedback-warning-900: #524A08;--pt-color-feedback-warning-950: #312D05;--pt-color-feedback-danger-50: #F3D3D2;--pt-color-feedback-danger-100: #EBB6B4;--pt-color-feedback-danger-200: #E1928F;--pt-color-feedback-danger-300: #D76D69;--pt-color-feedback-danger-400: #CD4944;--pt-color-feedback-danger-500: #C3241E;--pt-color-feedback-danger-600: #A31E19;--pt-color-feedback-danger-700: #821814;--pt-color-feedback-danger-800: #62120F;--pt-color-feedback-danger-900: #410C0A;--pt-color-feedback-danger-950: #270706;--pt-color-status-draft-950: #001A1D;--pt-color-status-draft-900: #002C30;--pt-color-status-draft-800: #004248;--pt-color-status-draft-700: #00575F;--pt-color-status-draft-600: #006D77;--pt-color-status-draft-500: #00838F;--pt-color-status-draft-400: #2A98A2;--pt-color-status-draft-300: #55ACB4;--pt-color-status-draft-200: #80C1C7;--pt-color-status-draft-100: #AAD6DA;--pt-color-status-draft-50: #CCE6E9;--pt-color-status-review-950: #2E1000;--pt-color-status-review-900: #4D1B00;--pt-color-status-review-800: #732900;--pt-color-status-review-700: #993600;--pt-color-status-review-600: #C04400;--pt-color-status-review-500: #E65100;--pt-color-status-review-400: #EA6E2A;--pt-color-status-review-300: #EE8B55;--pt-color-status-review-200: #F3A880;--pt-color-status-review-100: #F7C5AA;--pt-color-status-review-50: #FADCCC;--pt-color-status-blocked-950: #0D0A20;--pt-color-status-blocked-900: #161035;--pt-color-status-blocked-800: #221850;--pt-color-status-blocked-700: #2D206A;--pt-color-status-blocked-600: #382885;--pt-color-status-blocked-500: #43309F;--pt-color-status-blocked-400: #6253AF;--pt-color-status-blocked-300: #8275BF;--pt-color-status-blocked-200: #A198CF;--pt-color-status-blocked-100: #C0BADF;--pt-color-status-blocked-50: #D9D6EC;--pt-color-status-maintenance-950: #230411;--pt-color-status-maintenance-900: #3A071D;--pt-color-status-maintenance-800: #570A2C;--pt-color-status-maintenance-700: #730D3A;--pt-color-status-maintenance-600: #901149;--pt-color-status-maintenance-500: #AD1457;--pt-color-status-maintenance-400: #BB3B73;--pt-color-status-maintenance-300: #C8628F;--pt-color-status-maintenance-200: #D68AAB;--pt-color-status-maintenance-100: #E4B1C7;--pt-color-status-maintenance-50: #EFD0DD;--pt-color-focus: #0F62FE;--st-color-border-focus: var(--pt-color-focus);--st-color-border-brand-state-default: var(--pt-color-brand-500);--st-color-border-brand-state-default-inverse: var(--pt-color-brand-50);--st-color-border-brand-state-hovered: var(--pt-color-brand-700);--st-color-border-brand-state-pressed: var(--pt-color-brand-500);--st-color-border-brand-state-selected: var(--pt-color-brand-900);--st-color-border-neutral-base: var(--pt-color-neutral-50);--st-color-border-neutral-overlay: var(--pt-color-neutral-900);--st-color-border-neutral-state-default: var(--pt-color-neutral-500);--st-color-border-neutral-state-default-inverse: var(--pt-color-neutral-100);--st-color-border-neutral-state-hovered: var(--pt-color-neutral-600);--st-color-border-neutral-state-pressed: var(--pt-color-neutral-500);--st-color-border-neutral-state-selected: var(--pt-color-neutral-800);--st-color-border-neutral-state-disabled: var(--pt-color-neutral-50);--st-color-border-neutral-state-on-disabled: var(--pt-color-neutral-100);--st-color-border-feedback-info-state-default: var(--pt-color-feedback-info-500);--st-color-border-feedback-info-state-hovered: var(--pt-color-feedback-info-600);--st-color-border-feedback-info-state-pressed: var(--pt-color-feedback-info-500);--st-color-border-feedback-info-state-selected: var(--pt-color-feedback-info-800);--st-color-border-feedback-success-state-default: var(--pt-color-feedback-success-500);--st-color-border-feedback-success-state-hovered: var(--pt-color-feedback-success-600);--st-color-border-feedback-success-state-pressed: var(--pt-color-feedback-success-500);--st-color-border-feedback-success-state-selected: var(--pt-color-feedback-success-800);--st-color-border-feedback-warning-state-default: var(--pt-color-feedback-warning-500);--st-color-border-feedback-warning-state-hovered: var(--pt-color-feedback-warning-600);--st-color-border-feedback-warning-state-pressed: var(--pt-color-feedback-warning-500);--st-color-border-feedback-warning-state-selected: var(--pt-color-feedback-warning-800);--st-color-border-feedback-danger-state-default: var(--pt-color-feedback-danger-500);--st-color-border-feedback-danger-state-hovered: var(--pt-color-feedback-danger-600);--st-color-border-feedback-danger-state-pressed: var(--pt-color-feedback-danger-500);--st-color-border-feedback-danger-state-selected: var(--pt-color-feedback-danger-800);--st-color-background-neutral-base: var(--pt-color-neutral-white);--st-color-background-neutral-section: var(--pt-color-neutral-50);--st-color-background-neutral-elements: var(--pt-color-neutral-white);--st-color-background-neutral-base-inverse: var(--pt-color-neutral-900);--st-color-background-neutral-overlay: var(--pt-color-neutral-black);--st-color-background-neutral-state-soft-hovered: var(--pt-color-neutral-25);--st-color-background-neutral-state-hovered: var(--pt-color-neutral-100);--st-color-background-neutral-state-soft-pressed: var(--pt-color-neutral-50);--st-color-background-neutral-state-pressed: var(--pt-color-neutral-white);--st-color-background-neutral-state-selected: var(--pt-color-neutral-200);--st-color-background-neutral-state-disabled: var(--pt-color-neutral-50);--st-color-background-brand-state-default: var(--pt-color-brand-500);--st-color-background-brand-state-hovered: var(--pt-color-brand-700);--st-color-background-brand-state-pressed: var(--pt-color-brand-500);--st-color-background-brand-state-selected: var(--pt-color-brand-800);--st-color-background-brand-state-default-inverse: var(--pt-color-brand-50);--st-color-background-brand-state-hovered-inverse: var(--pt-color-brand-200);--st-color-background-brand-state-pressed-inverse: var(--pt-color-brand-50);--st-color-background-brand-state-selected-inverse: var(--pt-color-brand-100);--st-color-background-feedback-info-state-default: var(--pt-color-feedback-info-500);--st-color-background-feedback-info-state-default-inverse: var(--pt-color-feedback-info-50);--st-color-background-feedback-info-state-hovered: var(--pt-color-feedback-info-600);--st-color-background-feedback-info-state-pressed: var(--pt-color-feedback-info-500);--st-color-background-feedback-info-state-selected: var(--pt-color-feedback-info-700);--st-color-background-feedback-success-state-default: var(--pt-color-feedback-success-500);--st-color-background-feedback-success-state-default-inverse: var(--pt-color-feedback-success-50);--st-color-background-feedback-success-state-hovered: var(--pt-color-feedback-success-600);--st-color-background-feedback-success-state-pressed: var(--pt-color-feedback-success-500);--st-color-background-feedback-success-state-selected: var(--pt-color-feedback-success-700);--st-color-background-feedback-warning-state-default: var(--pt-color-feedback-warning-500);--st-color-background-feedback-warning-state-default-inverse: var(--pt-color-feedback-warning-50);--st-color-background-feedback-warning-state-hovered: var(--pt-color-feedback-warning-600);--st-color-background-feedback-warning-state-pressed: var(--pt-color-feedback-warning-500);--st-color-background-feedback-warning-state-selected: var(--pt-color-feedback-warning-700);--st-color-background-feedback-danger-state-default: var(--pt-color-feedback-danger-500);--st-color-background-feedback-danger-state-default-inverse: var(--pt-color-feedback-danger-50);--st-color-background-feedback-danger-state-hovered: var(--pt-color-feedback-danger-600);--st-color-background-feedback-danger-state-pressed: var(--pt-color-feedback-danger-500);--st-color-background-feedback-danger-state-selected: var(--pt-color-feedback-danger-700);--st-color-background-status-info-state-default: var(--pt-color-feedback-info-500);--st-color-background-status-info-state-default-inverse: var(--pt-color-feedback-info-50);--st-color-background-status-info-state-hovered: var(--pt-color-feedback-info-600);--st-color-background-status-info-state-pressed: var(--pt-color-feedback-info-500);--st-color-background-status-info-state-selected: var(--pt-color-feedback-info-700);--st-color-background-status-success-state-default: var(--pt-color-feedback-success-500);--st-color-background-status-success-state-default-inverse: var(--pt-color-feedback-success-50);--st-color-background-status-success-state-hovered: var(--pt-color-feedback-success-600);--st-color-background-status-success-state-pressed: var(--pt-color-feedback-success-500);--st-color-background-status-success-state-selected: var(--pt-color-feedback-success-700);--st-color-background-status-warning-state-default: var(--pt-color-feedback-warning-500);--st-color-background-status-warning-state-default-inverse: var(--pt-color-feedback-warning-50);--st-color-background-status-warning-state-hovered: var(--pt-color-feedback-warning-600);--st-color-background-status-warning-state-pressed: var(--pt-color-feedback-warning-500);--st-color-background-status-warning-state-selected: var(--pt-color-feedback-warning-700);--st-color-background-status-danger-state-default: var(--pt-color-feedback-danger-500);--st-color-background-status-danger-state-default-inverse: var(--pt-color-feedback-danger-50);--st-color-background-status-danger-state-hovered: var(--pt-color-feedback-danger-600);--st-color-background-status-danger-state-pressed: var(--pt-color-feedback-danger-500);--st-color-background-status-danger-state-selected: var(--pt-color-feedback-danger-700);--st-color-background-status-draft-state-default-inverse: var(--pt-color-status-draft-50);--st-color-background-status-draft-state-default: var(--pt-color-status-draft-500);--st-color-background-status-draft-state-hovered: var(--pt-color-status-draft-600);--st-color-background-status-draft-state-pressed: var(--pt-color-status-draft-500);--st-color-background-status-draft-state-selected: var(--pt-color-status-draft-700);--st-color-background-status-review-state-default-inverse: var(--pt-color-status-review-50);--st-color-background-status-review-state-default: var(--pt-color-status-review-500);--st-color-background-status-review-state-hovered: var(--pt-color-status-review-600);--st-color-background-status-review-state-pressed: var(--pt-color-status-review-500);--st-color-background-status-review-state-selected: var(--pt-color-status-review-700);--st-color-background-status-blocked-state-default-inverse: var(--pt-color-status-blocked-50);--st-color-background-status-blocked-state-default: var(--pt-color-status-blocked-500);--st-color-background-status-blocked-state-hovered: var(--pt-color-status-blocked-600);--st-color-background-status-blocked-state-pressed: var(--pt-color-status-blocked-500);--st-color-background-status-blocked-state-selected: var(--pt-color-status-blocked-700);--st-color-background-status-maintenance-state-default-inverse: var(--pt-color-status-maintenance-50);--st-color-background-status-maintenance-state-default: var(--pt-color-status-maintenance-500);--st-color-background-status-maintenance-state-hovered: var(--pt-color-status-maintenance-600);--st-color-background-status-maintenance-state-pressed: var(--pt-color-status-maintenance-500);--st-color-background-status-maintenance-state-selected: var(--pt-color-status-maintenance-700);--st-color-text-brand-heading: var(--pt-color-brand-600);--st-color-text-brand-body: var(--pt-color-brand-800);--st-color-text-brand-state-default: var(--pt-color-brand-600);--st-color-text-brand-state-hovered: var(--pt-color-brand-700);--st-color-text-brand-state-pressed: var(--pt-color-brand-600);--st-color-text-brand-state-selected: var(--pt-color-brand-900);--st-color-text-neutral-heading: var(--pt-color-neutral-900);--st-color-text-neutral-body: var(--pt-color-neutral-950);--st-color-text-neutral-support: var(--pt-color-neutral-700);--st-color-text-neutral-placeholder: var(--pt-color-neutral-500);--st-color-text-neutral-state-default: var(--pt-color-neutral-900);--st-color-text-neutral-state-hovered: var(--pt-color-neutral-800);--st-color-text-neutral-state-pressed: var(--pt-color-neutral-900);--st-color-text-neutral-state-selected: var(--pt-color-neutral-700);--st-color-text-neutral-state-disabled: var(--pt-color-neutral-50);--st-color-text-neutral-state-on-disabled: var(--pt-color-neutral-600);--st-color-text-neutral-state-default-inverse: var(--pt-color-neutral-white);--st-color-text-neutral-state-hovered-inverse: var(--pt-color-neutral-100);--st-color-text-neutral-state-pressed-inverse: var(--pt-color-neutral-white);--st-color-text-neutral-state-selected-inverse: var(--pt-color-neutral-300);--st-color-text-feedback-info-state-default: var(--pt-color-feedback-info-700);--st-color-text-feedback-info-state-hovered: var(--pt-color-feedback-info-600);--st-color-text-feedback-info-state-pressed: var(--pt-color-feedback-info-700);--st-color-text-feedback-info-state-selected: var(--pt-color-feedback-info-800);--st-color-text-feedback-success-state-default: var(--pt-color-feedback-success-700);--st-color-text-feedback-success-state-hovered: var(--pt-color-feedback-success-600);--st-color-text-feedback-success-state-pressed: var(--pt-color-feedback-success-700);--st-color-text-feedback-success-state-selected: var(--pt-color-feedback-success-800);--st-color-text-feedback-warning-state-default: var(--pt-color-feedback-warning-700);--st-color-text-feedback-warning-state-hovered: var(--pt-color-feedback-warning-600);--st-color-text-feedback-warning-state-pressed: var(--pt-color-feedback-warning-700);--st-color-text-feedback-warning-state-selected: var(--pt-color-feedback-warning-800);--st-color-text-feedback-danger-state-default: var(--pt-color-feedback-danger-500);--st-color-text-feedback-danger-state-hovered: var(--pt-color-feedback-danger-600);--st-color-text-feedback-danger-state-pressed: var(--pt-color-feedback-danger-500);--st-color-text-feedback-danger-state-selected: var(--pt-color-feedback-danger-800);--st-color-icon-brand-state-default: var(--pt-color-brand-600);--st-color-icon-brand-state-hovered: var(--pt-color-brand-700);--st-color-icon-brand-state-pressed: var(--pt-color-brand-600);--st-color-icon-brand-state-selected: var(--pt-color-brand-900);--st-color-icon-neutral-heading: var(--pt-color-neutral-900);--st-color-icon-neutral-body: var(--pt-color-neutral-800);--st-color-icon-neutral-support: var(--pt-color-neutral-600);--st-color-icon-neutral-placeholder: var(--pt-color-neutral-500);--st-color-icon-neutral-state-default: var(--pt-color-neutral-900);--st-color-icon-neutral-state-hovered: var(--pt-color-neutral-800);--st-color-icon-neutral-state-pressed: var(--pt-color-neutral-900);--st-color-icon-neutral-state-selected: var(--pt-color-neutral-600);--st-color-icon-neutral-state-default-inverse: var(--pt-color-neutral-white);--st-color-icon-neutral-state-hovered-inverse: var(--pt-color-neutral-100);--st-color-icon-neutral-state-pressed-inverse: var(--pt-color-neutral-200);--st-color-icon-neutral-state-selected-inverse: var(--pt-color-neutral-300);--st-color-icon-neutral-state-disabled: var(--pt-color-neutral-50);--st-color-icon-neutral-state-on-disabled: var(--pt-color-neutral-100);--st-color-icon-feedback-info-state-default: var(--pt-color-feedback-info-500);--st-color-icon-feedback-info-state-hovered: var(--pt-color-feedback-info-600);--st-color-icon-feedback-info-state-pressed: var(--pt-color-feedback-info-500);--st-color-icon-feedback-info-state-selected: var(--pt-color-feedback-info-800);--st-color-icon-feedback-success-state-default: var(--pt-color-feedback-success-500);--st-color-icon-feedback-success-state-hovered: var(--pt-color-feedback-success-600);--st-color-icon-feedback-success-state-pressed: var(--pt-color-feedback-success-500);--st-color-icon-feedback-success-state-selected: var(--pt-color-feedback-success-800);--st-color-icon-feedback-warning-state-default: var(--pt-color-feedback-warning-500);--st-color-icon-feedback-warning-state-hovered: var(--pt-color-feedback-warning-600);--st-color-icon-feedback-warning-state-pressed: var(--pt-color-feedback-warning-500);--st-color-icon-feedback-warning-state-selected: var(--pt-color-feedback-warning-800);--st-color-icon-feedback-danger-state-default: var(--pt-color-feedback-danger-500);--st-color-icon-feedback-danger-state-hovered: var(--pt-color-feedback-danger-600);--st-color-icon-feedback-danger-state-pressed: var(--pt-color-feedback-danger-500);--st-color-icon-feedback-danger-state-selected: var(--pt-color-feedback-danger-800);--st-color-link-brand-state-default: var(--pt-color-brand-600);--st-color-link-brand-state-hovered: var(--pt-color-brand-800);--st-color-link-brand-state-pressed: var(--pt-color-brand-600);--st-color-link-brand-state-visited: var(--pt-color-brand-900);--st-color-link-brand-state-disabled: var(--pt-color-neutral-50);--st-color-link-brand-state-on-disabled: var(--pt-color-neutral-600);--st-color-shadow-rgb: 27, 27, 27;--spacing-0: 0px;--spacing-0-5: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-14: 56px;--spacing-16: 64px;--spacing-18: 72px;--spacing-20: 80px;--spacing-24: 96px;--spacing-32: 128px;--sizing-0: 0px;--sizing-0-5: 2px;--sizing-1: 4px;--sizing-2: 8px;--sizing-3: 12px;--sizing-4: 16px;--sizing-5: 20px;--sizing-6: 24px;--sizing-8: 32px;--sizing-10: 40px;--sizing-12: 48px;--sizing-14: 56px;--sizing-16: 64px;--sizing-18: 72px;--sizing-20: 80px;--sizing-24: 96px;--sizing-32: 128px;--sizing-form-field-min-width: 260px;--modal-min-width: 350px;--modal-max-width: 958px;--textarea-sm-height: 200px;--textarea-md-height: 245px;--textarea-lg-height: 288px;--border-radius-0: 0px;--border-radius-100: 4px;--border-radius-200: 8px;--border-radius-300: 16px;--border-radius-400: 24px;--border-radius-full: 9999px;--stroke-width-sm: 1px;--stroke-width-md: 2px;--stroke-width-lg: 4px;--opacity-hover: .24;--opacity-active: .12;--opacity-deemphasized: .6;--opacity-disabled-text: .2;--opacity-disabled-icon: .2;--opacity-disabled-background: .2;--opacity-overlay-low: .16;--opacity-overlay-medium: .32;--opacity-overlay-high: .48;--st-divider-thickness: var(--stroke-width-sm);--transition-smooth: .2s cubic-bezier(.2, .8, .2, 1);--elevation-2: 0 2px 8px rgba(0,0,0,.15);--shadows-drop-elevation-50: -.5px -.5px 2px 0 rgba(var(--st-color-shadow-rgb), .08), 2px 2px 2px 0 rgba(var(--st-color-shadow-rgb), .08);--shadows-drop-elevation-100: 2px 2px 2px 0px rgba(var(--st-color-shadow-rgb), .08), -.5px -.5px 2px 0px rgba(var(--st-color-shadow-rgb), .08);--shadows-drop-elevation-200: 4px 8px 8px 2px rgba(var(--st-color-shadow-rgb), .08), -4px 8px 8px 2px rgba(var(--st-color-shadow-rgb), .08);--shadows-drop-elevation-300: 4px 12px 12px 2px rgba(var(--st-color-shadow-rgb), .08), -4px 12px 12px 2px rgba(var(--st-color-shadow-rgb), .08);--shadows-drop-elevation-400: 4px 12px 16px 2px rgba(var(--st-color-shadow-rgb), .12), -4px 12px 16px 2px rgba(var(--st-color-shadow-rgb), .12);--shadows-drop-elevation-500: 8px 16px 24px 2px rgba(var(--st-color-shadow-rgb), .16), -8px 16px 24px 2px rgba(var(--st-color-shadow-rgb), .16);--typography-family-display: "Satoshi", sans-serif;--typography-family-base: "IBM Plex Sans", sans-serif;--typography-weight-light: 300;--typography-weight-regular: 400;--typography-weight-bold: 600;--typography-weight-bold: 700;--typography-line-height-compact: 1.2;--typography-line-height-default: 1.5;--typography-size-xs: 10px;--typography-size-sm: 12px;--typography-size-base: 14px;--typography-size-lg: 16px;--typography-size-xl: 18px;--typography-size-xxl: 20px;--typography-size-xxxl: 24px;--typography-size-xxxxl: 32px;--typography-size-display-sm: 40px;--typography-size-display-md: 48px;--font-display-md: var(--typography-weight-bold) var(--typography-size-display-md) / var(--typography-line-height-compact, 1.2) var(--typography-family-display);--font-display-sm: var(--typography-weight-bold) var(--typography-size-display-sm) / var(--typography-line-height-compact) var(--typography-family-display);--font-heading-h1: var(--typography-weight-bold) var(--typography-size-xxxxl) / var(--typography-line-height-compact) var(--typography-family-display);--font-heading-h2: var(--typography-weight-bold) var(--typography-size-xxxl) / var(--typography-line-height-compact) var(--typography-family-display);--font-heading-h3: var(--typography-weight-bold) var(--typography-size-xxl) / var(--typography-line-height-default) var(--typography-family-display);--font-heading-h4: var(--typography-weight-bold) var(--typography-size-xl) / var(--typography-line-height-default) var(--typography-family-display);--font-heading-h5: var(--typography-weight-bold) var(--typography-size-lg) / var(--typography-line-height-default) var(--typography-family-display);--font-heading-h1-regular: var(--typography-weight-regular) var(--typography-size-xxxxl) / var(--typography-line-height-compact) var(--typography-family-display);--font-heading-h2-regular: var(--typography-weight-regular) var(--typography-size-xxxl) / var(--typography-line-height-compact) var(--typography-family-display);--font-heading-h3-regular: var(--typography-weight-regular) var(--typography-size-xxl) / var(--typography-line-height-default) var(--typography-family-display);--font-heading-h4-regular: var(--typography-weight-regular) var(--typography-size-xl) / var(--typography-line-height-default) var(--typography-family-display);--font-heading-h5-regular: var(--typography-weight-regular) var(--typography-size-lg) / var(--typography-line-height-default) var(--typography-family-display);--font-body-lg-bold: var(--typography-weight-bold) var(--typography-size-lg) / var(--typography-line-height-default) var(--typography-family-base);--font-body-lg-regular: var(--typography-weight-regular) var(--typography-size-lg) / var(--typography-line-height-default) var(--typography-family-base);--font-body-lg-light: var(--typography-weight-light) var(--typography-size-lg) / var(--typography-line-height-default) var(--typography-family-base);--font-body-md-bold: var(--typography-weight-bold) var(--typography-size-base) / var(--typography-line-height-default) var(--typography-family-base);--font-body-md-regular: var(--typography-weight-regular) var(--typography-size-base) / var(--typography-line-height-default) var(--typography-family-base);--font-body-md-light: var(--typography-weight-light) var(--typography-size-base) / var(--typography-line-height-default) var(--typography-family-base);--font-body-sm-bold: var(--typography-weight-bold) var(--typography-size-sm) / var(--typography-line-height-default) var(--typography-family-base);--font-body-sm-regular: var(--typography-weight-regular) var(--typography-size-sm) / var(--typography-line-height-default) var(--typography-family-base);--font-body-sm-light: var(--typography-weight-light) var(--typography-size-sm) / var(--typography-line-height-default) var(--typography-family-base);--font-body-xs-bold: var(--typography-weight-bold) var(--typography-size-xs) / var(--typography-line-height-default) var(--typography-family-base);--font-body-xs-regular: var(--typography-weight-regular) var(--typography-size-xs) / var(--typography-line-height-default) var(--typography-family-base);--font-body-xs-light: var(--typography-weight-light) var(--typography-size-xs) / var(--typography-line-height-default) var(--typography-family-base);--font-link-lg-regular: var(--typography-weight-regular) var(--typography-size-lg) / var(--typography-line-height-default) var(--typography-family-base);--font-link-md-regular: var(--typography-weight-regular) var(--typography-size-base) / var(--typography-line-height-default) var(--typography-family-base);--font-link-sm-regular: var(--typography-weight-regular) var(--typography-size-sm) / var(--typography-line-height-default) var(--typography-family-base);--font-link-xs-regular: var(--typography-weight-regular) var(--typography-size-xs) / var(--typography-line-height-default) var(--typography-family-base);--font-link-lg-bold: var(--typography-weight-bold) var(--typography-size-lg) / var(--typography-line-height-default) var(--typography-family-base);--font-link-md-bold: var(--typography-weight-bold) var(--typography-size-base) / var(--typography-line-height-default) var(--typography-family-base);--font-link-sm-bold: var(--typography-weight-bold) var(--typography-size-sm) / var(--typography-line-height-default) var(--typography-family-base);--font-link-xs-bold: var(--typography-weight-bold) var(--typography-size-xs) / var(--typography-line-height-default) var(--typography-family-base)}@media (min-width: 768px){:root{--typography-size-xs: 12px;--typography-size-sm: 14px;--typography-size-base: 16px;--typography-size-lg: 18px;--typography-size-xl: 20px;--typography-size-xxl: 24px;--typography-size-xxxl: 28px;--typography-size-xxxxl: 32px;--typography-size-display-sm: 48px;--typography-size-display-md: 56px}}@media (min-width: 1024px){:root{--typography-size-xs: 12px;--typography-size-sm: 14px;--typography-size-base: 16px;--typography-size-lg: 18px;--typography-size-xl: 20px;--typography-size-xxl: 24px;--typography-size-xxxl: 28px;--typography-size-xxxxl: 36px;--typography-size-display-sm: 56px;--typography-size-display-md: 64px}}:root[data-theme=dark]{--st-color-border-focus: var(--pt-color-focus);--st-color-border-brand-state-default: var(--pt-color-brand-400);--st-color-border-brand-state-default-inverse: var(--pt-color-brand-900);--st-color-border-brand-state-hovered: var(--pt-color-brand-300);--st-color-border-brand-state-pressed: var(--pt-color-brand-400);--st-color-border-brand-state-selected: var(--pt-color-brand-200);--st-color-border-neutral-state-default: var(--pt-color-neutral-400);--st-color-border-neutral-state-default-inverse: var(--pt-color-neutral-700);--st-color-border-neutral-state-hovered: var(--pt-color-neutral-300);--st-color-border-neutral-state-pressed: var(--pt-color-neutral-400);--st-color-border-neutral-state-selected: var(--pt-color-neutral-200);--st-color-border-neutral-state-disabled: var(--pt-color-neutral-900);--st-color-border-neutral-state-on-disabled: var(--pt-color-neutral-800);--st-color-border-feedback-info-state-default: var(--pt-color-feedback-info-400);--st-color-border-feedback-info-state-hovered: var(--pt-color-feedback-info-300);--st-color-border-feedback-info-state-pressed: var(--pt-color-feedback-info-400);--st-color-border-feedback-info-state-selected: var(--pt-color-feedback-info-200);--st-color-border-feedback-success-state-default: var(--pt-color-feedback-success-400);--st-color-border-feedback-success-state-hovered: var(--pt-color-feedback-success-300);--st-color-border-feedback-success-state-pressed: var(--pt-color-feedback-success-400);--st-color-border-feedback-success-state-selected: var(--pt-color-feedback-success-200);--st-color-border-feedback-warning-state-default: var(--pt-color-feedback-warning-400);--st-color-border-feedback-warning-state-hovered: var(--pt-color-feedback-warning-300);--st-color-border-feedback-warning-state-pressed: var(--pt-color-feedback-warning-400);--st-color-border-feedback-warning-state-selected: var(--pt-color-feedback-warning-200);--st-color-border-feedback-danger-state-default: var(--pt-color-feedback-danger-400);--st-color-border-feedback-danger-state-hovered: var(--pt-color-feedback-danger-300);--st-color-border-feedback-danger-state-pressed: var(--pt-color-feedback-danger-400);--st-color-border-feedback-danger-state-selected: var(--pt-color-feedback-danger-200);--st-color-background-neutral-base: var(--pt-color-neutral-950);--st-color-background-neutral-section: var(--pt-color-neutral-900);--st-color-background-neutral-elements: var(--pt-color-neutral-950);--st-color-background-neutral-base-inverse: var(--pt-color-neutral-25);--st-color-background-neutral-overlay: var(--pt-color-neutral-white);--st-color-background-neutral-state-soft-hovered: var(--pt-color-neutral-800);--st-color-background-neutral-state-hovered: var(--pt-color-neutral-700);--st-color-background-neutral-state-soft-pressed: var(--pt-color-neutral-black);--st-color-background-neutral-state-pressed: var(--pt-color-neutral-950);--st-color-background-neutral-state-selected: var(--pt-color-neutral-600);--st-color-background-neutral-state-disabled: var(--pt-color-neutral-900);--st-color-background-brand-state-default: var(--pt-color-brand-300);--st-color-background-brand-state-hovered: var(--pt-color-brand-200);--st-color-background-brand-state-pressed: var(--pt-color-brand-300);--st-color-background-brand-state-selected: var(--pt-color-brand-100);--st-color-background-brand-state-default-inverse: var(--pt-color-brand-800);--st-color-background-brand-state-hovered-inverse: var(--pt-color-brand-700);--st-color-background-brand-state-pressed-inverse: var(--pt-color-brand-800);--st-color-background-brand-state-selected-inverse: var(--pt-color-brand-900);--st-color-background-feedback-info-state-default: var(--pt-color-feedback-info-300);--st-color-background-feedback-info-state-default-inverse: var(--pt-color-feedback-info-900);--st-color-background-feedback-info-state-hovered: var(--pt-color-feedback-info-200);--st-color-background-feedback-info-state-pressed: var(--pt-color-feedback-info-300);--st-color-background-feedback-info-state-selected: var(--pt-color-feedback-info-100);--st-color-background-feedback-success-state-default: var(--pt-color-feedback-success-300);--st-color-background-feedback-success-state-default-inverse: var(--pt-color-feedback-success-900);--st-color-background-feedback-success-state-hovered: var(--pt-color-feedback-success-200);--st-color-background-feedback-success-state-pressed: var(--pt-color-feedback-success-300);--st-color-background-feedback-success-state-selected: var(--pt-color-feedback-success-100);--st-color-background-feedback-warning-state-default: var(--pt-color-feedback-warning-300);--st-color-background-feedback-warning-state-default-inverse: var(--pt-color-feedback-warning-900);--st-color-background-feedback-warning-state-hovered: var(--pt-color-feedback-warning-200);--st-color-background-feedback-warning-state-pressed: var(--pt-color-feedback-warning-300);--st-color-background-feedback-warning-state-selected: var(--pt-color-feedback-warning-100);--st-color-background-feedback-danger-state-default: var(--pt-color-feedback-danger-300);--st-color-background-feedback-danger-state-default-inverse: var(--pt-color-feedback-danger-900);--st-color-background-feedback-danger-state-hovered: var(--pt-color-feedback-danger-200);--st-color-background-feedback-danger-state-pressed: var(--pt-color-feedback-danger-300);--st-color-background-feedback-danger-state-selected: var(--pt-color-feedback-danger-100);--st-color-background-status-draft-state-default-inverse: var(--pt-color-status-draft-900);--st-color-background-status-draft-state-default: var(--pt-color-status-draft-300);--st-color-background-status-draft-state-hovered: var(--pt-color-status-draft-200);--st-color-background-status-draft-state-pressed: var(--pt-color-status-draft-300);--st-color-background-status-draft-state-selected: var(--pt-color-status-draft-100);--st-color-background-status-review-state-default-inverse: var(--pt-color-status-review-900);--st-color-background-status-review-state-default: var(--pt-color-status-review-300);--st-color-background-status-review-state-hovered: var(--pt-color-status-review-200);--st-color-background-status-review-state-pressed: var(--pt-color-status-review-300);--st-color-background-status-review-state-selected: var(--pt-color-status-review-100);--st-color-background-status-blocked-state-default-inverse: var(--pt-color-status-blocked-900);--st-color-background-status-blocked-state-default: var(--pt-color-status-blocked-300);--st-color-background-status-blocked-state-hovered: var(--pt-color-status-blocked-200);--st-color-background-status-blocked-state-pressed: var(--pt-color-status-blocked-300);--st-color-background-status-blocked-state-selected: var(--pt-color-status-blocked-100);--st-color-background-status-maintenance-state-default-inverse: var(--pt-color-status-maintenance-900);--st-color-background-status-maintenance-state-default: var(--pt-color-status-maintenance-300);--st-color-background-status-maintenance-state-hovered: var(--pt-color-status-maintenance-200);--st-color-background-status-maintenance-state-pressed: var(--pt-color-status-maintenance-300);--st-color-background-status-maintenance-state-selected: var(--pt-color-status-maintenance-100);--st-color-text-brand-heading: var(--pt-color-brand-300);--st-color-text-brand-body: var(--pt-color-brand-200);--st-color-text-brand-state-default: var(--pt-color-brand-200);--st-color-text-brand-state-hovered: var(--pt-color-brand-300);--st-color-text-brand-state-pressed: var(--pt-color-brand-200);--st-color-text-brand-state-selected: var(--pt-color-brand-100);--st-color-text-neutral-heading: var(--pt-color-neutral-50);--st-color-text-neutral-body: var(--pt-color-neutral-white);--st-color-text-neutral-support: var(--pt-color-neutral-100);--st-color-text-neutral-placeholder: var(--pt-color-neutral-200);--st-color-text-neutral-state-default: var(--pt-color-neutral-white);--st-color-text-neutral-state-hovered: var(--pt-color-neutral-50);--st-color-text-neutral-state-pressed: var(--pt-color-neutral-white);--st-color-text-neutral-state-selected: var(--pt-color-neutral-100);--st-color-text-neutral-state-disabled: var(--pt-color-neutral-900);--st-color-text-neutral-state-on-disabled: var(--pt-color-neutral-800);--st-color-text-neutral-state-default-inverse: var(--pt-color-neutral-black);--st-color-text-neutral-state-hovered-inverse: var(--pt-color-neutral-900);--st-color-text-neutral-state-pressed-inverse: var(--pt-color-neutral-black);--st-color-text-neutral-state-selected-inverse: var(--pt-color-neutral-600);--st-color-text-feedback-info-state-default: var(--pt-color-feedback-info-200);--st-color-text-feedback-info-state-hovered: var(--pt-color-feedback-info-300);--st-color-text-feedback-info-state-pressed: var(--pt-color-feedback-info-200);--st-color-text-feedback-info-state-selected: var(--pt-color-feedback-info-100);--st-color-text-feedback-success-state-default: var(--pt-color-feedback-success-200);--st-color-text-feedback-success-state-hovered: var(--pt-color-feedback-success-300);--st-color-text-feedback-success-state-pressed: var(--pt-color-feedback-success-200);--st-color-text-feedback-success-state-selected: var(--pt-color-feedback-success-100);--st-color-text-feedback-warning-state-default: var(--pt-color-feedback-warning-200);--st-color-text-feedback-warning-state-hovered: var(--pt-color-feedback-warning-300);--st-color-text-feedback-warning-state-pressed: var(--pt-color-feedback-warning-200);--st-color-text-feedback-warning-state-selected: var(--pt-color-feedback-warning-100);--st-color-text-feedback-danger-state-default: var(--pt-color-feedback-danger-200);--st-color-text-feedback-danger-state-hovered: var(--pt-color-feedback-danger-300);--st-color-text-feedback-danger-state-pressed: var(--pt-color-feedback-danger-200);--st-color-text-feedback-danger-state-selected: var(--pt-color-feedback-danger-100);--st-color-icon-brand-state-default: var(--pt-color-brand-200);--st-color-icon-brand-state-hovered: var(--pt-color-brand-300);--st-color-icon-brand-state-pressed: var(--pt-color-brand-200);--st-color-icon-brand-state-selected: var(--pt-color-brand-100);--st-color-icon-neutral-heading: var(--pt-color-neutral-25);--st-color-icon-neutral-body: var(--pt-color-neutral-white);--st-color-icon-neutral-support: var(--pt-color-neutral-100);--st-color-icon-neutral-placeholder: var(--pt-color-neutral-200);--st-color-icon-neutral-state-default: var(--pt-color-neutral-25);--st-color-icon-neutral-state-hovered: var(--pt-color-neutral-100);--st-color-icon-neutral-state-pressed: var(--pt-color-neutral-50);--st-color-icon-neutral-state-selected: var(--pt-color-neutral-300);--st-color-icon-neutral-state-default-inverse: var(--pt-color-neutral-black);--st-color-icon-neutral-state-hovered-inverse: var(--pt-color-neutral-700);--st-color-icon-neutral-state-pressed-inverse: var(--pt-color-neutral-black);--st-color-icon-neutral-state-selected-inverse: var(--pt-color-neutral-600);--st-color-icon-neutral-state-disabled: var(--pt-color-neutral-900);--st-color-icon-neutral-state-on-disabled: var(--pt-color-neutral-800);--st-color-icon-feedback-info-state-default: var(--pt-color-feedback-info-400);--st-color-icon-feedback-info-state-hovered: var(--pt-color-feedback-info-300);--st-color-icon-feedback-info-state-pressed: var(--pt-color-feedback-info-400);--st-color-icon-feedback-info-state-selected: var(--pt-color-feedback-info-200);--st-color-icon-feedback-success-state-default: var(--pt-color-feedback-success-400);--st-color-icon-feedback-success-state-hovered: var(--pt-color-feedback-success-300);--st-color-icon-feedback-success-state-pressed: var(--pt-color-feedback-success-400);--st-color-icon-feedback-success-state-selected: var(--pt-color-feedback-success-200);--st-color-icon-feedback-warning-state-default: var(--pt-color-feedback-warning-400);--st-color-icon-feedback-warning-state-hovered: var(--pt-color-feedback-warning-300);--st-color-icon-feedback-warning-state-pressed: var(--pt-color-feedback-warning-400);--st-color-icon-feedback-warning-state-selected: var(--pt-color-feedback-warning-200);--st-color-icon-feedback-danger-state-default: var(--pt-color-feedback-danger-400);--st-color-icon-feedback-danger-state-hovered: var(--pt-color-feedback-danger-300);--st-color-icon-feedback-danger-state-pressed: var(--pt-color-feedback-danger-400);--st-color-icon-feedback-danger-state-selected: var(--pt-color-feedback-danger-200);--st-color-link-brand-state-default: var(--pt-color-brand-200);--st-color-link-brand-state-hovered: var(--pt-color-brand-300);--st-color-link-brand-state-pressed: var(--pt-color-brand-200);--st-color-link-brand-state-visited: var(--pt-color-brand-100);--st-color-link-brand-state-disabled: var(--pt-color-neutral-900);--st-color-link-brand-state-on-disabled: var(--pt-color-neutral-800);--st-color-shadow-rgb: 0, 0, 0;--elevation-2: 0 2px 8px rgba(0, 0, 0, .35)}._previewGrid_up6ez_5{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-4);background:var(--st-color-background-neutral-elements);padding:var(--spacing-4);border-radius:var(--border-radius-100);width:100%}._previewCol_up6ez_15{background:var(--st-color-background-brand-state-default);color:var(--st-color-text-neutral-state-default-inverse);padding:var(--spacing-3);text-align:center;border-radius:var(--border-radius-100);font-family:var(--typography-family-base);font-size:var(--typography-size-sm);font-weight:var(--typography-weight-bold)}._previewFlex_up6ez_26{background:var(--st-color-background-neutral-elements);padding:var(--spacing-4);border-radius:var(--border-radius-100);width:100%}._previewFlexItem_up6ez_33{background:var(--st-color-background-neutral-section);border:1px solid var(--st-color-border-neutral-state-default);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-100);font-family:var(--typography-family-base);font-size:var(--typography-size-sm)}._tokenTable_up6ez_42{width:100%;border-collapse:collapse;margin-block-start:var(--spacing-4)}._tokenTable_up6ez_42 th,._tokenTable_up6ez_42 td{padding:var(--spacing-3);text-align:left;border-block-end:1px solid var(--st-color-border-neutral-state-default);font-family:var(--typography-family-base);font-size:var(--typography-size-base)}._tokenTable_up6ez_42 th{background:var(--st-color-background-neutral-elements);font-weight:var(--typography-weight-bold)}._specCard_up6ez_62._forbidden_up6ez_62{border-color:var(--st-color-border-feedback-danger-state-default);background:var(--st-color-background-feedback-danger-state-default-inverse)}._specCard_up6ez_62._forbidden_up6ez_62 h3{color:var(--st-color-text-feedback-danger-state-default)}._previewWrapper_up6ez_72{background:var(--st-color-background-neutral-base);padding:var(--spacing-4);border-radius:var(--border-radius-100)}._previewContainer_up6ez_78{background:var(--st-color-background-brand-state-soft);border:1px dashed var(--st-color-border-brand-state-default);border-radius:var(--border-radius-100);padding:var(--spacing-6);text-align:center}._previewLabel_up6ez_86{margin:0;font:var(--font-body-md-bold);color:var(--st-color-text-brand-state-default)}._previewMeta_up6ez_92{margin-block-start:var(--spacing-1);margin-block-end:0;margin-inline:0;font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-support)}._gridDemoWrapper_up6ez_101{background:var(--st-color-background-neutral-elements);padding:var(--spacing-4);border-radius:var(--border-radius-100);width:100%}._gridDemoCol_up6ez_108{background:var(--st-color-background-brand-state-default);color:var(--st-color-text-neutral-state-default-inverse);padding:var(--spacing-3);border-radius:var(--border-radius-100);text-align:center;font:var(--font-body-sm-bold);min-height:var(--sizing-10);display:flex;align-items:center;justify-content:center}._gridDemoColAlt_up6ez_121{background:var(--st-color-background-brand-state-soft);color:var(--st-color-text-brand-state-default);border:1px solid var(--st-color-border-brand-state-default);padding:var(--spacing-3);border-radius:var(--border-radius-100);text-align:center;font:var(--font-body-sm-regular);min-height:var(--sizing-10);display:flex;align-items:center;justify-content:center}._gridDemoColOffset_up6ez_135{background:var(--st-color-background-neutral-section);border:1px dashed var(--st-color-border-neutral-state-default);color:var(--st-color-text-neutral-support);padding:var(--spacing-3);border-radius:var(--border-radius-100);text-align:center;font:var(--font-body-sm-regular);min-height:var(--sizing-10);display:flex;align-items:center;justify-content:center}._variantMeta_up6ez_149{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-support);margin-block-end:var(--spacing-2);margin-block-start:0}._flexDemoWrapper_up6ez_157{background:var(--st-color-background-neutral-elements);padding:var(--spacing-4);border-radius:var(--border-radius-100);width:100%;overflow:hidden}._flexDemoWrapperTall_up6ez_165{background:var(--st-color-background-neutral-elements);padding:var(--spacing-4);border-radius:var(--border-radius-100);width:100%;min-height:var(--sizing-20)}._flexDemoItem_up6ez_173{background:var(--st-color-background-brand-state-default);color:var(--st-color-text-neutral-state-default-inverse);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-100);font:var(--font-body-sm-bold);white-space:nowrap;display:flex;align-items:center;justify-content:center}._flexDemoItemAlt_up6ez_185{background:var(--st-color-background-brand-state-soft);color:var(--st-color-text-brand-state-default);border:1px solid var(--st-color-border-brand-state-default);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-100);font:var(--font-body-sm-regular);white-space:nowrap;display:flex;align-items:center;justify-content:center}._spacerDemoSection_up6ez_199{background:var(--st-color-background-neutral-elements);padding:var(--spacing-4);border-radius:var(--border-radius-100);width:100%}._spacerDemoBlock_up6ez_206{background:var(--st-color-background-brand-state-default);color:var(--st-color-text-neutral-state-default-inverse);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-100);font:var(--font-body-sm-bold);text-align:center}._spacerDemoInline_up6ez_215{background:var(--st-color-background-brand-state-soft);color:var(--st-color-text-brand-state-default);border:1px solid var(--st-color-border-brand-state-default);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-100);font:var(--font-body-sm-regular);white-space:nowrap}._spacerHighlight_up6ez_225{background:var(--st-color-background-warning-state-default);opacity:.5;width:100%}._spacerHighlightInline_up6ez_231{background:var(--st-color-background-warning-state-default);opacity:.5;height:var(--sizing-4);display:inline-block}._spacerDemoLabelEl_up6ez_238{font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-default)}._spacerDemoInputEl_up6ez_243{border:1px solid var(--st-color-border-neutral-default);border-radius:var(--border-radius-100);padding:var(--spacing-2) var(--spacing-3);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-support);background:var(--st-color-background-neutral-base)}._spacerDemoSupportEl_up6ez_252{font:var(--font-body-xs-regular);color:var(--st-color-text-neutral-support)}._spacerScaleGrid_up6ez_258{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:flex-end;padding:var(--spacing-4);background:var(--st-color-background-neutral-elements);border-radius:var(--border-radius-100)}._spacerScaleCard_up6ez_268{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}._spacerScaleBar_up6ez_275{width:var(--sizing-8);background:var(--st-color-background-brand-state-default);border-radius:var(--border-radius-100) var(--border-radius-100) 0 0;min-height:var(--sizing-1)}._spacerScaleValue_up6ez_282{font:var(--font-body-sm-bold);color:var(--st-color-text-brand-state-default)}._spacerScalePixels_up6ez_287{font:var(--font-body-xs-regular);color:var(--st-color-text-neutral-support)}