.component-playground_playground__bqamQ{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-6);width:100%;padding:var(--spacing-10);box-sizing:border-box}.component-playground_size-default__NxNnB{min-height:var(--size-px-112)}.component-playground_size-large__VBe_B{min-height:var(--size-px-120)}.component-playground_surfaceInv__yyqwk{background:var(--bg-neutral-primary-inv-default);border-radius:var(--radius-lg)}@media (min-width:900px){.component-playground_playground__bqamQ{flex-wrap:nowrap}}@media (max-width:700px){.component-playground_playground__bqamQ{gap:var(--spacing-3);padding:var(--spacing-4)}}.component-section_section__HEB4H{display:flex;flex-direction:column;border:var(--border-width-1) solid var(--border-neutral-primary);border-radius:var(--radius-2xl);background:var(--bg-neutral-primary-default);overflow:hidden;box-sizing:border-box}.component-section_subtitle__ekKWj{display:flex;align-items:center;width:100%;padding:var(--spacing-4) var(--spacing-6);background:var(--bg-neutral-secondary-default);box-sizing:border-box}.component-section_subtitle__ekKWj p{margin:0;color:var(--text-neutral-primary-default);font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-medium)}@media (max-width:700px){.component-section_subtitle__ekKWj{padding:var(--spacing-4)}}.component-variants_variants__YCADU{display:grid;grid-template-columns:repeat(var(--variant-column-count,4),minmax(var(--size-px-220),1fr));border:var(--border-width-1) solid var(--border-neutral-light);background:var(--bg-neutral-secondary-default);overflow-x:auto}.component-variants_column__qLbh2{min-width:var(--size-px-220);display:flex;flex-direction:column}.component-variants_column__qLbh2+.component-variants_column__qLbh2{border-left:var(--border-width-1) solid var(--border-neutral-light)}.component-variants_columnTitle__LZvZv{min-height:var(--size-px-52);display:flex;align-items:center;padding:var(--spacing-4) var(--spacing-6);color:var(--text-neutral-secondary-default);font-size:var(--text-base);line-height:var(--leading-base);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-regular);box-sizing:border-box}.component-variants_cell__QMHmx{min-height:var(--size-px-112);display:flex;align-items:center;justify-content:center;padding:var(--size-px-40);border-top:var(--border-width-1) solid var(--border-neutral-light);box-sizing:border-box}@media (max-width:1000px){.component-variants_variants__YCADU{grid-template-columns:repeat(var(--variant-column-count,4),var(--size-px-301))}}@media (max-width:700px){.component-variants_cell__QMHmx{padding:var(--spacing-4)}}.component-variants_variantsStack__Bjr67{display:flex;flex-direction:column;border:var(--border-width-1) solid var(--border-neutral-light);background:var(--bg-neutral-secondary-default);overflow-x:auto}.component-variants_variantsStack__Bjr67 .component-variants_column__qLbh2{min-width:0;width:100%}.component-variants_variantsStack__Bjr67 .component-variants_column__qLbh2+.component-variants_column__qLbh2{border-left:none;border-top:var(--border-width-1) solid var(--border-neutral-light)}.component-variants_variantsStack__Bjr67 .component-variants_cell__QMHmx{justify-content:center;width:100%}.design-system-page_page__V_DGY{min-height:100vh;display:grid;align-items:start;grid-template-columns:auto minmax(0,1fr);background:var(--bg-neutral-primary-default);color:var(--text-neutral-primary-default);font-family:var(--font-sans)}.design-system-page_content__lMu_2{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6)}@media (max-width:860px){.design-system-page_page__V_DGY{grid-template-columns:1fr}.design-system-page_content__lMu_2{padding:var(--spacing-4)}}.design-system-sidebar_root__JIevG{position:sticky;top:0;align-self:start;height:100vh;max-height:100vh;min-height:0;overflow:hidden;flex-shrink:0}@media (max-width:860px){.design-system-sidebar_root__JIevG{position:static;height:auto}}.help-block_root__i3nu_{gap:var(--spacing-4);align-items:stretch;padding-top:var(--spacing-12);width:var(--size-px-260)}.help-block_card__lJGrb,.help-block_root__i3nu_{display:flex;flex-direction:column;flex-shrink:0}.help-block_card__lJGrb{gap:var(--spacing-2);align-items:flex-start;padding:var(--spacing-5);border-radius:var(--radius-lg);width:100%}.help-block_helpIcon__4BUaO{--static-icon-inner-padding:var(--spacing-1-5);--static-icon-inner-size:var(--size-px-20)}.help-block_text__ZdyA0{display:flex;flex-direction:column;gap:var(--spacing-0-5);align-items:flex-start;width:100%;overflow-wrap:break-word;word-break:break-word}.help-block_title__8WkI3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--leading-xl);letter-spacing:var(--tracking-regular);color:var(--text-neutral-primary-default);margin:0;width:100%}.help-block_description__UkZBS{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-regular);line-height:var(--leading-base);color:var(--text-neutral-secondary-default);margin:0;width:100%}