{"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"components-variables","__idx":0},"children":["Components Variables"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"admonition","__idx":1},"children":["Admonition"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Common admonition variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--admonition-font-size: var(--font-size-base);\n--admonition-font-weight: var(--font-weight-regular);\n--admonition-line-height: var(--line-height-base);\n--admonition-heading-font-size: var(--font-size-base);\n--admonition-heading-font-weight: var(--font-weight-semibold);\n--admonition-heading-line-height: var(--line-height-base);\n--admonition-heading-letter-spacing: 0;\n--admonition-heading-transform: none;\n--admonition-heading-text-color: var(--color-warm-grey-11);\n--admonition-gap: var(--spacing-sm);\n--admonition-text-gap: var(--spacing-xxs);\n--admonition-margin: var(--spacing-base) 0 var(--spacing-md) 0;\n--admonition-padding: var(--spacing-sm) var(--spacing-base);\n--admonition-icon-margin: calc(var(--spacing-unit) / 2) 0;\n--admonition-icon-size: 18px;\n--admonition-border-radius: var(--border-radius-xl);\n--admonition-border-style: var(--border-style);\n--admonition-border-width: 1px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Admonition type info"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--admonition-info-bg-color: var(--color-info-bg);\n--admonition-info-heading-text-color: var(--admonition-heading-text-color);\n--admonition-info-text-color: var(--admonition-heading-text-color);\n--admonition-info-icon-color: var(--color-info-active);\n--admonition-info-border-color: var(--color-info-border);\n--admonition-info-border-style: var(--admonition-border-style);\n--admonition-info-border-width: var(--admonition-border-width);\n--admonition-info-border: var(--admonition-info-border-width) var(--admonition-info-border-style)\n var(--admonition-info-border-color);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Admonition type warning"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--admonition-warning-bg-color: var(--color-warning-bg);\n--admonition-warning-text-color: var(--admonition-heading-text-color);\n--admonition-warning-heading-text-color: var(--admonition-heading-text-color);\n--admonition-warning-icon-color: var(--color-warning-active);\n--admonition-warning-border-color: var(--color-warning-border);\n--admonition-warning-border-style: var(--admonition-border-style);\n--admonition-warning-border-width: var(--admonition-border-width);\n--admonition-warning-border: var(--admonition-warning-border-width) var(--admonition-warning-border-style)\n var(--admonition-warning-border-color);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Admonition type danger"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--admonition-danger-bg-color: var(--color-error-bg);\n--admonition-danger-text-color: var(--admonition-heading-text-color);\n--admonition-danger-heading-text-color: var(--admonition-heading-text-color);\n--admonition-danger-icon-color: var(--color-error-active);\n--admonition-danger-border-color: var(--color-error-border);\n--admonition-danger-border-style: var(--admonition-border-style);\n--admonition-danger-border-width: var(--admonition-border-width);\n--admonition-danger-border: var(--admonition-danger-border-width) var(--admonition-danger-border-style)\n var(--admonition-danger-border-color);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Admonition type success"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--admonition-success-bg-color: var(--color-success-bg);\n--admonition-success-text-color: var(--admonition-heading-text-color);\n--admonition-success-heading-text-color: var(--admonition-heading-text-color);\n--admonition-success-icon-color: var(--color-success-active);\n--admonition-success-border-color: var(--color-success-border);\n--admonition-success-border-style: var(--admonition-border-style);\n--admonition-success-border-width: var(--admonition-border-width);\n--admonition-success-border: var(--admonition-success-border-width) var(--admonition-success-border-style)\n var(--admonition-success-border-color);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Admonition type idea"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--admonition-idea-bg-color: var(--color-primary-bg, var(--admonition-default-bg-color-legacy));\n--admonition-idea-text-color: var(--admonition-heading-text-color);\n--admonition-idea-heading-text-color: var(--admonition-heading-text-color);\n--admonition-idea-icon-color: var(--color-primary-base, var(--admonition-default-icon-color-legacy));\n--admonition-idea-border-color: var(--color-primary-border, var(--admonition-default-border-color-legacy));\n--admonition-idea-border-style: var(--admonition-border-style);\n--admonition-idea-border-width: var(--admonition-border-width);\n--admonition-idea-border: var(--admonition-idea-border-width) var(--admonition-idea-border-style)\n var(--admonition-idea-border-color);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"badge","__idx":2},"children":["Badge"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Default badge"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--badge-text-color: var(--text-color-inverse);\n--badge-bg-color: var(--color-purple-6);\n--badge-border-radius: var(--border-radius-md);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Deprecated badge"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--badge-deprecated-text-color: var(--color-warm-grey-1);\n--badge-deprecated-bg-color: var(--color-warning-base);\n--badge-deprecated-border-radius: var(--border-radius-md);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Webhook badge"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--badge-webhook-text-color: var(--color-warm-grey-1);\n--badge-webhook-bg-color: var(--color-purple-7);\n--badge-webhook-border-radius: var(--border-radius-md);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"banner","__idx":3},"children":["Banner"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Banner"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--banner-button-size: 22px;\n--banner-button-padding: 3px;\n--banner-button-font-size: var(--font-size-base);\n--banner-button-border-radius: var(--border-radius-md);\n--banner-button-padding-inline: 1px var(--spacing-sm);\n--banner-button-line-height: var(--line-height-base);\n--banner-button-icon-size: 14px;\n--banner-button-icon-padding: 5px;\n--banner-button-icon-left-padding: 1px var(--spacing-sm) 1px 10px;\n--banner-button-icon-right-padding: 1px 10px 1px var(--spacing-sm);\n--banner-button-margin: 0 var(--spacing-xs);\n--banner-padding: var(--spacing-xs);\n--banner-min-height: 38px;\n--banner-gap: var(--spacing-xxs);\n\n--banner-info-bg-color: var(--color-info-base);\n--banner-info-text-color: var(--color-static-white);\n--banner-info-icon-color: var(--color-static-white);\n--banner-info-link-color: var(--banner-info-text-color);\n--banner-info-link-decoration: underline 1px var(--banner-info-link-color);\n--banner-info-link-decoration-hover: underline 2px var(--banner-info-link-color);\n\n--banner-success-bg-color: var(--color-success-base);\n--banner-success-text-color: var(--color-static-white);\n--banner-success-icon-color: var(--color-static-white);\n--banner-success-link-color: var(--banner-success-text-color);\n--banner-success-link-decoration: underline 1px var(--banner-success-link-color);\n--banner-success-link-decoration-hover: underline 2px var(--banner-success-link-color);\n\n--banner-warning-bg-color: var(--color-warning-base);\n--banner-warning-text-color: var(--color-black);\n--banner-warning-icon-color: var(--color-black);\n--banner-warning-link-color: var(--banner-warning-text-color);\n--banner-warning-link-decoration: underline 1px var(--banner-warning-link-color);\n--banner-warning-link-decoration-hover: underline 2px var(--banner-warning-link-color);\n\n--banner-error-bg-color: var(--color-error-base);\n--banner-error-text-color: var(--color-static-white);\n--banner-error-icon-color: var(--color-static-white);\n--banner-error-link-color: var(--banner-error-text-color);\n--banner-error-link-decoration: underline 1px var(--banner-error-link-color);\n--banner-error-link-decoration-hover: underline 2px var(--banner-error-link-color);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"breadcrumbs","__idx":4},"children":["Breadcrumbs"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Breadcrumbs"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--breadcrumbs-text-color: var(--text-color-description);\n--breadcrumbs-text-color-active: var(--text-color-primary);\n--breadcrumbs-text-color-border-hover: var(--color-info-border-hover);\n--breadcrumbs-font-size: var(--font-size-base);\n--breadcrumbs-icon-size: var(--font-size-base);\n--breadcrumbs-font-weight-active: var(--font-weight-medium);\n--breadcrumbs-border-radius: var(--border-radius-md);\n--breadcrumbs-gap: var(--spacing-xxs);\n--breadcrumbs-padding: 2px var(--spacing-xs);\n--breadcrumbs-margin-bottom: var(--spacing-lg);\n--breadcrumbs-background-color-hover: var(--color-hover-base);\n--breadcrumbs-background-color-focus: var(--color-info-border-hover);\n--breadcrumbs-box-shadow-focus: 0 0 0 1px var(--breadcrumbs-background-color-focus);\n--breadcrumb-padding: var(--spacing-xxs);\n--breadcrumb-dropdown-active-icon-position: var(--spacing-xs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"button","__idx":5},"children":["Button"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button color tokens "]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--button-content-color: var(--color-warm-grey-10);\n--button-content-color-ghost: var(--text-color-secondary);\n--button-content-color-inverse: var(--color-white);\n--button-content-color-disabled: var(--color-warm-grey-5);\n\n--button-border-color: var(--color-warm-grey-3);\n--button-border-color-focused: var(--color-blue-4);\n--button-border-color-disabled: var(--color-warm-grey-2);\n--button-border-color-danger: var(--color-raspberry-6);\n--button-border-color-danger-hover: var(--color-raspberry-7);\n--button-border-color-danger-pressed: var(--color-raspberry-8);\n--button-border-width-disabled: 0px;\n\n--button-bg-color-disabled: var(--color-warm-grey-1);\n\n--button-content-color-primary: var(--color-blue-6);\n--button-content-color-primary-hover: var(--color-blue-7);\n--button-content-color-primary-pressed: var(--color-blue-8);\n\n--button-bg-color-primary: var(--color-primary-base, var(--button-bg-color-primary-legacy));\n--button-bg-color-primary-hover: var(--color-primary-hover, var(--button-bg-color-primary-hover-legacy));\n--button-bg-color-primary-pressed: var(--color-primary-active, var(--button-bg-color-primary-pressed-legacy));\n\n--button-bg-color-primary-danger: var(--color-raspberry-6);\n--button-bg-color-primary-danger-hover: var(--color-raspberry-7);\n--button-bg-color-primary-danger-pressed: var(--color-raspberry-8);\n\n--button-content-color-danger: var(--color-raspberry-6);\n--button-content-color-danger-hover: var(--color-raspberry-7);\n--button-content-color-danger-pressed: var(--color-raspberry-8);\n\n--button-bg-color-secondary: var(--color-warm-grey-2);\n--button-bg-color-secondary-hover: var(--color-warm-grey-3);\n--button-bg-color-secondary-pressed: var(--color-warm-grey-4);\n--button-bg-color-secondary-danger: var(--color-raspberry-1);\n--button-bg-color-secondary-danger-hover: var(--color-raspberry-2);\n--button-bg-color-secondary-danger-pressed: var(--color-raspberry-3);\n\n--button-content-color-custom: var(--color-warm-grey-8);\n--button-content-color-custom-hover: var(--color-warm-grey-11);\n--button-bg-color-custom: var(--color-white);\n\n--button-content-color-link: var(--link-color-primary);\n--button-content-color-link-hover: var(--link-color-primary-hover);\n--button-content-color-link-pressed: var(--link-color-primary-pressed);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button default values"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--button-color: var(--button-content-color);\n--button-color-hover: var(--button-content-color);\n--button-color-active: var(--button-content-color);\n\n--button-bg-color: transparent;\n--button-bg-color-hover: transparent;\n\n--button-border-color-hover: transparent;\n--button-border-color-active: transparent;\n\n--button-font-weight: var(--font-weight-regular);\n--button-font-size: var(--font-size-base);\n--button-line-height: var(--line-height-base);\n--button-border-radius: var(--border-radius-lg);\n--button-padding: 5px var(--spacing-sm);\n--button-text-wrap: nowrap;\n--button-gap: var(--spacing-xs);\n\n--button-border-width: 0px;\n--button-border-style: solid;\n--button-margin: 0;\n--button-box-shadow: none;\n--button-hover-box-shadow: none;\n--button-active-box-shadow: none;\n\n--button-icon-size: 16px;\n--button-icon-padding: var(--spacing-xs);\n--button-icon-padding-small: 3px;\n--button-icon-left-padding: 5px var(--spacing-base) 5px 14px;\n--button-icon-right-padding: 5px 14px 5px var(--spacing-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"button-sizes","__idx":6},"children":["Button sizes"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button small"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-size-small {\n --button-border-radius: var(--border-radius-md);\n --button-padding: 1px var(--spacing-sm);\n\n --button-icon-size: 14px;\n --button-icon-padding: 5px;\n --button-icon-left-padding: 1px var(--spacing-sm) 1px 10px;\n --button-icon-right-padding: 1px 10px 1px var(--spacing-sm);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button large"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-size-large {\n --button-font-size: var(--font-size-lg);\n --button-line-height: var(--line-height-lg);\n --button-border-radius: var(--border-radius-xl);\n --button-padding: var(--spacing-xs) var(--spacing-md);\n\n --button-icon-size: 18px;\n --button-icon-padding: 11px;\n --button-icon-left-padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) 18px;\n --button-icon-right-padding: var(--spacing-xs) 18px var(--spacing-xs) var(--spacing-md);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"button-variants","__idx":7},"children":["Button variants"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button primary"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-variant-primary {\n --button-color: var(--button-content-color-inverse);\n --button-color-hover: var(--button-content-color-inverse);\n --button-color-active: var(--button-content-color-inverse);\n --button-bg-color: var(--button-bg-color-primary);\n --button-bg-color-hover: var(--button-bg-color-primary-hover);\n --button-bg-color-active: var(--button-bg-color-primary-pressed);\n --button-border-color: transparent;\n\n --button-bg-color-danger: var(--button-bg-color-primary-danger);\n --button-bg-color-danger-hover: var(--button-bg-color-primary-danger-hover);\n --button-bg-color-danger-pressed: var(--button-bg-color-primary-danger-pressed);\n --button-border-color-danger: transparent;\n --button-border-color-danger-hover: transparent;\n --button-border-color-danger-pressed: transparent;\n --button-content-color-danger: var(--button-content-color-inverse);\n --button-content-color-danger-hover: var(--button-content-color-inverse);\n --button-content-color-danger-pressed: var(--button-content-color-inverse);\n --button-border-width-disabled: 1px;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button secondary"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-variant-secondary {\n --button-bg-color: var(--button-bg-color-secondary);\n --button-bg-color-hover: var(--button-bg-color-secondary-hover);\n --button-bg-color-active: var(--button-bg-color-secondary-pressed);\n --button-border-color: transparent;\n --button-border-color-disabled: transparent;\n\n --button-bg-color-danger: var(--button-bg-color-secondary-danger);\n --button-bg-color-danger-hover: var(--button-bg-color-secondary-danger-hover);\n --button-bg-color-danger-pressed: var(--button-bg-color-secondary-danger-pressed);\n --button-border-color-danger: transparent;\n --button-border-color-danger-hover: transparent;\n --button-border-color-danger-pressed: transparent;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button outlined"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-variant-outlined {\n --button-color: var(--button-content-color-custom);\n --button-color-hover: var(--button-content-color-custom-hover);\n --button-color-active: var(--button-content-color-custom-hover);\n --button-border-color: var(--border-color-primary);\n --button-border-color-hover: var(--border-color-primary);\n --button-border-color-active: var(--border-color-primary);\n --button-bg-color-disabled: transparent;\n --button-border-width: 1px;\n --button-border-width-disabled: 1px;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button text"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-variant-text {\n --button-bg-color-hover: var(--button-bg-color-secondary);\n --button-bg-color-active: var(--button-bg-color-secondary-hover);\n --button-bg-color-disabled: transparent;\n --button-border-color: transparent;\n --button-border-color-disabled: transparent;\n\n --button-bg-color-danger-hover: var(--button-bg-color-secondary-danger);\n --button-bg-color-danger-pressed: var(--button-bg-color-secondary-danger-hover);\n --button-border-color-danger: transparent;\n --button-border-color-danger-hover: transparent;\n --button-border-color-danger-pressed: transparent;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button link"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-variant-link {\n --button-color: var(--button-content-color-link);\n --button-color-hover: var(--button-content-color-link-hover);\n --button-color-active: var(--button-content-color-link-pressed);\n\n --button-bg-color-disabled: transparent;\n\n --button-border-color: transparent;\n --button-border-color-disabled: transparent;\n\n --button-border-color-danger: transparent;\n --button-border-color-danger-hover: transparent;\n --button-border-color-danger-pressed: transparent;\n --button-padding: 0;\n --button-icon-left-padding: 0;\n --button-icon-right-padding: 0;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button ghost"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".button-variant-ghost {\n --button-color: var(--button-content-color-ghost);\n --button-color-hover: var(--button-content-color);\n\n --button-bg-color-disabled: transparent;\n\n --button-border-color: transparent;\n --button-border-color-disabled: transparent;\n\n --button-border-color-danger: transparent;\n --button-border-color-danger-hover: transparent;\n --button-border-color-danger-pressed: transparent;\n --button-padding: 0;\n --button-icon-left-padding: 0;\n --button-icon-right-padding: 0;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Button group divider"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--button-group-divider-color: transparent;\n--button-group-divider-opacity: 1;\n--button-group-divider-color-disabled: var(--color-warm-grey-2);\n\n.button-group-primary .button {\n --button-group-divider-color: var(--button-color);\n --button-group-divider-opacity: 0.32;\n}\n\n.button-group-secondary .button {\n --button-group-divider-color: var(--button-color);\n --button-group-divider-opacity: 0.12;\n}\n\n.button-group-outlined .button {\n --button-group-divider-color: var(--button-border-color);\n --button-group-divider-opacity: 1;\n}\n\n.button-group-primary .button.button-tone-danger,\n.button-group-secondary .button.button-tone-danger {\n --button-group-divider-color: var(--button-content-color-danger);\n}\n\n.button-group-outlined .button.button-tone-danger {\n --button-group-divider-color: var(--button-border-color-danger);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"catalog-classic","__idx":8},"children":["Catalog classic"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Catalog classic page"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--catalog-classic-page-padding-vertical: var(--spacing-lg);\n--catalog-classic-page-padding-horizontal: var(--spacing-xl);\n--catalog-classic-page-padding: var(--catalog-classic-page-padding-vertical)\n var(--catalog-classic-page-padding-horizontal);\n\n--catalog-classic-filter-padding-vertical-mobile: 0;\n--catalog-classic-filter-padding-horizontal-mobile: var(--spacing-base);\n\n--catalog-classic-heading-margin: 0 0 var(--spacing-xl) 0;\n\n--catalog-classic-title-text-color: var(--text-color-primary);\n--catalog-classic-title-font-weight: var(--font-weight-bold);\n--catalog-classic-title-font-size: var(--font-size-heading-3);\n--catalog-classic-title-margin: 0 0 var(--spacing-sm) 0;\n\n--catalog-classic-description-text-color: var(--text-color-secondary);\n--catalog-classic-description-font-weight: var(--font-weight-regular);\n--catalog-classic-description-font-size: var(--font-size-base);\n--catalog-classic-description-margin: 0 0 var(--spacing-sm) 0;\n\n--catalog-classic-separator-color: var(--text-color-secondary);\n--catalog-classic-separator-font-size: var(--font-size-base);\n--catalog-classic-separator-font-weight: var(--font-weight-regular);\n--catalog-classic-separator-border-color: var(--border-color-secondary);\n--catalog-classic-separator-margin: 0 0 var(--spacing-base) 0;\n--catalog-classic-separator-padding: var(--spacing-xxs) 0 0 0;\n--catalog-classic-separator-label-margin: 0 var(--spacing-xs);\n\n--catalog-classic-highlight-bg-color: none;\n--catalog-classic-highlight-text-color: var(--color-info-base);\n\n--catalog-classic-actions-gap: var(--spacing-xs);\n--catalog-classic-actions-padding-vertical: var(--spacing-xs);\n--catalog-classic-actions-padding-horizontal: 5%;\n--catalog-classic-actions-min-height: 40px;\n--catalog-classic-actions-bg-color: var(--bg-color-tonal);\n\n--catalog-classic-page-badge-border-radius: var(--border-radius-md);\n--catalog-classic-page-badge-padding: 0 var(--spacing-xs);\n--catalog-classic-page-badge-font-size: var(--font-size-base);\n--catalog-classic-page-badge-line-height: var(--line-height-base);\n\n--catalog-classic-page-badge-dot-size: 6px;\n--catalog-classic-page-badge-dot-border-color: #ffffff;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Catalog card"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--catalog-classic-card-min-height: 194px;\n--catalog-classic-card-min-width: 260px;\n--catalog-classic-card-padding-vertical: var(--spacing-base);\n--catalog-classic-card-padding-horizontal: var(--spacing-md);\n--catalog-classic-card-gap: var(--spacing-sm);\n--catalog-classic-card-text-color: var(--text-color-secondary);\n--catalog-classic-card-font-size: var(--font-size-base);\n--catalog-classic-card-font-weight: var(--font-weight-regular);\n--catalog-classic-card-bg-color: var(--layer-color);\n--catalog-classic-card-border-color: var(--border-color-secondary);\n--catalog-classic-card-border-width: var(--border-width);\n--catalog-classic-card-border-style: var(--border-style);\n--catalog-classic-card-border-color-hover: var(--border-color-primary);\n--catalog-classic-card-border-radius: var(--border-radius-xl);\n--catalog-classic-cards-group-margin: 0 0 var(--spacing-base) 0;\n--catalog-classic-cards-group-gap: var(--spacing-xl);\n--catalog-classic-card-title-color: var(--text-color-primary);\n--catalog-classic-card-title-min-height: var(--spacing-xxl);\n--catalog-classic-card-title-font-size: var(--font-size-lg);\n--catalog-classic-card-title-font-weight: var(--font-weight-bold);\n--catalog-classic-card-title-line-height: var(--line-height-lg);\n--catalog-classic-card-title-line-clamp: 2;\n\n--catalog-classic-card-description-line-clamp: 3;\n--catalog-classic-card-description-color: var(--text-color-secondary);\n--catalog-classic-card-description-font-size: var(--font-size-base);\n--catalog-classic-card-description-line-height: var(--line-height-base);\n--catalog-classic-card-description-font-weight: var(--font-weight-regular);\n--catalog-classic-card-description-height: 62px;\n\n--catalog-classic-card-content-gap: var(--spacing-xxs);\n\n--catalog-classic-card-tag-bg: transparent;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"code","__idx":9},"children":["Code"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Common code variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--code-font-size: var(--font-size-sm);\n--code-font-family: var(--font-family-monospaced);\n--code-font-weight: var(--font-weight-regular);\n--code-line-height: var(--line-height-sm);\n--code-wrap: pre;\n--code-word-break: break-word;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Inline code"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--inline-code-font-size: var(--code-font-size);\n--inline-code-font-family: var(--code-font-family);\n--inline-code-font-weight: var(--code-font-weight);\n--inline-code-line-height: var(--code-line-height);\n--inline-code-text-color: var(--text-color-secondary);\n--inline-code-bg-color: var(--border-color-secondary);\n--inline-code-border-color: var(--border-color-primary);\n--inline-code-border-radius: var(--border-radius);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Code block"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--code-block-font-size: var(--code-font-size);\n--code-block-font-family: var(--code-font-family);\n--code-block-line-height: var(--code-line-height);\n--code-block-font-weight: var(--code-font-weight);\n--code-block-text-color: var(--text-color-secondary);\n--code-block-bg-color: var(--layer-color);\n--code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm);\n--code-block-margin: 0;\n--code-block-max-height: calc(100vh - 260px); // Where 260 is combined value of navbar, code block heading, controls height and paddings\n--code-block-word-break: initial;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Code block controls"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--code-block-controls-font-size: var(--font-size-base);\n--code-block-controls-font-family: var(--font-family-base);\n--code-block-controls-text-color: var(--text-color-primary);\n--code-block-controls-font-weight: var(--font-weight-medium);\n--code-block-controls-bg-color: transparent;\n--code-block-controls-border: 1px solid var(--border-color-secondary);\n--code-block-icon-controls-bg-color: var(--code-block-controls-bg-color);\n--code-block-text-controls-bg-color: var(--code-block-controls-bg-color);\n--code-block-controls-padding: var(--spacing-xxs);\n--code-block-controls-height: 20px;\n--code-block-controls-width: 20px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Code block tokens"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--code-block-tokens-default-color: var(--text-color-secondary);\n--code-block-tokens-comment-color: var(--input-content-placeholder-color);\n--code-block-tokens-prolog-color: var(--code-block-tokens-comment-color);\n--code-block-tokens-doctype-color: var(--code-block-tokens-comment-color);\n--code-block-tokens-cdata-color: var(--code-block-tokens-comment-color);\n--code-block-tokens-property-color: var(--code-block-tokens-default-color);\n--code-block-tokens-tag-color: var(--code-block-tokens-default-color);\n--code-block-tokens-number-color: var(--code-block-tokens-default-color);\n--code-block-tokens-constant-color: var(--code-block-tokens-default-color);\n--code-block-tokens-symbol-color: var(--code-block-tokens-default-color);\n--code-block-tokens-boolean-color: var(--color-green-7);\n--code-block-tokens-string-color: var(--color-blue-7);\n--code-block-tokens-property-string-color: var(--color-blue-7);\n--code-block-tokens-selector-color: var(--code-block-tokens-string-color);\n--code-block-tokens-attr-name-color: var(--code-block-tokens-string-color);\n--code-block-tokens-char-color: var(--code-block-tokens-string-color);\n--code-block-tokens-builtin-color: var(--code-block-tokens-string-color);\n--code-block-tokens-inserted-color: var(--code-block-tokens-string-color);\n--code-block-tokens-link-color: var(--color-blue-7);\n--code-block-tokens-operator-color: var(--color-carrot-7);\n--code-block-tokens-entity-color: var(--code-block-tokens-operator-color);\n--code-block-tokens-url-color: var(--code-block-tokens-operator-color);\n--code-block-tokens-variable-color: var(--code-block-tokens-operator-color);\n--code-block-tokens-keyword-color: var(--color-magenta-7);\n--code-block-tokens-atrule-color: var(--code-block-tokens-keyword-color);\n--code-block-tokens-attr-value-color: var(--code-block-tokens-keyword-color);\n--code-block-tokens-regex-color: var(--color-carrot-7);\n--code-block-tokens-important-color: var(--code-block-tokens-regex-color);\n--code-block-tokens-deleted-color: var(--color-red-7);\n--code-block-tokens-class-name-color: var(--color-carrot-7);\n--code-block-tokens-function-color: var(--color-carrot-7);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"date-picker","__idx":10},"children":["Date picker"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Date Picker"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--date-picker-nav-color: #000000;\n--date-picker-tile-bg-color: var(--color-blue-2);\n--date-picker-tile-color: var(--text-color-primary);\n--date-picker-tile-bg-color-hover: var(--color-blue-3);\n--date-picker-tile-color-hover: var(--text-color-primary);\n--date-picker-input-width: var(--spacing-md);\n--date-picker-invalid-input-bg-color: var(--bg-color-raised);\n--date-picker-button-padding: var(--spacing-xxs);\n--date-picker-icon-stroke: var(--text-color-secondary);\n--date-picker-icon-width: var(--spacing-sm);\n--date-picker-icon-stroke-hover: var(--text-color-primary);\n--date-picker-weekend-days-color: var(--color-error-base);\n--date-picker-week-days-color: var(--color-warm-grey-6);\n--date-picker-neighboring-month-color: var(--color-warm-grey-6);\n--date-picker-wrapper-border-color: var(--border-color-primary);\n--date-picker-wrapper-radius: var(--border-radius-md);\n--date-picker-wrapper-padding: calc(var(--spacing-xxs) / 2) var(--spacing-xs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"dropdown","__idx":11},"children":["Dropdown"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Dropdown"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--dropdown-menu-font-size: var(--font-size-base);\n--dropdown-menu-font-weight: var(--font-weight-regular);\n--dropdown-menu-line-height: var(--line-height-base);\n--dropdown-menu-text-color: var(--text-color-secondary);\n--dropdown-menu-z-index: var(--z-index-raised);\n\n--dropdown-menu-padding-top: var(--spacing-xxs);\n--dropdown-menu-min-width: 100px;\n--dropdown-menu-max-width: 424px;\n--dropdown-menu-max-height: 300px;\n--dropdown-menu-padding: var(--spacing-xxs);\n--dropdown-menu-border-radius: var(--border-radius-xl);\n--dropdown-menu-box-shadow: var(--bg-raised-shadow);\n--dropdown-menu-border-color: var(--border-color-secondary);\n--dropdown-menu-bg-color: var(--bg-color-raised);\n\n--dropdown-menu-item-gap: 0;\n--dropdown-menu-item-padding-horizontal: var(--spacing-base);\n--dropdown-menu-item-padding-vertical: 5px;\n--dropdown-menu-item-separator-padding-top: var(--spacing-xs);\n--dropdown-menu-item-separator-padding-bottom: var(--spacing-xxs);\n--dropdown-menu-item-border-radius: var(--border-radius-lg);\n--dropdown-menu-item-bg-color: transparent;\n--dropdown-menu-item-bg-color-active: var(--bg-color-hover);\n--dropdown-menu-item-bg-color-hover: var(--bg-color-hover);\n--dropdown-menu-item-bg-color-disabled: var(--dropdown-menu-item-bg-color);\n--dropdown-menu-item-separator-border-color: var(--border-color-primary);\n--dropdown-menu-item-separator-font-size: var(--font-size-sm);\n--dropdown-menu-item-separator-line-height: var(--line-height-sm);\n--dropdown-menu-item-separator-text-color: var(--text-color-disabled);\n--dropdown-menu-item-justify-content: flex-start;\n--dropdown-menu-item-color: var(--dropdown-menu-text-color);\n--dropdown-menu-item-color-hover: var(--dropdown-menu-item-color);\n--dropdown-menu-item-color-active: var(--dropdown-menu-item-color);\n--dropdown-menu-item-color-disabled: var(--text-color-disabled);\n\n--dropdown-menu-item-color-dangerous: var(--color-error-base);\n\n--dropdown-menu-item-border-color-focused: var(--button-border-color-focused);\n\n--dropdown-menu-item-content-gap: var(--spacing-sm);\n--dropdown-menu-item-content-padding: var(--spacing-xxs) 0;\n--dropdown-menu-item-content-icon-size: 32px;\n--dropdown-menu-item-content-icon-color: var(--icon-color-secondary);\n--dropdown-menu-item-content-icon-border: 1px solid var(--border-color-secondary);\n--dropdown-menu-item-content-icon-border-radius: var(--border-radius);\n--dropdown-menu-item-content-text-gap: var(--spacing-xxs);\n--dropdown-menu-item-content-title-icon-gap: var(--spacing-xxs);\n--dropdown-menu-item-content-title-font-weight: var(--font-weight-regular);\n--dropdown-menu-item-content-title-font-size: var(--font-size-base);\n--dropdown-menu-item-content-title-line-height: var(--line-height-base);\n--dropdown-menu-item-content-title-color: var(--text-color-secondary);\n--dropdown-menu-item-content-description-font-weight: var(--font-weight-regular);\n--dropdown-menu-item-content-description-font-size: var(--font-size-sm);\n--dropdown-menu-item-content-description-line-height: var(--line-height-sm);\n--dropdown-menu-item-content-description-color: var(--text-color-description);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"feedback","__idx":12},"children":["Feedback"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Feedback"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--feedback-padding: var(--spacing-base) 0;\n--feedback-font-size: var(--font-size-base);\n--feedback-line-height: var(--line-height-base);\n--feedback-font-family: var(--font-family-base);\n--feedback-text-color: var(--text-color-primary);\n--feedback-bg-color: transparent;\n--feedback-star-color: var(--color-carrot-6);\n--feedback-width: fit-content;\n--feedback-border-radius: var(--border-radius-lg);\n--feedback-report-dialog-max-width: 500px;\n--feedback-report-dialog-max-height: 300px;\n\n--feedback-header-text-color: var(--text-color-primary);\n--feedback-header-font-size: var(--font-size-lg);\n--feedback-header-line-height: var(--line-height-lg);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"filter","__idx":13},"children":["Filter"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Filter common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--filter-group-padding: 0;\n--filter-group-gap: var(--spacing-xs);\n\n--filter-title-font-weight: var(--font-weight-medium);\n--filter-title-font-size: var(--font-size-base);\n--filter-title-line-height: var(--line-height-base);\n\n--filter-options-padding-vertical: 0;\n--filter-options-padding-horizontal: 0;\n--filter-options-gap: var(--spacing-sm);\n\n--filter-option-font-size: var(--font-size-base);\n--filter-option-gap: var(--spacing-xs);\n--filter-option-margin: 0;\n\n--filter-option-label-font-size: var(--font-size-base);\n--filter-option-label-color: var(--text-color-primary);\n\n--filter-option-checkbox-padding-left: var(--spacing-xs);\n\n--filter-content-header-padding-vertical: 5px;\n--filter-content-header-padding-horizontal: 0;\n\n--filter-content-title-font-size: var(--font-size-base);\n--filter-content-title-line-height: var(--line-height-base);\n--filter-content-title-font-weight: var(--font-weight-semibold);\n\n--filter-content-padding-vertical: var(--spacing-sm);\n--filter-content-padding-horizontal: var(--spacing-base);\n--filter-content-gap: var(--spacing-sm);\n--filter-content-items-padding: var(--spacing-sm) 0;\n\n--filter-input-border: 1px solid var(--border-color-primary);\n--filter-input-min-width: 200px;\n--filter-input-padding: var(--input-padding) var(--spacing-sm) var(--input-padding) calc(var(--spacing-unit) * 9);\n--filter-input-border-radius: var(--input-border-radius);\n--filter-input-bg-color: var(--input-bg-color);\n--filter-input-color: var(--text-color-secondary);\n--filter-input-font-family: var(--font-family-base);\n--filter-input-font-size: var(--font-size-base);\n--filter-input-line-height: var(--input-line-height);\n--filter-input-placeholder-opacity: 1;\n--filter-input-placeholder-color: var(--input-content-placeholder-color);\n--filter-input-color-hover: var(--text-color-primary);\n--filter-input-border-hover: 1px solid var(--border-color-primary);\n--filter-input-color-focus: var(--text-color-primary);\n--filter-input-border-focus: 1px solid var(--border-color-primary);\n\n--filter-select-min-height: var(--control-height-base);\n--filter-select-max-width: 100%;\n--filter-select-color: var(--text-color-primary);\n--filter-select-border-color: var(--border-color-primary);\n--filter-select-border-radius: var(--input-border-radius);\n--filter-select-padding: 0;\n--filter-select-border-color-hover: var(--text-color-primary);\n--filter-select-option-margin: 0;\n--filter-select-wrapper-gap: var(--spacing-xxs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Filter popover"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--filter-popover-bg-color: var(--bg-color);\n--filter-popover-header-padding: var(--catalog-classic-filter-padding-vertical-mobile)\n var(--catalog-classic-filter-padding-horizontal-mobile);\n--filter-popover-header-border-color: var(--border-color-secondary);\n--filter-popover-header-bg-color: var(--navbar-bg-color);\n--filter-popover-header-label-color: var(--navbar-text-color);\n--filter-popover-header-label-font-size: var(--font-size-lg);\n--filter-popover-header-label-font-weight: var(--font-weight-bold);\n--filter-popover-header-button-color: var(--navbar-text-color);\n--filter-popover-header-button-height: var(--control-height-base);\n--filter-popover-header-button-font-size: var(--font-size-base);\n--filter-popover-header-button-font-weight: var(--font-weight-regular);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Filter date picker"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--filter-date-picker-color: var(--text-color-primary);\n--filter-date-picker-gap: var(--spacing-xs);\n--filter-date-picker-width: 50px;\n--filter-date-picker-tile-bg-color: var(--color-blue-2);\n--filter-date-picker-tile-color: var(--text-color-primary);\n--filter-date-picker-tile-bg-color-hover: var(--color-blue-3);\n--filter-date-picker-tile-color-hover: var(--text-color-primary);\n--filter-date-picker-input-width: var(--spacing-md);\n--filter-date-picker-invalid-input-bg-color: var(--bg-color-raised);\n--filter-date-picker-button-padding: var(--spacing-xxs);\n--filter-date-picker-icon-stroke: var(--text-color-secondary);\n--filter-date-picker-icon-width: var(--spacing-sm);\n--filter-date-picker-icon-stroke-hover: var(--text-color-primary);\n--filter-date-picker-wrapper-border-color: var(--border-color-primary);\n--filter-date-picker-wrapper-radius: var(--border-radius-md);\n--filter-date-picker-wrapper-padding: calc(var(--spacing-xxs) / 2) var(--spacing-xs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"footer","__idx":14},"children":["Footer"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Footer"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--footer-bg-color: var(--bg-color-raised);\n--footer-text-color: var(--text-color-secondary);\n--footer-border-color: var(--border-color-secondary);\n\n--footer-padding-vertical: var(--spacing-xl);\n--footer-padding-horizontal: calc(var(--spacing-unit) * 10);\n\n--footer-font-size: var(--font-size-base);\n--footer-font-weight: var(--font-weight-regular);\n\n--footer-column-divider-color: var(--footer-border-color);\n\n--footer-title-text-color: var(--text-color-primary);\n--footer-title-text-color-hover: var(--text-color-primary);\n--footer-title-font-size: var(--font-size-lg);\n--footer-title-font-weight: var(--font-weight-bold);\n\n--footer-link-text-color: var(--text-color-secondary);\n--footer-link-color-hover: var(--text-color-primary);\n--footer-link-padding-vertical: var(--spacing-xs);\n--footer-link-padding-horizontal: 0;\n\n--footer-item-icon-width: var(--spacing-base);\n--footer-item-icon-height: var(--spacing-base);\n--footer-item-icon-margin-right: var(--spacing-sm);\n--footer-item-icon-border-color: var(--border-color-primary);\n--footer-item-icon-border-radius: 12px;\n--footer-item-icon-padding: var(--spacing-xxs);\n\n--footer-separator-item-font-size: var(--font-size-sm);\n--footer-separator-item-margin: 10px 0 5px 0;\n--footer-separator-item-opacity: 0.75;\n\n--footer-column-min-width: calc(var(--spacing-unit) * 30);\n--footer-column-title-gap: var(--spacing-xs);\n--footer-column-gap: var(--spacing-lg);\n\n--footer-copyright-font-size: var(--footer-font-size);\n--footer-copyright-text-align: start;\n\n--footer-logo-height: var(--logo-height);\n--footer-logo-width: var(--logo-width);\n--footer-logo-max-width: var(--logo-max-width);\n--footer-logo-max-height: var(--logo-max-height);\n--footer-logo-display: block;\n\n--footer-container-max-width: var(--container-width);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Footer for mobile"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--mobile-footer-padding-vertical: var(--spacing-base);\n--mobile-footer-padding-horizontal: var(--spacing-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"inputs","__idx":15},"children":["Inputs"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Input"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--input-bg-color: var(--color-white);\n--input-bg-color-ghost: var(--color-white);\n\n--input-font-size: var(--font-size-base);\n--input-font-family: var(--font-family-base);\n--input-line-height: 1.15em;\n--input-text-indent: 16px;\n\n--input-padding: var(--spacing-xs);\n--input-padding-horizontal: var(--spacing-sm);\n--input-padding-vertical: var(--spacing-xxs);\n--input-height: 40px;\n\n--input-border-radius: var(--border-radius-lg);\n--input-border-color: var(--color-warm-grey-3);\n--input-border: 1px solid var(--input-border-color);\n--input-border-color-hover: var(--color-warm-grey-4);\n--input-border-hover: 1px solid var(--input-border-color-hover);\n--input-border-color-focused: var(--color-info-base);\n--input-border-focus: 1px solid var(--input-border-color-focused);\n\n--input-content-color-disabled: var(--color-warm-grey-4);\n--input-bg-color-disabled: var(--color-warm-grey-1);\n--input-border-color-disabled: var(--color-warm-grey-3);\n--input-border-disabled: 1px solid var(--input-border-color-disabled);\n\n--input-content-color-active: var(--color-warm-grey-11);\n--input-content-placeholder-color: var(--color-warm-grey-5);\n\n--input-t-icon-color: var(--color-warm-grey-5);\n\n--checkbox-bg-color: var(--bg-color);\n--checkbox-checked-bg-color: var(--color-primary-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"image","__idx":16},"children":["Image"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Image frame"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--image-frame-padding: var(--spacing-xs);\n--image-frame-border-color: var(--border-color-secondary);\n--image-frame-border-radius: var(--border-radius-xxl);\n--image-frame-bg-color: var(--bg-color-raised);\n--image-frame-image-border-radius: var(--border-radius-xl);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Image caption"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--image-caption-padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-xxs) var(--spacing-lg);\n--image-caption-text-color: var(--text-color-primary);\n--image-caption-font-size: var(--font-size-base);\n--image-caption-line-height: var(--line-height-base);\n--image-caption-font-weight: var(--font-weight-regular);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Image gallery"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--image-gallery-border-radius: var(--border-radius-xl);\n--image-gallery-image-bg-color: var(--bg-color-tonal);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Image lightbox"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--image-lightbox-overlay-bg-color: var(--bg-color-modal-overlay);\n--image-lightbox-content-max-width: 90%;\n--image-lightbox-content-max-height: 90%;\n--image-lightbox-image-max-width: min(\n 90vw,\n calc(100vw - 2 * var(--image-lightbox-side-gutter))\n);\n--image-lightbox-image-max-height: 90vh;\n--image-lightbox-image-border-radius: var(--border-radius-xl);\n--image-lightbox-image-bg-placeholder: var(--bg-color-tonal);\n--image-lightbox-image-shadow: var(--bg-raised-shadow);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Image lightbox close button"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--image-lightbox-close-size: 40px;\n--image-lightbox-close-icon-size: 18px;\n--image-lightbox-close-offset: var(--spacing-base);\n--image-lightbox-close-border-radius: var(--border-radius-xl);\n--image-lightbox-side-gutter: calc(\n var(--image-lightbox-close-size) + var(--image-lightbox-close-offset) + var(--spacing-sm)\n);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"language-picker","__idx":17},"children":["Language picker"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Language picker"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--language-picker-dropdown-font-size: var(--dropdown-menu-font-size);\n--language-picker-dropdown-font-weight: var(--dropdown-menu-font-weight);\n--language-picker-dropdown-line-height: var(--dropdown-menu-line-height);\n--language-picker-dropdown-text-color: var(--dropdown-menu-text-color);\n\n--language-picker-dropdown-min-width: var(--dropdown-menu-min-width);\n--language-picker-dropdown-max-width: var(--dropdown-menu-max-width);\n--language-picker-dropdown-max-height: var(--dropdown-menu-max-height);\n--language-picker-dropdown-padding: var(--dropdown-menu-padding);\n--language-picker-dropdown-border-radius: var(--dropdown-menu-border-radius);\n--language-picker-dropdown-box-shadow: var(--dropdown-menu-box-shadow);\n\n--language-picker-dropdown-border-color: var(--dropdown-menu-border-color);\n--language-picker-dropdown-bg-color: var(--dropdown-menu-bg-color);\n\n--language-picker-dropdown-item-padding-horizontal: 20px;\n--language-picker-dropdown-item-padding-vertical: var(--dropdown-menu-item-padding-vertical);\n--language-picker-dropdown-item-separator-padding-top: var(--dropdown-menu-item-separator-padding-top);\n--language-picker-dropdown-item-separator-padding-bottom: var(--dropdown-menu-item-separator-padding-bottom);\n--language-picker-dropdown-item-border-radius: var(--dropdown-menu-item-border-radius);\n--language-picker-dropdown-item-bg-color-active: var(--dropdown-menu-item-bg-color-active);\n--language-picker-dropdown-item-bg-color-hover: var(--dropdown-menu-item-bg-color-hover);\n--language-picker-dropdown-item-bg-color-disabled: var(--dropdown-menu-item-bg-color-disabled);\n--language-picker-dropdown-item-separator-border-color: var(--dropdown-menu-item-separator-border-color);\n--language-picker-dropdown-item-color-dangerous: var(--dropdown-menu-item-color-dangerous);\n--language-picker-dropdown-item-color-disabled: var(--dropdown-menu-item-color-disabled);\n--language-picker-dropdown-item-color-hover: var(--dropdown-menu-item-color-hover);\n--language-picker-dropdown-item-color-active: var(--dropdown-menu-item-color-active);\n--language-picker-dropdown-item-border-color-focused: var(--dropdown-menu-item-border-color-focused);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"last-updated","__idx":18},"children":["Last updated"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Last updated"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--last-updated-text-color: var(--text-color-secondary);\n--last-updated-font-size: var(--font-size-sm);\n--last-updated-font-family: var(--font-family-base);\n--last-updated-line-height: var(--line-height-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"links","__idx":19},"children":["Links"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Link"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--link-color-primary: var(--link-color-primary-palette, var(--link-color-primary-legacy));\n--link-decoration: underline 1px var(--color-primary-base, var(--link-color-primary-legacy));\n--link-underline-offset: 4px;\n--link-font-weight: var(--font-weight-medium);\n--link-color-primary-hover: var(--link-color-primary-palette, var(--link-color-primary-hover-legacy));\n--link-color-primary-pressed: var(--link-color-primary-palette, var(--link-color-primary-pressed-legacy));\n--link-decoration-hover: underline 2px var(--color-primary-base, var(--link-color-primary-hover-legacy));\n\n--link-color-inverse: var(--color-blue-5);\n--link-color-visited: var(--link-color-primary-palette, var(--link-color-visited-legacy));\n--link-decoration-visited: underline 1px var(--color-primary-base, var(--link-color-visited-legacy));\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"logo","__idx":20},"children":["Logo"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Logo"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--logo-height: 2rem;\n--logo-width: auto;\n--logo-margin: 16px;\n--logo-max-width: 285px;\n--logo-max-height: 285px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"markdown","__idx":21},"children":["Markdown"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Markdown content"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--md-content-max-width: 688px;\n--md-content-padding: 25px 0px 25px 0px;\n--md-content-font-size: var(--font-size-base);\n--md-content-font-family: var(--font-family-base);\n--md-content-line-height: var(--line-height-base);\n--md-content-font-weight: var(--font-weight-regular);\n--md-content-text-color: var(--text-color-secondary);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Markdown blockquote"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--md-blockquote-margin-vertical: 1.5em;\n--md-blockquote-margin-horizontal: 0;\n--md-blockquote-padding-vertical: 0;\n--md-blockquote-padding-horizontal: var(--spacing-base);\n--md-blockquote-border-color: var(--border-color-primary);\n--md-blockquote-bg-color: transparent;\n--md-blockquote-border-left: 4px solid var(--md-blockquote-border-color);\n--md-blockquote-text-color: var(--text-color-secondary);\n--md-blockquote-box-shadow: none;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Markdown paragraph"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--md-paragraph-margin: 0 0 var(--spacing-xs) 0;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Markdown tables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--md-table-font-size: var(--md-content-font-size);\n--md-table-line-height: var(--line-height-md);\n--md-table-margin-vertical: 20px;\n--md-table-bg-color: transparent;\n--md-table-border-radius: var(--border-radius-xl);\n\n--md-table-border-width: 1px;\n--md-table-header-bg-color: var(--layer-color);\n--md-table-border-color: var(--border-color-secondary);\n\n--md-table-stripe-bg-color: var(--md-table-bg-color);\n\n--md-table-cell-text-color: var(--text-color-secondary);\n--md-table-cell-padding: var(--spacing-xs) var(--spacing-sm);\n--md-table-footer-cell-padding: var(--spacing-xxs) var(--spacing-sm);\n--md-table-cell-vertical-align: top;\n\n--md-table-head-bg-color: var(--md-table-bg-color);\n--md-table-head-text-color: var(--text-color-primary);\n--md-table-head-font-weight: var(--font-weight-medium);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Markdown horizontal rule"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--md-hr-border-color: var(--border-color-secondary);\n--md-hr-border: 0.5px solid var(--md-hr-border-color);\n--md-hr-margin-vertical: 20px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Markdown list"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--md-list-left-padding: 1.25rem;\n--md-list-margin: 0 0 var(--spacing-xs) 0;\n--md-list-item-margin: 0.25rem;\n--md-list-item-style: inherit;\n\n--md-checkbox-list-item-style: none;\n\n--md-numbered-list-number-display: none;\n--md-numbered-list-item-style: var(--md-list-item-style);\n--md-numbered-list-number-text-color: var(--md-content-text-color);\n--md-numbered-list-number-font-size: var(--md-content-font-size);\n--md-numbered-list-number-font-family: var(--md-content-font-family);\n--md-numbered-list-number-font-weight: var(--md-content-font-weight);\n--md-numbered-list-number-bg-color: var(--bg-color-active);\n--md-numbered-list-number-border-radius: 10px;\n--md-numbered-list-number-margin-right: 5px;\n--md-numbered-list-number-padding: 0 5px;\n\n--md-pre-margin: 0 0 var(--spacing-xs) 0;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Markdown tabs component"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--md-tabs-container-text-color: inherit;\n--md-tabs-container-font-size: var(--md-content-font-size);\n--md-tabs-container-font-family: var(--md-content-font-family);\n--md-tabs-container-font-style: normal;\n--md-tabs-container-font-weight: var(--font-weight-regular);\n--md-tabs-container-bg-color: inherit;\n--md-tabs-container-margin: 10px 0;\n--md-tabs-container-padding: 0;\n--md-tabs-container-border: none;\n\n--md-tabs-border: solid var(--border-color-secondary);\n--md-tabs-border-width: 0 0 1px 0;\n--md-tabs-padding: 0;\n\n--md-tabs-content-text-color: inherit;\n--md-tabs-content-font-size: var(--md-content-font-size);\n--md-tabs-content-font-family: var(--md-content-font-family);\n--md-tabs-content-font-style: normal;\n--md-tabs-content-font-weight: var(--font-weight-regular);\n--md-tabs-content-bg-color: inherit;\n--md-tabs-content-margin: 0;\n--md-tabs-content-padding: var(--spacing-base) 0;\n--md-tabs-content-border: none;\n\n--md-tabs-gap: var(--spacing-xs);\n\n--md-tabs-tab-text-color: var(--text-color-primary);\n--md-tabs-tab-font-family: var(--md-content-font-family);\n--md-tabs-tab-font-style: normal;\n--md-tabs-tab-bg-color: none;\n--md-tabs-tab-margin: 0 0 -1px 0;\n--md-tabs-tab-wrapper-padding: var(--spacing-unit) 0;\n\n--md-tabs-medium-tab-padding: var(--spacing-unit) var(--spacing-sm);\n--md-tabs-medium-tab-border-width: 0 0 1px 0;\n--md-tabs-medium-tab-border-radius: 0;\n--md-tabs-medium-tab-font-weight: var(--font-weight-regular);\n--md-tabs-medium-tab-line-height: var(--line-height-lg);\n--md-tabs-medium-tab-font-size: var(--font-size-lg);\n\n--md-tabs-small-tab-border-width: var(--md-tabs-medium-tab-border-width);\n--md-tabs-small-tab-padding: 1px var(--spacing-xs);\n--md-tabs-small-tab-font-size: var(--font-size-base);\n--md-tabs-small-tab-font-weight: var(--font-weight-regular);\n--md-tabs-small-tab-line-height: var(--line-height-base);\n--md-tabs-small-tab-border-radius: var(--border-radius-md);\n\n--md-tabs-active-tab-text-color: var(--color-primary-text, var(--md-tabs-active-tab-text-color-legacy));\n--md-tabs-active-tab-font-family: var(--md-tabs-tab-font-family);\n--md-tabs-active-tab-font-style: normal;\n--md-tabs-active-tab-bg-color: var(--color-primary-bg, var(--md-tabs-active-tab-bg-color-legacy));\n--md-tabs-active-tab-border-color: var(--color-primary-active, var(--md-tabs-active-tab-border-color-legacy));\n\n--md-tabs-medium-active-tab-font-size: var(--md-tabs-medium-tab-font-size);\n--md-tabs-medium-active-tab-font-weight: var(--md-tabs-medium-tab-font-weight);\n--md-tabs-medium-active-tab-line-height: var(--md-tabs-medium-tab-line-height);\n--md-tabs-medium-active-tab-padding: var(--md-tabs-medium-tab-padding);\n--md-tabs-medium-active-tab-border-width: var(--md-tabs-medium-tab-border-width);\n--md-tabs-medium-active-tab-border-radius: var(--border-radius-lg);\n\n--md-tabs-small-active-tab-font-size: var(--md-tabs-small-tab-font-size);\n--md-tabs-small-active-tab-font-weight: var(--md-tabs-small-tab-font-weight);\n--md-tabs-small-active-tab-line-height: var(--md-tabs-small-tab-line-height);\n--md-tabs-small-active-tab-padding: var(--md-tabs-small-tab-padding);\n--md-tabs-small-active-tab-border-width: var(--md-tabs-medium-tab-border-width);\n--md-tabs-small-active-tab-border-radius: var(--border-radius-md);\n\n--md-tabs-hover-tab-text-color: var(--md-tabs-tab-text-color);\n--md-tabs-hover-tab-font-family: var(--md-tabs-tab-font-family);\n--md-tabs-hover-tab-font-style: normal;\n--md-tabs-hover-tab-bg-color: var(--color-hover-base);\n--md-tabs-hover-tab-border-color: transparent;\n\n--md-tabs-medium-hover-tab-font-size: var(--md-tabs-medium-tab-font-size);\n--md-tabs-medium-hover-tab-font-weight: var(--md-tabs-medium-tab-font-weight);\n--md-tabs-medium-hover-tab-line-height: var(--md-tabs-medium-tab-line-height);\n--md-tabs-medium-hover-tab-padding: var(--md-tabs-medium-tab-padding);\n--md-tabs-medium-hover-tab-border-width: var(--md-tabs-medium-tab-border-width);\n--md-tabs-medium-hover-tab-border-radius: var(--md-tabs-medium-active-tab-border-radius);\n\n--md-tabs-small-hover-tab-font-size: var(--md-tabs-small-tab-font-size);\n--md-tabs-small-hover-tab-font-weight: var(--md-tabs-small-tab-font-weight);\n--md-tabs-small-hover-tab-line-height: var(--md-tabs-small-tab-line-height);\n--md-tabs-small-hover-tab-padding: var(--md-tabs-small-tab-padding);\n--md-tabs-small-hover-tab-border-width: var(--md-tabs-medium-tab-border-width);\n--md-tabs-small-hover-tab-border-radius: var(--border-radius-md);\n\n--md-tabs-tab-text-disabled-color: var(--text-color-disabled);\n\n--md-tabs-tab-focused-padding: var(--spacing-unit);\n\n--md-tabs-icon-size: 16px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"navbar","__idx":22},"children":["Navbar"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Navbar common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--navbar-bg-color: var(--bg-color);\n--navbar-border-color: var(--border-color-secondary);\n--navbar-border: 1px solid var(--navbar-border-color);\n\n--navbar-row-bottom-border-color: var(--navbar-border-color);\n\n--navbar-text-color: var(--text-color-secondary);\n--navbar-height: 64px;\n--navbar-stack-height: var(--navbar-height);\n--navbar-offset: calc(var(--navbar-stack-height) + var(--banner-height));\n--navbar-font-size: var(--font-size-base);\n--navbar-padding: 0 var(--spacing-xl);\n--navbar-font-family: var(--font-family-base);\n--navbar-container-max-width: 100%;\n\n--navbar-menu-items-gap: var(--spacing-sm);\n--navbar-menu-justify-content: flex-start;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Navbar item"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--navbar-item-font-weight: var(--font-weight-regular);\n\n--navbar-item-text-color-active: var(--text-color-primary);\n--navbar-item-text-decoration-active: none;\n--navbar-item-bottom-border-active: none;\n\n--navbar-item-padding-vertical: var(--spacing-xxs);\n--navbar-item-padding-horizontal: var(--spacing-sm);\n--navbar-item-padding: var(--navbar-item-padding-vertical) var(--navbar-item-padding-horizontal);\n\n--navbar-item-line-height: var(--line-height-base);\n--navbar-item-bg-color-active: var(--bg-color-active);\n--navbar-item-border-radius: var(--border-radius-lg);\n--navbar-item-bottom-border: none;\n\n--navbar-item-text-color-hover: var(--text-color-primary);\n--navbar-item-text-decoration-hover: none;\n--navbar-item-bg-color-hover: var(--bg-color);\n--navbar-item-bottom-border-hover: none;\n\n--navbar-item-icon-width: 1.5em;\n--navbar-item-icon-height: 1.5em;\n--navbar-item-icon-margin-right: 0.5em;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Navbar logo"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--navbar-logo-height: var(--logo-height);\n--navbar-logo-width: var(--logo-width);\n--navbar-logo-margin: var(--logo-margin);\n--navbar-logo-max-width: var(--logo-max-width);\n--navbar-logo-max-height: var(--logo-max-height);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Navbar separator"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--navbar-separator-text-color: var(--text-color-description);\n--navbar-separator-font-size: var(--font-size-sm);\n--navbar-separator-line-height: var(--line-height-sm);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"diagram","__idx":23},"children":["Diagram"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Diagram component"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--diagram-bg-color: var(--bg-color-raised);\n--diagram-border-radius: var(--border-radius-lg);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"svg-viewer","__idx":24},"children":["SVG Viewer"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["SVG Viewer component"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The SVG Viewer is a fullscreen lightbox component used for viewing SVG diagrams (like Mermaid) with zoom and pan controls."]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--svg-viewer-overlay-bg-color: var(--bg-color-modal-overlay);\n--svg-viewer-bg-color: var(--bg-color);\n--svg-viewer-border-radius: var(--border-radius-xl);\n--svg-viewer-box-shadow: var(--bg-raised-shadow);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"page-actions","__idx":25},"children":["Page actions"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Page actions button"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--page-actions-padding-left: var(--spacing-sm);\n--page-actions-button-text-color: var(--text-color-secondary);\n--page-actions-processing-icon-color: var(--icon-color-interactive);\n--page-actions-done-icon-color: var(--color-success-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Page actions menu"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--page-actions-menu-item-padding: 3px 0;\n--page-actions-menu-item-gap: var(--spacing-xs);\n--page-actions-menu-item-icon-color: var(--icon-color-secondary);\n--page-actions-menu-item-icon-border-color: var(--color-warm-grey-3);\n--page-actions-menu-item-icon-border-radius: var(--border-radius);\n--page-actions-menu-item-icon-wrapper-size: 28px;\n\n--page-actions-menu-item-text-gap: 2px;\n\n--page-actions-menu-item-title-font-weight: var(--font-weight-regular);\n--page-actions-menu-item-title-font-size: var(--font-size-base);\n--page-actions-menu-item-title-line-height: var(--line-height-base);\n--page-actions-menu-item-title-color: var(--text-color-secondary);\n\n--page-actions-menu-item-title-icon-gap: var(--spacing-xxs);\n--page-actions-menu-item-title-icon-color: var(--icon-color-secondary);\n\n--page-actions-menu-item-description-font-weight: var(--font-weight-regular);\n--page-actions-menu-item-description-font-size: var(--font-size-sm);\n--page-actions-menu-item-description-line-height: var(--line-height-sm);\n--page-actions-menu-item-description-color: var(--text-color-description);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"product","__idx":26},"children":["Product"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Product logo"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--product-logo-gap: var(--spacing-xs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Product picker"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--product-picker-dropdown-font-size: var(--dropdown-menu-font-size);\n--product-picker-dropdown-font-weight: var(--dropdown-menu-font-weight);\n--product-picker-dropdown-line-height: var(--dropdown-menu-line-height);\n--product-picker-dropdown-text-color: var(--dropdown-menu-text-color);\n\n--product-picker-dropdown-min-width: var(--dropdown-menu-min-width);\n--product-picker-dropdown-max-width: var(--dropdown-menu-max-width);\n--product-picker-dropdown-max-height: var(--dropdown-menu-max-height);\n--product-picker-dropdown-padding: var(--dropdown-menu-padding);\n--product-picker-dropdown-border-radius: var(--dropdown-menu-border-radius);\n--product-picker-dropdown-box-shadow: var(--dropdown-menu-box-shadow);\n--product-picker-dropdown-border-color: var(--dropdown-menu-border-color);\n--product-picker-dropdown-bg-color: var(--dropdown-menu-bg-color);\n\n--product-picker-dropdown-item-padding-horizontal: 20px;\n--product-picker-dropdown-item-padding-vertical: var(--dropdown-menu-item-padding-vertical);\n--product-picker-dropdown-item-separator-padding-top: var(--dropdown-menu-item-separator-padding-top);\n--product-picker-dropdown-item-separator-padding-bottom: var(--dropdown-menu-item-separator-padding-bottom);\n--product-picker-dropdown-item-border-radius: var(--dropdown-menu-item-border-radius);\n--product-picker-dropdown-item-bg-color-active: var(--dropdown-menu-item-bg-color-active);\n--product-picker-dropdown-item-bg-color-hover: var(--dropdown-menu-item-bg-color-hover);\n--product-picker-dropdown-item-bg-color-disabled: var(--dropdown-menu-item-bg-color-disabled);\n--product-picker-dropdown-item-separator-border-color: var(--dropdown-menu-item-separator-border-color);\n--product-picker-dropdown-item-color-dangerous: var(--dropdown-menu-item-color-dangerous);\n--product-picker-dropdown-item-color-disabled: var(--dropdown-menu-item-color-disabled);\n--product-picker-dropdown-item-color-hover: var(--dropdown-menu-item-color-hover);\n--product-picker-dropdown-item-color-active: var(--dropdown-menu-item-color-active);\n\n--product-picker-dropdown-item-border-color-focused: var(--dropdown-menu-item-border-color-focused);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"scorecard","__idx":27},"children":["Scorecard"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Scorecard common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--scorecard-level-color-5-1: var(--color-error-base);\n--scorecard-level-color-5-2: var(--color-persian-green-4);\n--scorecard-level-color-5-3: var(--color-persian-green-5);\n--scorecard-level-color-5-4: var(--color-persian-green-6);\n--scorecard-level-color-5-5: var(--color-persian-green-7);\n\n--scorecard-level-color-4-1: var(--color-error-base);\n--scorecard-level-color-4-2: var(--color-persian-green-4);\n--scorecard-level-color-4-3: var(--color-persian-green-5);\n--scorecard-level-color-4-4: var(--color-persian-green-6);\n\n--scorecard-level-color-3-1: var(--color-error-base);\n--scorecard-level-color-3-2: var(--color-persian-green-5);\n--scorecard-level-color-3-3: var(--color-persian-green-6);\n\n--scorecard-level-color-2-1: var(--color-error-base);\n--scorecard-level-color-2-2: var(--color-persian-green-5);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"search","__idx":28},"children":["Search"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-modal-width: 1100px;\n--search-modal-min-width: 455px;\n--search-modal-min-height: 530px;\n--search-modal-bg-color: var(--modal-bg-color);\n--search-modal-box-shadow: var(--modal-box-shadow);\n--search-modal-border-radius: var(--border-radius-xxl);\n--search-modal-border: 1px solid var(--border-color-secondary);\n\n--search-modal-header-bg-color: var(--bg-color-tonal);\n--search-modal-header-padding: var(--spacing-sm);\n\n--search-modal-footer-padding: var(--spacing-sm);\n--search-modal-footer-gap: var(--spacing-md);\n\n--search-highlight-bg-color: none;\n--search-highlight-text-color: var(--color-info-base);\n\n--search-input-font-family: var(--font-family-base);\n--search-input-font-size: var(--font-size-base);\n--search-input-font-weight: var(--font-weight-regular);\n--search-input-line-height: var(--line-height-base);\n--search-input-bg-color: var(--bg-color-tonal);\n--search-input-text-color: var(--input-content-color-active);\n--search-input-icon-color: var(--icon-color-interactive);\n--search-input-placeholder-color: var(--input-content-placeholder-color);\n--search-input-padding: var(--spacing-sm);\n--search-input-gap: var(--spacing-sm);\n--search-input-height: 40px;\n--search-input-border: none;\n--search-input-border-radius: var(--border-radius-xl);\n\n--search-group-title-padding: var(--spacing-sm);\n--search-group-title-bg-color: var(--bg-color-tonal);\n--search-group-footer-padding: var(--spacing-sm);\n--search-group-footer-text-color: var(--link-color-primary);\n\n--search-item-text-color: var(--text-color-secondary);\n--search-item-text-color-hover: var(--text-color-primary);\n--search-item-title-font-size: var(--font-size-base);\n--search-item-title-font-weight: var(--font-weight-medium);\n--search-item-title-line-height: var(--line-height-base);\n--search-item-title-text-color: var(--text-color-primary);\n--search-item-title-padding: var(--spacing-xxs) 0 2px 0;\n--search-item-path-text-color: var(--text-color-description);\n--search-item-bg-color: transparent;\n--search-item-bg-color-hover: var(--layer-color-ontonal-hover);\n--search-item-border-color-focused: var(--color-blue-4);\n--search-item-border-radius: var(--border-radius-lg);\n--search-item-padding: var(--spacing-sm) var(--spacing-lg);\n--search-item-gap: var(--spacing-xxs);\n--search-item-product-icon-size: 16px;\n\n--search-recent-item-font-size: var(--font-size-base);\n--search-recent-item-font-weight: var(--font-weight-regular);\n--search-recent-item-line-height: var(--line-height-base);\n--search-recent-item-padding: var(--spacing-xs) var(--spacing-lg);\n--search-recent-item-text-color: var(--search-item-text-color);\n--search-recent-item-text-color-hover: var(--search-item-text-color-hover);\n--search-recent-item-bg-color-hover: var(--search-item-bg-color-hover);\n--search-recent-item-title-font-size: var(--font-size-base);\n--search-recent-item-title-font-weight: var(--font-weight-semibold);\n--search-recent-item-title-line-height: var(--line-height-base);\n--search-recent-item-title-text-color: var(--text-color-primary);\n--search-recent-item-title-padding: var(--spacing-md) var(--spacing-lg) var(--spacing-xxs) var(--spacing-lg);\n--search-recent-item-bg-color-active: var(--layer-color);\n--search-recent-item-border-color-focused: var(--color-blue-4);\n--search-recent-item-border-radius: var(--search-item-border-radius);\n\n--search-suggested-item-font-size: var(--font-size-base);\n--search-suggested-item-font-weight: var(--font-weight-regular);\n--search-suggested-item-line-height: var(--line-height-base);\n--search-suggested-item-padding: var(--spacing-xs) var(--spacing-lg);\n--search-suggested-item-text-color: var(--search-item-text-color);\n--search-suggested-item-text-color-hover: var(--search-item-text-color-hover);\n--search-suggested-item-bg-color-hover: var(--search-item-bg-color-hover);\n--search-suggested-item-title-font-size: var(--font-size-base);\n--search-suggested-item-title-font-weight: var(--font-weight-semibold);\n--search-suggested-item-title-line-height: var(--line-height-base);\n--search-suggested-item-title-text-color: var(--text-color-primary);\n--search-suggested-item-title-padding: var(--spacing-md) var(--spacing-lg) var(--spacing-xxs) var(--spacing-lg);\n--search-suggested-item-bg-color-active: var(--layer-color);\n--search-suggested-item-border-color-focused: var(--color-blue-4);\n--search-suggested-item-border-radius: var(--search-item-border-radius);\n\n--search-shortcuts-gap: var(--spacing-xs);\n\n--search-message-font-size: var(--font-size-lg);\n--search-message-font-weight: var(--font-weight-regular);\n--search-message-line-height: var(--line-height-lg);\n--search-message-text-color: var(--text-color-secondary);\n--search-message-gap: var(--spacing-md);\n--search-message-padding: var(--spacing-md);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search filter"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-filter-width: 450px;\n--search-filter-bg-color: var(--search-modal-bg-color);\n--search-filter-padding: var(--spacing-lg);\n--search-filter-font-size: var(--font-size-base);\n--search-filter-font-weight: var(--font-weight-regular);\n--search-filter-line-height: var(--line-height-base);\n\n--search-filter-header-padding: var(--spacing-md) 0;\n--search-filter-header-text-color: var(--text-color-helper);\n--search-filter-header-z-index: var(--z-index-raised);\n\n--search-filter-fields-gap: var(--spacing-base);\n\n--search-filter-field-select-option-gap: var(--spacing-unit);\n--search-filter-field-select-option-text-padding: 0 0 0 var(--spacing-unit);\n--search-filter-field-select-footer-padding: 0 0 0 var(--spacing-unit);\n--search-filter-field-select-footer-text-color: var(--text-color-helper);\n\n--search-filter-field-tags-gap: var(--spacing-unit);\n--search-filter-field-tags-tag-margin: var(--spacing-unit) 0 0 0;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search trigger"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-trigger-gap: var(--spacing-xs);\n--search-trigger-border-width: var(--border-width);\n--search-trigger-border-style: var(--border-style);\n--search-trigger-border-color: var(--input-border-color);\n--search-trigger-border-color-hover: var(--input-border-color-hover);\n--search-trigger-border-radius: var(--border-radius-lg);\n--search-trigger-padding-vertical: var(--input-padding-vertical);\n--search-trigger-padding-horizontal: var(--input-padding-horizontal);\n--search-trigger-padding: var(--search-trigger-padding-vertical) var(--search-trigger-padding-horizontal);\n--search-trigger-color: var(--input-content-placeholder-color);\n--search-trigger-bg-color: var(--navbar-bg-color);\n--search-trigger-icon-size: 16px;\n--search-trigger-line-height: var(--line-height-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-gradient: linear-gradient(to right, #715efe, #ff5cdc);\n\n--search-ai-response-padding: var(--spacing-lg);\n--search-ai-response-gap: var(--spacing-sm);\n--search-ai-response-header-gap: var(--spacing-md);\n--search-ai-response-body-gap: var(--spacing-xl);\n--search-ai-response-body-padding: 0 40px;\n\n--search-ai-spinner-icon-color: var(--icon-color-interactive);\n--search-ai-checkmark-icon-color: var(--icon-color-interactive);\n\n--search-ai-button-icon-color: none;\n\n--search-ai-welcome-margin: var(--spacing-md);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI typography"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-question-font-size: var(--font-size-xl);\n--search-ai-question-font-weight: var(--font-weight-semibold);\n--search-ai-question-line-height: var(--line-height-xl);\n--search-ai-question-text-color: var(--text-color-primary);\n\n--search-ai-text-color: var(--text-color-secondary);\n--search-ai-text-font-size: var(--font-size-lg);\n--search-ai-text-line-height: var(--line-height-lg);\n--search-ai-thinking-text-margin: var(--md-pre-margin) 0;\n\n--search-ai-disclaimer-font-size: var(--font-size-sm);\n--search-ai-disclaimer-line-height: var(--line-height-sm);\n--search-ai-disclaimer-text-color: var(--text-color-secondary);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI messages"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-user-bg-color: var(--color-blue-6);\n--search-ai-user-text-color: var(--color-static-white);\n--search-ai-assistant-bg-color: var(--layer-color);\n--search-ai-assistant-text-color: var(--text-color-primary);\n--search-ai-assistant-border: 1px solid var(--border-color-primary);\n--search-ai-assistant-message-max-width: 80%;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI icon"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-icon-size: 32px;\n--search-ai-icon-bg-color: var(--search-ai-gradient);\n--search-ai-icon-color: var(--color-static-white);\n--search-ai-icon-wrapper-padding: var(--spacing-xs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI resources"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-resources-gap: var(--spacing-xxs);\n--search-ai-resources-title-font-weight: var(--font-weight-medium);\n--search-ai-resources-title-font-size: var(--font-size-lg);\n--search-ai-resources-title-line-height: var(--line-height-lg);\n\n--search-ai-resource-tags-gap: var(--spacing-xxs);\n--search-ai-resource-tag-text-color: var(--text-color-secondary);\n--search-ai-resource-tag-icon-color: var(--text-color-secondary);\n--search-ai-resource-tag-icon-size: 16px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI suggestions"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-suggestions-gap: var(--spacing-sm);\n--search-ai-suggestions-margin-left: var(--spacing-xs);\n--search-ai-suggestion-item-gap: var(--spacing-xxs);\n--search-ai-suggestions-title-text-color: var(--text-color-description);\n--search-ai-suggestions-title-font-size: var(--font-size-base);\n--search-ai-suggestions-title-line-height: var(--line-height-base);\n--search-ai-suggestions-title-font-weight: var(--font-weight-light);\n--search-ai-suggestions-text-color: var(--text-color-description);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI thinking animation"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-thinking-dots-gap: 4px;\n--search-ai-thinking-dots-padding: 4px 0;\n--search-ai-thinking-dot-size: 6px;\n--search-ai-thinking-dot-color: var(--search-ai-gradient);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI feedback"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-feedback-gap: var(--spacing-xxs);\n--search-ai-feedback-form-bg-color: var(--background-color-secondary);\n--search-ai-feedback-form-border-color: var(--border-color-primary);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI dialog"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-dialog-bg-color: var(--bg-color);\n--search-ai-dialog-header-border: var(--search-modal-border);\n--search-ai-dialog-header-bg-color: var(--search-modal-header-bg-color);\n--search-ai-dialog-header-padding: var(--search-modal-header-padding);\n\n--search-ai-dialog-body-padding: var(--search-ai-response-padding);\n--search-ai-dialog-body-gap: var(--spacing-sm);\n\n--search-ai-dialog-input-padding: var(--spacing-sm) var(--search-ai-response-padding);\n--search-ai-dialog-input-border: 1px solid var(--border-color-secondary);\n--search-ai-dialog-input-bg-color: var(--bg-color);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Search AI conversation input"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--search-ai-conversation-input-bg-color: var(--bg-color);\n--search-ai-conversation-input-bg-color-disabled: var(--color-warm-grey-1);\n--search-ai-conversation-input-padding: var(--spacing-sm) var(--spacing-md);\n--search-ai-conversation-input-border: 1px solid var(--border-color-secondary);\n--search-ai-conversation-input-border-radius: var(--border-radius-xl);\n--search-ai-conversation-input-font-size: var(--font-size-base);\n--search-ai-conversation-input-placeholder-color: var(--search-input-placeholder-color);\n--search-ai-conversation-input-border-color-focus: var(--color-blue-6);\n--search-ai-conversation-input-border-color-disabled: var(--border-color-secondary);\n\n--search-ai-conversation-input-send-button-right: 12px;\n--search-ai-conversation-input-send-button-padding: 5px;\n--search-ai-conversation-input-send-button-bg-color: var(--button-bg-color-primary);\n--search-ai-conversation-input-send-button-bg-color-hover: var(--button-bg-color-primary-hover);\n--search-ai-conversation-input-send-button-bg-color-disabled: var(--button-bg-color-disabled);\n--search-ai-conversation-input-send-button-border-color-disabled: var(--button-border-color-disabled);\n--search-ai-conversation-input-send-button-icon-color: var(--color-static-white);\n--search-ai-conversation-input-send-button-border-radius: var(--border-radius-md);\n--search-ai-conversation-input-send-button-border-disabled: 1px solid var(--button-border-color-disabled);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"navigation-tabs","__idx":29},"children":["Navigation tabs"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Navigation tabs"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--navigation-tabs-height: 48px;\n--navigation-tabs-bg-color: transparent;\n--navigation-tabs-border-color: var(--border-color-secondary);\n--navigation-tabs-border-width: 1px;\n--navigation-tabs-bottom-border: var(--navigation-tabs-border-width) solid\n var(--navigation-tabs-border-color);\n--navigation-tabs-padding-vertical: 0;\n--navigation-tabs-padding-horizontal: var(--spacing-xl);\n--navigation-tabs-padding: var(--navigation-tabs-padding-vertical)\n var(--navigation-tabs-padding-horizontal);\n--navigation-tabs-gap: var(--spacing-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Navigation tab item"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--navigation-tabs-item-padding-vertical: var(--spacing-xxs);\n--navigation-tabs-item-padding-horizontal: 0;\n--navigation-tabs-item-padding: var(--navigation-tabs-item-padding-vertical)\n var(--navigation-tabs-item-padding-horizontal);\n--navigation-tabs-item-content-gap: var(--spacing-xs);\n--navigation-tabs-item-font-size: var(--font-size-base);\n--navigation-tabs-item-line-height: var(--line-height-base);\n--navigation-tabs-item-font-weight: var(--font-weight-regular);\n--navigation-tabs-item-font-weight-active: var(--font-weight-medium);\n--navigation-tabs-item-text-color: var(--navbar-text-color);\n--navigation-tabs-item-text-color-hover: var(--text-color-primary);\n--navigation-tabs-item-text-color-active: var(--text-color-primary);\n--navigation-tabs-item-bottom-border: var(--navigation-tabs-border-width) solid transparent;\n--navigation-tabs-item-bottom-border-hover: var(--navigation-tabs-border-width) solid\n var(--border-color-primary);\n--navigation-tabs-item-bottom-border-active: var(--navigation-tabs-border-width) solid\n var(--border-color-inverse);\n--navigation-tabs-item-border-color-focused: var(--button-border-color-focused);\n--navigation-tabs-item-border-radius: var(--navbar-item-border-radius);\n--navigation-tabs-item-icon-size: 1.25em;\n--navigation-tabs-item-external-icon-margin-left: 0;\n--navigation-tabs-item-label-font-weight-active: var(--navigation-tabs-item-font-weight-active);\n--navigation-tabs-item-transition: 150ms ease-in-out;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"segmented","__idx":30},"children":["Segmented"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Segmented common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--segmented-font-size: var(--font-size-base);\n--segmented-font-weight: var(--font-weight-regular);\n--segmented-text-color: var(--text-color-secondary);\n--segmented-line-height: var(--line-height-base);\n\n--segmented-font-size-active: var(--font-size-base);\n--segmented-font-weight-active: var(--font-weight-medium);\n--segmented-text-color-active: var(--text-color-primary);\n\n--segmented-buttons-content-color: var(--color-warm-grey-8);\n--segmented-buttons-content-color-hover: var(--color-warm-grey-11);\n--segmented-buttons-content-color-active: var(--color-blue-11);\n--segmented-buttons-bg-color-inner: var(--color-white);\n--segmented-buttons-bg-color-main: var(--color-warm-grey-2);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"select","__idx":31},"children":["Select"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Select common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--select-font-size: var(--font-size-base);\n--select-font-weight: var(--font-weight-regular);\n--select-line-height: var(--line-height-base);\n--select-text-color: var(--text-color-secondary);\n--select-border-radius: var(--border-radius-lg);\n\n--select-input-padding-vertical: 6px;\n--select-input-padding-horizontal: 6px;\n--select-input-padding: var(--select-input-padding-vertical) var(--select-input-padding-horizontal);\n--select-input-gap: var(--spacing-xs);\n--select-input-value-gap: var(--spacing-unit);\n--select-input-border-radius: var(--border-radius-lg);\n--select-input-font-size: var(--font-size-base);\n--select-input-font-weight: var(--font-weight-regular);\n--select-input-line-height: var(--line-height-base);\n--select-input-bg-color: var(--bg-color);\n--select-input-placeholder-color: var(--input-content-placeholder-color);\n\n--select-list-min-width: 100px;\n--select-list-max-width: 300px;\n--select-list-padding: var(--spacing-xxs);\n--select-list-border-radius: var(--border-radius-lg);\n--select-list-bg-color: var(--bg-color);\n--select-list-box-shadow: var(--bg-raised-shadow);\n\n--select-list-item-padding-vertical: var(--spacing-xs);\n--select-list-item-padding-horizontal: var(--spacing-base);\n--select-list-item-padding: var(--select-list-item-padding-vertical) var(--select-list-item-padding-horizontal);\n\n--select-list-item-gap: var(--spacing-xs);\n--select-list-item-border-radius: var(--border-radius-md);\n--select-list-item-bg-color-active: transparent;\n--select-list-item-bg-color-hover: var(--menu-item-bg-color-hover);\n--select-list-item-font-weight-active: var(--font-weight-medium);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"sidebar","__idx":32},"children":["Sidebar"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Sidebar common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--sidebar-logo-max-height: 285px;\n--sidebar-logo-max-width: 285px;\n--sidebar-logo-padding: 2px;\n\n--sidebar-font-size: var(--font-size-base);\n--sidebar-font-family: var(--font-family-base);\n--sidebar-word-break: inherit;\n--sidebar-bg-color: var(--bg-color);\n--sidebar-border-color: var(--border-color-secondary);\n--sidebar-text-color: var(--tree-content-color-default);\n--sidebar-spacing-unit: var(--spacing-base);\n--sidebar-width: 285px;\n--sidebar-collapsed-width: 55px;\n--sidebar-margin-horizontal: var(--spacing-base);\n--sidebar-offset-top: var(--sidebar-spacing-unit);\n--sidebar-offset-left: var(--sidebar-spacing-unit);\n\n--sidebar-chevron-size: var(--spacing-xs);\n\n--sidebar-header-padding-bottom: var(--sidebar-spacing-unit);\n\n--sidebar-footer-padding-vertical: var(--spacing-sm);\n--sidebar-footer-padding-horizontal: var(--spacing-base);\n\n--sidebar-controls-collapsed-gap: var(--spacing-xs);\n--sidebar-controls-collapsed-padding-vertical: var(--spacing-xs);\n--sidebar-controls-collapsed-padding-horizontal: var(--spacing-xxs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"sidebar-menu","__idx":33},"children":["Sidebar menu"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Sidebar menu"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--menu-padding: 0px;\n--menu-margin: 0px;\n--menu-list-style: none;\n\n--menu-content-color: var(--text-color-secondary);\n--menu-content-title-color: var(--text-color-description);\n--menu-content-color-active: var(--text-color-primary);\n--menu-content-color-disabled: var(--text-color-disabled);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Sidebar menu item"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--menu-item-font-family: var(--sidebar-font-family);\n--menu-item-font-size: var(--sidebar-font-size);\n--menu-item-font-weight: var(--font-weight-regular);\n--menu-item-font-weight-active: var(--font-weight-medium);\n--menu-item-line-height: var(--line-height-base);\n\n--menu-item-text-color: var(--sidebar-text-color);\n--menu-item-bg-color: transparent;\n--menu-item-bg-color-hover: var(--color-hover-base);\n--menu-item-bg-color-active: var(--color-primary-bg, var(--menu-item-bg-color-active-legacy));\n\n--menu-item-color-hover: var(--tree-content-color-hover);\n--menu-item-color-active: var(--color-primary-text, var(--menu-item-color-active-legacy));\n\n--menu-item-padding-vertical: var(--spacing-unit);\n--menu-item-padding-horizontal: var(--spacing-xxs);\n--menu-item-nested-offset: var(--spacing-sm);\n\n--menu-item-label-align-items: center;\n--menu-item-label-transition: background-color 0.3s, color 0.3s;\n--menu-item-label-word-break: break-word;\n--menu-item-label-margin-horizontal: var(--sidebar-margin-horizontal);\n--menu-item-label-margin-vertical: 0;\n--menu-item-label-margin: var(--menu-item-label-margin-vertical) var(--menu-item-label-margin-horizontal);\n--menu-item-label-padding: var(--menu-item-padding-vertical) var(--menu-item-padding-horizontal);\n--menu-item-label-gap: var(--spacing-xxs);\n--menu-item-label-border-radius: var(--border-radius-lg);\n--menu-item-label-chevron-size: 12px;\n--menu-item-label-chevron-offset: calc(var(--menu-item-label-gap) + var(--menu-item-label-chevron-size));\n\n--menu-item-sublabel-font-family: inherit; // sublabel is for drilldown only but I would like to support it in general\n--menu-item-sublabel-font-size: var(--font-size-sm);\n--menu-item-sublabel-font-weight: var(--font-weight-regular);\n--menu-item-sublabel-text-color: var(--menu-item-text-color);\n--menu-item-sublabel-margin: 0 0 0 var(--spacing-base);\n\n--menu-item-icon-size: var(--spacing-base);\n--menu-item-icon-margin: 0 var(--spacing-xxs) 0 0;\n--menu-item-icon-border-radius: 100%;\n\n--menu-item-external-icon-size: 10px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Sidebar menu item separator"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'menu-item-type-separator','menu-item-type-separator-primary','menu-item-type-separator-secondary'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--menu-item-separator-line-height: 1px;\n--menu-item-separator-line-bg-color: var(--border-color-secondary);\n\n.menu-item-type-separator {\n --menu-item-label-chevron-offset: 0px;\n}\n\n.menu-item-type-separator-primary {\n --menu-item-font-weight: var(--font-weight-bold);\n --menu-item-text-color: var(--text-color-primary);\n --menu-item-font-size: var(--sidebar-font-size);\n --menu-item-line-height: var(--line-height-base);\n}\n\n.menu-item-type-separator-secondary {\n --menu-item-font-weight: var(--font-weight-bold);\n --menu-item-text-color: var(--text-color-secondary);\n --menu-item-font-size: var(--font-size-sm);\n --menu-item-line-height: var(--line-height-sm);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Sidebar mobile menu"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--menu-mobile-height: calc(100vh - var(--navbar-height));\n--menu-mobile-width: 100%;\n--menu-mobile-z-index: var(--z-index-raised);\n--menu-mobile-left: 0;\n--menu-mobile-top: var(--navbar-height);\n--menu-mobile-transition: 0.5s;\n--menu-mobile-bg: var(--bg-color);\n--menu-mobile-margin: var(--menu-mobile-items-margin-top) var(--menu-mobile-margin-horizontal) 0\n var(--menu-mobile-margin-horizontal);\n--menu-mobile-line-height: var(--line-height-base);\n--menu-mobile-padding-top: var(--spacing-sm);\n--menu-mobile-margin-horizontal: 0;\n--menu-mobile-items-margin-top: var(--spacing-xxs);\n\n--menu-mobile-profile-bg-color: var(--bg-color);\n--menu-mobile-profile-border-color: var(--border-color-secondary);\n\n--menu-mobile-control-button-padding-vertical: var(--spacing-xxs);\n--menu-mobile-control-button-padding-horizontal: var(--spacing-xxs);\n--menu-mobile-control-button-padding: var(--menu-mobile-control-button-padding-vertical)\n var(--menu-mobile-control-button-padding-horizontal);\n--menu-mobile-control-button-margin-vertical: 0;\n--menu-mobile-control-button-margin-horizontal: var(--spacing-xs);\n--menu-mobile-control-button-margin: var(--menu-mobile-control-button-margin-vertical)\n var(--menu-mobile-control-button-margin-horizontal);\n--menu-mobile-control-button-font-size: var(--font-size-sm);\n--menu-mobile-control-button-weight: var(--font-weight-regular);\n--menu-mobile-control-button-line-height: var(--line-height-sm);\n--menu-mobile-control-button-color: var(--menu-item-text-color);\n--menu-mobile-control-button-color-hover: var(--text-color-primary);\n--menu-mobile-control-button-text-align: center;\n\n--menu-mobile-product-name-font-size: var(--menu-item-font-size);\n--menu-mobile-product-name-font-weight: var(--font-weight-bold);\n--menu-mobile-product-name-line-height: var(--line-height-base);\n--menu-mobile-product-name-text-color: var(--menu-item-text-color);\n--menu-mobile-product-name-border-radius: var(--menu-item-label-border-radius);\n--menu-mobile-product-name-border: none;\n--menu-mobile-product-name-padding: var(--menu-item-padding-vertical) var(--menu-item-padding-horizontal);\n--menu-mobile-product-name-margin: var(--menu-item-label-margin);\n\n--menu-container-padding-top: var(--sidebar-offset-top);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Sidebar mobile menu select"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--menu-select-margin-top: 0;\n--menu-select-margin-bottom: var(--spacing-xs);\n--menu-select-margin-horizontal: var(--menu-item-label-margin-horizontal);\n--menu-select-margin: var(--menu-select-margin-top) var(--menu-select-margin-horizontal) var(--menu-select-margin-bottom);\n--menu-select-height: 32px;\n--menu-select-padding-horizontal: calc(var(--spacing-sm) - var(--border-width));\n--menu-select-gap: var(--spacing-xxs);\n--menu-select-font-size: var(--font-size-base);\n--menu-select-line-height: var(--line-height-base);\n--menu-select-text-color: var(--input-content-color-active);\n--menu-select-bg-color: var(--input-bg-color);\n--menu-select-border: var(--input-border);\n--menu-select-border-color-focused: var(--input-border-color-focused);\n--menu-select-border-radius: var(--input-border-radius);\n--menu-select-icon-size: 16px;\n--menu-select-icon-color: var(--icon-color-secondary);\n--menu-select-transition: transform 150ms ease-in-out;\n--menu-select-menu-offset: var(--spacing-xs);\n--menu-select-menu-padding: calc(var(--dropdown-menu-padding) - var(--border-width));\n--menu-select-menu-border-radius: var(--border-radius-lg);\n--menu-select-option-gap: calc(var(--spacing-unit) / 2);\n--menu-select-option-content-gap: var(--spacing-xs);\n--menu-select-option-padding-vertical: var(--dropdown-menu-item-padding-vertical);\n--menu-select-option-padding-left: var(--spacing-md);\n--menu-select-option-padding-right: var(--spacing-sm);\n--menu-select-option-padding: var(--menu-select-option-padding-vertical) var(--menu-select-option-padding-right) var(--menu-select-option-padding-vertical) var(--menu-select-option-padding-left);\n--menu-select-option-border-radius: var(--border-radius-md);\n--menu-select-option-font-weight: var(--font-weight-regular);\n--menu-select-option-font-weight-active: var(--font-weight-medium);\n--menu-select-option-text-color-active: var(--text-color-primary);\n--menu-select-option-bg-color-active: transparent;\n--menu-select-option-icon-size: var(--menu-item-icon-size);\n--menu-select-option-external-icon-size: var(--menu-item-external-icon-size);\n--menu-select-option-checkmark-size: 14px;\n--menu-select-option-checkmark-offset: calc((var(--menu-select-option-padding-left) - var(--menu-select-option-checkmark-size)) / 2);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"switch","__idx":34},"children":["Switch"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Switch"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--switch-bg-color: var(--color-warm-grey-4);\n--switch-bg-color-selected: var(--color-primary-base, var(--switch-bg-color-selected-legacy));\n--switch-bg-color-hover: var(--color-warm-grey-5);\n--switch-border-color-selected: var(--color-primary-base, var(--switch-border-color-selected-legacy));\n--switch-bg-color-pressed: var(--color-warm-grey-6);\n--switch-bg-color-disabled: var(--color-warm-grey-3);\n--switch-knob-bg-color: var(--color-white);\n--switch-knob-bg-color-selected: var(--color-white);\n--switch-border-radius: var(--border-radius-full);\n--switch-knob-border-radius: var(--border-radius-full);\n--switch-width: 32px;\n--switch-height: 18px;\n--switch-padding: calc(var(--spacing-xxs) / 2);\n--switch-bg-transition: background-color 0.3s;\n--switch-knob-height: 14px;\n--switch-knob-width: 14px;\n--switch-knob-transition: transform 0.3s;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"table-of-content","__idx":35},"children":["Table of content"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["TOC common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toc-width: 240px;\n--toc-bg-color: transparent;\n--toc-border-color: var(--border-color-secondary);\n\n--toc-spacing-unit: var(--spacing-xs);\n--toc-offset-top: var(--toc-spacing-unit);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["TOC item"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toc-item-font-family: var(--font-family-base);\n--toc-item-font-size: var(--font-size-base);\n--toc-item-line-height: var(--line-height-base);\n--toc-item-font-weight: var(--font-weight-regular);\n--toc-item-font-weight-active: var(--font-weight-medium);\n--toc-item-text-color: var(--text-color-description);\n--toc-item-text-color-active: var(--color-primary-text, var(--toc-item-text-color-active-legacy));\n--toc-item-bg-color: transparent;\n--toc-item-nested-offset: calc(var(--toc-spacing-unit) * 2);\n--toc-item-padding-vertical: calc(var(--toc-spacing-unit) / 2);\n--toc-item-padding-horizontal: calc(var(--toc-spacing-unit) * 2);\n--toc-item-border-color-active: var(--color-primary-base, var(--toc-item-border-color-active-legacy));\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["TOC heading"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toc-heading-font-size: var(--font-size-base);\n--toc-heading-font-family: var(--font-family-base);\n--toc-heading-font-weight: var(--font-weight-medium);\n--toc-heading-text-color: var(--text-color-primary);\n--toc-heading-text-transform: none;\n--toc-heading-line-height: var(--line-height-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"tags","__idx":36},"children":["Tags"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tags common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--tag-font-size: var(--font-size-sm);\n--tag-font-family: inherit;\n--tag-font-weight: var(--font-weight-regular);\n--tag-line-height: var(--line-height-sm);\n--tag-text-transform: capitalize;\n\n--tag-border-width: 1px;\n--tag-border-style: solid;\n--tag-border-radius: var(--border-radius-md);\n--tag-box-shadow: none;\n--tag-border-radius-focused: var(--tag-border-radius);\n\n--tag-status-dot-color-default: var(--color-persian-green-7);\n--tag-badge-size: var(--spacing-xs);\n--tag-badge-border-width: 2px;\n--tag-badge-border-color: var(--border-color-secondary);\n--tag-border-color-focused: var(--color-blue-4);\n--tag-close-button-bg-color-focus: var(--color-warm-grey-4);\n\n--tag-padding: 1px 8px;\n--tag-large-padding: 4px 16px;\n--tag-margin: 0 5px 0 0;\n--tag-gap: 4px;\n\n.tag-size-large {\n --tag-padding: var(--tag-large-padding);\n --tag-font-size: var(--font-size-base);\n}\n\n--tag-icon-width: 14px;\n--tag-icon-height: 14px;\n\n--tag-basic-content-color: var(--color-warm-grey-9);\n--tag-basic-bg-color: var(--color-warm-grey-2);\n--tag-basic-border-color: var(--color-warm-grey-2);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag gray, default, draft, schema"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-grey,','tag-draft','tag-schema','tag-default'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-grey,\n.tag-draft,\n.tag-schema,\n.tag-default {\n --tag-color: var(--text-color-secondary);\n --tag-bg-color: var(--color-warm-grey-2);\n --tag-border-color: var(--border-color-primary);\n --tag-bg-color-hover: var(--color-warm-grey-3);\n --tag-close-button-bg-color-hover: var(--color-warm-grey-3);\n --tag-border-color-hover: var(--color-warm-grey-5);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag green"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-green'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-green {\n --tag-color: var(--color-green-8);\n --tag-bg-color: var(--color-green-1);\n --tag-border-color: var(--color-green-5);\n --tag-bg-color-hover: var(--color-green-2);\n --tag-close-button-bg-color-hover: var(--color-green-2);\n --tag-border-color-hover: var(--color-green-6);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag success, approved"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-success','tag-approved'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-success,\n.tag-approved {\n --tag-color: var(--color-success-active);\n --tag-bg-color: var(--color-success-bg);\n --tag-border-color: var(--color-success-border);\n --tag-close-button-bg-color-hover: var(--color-success-bg-hover);\n --tag-bg-color-hover: var(--color-success-bg-hover);\n --tag-border-color-hover: var(--color-success-border-hover);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag red"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-red,'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-red {\n --tag-color: var(--color-red-7);\n --tag-bg-color: var(--color-red-1);\n --tag-border-color: var(--color-red-3);\n --tag-close-button-bg-color-hover: var(--color-red-2);\n --tag-bg-color-hover: var(--color-red-2);\n --tag-border-color-hover: var(--color-red-5);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag error, declined"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-error','tag-declined'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-error,\n.tag-declined {\n --tag-color: var(--color-error-active);\n --tag-bg-color: var(--color-error-bg);\n --tag-border-color: var(--color-error-border);\n --tag-close-button-bg-color-hover: var(--color-error-hover);\n --tag-bg-color-hover: var(--color-error-bg-hover);\n --tag-border-color-hover: var(--color-error-border-hover);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag warning, deprecated"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-warning','tag-deprecated'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-warning,\n.tag-deprecated {\n --tag-color: var(--color-warning-active);\n --tag-bg-color: var(--color-warning-bg);\n --tag-border-color: var(--color-warning-border);\n --tag-close-button-bg-color-hover: var(--color-warning-hover);\n --tag-bg-color-hover: var(--color-warning-bg-hover);\n --tag-border-color-hover: var(--color-warning-border-hover);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag blue"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-blue'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-blue {\n --tag-color: var(--color-blue-7);\n --tag-bg-color: var(--color-blue-1);\n --tag-border-color: var(--color-blue-4);\n --tag-bg-color-hover: var(--color-blue-2);\n --tag-close-button-bg-color-hover: var(--color-blue-2);\n --tag-border-color-hover: var(--color-blue-6);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag processing, info"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-processing','tag-info'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-processing,\n.tag-info {\n --tag-color: var(--color-info-active);\n --tag-bg-color: var(--color-info-bg);\n --tag-border-color: var(--color-info-border);\n --tag-close-button-bg-color-hover: var(--color-info-hover);\n --tag-bg-color-hover: var(--color-info-bg-hover);\n --tag-border-color-hover: var(--color-info-border-hover);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag link"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-link'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-link {\n --tag-color: var(--color-info-active);\n --tag-bg-color: var(--color-info-bg);\n --tag-border-color: var(--color-info-border);\n --tag-close-button-bg-color-hover: var(--color-info-hover);\n --tag-bg-color-hover: var(--color-info-bg-hover);\n --tag-border-color-hover: var(--color-info-border-hover);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag purple"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-purple'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-purple {\n --tag-color: var(--color-purple-7);\n --tag-bg-color: var(--color-purple-1);\n --tag-border-color: var(--color-purple-4);\n --tag-bg-color-hover: var(--color-purple-2);\n --tag-close-button-bg-color-hover: var(--color-purple-2);\n --tag-border-color-hover: var(--color-purple-6);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag turquoise, option"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-turquoise','tag-option'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-turquoise,\n.tag-option {\n --tag-color: var(--color-turquoise-8);\n --tag-bg-color: var(--color-turquoise-1);\n --tag-border-color: var(--color-turquoise-5);\n --tag-bg-color-hover: var(--color-turquoise-2);\n --tag-close-button-bg-color-hover: var(--color-turquoise-2);\n --tag-border-color-hover: var(--color-turquoise-7);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag carrot"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-carrot'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-carrot {\n --tag-color: var(--color-carrot-8);\n --tag-bg-color: var(--color-carrot-1);\n --tag-border-color: var(--color-carrot-6);\n --tag-bg-color-hover: var(--color-carrot-2);\n --tag-close-button-bg-color-hover: var(--color-carrot-2);\n --tag-border-color-hover: var(--color-carrot-7);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag magenta, hook"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-magenta','tag-hook'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-magenta,\n.tag-hook {\n --tag-color: var(--color-magenta-7);\n --tag-bg-color: var(--color-magenta-1);\n --tag-border-color: var(--color-magenta-3);\n --tag-bg-color-hover: var(--color-magenta-2);\n --tag-close-button-bg-color-hover: var(--color-magenta-2);\n --tag-border-color-hover: var(--color-magenta-5);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag product"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-product'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-product {\n --tag-color: var(--color-warm-grey-7);\n --tag-bg-color: transparent;\n --tag-border-color: var(--color-warm-grey-4);\n --tag-close-button-bg-color-hover: var(--color-warm-grey-3);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag grass"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-grass'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-grass {\n --tag-color: var(--color-grass-8);\n --tag-bg-color: var(--color-grass-1);\n --tag-border-color: var(--color-grass-4);\n --tag-bg-color-hover: var(--color-grass-2);\n --tag-close-button-bg-color-hover: var(--color-grass-2);\n --tag-border-color-hover: var(--color-grass-6);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag sky"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-sky'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-sky {\n --tag-color: var(--color-sky-8);\n --tag-bg-color: var(--color-sky-1);\n --tag-border-color: var(--color-sky-5);\n --tag-bg-color-hover: var(--color-sky-2);\n --tag-close-button-bg-color-hover: var(--color-sky-2);\n --tag-border-color-hover: var(--color-sky-7);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag raspberry"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-raspberry'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-raspberry {\n --tag-color: var(--color-raspberry-7);\n --tag-bg-color: var(--color-raspberry-1);\n --tag-border-color: var(--color-raspberry-3);\n --tag-bg-color-hover: var(--color-raspberry-2);\n --tag-close-button-bg-color-hover: var(--color-raspberry-2);\n --tag-border-color-hover: var(--color-raspberry-5);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag orange"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-orange'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-orange {\n --tag-color: var(--color-orange-7);\n --tag-bg-color: var(--color-orange-1);\n --tag-border-color: var(--color-orange-4);\n --tag-bg-color-hover: var(--color-orange-2);\n --tag-close-button-bg-color-hover: var(--color-orange-2);\n --tag-border-color-hover: var(--color-orange-5);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag persian green"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-persian-green'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-persian-green {\n --tag-color: var(--color-persian-green-8);\n --tag-bg-color: var(--color-persian-green-1);\n --tag-border-color: var(--color-persian-green-5);\n --tag-bg-color-hover: var(--color-persian-green-2);\n --tag-close-button-bg-color-hover: var(--color-persian-green-2);\n --tag-border-color-hover: var(--color-persian-green-6);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag blueberry"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-blueberry'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-blueberry {\n --tag-color: var(--color-blueberry-7);\n --tag-bg-color: var(--color-blueberry-1);\n --tag-border-color: var(--color-blueberry-4);\n --tag-bg-color-hover: var(--color-blueberry-2);\n --tag-close-button-bg-color-hover: var(--color-blueberry-2);\n --tag-border-color-hover: var(--color-blueberry-6);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag send"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-send'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-send {\n --tag-color: #4144f6;\n --tag-bg-color: #ececfe;\n --tag-bg-color-hover: #cfcffc;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag pub"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-pub'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-pub {\n --tag-color: #4144f6;\n --tag-bg-color: #ececfe;\n --tag-bg-color-hover: #cfcffc;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag publish"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-publish'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-publish {\n --tag-color: #4144f6;\n --tag-bg-color: #ececfe;\n --tag-bg-color-hover: #cfcffc;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag receive"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-receive'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-receive {\n --tag-color: #4db144;\n --tag-bg-color: #e5fde2;\n --tag-bg-color-hover: #d4fccf;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag sub"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-sub'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-sub {\n --tag-color: #4db144;\n --tag-bg-color: #e5fde2;\n --tag-bg-color-hover: #d4fccf;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag cons"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-cons'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-cons {\n --tag-color: #4db144;\n --tag-bg-color: #e5fde2;\n --tag-bg-color-hover: #d4fccf;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag channel"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-channel'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-channel {\n --tag-color: #f0870e;\n --tag-bg-color: #fdf1e2;\n --tag-bg-color-hover: #fbe1c1;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag topic"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-topic'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-topic {\n --tag-color: #f0870e;\n --tag-bg-color: #fdf1e2;\n --tag-bg-color-hover: #fbe1c1;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag queue"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-queue'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-queue {\n --tag-color: #d72e81;\n --tag-bg-color: #fae5f0;\n --tag-bg-color-hover: #f7d4e6;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag exchange or exch"]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-exchange', 'tag-exch'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-exchange,\n.tag-exch {\n --tag-color: #9b51e0;\n --tag-bg-color: #f0e5fa;\n --tag-bg-color-hover: #e6d4f7;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag http"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--http-tag-width: 45px;\n--http-tag-height: 22px;\n--http-tag-font-family: var(--font-family-monospaced);\n--http-tag-font-size: var(--font-size-sm);\n--http-tag-font-weight: var(--font-weight-bold);\n--http-tag-line-height: var(--line-height-sm);\n--http-tag-margin: 0px;\n--http-tag-padding: 2px 0 0 0;\n--http-tag-border: none;\n--http-tag-bg-color: none;\n","lang":"css"},"children":[]},{"$$mdtype":"Tag","name":"blockquote","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["classes ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["'tag-http','tag-get','tag-post','tag-put','tag-patch','tag-delete','tag-head','tag-http-deprecated','tag-http-additional-operation'"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tag-http {\n --tag-font-family: var(--font-family-monospaced);\n --tag-text-transform: uppercase;\n}\n\n.tag-get {\n --tag-color: #25b869;\n --tag-bg-color: #e5faef;\n --tag-bg-color-hover: #D4F7E5;\n}\n\n.tag-post {\n --tag-color: #1e65f5;\n --tag-bg-color: #e2ebfe;\n --tag-bg-color-hover: #CEDDFD;\n}\n\n.tag-put {\n --tag-color: #f5901d;\n --tag-bg-color: #fef1e2;\n --tag-bg-color-hover: #FDE2C4;\n}\n\n.tag-patch {\n --tag-color: #f5c31d;\n --tag-bg-color: #fdf6dd;\n --tag-bg-color-hover: #FCF0C5;\n}\n\n.tag-delete {\n --tag-color: #e70b46;\n --tag-bg-color: #fee2e9;\n --tag-bg-color-hover: #fdd3dd;\n}\n\n.tag-head {\n --tag-color: #6355CA;\n --tag-bg-color: #ECEBFA;\n --tag-bg-color-hover: #E0DEF7;\n}\n\n.tag-http-deprecated {\n --tag-color: var(--text-color-disabled);\n}\n\n.tag-http-additional-operation {\n --tag-color: #F97316;\n --tag-bg-color: #faede3;\n --tag-bg-color-hover: #fae2cf;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tag counter"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--counter-tag-padding: 0px var(--spacing-xxs);\n--counter-tag-border-radius: var(--tag-border-radius);\n--counter-tag-min-width: var(--spacing-md);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"toast","__idx":37},"children":["Toast"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Toast common variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toast-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.04), 2px 2px 24px 8px rgba(0, 0, 0, 0.04);\n\n--toast-min-width: 240px;\n--toast-max-width: 360px;\n--toast-bg-color: var(--layer-color);\n--toast-border: var(--border-width) var(--border-style) var(--border-color-secondary);\n--toast-border-radius: var(--border-radius-lg);\n--toast-font-family: var(--font-family-base);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Toast spacing"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toast-simple-gap: var(--spacing-unit);\n--toast-simple-padding: var(--spacing-xs) var(--spacing-sm);\n--toast-detailed-padding: var(--spacing-sm);\n--toast-content-gap: var(--spacing-xs);\n--toast-title-gap: var(--spacing-xs);\n--toast-description-gap: var(--spacing-xs);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Toast icon"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toast-icon-size: 14px;\n--toast-icon-line-height: var(--line-height-base);\n--toast-icon-color-info: var(--color-info-base);\n--toast-icon-color-success: var(--color-success-base);\n--toast-icon-color-warning: var(--color-warning-base);\n--toast-icon-color-error: var(--color-error-base);\n--toast-icon-color-loading: var(--loading-spinner-color);\n--toast-loading-animation-duration: 3s;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Toast typography"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toast-text-font-size: var(--font-size-base);\n--toast-text-line-height: var(--line-height-base);\n--toast-text-color: var(--text-color-primary);\n--toast-title-font-weight: var(--font-weight-semibold);\n--toast-body-font-weight: var(--font-weight-regular);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Toast close button"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--toast-close-button-padding: 3px;\n--toast-close-button-icon-size: 14px;\n--toast-close-button-icon-color: var(--icon-color-secondary);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"tooltip","__idx":38},"children":["Tooltip"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tooltip"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--tooltip-text-color: var(--color-static-white);\n--tooltip-bg-color: var(--color-warm-grey-10);\n--tooltip-arrow-color: var(--tooltip-border-color);\n--tooltip-border-width: 2px;\n--tooltip-border-style: solid;\n--tooltip-border-color: var(--color-warm-grey-8);\n--tooltip-padding-vertical: var(--spacing-xxs);\n--tooltip-padding-horizontal: var(--spacing-xs);\n--tooltip-padding: var(--tooltip-padding-vertical) var(--tooltip-padding-horizontal);\n--tooltip-max-width: 400px;\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tooltip copy button"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tooltip-copy-button {\n --tooltip-text-color: var(--color-static-white);\n --tooltip-bg-color: var(--color-warm-grey-10);\n --tooltip-arrow-color: var(--tooltip-border-color);\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Tooltip catalog"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":".tooltip-catalog {\n --tooltip-text-color: var(--text-color-primary);\n --tooltip-bg-color: var(--layer-color);\n --tooltip-arrow-color: var(--border-color-secondary);\n --tooltip-border-width: 2px;\n --tooltip-border-color: var(--border-color-secondary);\n --tooltip-padding-vertical: var(--spacing-xs);\n --tooltip-padding-horizontal: var(--spacing-sm);\n --tooltip-padding: var(--tooltip-padding-vertical) var(--tooltip-padding-horizontal);\n --tooltip-max-width: 300px;\n}\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"user-profile","__idx":39},"children":["User profile"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["User profile avatar"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--user-menu-navbar-button-width: var(--control-height-base);\n--user-menu-navbar-button-height: var(--control-height-base);\n\n--user-menu-avatar-width: var(--spacing-xxl);\n--user-menu-avatar-height: var(--spacing-xxl);\n--user-menu-avatar-border-radius: 50%;\n--user-menu-avatar-bg-color: var(--button-bg-color-secondary);\n\n--user-menu-avatar-font-family: var(--navbar-item-font-family);\n--user-menu-avatar-font-size: var(--navbar-item-font-size);\n--user-menu-avatar-font-weight: var(--font-weight-regular);\n--user-menu-avatar-line-height: var(--line-height-base);\n\n--user-menu-user-details-padding-vertical: var(--spacing-base);\n--user-menu-user-details-padding-horizontal: var(--spacing-md);\n--user-menu-user-details-bg-color: var(--layer-color);\n\n--user-menu-name-font-weight: var(--font-weight-medium);\n--user-menu-name-font-size: var(--font-size-lg);\n--user-menu-name-line-height: var(--line-height-lg);\n\n--user-menu-user-info-items-gap: var(--spacing-base);\n\n--user-menu-email-font-size: var(--font-size-sm);\n--user-menu-email-line-height: var(--line-height-sm);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["User profile dropdown"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--user-menu-dropdown-font-size: var(--dropdown-menu-font-size);\n--user-menu-dropdown-font-weight: var(--dropdown-menu-font-weight);\n--user-menu-dropdown-line-height: var(--dropdown-menu-line-height);\n--user-menu-dropdown-text-color: var(--dropdown-menu-text-color);\n\n--user-menu-dropdown-min-width: 180px;\n--user-menu-dropdown-max-width: var(--dropdown-menu-max-width);\n--user-menu-dropdown-max-height: none;\n--user-menu-dropdown-padding: var(--dropdown-menu-padding);\n--user-menu-dropdown-border-radius: var(--dropdown-menu-border-radius);\n--user-menu-dropdown-box-shadow: var(--dropdown-menu-box-shadow);\n--user-menu-dropdown-border-color: var(--dropdown-menu-border-color);\n--user-menu-dropdown-bg-color: var(--dropdown-menu-bg-color);\n\n--user-menu-dropdown-item-padding-horizontal: 20px;\n--user-menu-dropdown-item-padding-vertical: var(--dropdown-menu-item-padding-vertical);\n--user-menu-dropdown-item-separator-padding-top: var(--dropdown-menu-item-separator-padding-top);\n--user-menu-dropdown-item-separator-padding-bottom: var(--dropdown-menu-item-separator-padding-bottom);\n--user-menu-dropdown-item-border-radius: var(--dropdown-menu-item-border-radius);\n--user-menu-dropdown-item-bg-color-active: var(--dropdown-menu-item-bg-color-active);\n--user-menu-dropdown-item-bg-color-hover: var(--dropdown-menu-item-bg-color-hover);\n--user-menu-dropdown-item-bg-color-disabled: var(--dropdown-menu-item-bg-color-disabled);\n--user-menu-dropdown-item-separator-border-color: var(--dropdown-menu-item-separator-border-color);\n--user-menu-dropdown-item-color-disabled: var(--dropdown-menu-item-color-disabled);\n--user-menu-dropdown-item-color-hover: var(--dropdown-menu-item-color-hover);\n--user-menu-dropdown-item-color-active: var(--dropdown-menu-item-color-active);\n--user-menu-dropdown-item-color-dangerous: var(--dropdown-menu-item-color-dangerous);\n--user-menu-dropdown-item-border-color-focused: var(--dropdown-menu-item-border-color-focused);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"version-picker","__idx":40},"children":["Version picker"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Version picker variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--version-picker-font-size: var(--font-size-base);\n--version-picker-font-weight: var(--select-font-weight);\n--version-picker-line-height: var(--select-line-height);\n--version-picker-text-color: var(--select-text-color);\n--version-picker-border-radius: var(--select-border-radius);\n--version-picker-padding-vertical: 10px;\n--version-picker-padding-horizontal: var(--sidebar-margin-horizontal);\n--version-picker-border-bottom: 1px solid var(--border-color-primary);\n\n--version-picker-label-font-size: var(--font-size-base);\n--version-picker-label-font-weight: var(--font-weight-bold);\n\n--version-picker-input-padding-horizontal: var(--select-input-padding-horizontal);\n--version-picker-input-padding-vertical: var(--select-input-padding-vertical);\n--version-picker-input-border: 1px solid var(--border-color-primary);\n--version-picker-input-border-radius: var(--select-input-border-radius);\n\n--version-picker-list-min-width: var(--select-list-min-width);\n--version-picker-list-max-width: var(--select-list-max-width);\n--version-picker-list-padding: var(--select-list-padding);\n--version-picker-list-border-radius: var(--select-list-border-radius);\n--version-picker-list-bg-color: var(--select-list-bg-color);\n--version-picker-list-box-shadow: var(--select-list-box-shadow);\n\n--version-picker-list-item-padding-horizontal: var(--select-list-item-padding-horizontal);\n--version-picker-list-item-padding-vertical: var(--select-list-item-padding-vertical);\n--version-picker-list-item-border-radius: var(--select-list-item-border-radius);\n--version-picker-list-item-bg-color-active: var(--select-list-item-bg-color-active);\n--version-picker-list-item-bg-color-hover: var(--select-list-item-bg-color-hover);\n","lang":"css"},"children":[]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"page-navigation","__idx":41},"children":["Page navigation"]},{"$$mdtype":"Tag","name":"details","attributes":{},"children":[{"$$mdtype":"Tag","name":"summary","attributes":{},"children":["Page navigation variables"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"css","header":{"controls":{"copy":{}}},"source":"--page-navigations-wrapper-gap: var(--spacing-sm);\n--page-navigation-button-width: 50%;\n--page-navigation-button-padding: var(--spacing-sm) var(--spacing-base);\n--page-navigation-button-title-font-size: var(--font-size-lg);\n--page-navigation-button-title-font-weight: var(--font-weight-medium);\n--page-navigation-button-title-line-height: var(--line-height-lg);\n--page-navigation-button-title-color: var(--text-color-primary);\n--page-navigation-button-gap: var(--spacing-xxs);\n--page-navigation-button-border-radius: var(--border-radius-xl);\n--page-navigation-button-border-color: var(--border-color-secondary);\n--page-navigation-button-border: var(--border-width) var(--border-style) var(--page-navigation-button-border-color);\n--page-navigation-button-border-color-hover: var(--color-primary-base, var(--color-warm-grey-11));\n--page-navigation-button-border-hover: var(--border-width) var(--border-style) var(--page-navigation-button-border-color-hover);\n--page-navigation-button-min-width: 220px;\n","lang":"css"},"children":[]}]}]},"frontmatter":{},"tagList":["html"],"title":"Components Variables","lastModified":"2026-09-29T09:34:22.000Z"}