*{margin:0;padding:0;box-sizing:border-box}._playground_uwpgq_17{width:100%;font-family:--apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--st-color-text-neutral-body);background:linear-gradient(135deg,var(--st-color-background-brand-state-default) 0%,var(--st-color-background-brand-state-pressed) 100%);min-height:100vh;padding:2rem;overflow-y:auto}._container_uwpgq_28{max-width:1400px;margin:0 auto;background:var( --st-color-background-neutral-base);border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}._header_uwpgq_41{background:linear-gradient(135deg,var( --pt-color-brand-200) 0%,var(--st-color-background-brand-state-pressed) 100%);color:var( --st-color-background-neutral-base);padding:3rem 2rem;text-align:center}._header_uwpgq_41 h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;color:var( --st-color-background-neutral-base)}._header_uwpgq_41 p{font-size:1.125rem;opacity:.9}._description_uwpgq_60{font-size:1.125rem;opacity:.9;color:var( --st-color-background-neutral-base)}._badge_uwpgq_66{display:inline-block;background:#fff3;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;margin-top:1rem;color:var( --st-color-background-neutral-base)}._content_uwpgq_80{padding:3rem 2rem;background:var(--st-color-background-neutral-base)}._navMenu_uwpgq_89{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}._navTitle_uwpgq_97{font-size:1rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._navList_uwpgq_106{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}._navItem_uwpgq_115{flex:0 0 auto}._navLink_uwpgq_119{display:inline-block;font-size:.875rem;color:#ffffffe6;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}._navLink_uwpgq_119:hover{background:#fff3;transform:translateY(--2px)}._navLink_uwpgq_119:active{transform:translateY(0)}._section_uwpgq_144{margin-bottom:4rem}._section_uwpgq_144:last-child{margin-bottom:0}._sectionTitle_uwpgq_152{font-size:1.75rem;margin-bottom:1.5rem;color:var(--st-color-text-neutral-heading);padding-bottom:.75rem;border-bottom:2px solid var(--st-color-border-neutral-state-default)}._sectionDescription_uwpgq_160{font-size:1rem;color:var(--st-color-text-neutral-support);margin-bottom:2rem;line-height:1.6}._subsectionTitle_uwpgq_167{font-size:1.125rem;margin-bottom:1rem;margin-top:2rem;color:var(--st-color-text-neutral-support);font-weight:600}._subsectionTitleH4_uwpgq_175{font-size:1rem;margin-bottom:1rem;margin-top:1.5rem;color:var(--st-color-text-neutral-support);font-weight:600}._collapsibleHeader_uwpgq_182{width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;padding:0 0 var(--spacing-4) 0;border-bottom:1px solid var(--st-color-border-neutral-state-default)}._collapsibleArrow_uwpgq_196{font-size:24px;transition:transform .2s;color:var(--st-color-text-neutral-support)}._collapsibleArrow_uwpgq_196._expanded_uwpgq_202{transform:rotate(180deg)}._collapsibleContent_uwpgq_206{margin-top:var(--spacing-4)}._subsectionTitle_uwpgq_167{margin-top:var(--spacing-6)}._subsectionTitleH4_uwpgq_175{margin-top:var(--spacing-4)}._sizeGrid_uwpgq_224{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:2rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default)}._sizeItem_uwpgq_234{text-align:center;padding:1rem;border-radius:8px;transition:all .2s}._sizeItem_uwpgq_234:hover{background:var( --st-color-background-neutral-base);box-shadow:0 4px 12px #0000001a;transform:translateY(--2px)}._sizeItem_uwpgq_234._default_uwpgq_247{background:var( --st-color-background-neutral-base);box-shadow:0 2px 8px #667eea33;border:2px solid var(--st-color-border-brand-state-default)}._sizeGroup_uwpgq_253{padding-bottom:1.5rem}._sizeTitle_uwpgq_257{font-size:1.125rem;margin-bottom:1.5rem;color:var(--st-color-text-neutral-support);font-weight:600}._sizeLabel_uwpgq_264{font-size:.875rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:.25rem}._tokenLabel_uwpgq_271{font-size:.75rem;color:var(--st-color-text-neutral-support);font-family:Monaco,Courier New,monospace}._stateGrid_uwpgq_281{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}._stateGrid_1_uwpgq_288{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-top:2rem}@media (max-width: 1024px){._stateGrid_uwpgq_281{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){._stateGrid_uwpgq_281{grid-template-columns:1fr}}._stateCard_uwpgq_307{padding:1.5rem;background:var(--st-color-background-neutral-state-soft-hovered);border:1px solid var(--st-color-border-neutral-state-default-inverse);border-radius:8px;transition:all .2s}._stateCard_uwpgq_307:hover{box-shadow:0 4px 12px #00000014}._cardLabel_uwpgq_319{font-size:.75rem;font-weight:700;color:var(--st-color-text-neutral-support);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}._cardContent_uwpgq_328{padding:1.5rem;min-height:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;border:1px solid var(--st-color-border-neutral-state-default);margin-bottom:1.5rem;background:var( --st-color-background-neutral-base);border-radius:4px}._cardContentPadded_uwpgq_342{padding:2rem 1rem;min-height:60px;display:flex;align-items:center;justify-content:center;border:1px solid var(--st-color-border-neutral-state-default);margin-bottom:1.5rem;background:var( --st-color-background-neutral-base);border-radius:4px}._tokenInfo_uwpgq_358{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:12px}._tokenInfo_uwpgq_358:last-child{margin-bottom:0}._tokenCode_uwpgq_370{font-size:.75rem;padding:.5rem .75rem;background:var(--st-color-background-neutral-section);border-radius:4px;border:1px solid var(--st-color-border-neutral-state-default);color:var(--st-color-text-brand-state-default);word-break:break-all;font-family:Monaco,Courier New,monospace}._gridGap12_uwpgq_382{display:grid;gap:12px}._orientationPair_uwpgq_383{display:flex;gap:40px;align-items:center;flex-direction:column}._orientationLabel_uwpgq_384{font-size:12px;margin-bottom:6px}._demoColumn_uwpgq_385{display:flex;flex-direction:column;gap:16px}._textLeft_uwpgq_386{text-align:left}._mb8_uwpgq_387{margin-bottom:8px}._orientationContainer_uwpgq_388{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}._minWidth240_uwpgq_389{min-width:240px}._orientationColumnGroup_uwpgq_390{display:flex;gap:12px;align-items:flex-start}._minWidth160_uwpgq_391{min-width:160px}._overflowDemo_uwpgq_392{width:100%;overflow:visible;position:relative}._fullWidthWrapper_uwpgq_395{width:100%}._brandBackgroundPadded_uwpgq_396{background:var(--st-color-background-brand-state-default);padding:16px}._verticalDemo80_uwpgq_397{height:80px;display:flex;flex-direction:row;align-items:stretch}._demoAreaRow80_uwpgq_398{display:flex;flex-direction:row;align-items:center;gap:12px;height:80px}._demoAreaHeight64_uwpgq_399{height:64px;display:flex;flex-direction:row;align-items:stretch}._useCaseInline16_uwpgq_400{display:flex;flex-direction:row;align-items:center;gap:16px}._useCaseInline12_uwpgq_401{display:flex;flex-direction:row;align-items:center;gap:12px}._useCaseBgPadded_uwpgq_402{display:flex;flex-direction:row;align-items:center;gap:12px;background:var(--st-color-background-neutral-section);padding:12px}._demoControlsRow_uwpgq_403{display:flex;gap:8px}._demoControlsRowTop_uwpgq_404{display:flex;gap:8px;margin-top:8px}._mt12_uwpgq_405{margin-top:12px}._lead_uwpgq_408{margin-bottom:var(--spacing-3);font-weight:500}._leadSm_uwpgq_413{margin-bottom:var(--spacing-2);font-weight:500}._dangerLead_uwpgq_418{margin-bottom:var(--spacing-2);font-weight:500;color:var(--st-color-text-feedback-danger-state-default)}._dashedWrapper_uwpgq_424{padding:var(--spacing-4);border:1px dashed var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);margin-bottom:var(--spacing-3)}._codeBlock_uwpgq_435{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;border:1px solid #334155}._codeBlock_uwpgq_435 ._comment_uwpgq_447{color:#64748b}._codeBlock_uwpgq_435 ._string_uwpgq_451{color:#34d399}._codeBlock_uwpgq_435 ._tag_uwpgq_455{color:#60a5fa}._codeBlock_uwpgq_435 ._attr_uwpgq_459{color:#a78bfa}._iconGrid_uwpgq_467{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}._iconExample_uwpgq_474{padding:1.5rem;background:var(--st-color-background-neutral-section);border:1px solid var(--st-color-border-neutral-state-default);border-radius:8px;display:flex;flex-direction:column;gap:1rem;align-items:center;transition:all .2s}._iconExample_uwpgq_474:hover{background:var(--st-color-background-neutral-base);box-shadow:0 2px 8px #0000001a}._iconCategory_uwpgq_491{margin-bottom:2rem}._iconRow_uwpgq_495{display:flex;gap:2rem;flex-wrap:wrap;padding:1.5rem;background:var( --st-color-background-neutral-state-soft-hovered);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default-inverse)}._iconItem_uwpgq_505{flex:1;text-align:center;padding:1rem;border-radius:6px;transition:all .2s;background:var(--st-color-background-neutral-base);box-shadow:0 2px 8px #0000001a}._iconItem_uwpgq_505:hover{box-shadow:0 2px 8px #0003}._iconName_uwpgq_519{font-size:.75rem;color:var(--st-color-text-neutral-support);border-top:1px solid var(--st-color-border-neutral-state-default-inverse);margin-top:1rem;padding-top:.75rem;font-family:Monaco,Courier New,monospace}._iconWrapper_uwpgq_528{display:inline-flex;align-items:center;justify-content:center}._iconWrapperPadded_uwpgq_534{display:inline-flex;align-items:center;justify-content:center;padding:2rem 0;width:100%}._guidelinesGrid_uwpgq_546{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}._guidelineCard_uwpgq_553{padding:1.5rem;background:var( --st-color-background-neutral-state-soft-hovered);border:1px solid var(--st-color-border-neutral-state-default-inverse);border-radius:8px;transition:all .2s}._guidelineCard_uwpgq_553:hover{box-shadow:0 4px 12px #0000001a}._guidelineCard_uwpgq_553 h3{font-size:1.125rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:.75rem}._guidelineCard_uwpgq_553 p{font-size:.875rem;color:var(--st-color-text-neutral-body);margin-bottom:1rem;line-height:1.5}._example_uwpgq_579{padding:1rem;background:var( --st-color-background-neutral-base);border-radius:6px;display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;border:1px solid var(--st-color-border-neutral-state-default)}._note_uwpgq_591{font-size:.75rem;color:var(--st-color-text-neutral-support);font-style:italic;margin-top:.5rem}._buttonDemo_uwpgq_602{display:flex;gap:1rem;flex-wrap:wrap;padding:1.5rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default)}._btn_uwpgq_612{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none}._btn_uwpgq_612:hover{transform:translateY(--1px);box-shadow:0 4px 12px #00000026}._btnPrimary_uwpgq_630{background:var(--st-color-background-brand-state-default);color:var( --st-color-background-neutral-base)}._btnSecondary_uwpgq_635{background:var( --st-color-background-neutral-base);color:var(--st-color-text-neutral-heading);border:1px solid var(--st-color-border-neutral-state-default)}._btnDanger_uwpgq_641{background:var( --st-color-background-neutral-base);color:var(--st-color-text-feedback-danger-state-default);border:1px solid var(--st-color-border-feedback-danger-state-default)}._btnIcon_uwpgq_647{padding:.625rem}._listDemo_uwpgq_655{display:flex;flex-direction:column;gap:.75rem;max-width:500px}._listItem_uwpgq_662{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default);transition:all .2s}._listItem_uwpgq_662:hover{background:var( --st-color-background-neutral-base);box-shadow:0 2px 8px #0000001a}._colorGrid_uwpgq_682{display:flex;gap:2rem;flex-wrap:wrap;padding:2rem;background:var(--st-color-background-neutral-section);border-radius:8px;border:1px solid var(--st-color-border-neutral-state-default);justify-content:center}._colorItem_uwpgq_693{text-align:center;padding:1rem;border-radius:8px;transition:all .2s}._colorItem_uwpgq_693:hover{background:var( --st-color-background-neutral-base);box-shadow:0 4px 12px #0000001a;transform:scale(1.1)}._footer_uwpgq_710{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--st-color-border-neutral-state-default);color:var(--st-color-text-neutral-support);font-size:.875rem}._footer_uwpgq_710 strong{color:var(--st-color-text-neutral-heading)}._figmaLink_uwpgq_722{display:inline-flex;align-items:center;gap:.5rem;color:var(--st-color-link-brand-state-default);text-decoration:none;font-weight:500;padding:.5rem 1rem;background:var(--st-color-background-brand-state-default-inverse);border-radius:6px;margin-top:1rem;transition:all .2s;border:1px solid var(--st-color-border-brand-state-default)}._figmaLink_uwpgq_722:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}._tokenReference_uwpgq_742{padding:var(--spacing-8);background:var( --st-color-background-brand-state-default-inverse);border:1px solid var(--st-color-border-brand-state-default);border-radius:var(--border-radius-200)}._tokenReference_uwpgq_742 h3{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4);margin-top:var(--spacing-8)}._tokenReference_uwpgq_742 h3:first-child{margin-top:0}._tokenReference_uwpgq_742 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}._tokenReference_uwpgq_742 li{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body)}._tokenReference_uwpgq_742 code{display:inline-block;font-family:Courier New,monospace;padding:var(--spacing-2) var(--spacing-3);background:var(--st-color-background-neutral-elements);border-radius:4px;color:var(--st-color-text-brand-state-default);margin-left:var(--spacing-2);font-size:11px}._table_uwpgq_789{width:100%;border-collapse:collapse;background:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);overflow:hidden;margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}._table_uwpgq_789 thead{background:var(--st-color-background-neutral-section)}._table_uwpgq_789 th{padding:var(--spacing-4);text-align:left;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-heading);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._table_uwpgq_789 td{padding:var(--spacing-4);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._table_uwpgq_789 tbody tr:last-child td{border-bottom:none}._table_uwpgq_789 tbody tr:hover{background:var(--st-color-background-neutral-state-soft-hovered)}._table_uwpgq_789 td code{margin-left:0;background:var(--st-color-background-neutral-section);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-100);font-size:12px}._tokenReference_uwpgq_742 table{width:100%;border-collapse:collapse;background:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);overflow:hidden;margin-top:var(--spacing-4);margin-bottom:var(--spacing-6)}._tokenReference_uwpgq_742 thead{background:var(--st-color-background-neutral-section)}._tokenReference_uwpgq_742 th{padding:var(--spacing-4);text-align:left;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-heading);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._tokenReference_uwpgq_742 td{padding:var(--spacing-4);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);border-bottom:1px solid var(--st-color-border-neutral-state-default)}._tokenReference_uwpgq_742 tbody tr:last-child td{border-bottom:none}._tokenReference_uwpgq_742 td code{margin-left:0}._specGrid_uwpgq_883{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specGrid_1_uwpgq_890{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specCard_uwpgq_897{background:var(--st-color-background-neutral-state-soft-hovered);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default-inverse);border-radius:var(--border-radius-200);padding:var(--spacing-6)}._specCard_uwpgq_897 ._h3_uwpgq_909{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._anatomy_uwpgq_924{background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100);padding:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;justify-content:center;align-items:center;min-height:80px}._demoBtn_uwpgq_935{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-0) var(--spacing-3);border:var(--stroke-width-md) solid var(--st-color-border-brand-state-default);border-radius:var(--border-radius-200);background:var(--st-color-background-brand-state-default);color:var(--st-color-text-neutral-state-default-inverse);font:var(--font-body-md-regular);min-height:var(--sizing-10)}._demoLink_uwpgq_948{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--st-color-link-brand-state-default);font:var(--font-link-md-regular);text-decoration:underline}._badgeGrid_uwpgq_957{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}._badge_uwpgq_66{background:var(--st-color-background-neutral-section);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100);padding:var(--spacing-1) var(--spacing-2);text-align:center;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-body)}._list_uwpgq_655 li{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-2);padding-left:var(--spacing-4);position:relative}._specGrid_uwpgq_883{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}._specCard_uwpgq_897{background:var(--st-color-background-neutral-state-soft-hovered);border:1px solid var(--st-color-border-neutral-state-default-inverse);border-radius:8px;padding:1.5rem;transition:all .2s}._specCard_uwpgq_897:hover{box-shadow:0 4px 12px #00000014}._specCard_uwpgq_897 h3{font-size:1.125rem;font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:1rem}._specCard_uwpgq_897._forbidden_uwpgq_915{border-color:var(--st-color-border-feedback-danger-state-default);background:var(--st-color-background-feedback-danger-state-default-inverse)}._specCard_uwpgq_897._forbidden_uwpgq_915 h3{color:var(--st-color-text-feedback-danger-state-default)}._anatomy_uwpgq_924{background:var( --st-color-background-neutral-base);border-radius:6px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;min-height:80px;border:1px solid var(--st-color-border-neutral-state-default)}._demoBtn_uwpgq_935{display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--st-color-border-brand-state-default);border-radius:6px;background:var(--st-color-background-brand-state-default);color:var( --st-color-background-neutral-base);font-size:.875rem;min-height:var(--sizing-10)}._demoLink_uwpgq_948{display:inline-flex;align-items:center;gap:.25rem;color:var(--st-color-link-brand-state-default);font-size:.875rem;text-decoration:underline}._badgeGrid_uwpgq_957{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}._list_uwpgq_655{list-style:none;padding:0;margin:0}._list_uwpgq_655 li{font-size:.875rem;color:var(--st-color-text-neutral-body);margin-bottom:.5rem;padding-left:1rem;position:relative;line-height:1.5}._list_uwpgq_655 li:before{content:"•";position:absolute;left:0;color:var(--st-color-text-brand-state-default);font-weight:700}._complianceText_uwpgq_1163{font-size:.875rem;color:var(--st-color-text-feedback-success-state-default);margin-top:1rem;font-weight:600}._statsHighlight_uwpgq_1170{border:1px solid var(--st-color-border-neutral-state-default);background:var(--st-color-background-neutral-base);color:var(--st-color-text-neutral-body);display:flex;justify-content:space-around;align-items:center;padding:var(--spacing-4);margin-bottom:var(--spacing-12);border-radius:var(--border-radius-200)}._statHighlightItem_uwpgq_1182{text-align:center}._statHighlightItem_uwpgq_1182 span{display:block;font-size:var(--typography-size-display-sm);font-weight:var(--typography-weight-bold);line-height:var(--typography-line-height-compact);margin-bottom:var(--spacing-2)}._statHighlightItem_uwpgq_1182 ._warning_uwpgq_1194{color:var(--pt-color-feedback-warning-600)}._statHighlightItem_uwpgq_1182 ._accent_uwpgq_1198{color:var(--pt-color-brand-600)}._statHighlightItem_uwpgq_1182 ._success_uwpgq_1202{color:var(--pt-color-feedback-success-600)}._statHighlightItem_uwpgq_1182 ._info_uwpgq_1206{color:var(--pt-color-feedback-info-600)}._docContainer_uwpgq_1214{max-width:1200px;margin:0 auto;padding:var(--spacing-8);background-color:var(--st-color-background-neutral-base)}._docHeader_uwpgq_1221{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--st-color-border-neutral-state-default)}._docHeader_uwpgq_1221 h1{font:var(--font-heading-h1);color:var(--st-color-text-neutral-heading);margin:0}._docHeader_uwpgq_1221 p{margin-top:var(--spacing-4)}._docSection_uwpgq_1237{margin-bottom:var(--spacing-10)}._docSection_uwpgq_1237 h2{font:var(--font-heading-h2);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._docSection_uwpgq_1237 h3{font:var(--font-heading-h3);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-3);margin-top:var(--spacing-6)}._docSection_uwpgq_1237 p{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);line-height:1.6;margin-bottom:var(--spacing-4)}._docSection_uwpgq_1237 ul{list-style:none;padding:0;margin:0}._docSection_uwpgq_1237 ul li{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-3);padding-left:var(--spacing-4);position:relative}._docSection_uwpgq_1237 ul li:before{content:"•";position:absolute;left:0;color:var(--st-color-text-brand-state-default);font-weight:700}._breakpointCard_uwpgq_1283{background:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}._breakpointCard_uwpgq_1283:last-child{margin-bottom:0}._dosDontsGrid_uwpgq_1295{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-top:var(--spacing-4)}._dosCard_uwpgq_1302,._dontsCard_uwpgq_1303{padding:var(--spacing-6);border-radius:var(--border-radius-200);border:1px solid var(--st-color-border-neutral-state-default)}._dosCard_uwpgq_1302{background:var(--st-color-background-feedback-success-state-default);border-color:var(--st-color-border-feedback-success-state-default)}._dontsCard_uwpgq_1303{background:var(--st-color-background-feedback-danger-state-default);border-color:var(--st-color-border-feedback-danger-state-default)}._dosCard_uwpgq_1302 h3{color:var(--st-color-text-feedback-success-state-default);margin-top:0}._dontsCard_uwpgq_1303 h3{color:var(--st-color-text-feedback-danger-state-default);margin-top:0}._codeBlock_uwpgq_435{background:var(--st-color-background-neutral-section);border:1px solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);padding:var(--spacing-6);font-family:Courier New,monospace;font-size:14px;color:var(--st-color-text-neutral-body);overflow-x:auto;line-height:1.6}._statusText_uwpgq_1341{font:var(--font-body-md-regular);color:var(--st-color-text-feedback-success-state-default);font-weight:600}._verticalStackLarge_uwpgq_1351{display:flex;flex-direction:column;gap:var(--spacing-3)}._verticalStackSmall_uwpgq_1357{display:flex;flex-direction:column;gap:var(--spacing-2)}._horizontalStackLarge_uwpgq_1363{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}._useCaseContainer_uwpgq_1369{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}._useCaseContainerNoStretch_uwpgq_1377{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3);align-items:flex-start}._indentedList_uwpgq_1385{margin-left:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}._specCardMargin_uwpgq_1396{margin-top:var(--spacing-4)}._footerButton_uwpgq_1400{margin-top:var(--spacing-2)}._descriptionMuted_uwpgq_1408{color:var(--st-color-text-neutral-support);margin-bottom:2rem}._demoContainer_uwpgq_1417{display:flex;flex-direction:column;gap:var(--spacing-4);padding:2rem}._demoControls_uwpgq_403{display:flex;gap:var(--spacing-4);align-items:center}._demoButtonGroup_uwpgq_1430{display:flex;gap:var(--spacing-2)}._demoButton_uwpgq_1430{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-100)}._demoStatus_uwpgq_1440{color:var(--st-color-text-neutral-support);font-size:.875rem}@media (max-width: 768px){._playground_uwpgq_17{padding:1rem}._container_uwpgq_28{border-radius:8px;padding:0}._header_uwpgq_41{padding:2rem 1rem}._header_uwpgq_41 h1{font-size:1.75rem}._content_uwpgq_80{padding:2rem 1rem}._sizeGrid_uwpgq_224{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;padding:1rem}._iconGrid_uwpgq_467{grid-template-columns:repeat(2,1fr)}._guidelinesGrid_uwpgq_546,._specGrid_uwpgq_883{grid-template-columns:1fr}._statsHighlight_uwpgq_1170{flex-direction:column;gap:1.5rem}._badgeGrid_uwpgq_957{grid-template-columns:repeat(2,1fr)}._docContainer_uwpgq_1214{padding:1rem}._dosDontsGrid_uwpgq_1295{grid-template-columns:1fr}._buttonDemo_uwpgq_602{flex-direction:column;padding:1rem}._colorGrid_uwpgq_682{gap:1rem;padding:1rem}._iconRow_uwpgq_495{padding:1rem;gap:1rem}}