._playground_1afkj_10{padding:var(--spacing-8);box-sizing:border-box}._container_1afkj_15{max-width:calc(var(--spacing-20) * 17 + var(--spacing-10));margin:0 auto;background:var( --st-color-background-neutral-base);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);overflow:hidden}._header_1afkj_28{padding:var(--spacing-8) var(--spacing-4);text-align:center;background:var(--st-color-background-brand-state-default-inverse)}._header_1afkj_28 h1{font-size:var(--typography-size-display-sm);margin-bottom:var(--spacing-2)}._header_1afkj_28 p{font-size:var(--typography-size-xl)}._badge_1afkj_43{display:inline-block;background:var(--st-color-background-brand-state-hovered-inverse);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-300);font-size:var(--typography-size-base);margin-top:var(--spacing-4);color:var( --st-color-background-neutral-base)}._content_1afkj_57{padding:var(--spacing-12) var(--spacing-8);background:var(--st-color-background-neutral-base)}._navMenu_1afkj_66{margin-top:var(--spacing-4);display:flex;gap:var(--spacing-4);flex-wrap:wrap;justify-content:center}._navTitle_1afkj_74{font-size:var(--typography-size-lg);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_1afkj_83{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}._navItem_1afkj_92{flex:0 0 auto}._navLink_1afkj_96{display:inline-block;font-size:var(--typography-size-base);color:var(--st-color-text-neutral-state-default-inverse);text-decoration:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-100);transition:all .2s ease;background:var(--st-color-background-brand-state-default-inverse);border:var(--stroke-width-sm) solid var(--st-color-background-brand-state-hovered-inverse)}._navLink_1afkj_96:hover{background:var(--st-color-background-brand-state-hovered-inverse);transform:translateY(calc(-1 * var(--spacing-0-5)))}._navLink_1afkj_96:active{transform:translateY(0)}._section_1afkj_121{margin-bottom:var(--spacing-16)}._section_1afkj_121:last-child{margin-bottom:0}._sectionTitle_1afkj_129{font-size:var(--typography-size-xxxl);margin-bottom:var(--spacing-6);color:var(--st-color-text-neutral-heading);padding-bottom:var(--spacing-3);border-bottom:var(--stroke-width-md) solid var(--st-color-border-neutral-state-default)}._sectionDescription_1afkj_137{font-size:var(--typography-size-lg);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-8);line-height:1.6}._subsectionTitle_1afkj_144{font-size:var(--typography-size-xl);margin-bottom:var(--spacing-4);margin-top:var(--spacing-8);color:var(--st-color-text-neutral-support);font-weight:600}._subsectionTitleH4_1afkj_152{font-size:var(--typography-size-lg);margin-bottom:var(--spacing-4);margin-top:var(--spacing-6);color:var(--st-color-text-neutral-support);font-weight:600}._collapsibleHeader_1afkj_159{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:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._collapsibleArrow_1afkj_173{font-size:var(--typography-size-xxxl);transition:transform .2s;color:var(--st-color-text-neutral-support)}._collapsibleArrow_1afkj_173._expanded_1afkj_179{transform:rotate(180deg)}._collapsibleContent_1afkj_183{margin-top:var(--spacing-4)}._subsectionTitle_1afkj_144{margin-top:var(--spacing-6)}._subsectionTitleH4_1afkj_152{margin-top:var(--spacing-4)}._sizeGrid_1afkj_201{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--sizing-20) + var(--sizing-5)),1fr));gap:var(--spacing-4);padding:var(--spacing-8);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._sizeItem_1afkj_211{text-align:center;padding:var(--spacing-4);border-radius:var(--border-radius-200);transition:all .2s}._sizeItem_1afkj_211:hover{background:var( --st-color-background-neutral-base);box-shadow:var(--shadows-drop-elevation-200);transform:translateY(calc(-1 * var(--spacing-0-5)))}._sizeItem_1afkj_211._default_1afkj_224{background:var( --st-color-background-neutral-base);box-shadow:var(--shadows-drop-elevation-200);border:var(--stroke-width-md) solid var(--st-color-border-brand-state-default)}._sizeGroup_1afkj_230{padding-bottom:var(--spacing-6)}._sizeTitle_1afkj_234{font-size:var(--typography-size-xl);margin-bottom:var(--spacing-6);color:var(--st-color-text-neutral-support);font-weight:600}._sizeLabel_1afkj_241{font-size:var(--typography-size-base);font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-1)}._tokenLabel_1afkj_248{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);font-family:Monaco,Courier New,monospace}._stateGrid_1afkj_258{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._stateGrid_1_1afkj_265{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._stateGrid_2_1afkj_272{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._stateGrid_3_1afkj_279{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}@media (max-width: 1024px){._stateGrid_1afkj_258{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){._stateGrid_1afkj_258{grid-template-columns:1fr}}._stateCard_1afkj_299{padding:var(--spacing-6);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);transition:all .2s}._stateCard_1afkj_299:hover{box-shadow:var(--shadows-drop-elevation-100)}._cardLabel_1afkj_311{font-size:var(--typography-size-sm);font-weight:700;color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:.03em}._cardLabel_1afkj_311._forbidden_1afkj_320{color:var(--st-color-text-feedback-danger-state-default)}._cardContent_1afkj_327{padding:var(--spacing-6);min-height:calc(var(--sizing-14) + var(--sizing-1));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-2);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);margin-bottom:var(--spacing-6);border-radius:var(--border-radius-100);border-color:var(--st-color-border-feedback-danger-state-default);background:var(--st-color-background-feedback-danger-state-default-inverse)}._cardContentPadded_1afkj_342{padding:var(--spacing-6);min-height:calc(var(--sizing-14) + var(--sizing-1));display:flex;align-items:flex-start;justify-content:center;border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);margin-bottom:var(--spacing-6);background:var(--st-color-background-neutral-base);border-radius:var(--border-radius-100);flex-direction:column}._tokenInfo_1afkj_359{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-size:var(--typography-size-sm)}._tokenInfo_1afkj_359:last-child{margin-bottom:0}._tokenCode_1afkj_371{font-size:var(--typography-size-sm);padding:var(--spacing-2) var(--spacing-3);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100);border:var(--stroke-width-sm) 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}._fullWidth_1afkj_383{width:100%}._interactiveIcon_1afkj_387{cursor:pointer}._truncatedBox_1afkj_391{max-width:calc(var(--spacing-20) * 2 + var(--spacing-10));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:var(--spacing-2);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100)}._truncatedPreview_1afkj_402{max-width:calc(var(--spacing-20) * 2 + var(--spacing-10) + var(--spacing-5));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._flexRowGap4_1afkj_410{display:flex;gap:var(--spacing-4)}._specCardHalf_1afkj_415{flex:1 1 50%}._mb12_1afkj_419{margin-bottom:var(--spacing-3)}._mr8_1afkj_423{margin-inline-end:var(--spacing-2)}._paddingBlockLg_1afkj_427{padding-block:var(--spacing-8)}._maxWidth480_1afkj_431{max-width:calc(var(--spacing-20) * 6);margin:0 auto}._maxWidth360_1afkj_436{max-width:calc(var(--spacing-20) * 4 + var(--spacing-8));margin:0 auto}._paddingInlineStartLg_1afkj_442{padding-inline-start:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}._smallText_1afkj_449{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-4)}._centerRow_1afkj_455{display:flex;align-items:center;justify-content:center}._gridGap12_1afkj_461{gap:var(--spacing-6)}._gridGap12_1afkj_461{display:grid;gap:var(--spacing-3)}._orientationPair_1afkj_467{display:flex;gap:var(--spacing-10);align-items:center;flex-direction:column}._orientationLabel_1afkj_468{font-size:var(--typography-size-sm);margin-bottom:var(--spacing-2)}._demoColumn_1afkj_469{display:flex;flex-direction:column;gap:var(--spacing-4)}._textLeft_1afkj_470{text-align:left}._mb8_1afkj_471{margin-bottom:var(--spacing-2)}._orientationContainer_1afkj_472{display:flex;gap:var(--spacing-6);align-items:flex-start;flex-wrap:wrap}._minWidth240_1afkj_473{min-width:calc(var(--spacing-20) * 3)}._orientationColumnGroup_1afkj_474{display:flex;gap:var(--spacing-3);align-items:flex-start}._minWidth160_1afkj_475{min-width:calc(var(--spacing-20) * 2)}._overflowDemo_1afkj_476{width:100%;overflow:visible;position:relative}._twoColumnLayout_1afkj_479{display:grid;grid-template-columns:1fr 3fr;gap:var(--spacing-6)}._sidePreview_1afkj_486{padding:var(--spacing-4);border-left:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._fullWidthWrapper_1afkj_492{width:100%}._brandBackgroundPadded_1afkj_493{background:var(--st-color-background-brand-state-default);padding:var(--spacing-4)}._verticalDemo80_1afkj_494{height:var(--sizing-20);display:flex;flex-direction:row;align-items:stretch}._demoAreaRow80_1afkj_495{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3);height:var(--sizing-20)}._demoAreaHeight64_1afkj_496{height:var(--sizing-16);display:flex;flex-direction:row;align-items:stretch}._useCaseInline16_1afkj_497{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4)}._demoAreaRow40_1afkj_498{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4);height:var(--sizing-10)}._inverseText_1afkj_499{color:var(--st-color-text-neutral-heading)}._brandBackgroundPadded_1afkj_493 ._inverseText_1afkj_499{color:var(--st-color-text-neutral-state-default-inverse)}._textNoMargin_1afkj_506{margin:0}._useCaseInline12_1afkj_507{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3)}._useCaseBgPadded_1afkj_508{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3);background:var(--st-color-background-neutral-section);padding:var(--spacing-3)}._demoControlsRow_1afkj_509{display:flex;gap:var(--spacing-2)}._demoControlsRowTop_1afkj_510{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}._mt12_1afkj_511{margin-top:var(--spacing-3)}._colorBrand_1afkj_514{color:var(--st-color-text-brand-state-default)}._colorSuccess_1afkj_515{color:var(--st-color-text-feedback-success-state-default)}._colorDanger_1afkj_516{color:var(--st-color-text-feedback-danger-state-default)}._colorSupport_1afkj_517{color:var(--st-color-icon-neutral-support)}._previewCenter120_1afkj_520{display:flex;align-items:center;justify-content:center;min-height:calc(var(--sizing-20) + var(--spacing-10))}._textCenter_1afkj_523{text-align:center}._upperCase_1afkj_526{text-transform:uppercase}._mbSpacing1_1afkj_527{margin-bottom:var(--spacing-1)}._mtSpacing6_1afkj_528{margin-top:var(--spacing-6)}._mbSpacing3_1afkj_529{margin-bottom:var(--spacing-3)}._tokenValue_1afkj_532{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-body);margin:0}._tokenMeta_1afkj_533{font-size:var(--typography-size-xs);color:var(--st-color-text-neutral-support);margin:0}._wrapRow_1afkj_536{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}._lead_1afkj_539{margin-bottom:var(--spacing-3);font-weight:500}._leadSm_1afkj_544{margin-bottom:var(--spacing-2);font-weight:500}._dangerLead_1afkj_549{margin-bottom:var(--spacing-2);font-weight:500;color:var(--st-color-text-feedback-danger-state-selected)}._dashedWrapper_1afkj_555{padding:var(--spacing-4);border:var(--stroke-width-sm) dashed var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);margin-bottom:var(--spacing-3)}._codeBlock_1afkj_566{background: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);font-family:Monaco,Courier New,monospace;font-size:var(--typography-size-base);line-height:1.6;overflow-x:auto;border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._codeBlock_1afkj_566 ._comment_1afkj_578{color:var(--st-color-text-neutral-support)}._codeBlock_1afkj_566 ._string_1afkj_582{color:var(--st-color-text-feedback-success-state-default)}._codeBlock_1afkj_566 ._tag_1afkj_586{color:var(--st-color-text-feedback-info-state-default)}._codeBlock_1afkj_566 ._attr_1afkj_590{color:var(--st-color-text-brand-state-default)}._iconGrid_1afkj_598{display:grid;grid-template-columns:repeat(3,minmax(calc(var(--sizing-20) + var(--sizing-20) + var(--sizing-10) + var(--sizing-5)),1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}._iconExample_1afkj_605{padding:var(--spacing-6);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-200);display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center;transition:all .2s}._iconExample_1afkj_605:hover{background:var(--st-color-background-neutral-base);box-shadow:var(--shadows-drop-elevation-100)}._iconCategory_1afkj_622{margin-bottom:var(--spacing-8)}._iconRow_1afkj_626{display:flex;gap:var(--spacing-8);flex-wrap:wrap;padding:var(--spacing-6);background:var( --st-color-background-neutral-state-soft-hovered);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default-inverse)}._iconItem_1afkj_636{flex:1;text-align:center;padding:var(--spacing-4);border-radius:var(--border-radius-100);transition:all .2s;background:var(--st-color-background-neutral-base);box-shadow:var(--shadows-drop-elevation-100)}._iconItem_1afkj_636:hover{box-shadow:var(--shadows-drop-elevation-200)}._iconName_1afkj_650{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);border-top:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default-inverse);margin-top:var(--spacing-4);padding-top:var(--spacing-3);font-family:Monaco,Courier New,monospace}._iconWrapper_1afkj_659{display:inline-flex;align-items:center;justify-content:center}._iconWrapperPadded_1afkj_665{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-0);width:100%}._guidelinesGrid_1afkj_677{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--spacing-20) * 3 + var(--spacing-14) + var(--spacing-1)),1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}._guidelineCard_1afkj_684{padding:var(--spacing-6);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);transition:all .2s}._guidelineCard_1afkj_684:hover{box-shadow:var(--shadows-drop-elevation-200)}._guidelineCard_1afkj_684 h3{font-size:var(--typography-size-xl);font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-3)}._guidelineCard_1afkj_684 p{font-size:var(--typography-size-base);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-4);line-height:1.5}._example_1afkj_710{padding:var(--spacing-4);background:var( --st-color-background-neutral-base);border-radius:var(--border-radius-100);display:flex;gap:var(--spacing-2);align-items:center;justify-content:center;flex-wrap:wrap;border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._note_1afkj_722{font-size:var(--typography-size-sm);color:var(--st-color-text-neutral-support);font-style:italic;margin-top:var(--spacing-2)}._buttonDemo_1afkj_733{display:flex;gap:var(--spacing-4);flex-wrap:wrap;padding:var(--spacing-6);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._btn_1afkj_743{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);font-size:var(--typography-size-base);font-weight:500;border-radius:var(--border-radius-100);cursor:pointer;transition:all .2s;border:none}._btn_1afkj_743:hover{transform:translateY(calc(-1 * var(--spacing-0-5)));box-shadow:var(--shadows-drop-elevation-300)}._btnPrimary_1afkj_761{background:var(--st-color-background-brand-state-default);color:var( --st-color-background-neutral-base)}._btnSecondary_1afkj_766{background:var( --st-color-background-neutral-base);color:var(--st-color-text-neutral-heading);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._btnDanger_1afkj_772{background:var( --st-color-background-neutral-base);color:var(--st-color-text-feedback-danger-state-default);border:var(--stroke-width-sm) solid var(--st-color-border-feedback-danger-state-default)}._btnIcon_1afkj_778{padding:calc(var(--spacing-2) + var(--spacing-0-5))}._listDemo_1afkj_786{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:calc(var(--spacing-20) * 6 + var(--spacing-5))}._listItem_1afkj_793{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);transition:all .2s}._listItem_1afkj_793:hover{background:var( --st-color-background-neutral-base);box-shadow:var(--shadows-drop-elevation-100)}._colorGrid_1afkj_813{display:flex;gap:var(--spacing-8);flex-wrap:wrap;padding:var(--spacing-8);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);justify-content:center}._colorItem_1afkj_824{text-align:center;padding:var(--spacing-4);border-radius:var(--border-radius-200);transition:all .2s}._colorItem_1afkj_824:hover{background:var( --st-color-background-neutral-base);box-shadow:var(--shadows-drop-elevation-200);transform:scale(1.1)}._footer_1afkj_841{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:var(--stroke-width-md) solid var(--st-color-border-neutral-state-default);color:var(--st-color-text-neutral-support);font-size:var(--typography-size-base)}._footer_1afkj_841 strong{color:var(--st-color-text-neutral-heading)}._figmaLink_1afkj_853{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--st-color-link-brand-state-default);text-decoration:none;font-weight:500;padding:var(--spacing-2) var(--spacing-4);background:var(--st-color-background-brand-state-default-inverse);border-radius:var(--border-radius-100);margin-top:var(--spacing-4);transition:all .2s;border:var(--stroke-width-sm) solid var(--st-color-border-brand-state-default)}._figmaLink_1afkj_853:hover{transform:translate(var(--spacing-1));box-shadow:var(--shadows-drop-elevation-100)}._tokenReference_1afkj_873{padding:var(--spacing-8);background:var( --st-color-background-brand-state-default-inverse);border:var(--stroke-width-sm) solid var(--st-color-border-brand-state-default);border-radius:var(--border-radius-200)}._tokenReference_1afkj_873 h3{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4);margin-top:var(--spacing-8)}._tokenReference_1afkj_873 h3:first-child{margin-top:0}._tokenReference_1afkj_873 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}._tokenReference_1afkj_873 li{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body)}._tokenReference_1afkj_873 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:var(--border-radius-100);color:var(--st-color-text-brand-state-default);margin-left:var(--spacing-2);font-size:var(--typography-size-xs)}._table_1afkj_920{width:100%;border-collapse:collapse;background:var(--st-color-background-neutral-elements);border:var(--stroke-width-sm) 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_1afkj_920 thead{background:var(--st-color-background-neutral-section)}._table_1afkj_920 th{padding:var(--spacing-4);text-align:left;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-heading);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._table_1afkj_920 td{padding:var(--spacing-4);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._table_1afkj_920 tbody tr:last-child td{border-bottom:none}._table_1afkj_920 tbody tr:hover{background:var(--st-color-background-neutral-state-soft-hovered)}._table_1afkj_920 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:var(--typography-size-sm)}._tokenReference_1afkj_873 table{width:100%;border-collapse:collapse;background:var(--st-color-background-neutral-elements);border:var(--stroke-width-sm) 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_1afkj_873 thead{background:var(--st-color-background-neutral-section)}._tokenReference_1afkj_873 th{padding:var(--spacing-4);text-align:left;font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-heading);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._tokenReference_1afkj_873 td{padding:var(--spacing-4);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._tokenReference_1afkj_873 tbody tr:last-child td{border-bottom:none}._tokenReference_1afkj_873 td code{margin-left:0}._specGrid_1afkj_1014{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specGrid_1_1afkj_1021{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specGrid_2_1afkj_1028{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specCard_1afkj_324{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_1afkj_324 ._h3_1afkj_1048{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._anatomy_1afkj_1063{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:var(--sizing-20)}._demoBtn_1afkj_1074{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_1afkj_1087{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}._badge_1afkj_43{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_1afkj_786 li{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-2);padding-left:0}._specGrid_1afkj_1014{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}._specCard_1afkj_324{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);transition:all .2s;height:100%}._specCard_1afkj_324:hover{box-shadow:var(--shadows-drop-elevation-100)}._specCard_1afkj_324 h3{font-size:var(--typography-size-xl);font-weight:600;color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._specCard_1afkj_324._forbidden_1afkj_320{border-color:var(--st-color-border-feedback-danger-state-default);background:var(--st-color-background-feedback-danger-state-default-inverse)}._specCard_1afkj_324._forbidden_1afkj_320 h3{color:var(--st-color-text-feedback-danger-state-selected)}._anatomy_1afkj_1063{background:var( --st-color-background-neutral-base);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:var(--sizing-20);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._demoBtn_1afkj_1074{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-0) var(--spacing-3);border:var(--stroke-width-sm) solid var(--st-color-border-brand-state-default);border-radius:var(--border-radius-100);background:var(--st-color-background-brand-state-default);color:var( --st-color-background-neutral-base);font-size:var(--typography-size-base);min-height:var(--sizing-10)}._demoLink_1afkj_1087{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--st-color-link-brand-state-default);font-size:var(--typography-size-base);text-decoration:underline}._badgeGrid_1afkj_1096{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}._list_1afkj_786{list-style:disc;list-style-position:outside;padding-left:var(--spacing-6);margin:0}._list_1afkj_786 li{font-size:var(--typography-size-base);color:var(--st-color-text-neutral-body);margin-bottom:var(--spacing-2);padding-left:0;line-height:1.5}._list_1afkj_786 li::marker{color:var(--st-color-text-brand-state-default)}._complianceText_1afkj_1291{font-size:var(--typography-size-base);color:var(--st-color-text-feedback-success-state-default);margin-top:var(--spacing-4);font-weight:600}._statsHighlight_1afkj_1298{border:var(--stroke-width-sm) 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_1afkj_1310{text-align:center}._statHighlightItem_1afkj_1310 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_1afkj_1310 ._warning_1afkj_1322{color:var(--pt-color-feedback-warning-600)}._statHighlightItem_1afkj_1310 ._accent_1afkj_1326{color:var(--pt-color-brand-600)}._statHighlightItem_1afkj_1310 ._success_1afkj_1330{color:var(--pt-color-feedback-success-600)}._statHighlightItem_1afkj_1310 ._info_1afkj_1334{color:var(--pt-color-feedback-info-600)}._docContainer_1afkj_1342{max-width:calc(var(--spacing-20) * 15);margin:0 auto;padding:var(--spacing-8);background-color:var(--st-color-background-neutral-base)}._docHeader_1afkj_1349{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:var(--stroke-width-md) solid var(--st-color-border-neutral-state-default)}._docHeader_1afkj_1349 h1{font:var(--font-heading-h1);color:var(--st-color-text-neutral-heading);margin:0}._docHeader_1afkj_1349 p{margin-top:var(--spacing-4)}._docSection_1afkj_1365{margin-bottom:var(--spacing-10)}._docSectionSubtitle_1afkj_1369{font:var(--font-heading-h2);color:var(--st-color-text-neutral-heading);margin-bottom:var(--spacing-4)}._docSection_1afkj_1365 p{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);line-height:1.6;margin-bottom:var(--spacing-4)}._docSection_1afkj_1365 ul{list-style:none;padding:0;margin:0}._docSection_1afkj_1365 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_1afkj_1365 ul li:before{content:"•";position:absolute;left:0;color:var(--st-color-text-brand-state-default);font-weight:700}._breakpointCard_1afkj_1404{background:var(--st-color-background-neutral-elements);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}._breakpointCard_1afkj_1404:last-child{margin-bottom:0}._dosDontsGrid_1afkj_1416{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-top:var(--spacing-4)}._dosCard_1afkj_1423,._dontsCard_1afkj_1424{padding:var(--spacing-6);border-radius:var(--border-radius-200);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._dosCard_1afkj_1423{background:var(--st-color-background-feedback-success-state-default-inverse);border-color:var(--st-color-border-feedback-success-state-default)}._dontsCard_1afkj_1424{background:var(--st-color-background-feedback-danger-state-default-inverse);border-color:var(--st-color-border-feedback-danger-state-default)}._dosCard_1afkj_1423 h3,._dontsCard_1afkj_1424 h3{color:var(--st-color-text-neutral-heading);margin-top:0}._dosCard_1afkj_1423 li,._dontsCard_1afkj_1424 li{color:var(--st-color-text-neutral-body)}._codeBlock_1afkj_566{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-200);padding:var(--spacing-6);font-family:Courier New,monospace;font-size:var(--typography-size-base);color:var(--st-color-text-neutral-body);overflow-x:auto;line-height:1.6}._statusText_1afkj_1467{font:var(--font-body-md-regular);color:var(--st-color-text-feedback-success-state-default);font-weight:600}._verticalStackLarge_1afkj_1477{display:flex;flex-direction:column;gap:var(--spacing-3)}._verticalStackSmall_1afkj_1483{display:flex;flex-direction:column;gap:var(--spacing-2)}._horizontalStackLarge_1afkj_1489{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}._useCaseContainer_1afkj_1495{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}._useCaseContainerNoStretch_1afkj_1503{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3);align-items:flex-start}._indentedList_1afkj_1511{margin-left:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}._specCardMargin_1afkj_1522{margin-top:var(--spacing-4)}._footerButton_1afkj_1526{margin-top:var(--spacing-2)}._descriptionMuted_1afkj_1534{color:var(--st-color-text-neutral-support);margin-bottom:var(--spacing-8)}._demoContainer_1afkj_1543{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-8)}._demoControls_1afkj_509{display:flex;gap:var(--spacing-4);align-items:center}._demoButtonGroup_1afkj_1556{display:flex;gap:var(--spacing-2)}._demoButton_1afkj_1556{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-100)}._demoStatus_1afkj_1566{color:var(--st-color-text-neutral-support);font-size:var(--typography-size-base)}@media (max-width: 768px){._playground_1afkj_10{padding:var(--spacing-4)}._container_1afkj_15{border-radius:var(--border-radius-200);padding:0}._header_1afkj_28{padding:var(--spacing-8) var(--spacing-4)}._header_1afkj_28 h1{font-size:var(--typography-size-xxxl)}._content_1afkj_57{padding:var(--spacing-8) var(--spacing-4)}._sizeGrid_1afkj_201{grid-template-columns:repeat(auto-fit,minmax(var(--sizing-20),1fr));gap:var(--spacing-4);padding:var(--spacing-4)}._iconGrid_1afkj_598{grid-template-columns:repeat(2,1fr)}._guidelinesGrid_1afkj_677,._specGrid_1afkj_1014{grid-template-columns:1fr}._statsHighlight_1afkj_1298{flex-direction:column;gap:var(--spacing-6)}._badgeGrid_1afkj_1096{grid-template-columns:repeat(2,1fr)}._docContainer_1afkj_1342{padding:var(--spacing-4)}._dosDontsGrid_1afkj_1416{grid-template-columns:1fr}._buttonDemo_1afkj_733{flex-direction:column;padding:var(--spacing-4)}._colorGrid_1afkj_813{gap:var(--spacing-4);padding:var(--spacing-4)}._iconRow_1afkj_626{padding:var(--spacing-4);gap:var(--spacing-4)}}._pageLayout_1afkj_1652{display:flex;gap:var(--spacing-8);padding:var(--spacing-8);max-width:calc(var(--spacing-20) * 17 + var(--spacing-10));margin:0 auto;width:100%;box-sizing:border-box}._pageContent_1afkj_1662{flex:1;min-width:0}._pageNav_1afkj_1668{position:sticky;top:calc(var(--sizing-10) + var(--sizing-1) + var(--spacing-4));align-self:flex-start;width:calc(var(--spacing-20) * 2 + var(--spacing-10));flex-shrink:0;padding-top:var(--spacing-2);max-height:calc(100vh - var(--sizing-10) - var(--sizing-1) - var(--spacing-8));overflow-y:auto}._pageNavTitle_1afkj_1679{font:var(--font-body-xs-bold);color:var(--st-color-text-neutral-support);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._pageNavList_1afkj_1689{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}._pageNavItem_1afkj_1698{display:block;width:100%}._pageNavLink_1afkj_1703{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-body);text-decoration:none;border-left:var(--stroke-width-md) solid transparent;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;text-align:left;transition:color .15s ease,border-color .15s ease,background .15s ease}._pageNavLink_1afkj_1703:hover{color:var(--st-color-text-brand-state-default);border-left-color:var(--st-color-border-brand-state-default);background:var(--st-color-background-neutral-state-hovered)}._pageNavLinkActive_1afkj_1726{color:var(--st-color-text-brand-heading);border-left-color:var(--st-color-border-brand-state-default);font-weight:var(--typography-weight-bold)}._pageHero_1afkj_1733{padding:var(--spacing-12) var(--spacing-8);background:var(--st-color-background-neutral-section);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._pageHeroInner_1afkj_1739{max-width:calc(var(--spacing-20) * 17 + var(--spacing-10));margin:0 auto;width:100%;box-sizing:border-box}._pageHeroTitle_1afkj_1746{font:var(--font-display-sm);color:var(--st-color-text-neutral-heading);margin:0 0 var(--spacing-3)}._pageHeroDesc_1afkj_1752{font:var(--font-body-lg-regular);color:var(--st-color-text-neutral-support);margin:0 0 var(--spacing-5);max-width:calc(var(--spacing-20) * 9);line-height:1.6}._pageHeroMeta_1afkj_1760{display:flex;gap:var(--spacing-3);flex-wrap:wrap}._pageHeroBadge_1afkj_1766{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--st-color-background-brand-state-default-inverse);color:var(--st-color-text-brand-heading);border-radius:var(--border-radius-full);font:var(--font-body-xs-bold)}._keyFacts_1afkj_1778{list-style:none;padding:0;margin:var(--spacing-5) 0 0;display:flex;flex-direction:column;gap:var(--spacing-2)}._keyFact_1afkj_1778{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);padding-left:var(--spacing-4);position:relative}._keyFact_1afkj_1778:before{content:"";position:absolute;left:0;top:.55em;width:calc(var(--sizing-1) + var(--sizing-0-5));height:calc(var(--sizing-1) + var(--sizing-0-5));border-radius:var(--border-radius-full);background:var(--st-color-background-brand-state-default)}@media (max-width: 1024px){._pageNav_1afkj_1668{display:none}._pageLayout_1afkj_1652{padding:var(--spacing-6) var(--spacing-4)}._pageHero_1afkj_1733{padding:var(--spacing-8) var(--spacing-4)}}@media (max-width: 768px){._pageLayout_1afkj_1652{padding:var(--spacing-4)}._pageHeroTitle_1afkj_1746{font:var(--font-heading-h1)}}._controlRow_1afkj_1834{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}._controlGroup_1afkj_1842{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:calc(var(--spacing-20) * 2)}._controlLabel_1afkj_1849{font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-support)}._controlSelect_1afkj_1854{padding:var(--spacing-2) var(--spacing-3);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100);background:var(--st-color-background-neutral-base);color:var(--st-color-text-neutral-body);font:var(--font-body-sm-regular);cursor:pointer}._previewArea_1afkj_1865{margin-top:var(--spacing-4)}._sectionHeader_1afkj_1869{margin-bottom:var(--spacing-6)}._sectionDesc_1afkj_137{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-support);margin-top:var(--spacing-2)}._slideCard_1afkj_1880{background:var(--st-color-background-neutral-elements);border-radius:var(--border-radius-200);padding:var(--spacing-6);box-shadow:var(--shadows-drop-elevation-100);min-height:calc(var(--sizing-20) * 2);display:flex;flex-direction:column;gap:var(--spacing-3)}._slideTitle_1afkj_1891{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin:0}._slideBody_1afkj_1897{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);margin:0}._variantList_1afkj_1904{display:flex;flex-direction:column;gap:var(--spacing-10)}._variantLabel_1afkj_1910{font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-support);margin-block-end:var(--spacing-3)}pre[class*=language-]{margin-top:var(--spacing-4);background:var(--st-color-background-neutral-base-inverse)!important;border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-200);font-family:JetBrains Mono,Fira Code,monospace!important}code[class*=language-]{text-shadow:none!important;font-size:var(--typography-size-sm)!important}