.Button-module__IUxntG__buttonBase{min-height:3.25rem;color:var(--text-heading-strong);font-family:var(--font-family-sans);font-size:var(--font-size-base);letter-spacing:0;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.125rem;font-weight:600;line-height:1;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}.Button-module__IUxntG__buttonBase[data-size=small]{border-radius:.8125rem;min-height:2.375rem;padding:.5rem .8rem;font-size:.8125rem}.Button-module__IUxntG__buttonBase[data-size=medium]{border-radius:.875rem;min-height:2.75rem;padding:.6875rem .95rem;font-size:.9375rem}.Button-module__IUxntG__buttonBase:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--lavender-300) 40%, transparent);outline:none}.Button-module__IUxntG__buttonBase:disabled{cursor:not-allowed;box-shadow:none;transform:none}.Button-module__IUxntG__buttonBase[data-variant=primary]{background:var(--surface-button-bg-primary);color:var(--text-buttons-text-primary-button)}.Button-module__IUxntG__buttonBase[data-variant=primary]:hover,.Button-module__IUxntG__buttonBase[data-variant=primary][data-preview-state=hover]{background:var(--surface-button-bg-primary-hover)}.Button-module__IUxntG__buttonBase[data-variant=primary]:active,.Button-module__IUxntG__buttonBase[data-variant=primary][data-preview-state=pressed]{background:var(--surface-button-bg-primary-pressed)}.Button-module__IUxntG__buttonBase[data-variant=primary]:disabled{background:var(--surface-button-bg-disabled);color:var(--text-text-disabled)}.Button-module__IUxntG__buttonBase[data-variant=secondary]{border-color:var(--stroke-stroke-secondary-button);background:var(--surface-button-bg-secondary);color:var(--text-buttons-text-secondary-button)}.Button-module__IUxntG__buttonBase[data-variant=secondary]:hover,.Button-module__IUxntG__buttonBase[data-variant=secondary][data-preview-state=hover]{background:var(--surface-button-bg-secondary-hover)}.Button-module__IUxntG__buttonBase[data-variant=secondary]:active,.Button-module__IUxntG__buttonBase[data-variant=secondary][data-preview-state=pressed]{background:var(--surface-button-bg-secondary-pressed)}.Button-module__IUxntG__buttonBase[data-variant=secondary]:disabled{border-color:var(--surface-button-bg-disabled);color:var(--text-text-disabled);background:0 0}.Button-module__IUxntG__buttonBase[data-variant=tertiary]{background:var(--surface-button-bg-tertiary);color:var(--text-buttons-text-tertiary-button)}.Button-module__IUxntG__buttonBase[data-variant=tertiary]:hover,.Button-module__IUxntG__buttonBase[data-variant=tertiary][data-preview-state=hover]{background:var(--surface-button-bg-tertiary-hover)}.Button-module__IUxntG__buttonBase[data-variant=tertiary]:active,.Button-module__IUxntG__buttonBase[data-variant=tertiary][data-preview-state=pressed]{background:var(--surface-button-bg-tertiary-pressed)}.Button-module__IUxntG__buttonBase[data-variant=tertiary]:disabled{background:var(--surface-button-bg-disabled);color:var(--text-text-disabled)}.Button-module__IUxntG__buttonBase[data-variant=positive]{background:var(--surface-button-bg-positive);color:var(--text-buttons-text-positive-button)}.Button-module__IUxntG__buttonBase[data-variant=positive]:hover,.Button-module__IUxntG__buttonBase[data-variant=positive][data-preview-state=hover]{background:var(--surface-button-bg-positive-hover)}.Button-module__IUxntG__buttonBase[data-variant=positive]:active,.Button-module__IUxntG__buttonBase[data-variant=positive][data-preview-state=pressed]{background:var(--surface-button-bg-positive-pressed)}.Button-module__IUxntG__buttonBase[data-variant=positive]:disabled{background:var(--surface-button-bg-disabled);color:var(--text-text-disabled)}.Button-module__IUxntG__buttonBase[data-variant=destructive]{background:var(--surface-button-bg-destructive);color:var(--text-buttons-text-destructive-button)}.Button-module__IUxntG__buttonBase[data-variant=destructive]:hover,.Button-module__IUxntG__buttonBase[data-variant=destructive][data-preview-state=hover]{background:var(--surface-button-bg-destructive-hover)}.Button-module__IUxntG__buttonBase[data-variant=destructive]:active,.Button-module__IUxntG__buttonBase[data-variant=destructive][data-preview-state=pressed]{background:var(--surface-button-bg-destructive-pressed)}.Button-module__IUxntG__buttonBase[data-variant=destructive]:disabled{background:var(--surface-button-bg-disabled);color:var(--text-text-disabled)}.Button-module__IUxntG__icon{color:currentColor;flex:none}.Button-module__IUxntG__label{color:currentColor}
.FormFieldsSection-module__Su9x8q__section{gap:1.5rem;display:grid}.FormFieldsSection-module__Su9x8q__embedded{--embedded-section-gap:var(--space-20);box-sizing:border-box;gap:var(--embedded-section-gap);width:100%;padding-inline:clamp(16px,4vw,36px)}.FormFieldsSection-module__Su9x8q__embedded .FormFieldsSection-module__Su9x8q__familyCard{width:100%}@media (min-width:1081px){.FormFieldsSection-module__Su9x8q__embedded .FormFieldsSection-module__Su9x8q__controlsBar{flex-wrap:nowrap;gap:.65rem}.FormFieldsSection-module__Su9x8q__embedded .FormFieldsSection-module__Su9x8q__controlGroupInline{flex-wrap:nowrap}}.FormFieldsSection-module__Su9x8q__embedded .FormFieldsSection-module__Su9x8q__sectionBlock{padding-top:0}.FormFieldsSection-module__Su9x8q__embedded .FormFieldsSection-module__Su9x8q__playgroundShell{gap:var(--embedded-section-gap);padding:0}.FormFieldsSection-module__Su9x8q__pageHeader{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);margin:-1.5rem -2rem 0;padding:32px 2rem;display:grid}@media (min-width:1081px){.FormFieldsSection-module__Su9x8q__pageHeader{width:calc(100vw - 280px);max-width:calc(100vw - 280px)}}.FormFieldsSection-module__Su9x8q__pageHeaderLeft{gap:.45rem;display:grid}.FormFieldsSection-module__Su9x8q__breadcrumb{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.FormFieldsSection-module__Su9x8q__title{font-size:var(--doc-page-title-size);color:var(--text-heading-strong)}.FormFieldsSection-module__Su9x8q__description{max-width:72ch;color:var(--text-body-default)}.FormFieldsSection-module__Su9x8q__sectionBlock{gap:1rem;padding-top:.25rem;display:grid}.FormFieldsSection-module__Su9x8q__sectionHeader{gap:.2rem;padding:0;display:grid}.FormFieldsSection-module__Su9x8q__subheadingWithIcon{font-size:var(--doc-section-heading-size);color:var(--text-heading-strong);align-items:center;gap:.5rem;font-weight:500;line-height:1.3;display:inline-flex}h3.FormFieldsSection-module__Su9x8q__subheadingWithIcon{font-size:var(--doc-section-heading-size);font-weight:500}.FormFieldsSection-module__Su9x8q__subheadingWithIcon span{color:inherit;font-weight:inherit}.FormFieldsSection-module__Su9x8q__subheadingText{max-width:74ch;font-size:var(--font-size-sm);color:var(--text-body-default)}.FormFieldsSection-module__Su9x8q__playgroundShell{gap:1.25rem;padding:0;display:grid}.FormFieldsSection-module__Su9x8q__familyBlock{gap:.35rem;display:grid}.FormFieldsSection-module__Su9x8q__familyMeta{gap:.25rem;padding:0;display:grid}.FormFieldsSection-module__Su9x8q__familyBlockTitle{font-size:var(--doc-section-heading-size);color:var(--text-heading-strong);font-weight:500;line-height:1.3}h3.FormFieldsSection-module__Su9x8q__familyBlockTitle{font-size:var(--doc-section-heading-size);font-weight:500}.FormFieldsSection-module__Su9x8q__familyBlockDescription{color:var(--text-body-default);font-size:var(--font-size-sm);line-height:1.5}.FormFieldsSection-module__Su9x8q__familyCard{--family-card-padding:.85rem;gap:var(--family-card-padding);border:1px solid var(--border-subtle);background:var(--surface-panel);padding:var(--family-card-padding);border-radius:1rem;display:grid;overflow:hidden}.FormFieldsSection-module__Su9x8q__controlsBar{width:100%;margin-right:calc(var(--family-card-padding) * -1);margin-left:calc(var(--family-card-padding) * -1);min-height:52px;padding:.25rem var(--family-card-padding);flex-wrap:wrap;align-content:center;align-items:center;gap:.85rem;display:flex}.FormFieldsSection-module__Su9x8q__desktopControlRow{flex-wrap:wrap;align-items:center;gap:.85rem;width:100%;display:inline-flex}.FormFieldsSection-module__Su9x8q__mobileChipRow{display:none}.FormFieldsSection-module__Su9x8q__controlGroupInline{flex-wrap:wrap;align-items:center;gap:.6rem;display:inline-flex}.FormFieldsSection-module__Su9x8q__controlLabel{color:var(--text-body-default);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1}.FormFieldsSection-module__Su9x8q__segmentedControl{flex-wrap:wrap;align-items:center;gap:.35rem;min-height:1.2rem;display:inline-flex}.FormFieldsSection-module__Su9x8q__segmentButton{border:1px solid var(--border-subtle);background:var(--surface-panel);color:var(--text-body-default);font-size:var(--font-size-sm);cursor:pointer;border-radius:.7rem;align-items:center;gap:.35rem;min-height:1.2rem;padding:.45rem .7rem;font-weight:500;line-height:1;display:inline-flex}.FormFieldsSection-module__Su9x8q__segmentButtonActive{background:var(--surface-panel);color:var(--text-heading-strong);border-color:var(--text-heading-strong)}.FormFieldsSection-module__Su9x8q__chipCheck{color:currentColor;flex:none}.FormFieldsSection-module__Su9x8q__disabledCheckbox{border:1px solid var(--border-subtle);background:var(--surface-panel);width:1.2rem;height:1.2rem;color:var(--text-buttons-text-primary-button);cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;padding:0;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}.FormFieldsSection-module__Su9x8q__disabledCheckboxActive{border-color:var(--surface-button-bg-primary);background:var(--surface-button-bg-primary);color:var(--text-buttons-text-primary-button)}.FormFieldsSection-module__Su9x8q__switchFieldInline{flex-wrap:nowrap;margin-left:auto}.FormFieldsSection-module__Su9x8q__switchButton{background:var(--grayscale-gray6);cursor:pointer;border:none;border-radius:999px;width:48px;height:28px;padding:0;transition:background-color .14s;position:relative}.FormFieldsSection-module__Su9x8q__switchButtonActive{background:var(--surface-button-bg-primary)}.FormFieldsSection-module__Su9x8q__switchThumb{background:var(--surface-panel);border-radius:999px;width:22px;height:22px;transition:transform .14s;position:absolute;top:3px;left:3px}.FormFieldsSection-module__Su9x8q__switchThumbActive{transform:translate(20px)}.FormFieldsSection-module__Su9x8q__previewSurface{width:calc(100% + (var(--family-card-padding) * 2));min-height:112px;margin-right:calc(var(--family-card-padding) * -1);margin-left:calc(var(--family-card-padding) * -1);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);justify-content:center;align-items:center;padding:1rem 0;display:flex}.FormFieldsSection-module__Su9x8q__previewContent,.FormFieldsSection-module__Su9x8q__previewSurface>*{box-sizing:border-box;width:min(100%,720px)}.FormFieldsSection-module__Su9x8q__fieldWrap{border:1px solid var(--input-input-stroke-default);background:var(--input-input-fill);width:100%;max-width:100%;color:var(--text-body-default);border-radius:.75rem;align-items:center;gap:.45rem;padding:0 .8rem;display:inline-flex}.FormFieldsSection-module__Su9x8q__fieldSizeDefault{min-height:3.25rem}.FormFieldsSection-module__Su9x8q__fieldSizeMedium{min-height:2.75rem}.FormFieldsSection-module__Su9x8q__fieldSizeSmall{min-height:2.375rem}.FormFieldsSection-module__Su9x8q__fieldFocus{border-color:var(--input-input-stroke-active);box-shadow:0 0 0 2px color-mix(in srgb, var(--lavender-500) 24%, transparent)}.FormFieldsSection-module__Su9x8q__fieldError{border-color:var(--red-600);box-shadow:0 0 0 2px color-mix(in srgb, var(--red-600) 18%, transparent)}.FormFieldsSection-module__Su9x8q__fieldDisabled{background:var(--input-input-fill-disabled);color:var(--text-muted)}.FormFieldsSection-module__Su9x8q__fieldInput{width:100%;color:inherit;font-size:var(--font-size-base);background:0 0;border:none;outline:none}.FormFieldsSection-module__Su9x8q__fieldInput::placeholder{color:var(--text-text-placeholder)}.FormFieldsSection-module__Su9x8q__fieldInput:disabled{cursor:not-allowed}.FormFieldsSection-module__Su9x8q__fieldIcon{color:var(--icons-icon-default);flex:none}.FormFieldsSection-module__Su9x8q__fieldErrorIcon{color:var(--red-600);flex:none}.FormFieldsSection-module__Su9x8q__codePreviewWrap{width:calc(100% + (var(--family-card-padding) * 2));margin-right:calc(var(--family-card-padding) * -1);margin-bottom:calc(var(--family-card-padding) * -1);margin-left:calc(var(--family-card-padding) * -1);background:var(--surface-panel);padding-bottom:.85rem;overflow:hidden}.FormFieldsSection-module__Su9x8q__codePreviewBar{padding:.5rem var(--family-card-padding) .5rem;justify-content:flex-start;align-items:center;gap:0;display:flex}.FormFieldsSection-module__Su9x8q__codePreviewLabel{color:var(--text-body-default);letter-spacing:.03em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.FormFieldsSection-module__Su9x8q__codeActions{align-items:center;gap:.25rem;margin-left:16px;display:inline-flex}.FormFieldsSection-module__Su9x8q__codeActionDivider{background:var(--border-subtle);width:1px;height:14px;margin:0 .1rem}.FormFieldsSection-module__Su9x8q__showMoreButton{color:var(--text-body-default);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.2rem;display:inline-flex}.FormFieldsSection-module__Su9x8q__showMoreButton:hover{color:var(--text-heading-strong)}.FormFieldsSection-module__Su9x8q__chevronExpanded{transform:rotate(180deg)}.FormFieldsSection-module__Su9x8q__codeCopyButton{color:var(--text-body-default);cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.FormFieldsSection-module__Su9x8q__codeCopyButton:hover{color:var(--text-heading-strong);background:var(--surface-scrim-light)}.FormFieldsSection-module__Su9x8q__copyButtonCopied{color:var(--lavender-700)}.FormFieldsSection-module__Su9x8q__codePre{padding:8px var(--family-card-padding) 0;background:0 0;margin:0;overflow-x:auto}.FormFieldsSection-module__Su9x8q__codePreCollapsed{max-height:calc(3.2em + .2rem);overflow:hidden}.FormFieldsSection-module__Su9x8q__codeText{color:var(--text-heading-strong);white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;line-height:1.6;display:block}.FormFieldsSection-module__Su9x8q__codeLine{display:block}.FormFieldsSection-module__Su9x8q__codeKeyword{color:var(--status-info)}.FormFieldsSection-module__Su9x8q__codeString{color:var(--status-success)}.FormFieldsSection-module__Su9x8q__codeType{color:var(--status-primary)}.FormFieldsSection-module__Su9x8q__codeComponent{color:var(--status-teal)}.FormFieldsSection-module__Su9x8q__codeProp{color:var(--status-warning)}.FormFieldsSection-module__Su9x8q__codeJsx{color:var(--status-link)}.FormFieldsSection-module__Su9x8q__codeComment{color:var(--status-muted)}.FormFieldsSection-module__Su9x8q__tableWrap{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.875rem;overflow:auto}.FormFieldsSection-module__Su9x8q__specTable{border-collapse:collapse;width:100%;min-width:760px}.FormFieldsSection-module__Su9x8q__tableHeadCell{text-align:left;color:var(--text-heading-strong);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-panel) 72%, var(--lavender-100));padding:.8rem;font-weight:600}.FormFieldsSection-module__Su9x8q__tableBodyCell{border-top:1px solid var(--border-subtle);color:var(--text-body-default);font-size:var(--font-size-sm);vertical-align:top;padding:.8rem;line-height:1.45}.FormFieldsSection-module__Su9x8q__tokenHeader{min-width:0;color:var(--text-heading-strong);align-items:center;gap:.45rem;display:inline-flex}.FormFieldsSection-module__Su9x8q__tokenIconSvg{width:1rem;height:1rem;color:inherit;stroke-width:2px;flex:none}.FormFieldsSection-module__Su9x8q__tokenTitle{min-width:0;color:inherit}.FormFieldsSection-module__Su9x8q__tokenValue{font-size:.78rem}.FormFieldsSection-module__Su9x8q__specTable tbody tr:first-child .FormFieldsSection-module__Su9x8q__tableBodyCell{border-top:none}.FormFieldsSection-module__Su9x8q__inlineCode{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-panel) 82%, var(--lavender-100));color:var(--text-heading-strong);white-space:nowrap;border-radius:.35rem;max-width:none;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;display:inline-block}.FormFieldsSection-module__Su9x8q__specColor{align-items:center;gap:.45rem;display:inline-flex}.FormFieldsSection-module__Su9x8q__colorSwatch{border:1px solid var(--border-subtle);border-radius:.32rem;flex:none;width:16px;height:16px}.FormFieldsSection-module__Su9x8q__previewRow{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:16px;display:flex}.FormFieldsSection-module__Su9x8q__tabsControlsBar{gap:1.25rem 2rem}@media (min-width:1081px){.FormFieldsSection-module__Su9x8q__embedded .FormFieldsSection-module__Su9x8q__tabsControlsBar{gap:1.25rem 2.25rem}.FormFieldsSection-module__Su9x8q__tabsControlsBar .FormFieldsSection-module__Su9x8q__segmentedControl{gap:.5rem}}.FormFieldsSection-module__Su9x8q__iconComboboxInline{flex:none;min-width:10rem}@media (max-width:1080px){.FormFieldsSection-module__Su9x8q__controlsBar{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.65rem;padding-top:.25rem;padding-bottom:.25rem;display:flex;overflow:auto visible}.FormFieldsSection-module__Su9x8q__controlsBar::-webkit-scrollbar{display:none}.FormFieldsSection-module__Su9x8q__desktopControlRow{display:none}.FormFieldsSection-module__Su9x8q__mobileChipRow{flex-wrap:wrap;flex:none;align-items:flex-start;gap:.6rem;max-width:100%;display:flex}}@media (max-width:960px){.FormFieldsSection-module__Su9x8q__pageHeader{width:100vw;max-width:100vw;margin:-1.25rem calc(50% - 50vw) 0;padding:32px 1rem}}@media (max-width:640px){.FormFieldsSection-module__Su9x8q__mobileChipRow{max-height:5.1rem;overflow:visible}.FormFieldsSection-module__Su9x8q__familyCard{--family-card-padding:.9rem}.FormFieldsSection-module__Su9x8q__previewSurface{width:calc(100% + (var(--family-card-padding) * 2));min-height:112px;margin-right:calc(var(--family-card-padding) * -1);margin-left:calc(var(--family-card-padding) * -1);padding-inline:clamp(12px,3.5vw,20px)}.FormFieldsSection-module__Su9x8q__previewContent{padding-inline:0}.FormFieldsSection-module__Su9x8q__fieldWrap{box-sizing:border-box;gap:.35rem;min-width:0;padding:0 .65rem;display:flex}.FormFieldsSection-module__Su9x8q__fieldSizeDefault{min-height:2.75rem}.FormFieldsSection-module__Su9x8q__fieldSizeMedium{min-height:2.375rem}.FormFieldsSection-module__Su9x8q__fieldSizeSmall{min-height:2rem}.FormFieldsSection-module__Su9x8q__fieldInput{font-size:var(--font-size-sm)}.FormFieldsSection-module__Su9x8q__codePreviewWrap{min-width:0;max-width:100%}.FormFieldsSection-module__Su9x8q__codePre{max-width:100%;overflow-x:hidden}.FormFieldsSection-module__Su9x8q__codeText{white-space:pre-wrap;overflow-wrap:anywhere}.FormFieldsSection-module__Su9x8q__codeLine{min-width:0}.FormFieldsSection-module__Su9x8q__tableWrap{background:0 0;border:0;border-radius:0;overflow:visible}.FormFieldsSection-module__Su9x8q__specTable,.FormFieldsSection-module__Su9x8q__specTable thead,.FormFieldsSection-module__Su9x8q__specTable tbody,.FormFieldsSection-module__Su9x8q__specTable tr,.FormFieldsSection-module__Su9x8q__specTable td{width:100%;display:block}.FormFieldsSection-module__Su9x8q__specTable{border-collapse:separate;border-spacing:0;min-width:0}.FormFieldsSection-module__Su9x8q__specTable thead{display:none}.FormFieldsSection-module__Su9x8q__specTable tbody{gap:.6rem;padding:.6rem 0;display:grid}.FormFieldsSection-module__Su9x8q__specTable tbody tr{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.75rem;flex-wrap:wrap;align-items:start;padding:.75rem;display:flex}.FormFieldsSection-module__Su9x8q__specTable tbody tr:after{content:"";background:var(--border-subtle);flex:0 0 100%;order:3;height:1px;margin:.75rem -.75rem}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Token]{width:auto;color:var(--text-heading-strong);flex:none;order:1;margin-right:16px;font-weight:600}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Value]{text-align:left;flex:none;order:2;width:auto}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Color]{flex:0 0 calc(50% - .325rem);order:5;margin-left:.65rem}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Usage]{flex:0 0 calc(50% - .325rem);order:4}.FormFieldsSection-module__Su9x8q__tableBodyCell{border-top:none;padding:.18rem 0}.FormFieldsSection-module__Su9x8q__tableBodyCell:before{content:attr(data-label);color:var(--text-muted);margin-bottom:.08rem;font-size:.75rem;font-weight:600;display:block}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Token]:before,.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Value]:before{display:none}}@media (max-width:1080px){.FormFieldsSection-module__Su9x8q__tableWrap{background:0 0;border:0;border-radius:0;overflow:visible}.FormFieldsSection-module__Su9x8q__specTable,.FormFieldsSection-module__Su9x8q__specTable thead,.FormFieldsSection-module__Su9x8q__specTable tbody,.FormFieldsSection-module__Su9x8q__specTable tr,.FormFieldsSection-module__Su9x8q__specTable td{width:100%;display:block}.FormFieldsSection-module__Su9x8q__specTable{border-collapse:separate;border-spacing:0;min-width:0}.FormFieldsSection-module__Su9x8q__specTable thead{display:none}.FormFieldsSection-module__Su9x8q__specTable tbody{gap:.6rem;padding:.6rem 0;display:grid}.FormFieldsSection-module__Su9x8q__specTable tbody tr{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.75rem;flex-wrap:wrap;align-items:start;padding:.75rem;display:flex}.FormFieldsSection-module__Su9x8q__specTable tbody tr:after{content:"";background:var(--border-subtle);flex:0 0 100%;order:3;height:1px;margin:.75rem -.75rem}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Token]{width:auto;color:var(--text-heading-strong);flex:none;order:1;margin-right:16px;font-weight:600}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Value]{text-align:left;flex:none;order:2;width:auto}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Color]{flex:0 0 calc(50% - .325rem);order:5;margin-left:.65rem}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Usage]{flex:0 0 calc(50% - .325rem);order:4}.FormFieldsSection-module__Su9x8q__tableBodyCell{border-top:none;padding:.18rem 0}.FormFieldsSection-module__Su9x8q__tableBodyCell:before{content:attr(data-label);color:var(--text-muted);margin-bottom:.08rem;font-size:.75rem;font-weight:600;display:block}.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Token]:before,.FormFieldsSection-module__Su9x8q__specTable tbody tr .FormFieldsSection-module__Su9x8q__tableBodyCell[data-label=Value]:before{display:none}}
.MobileChipDropdown-module__nktAbW__root{border:1px solid var(--border-subtle);background:var(--surface-panel);min-height:2rem;color:var(--text-body-default);white-space:nowrap;box-sizing:border-box;border-radius:999px;flex:none;align-items:center;gap:.2rem;padding:.2rem .35rem .2rem .55rem;display:inline-flex;position:relative}.MobileChipDropdown-module__nktAbW__rootSelected{background:var(--lavender-100);border-color:var(--lavender-300);color:var(--lavender-700)}.MobileChipDropdown-module__nktAbW__rootOpen{z-index:120}.MobileChipDropdown-module__nktAbW__trigger{min-width:0;color:inherit;font:inherit;font-size:var(--font-size-sm);cursor:pointer;z-index:2;background:0 0;border:0;outline:none;flex:auto;align-items:center;gap:.35rem;margin:0;padding:.25rem 0;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.MobileChipDropdown-module__nktAbW__trigger:focus-visible{outline:2px solid var(--lavender-500);outline-offset:2px;border-radius:.35rem}.MobileChipDropdown-module__nktAbW__valueText{pointer-events:none}.MobileChipDropdown-module__nktAbW__chevron{pointer-events:none;color:currentColor;flex:none}.MobileChipDropdown-module__nktAbW__clearButton{color:currentColor;cursor:pointer;z-index:3;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex;position:relative}.MobileChipDropdown-module__nktAbW__clearButton:focus-visible{outline:2px solid var(--lavender-500);outline-offset:2px;border-radius:999px}.MobileChipDropdown-module__nktAbW__menu{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--surface-panel);z-index:200;border-radius:1rem;margin:0;padding:.35rem;list-style:none;position:fixed;box-shadow:0 10px 28px #0f081c1f}.MobileChipDropdown-module__nktAbW__menuSelected{border-color:var(--lavender-300)}.MobileChipDropdown-module__nktAbW__option{width:100%;color:var(--text-heading-strong);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:.7rem;align-items:center;padding:.55rem .7rem;font-weight:500;display:flex}.MobileChipDropdown-module__nktAbW__option:hover,.MobileChipDropdown-module__nktAbW__option:focus-visible{background:color-mix(in srgb, var(--lavender-100) 70%, transparent);outline:none}.MobileChipDropdown-module__nktAbW__optionActive{color:var(--lavender-700);background:var(--lavender-100);font-weight:600}
.ButtonsSection-module__6vZ4XW__section{gap:1.5rem;display:grid}.ButtonsSection-module__6vZ4XW__embedded{--embedded-section-gap:var(--space-20);box-sizing:border-box;gap:var(--embedded-section-gap);width:100%;padding-inline:clamp(16px,4vw,36px)}.ButtonsSection-module__6vZ4XW__embedded .ButtonsSection-module__6vZ4XW__familyCard{width:100%}@media (min-width:1081px){.ButtonsSection-module__6vZ4XW__embedded .ButtonsSection-module__6vZ4XW__controlsBar{flex-wrap:nowrap;gap:.65rem}.ButtonsSection-module__6vZ4XW__embedded .ButtonsSection-module__6vZ4XW__controlGroupInline{flex-wrap:nowrap}}.ButtonsSection-module__6vZ4XW__embedded .ButtonsSection-module__6vZ4XW__sectionBlock{padding-top:0}.ButtonsSection-module__6vZ4XW__embedded .ButtonsSection-module__6vZ4XW__playgroundShell{gap:var(--embedded-section-gap);padding:0}.ButtonsSection-module__6vZ4XW__pageHeader{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);margin:-1.5rem -2rem 0;padding:32px 2rem;display:grid}@media (min-width:1081px){.ButtonsSection-module__6vZ4XW__pageHeader{width:calc(100vw - 280px);max-width:calc(100vw - 280px)}}.ButtonsSection-module__6vZ4XW__pageHeaderLeft{gap:.45rem;display:grid}.ButtonsSection-module__6vZ4XW__breadcrumb{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ButtonsSection-module__6vZ4XW__title{font-size:var(--doc-page-title-size);color:var(--text-heading-strong)}.ButtonsSection-module__6vZ4XW__description{max-width:72ch;color:var(--text-body-default)}.ButtonsSection-module__6vZ4XW__sectionBlock{gap:1rem;padding-top:.25rem;display:grid}.ButtonsSection-module__6vZ4XW__sectionHeader{gap:.2rem;padding:0;display:grid}.ButtonsSection-module__6vZ4XW__subheadingWithIcon{font-size:var(--doc-section-heading-size);color:var(--text-heading-strong);align-items:center;gap:.5rem;font-weight:500;line-height:1.3;display:inline-flex}h3.ButtonsSection-module__6vZ4XW__subheadingWithIcon{font-size:var(--doc-section-heading-size);font-weight:500}.ButtonsSection-module__6vZ4XW__subheadingWithIcon span{color:inherit;font-weight:inherit}.ButtonsSection-module__6vZ4XW__subheadingText{max-width:74ch;font-size:var(--font-size-sm);color:var(--text-body-default)}.ButtonsSection-module__6vZ4XW__playgroundShell{gap:1.25rem;padding:0;display:grid}.ButtonsSection-module__6vZ4XW__familyBlock{gap:.35rem;display:grid}.ButtonsSection-module__6vZ4XW__familyMeta{gap:.25rem;padding:0 0 16px;display:grid}.ButtonsSection-module__6vZ4XW__familyBlockTitle{font-size:var(--font-size-xl);color:var(--text-heading-strong);font-weight:500}.ButtonsSection-module__6vZ4XW__familyBlockDescription{color:var(--text-body-default);font-size:var(--font-size-sm);line-height:1.5}.ButtonsSection-module__6vZ4XW__controlsHeader{width:calc(100% + (var(--family-card-padding) * 2));min-height:56px;margin-top:calc(var(--family-card-padding) * -1);margin-right:calc(var(--family-card-padding) * -1);margin-left:calc(var(--family-card-padding) * -1);border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);padding:0 var(--family-card-padding);border-top-left-radius:calc(1rem - 1px);border-top-right-radius:calc(1rem - 1px);align-items:center;display:flex}.ButtonsSection-module__6vZ4XW__controlsBar{flex-wrap:wrap;align-items:center;gap:.85rem;width:100%;display:flex}.ButtonsSection-module__6vZ4XW__desktopControlRow{flex-wrap:wrap;align-items:center;gap:.85rem;width:100%;display:inline-flex}.ButtonsSection-module__6vZ4XW__mobileChipRow{display:none}.ButtonsSection-module__6vZ4XW__controlGroupInline{flex-wrap:wrap;align-items:center;gap:.6rem;display:inline-flex}.ButtonsSection-module__6vZ4XW__controlLabel{color:var(--text-body-default);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1}.ButtonsSection-module__6vZ4XW__segmentedControl{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.ButtonsSection-module__6vZ4XW__segmentButton{border:1px solid var(--border-subtle);background:var(--surface-panel);color:var(--text-body-default);font-size:var(--font-size-sm);cursor:pointer;border-radius:.7rem;align-items:center;gap:.35rem;padding:.45rem .7rem;font-weight:500;display:inline-flex}.ButtonsSection-module__6vZ4XW__segmentButtonActive{background:var(--surface-panel);color:var(--text-heading-strong);border-color:var(--text-heading-strong)}.ButtonsSection-module__6vZ4XW__basicToggle{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.ButtonsSection-module__6vZ4XW__toggleButton{border:1px solid var(--border-subtle);background:var(--surface-panel);color:var(--text-body-default);font-size:var(--font-size-sm);cursor:pointer;border-radius:.7rem;align-items:center;gap:.35rem;padding:.45rem .7rem;font-weight:500;display:inline-flex}.ButtonsSection-module__6vZ4XW__toggleButtonActive{border-color:var(--text-heading-strong);background:var(--surface-panel);color:var(--text-heading-strong)}.ButtonsSection-module__6vZ4XW__chipCheck{color:currentColor;flex:none}.ButtonsSection-module__6vZ4XW__switchFieldInline{flex-wrap:nowrap;margin-left:auto}.ButtonsSection-module__6vZ4XW__switchButton{background:var(--grayscale-gray6);cursor:pointer;border:none;border-radius:999px;width:48px;height:28px;padding:0;transition:background-color .14s;position:relative}.ButtonsSection-module__6vZ4XW__switchButtonActive{background:var(--surface-button-bg-primary)}.ButtonsSection-module__6vZ4XW__switchThumb{background:var(--surface-panel);border-radius:999px;width:22px;height:22px;transition:transform .14s;position:absolute;top:3px;left:3px}.ButtonsSection-module__6vZ4XW__switchThumbActive{transform:translate(20px)}.ButtonsSection-module__6vZ4XW__familyCard{--family-card-padding:.85rem;gap:var(--family-card-padding);border:1px solid var(--border-subtle);background:var(--surface-panel);padding:var(--family-card-padding);border-radius:1rem;display:grid;overflow:hidden}.ButtonsSection-module__6vZ4XW__previewSurface{width:calc(100% + (var(--family-card-padding) * 2));min-height:110px;margin-right:calc(var(--family-card-padding) * -1);margin-left:calc(var(--family-card-padding) * -1);border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);justify-content:center;align-items:center;padding:1rem 0 1.15rem;display:flex}.ButtonsSection-module__6vZ4XW__codePreviewWrap{width:calc(100% + (var(--family-card-padding) * 2));margin-right:calc(var(--family-card-padding) * -1);margin-bottom:calc(var(--family-card-padding) * -1);margin-left:calc(var(--family-card-padding) * -1);background:var(--surface-panel);padding-bottom:.85rem;overflow:hidden}.ButtonsSection-module__6vZ4XW__codePreviewBar{padding:.5rem var(--family-card-padding) .5rem;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0;display:flex}.ButtonsSection-module__6vZ4XW__codeActions{align-items:center;gap:.25rem;margin-left:16px;display:inline-flex}.ButtonsSection-module__6vZ4XW__codeActionDivider{background:var(--border-subtle);width:1px;height:14px;margin:0 .1rem}.ButtonsSection-module__6vZ4XW__codePreviewLabel{color:var(--text-body-default);letter-spacing:.03em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.ButtonsSection-module__6vZ4XW__codeCopyButton{color:var(--text-body-default);cursor:pointer;background:0 0;border:none;border-radius:.35rem;flex:none;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.ButtonsSection-module__6vZ4XW__codeCopyButton:hover{color:var(--text-heading-strong);background:var(--surface-scrim-light)}.ButtonsSection-module__6vZ4XW__codePre{padding:8px var(--family-card-padding) 0;background:0 0;margin:0;overflow-x:auto}.ButtonsSection-module__6vZ4XW__codePreCollapsed{max-height:calc(3.2em + .2rem);overflow:hidden}.ButtonsSection-module__6vZ4XW__showMoreButton{color:var(--text-body-default);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.2rem;display:inline-flex}.ButtonsSection-module__6vZ4XW__showMoreButton:hover{color:var(--text-heading-strong)}.ButtonsSection-module__6vZ4XW__codeText{color:var(--text-heading-strong);white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;line-height:1.6;display:block}.ButtonsSection-module__6vZ4XW__copyButtonCopied{color:var(--lavender-700)}.ButtonsSection-module__6vZ4XW__tableWrap{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.875rem;overflow:auto}.ButtonsSection-module__6vZ4XW__specTable{border-collapse:collapse;width:100%;min-width:760px}.ButtonsSection-module__6vZ4XW__tableHeadCell{text-align:left;color:var(--text-heading-strong);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-panel) 72%, var(--lavender-100));padding:.8rem;font-weight:600}.ButtonsSection-module__6vZ4XW__tableBodyCell{border-top:1px solid var(--border-subtle);color:var(--text-body-default);font-size:var(--font-size-sm);vertical-align:top;padding:.8rem;line-height:1.45}.ButtonsSection-module__6vZ4XW__tokenHeader{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.ButtonsSection-module__6vZ4XW__specFieldHeader{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.ButtonsSection-module__6vZ4XW__tokenIconSvg{width:1rem;height:1rem;color:var(--text-heading-strong);stroke-width:2px;flex:none}.ButtonsSection-module__6vZ4XW__specColorRow{flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;display:flex}.ButtonsSection-module__6vZ4XW__tokenTitle{min-width:0}.ButtonsSection-module__6vZ4XW__tokenValue{font-size:.78rem}.ButtonsSection-module__6vZ4XW__specTable tbody tr:first-child .ButtonsSection-module__6vZ4XW__tableBodyCell{border-top:none}.ButtonsSection-module__6vZ4XW__tableTokenLabel{color:var(--text-heading-strong);font-size:var(--font-size-sm);font-weight:600}.ButtonsSection-module__6vZ4XW__colorMeta{align-items:center;gap:.5rem;display:inline-flex}.ButtonsSection-module__6vZ4XW__sampleSwatch{border:1px solid var(--border-subtle);border-radius:.35rem;flex:none;width:18px;height:18px}.ButtonsSection-module__6vZ4XW__transparentSwatch{background-image:linear-gradient(45deg, var(--checker-neutral) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-neutral) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-neutral) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-neutral) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.ButtonsSection-module__6vZ4XW__inlineCode{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-panel) 82%, var(--lavender-100));color:var(--text-heading-strong);border-radius:.35rem;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;display:inline-block}.ButtonsSection-module__6vZ4XW__codeLine{display:block}.ButtonsSection-module__6vZ4XW__codeKeyword{color:var(--status-info)}.ButtonsSection-module__6vZ4XW__codeString{color:var(--status-success)}.ButtonsSection-module__6vZ4XW__codeType{color:var(--status-primary)}.ButtonsSection-module__6vZ4XW__codeComponent{color:var(--status-teal)}.ButtonsSection-module__6vZ4XW__codeProp{color:var(--status-warning)}.ButtonsSection-module__6vZ4XW__codeJsx{color:var(--status-link)}.ButtonsSection-module__6vZ4XW__codeComment{color:var(--status-muted)}@media (max-width:1080px){.ButtonsSection-module__6vZ4XW__controlsHeader{align-items:center;padding-top:.75rem;padding-bottom:.75rem}.ButtonsSection-module__6vZ4XW__controlsBar{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.65rem;display:flex;overflow:auto visible}.ButtonsSection-module__6vZ4XW__controlsBar::-webkit-scrollbar{display:none}.ButtonsSection-module__6vZ4XW__desktopControlRow{display:none}.ButtonsSection-module__6vZ4XW__mobileChipRow{flex-wrap:wrap;flex:none;align-items:flex-start;gap:.6rem;max-width:100%;display:flex}}@media (max-width:960px){.ButtonsSection-module__6vZ4XW__pageHeader{width:100vw;max-width:100vw;margin:-1.25rem calc(50% - 50vw) 0;padding:32px 1rem}}@media (max-width:640px){.ButtonsSection-module__6vZ4XW__mobileChipRow{max-height:5.1rem;overflow:visible}.ButtonsSection-module__6vZ4XW__familyCard{--family-card-padding:.9rem}.ButtonsSection-module__6vZ4XW__switchFieldInline{justify-content:flex-start;width:100%;margin-left:0}.ButtonsSection-module__6vZ4XW__codePreviewBar{flex-wrap:wrap}.ButtonsSection-module__6vZ4XW__previewSurface{min-height:112px}.ButtonsSection-module__6vZ4XW__codePreviewWrap{min-width:0;max-width:100%}.ButtonsSection-module__6vZ4XW__codePre{max-width:100%;overflow-x:hidden}.ButtonsSection-module__6vZ4XW__codeText{white-space:pre-wrap;overflow-wrap:anywhere}.ButtonsSection-module__6vZ4XW__codeLine{min-width:0}.ButtonsSection-module__6vZ4XW__tableWrap{background:0 0;border:0;border-radius:0;overflow:visible}.ButtonsSection-module__6vZ4XW__specTable,.ButtonsSection-module__6vZ4XW__specTable thead,.ButtonsSection-module__6vZ4XW__specTable tbody,.ButtonsSection-module__6vZ4XW__specTable tr,.ButtonsSection-module__6vZ4XW__specTable td{width:100%;display:block}.ButtonsSection-module__6vZ4XW__specTable{border-collapse:separate;border-spacing:0;min-width:0}.ButtonsSection-module__6vZ4XW__specTable thead{display:none}.ButtonsSection-module__6vZ4XW__specTable tbody{gap:.6rem;padding:.6rem 0;display:grid}.ButtonsSection-module__6vZ4XW__specTable tbody tr{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.75rem;grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"token value value""divider divider divider""height background border";align-items:start;gap:0 .75rem;padding:.75rem;display:grid}.ButtonsSection-module__6vZ4XW__specTable tbody tr:after{content:"";background:var(--border-subtle);grid-area:divider;height:1px;margin:.5rem -.75rem}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Button]{color:var(--text-heading-strong);grid-area:token;font-weight:600}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Text]{text-align:right;grid-area:value;justify-self:end}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Background]{grid-area:background;min-width:0}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Border]{grid-area:border;min-width:0}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label="Height (px)"]{grid-area:height}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Background] .ButtonsSection-module__6vZ4XW__colorMeta,.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Border] .ButtonsSection-module__6vZ4XW__colorMeta{flex-wrap:nowrap}.ButtonsSection-module__6vZ4XW__tableBodyCell{border-top:none;padding:.18rem 0}.ButtonsSection-module__6vZ4XW__tableBodyCell:before{content:attr(data-label);color:var(--text-muted);margin-bottom:.08rem;font-size:.75rem;font-weight:600;display:block}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Button]:before,.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Text]:before{display:none}}@media (max-width:1080px){.ButtonsSection-module__6vZ4XW__tableWrap{background:0 0;border:0;border-radius:0;overflow:visible}.ButtonsSection-module__6vZ4XW__specTable,.ButtonsSection-module__6vZ4XW__specTable thead,.ButtonsSection-module__6vZ4XW__specTable tbody,.ButtonsSection-module__6vZ4XW__specTable tr,.ButtonsSection-module__6vZ4XW__specTable td{width:100%;display:block}.ButtonsSection-module__6vZ4XW__specTable{border-collapse:separate;border-spacing:0;min-width:0}.ButtonsSection-module__6vZ4XW__specTable thead{display:none}.ButtonsSection-module__6vZ4XW__specTable tbody{gap:.6rem;padding:.6rem 0;display:grid}.ButtonsSection-module__6vZ4XW__specTable tbody tr{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.75rem;grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"token value value""divider divider divider""height background border";align-items:start;gap:0 .75rem;padding:.75rem;display:grid}.ButtonsSection-module__6vZ4XW__specTable tbody tr:after{content:"";background:var(--border-subtle);grid-area:divider;height:1px;margin:.5rem -.75rem}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Button]{color:var(--text-heading-strong);grid-area:token;font-weight:600}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Text]{text-align:right;grid-area:value;justify-self:end}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Background]{grid-area:background;min-width:0}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Border]{grid-area:border;min-width:0}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label="Height (px)"]{grid-area:height}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Background] .ButtonsSection-module__6vZ4XW__colorMeta,.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Border] .ButtonsSection-module__6vZ4XW__colorMeta{flex-wrap:nowrap}.ButtonsSection-module__6vZ4XW__tableBodyCell{border-top:none;padding:.18rem 0}.ButtonsSection-module__6vZ4XW__tableBodyCell:before{content:attr(data-label);color:var(--text-muted);margin-bottom:.08rem;font-size:.75rem;font-weight:600;display:block}.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Button]:before,.ButtonsSection-module__6vZ4XW__specTable tbody tr .ButtonsSection-module__6vZ4XW__tableBodyCell[data-label=Text]:before{display:none}}
.RadioField-module__ZTEF_G__field{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.RadioField-module__ZTEF_G__fieldDisabled{opacity:.55;cursor:not-allowed}.RadioField-module__ZTEF_G__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.RadioField-module__ZTEF_G__indicator{border:1px solid var(--input-input-stroke-default);background:var(--input-input-fill);border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.RadioField-module__ZTEF_G__indicatorChecked{border-color:var(--lavender-500)}.RadioField-module__ZTEF_G__dot{background:var(--lavender-500);opacity:0;border-radius:999px;width:10px;height:10px}.RadioField-module__ZTEF_G__indicatorChecked .RadioField-module__ZTEF_G__dot{opacity:1}.RadioField-module__ZTEF_G__label{color:var(--text-heading-strong);font-size:14px;line-height:14px}
.SelectionList-module__j1Nu5a__list{flex-direction:column;align-items:flex-start;gap:12px;width:fit-content;max-width:100%;display:flex}.SelectionList-module__j1Nu5a__listWithSeparators{gap:0;padding-left:11px}.SelectionList-module__j1Nu5a__listDisabled{opacity:.55;pointer-events:none}.SelectionList-module__j1Nu5a__item{width:auto}.SelectionList-module__j1Nu5a__separator{border:none;border-top:1px solid var(--border-subtle);align-self:stretch;width:calc(100% + 11px);height:0;margin:12px 0 12px -11px}
.RadioMenu-module__vaKnzW__menu{flex-flow:wrap;align-items:center;gap:20px;display:flex}.RadioMenu-module__vaKnzW__menuDisabled{opacity:.55;pointer-events:none}
.FoundationDocContent-module__5Sc_YG__embeddedContent{box-sizing:border-box;width:100%;max-width:100%;padding-inline:36px}.FoundationDocContent-module__5Sc_YG__foundationTabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:1.25rem;margin-bottom:calc(1.5rem + 12px);display:flex}.FoundationDocContent-module__5Sc_YG__foundationTab{color:var(--text-body-default);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0 0 .9rem;font-weight:700;display:inline-flex;position:relative}.FoundationDocContent-module__5Sc_YG__foundationTab:after{content:"";background:0 0;border-radius:999px;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.FoundationDocContent-module__5Sc_YG__foundationTabActive{color:var(--lavender-700)}.FoundationDocContent-module__5Sc_YG__foundationTabActive:after{background:var(--lavender-500)}.FoundationDocContent-module__5Sc_YG__foundationTabIcon{color:currentColor;flex:none}.FoundationDocContent-module__5Sc_YG__foundationTabsCompact{gap:1rem;margin-bottom:0}.FoundationDocContent-module__5Sc_YG__foundationTabCompact{padding:0 0 .55rem;font-size:12px}.FoundationDocContent-module__5Sc_YG__tabPanelIntro{gap:.35rem;margin-bottom:1rem;display:grid}.FoundationDocContent-module__5Sc_YG__tabPanelTitle{font-size:var(--doc-section-heading-size,1.25rem);color:var(--text-heading-strong);margin:0;font-weight:600}.FoundationDocContent-module__5Sc_YG__tabPanelDescription{max-width:72ch;color:var(--text-body-default);font-size:var(--font-size-sm);margin:0;line-height:1.45}.FoundationDocContent-module__5Sc_YG__utilityTabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem;padding:0 0 .75rem;display:flex}.FoundationDocContent-module__5Sc_YG__utilityTab{color:var(--text-body-default);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 0 .65rem;font-weight:700;display:inline-flex;position:relative}.FoundationDocContent-module__5Sc_YG__utilityTab:after{content:"";background:0 0;border-radius:999px;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.FoundationDocContent-module__5Sc_YG__utilityTabActive{color:var(--lavender-700)}.FoundationDocContent-module__5Sc_YG__utilityTabActive:after{background:var(--lavender-500)}@media (max-width:960px){.FoundationDocContent-module__5Sc_YG__embeddedContent{padding-inline:1rem}.FoundationDocContent-module__5Sc_YG__foundationTabs{justify-content:flex-start;padding-top:1rem;padding-bottom:0}}
.ColorsSection-module___-t0DG__section{background:0 0;gap:1.5rem;padding:0;display:grid}.ColorsSection-module___-t0DG__pageHeader{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);grid-template-columns:1fr;align-items:start;gap:.8rem;margin:-1.5rem -2rem 0;padding:32px 2rem;display:grid}@media (min-width:961px){.ColorsSection-module___-t0DG__pageHeader{width:calc(100vw - 280px);max-width:calc(100vw - 280px)}}.ColorsSection-module___-t0DG__pageHeaderLeft{gap:.45rem;display:grid}.ColorsSection-module___-t0DG__breadcrumb{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ColorsSection-module___-t0DG__title{font-size:var(--doc-page-title-size);color:var(--text-heading-strong)}.ColorsSection-module___-t0DG__description{max-width:72ch;color:var(--text-body-default)}.ColorsSection-module___-t0DG__inlineCode{border:1px solid var(--border-subtle);background:color-mix(in srgb, white 85%, var(--surface-bg-main));border-radius:.35rem;padding:.1rem .35rem}.ColorsSection-module___-t0DG__tabbedShell{gap:0;width:100%;max-width:100%;padding-top:0;display:grid}.ColorsSection-module___-t0DG__tabPanel{gap:1.75rem;display:grid}.ColorsSection-module___-t0DG__subgroupBlock{gap:.75rem;display:grid}.ColorsSection-module___-t0DG__subgroupHeader{gap:.2rem;display:grid}.ColorsSection-module___-t0DG__subgroupHeading{font-size:var(--font-size-base);color:var(--text-heading-strong);margin:0;font-weight:600}.ColorsSection-module___-t0DG__subgroupDescription{max-width:72ch;font-size:var(--font-size-sm);color:var(--text-body-default);margin:0;line-height:1.45}.ColorsSection-module___-t0DG__stripGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:calc(1rem + 8px);width:100%;max-width:100%;display:grid}.ColorsSection-module___-t0DG__stripCard{gap:.75rem;min-width:0;display:grid}.ColorsSection-module___-t0DG__stripHeader{gap:.2rem;padding-inline:.25rem;display:grid}.ColorsSection-module___-t0DG__stripTitle{font-size:var(--font-size-lg);color:var(--text-heading-strong);margin:0}.ColorsSection-module___-t0DG__stripDescription{font-size:var(--font-size-sm);color:var(--text-body-default);margin:0;line-height:1.45}.ColorsSection-module___-t0DG__stripRows{border:1px solid var(--border-subtle);border-radius:.6rem;overflow:hidden}.ColorsSection-module___-t0DG__stripRow{justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.7rem 1.15rem;display:flex}.ColorsSection-module___-t0DG__stripLabel,.ColorsSection-module___-t0DG__stripValue{font-size:var(--font-size-sm);color:inherit;font-weight:600}@media (max-width:960px){.ColorsSection-module___-t0DG__pageHeader{width:100vw;max-width:100vw;margin:-1.25rem calc(50% - 50vw) 0;padding:32px 1rem}.ColorsSection-module___-t0DG__stripGrid{grid-template-columns:1fr}}
.ColorTokenReference-module__SXWLfq__referenceSection{gap:2rem;width:100%;max-width:100%;display:grid}.ColorTokenReference-module__SXWLfq__tableSection{gap:.75rem;display:grid}.ColorTokenReference-module__SXWLfq__tableHeading{font-size:var(--font-size-lg);color:var(--text-heading-strong);margin:0;font-weight:600}.ColorTokenReference-module__SXWLfq__tableWrap{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.875rem;width:100%;max-width:100%;overflow-x:auto}.ColorTokenReference-module__SXWLfq__specTable{border-collapse:collapse;width:100%}.ColorTokenReference-module__SXWLfq__specTable thead th{text-align:left;font-size:var(--font-size-sm);color:var(--text-heading-strong);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, white 80%, var(--surface-bg-main));padding:.9rem;font-weight:600}.ColorTokenReference-module__SXWLfq__specTable tbody td{border-top:1px solid var(--border-subtle);color:var(--text-body-default);font-size:var(--font-size-sm);vertical-align:middle;padding:.85rem .9rem}.ColorTokenReference-module__SXWLfq__specTable tbody tr:first-child td{border-top:none}.ColorTokenReference-module__SXWLfq__specTable code{font-size:var(--font-size-sm);color:var(--text-heading-strong)}.ColorTokenReference-module__SXWLfq__tableTokenLabel{font-weight:600;display:block}.ColorTokenReference-module__SXWLfq__tableTokenGroup{color:var(--text-muted);margin-top:.12rem;font-size:.75rem;display:block}.ColorTokenReference-module__SXWLfq__sampleSwatch{border:1px solid #0000;border-radius:.25rem;width:18px;height:18px;display:inline-block}.ColorTokenReference-module__SXWLfq__lightSwatch{border-color:var(--border-subtle)}.ColorTokenReference-module__SXWLfq__transparentSwatch{border-color:var(--border-subtle);background:var(--surface-panel)!important}.ColorTokenReference-module__SXWLfq__tableValueWrap{align-items:center;gap:.45rem;display:inline-flex}.ColorTokenReference-module__SXWLfq__copyButton{width:22px;height:22px;color:var(--text-body-default);cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;display:inline-flex}.ColorTokenReference-module__SXWLfq__copyButton:hover{color:var(--text-heading-strong);background:var(--surface-subtle)}.ColorTokenReference-module__SXWLfq__copyButtonCopied{color:var(--lavender-700)}.ColorTokenReference-module__SXWLfq__specRowFill{--spec-row-icon:"◉"}.ColorTokenReference-module__SXWLfq__specRowStroke{--spec-row-icon:"▣"}.ColorTokenReference-module__SXWLfq__specRowText{--spec-row-icon:"T"}.ColorTokenReference-module__SXWLfq__specRowDefault{--spec-row-icon:"◌"}.ColorTokenReference-module__SXWLfq__tokenHeader{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.ColorTokenReference-module__SXWLfq__tokenIcon{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-panel) 84%, var(--surface-subtle));width:1.3rem;height:1.3rem;color:var(--text-heading-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.ColorTokenReference-module__SXWLfq__tokenIcon:before{content:var(--spec-row-icon,"◌")}.ColorTokenReference-module__SXWLfq__tokenTitle{min-width:0}.ColorTokenReference-module__SXWLfq__tokenValue{font-size:.78rem}@media (max-width:1080px){.ColorTokenReference-module__SXWLfq__tableWrap{background:0 0;border:0;border-radius:0;overflow:visible}.ColorTokenReference-module__SXWLfq__specTable,.ColorTokenReference-module__SXWLfq__specTable thead,.ColorTokenReference-module__SXWLfq__specTable tbody,.ColorTokenReference-module__SXWLfq__specTable tr,.ColorTokenReference-module__SXWLfq__specTable td{width:100%;display:block}.ColorTokenReference-module__SXWLfq__specTable thead{display:none}.ColorTokenReference-module__SXWLfq__specTable tbody tr{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"token value""sample sample""variable variable""source source";align-items:start;gap:.28rem .65rem;padding:.75rem;display:grid}.ColorTokenReference-module__SXWLfq__specTable tbody{gap:.6rem;padding:.6rem 0;display:grid}.ColorTokenReference-module__SXWLfq__specTable tbody td{border-top:none;padding:.2rem 0}.ColorTokenReference-module__SXWLfq__specTable tbody tr td[data-label=Token]{color:var(--text-heading-strong);grid-area:token;font-weight:600}.ColorTokenReference-module__SXWLfq__specTable tbody tr td[data-label=Value]{text-align:right;grid-area:value;justify-self:end}.ColorTokenReference-module__SXWLfq__specTable tbody tr td[data-label=Sample]{grid-area:sample}.ColorTokenReference-module__SXWLfq__specTable tbody tr td[data-label=CSS\ variable]{grid-area:variable}.ColorTokenReference-module__SXWLfq__specTable tbody tr td[data-label=Source]{grid-area:source}.ColorTokenReference-module__SXWLfq__specTable tbody td:before{content:attr(data-label);color:var(--text-muted);margin-bottom:.08rem;font-size:.75rem;font-weight:600;display:block}.ColorTokenReference-module__SXWLfq__specTable tbody tr td[data-label=Token]:before,.ColorTokenReference-module__SXWLfq__specTable tbody tr td[data-label=Value]:before{display:none}}
.SpacingSection-module__FFwqDa__section{gap:var(--space-6);background:0 0;padding:0;display:grid}.SpacingSection-module__FFwqDa__pageHeader{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);grid-template-columns:1fr;align-items:start;gap:.8rem;margin:-1.5rem -2rem 0;padding:32px 2rem;display:grid}@media (min-width:961px){.SpacingSection-module__FFwqDa__pageHeader{width:calc(100vw - 280px);max-width:calc(100vw - 280px)}}.SpacingSection-module__FFwqDa__pageHeaderLeft{gap:.45rem;display:grid}.SpacingSection-module__FFwqDa__breadcrumb{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.SpacingSection-module__FFwqDa__title{font-size:var(--doc-page-title-size);color:var(--text-heading-strong)}.SpacingSection-module__FFwqDa__description{max-width:72ch;color:var(--text-body-default)}.SpacingSection-module__FFwqDa__mainColumn{gap:var(--space-12);padding-top:var(--space-4);width:100%;max-width:100%;display:grid}.SpacingSection-module__FFwqDa__sectionBlock{gap:var(--space-6);display:grid}.SpacingSection-module__FFwqDa__sectionHeader{gap:var(--space-2);padding:0 var(--space-1);display:grid}.SpacingSection-module__FFwqDa__subheadingWithIcon{align-items:center;gap:var(--space-2);color:var(--text-heading);font-size:24px;font-weight:500;display:inline-flex}.SpacingSection-module__FFwqDa__subheadingWithIcon span{color:var(--text-heading);font-weight:400}.SpacingSection-module__FFwqDa__subheadingText{max-width:72ch;font-size:var(--font-size-sm);color:var(--text-body-default)}.SpacingSection-module__FFwqDa__tableWrap,.SpacingSection-module__FFwqDa__guideCard,.SpacingSection-module__FFwqDa__containerCard,.SpacingSection-module__FFwqDa__showcaseCard,.SpacingSection-module__FFwqDa__resourcesCard{border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:1rem}.SpacingSection-module__FFwqDa__tableWrap{overflow:hidden}.SpacingSection-module__FFwqDa__specTable{border-collapse:collapse;width:100%}.SpacingSection-module__FFwqDa__specTable thead th{text-align:left;font-size:var(--font-size-sm);color:var(--text-heading-strong);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, white 82%, var(--grayscale-gray2));font-weight:600}.SpacingSection-module__FFwqDa__specTable tbody td{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);font-size:var(--font-size-sm);color:var(--text-body-default)}.SpacingSection-module__FFwqDa__specTable tbody tr:first-child td{border-top:none}.SpacingSection-module__FFwqDa__guideGrid,.SpacingSection-module__FFwqDa__containerGrid,.SpacingSection-module__FFwqDa__gridShowcase{gap:var(--space-5);width:100%;max-width:100%;display:grid}.SpacingSection-module__FFwqDa__guideGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.SpacingSection-module__FFwqDa__guideCard,.SpacingSection-module__FFwqDa__containerCard,.SpacingSection-module__FFwqDa__showcaseCard,.SpacingSection-module__FFwqDa__resourcesCard{padding:var(--space-5)}.SpacingSection-module__FFwqDa__guideHeader,.SpacingSection-module__FFwqDa__containerCopy,.SpacingSection-module__FFwqDa__showcaseMeta,.SpacingSection-module__FFwqDa__resourcesHeader{gap:var(--space-2);display:grid}.SpacingSection-module__FFwqDa__guideTitleWrap{align-items:center;gap:var(--space-2);color:var(--text-heading-strong);display:inline-flex}.SpacingSection-module__FFwqDa__guideTitle,.SpacingSection-module__FFwqDa__containerTitle,.SpacingSection-module__FFwqDa__showcaseTitle,.SpacingSection-module__FFwqDa__resourcesTitle{font-size:var(--font-size-lg);color:var(--text-heading-strong)}.SpacingSection-module__FFwqDa__guideDescription,.SpacingSection-module__FFwqDa__containerDescription,.SpacingSection-module__FFwqDa__showcaseDescription,.SpacingSection-module__FFwqDa__resourcesDescription{color:var(--text-body-default);font-size:var(--font-size-sm);line-height:1.5}.SpacingSection-module__FFwqDa__axisList{gap:var(--space-3);margin-top:var(--space-5);display:grid}.SpacingSection-module__FFwqDa__axisRow{align-items:center;gap:var(--space-4);grid-template-columns:96px minmax(0,1fr);display:grid}.SpacingSection-module__FFwqDa__axisMeta{gap:2px;display:grid}.SpacingSection-module__FFwqDa__axisToken{color:var(--text-heading-strong);font-size:var(--font-size-sm);font-weight:600}.SpacingSection-module__FFwqDa__axisValue{color:var(--text-muted);font-size:.75rem}.SpacingSection-module__FFwqDa__axisBarHorizontal{background:var(--lavender-400);border-radius:999px;height:.5rem}.SpacingSection-module__FFwqDa__axisBarVertical{background:var(--lavender-400);border-radius:999px;justify-self:start;width:.75rem}.SpacingSection-module__FFwqDa__containerGrid,.SpacingSection-module__FFwqDa__gridShowcase{grid-template-columns:repeat(2,minmax(0,1fr))}.SpacingSection-module__FFwqDa__containerVisual{background:color-mix(in srgb, white 90%, var(--lavender-100));align-content:start;gap:var(--space-4);min-height:148px;margin-bottom:var(--space-5);padding:var(--space-4);border-radius:.9rem;display:grid}.SpacingSection-module__FFwqDa__containerTag{background:var(--surface-panel);border:1px solid var(--border-subtle);color:var(--text-body-default);border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.SpacingSection-module__FFwqDa__containerWidthLabel{font-size:var(--font-size-3xl);color:var(--text-heading-strong);font-weight:600}.SpacingSection-module__FFwqDa__showcaseFrame{background:var(--surface-panel-subtle);border:1px solid color-mix(in srgb, var(--border-subtle) 92%, var(--surface-panel));padding:var(--space-4);margin-bottom:var(--space-5);border-radius:1rem;overflow:hidden}.SpacingSection-module__FFwqDa__showcaseEyebrow{letter-spacing:.02em;color:var(--text-muted);font-size:.75rem;font-weight:600}.SpacingSection-module__FFwqDa__visualBlock{gap:var(--space-4);display:grid}.SpacingSection-module__FFwqDa__visualCanvas{background:var(--surface-panel-warm);padding:var(--space-4);border-radius:.85rem;position:relative;overflow:hidden}.SpacingSection-module__FFwqDa__columnOverlay{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));gap:var(--grid-gutter);padding-inline:var(--grid-margin);min-height:164px;display:grid;position:relative}.SpacingSection-module__FFwqDa__columnStripe{background:linear-gradient(#ff5c5c24 0%,#ff5c5c1a 100%)}.SpacingSection-module__FFwqDa__visualMeasures{gap:var(--space-3);display:grid}.SpacingSection-module__FFwqDa__gutterRow{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(60px,1fr));display:grid}.SpacingSection-module__FFwqDa__measureLine{grid-template-columns:1px minmax(0,1fr) 1px;align-items:center;gap:.45rem 0;display:grid}.SpacingSection-module__FFwqDa__measureLineCompact{justify-self:center;max-width:74px}.SpacingSection-module__FFwqDa__measureCap{background:var(--spacing-guide-accent);width:1px;height:18px;display:block}.SpacingSection-module__FFwqDa__measureRule{background:var(--spacing-guide-accent);height:1px;display:block}.SpacingSection-module__FFwqDa__measureLabel{color:var(--spacing-guide-accent);grid-column:1/-1;justify-self:center;font-size:.875rem;font-weight:500}.SpacingSection-module__FFwqDa__containerDiagram{width:100%}.SpacingSection-module__FFwqDa__containerTrack{gap:var(--space-4);display:grid}.SpacingSection-module__FFwqDa__containerGuide{background:linear-gradient(#ff5c5c0d,#ff5c5c05),#fff;border:1px dashed #ff4d4f66;border-radius:.75rem;height:70px}.SpacingSection-module__FFwqDa__containerBarWrap{width:100%;min-width:160px}.SpacingSection-module__FFwqDa__resourcesList{gap:var(--space-3);margin-top:var(--space-5);display:grid}.SpacingSection-module__FFwqDa__resourceItem{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);grid-template-columns:24px minmax(0,1fr) 16px;text-decoration:none;transition:color .18s,transform .18s;display:grid}.SpacingSection-module__FFwqDa__resourceItem:first-child{border-top:none;padding-top:0}.SpacingSection-module__FFwqDa__resourceIconWrap,.SpacingSection-module__FFwqDa__resourceArrow{color:var(--text-muted)}.SpacingSection-module__FFwqDa__resourceText{color:var(--text-body-default);font-size:var(--font-size-sm);line-height:1.45}.SpacingSection-module__FFwqDa__resourceItem:hover .SpacingSection-module__FFwqDa__resourceText,.SpacingSection-module__FFwqDa__resourceItem:hover .SpacingSection-module__FFwqDa__resourceArrow,.SpacingSection-module__FFwqDa__resourceItem:hover .SpacingSection-module__FFwqDa__resourceIconWrap{color:var(--text-heading-strong)}.SpacingSection-module__FFwqDa__resourceItem:hover .SpacingSection-module__FFwqDa__resourceArrow{transform:translate(2px)}.SpacingSection-module__FFwqDa__specRowFill{--spec-row-icon:"◉"}.SpacingSection-module__FFwqDa__specRowStroke{--spec-row-icon:"▣"}.SpacingSection-module__FFwqDa__specRowText{--spec-row-icon:"T"}.SpacingSection-module__FFwqDa__specRowDefault{--spec-row-icon:"◌"}.SpacingSection-module__FFwqDa__tokenHeader{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.SpacingSection-module__FFwqDa__tokenIcon{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-panel) 84%, var(--surface-subtle));width:1.3rem;height:1.3rem;color:var(--text-heading-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.SpacingSection-module__FFwqDa__tokenIcon:before{content:var(--spec-row-icon,"◌")}.SpacingSection-module__FFwqDa__tokenTitle{min-width:0}.SpacingSection-module__FFwqDa__tokenValue{font-size:.78rem}@media (max-width:960px){.SpacingSection-module__FFwqDa__pageHeader{width:100vw;max-width:100vw;margin:-1.25rem calc(50% - 50vw) 0;padding:32px 1rem}.SpacingSection-module__FFwqDa__guideGrid,.SpacingSection-module__FFwqDa__containerGrid,.SpacingSection-module__FFwqDa__gridShowcase{grid-template-columns:1fr}}@media (max-width:1080px){.SpacingSection-module__FFwqDa__tableWrap{background:0 0;border:0;border-radius:0;overflow:visible}.SpacingSection-module__FFwqDa__specTable,.SpacingSection-module__FFwqDa__specTable thead,.SpacingSection-module__FFwqDa__specTable tbody,.SpacingSection-module__FFwqDa__specTable tr,.SpacingSection-module__FFwqDa__specTable td{width:100%;display:block}.SpacingSection-module__FFwqDa__specTable thead{display:none}.SpacingSection-module__FFwqDa__specTable tbody tr{padding:var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"token value""pixels pixels";align-items:start;gap:.28rem .65rem;display:grid}.SpacingSection-module__FFwqDa__specTable tbody{gap:var(--space-3);padding:var(--space-3) 0;display:grid}.SpacingSection-module__FFwqDa__specTable tbody td{border-top:none;padding:.2rem 0}.SpacingSection-module__FFwqDa__specTable tbody tr td[data-label=Name]{color:var(--text-heading-strong);grid-area:token;font-weight:600}.SpacingSection-module__FFwqDa__specTable tbody tr td[data-label="Size (16px base)"]{text-align:right;grid-area:value;justify-self:end}.SpacingSection-module__FFwqDa__specTable tbody tr td[data-label=Pixels]{grid-area:pixels}.SpacingSection-module__FFwqDa__specTable tbody td:before{content:attr(data-label);color:var(--text-muted);margin-bottom:.08rem;font-size:.75rem;font-weight:600;display:block}.SpacingSection-module__FFwqDa__specTable tbody tr td[data-label=Name]:before,.SpacingSection-module__FFwqDa__specTable tbody tr td[data-label="Size (16px base)"]:before{display:none}.SpacingSection-module__FFwqDa__axisRow{grid-template-columns:1fr}.SpacingSection-module__FFwqDa__visualCanvas{padding:var(--space-3)}.SpacingSection-module__FFwqDa__columnOverlay{min-height:132px}}
.TypographySection-module__iQ0_Yq__section{--typography-page-bg:transparent;--typography-header-bg:var(--surface-panel);--typography-divider:var(--border-subtle);--typography-text-strong:var(--text-heading-strong);--typography-text-body:var(--text-body-default);--typography-text-muted:var(--text-muted);background:var(--typography-page-bg);gap:1.5rem;padding:0;display:grid}.TypographySection-module__iQ0_Yq__pageHeader{box-sizing:border-box;border-bottom:1px solid var(--typography-divider);background:var(--typography-header-bg);grid-template-columns:1fr;align-items:start;gap:.8rem;margin:-1.5rem -2rem 0;padding:32px 2rem;display:grid}@media (min-width:961px){.TypographySection-module__iQ0_Yq__pageHeader{width:calc(100vw - 280px);max-width:calc(100vw - 280px)}}.TypographySection-module__iQ0_Yq__pageHeaderLeft{gap:.45rem;display:grid}.TypographySection-module__iQ0_Yq__breadcrumb{font-size:var(--font-size-sm);color:var(--typography-text-muted);text-transform:uppercase;letter-spacing:.06em}.TypographySection-module__iQ0_Yq__title{font-size:var(--doc-page-title-size);color:var(--typography-text-strong)}.TypographySection-module__iQ0_Yq__description{max-width:72ch;color:var(--typography-text-body)}.TypographySection-module__iQ0_Yq__inlineCode{border:1px solid var(--typography-divider);background:color-mix(in srgb, var(--typography-header-bg) 85%, white);border-radius:.35rem;padding:.1rem .35rem}.TypographySection-module__iQ0_Yq__subheading{color:var(--typography-text-strong);font-size:24px}.TypographySection-module__iQ0_Yq__subheadingWithIcon{color:var(--text-heading);align-items:center;gap:.5rem;font-size:24px;font-weight:500;display:inline-flex}.TypographySection-module__iQ0_Yq__subheadingWithIcon span{color:var(--text-heading);font-weight:400}.TypographySection-module__iQ0_Yq__subheadingText{font-size:var(--font-size-sm);color:var(--typography-text-body)}.TypographySection-module__iQ0_Yq__mainColumn{gap:var(--space-12);width:100%;max-width:100%;display:grid}.TypographySection-module__iQ0_Yq__scaleSection{gap:1rem;width:100%;max-width:100%;padding:1.25rem 0 0;display:grid}.TypographySection-module__iQ0_Yq__scaleSectionHeader{gap:.3rem;padding:0 .25rem;display:grid}.TypographySection-module__iQ0_Yq__scaleList{border-top:1px solid var(--typography-divider);border-bottom:1px solid var(--typography-divider);background:0 0}.TypographySection-module__iQ0_Yq__scaleRow{border-top:1px solid var(--typography-divider);background:0 0;grid-template-columns:minmax(0,430px) 1fr;align-items:center;gap:2rem;padding:1.1rem .35rem;display:grid}.TypographySection-module__iQ0_Yq__scaleRow:first-child{border-top:none}.TypographySection-module__iQ0_Yq__scaleRowInfo{gap:.35rem;display:grid}.TypographySection-module__iQ0_Yq__scaleRowLabel{font-size:var(--font-size-base);color:var(--typography-text-strong);font-weight:700}.TypographySection-module__iQ0_Yq__scaleRowDescription{font-size:var(--font-size-sm);color:var(--typography-text-body);line-height:1.45}.TypographySection-module__iQ0_Yq__quickMeta{font-size:var(--font-size-sm);color:var(--typography-text-muted);flex-wrap:wrap;gap:.65rem;display:flex}.TypographySection-module__iQ0_Yq__scaleRowSample{color:var(--typography-text-strong);text-wrap:balance;justify-self:start;padding-left:80px;padding-right:.25rem}.TypographySection-module__iQ0_Yq__tableSection{gap:.65rem;width:100%;max-width:100%;display:grid}.TypographySection-module__iQ0_Yq__specsSectionHeader{gap:.3rem;padding:0 .25rem;display:grid}.TypographySection-module__iQ0_Yq__tableWrap{border:1px solid var(--typography-divider);background:var(--surface-panel);border-radius:.875rem;width:100%;max-width:100%;overflow-x:auto}.TypographySection-module__iQ0_Yq__specTable{border-collapse:collapse;width:100%}.TypographySection-module__iQ0_Yq__specTable thead th{text-align:left;font-size:var(--font-size-sm);color:var(--typography-text-strong);border-bottom:1px solid var(--typography-divider);background:color-mix(in srgb, var(--typography-header-bg) 75%, white);padding:.75rem .8rem;font-weight:600}.TypographySection-module__iQ0_Yq__specTable tbody td{border-top:1px solid var(--typography-divider);color:var(--typography-text-body);font-size:var(--font-size-sm);vertical-align:middle;padding:.65rem .8rem}.TypographySection-module__iQ0_Yq__specTable tbody tr:first-child td{border-top:none}.TypographySection-module__iQ0_Yq__specTable code{font-size:var(--font-size-sm);color:var(--typography-text-strong)}.TypographySection-module__iQ0_Yq__specRowFill{--spec-row-icon:"◉"}.TypographySection-module__iQ0_Yq__specRowStroke{--spec-row-icon:"▣"}.TypographySection-module__iQ0_Yq__specRowText{--spec-row-icon:"T"}.TypographySection-module__iQ0_Yq__specRowDefault{--spec-row-icon:"◌"}.TypographySection-module__iQ0_Yq__tokenHeader{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.TypographySection-module__iQ0_Yq__tokenIcon{border:1px solid var(--typography-divider);background:color-mix(in srgb, var(--surface-panel) 84%, var(--typography-header-bg));width:1.3rem;height:1.3rem;color:var(--typography-text-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.TypographySection-module__iQ0_Yq__tokenIcon:before{content:var(--spec-row-icon,"◌")}.TypographySection-module__iQ0_Yq__tokenTitle{min-width:0}.TypographySection-module__iQ0_Yq__tokenValue{font-size:.78rem}.TypographySection-module__iQ0_Yq__colorMeta{color:var(--typography-text-strong);align-items:center;gap:.45rem;display:inline-flex}.TypographySection-module__iQ0_Yq__colorSwatch{border:1px solid var(--typography-divider);border-radius:2px;width:20px;height:10px}@media (max-width:960px){.TypographySection-module__iQ0_Yq__pageHeader{width:100vw;max-width:100vw;margin:-1.25rem calc(50% - 50vw) 0;padding:32px 1rem}.TypographySection-module__iQ0_Yq__scaleRow{grid-template-columns:1fr;gap:.9rem;padding:1rem .25rem}.TypographySection-module__iQ0_Yq__scaleRowSample{padding-left:0}}@media (max-width:1080px){.TypographySection-module__iQ0_Yq__tableWrap{background:0 0;border:0;border-radius:0;overflow:visible}.TypographySection-module__iQ0_Yq__specTable,.TypographySection-module__iQ0_Yq__specTable thead,.TypographySection-module__iQ0_Yq__specTable tbody,.TypographySection-module__iQ0_Yq__specTable tr,.TypographySection-module__iQ0_Yq__specTable td{width:100%;display:block}.TypographySection-module__iQ0_Yq__specTable thead{display:none}.TypographySection-module__iQ0_Yq__specTable tbody tr{border:1px solid var(--typography-divider);background:var(--surface-panel);border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"token value""section section""lineheight lineheight""weight weight""spacing spacing""color color";align-items:start;gap:.28rem .65rem;padding:.75rem;display:grid}.TypographySection-module__iQ0_Yq__specTable tbody{gap:.6rem;padding:.6rem 0;display:grid}.TypographySection-module__iQ0_Yq__specTable tbody td{border-top:none;padding:.2rem 0}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Name]{color:var(--typography-text-strong);grid-area:token;font-weight:600}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Variable]{text-align:right;grid-area:value;justify-self:end}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Section]{grid-area:section}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Line\ height]{grid-area:lineheight}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Weight]{grid-area:weight}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Letter\ spacing]{grid-area:spacing}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Color]{grid-area:color}.TypographySection-module__iQ0_Yq__specTable tbody td:before{content:attr(data-label);color:var(--typography-text-muted);margin-bottom:.08rem;font-size:.75rem;font-weight:600;display:block}.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Name]:before,.TypographySection-module__iQ0_Yq__specTable tbody tr td[data-label=Variable]:before{display:none}}