Amplify UI

CSS Variables

These variables are used in Amplify UI. You can override these values to update the look and feel.

Amplify CSS VariableDefault Value
--amplify-border-widths-large3px
--amplify-border-widths-medium2px
--amplify-border-widths-small1px
--amplify-colors-background-disabledvar(--amplify-colors-background-tertiary)
--amplify-colors-background-errorvar(--amplify-colors-red-10)
--amplify-colors-background-infovar(--amplify-colors-blue-10)
--amplify-colors-background-primaryvar(--amplify-colors-white)
--amplify-colors-background-quaternaryvar(--amplify-colors-neutral-60)
--amplify-colors-background-secondaryvar(--amplify-colors-neutral-10)
--amplify-colors-background-successvar(--amplify-colors-green-10)
--amplify-colors-background-tertiaryvar(--amplify-colors-neutral-20)
--amplify-colors-background-warningvar(--amplify-colors-orange-10)
--amplify-colors-blackhsl(0, 0%, 0%)
--amplify-colors-blue-10hsl(220, 95%, 95%)
--amplify-colors-blue-100hsl(220, 100%, 15%)
--amplify-colors-blue-20hsl(220, 85%, 85%)
--amplify-colors-blue-40hsl(220, 70%, 70%)
--amplify-colors-blue-60hsl(220, 50%, 50%)
--amplify-colors-blue-80hsl(220, 95%, 30%)
--amplify-colors-blue-90hsl(220, 100%, 20%)
--amplify-colors-border-disabledvar(--amplify-colors-border-tertiary)
--amplify-colors-border-errorvar(--amplify-colors-red-80)
--amplify-colors-border-focusvar(--amplify-colors-primary-100)
--amplify-colors-border-infovar(--amplify-colors-blue-80)
--amplify-colors-border-pressedvar(--amplify-colors-primary-100)
--amplify-colors-border-primaryvar(--amplify-colors-neutral-60)
--amplify-colors-border-secondaryvar(--amplify-colors-neutral-40)
--amplify-colors-border-successvar(--amplify-colors-green-80)
--amplify-colors-border-tertiaryvar(--amplify-colors-neutral-20)
--amplify-colors-border-warningvar(--amplify-colors-orange-80)
--amplify-colors-font-activevar(--amplify-colors-primary-100)
--amplify-colors-font-disabledvar(--amplify-colors-neutral-60)
--amplify-colors-font-errorvar(--amplify-colors-red-90)
--amplify-colors-font-focusvar(--amplify-colors-primary-100)
--amplify-colors-font-hovervar(--amplify-colors-primary-90)
--amplify-colors-font-infovar(--amplify-colors-blue-90)
--amplify-colors-font-interactivevar(--amplify-colors-primary-80)
--amplify-colors-font-inversevar(--amplify-colors-white)
--amplify-colors-font-primaryvar(--amplify-colors-neutral-100)
--amplify-colors-font-secondaryvar(--amplify-colors-neutral-90)
--amplify-colors-font-successvar(--amplify-colors-green-90)
--amplify-colors-font-tertiaryvar(--amplify-colors-neutral-80)
--amplify-colors-font-warningvar(--amplify-colors-orange-90)
--amplify-colors-green-10hsl(130, 60%, 95%)
--amplify-colors-green-100hsl(130, 22%, 23%)
--amplify-colors-green-20hsl(130, 60%, 90%)
--amplify-colors-green-40hsl(130, 44%, 63%)
--amplify-colors-green-60hsl(130, 43%, 46%)
--amplify-colors-green-80hsl(130, 33%, 37%)
--amplify-colors-green-90hsl(130, 27%, 29%)
--amplify-colors-neutral-10hsl(210, 5%, 98%)
--amplify-colors-neutral-100hsl(210, 50%, 10%)
--amplify-colors-neutral-20hsl(210, 5%, 94%)
--amplify-colors-neutral-40hsl(210, 5%, 87%)
--amplify-colors-neutral-60hsl(210, 10%, 58%)
--amplify-colors-neutral-80hsl(210, 10%, 40%)
--amplify-colors-neutral-90hsl(210, 25%, 25%)
--amplify-colors-orange-10hsl(30, 75%, 95%)
--amplify-colors-orange-100hsl(30, 100%, 15%)
--amplify-colors-orange-20hsl(30, 75%, 85%)
--amplify-colors-orange-40hsl(30, 75%, 75%)
--amplify-colors-orange-60hsl(30, 50%, 50%)
--amplify-colors-orange-80hsl(30, 95%, 30%)
--amplify-colors-orange-90hsl(30, 100%, 20%)
--amplify-colors-overlay-10hsla(0, 0%, 0%, 0.1)
--amplify-colors-overlay-20hsla(0, 0%, 0%, 0.2)
--amplify-colors-overlay-30hsla(0, 0%, 0%, 0.3)
--amplify-colors-overlay-40hsla(0, 0%, 0%, 0.4)
--amplify-colors-overlay-5hsla(0, 0%, 0%, 0.05)
--amplify-colors-overlay-50hsla(0, 0%, 0%, 0.5)
--amplify-colors-overlay-60hsla(0, 0%, 0%, 0.6)
--amplify-colors-overlay-70hsla(0, 0%, 0%, 0.7)
--amplify-colors-overlay-80hsla(0, 0%, 0%, 0.8)
--amplify-colors-overlay-90hsla(0, 0%, 0%, 0.9)
--amplify-colors-pink-10hsl(340, 95%, 95%)
--amplify-colors-pink-100hsl(340, 100%, 15%)
--amplify-colors-pink-20hsl(340, 90%, 85%)
--amplify-colors-pink-40hsl(340, 70%, 70%)
--amplify-colors-pink-60hsl(340, 50%, 50%)
--amplify-colors-pink-80hsl(340, 95%, 30%)
--amplify-colors-pink-90hsl(340, 100%, 20%)
--amplify-colors-primary-10var(--amplify-colors-teal-10)
--amplify-colors-primary-100var(--amplify-colors-teal-100)
--amplify-colors-primary-20var(--amplify-colors-teal-20)
--amplify-colors-primary-40var(--amplify-colors-teal-40)
--amplify-colors-primary-60var(--amplify-colors-teal-60)
--amplify-colors-primary-80var(--amplify-colors-teal-80)
--amplify-colors-primary-90var(--amplify-colors-teal-90)
--amplify-colors-purple-10hsl(300, 95%, 95%)
--amplify-colors-purple-100hsl(300, 100%, 15%)
--amplify-colors-purple-20hsl(300, 85%, 85%)
--amplify-colors-purple-40hsl(300, 70%, 70%)
--amplify-colors-purple-60hsl(300, 50%, 50%)
--amplify-colors-purple-80hsl(300, 95%, 30%)
--amplify-colors-purple-90hsl(300, 100%, 20%)
--amplify-colors-red-10hsl(0, 75%, 95%)
--amplify-colors-red-100hsl(0, 100%, 15%)
--amplify-colors-red-20hsl(0, 75%, 85%)
--amplify-colors-red-40hsl(0, 75%, 75%)
--amplify-colors-red-60hsl(0, 50%, 50%)
--amplify-colors-red-80hsl(0, 95%, 30%)
--amplify-colors-red-90hsl(0, 100%, 20%)
--amplify-colors-secondary-10var(--amplify-colors-purple-10)
--amplify-colors-secondary-100var(--amplify-colors-purple-100)
--amplify-colors-secondary-20var(--amplify-colors-purple-20)
--amplify-colors-secondary-40var(--amplify-colors-purple-40)
--amplify-colors-secondary-60var(--amplify-colors-purple-60)
--amplify-colors-secondary-80var(--amplify-colors-purple-80)
--amplify-colors-secondary-90var(--amplify-colors-purple-90)
--amplify-colors-shadow-primaryhsla(210, 50%, 10%, 0.25)
--amplify-colors-shadow-secondaryhsla(210, 50%, 10%, 0.15)
--amplify-colors-shadow-tertiaryhsla(210, 50%, 10%, 0.05)
--amplify-colors-teal-10hsl(190, 75%, 95%)
--amplify-colors-teal-100hsl(190, 100%, 15%)
--amplify-colors-teal-20hsl(190, 75%, 85%)
--amplify-colors-teal-40hsl(190, 70%, 70%)
--amplify-colors-teal-60hsl(190, 50%, 50%)
--amplify-colors-teal-80hsl(190, 95%, 30%)
--amplify-colors-teal-90hsl(190, 100%, 20%)
--amplify-colors-transparenttransparent
--amplify-colors-whitehsl(0, 0%, 100%)
--amplify-colors-yellow-10hsl(60, 75%, 95%)
--amplify-colors-yellow-100hsl(60, 100%, 15%)
--amplify-colors-yellow-20hsl(60, 75%, 85%)
--amplify-colors-yellow-40hsl(60, 75%, 75%)
--amplify-colors-yellow-60hsl(60, 50%, 50%)
--amplify-colors-yellow-80hsl(60, 95%, 30%)
--amplify-colors-yellow-90hsl(60, 100%, 20%)
--amplify-components-accordion-background-colorvar(--amplify-colors-background-primary)
--amplify-components-accordion-item-border-colorvar(--amplify-colors-border-secondary)
--amplify-components-accordion-item-border-radiusvar(--amplify-radii-small)
--amplify-components-accordion-item-border-stylesolid
--amplify-components-accordion-item-border-widthvar(--amplify-border-widths-small)
--amplify-components-accordion-item-content-colorinherit
--amplify-components-accordion-item-content-padding-block-endvar(--amplify-space-small)
--amplify-components-accordion-item-content-padding-block-startvar(--amplify-space-xxxs)
--amplify-components-accordion-item-content-padding-inlinevar(--amplify-space-small)
--amplify-components-accordion-item-icon-colorvar(--amplify-colors-font-tertiary)
--amplify-components-accordion-item-icon-transition-durationvar(--amplify-time-medium)
--amplify-components-accordion-item-icon-transition-timing-functioncubic-bezier(0.87, 0, 0.13, 1)
--amplify-components-accordion-item-trigger-align-itemscenter
--amplify-components-accordion-item-trigger-background-colorvar(--amplify-colors-background-primary)
--amplify-components-accordion-item-trigger-colorinherit
--amplify-components-accordion-item-trigger-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-accordion-item-trigger-focus-box-shadow0 0 0 2px var(--amplify-colors-border-focus)
--amplify-components-accordion-item-trigger-gapvar(--amplify-space-small)
--amplify-components-accordion-item-trigger-hover-background-colorvar(--amplify-colors-overlay-5)
--amplify-components-accordion-item-trigger-hover-colorinherit
--amplify-components-accordion-item-trigger-justify-contentspace-between
--amplify-components-accordion-item-trigger-padding-blockvar(--amplify-space-xs)
--amplify-components-accordion-item-trigger-padding-inlinevar(--amplify-space-small)
--amplify-components-ai-conversation-attachment-border-colorvar(--amplify-colors-border-secondary)
--amplify-components-ai-conversation-attachment-border-radiusvar(--amplify-radii-small)
--amplify-components-ai-conversation-attachment-border-widthvar(--amplify-border-widths-small)
--amplify-components-ai-conversation-attachment-font-sizevar(--amplify-font-sizes-small)
--amplify-components-ai-conversation-attachment-gapvar(--amplify-space-xs)
--amplify-components-ai-conversation-attachment-image-heightvar(--amplify-font-sizes-medium)
--amplify-components-ai-conversation-attachment-image-widthvar(--amplify-font-sizes-medium)
--amplify-components-ai-conversation-attachment-list-gapvar(--amplify-space-xxs)
--amplify-components-ai-conversation-attachment-list-padding-block-startvar(--amplify-space-xs)
--amplify-components-ai-conversation-attachment-name-colorvar(--amplify-colors-font-primary)
--amplify-components-ai-conversation-attachment-name-font-sizevar(--amplify-font-sizes-small)
--amplify-components-ai-conversation-attachment-name-font-weightvar(--amplify-font-weights-normal)
--amplify-components-ai-conversation-attachment-padding-blockvar(--amplify-space-xxxs)
--amplify-components-ai-conversation-attachment-padding-inlinevar(--amplify-space-xs)
--amplify-components-ai-conversation-attachment-remove-paddingvar(--amplify-space-xxs)
--amplify-components-ai-conversation-attachment-size-colorvar(--amplify-colors-font-tertiary)
--amplify-components-ai-conversation-attachment-size-font-sizevar(--amplify-font-sizes-small)
--amplify-components-ai-conversation-attachment-size-font-weightvar(--amplify-font-weights-normal)
--amplify-components-ai-conversation-form-gapvar(--amplify-space-small)
--amplify-components-ai-conversation-form-paddingvar(--amplify-space-small)
--amplify-components-ai-conversation-message-assistant-background-colorvar(--amplify-colors-primary-10)
--amplify-components-ai-conversation-message-background-colorvar(--amplify-colors-background-secondary)
--amplify-components-ai-conversation-message-body-gapvar(--amplify-space-xs)
--amplify-components-ai-conversation-message-border-radiusvar(--amplify-radii-large)
--amplify-components-ai-conversation-message-gapvar(--amplify-space-small)
--amplify-components-ai-conversation-message-padding-blockvar(--amplify-space-small)
--amplify-components-ai-conversation-message-padding-inlinevar(--amplify-space-small)
--amplify-components-ai-conversation-message-sender-gapvar(--amplify-space-small)
--amplify-components-ai-conversation-message-sender-timestamp-colorvar(--amplify-colors-font-tertiary)
--amplify-components-ai-conversation-message-sender-timestamp-font-sizeinherit
--amplify-components-ai-conversation-message-sender-timestamp-font-weightinherit
--amplify-components-ai-conversation-message-sender-username-colorvar(--amplify-colors-font-primary)
--amplify-components-ai-conversation-message-sender-username-font-sizeinherit
--amplify-components-ai-conversation-message-sender-username-font-weightvar(--amplify-font-weights-bold)
--amplify-components-ai-conversation-message-user-background-colorvar(--amplify-colors-background-secondary)
--amplify-components-alert-align-itemscenter
--amplify-components-alert-background-colorvar(--amplify-colors-background-tertiary)
--amplify-components-alert-colorvar(--amplify-colors-font-primary)
--amplify-components-alert-error-background-colorvar(--amplify-colors-background-error)
--amplify-components-alert-error-colorvar(--amplify-colors-font-error)
--amplify-components-alert-heading-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-alert-heading-font-weightvar(--amplify-font-weights-bold)
--amplify-components-alert-icon-sizevar(--amplify-font-sizes-xl)
--amplify-components-alert-info-background-colorvar(--amplify-colors-background-info)
--amplify-components-alert-info-colorvar(--amplify-colors-font-info)
--amplify-components-alert-justify-contentspace-between
--amplify-components-alert-padding-blockvar(--amplify-space-small)
--amplify-components-alert-padding-inlinevar(--amplify-space-medium)
--amplify-components-alert-success-background-colorvar(--amplify-colors-background-success)
--amplify-components-alert-success-colorvar(--amplify-colors-font-success)
--amplify-components-alert-warning-background-colorvar(--amplify-colors-background-warning)
--amplify-components-alert-warning-colorvar(--amplify-colors-font-warning)
--amplify-components-authenticator-container-width-max30rem
--amplify-components-authenticator-footer-padding-bottomvar(--amplify-space-medium)
--amplify-components-authenticator-form-paddingvar(--amplify-space-xl)
--amplify-components-authenticator-max-width60rem
--amplify-components-authenticator-modal-background-colorvar(--amplify-colors-overlay-50)
--amplify-components-authenticator-modal-heightvar(--amplify-space-relative-full)
--amplify-components-authenticator-modal-leftvar(--amplify-space-zero)
--amplify-components-authenticator-modal-topvar(--amplify-space-zero)
--amplify-components-authenticator-modal-widthvar(--amplify-space-relative-full)
--amplify-components-authenticator-or-container-colorvar(--amplify-colors-neutral-80)
--amplify-components-authenticator-or-container-or-line-background-colorvar(--amplify-colors-background-primary)
--amplify-components-authenticator-router-background-colorvar(--amplify-colors-background-primary)
--amplify-components-authenticator-router-border-colorvar(--amplify-colors-border-primary)
--amplify-components-authenticator-router-border-stylesolid
--amplify-components-authenticator-router-border-widthvar(--amplify-border-widths-small)
--amplify-components-authenticator-router-box-shadowvar(--amplify-shadows-medium)
--amplify-components-authenticator-state-inactive-background-colorvar(--amplify-colors-background-secondary)
--amplify-components-autocomplete-menu-background-colorvar(--amplify-colors-background-primary)
--amplify-components-autocomplete-menu-border-colorvar(--amplify-colors-border-primary)
--amplify-components-autocomplete-menu-border-radiusvar(--amplify-radii-small)
--amplify-components-autocomplete-menu-border-stylesolid
--amplify-components-autocomplete-menu-border-widthvar(--amplify-border-widths-small)
--amplify-components-autocomplete-menu-empty-displayflex
--amplify-components-autocomplete-menu-loading-align-itemscenter
--amplify-components-autocomplete-menu-loading-displayflex
--amplify-components-autocomplete-menu-loading-gapvar(--amplify-space-xxxs)
--amplify-components-autocomplete-menu-margin-block-startvar(--amplify-space-xxxs)
--amplify-components-autocomplete-menu-option-active-background-colorvar(--amplify-colors-primary-80)
--amplify-components-autocomplete-menu-option-active-colorvar(--amplify-colors-white)
--amplify-components-autocomplete-menu-option-background-colorvar(--amplify-colors-background-primary)
--amplify-components-autocomplete-menu-option-colorcurrentcolor
--amplify-components-autocomplete-menu-option-cursorpointer
--amplify-components-autocomplete-menu-option-transition-durationvar(--amplify-time-short)
--amplify-components-autocomplete-menu-option-transition-propertybackground-color, color
--amplify-components-autocomplete-menu-option-transition-timing-functionease
--amplify-components-autocomplete-menu-options-displayflex
--amplify-components-autocomplete-menu-options-flex-directioncolumn
--amplify-components-autocomplete-menu-options-max-height300px
--amplify-components-autocomplete-menu-space-shared-padding-blockvar(--amplify-space-xs)
--amplify-components-autocomplete-menu-space-shared-padding-inlinevar(--amplify-space-small)
--amplify-components-autocomplete-menu-width100%
--amplify-components-avatar-background-colorvar(--amplify-colors-background-tertiary)
--amplify-components-avatar-border-colorvar(--amplify-colors-border-primary)
--amplify-components-avatar-border-radius100%
--amplify-components-avatar-border-widthvar(--amplify-border-widths-medium)
--amplify-components-avatar-colorvar(--amplify-colors-font-tertiary)
--amplify-components-avatar-error-background-colorvar(--amplify-colors-background-error)
--amplify-components-avatar-error-border-colorvar(--amplify-colors-border-error)
--amplify-components-avatar-error-colorvar(--amplify-colors-font-error)
--amplify-components-avatar-font-sizevar(--amplify-font-sizes-small)
--amplify-components-avatar-font-weightvar(--amplify-font-weights-semibold)
--amplify-components-avatar-heightvar(--amplify-font-sizes-xxl)
--amplify-components-avatar-info-background-colorvar(--amplify-colors-background-info)
--amplify-components-avatar-info-border-colorvar(--amplify-colors-border-info)
--amplify-components-avatar-info-colorvar(--amplify-colors-font-info)
--amplify-components-avatar-large-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-avatar-large-heightvar(--amplify-font-sizes-xxxl)
--amplify-components-avatar-large-widthvar(--amplify-font-sizes-xxxl)
--amplify-components-avatar-line-height1
--amplify-components-avatar-small-font-sizevar(--amplify-font-sizes-xs)
--amplify-components-avatar-small-heightvar(--amplify-font-sizes-xl)
--amplify-components-avatar-small-widthvar(--amplify-font-sizes-xl)
--amplify-components-avatar-success-background-colorvar(--amplify-colors-background-success)
--amplify-components-avatar-success-border-colorvar(--amplify-colors-border-success)
--amplify-components-avatar-success-colorvar(--amplify-colors-font-success)
--amplify-components-avatar-text-aligncenter
--amplify-components-avatar-warning-background-colorvar(--amplify-colors-background-warning)
--amplify-components-avatar-warning-border-colorvar(--amplify-colors-border-warning)
--amplify-components-avatar-warning-colorvar(--amplify-colors-font-warning)
--amplify-components-avatar-widthvar(--amplify-font-sizes-xxl)
--amplify-components-badge-background-colorvar(--amplify-colors-background-tertiary)
--amplify-components-badge-border-radiusvar(--amplify-radii-xl)
--amplify-components-badge-colorvar(--amplify-colors-font-primary)
--amplify-components-badge-error-background-colorvar(--amplify-colors-background-error)
--amplify-components-badge-error-colorvar(--amplify-colors-font-error)
--amplify-components-badge-font-sizevar(--amplify-font-sizes-small)
--amplify-components-badge-font-weightvar(--amplify-font-weights-semibold)
--amplify-components-badge-info-background-colorvar(--amplify-colors-background-info)
--amplify-components-badge-info-colorvar(--amplify-colors-font-info)
--amplify-components-badge-large-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-badge-large-padding-horizontalvar(--amplify-space-medium)
--amplify-components-badge-large-padding-verticalvar(--amplify-space-small)
--amplify-components-badge-line-height1
--amplify-components-badge-padding-horizontalvar(--amplify-space-small)
--amplify-components-badge-padding-verticalvar(--amplify-space-xs)
--amplify-components-badge-small-font-sizevar(--amplify-font-sizes-xs)
--amplify-components-badge-small-padding-horizontalvar(--amplify-space-xs)
--amplify-components-badge-small-padding-verticalvar(--amplify-space-xxs)
--amplify-components-badge-success-background-colorvar(--amplify-colors-background-success)
--amplify-components-badge-success-colorvar(--amplify-colors-font-success)
--amplify-components-badge-text-aligncenter
--amplify-components-badge-warning-background-colorvar(--amplify-colors-background-warning)
--amplify-components-badge-warning-colorvar(--amplify-colors-font-warning)
--amplify-components-breadcrumbs-colorvar(--amplify-colors-font-tertiary)
--amplify-components-breadcrumbs-flex-directionrow
--amplify-components-breadcrumbs-flex-wrapwrap
--amplify-components-breadcrumbs-gap0
--amplify-components-breadcrumbs-item-align-itemscenter
--amplify-components-breadcrumbs-item-colorinherit
--amplify-components-breadcrumbs-item-flex-directionrow
--amplify-components-breadcrumbs-item-font-sizeinherit
--amplify-components-breadcrumbs-item-line-height1
--amplify-components-breadcrumbs-link-colorvar(--amplify-components-link-color)
--amplify-components-breadcrumbs-link-current-colorinherit
--amplify-components-breadcrumbs-link-current-font-sizeinherit
--amplify-components-breadcrumbs-link-current-font-weightnormal
--amplify-components-breadcrumbs-link-current-text-decorationnone
--amplify-components-breadcrumbs-link-font-sizeinherit
--amplify-components-breadcrumbs-link-font-weightnormal
--amplify-components-breadcrumbs-link-padding-blockvar(--amplify-space-xxs)
--amplify-components-breadcrumbs-link-padding-inlinevar(--amplify-space-xs)
--amplify-components-breadcrumbs-link-text-decorationnone
--amplify-components-breadcrumbs-separator-colorinherit
--amplify-components-breadcrumbs-separator-font-sizeinherit
--amplify-components-breadcrumbs-separator-padding-inlinevar(--amplify-space-xxs)
--amplify-components-button-active-background-colorvar(--amplify-colors-primary-20)
--amplify-components-button-active-border-colorvar(--amplify-colors-primary-100)
--amplify-components-button-active-colorvar(--amplify-colors-font-active)
--amplify-components-button-background-colortransparent
--amplify-components-button-border-colorvar(--amplify-components-fieldcontrol-border-color)
--amplify-components-button-border-radiusvar(--amplify-components-fieldcontrol-border-radius)
--amplify-components-button-border-stylevar(--amplify-components-fieldcontrol-border-style)
--amplify-components-button-border-widthvar(--amplify-components-fieldcontrol-border-width)
--amplify-components-button-colorvar(--amplify-colors-font-primary)
--amplify-components-button-destructive-active-background-colorvar(--amplify-colors-red-100)
--amplify-components-button-destructive-active-border-colortransparent
--amplify-components-button-destructive-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-destructive-background-colorvar(--amplify-colors-red-60)
--amplify-components-button-destructive-border-colortransparent
--amplify-components-button-destructive-border-stylesolid
--amplify-components-button-destructive-border-widthvar(--amplify-border-widths-small)
--amplify-components-button-destructive-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-destructive-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-button-destructive-disabled-border-colortransparent
--amplify-components-button-destructive-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-destructive-focus-background-colorvar(--amplify-colors-red-80)
--amplify-components-button-destructive-focus-border-colortransparent
--amplify-components-button-destructive-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-button-destructive-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-destructive-hover-background-colorvar(--amplify-colors-red-80)
--amplify-components-button-destructive-hover-border-colortransparent
--amplify-components-button-destructive-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-destructive-loading-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-button-destructive-loading-border-colortransparent
--amplify-components-button-destructive-loading-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-disabled-background-colortransparent
--amplify-components-button-disabled-border-colorvar(--amplify-colors-border-tertiary)
--amplify-components-button-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-focus-background-colorvar(--amplify-colors-primary-10)
--amplify-components-button-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-button-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-button-focus-colorvar(--amplify-colors-font-focus)
--amplify-components-button-font-sizevar(--amplify-components-fieldcontrol-font-size)
--amplify-components-button-font-weightvar(--amplify-font-weights-bold)
--amplify-components-button-hover-background-colorvar(--amplify-colors-primary-10)
--amplify-components-button-hover-border-colorvar(--amplify-colors-primary-60)
--amplify-components-button-hover-colorvar(--amplify-colors-font-focus)
--amplify-components-button-large-font-sizevar(--amplify-components-fieldcontrol-large-font-size)
--amplify-components-button-large-padding-block-endvar(--amplify-components-fieldcontrol-large-padding-block-end)
--amplify-components-button-large-padding-block-startvar(--amplify-components-fieldcontrol-large-padding-block-start)
--amplify-components-button-large-padding-inline-endvar(--amplify-components-fieldcontrol-large-padding-inline-end)
--amplify-components-button-large-padding-inline-startvar(--amplify-components-fieldcontrol-large-padding-inline-start)
--amplify-components-button-line-heightvar(--amplify-components-fieldcontrol-line-height)
--amplify-components-button-link-active-background-colorvar(--amplify-colors-primary-20)
--amplify-components-button-link-active-border-colortransparent
--amplify-components-button-link-active-colorvar(--amplify-colors-font-active)
--amplify-components-button-link-background-colortransparent
--amplify-components-button-link-border-colortransparent
--amplify-components-button-link-border-widthvar(--amplify-border-widths-small)
--amplify-components-button-link-colorvar(--amplify-colors-font-interactive)
--amplify-components-button-link-disabled-background-colortransparent
--amplify-components-button-link-disabled-border-colortransparent
--amplify-components-button-link-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-link-error-active-background-colorvar(--amplify-colors-red-20)
--amplify-components-button-link-error-active-border-colortransparent
--amplify-components-button-link-error-active-colorvar(--amplify-colors-red-100)
--amplify-components-button-link-error-background-colortransparent
--amplify-components-button-link-error-border-colortransparent
--amplify-components-button-link-error-colorvar(--amplify-colors-red-100)
--amplify-components-button-link-error-focus-background-colorvar(--amplify-colors-red-10)
--amplify-components-button-link-error-focus-border-colortransparent
--amplify-components-button-link-error-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-button-link-error-focus-colorvar(--amplify-colors-red-100)
--amplify-components-button-link-error-hover-background-colorvar(--amplify-colors-red-10)
--amplify-components-button-link-error-hover-border-colortransparent
--amplify-components-button-link-error-hover-colorvar(--amplify-colors-red-90)
--amplify-components-button-link-focus-background-colorvar(--amplify-colors-primary-10)
--amplify-components-button-link-focus-border-colortransparent
--amplify-components-button-link-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-button-link-focus-colorvar(--amplify-colors-font-focus)
--amplify-components-button-link-hover-background-colorvar(--amplify-colors-primary-10)
--amplify-components-button-link-hover-border-colortransparent
--amplify-components-button-link-hover-colorvar(--amplify-colors-font-hover)
--amplify-components-button-link-info-active-background-colorvar(--amplify-colors-blue-20)
--amplify-components-button-link-info-active-border-colortransparent
--amplify-components-button-link-info-active-colorvar(--amplify-colors-blue-100)
--amplify-components-button-link-info-background-colortransparent
--amplify-components-button-link-info-border-colortransparent
--amplify-components-button-link-info-colorvar(--amplify-colors-blue-100)
--amplify-components-button-link-info-focus-background-colorvar(--amplify-colors-blue-10)
--amplify-components-button-link-info-focus-border-colortransparent
--amplify-components-button-link-info-focus-box-shadowvar(--amplify-components-fieldcontrol-info-focus-box-shadow)
--amplify-components-button-link-info-focus-colorvar(--amplify-colors-blue-100)
--amplify-components-button-link-info-hover-background-colorvar(--amplify-colors-blue-10)
--amplify-components-button-link-info-hover-border-colortransparent
--amplify-components-button-link-info-hover-colorvar(--amplify-colors-blue-90)
--amplify-components-button-link-loading-background-colortransparent
--amplify-components-button-link-loading-border-colortransparent
--amplify-components-button-link-loading-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-link-overlay-active-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-button-link-overlay-active-border-colortransparent
--amplify-components-button-link-overlay-active-colorvar(--amplify-colors-overlay-90)
--amplify-components-button-link-overlay-background-colortransparent
--amplify-components-button-link-overlay-border-colortransparent
--amplify-components-button-link-overlay-colorvar(--amplify-colors-neutral-100)
--amplify-components-button-link-overlay-focus-background-colorvar(--amplify-colors-overlay-5)
--amplify-components-button-link-overlay-focus-border-colortransparent
--amplify-components-button-link-overlay-focus-box-shadowvar(--amplify-components-fieldcontrol-overlay-focus-box-shadow)
--amplify-components-button-link-overlay-focus-colorvar(--amplify-colors-overlay-90)
--amplify-components-button-link-overlay-hover-background-colorvar(--amplify-colors-overlay-5)
--amplify-components-button-link-overlay-hover-border-colortransparent
--amplify-components-button-link-overlay-hover-colorvar(--amplify-colors-overlay-80)
--amplify-components-button-link-success-active-background-colorvar(--amplify-colors-green-20)
--amplify-components-button-link-success-active-border-colortransparent
--amplify-components-button-link-success-active-colorvar(--amplify-colors-green-100)
--amplify-components-button-link-success-background-colortransparent
--amplify-components-button-link-success-border-colortransparent
--amplify-components-button-link-success-colorvar(--amplify-colors-green-100)
--amplify-components-button-link-success-focus-background-colorvar(--amplify-colors-green-10)
--amplify-components-button-link-success-focus-border-colortransparent
--amplify-components-button-link-success-focus-box-shadowvar(--amplify-components-fieldcontrol-success-focus-box-shadow)
--amplify-components-button-link-success-focus-colorvar(--amplify-colors-green-100)
--amplify-components-button-link-success-hover-background-colorvar(--amplify-colors-green-10)
--amplify-components-button-link-success-hover-border-colortransparent
--amplify-components-button-link-success-hover-colorvar(--amplify-colors-green-90)
--amplify-components-button-link-warning-active-background-colorvar(--amplify-colors-orange-20)
--amplify-components-button-link-warning-active-border-colortransparent
--amplify-components-button-link-warning-active-colorvar(--amplify-colors-orange-100)
--amplify-components-button-link-warning-background-colortransparent
--amplify-components-button-link-warning-border-colortransparent
--amplify-components-button-link-warning-colorvar(--amplify-colors-orange-100)
--amplify-components-button-link-warning-focus-background-colorvar(--amplify-colors-orange-10)
--amplify-components-button-link-warning-focus-border-colortransparent
--amplify-components-button-link-warning-focus-box-shadowvar(--amplify-components-fieldcontrol-warning-focus-box-shadow)
--amplify-components-button-link-warning-focus-colorvar(--amplify-colors-orange-100)
--amplify-components-button-link-warning-hover-background-colorvar(--amplify-colors-orange-10)
--amplify-components-button-link-warning-hover-border-colortransparent
--amplify-components-button-link-warning-hover-colorvar(--amplify-colors-orange-90)
--amplify-components-button-loader-wrapper-align-itemscenter
--amplify-components-button-loader-wrapper-gapvar(--amplify-space-xs)
--amplify-components-button-loading-background-colortransparent
--amplify-components-button-loading-border-colorvar(--amplify-colors-border-tertiary)
--amplify-components-button-loading-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-menu-active-background-colorvar(--amplify-colors-primary-90)
--amplify-components-button-menu-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-menu-background-colortransparent
--amplify-components-button-menu-border-widthvar(--amplify-space-zero)
--amplify-components-button-menu-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-menu-focus-background-colorvar(--amplify-colors-primary-80)
--amplify-components-button-menu-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-menu-hover-background-colorvar(--amplify-colors-primary-80)
--amplify-components-button-menu-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-menu-justify-contentstart
--amplify-components-button-outlined-error-active-background-colorvar(--amplify-colors-red-20)
--amplify-components-button-outlined-error-active-border-colorvar(--amplify-colors-red-100)
--amplify-components-button-outlined-error-active-colorvar(--amplify-colors-red-100)
--amplify-components-button-outlined-error-background-colortransparent
--amplify-components-button-outlined-error-border-colorvar(--amplify-colors-red-80)
--amplify-components-button-outlined-error-colorvar(--amplify-colors-red-100)
--amplify-components-button-outlined-error-focus-background-colorvar(--amplify-colors-red-10)
--amplify-components-button-outlined-error-focus-border-colorvar(--amplify-colors-red-100)
--amplify-components-button-outlined-error-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-button-outlined-error-focus-colorvar(--amplify-colors-red-100)
--amplify-components-button-outlined-error-hover-background-colorvar(--amplify-colors-red-10)
--amplify-components-button-outlined-error-hover-border-colorvar(--amplify-colors-red-80)
--amplify-components-button-outlined-error-hover-colorvar(--amplify-colors-red-100)
--amplify-components-button-outlined-info-active-background-colorvar(--amplify-colors-blue-20)
--amplify-components-button-outlined-info-active-border-colorvar(--amplify-colors-blue-100)
--amplify-components-button-outlined-info-active-colorvar(--amplify-colors-blue-100)
--amplify-components-button-outlined-info-background-colortransparent
--amplify-components-button-outlined-info-border-colorvar(--amplify-colors-blue-60)
--amplify-components-button-outlined-info-colorvar(--amplify-colors-blue-100)
--amplify-components-button-outlined-info-focus-background-colorvar(--amplify-colors-blue-10)
--amplify-components-button-outlined-info-focus-border-colorvar(--amplify-colors-blue-100)
--amplify-components-button-outlined-info-focus-box-shadowvar(--amplify-components-fieldcontrol-info-focus-box-shadow)
--amplify-components-button-outlined-info-focus-colorvar(--amplify-colors-blue-100)
--amplify-components-button-outlined-info-hover-background-colorvar(--amplify-colors-blue-10)
--amplify-components-button-outlined-info-hover-border-colorvar(--amplify-colors-blue-60)
--amplify-components-button-outlined-info-hover-colorvar(--amplify-colors-blue-100)
--amplify-components-button-outlined-overlay-active-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-button-outlined-overlay-active-border-colorvar(--amplify-colors-overlay-90)
--amplify-components-button-outlined-overlay-active-colorvar(--amplify-colors-neutral-100)
--amplify-components-button-outlined-overlay-background-colortransparent
--amplify-components-button-outlined-overlay-border-colorvar(--amplify-colors-overlay-60)
--amplify-components-button-outlined-overlay-colorvar(--amplify-colors-font-primary)
--amplify-components-button-outlined-overlay-focus-background-colorvar(--amplify-colors-overlay-5)
--amplify-components-button-outlined-overlay-focus-border-colorvar(--amplify-colors-overlay-90)
--amplify-components-button-outlined-overlay-focus-box-shadowvar(--amplify-components-fieldcontrol-overlay-focus-box-shadow)
--amplify-components-button-outlined-overlay-focus-colorvar(--amplify-colors-neutral-90)
--amplify-components-button-outlined-overlay-hover-background-colorvar(--amplify-colors-overlay-5)
--amplify-components-button-outlined-overlay-hover-border-colorvar(--amplify-colors-overlay-60)
--amplify-components-button-outlined-overlay-hover-colorvar(--amplify-colors-neutral-90)
--amplify-components-button-outlined-success-active-background-colorvar(--amplify-colors-green-20)
--amplify-components-button-outlined-success-active-border-colorvar(--amplify-colors-green-100)
--amplify-components-button-outlined-success-active-colorvar(--amplify-colors-green-100)
--amplify-components-button-outlined-success-background-colortransparent
--amplify-components-button-outlined-success-border-colorvar(--amplify-colors-green-60)
--amplify-components-button-outlined-success-colorvar(--amplify-colors-green-100)
--amplify-components-button-outlined-success-focus-background-colorvar(--amplify-colors-green-10)
--amplify-components-button-outlined-success-focus-border-colorvar(--amplify-colors-green-100)
--amplify-components-button-outlined-success-focus-box-shadowvar(--amplify-components-fieldcontrol-success-focus-box-shadow)
--amplify-components-button-outlined-success-focus-colorvar(--amplify-colors-green-100)
--amplify-components-button-outlined-success-hover-background-colorvar(--amplify-colors-green-10)
--amplify-components-button-outlined-success-hover-border-colorvar(--amplify-colors-green-60)
--amplify-components-button-outlined-success-hover-colorvar(--amplify-colors-green-100)
--amplify-components-button-outlined-warning-active-background-colorvar(--amplify-colors-orange-20)
--amplify-components-button-outlined-warning-active-border-colorvar(--amplify-colors-orange-100)
--amplify-components-button-outlined-warning-active-colorvar(--amplify-colors-orange-100)
--amplify-components-button-outlined-warning-background-colortransparent
--amplify-components-button-outlined-warning-border-colorvar(--amplify-colors-orange-60)
--amplify-components-button-outlined-warning-colorvar(--amplify-colors-orange-100)
--amplify-components-button-outlined-warning-focus-background-colorvar(--amplify-colors-orange-10)
--amplify-components-button-outlined-warning-focus-border-colorvar(--amplify-colors-orange-100)
--amplify-components-button-outlined-warning-focus-box-shadowvar(--amplify-components-fieldcontrol-warning-focus-box-shadow)
--amplify-components-button-outlined-warning-focus-colorvar(--amplify-colors-orange-100)
--amplify-components-button-outlined-warning-hover-background-colorvar(--amplify-colors-orange-10)
--amplify-components-button-outlined-warning-hover-border-colorvar(--amplify-colors-orange-60)
--amplify-components-button-outlined-warning-hover-colorvar(--amplify-colors-orange-100)
--amplify-components-button-padding-block-endvar(--amplify-components-fieldcontrol-padding-block-end)
--amplify-components-button-padding-block-startvar(--amplify-components-fieldcontrol-padding-block-start)
--amplify-components-button-padding-inline-endvar(--amplify-components-fieldcontrol-padding-inline-end)
--amplify-components-button-padding-inline-startvar(--amplify-components-fieldcontrol-padding-inline-start)
--amplify-components-button-primary-active-background-colorvar(--amplify-colors-primary-100)
--amplify-components-button-primary-active-border-colortransparent
--amplify-components-button-primary-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-background-colorvar(--amplify-colors-primary-80)
--amplify-components-button-primary-border-colortransparent
--amplify-components-button-primary-border-stylesolid
--amplify-components-button-primary-border-widthvar(--amplify-border-widths-small)
--amplify-components-button-primary-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-button-primary-disabled-border-colortransparent
--amplify-components-button-primary-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-primary-error-active-background-colorvar(--amplify-colors-red-100)
--amplify-components-button-primary-error-active-border-colortransparent
--amplify-components-button-primary-error-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-error-background-colorvar(--amplify-colors-red-80)
--amplify-components-button-primary-error-border-colortransparent
--amplify-components-button-primary-error-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-error-focus-background-colorvar(--amplify-colors-red-90)
--amplify-components-button-primary-error-focus-border-colortransparent
--amplify-components-button-primary-error-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-button-primary-error-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-error-hover-background-colorvar(--amplify-colors-red-90)
--amplify-components-button-primary-error-hover-border-colortransparent
--amplify-components-button-primary-error-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-focus-background-colorvar(--amplify-colors-primary-90)
--amplify-components-button-primary-focus-border-colortransparent
--amplify-components-button-primary-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-button-primary-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-hover-background-colorvar(--amplify-colors-primary-90)
--amplify-components-button-primary-hover-border-colortransparent
--amplify-components-button-primary-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-info-active-background-colorvar(--amplify-colors-blue-100)
--amplify-components-button-primary-info-active-border-colortransparent
--amplify-components-button-primary-info-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-info-background-colorvar(--amplify-colors-blue-80)
--amplify-components-button-primary-info-border-colortransparent
--amplify-components-button-primary-info-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-info-focus-background-colorvar(--amplify-colors-blue-90)
--amplify-components-button-primary-info-focus-border-colortransparent
--amplify-components-button-primary-info-focus-box-shadowvar(--amplify-components-fieldcontrol-info-focus-box-shadow)
--amplify-components-button-primary-info-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-info-hover-background-colorvar(--amplify-colors-blue-90)
--amplify-components-button-primary-info-hover-border-colortransparent
--amplify-components-button-primary-info-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-loading-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-button-primary-loading-border-colortransparent
--amplify-components-button-primary-loading-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-primary-overlay-active-background-colorvar(--amplify-colors-overlay-90)
--amplify-components-button-primary-overlay-active-border-colortransparent
--amplify-components-button-primary-overlay-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-overlay-background-colorvar(--amplify-colors-overlay-70)
--amplify-components-button-primary-overlay-border-colortransparent
--amplify-components-button-primary-overlay-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-overlay-focus-background-colorvar(--amplify-colors-overlay-90)
--amplify-components-button-primary-overlay-focus-border-colortransparent
--amplify-components-button-primary-overlay-focus-box-shadowvar(--amplify-components-fieldcontrol-overlay-focus-box-shadow)
--amplify-components-button-primary-overlay-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-overlay-hover-background-colorvar(--amplify-colors-overlay-90)
--amplify-components-button-primary-overlay-hover-border-colortransparent
--amplify-components-button-primary-overlay-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-success-active-background-colorvar(--amplify-colors-green-100)
--amplify-components-button-primary-success-active-border-colortransparent
--amplify-components-button-primary-success-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-success-background-colorvar(--amplify-colors-green-80)
--amplify-components-button-primary-success-border-colortransparent
--amplify-components-button-primary-success-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-success-focus-background-colorvar(--amplify-colors-green-90)
--amplify-components-button-primary-success-focus-border-colortransparent
--amplify-components-button-primary-success-focus-box-shadowvar(--amplify-components-fieldcontrol-success-focus-box-shadow)
--amplify-components-button-primary-success-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-success-hover-background-colorvar(--amplify-colors-green-90)
--amplify-components-button-primary-success-hover-border-colortransparent
--amplify-components-button-primary-success-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-warning-active-background-colorvar(--amplify-colors-orange-100)
--amplify-components-button-primary-warning-active-border-colortransparent
--amplify-components-button-primary-warning-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-warning-background-colorvar(--amplify-colors-orange-80)
--amplify-components-button-primary-warning-border-colortransparent
--amplify-components-button-primary-warning-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-warning-focus-background-colorvar(--amplify-colors-orange-90)
--amplify-components-button-primary-warning-focus-border-colortransparent
--amplify-components-button-primary-warning-focus-box-shadowvar(--amplify-components-fieldcontrol-overlay-focus-box-shadow)
--amplify-components-button-primary-warning-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-primary-warning-hover-background-colorvar(--amplify-colors-orange-90)
--amplify-components-button-primary-warning-hover-border-colortransparent
--amplify-components-button-primary-warning-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-small-font-sizevar(--amplify-components-fieldcontrol-small-font-size)
--amplify-components-button-small-padding-block-endvar(--amplify-components-fieldcontrol-small-padding-block-end)
--amplify-components-button-small-padding-block-startvar(--amplify-components-fieldcontrol-small-padding-block-start)
--amplify-components-button-small-padding-inline-endvar(--amplify-components-fieldcontrol-small-padding-inline-end)
--amplify-components-button-small-padding-inline-startvar(--amplify-components-fieldcontrol-small-padding-inline-start)
--amplify-components-button-transition-durationvar(--amplify-components-fieldcontrol-transition-duration)
--amplify-components-button-warning-active-background-colorvar(--amplify-colors-red-20)
--amplify-components-button-warning-active-border-colorvar(--amplify-colors-red-100)
--amplify-components-button-warning-active-colorvar(--amplify-colors-red-100)
--amplify-components-button-warning-background-colortransparent
--amplify-components-button-warning-border-colorvar(--amplify-colors-red-60)
--amplify-components-button-warning-border-widthvar(--amplify-border-widths-small)
--amplify-components-button-warning-colorvar(--amplify-colors-red-60)
--amplify-components-button-warning-disabled-background-colortransparent
--amplify-components-button-warning-disabled-border-colorvar(--amplify-colors-border-tertiary)
--amplify-components-button-warning-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-warning-focus-background-colorvar(--amplify-colors-red-10)
--amplify-components-button-warning-focus-border-colorvar(--amplify-colors-red-80)
--amplify-components-button-warning-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-button-warning-focus-colorvar(--amplify-colors-red-80)
--amplify-components-button-warning-hover-background-colorvar(--amplify-colors-red-10)
--amplify-components-button-warning-hover-border-colorvar(--amplify-colors-red-80)
--amplify-components-button-warning-hover-colorvar(--amplify-colors-font-error)
--amplify-components-button-warning-loading-background-colortransparent
--amplify-components-button-warning-loading-border-colorvar(--amplify-colors-border-tertiary)
--amplify-components-button-warning-loading-colorvar(--amplify-colors-font-disabled)
--amplify-components-card-background-colorvar(--amplify-colors-background-primary)
--amplify-components-card-border-colortransparent
--amplify-components-card-border-radiusvar(--amplify-radii-xs)
--amplify-components-card-border-stylesolid
--amplify-components-card-border-width0
--amplify-components-card-box-shadownone
--amplify-components-card-elevated-background-colorvar(--amplify-components-card-background-color)
--amplify-components-card-elevated-border-colortransparent
--amplify-components-card-elevated-border-radiusvar(--amplify-radii-xs)
--amplify-components-card-elevated-border-stylesolid
--amplify-components-card-elevated-border-width0
--amplify-components-card-elevated-box-shadowvar(--amplify-shadows-medium)
--amplify-components-card-outlined-background-colorvar(--amplify-components-card-background-color)
--amplify-components-card-outlined-border-colorvar(--amplify-colors-border-primary)
--amplify-components-card-outlined-border-radiusvar(--amplify-radii-xs)
--amplify-components-card-outlined-border-stylesolid
--amplify-components-card-outlined-border-widthvar(--amplify-border-widths-small)
--amplify-components-card-outlined-box-shadowvar(--amplify-components-card-box-shadow)
--amplify-components-card-paddingvar(--amplify-space-medium)
--amplify-components-checkbox-align-itemscenter
--amplify-components-checkbox-button-align-itemscenter
--amplify-components-checkbox-button-before-border-colorvar(--amplify-colors-border-primary)
--amplify-components-checkbox-button-before-border-radius20%
--amplify-components-checkbox-button-before-border-stylesolid
--amplify-components-checkbox-button-before-border-widthvar(--amplify-border-widths-medium)
--amplify-components-checkbox-button-before-height100%
--amplify-components-checkbox-button-before-width100%
--amplify-components-checkbox-button-colorvar(--amplify-colors-font-inverse)
--amplify-components-checkbox-button-disabled-border-colorvar(--amplify-colors-border-disabled)
--amplify-components-checkbox-button-error-border-colorvar(--amplify-colors-border-error)
--amplify-components-checkbox-button-error-focus-border-colorvar(--amplify-colors-border-error)
--amplify-components-checkbox-button-error-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-checkbox-button-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-checkbox-button-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-checkbox-button-focus-outline-colorvar(--amplify-colors-transparent)
--amplify-components-checkbox-button-focus-outline-offsetvar(--amplify-outline-offsets-medium)
--amplify-components-checkbox-button-focus-outline-stylesolid
--amplify-components-checkbox-button-focus-outline-widthvar(--amplify-outline-widths-medium)
--amplify-components-checkbox-button-justify-contentcenter
--amplify-components-checkbox-button-positionrelative
--amplify-components-checkbox-cursorpointer
--amplify-components-checkbox-disabled-cursornot-allowed
--amplify-components-checkbox-icon-background-colorvar(--amplify-colors-primary-80)
--amplify-components-checkbox-icon-border-radius20%
--amplify-components-checkbox-icon-checked-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-checkbox-icon-checked-opacityvar(--amplify-opacities-100)
--amplify-components-checkbox-icon-checked-transformscale(1)
--amplify-components-checkbox-icon-indeterminate-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-checkbox-icon-indeterminate-opacityvar(--amplify-opacities-100)
--amplify-components-checkbox-icon-indeterminate-transformscale(1)
--amplify-components-checkbox-icon-opacityvar(--amplify-opacities-0)
--amplify-components-checkbox-icon-transformscale(0)
--amplify-components-checkbox-icon-transition-durationvar(--amplify-time-short)
--amplify-components-checkbox-icon-transition-propertyall
--amplify-components-checkbox-icon-transition-timing-functionease-in-out
--amplify-components-checkbox-label-colorvar(--amplify-components-text-color)
--amplify-components-checkbox-label-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-checkboxfield-align-contentcenter
--amplify-components-checkboxfield-align-itemsflex-start
--amplify-components-checkboxfield-flex-directioncolumn
--amplify-components-checkboxfield-justify-contentcenter
--amplify-components-collection-pagination-button-colorvar(--amplify-components-pagination-button-color)
--amplify-components-collection-pagination-button-disabled-colorvar(--amplify-components-pagination-button-disabled-color)
--amplify-components-collection-pagination-button-hover-background-colorvar(--amplify-components-pagination-button-hover-background-color)
--amplify-components-collection-pagination-button-hover-colorvar(--amplify-components-pagination-button-hover-color)
--amplify-components-collection-pagination-current-background-colorvar(--amplify-components-pagination-current-background-color)
--amplify-components-collection-pagination-current-colorvar(--amplify-components-pagination-current-color)
--amplify-components-collection-search-button-active-background-colorvar(--amplify-components-searchfield-button-active-background-color)
--amplify-components-collection-search-button-active-border-colorvar(--amplify-components-searchfield-button-active-border-color)
--amplify-components-collection-search-button-active-colorvar(--amplify-components-searchfield-button-active-color)
--amplify-components-collection-search-button-colorvar(--amplify-components-searchfield-button-color)
--amplify-components-collection-search-button-disabled-background-colorvar(--amplify-components-searchfield-button-disabled-background-color)
--amplify-components-collection-search-button-disabled-border-colorvar(--amplify-components-searchfield-button-disabled-border-color)
--amplify-components-collection-search-button-disabled-colorvar(--amplify-components-searchfield-button-disabled-color)
--amplify-components-collection-search-button-focus-background-colorvar(--amplify-components-searchfield-button-focus-background-color)
--amplify-components-collection-search-button-focus-border-colorvar(--amplify-components-searchfield-button-focus-border-color)
--amplify-components-collection-search-button-focus-colorvar(--amplify-components-searchfield-button-focus-color)
--amplify-components-collection-search-button-hover-background-colorvar(--amplify-components-searchfield-button-hover-background-color)
--amplify-components-collection-search-button-hover-border-colorvar(--amplify-components-searchfield-button-hover-border-color)
--amplify-components-collection-search-button-hover-colorvar(--amplify-components-searchfield-button-hover-color)
--amplify-components-collection-search-input-colorvar(--amplify-components-searchfield-color)
--amplify-components-copy-font-sizevar(--amplify-font-sizes-xs)
--amplify-components-copy-gapvar(--amplify-space-relative-medium)
--amplify-components-copy-svg-path-fillvar(--amplify-colors-font-primary)
--amplify-components-copy-tool-tip-bottomvar(--amplify-space-large)
--amplify-components-copy-tool-tip-colorvar(--amplify-colors-teal-100)
--amplify-components-copy-tool-tip-font-sizevar(--amplify-font-sizes-xxs)
--amplify-components-countrycodeselect-heightvar(--amplify-space-relative-full)
--amplify-components-divider-border-colorvar(--amplify-colors-border-primary)
--amplify-components-divider-border-stylesolid
--amplify-components-divider-border-widthvar(--amplify-border-widths-medium)
--amplify-components-divider-label-background-colorvar(--amplify-colors-background-primary)
--amplify-components-divider-label-colorvar(--amplify-colors-font-tertiary)
--amplify-components-divider-label-font-sizevar(--amplify-font-sizes-small)
--amplify-components-divider-label-padding-inlinevar(--amplify-space-medium)
--amplify-components-divider-large-border-widthvar(--amplify-border-widths-large)
--amplify-components-divider-opacityvar(--amplify-opacities-60)
--amplify-components-divider-small-border-widthvar(--amplify-border-widths-small)
--amplify-components-dropzone-accepted-background-colorvar(--amplify-colors-background-success)
--amplify-components-dropzone-accepted-border-colorvar(--amplify-colors-border-success)
--amplify-components-dropzone-accepted-border-radiusvar(--amplify-components-dropzone-border-radius)
--amplify-components-dropzone-accepted-border-stylevar(--amplify-components-dropzone-border-style)
--amplify-components-dropzone-accepted-border-widthvar(--amplify-components-dropzone-border-width)
--amplify-components-dropzone-accepted-colorvar(--amplify-colors-font-success)
--amplify-components-dropzone-active-background-colorvar(--amplify-colors-primary-10)
--amplify-components-dropzone-active-border-colorvar(--amplify-colors-border-pressed)
--amplify-components-dropzone-active-border-radiusvar(--amplify-components-dropzone-border-radius)
--amplify-components-dropzone-active-border-stylevar(--amplify-components-dropzone-border-style)
--amplify-components-dropzone-active-border-widthvar(--amplify-components-dropzone-border-width)
--amplify-components-dropzone-active-colorvar(--amplify-colors-font-primary)
--amplify-components-dropzone-background-colorvar(--amplify-colors-background-primary)
--amplify-components-dropzone-border-colorvar(--amplify-colors-border-primary)
--amplify-components-dropzone-border-radiusvar(--amplify-radii-small)
--amplify-components-dropzone-border-styledashed
--amplify-components-dropzone-border-widthvar(--amplify-border-widths-small)
--amplify-components-dropzone-colorvar(--amplify-colors-font-primary)
--amplify-components-dropzone-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-dropzone-disabled-border-colorvar(--amplify-colors-border-disabled)
--amplify-components-dropzone-disabled-border-radiusvar(--amplify-components-dropzone-border-radius)
--amplify-components-dropzone-disabled-border-stylevar(--amplify-components-dropzone-border-style)
--amplify-components-dropzone-disabled-border-widthvar(--amplify-components-dropzone-border-width)
--amplify-components-dropzone-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-dropzone-gapvar(--amplify-space-small)
--amplify-components-dropzone-padding-blockvar(--amplify-space-xl)
--amplify-components-dropzone-padding-inlinevar(--amplify-space-large)
--amplify-components-dropzone-rejected-background-colorvar(--amplify-colors-background-error)
--amplify-components-dropzone-rejected-border-colorvar(--amplify-colors-border-pressed)
--amplify-components-dropzone-rejected-border-radiusvar(--amplify-components-dropzone-border-radius)
--amplify-components-dropzone-rejected-border-stylevar(--amplify-components-dropzone-border-style)
--amplify-components-dropzone-rejected-border-widthvar(--amplify-components-dropzone-border-width)
--amplify-components-dropzone-rejected-colorvar(--amplify-colors-font-error)
--amplify-components-dropzone-text-aligncenter
--amplify-components-field-flex-directioncolumn
--amplify-components-field-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-field-gapvar(--amplify-space-xs)
--amplify-components-field-label-colorvar(--amplify-colors-font-secondary)
--amplify-components-field-large-font-sizevar(--amplify-font-sizes-large)
--amplify-components-field-large-gapvar(--amplify-space-small)
--amplify-components-field-small-font-sizevar(--amplify-font-sizes-small)
--amplify-components-field-small-gapvar(--amplify-space-xxxs)
--amplify-components-fieldcontrol-border-colorvar(--amplify-colors-border-primary)
--amplify-components-fieldcontrol-border-radiusvar(--amplify-radii-small)
--amplify-components-fieldcontrol-border-stylesolid
--amplify-components-fieldcontrol-border-widthvar(--amplify-border-widths-small)
--amplify-components-fieldcontrol-colorvar(--amplify-colors-font-primary)
--amplify-components-fieldcontrol-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-fieldcontrol-disabled-border-colorvar(--amplify-colors-transparent)
--amplify-components-fieldcontrol-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-fieldcontrol-disabled-cursornot-allowed
--amplify-components-fieldcontrol-error-border-colorvar(--amplify-colors-border-error)
--amplify-components-fieldcontrol-error-colorvar(--amplify-colors-font-error)
--amplify-components-fieldcontrol-error-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-border-error)
--amplify-components-fieldcontrol-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-fieldcontrol-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-border-focus)
--amplify-components-fieldcontrol-font-sizevar(--amplify-components-field-font-size)
--amplify-components-fieldcontrol-info-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-blue-100)
--amplify-components-fieldcontrol-large-font-sizevar(--amplify-components-field-large-font-size)
--amplify-components-fieldcontrol-large-padding-block-endvar(--amplify-space-xs)
--amplify-components-fieldcontrol-large-padding-block-startvar(--amplify-space-xs)
--amplify-components-fieldcontrol-large-padding-inline-endvar(--amplify-space-medium)
--amplify-components-fieldcontrol-large-padding-inline-startvar(--amplify-space-medium)
--amplify-components-fieldcontrol-line-heightvar(--amplify-line-heights-medium)
--amplify-components-fieldcontrol-outline-colorvar(--amplify-colors-transparent)
--amplify-components-fieldcontrol-outline-offsetvar(--amplify-outline-offsets-medium)
--amplify-components-fieldcontrol-outline-stylesolid
--amplify-components-fieldcontrol-outline-widthvar(--amplify-outline-widths-medium)
--amplify-components-fieldcontrol-overlay-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-overlay-90)
--amplify-components-fieldcontrol-padding-block-endvar(--amplify-space-xs)
--amplify-components-fieldcontrol-padding-block-startvar(--amplify-space-xs)
--amplify-components-fieldcontrol-padding-inline-endvar(--amplify-space-medium)
--amplify-components-fieldcontrol-padding-inline-startvar(--amplify-space-medium)
--amplify-components-fieldcontrol-quiet-border-block-startnone
--amplify-components-fieldcontrol-quiet-border-inline-endnone
--amplify-components-fieldcontrol-quiet-border-inline-startnone
--amplify-components-fieldcontrol-quiet-border-radius0
--amplify-components-fieldcontrol-quiet-border-stylenone
--amplify-components-fieldcontrol-quiet-error-border-block-end-colorvar(--amplify-colors-border-error)
--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-colortransparent
--amplify-components-fieldcontrol-quiet-error-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-fieldcontrol-quiet-focus-border-block-end-colortransparent
--amplify-components-fieldcontrol-quiet-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-fieldcontrol-small-font-sizevar(--amplify-components-field-small-font-size)
--amplify-components-fieldcontrol-small-padding-block-endvar(--amplify-space-xxs)
--amplify-components-fieldcontrol-small-padding-block-startvar(--amplify-space-xxs)
--amplify-components-fieldcontrol-small-padding-inline-endvar(--amplify-space-small)
--amplify-components-fieldcontrol-small-padding-inline-startvar(--amplify-space-small)
--amplify-components-fieldcontrol-success-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-green-100)
--amplify-components-fieldcontrol-transition-durationvar(--amplify-time-medium)
--amplify-components-fieldcontrol-warning-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-orange-100)
--amplify-components-fieldgroup-gapvar(--amplify-space-zero)
--amplify-components-fieldgroup-outer-align-itemscenter
--amplify-components-fieldgroup-vertical-align-itemscenter
--amplify-components-fieldmessages-description-colorvar(--amplify-colors-font-secondary)
--amplify-components-fieldmessages-description-font-sizevar(--amplify-font-sizes-small)
--amplify-components-fieldmessages-description-font-styleitalic
--amplify-components-fieldmessages-error-colorvar(--amplify-colors-font-error)
--amplify-components-fieldmessages-error-font-sizevar(--amplify-font-sizes-small)
--amplify-components-fieldset-background-colortransparent
--amplify-components-fieldset-border-radiusvar(--amplify-radii-xs)
--amplify-components-fieldset-flex-directioncolumn
--amplify-components-fieldset-gapvar(--amplify-components-field-gap)
--amplify-components-fieldset-large-gapvar(--amplify-components-field-large-gap)
--amplify-components-fieldset-legend-colorvar(--amplify-colors-font-primary)
--amplify-components-fieldset-legend-font-sizevar(--amplify-components-field-font-size)
--amplify-components-fieldset-legend-font-weightvar(--amplify-font-weights-bold)
--amplify-components-fieldset-legend-large-font-sizevar(--amplify-components-field-large-font-size)
--amplify-components-fieldset-legend-line-heightvar(--amplify-line-heights-medium)
--amplify-components-fieldset-legend-small-font-sizevar(--amplify-components-field-small-font-size)
--amplify-components-fieldset-outlined-border-colorvar(--amplify-colors-neutral-40)
--amplify-components-fieldset-outlined-border-stylesolid
--amplify-components-fieldset-outlined-border-widthvar(--amplify-border-widths-small)
--amplify-components-fieldset-outlined-large-paddingvar(--amplify-space-large)
--amplify-components-fieldset-outlined-paddingvar(--amplify-space-medium)
--amplify-components-fieldset-outlined-small-paddingvar(--amplify-space-small)
--amplify-components-fieldset-small-gapvar(--amplify-components-field-small-gap)
--amplify-components-fileuploader-dropzone-active-background-colorvar(--amplify-colors-primary-10)
--amplify-components-fileuploader-dropzone-active-border-colorvar(--amplify-colors-border-pressed)
--amplify-components-fileuploader-dropzone-active-border-radiusvar(--amplify-components-fileuploader-dropzone-border-radius)
--amplify-components-fileuploader-dropzone-active-border-stylevar(--amplify-components-fileuploader-dropzone-border-style)
--amplify-components-fileuploader-dropzone-active-border-widthvar(--amplify-border-widths-medium)
--amplify-components-fileuploader-dropzone-background-colorvar(--amplify-colors-background-primary)
--amplify-components-fileuploader-dropzone-border-colorvar(--amplify-colors-border-primary)
--amplify-components-fileuploader-dropzone-border-radiusvar(--amplify-radii-small)
--amplify-components-fileuploader-dropzone-border-styledashed
--amplify-components-fileuploader-dropzone-border-widthvar(--amplify-border-widths-small)
--amplify-components-fileuploader-dropzone-gapvar(--amplify-space-small)
--amplify-components-fileuploader-dropzone-icon-colorvar(--amplify-colors-border-primary)
--amplify-components-fileuploader-dropzone-icon-font-sizevar(--amplify-font-sizes-xxl)
--amplify-components-fileuploader-dropzone-padding-blockvar(--amplify-space-xl)
--amplify-components-fileuploader-dropzone-padding-inlinevar(--amplify-space-large)
--amplify-components-fileuploader-dropzone-text-aligncenter
--amplify-components-fileuploader-dropzone-text-colorvar(--amplify-colors-font-tertiary)
--amplify-components-fileuploader-dropzone-text-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-fileuploader-dropzone-text-font-weightvar(--amplify-font-weights-bold)
--amplify-components-fileuploader-file-align-itemsbaseline
--amplify-components-fileuploader-file-background-colorvar(--amplify-colors-background-primary)
--amplify-components-fileuploader-file-border-colorvar(--amplify-colors-border-primary)
--amplify-components-fileuploader-file-border-radiusvar(--amplify-radii-small)
--amplify-components-fileuploader-file-border-stylesolid
--amplify-components-fileuploader-file-border-widthvar(--amplify-border-widths-small)
--amplify-components-fileuploader-file-gapvar(--amplify-space-small)
--amplify-components-fileuploader-file-image-background-colorvar(--amplify-colors-background-secondary)
--amplify-components-fileuploader-file-image-border-radiusvar(--amplify-radii-small)
--amplify-components-fileuploader-file-image-colorvar(--amplify-colors-font-tertiary)
--amplify-components-fileuploader-file-image-heightvar(--amplify-space-xxl)
--amplify-components-fileuploader-file-image-widthvar(--amplify-space-xxl)
--amplify-components-fileuploader-file-name-colorvar(--amplify-colors-font-primary)
--amplify-components-fileuploader-file-name-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-fileuploader-file-name-font-weightvar(--amplify-font-weights-bold)
--amplify-components-fileuploader-file-padding-blockvar(--amplify-space-xs)
--amplify-components-fileuploader-file-padding-inlinevar(--amplify-space-small)
--amplify-components-fileuploader-file-size-colorvar(--amplify-colors-font-tertiary)
--amplify-components-fileuploader-file-size-font-sizevar(--amplify-font-sizes-small)
--amplify-components-fileuploader-file-size-font-weightvar(--amplify-font-weights-normal)
--amplify-components-fileuploader-filelist-flex-directioncolumn
--amplify-components-fileuploader-filelist-gapvar(--amplify-space-small)
--amplify-components-fileuploader-loader-stroke-emptyvar(--amplify-colors-border-secondary)
--amplify-components-fileuploader-loader-stroke-filledvar(--amplify-components-loader-stroke-filled)
--amplify-components-fileuploader-loader-stroke-linecapround
--amplify-components-fileuploader-loader-stroke-widthvar(--amplify-border-widths-large)
--amplify-components-fileuploader-previewer-background-colorvar(--amplify-colors-background-primary)
--amplify-components-fileuploader-previewer-body-gapvar(--amplify-space-small)
--amplify-components-fileuploader-previewer-body-padding-blockvar(--amplify-space-medium)
--amplify-components-fileuploader-previewer-body-padding-inlinevar(--amplify-space-medium)
--amplify-components-fileuploader-previewer-border-colorvar(--amplify-colors-border-primary)
--amplify-components-fileuploader-previewer-border-radiusvar(--amplify-radii-small)
--amplify-components-fileuploader-previewer-border-stylesolid
--amplify-components-fileuploader-previewer-border-widthvar(--amplify-border-widths-small)
--amplify-components-fileuploader-previewer-footer-justify-contentflex-end
--amplify-components-fileuploader-previewer-max-height40rem
--amplify-components-fileuploader-previewer-max-widthauto
--amplify-components-fileuploader-previewer-padding-blockvar(--amplify-space-zero)
--amplify-components-fileuploader-previewer-padding-inlinevar(--amplify-space-zero)
--amplify-components-fileuploader-previewer-text-colorvar(--amplify-colors-font-primary)
--amplify-components-fileuploader-previewer-text-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-fileuploader-previewer-text-font-weightvar(--amplify-font-weights-bold)
--amplify-components-flex-align-contentnormal
--amplify-components-flex-align-itemsstretch
--amplify-components-flex-flex-wrapnowrap
--amplify-components-flex-gapvar(--amplify-space-medium)
--amplify-components-flex-justify-contentnormal
--amplify-components-heading-1-font-sizevar(--amplify-font-sizes-xxxxl)
--amplify-components-heading-1-font-weightvar(--amplify-font-weights-light)
--amplify-components-heading-2-font-sizevar(--amplify-font-sizes-xxxl)
--amplify-components-heading-2-font-weightvar(--amplify-font-weights-normal)
--amplify-components-heading-3-font-sizevar(--amplify-font-sizes-xxl)
--amplify-components-heading-3-font-weightvar(--amplify-font-weights-medium)
--amplify-components-heading-4-font-sizevar(--amplify-font-sizes-xl)
--amplify-components-heading-4-font-weightvar(--amplify-font-weights-semibold)
--amplify-components-heading-5-font-sizevar(--amplify-font-sizes-large)
--amplify-components-heading-5-font-weightvar(--amplify-font-weights-bold)
--amplify-components-heading-6-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-heading-6-font-weightvar(--amplify-font-weights-extrabold)
--amplify-components-heading-colorvar(--amplify-colors-font-primary)
--amplify-components-heading-line-heightvar(--amplify-line-heights-small)
--amplify-components-highlightmatch-highlighted-font-weightvar(--amplify-font-weights-bold)
--amplify-components-icon-height1em
--amplify-components-icon-line-height1
--amplify-components-image-heightauto
--amplify-components-image-max-width100%
--amplify-components-image-object-fitinitial
--amplify-components-image-object-positioninitial
--amplify-components-inappmessaging-banner-height150px
--amplify-components-inappmessaging-banner-width400px
--amplify-components-inappmessaging-button-background-color#e8e8e8
--amplify-components-inappmessaging-button-border-radius5px
--amplify-components-inappmessaging-button-colorblack
--amplify-components-inappmessaging-dialog-height50vh
--amplify-components-inappmessaging-dialog-min-height400px
--amplify-components-inappmessaging-dialog-min-width400px
--amplify-components-inappmessaging-dialog-width30vw
--amplify-components-inappmessaging-header-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-inappmessaging-header-font-weightvar(--amplify-font-weights-extrabold)
--amplify-components-input-border-colorvar(--amplify-components-fieldcontrol-border-color)
--amplify-components-input-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-input-focus-border-colorvar(--amplify-components-fieldcontrol-focus-border-color)
--amplify-components-input-font-sizevar(--amplify-components-fieldcontrol-font-size)
--amplify-components-link-active-colorvar(--amplify-colors-font-active)
--amplify-components-link-colorvar(--amplify-colors-font-interactive)
--amplify-components-link-focus-colorvar(--amplify-colors-font-focus)
--amplify-components-link-hover-colorvar(--amplify-colors-font-hover)
--amplify-components-link-visited-colorvar(--amplify-colors-font-interactive)
--amplify-components-liveness-camera-module-background-colorvar(--amplify-colors-background-primary)
--amplify-components-loader-animation-duration1s
--amplify-components-loader-font-sizevar(--amplify-font-sizes-xs)
--amplify-components-loader-heightvar(--amplify-font-sizes-medium)
--amplify-components-loader-large-font-sizevar(--amplify-font-sizes-small)
--amplify-components-loader-large-heightvar(--amplify-font-sizes-large)
--amplify-components-loader-large-widthvar(--amplify-font-sizes-large)
--amplify-components-loader-linear-animation-duration1s
--amplify-components-loader-linear-font-sizevar(--amplify-font-sizes-xxs)
--amplify-components-loader-linear-large-font-sizevar(--amplify-font-sizes-xs)
--amplify-components-loader-linear-large-stroke-widthvar(--amplify-font-sizes-xs)
--amplify-components-loader-linear-min-width5rem
--amplify-components-loader-linear-small-font-sizevar(--amplify-font-sizes-xxxs)
--amplify-components-loader-linear-small-stroke-widthvar(--amplify-font-sizes-xxxs)
--amplify-components-loader-linear-stroke-emptyvar(--amplify-colors-neutral-20)
--amplify-components-loader-linear-stroke-filledvar(--amplify-colors-primary-80)
--amplify-components-loader-linear-stroke-linecapround
--amplify-components-loader-linear-stroke-widthvar(--amplify-font-sizes-xxs)
--amplify-components-loader-linear-width100%
--amplify-components-loader-small-font-sizevar(--amplify-font-sizes-xxs)
--amplify-components-loader-small-heightvar(--amplify-font-sizes-small)
--amplify-components-loader-small-widthvar(--amplify-font-sizes-small)
--amplify-components-loader-stroke-emptyvar(--amplify-colors-neutral-20)
--amplify-components-loader-stroke-filledvar(--amplify-colors-primary-80)
--amplify-components-loader-stroke-linecapround
--amplify-components-loader-text-fillvar(--amplify-colors-font-primary)
--amplify-components-loader-widthvar(--amplify-font-sizes-medium)
--amplify-components-menu-background-colorvar(--amplify-colors-background-primary)
--amplify-components-menu-border-colorvar(--amplify-colors-border-primary)
--amplify-components-menu-border-radiusvar(--amplify-radii-medium)
--amplify-components-menu-border-stylesolid
--amplify-components-menu-border-widthvar(--amplify-border-widths-small)
--amplify-components-menu-box-shadowvar(--amplify-shadows-large)
--amplify-components-menu-flex-directioncolumn
--amplify-components-menu-gapvar(--amplify-space-zero)
--amplify-components-menu-item-min-height2.5rem
--amplify-components-menu-item-padding-inline-endvar(--amplify-space-medium)
--amplify-components-menu-item-padding-inline-startvar(--amplify-space-medium)
--amplify-components-menu-large-heightvar(--amplify-font-sizes-xxxl)
--amplify-components-menu-large-widthvar(--amplify-font-sizes-xxxl)
--amplify-components-menu-max-width30rem
--amplify-components-menu-min-width14rem
--amplify-components-menu-small-heightvar(--amplify-font-sizes-medium)
--amplify-components-menu-small-widthvar(--amplify-font-sizes-medium)
--amplify-components-message-align-itemscenter
--amplify-components-message-background-colorvar(--amplify-colors-background-tertiary)
--amplify-components-message-border-colortransparent
--amplify-components-message-border-radiusvar(--amplify-radii-xs)
--amplify-components-message-border-stylesolid
--amplify-components-message-border-widthvar(--amplify-border-widths-small)
--amplify-components-message-colorvar(--amplify-colors-font-primary)
--amplify-components-message-dismiss-gapvar(--amplify-space-xxs)
--amplify-components-message-filled-background-colorvar(--amplify-colors-background-secondary)
--amplify-components-message-filled-border-colortransparent
--amplify-components-message-filled-colorvar(--amplify-colors-font-primary)
--amplify-components-message-filled-error-background-colorvar(--amplify-colors-background-error)
--amplify-components-message-filled-error-border-colortransparent
--amplify-components-message-filled-error-colorvar(--amplify-colors-font-error)
--amplify-components-message-filled-info-background-colorvar(--amplify-colors-background-info)
--amplify-components-message-filled-info-border-colortransparent
--amplify-components-message-filled-info-colorvar(--amplify-colors-font-info)
--amplify-components-message-filled-success-background-colorvar(--amplify-colors-background-success)
--amplify-components-message-filled-success-border-colortransparent
--amplify-components-message-filled-success-colorvar(--amplify-colors-font-success)
--amplify-components-message-filled-warning-background-colorvar(--amplify-colors-background-warning)
--amplify-components-message-filled-warning-border-colortransparent
--amplify-components-message-filled-warning-colorvar(--amplify-colors-font-warning)
--amplify-components-message-heading-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-message-heading-font-weightvar(--amplify-font-weights-bold)
--amplify-components-message-icon-sizevar(--amplify-font-sizes-xl)
--amplify-components-message-justify-contentflex-start
--amplify-components-message-line-heightvar(--amplify-line-heights-small)
--amplify-components-message-outlined-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-outlined-border-colorvar(--amplify-colors-border-primary)
--amplify-components-message-outlined-colorvar(--amplify-colors-font-primary)
--amplify-components-message-outlined-error-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-outlined-error-border-colorvar(--amplify-colors-border-error)
--amplify-components-message-outlined-error-colorvar(--amplify-colors-font-error)
--amplify-components-message-outlined-info-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-outlined-info-border-colorvar(--amplify-colors-border-info)
--amplify-components-message-outlined-info-colorvar(--amplify-colors-font-info)
--amplify-components-message-outlined-success-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-outlined-success-border-colorvar(--amplify-colors-border-success)
--amplify-components-message-outlined-success-colorvar(--amplify-colors-font-success)
--amplify-components-message-outlined-warning-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-outlined-warning-border-colorvar(--amplify-colors-border-warning)
--amplify-components-message-outlined-warning-colorvar(--amplify-colors-font-warning)
--amplify-components-message-padding-blockvar(--amplify-space-small)
--amplify-components-message-padding-inlinevar(--amplify-space-medium)
--amplify-components-message-plain-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-plain-border-colortransparent
--amplify-components-message-plain-colorvar(--amplify-colors-font-primary)
--amplify-components-message-plain-error-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-plain-error-border-colortransparent
--amplify-components-message-plain-error-colorvar(--amplify-colors-font-error)
--amplify-components-message-plain-info-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-plain-info-border-colortransparent
--amplify-components-message-plain-info-colorvar(--amplify-colors-font-info)
--amplify-components-message-plain-success-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-plain-success-border-colortransparent
--amplify-components-message-plain-success-colorvar(--amplify-colors-font-success)
--amplify-components-message-plain-warning-background-colorvar(--amplify-colors-background-primary)
--amplify-components-message-plain-warning-border-colortransparent
--amplify-components-message-plain-warning-colorvar(--amplify-colors-font-warning)
--amplify-components-pagination-button-colorvar(--amplify-colors-font-primary)
--amplify-components-pagination-button-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-pagination-button-hover-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-pagination-button-hover-colorvar(--amplify-colors-font-primary)
--amplify-components-pagination-button-padding-inline-endvar(--amplify-space-xxs)
--amplify-components-pagination-button-padding-inline-startvar(--amplify-space-xxs)
--amplify-components-pagination-button-transition-durationvar(--amplify-time-medium)
--amplify-components-pagination-button-transition-propertybackground-color
--amplify-components-pagination-current-align-itemscenter
--amplify-components-pagination-current-background-colorvar(--amplify-colors-overlay-40)
--amplify-components-pagination-current-colorvar(--amplify-colors-font-inverse)
--amplify-components-pagination-current-font-sizevar(--amplify-font-sizes-small)
--amplify-components-pagination-current-justify-contentcenter
--amplify-components-pagination-ellipsis-align-itemsbaseline
--amplify-components-pagination-ellipsis-justify-contentcenter
--amplify-components-pagination-ellipsis-padding-inline-endvar(--amplify-space-xs)
--amplify-components-pagination-ellipsis-padding-inline-startvar(--amplify-space-xs)
--amplify-components-pagination-item-container-margin-leftvar(--amplify-space-xxxs)
--amplify-components-pagination-item-container-margin-rightvar(--amplify-space-xxxs)
--amplify-components-pagination-item-shared-border-radiusvar(--amplify-font-sizes-medium)
--amplify-components-pagination-item-shared-heightvar(--amplify-font-sizes-xxl)
--amplify-components-pagination-item-shared-min-widthvar(--amplify-font-sizes-xxl)
--amplify-components-passwordfield-button-active-background-colorvar(--amplify-components-button-active-background-color)
--amplify-components-passwordfield-button-active-border-colorvar(--amplify-components-button-active-border-color)
--amplify-components-passwordfield-button-active-colorvar(--amplify-components-button-active-color)
--amplify-components-passwordfield-button-colorvar(--amplify-components-button-color)
--amplify-components-passwordfield-button-disabled-background-colorvar(--amplify-components-button-disabled-background-color)
--amplify-components-passwordfield-button-disabled-border-colorvar(--amplify-components-button-disabled-border-color)
--amplify-components-passwordfield-button-disabled-colorvar(--amplify-components-button-disabled-color)
--amplify-components-passwordfield-button-error-active-background-colorvar(--amplify-components-button-outlined-error-active-background-color)
--amplify-components-passwordfield-button-error-active-border-colorvar(--amplify-components-button-outlined-error-active-border-color)
--amplify-components-passwordfield-button-error-active-colorvar(--amplify-components-button-outlined-error-active-color)
--amplify-components-passwordfield-button-error-background-colorvar(--amplify-components-button-outlined-error-background-color)
--amplify-components-passwordfield-button-error-border-colorvar(--amplify-components-button-outlined-error-border-color)
--amplify-components-passwordfield-button-error-colorvar(--amplify-components-button-outlined-error-color)
--amplify-components-passwordfield-button-error-focus-background-colorvar(--amplify-components-button-outlined-error-focus-background-color)
--amplify-components-passwordfield-button-error-focus-border-colorvar(--amplify-components-button-outlined-error-focus-border-color)
--amplify-components-passwordfield-button-error-focus-box-shadowvar(--amplify-components-button-outlined-error-focus-box-shadow)
--amplify-components-passwordfield-button-error-focus-colorvar(--amplify-components-button-outlined-error-focus-color)
--amplify-components-passwordfield-button-error-hover-background-colorvar(--amplify-components-button-outlined-error-hover-background-color)
--amplify-components-passwordfield-button-error-hover-border-colorvar(--amplify-components-button-outlined-error-hover-border-color)
--amplify-components-passwordfield-button-error-hover-colorvar(--amplify-components-button-outlined-error-hover-color)
--amplify-components-passwordfield-button-focus-background-colorvar(--amplify-components-button-focus-background-color)
--amplify-components-passwordfield-button-focus-border-colorvar(--amplify-components-button-focus-border-color)
--amplify-components-passwordfield-button-focus-colorvar(--amplify-components-button-focus-color)
--amplify-components-passwordfield-button-hover-background-colorvar(--amplify-components-button-hover-background-color)
--amplify-components-passwordfield-button-hover-border-colorvar(--amplify-components-button-hover-border-color)
--amplify-components-passwordfield-button-hover-colorvar(--amplify-components-button-hover-color)
--amplify-components-passwordfield-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-phonenumberfield-border-colorvar(--amplify-components-fieldcontrol-border-color)
--amplify-components-phonenumberfield-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-phonenumberfield-focus-border-colorvar(--amplify-components-fieldcontrol-focus-border-color)
--amplify-components-phonenumberfield-font-sizevar(--amplify-components-fieldcontrol-font-size)
--amplify-components-placeholder-border-radiusvar(--amplify-radii-small)
--amplify-components-placeholder-default-heightvar(--amplify-space-medium)
--amplify-components-placeholder-end-colorvar(--amplify-colors-background-tertiary)
--amplify-components-placeholder-large-heightvar(--amplify-space-large)
--amplify-components-placeholder-small-heightvar(--amplify-space-small)
--amplify-components-placeholder-start-colorvar(--amplify-colors-background-secondary)
--amplify-components-placeholder-transition-durationvar(--amplify-time-long)
--amplify-components-radio-align-itemscenter
--amplify-components-radio-button-align-itemscenter
--amplify-components-radio-button-background-colorvar(--amplify-colors-background-primary)
--amplify-components-radio-button-border-colorvar(--amplify-colors-border-primary)
--amplify-components-radio-button-border-radius50%
--amplify-components-radio-button-border-stylesolid
--amplify-components-radio-button-border-widthvar(--amplify-border-widths-medium)
--amplify-components-radio-button-box-sizingborder-box
--amplify-components-radio-button-checked-colorvar(--amplify-colors-primary-80)
--amplify-components-radio-button-checked-disabled-colorvar(--amplify-colors-background-disabled)
--amplify-components-radio-button-colorvar(--amplify-colors-background-primary)
--amplify-components-radio-button-disabled-background-colorvar(--amplify-colors-background-primary)
--amplify-components-radio-button-disabled-border-colorvar(--amplify-colors-border-disabled)
--amplify-components-radio-button-error-border-colorvar(--amplify-colors-border-error)
--amplify-components-radio-button-error-focus-box-shadowvar(--amplify-components-fieldcontrol-error-focus-box-shadow)
--amplify-components-radio-button-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-radio-button-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-radio-button-heightvar(--amplify-font-sizes-medium)
--amplify-components-radio-button-justify-contentcenter
--amplify-components-radio-button-large-heightvar(--amplify-font-sizes-large)
--amplify-components-radio-button-large-widthvar(--amplify-font-sizes-large)
--amplify-components-radio-button-outline-colorvar(--amplify-colors-transparent)
--amplify-components-radio-button-outline-offsetvar(--amplify-outline-offsets-medium)
--amplify-components-radio-button-outline-stylesolid
--amplify-components-radio-button-outline-widthvar(--amplify-outline-widths-medium)
--amplify-components-radio-button-paddingvar(--amplify-border-widths-medium)
--amplify-components-radio-button-small-heightvar(--amplify-font-sizes-small)
--amplify-components-radio-button-small-widthvar(--amplify-font-sizes-small)
--amplify-components-radio-button-transition-durationvar(--amplify-time-medium)
--amplify-components-radio-button-transition-propertyall
--amplify-components-radio-button-widthvar(--amplify-font-sizes-medium)
--amplify-components-radio-disabled-cursornot-allowed
--amplify-components-radio-gapinherit
--amplify-components-radio-justify-contentflex-start
--amplify-components-radio-label-colorvar(--amplify-components-text-color)
--amplify-components-radio-label-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-radiogroup-legend-colorvar(--amplify-components-fieldset-legend-color)
--amplify-components-radiogroup-legend-font-weightvar(--amplify-font-weights-normal)
--amplify-components-radiogroup-radio-background-colorvar(--amplify-components-radio-button-background-color)
--amplify-components-radiogroup-radio-border-colorvar(--amplify-components-radio-button-border-color)
--amplify-components-radiogroup-radio-border-widthvar(--amplify-components-radio-button-border-width)
--amplify-components-radiogroup-radio-checked-colorvar(--amplify-components-radio-button-checked-color)
--amplify-components-radiogroup-radio-label-colorvar(--amplify-components-radio-label-color)
--amplify-components-rating-default-sizevar(--amplify-font-sizes-xl)
--amplify-components-rating-empty-colorvar(--amplify-colors-background-tertiary)
--amplify-components-rating-filled-colorvar(--amplify-colors-secondary-80)
--amplify-components-rating-large-sizevar(--amplify-font-sizes-xxxl)
--amplify-components-rating-small-sizevar(--amplify-font-sizes-small)
--amplify-components-searchfield-button-active-background-colorvar(--amplify-components-button-active-background-color)
--amplify-components-searchfield-button-active-border-colorvar(--amplify-components-button-active-border-color)
--amplify-components-searchfield-button-active-colorvar(--amplify-components-button-active-color)
--amplify-components-searchfield-button-background-colorvar(--amplify-colors-background-primary)
--amplify-components-searchfield-button-colorvar(--amplify-components-button-color)
--amplify-components-searchfield-button-disabled-background-colorvar(--amplify-components-button-disabled-background-color)
--amplify-components-searchfield-button-disabled-border-colorvar(--amplify-components-button-disabled-border-color)
--amplify-components-searchfield-button-disabled-colorvar(--amplify-components-button-disabled-color)
--amplify-components-searchfield-button-focus-background-colorvar(--amplify-components-button-focus-background-color)
--amplify-components-searchfield-button-focus-border-colorvar(--amplify-components-button-focus-border-color)
--amplify-components-searchfield-button-focus-colorvar(--amplify-components-button-focus-color)
--amplify-components-searchfield-button-hover-background-colorvar(--amplify-components-button-hover-background-color)
--amplify-components-searchfield-button-hover-border-colorvar(--amplify-components-button-hover-border-color)
--amplify-components-searchfield-button-hover-colorvar(--amplify-components-button-hover-color)
--amplify-components-searchfield-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-select-background-colorvar(--amplify-colors-background-primary)
--amplify-components-select-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-select-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-select-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-select-expanded-option-padding-blockvar(--amplify-space-xs)
--amplify-components-select-expanded-option-padding-inlinevar(--amplify-space-small)
--amplify-components-select-expanded-padding-blockvar(--amplify-space-xs)
--amplify-components-select-expanded-padding-inlinevar(--amplify-space-small)
--amplify-components-select-icon-wrapper-align-itemscenter
--amplify-components-select-icon-wrapper-large-rightvar(--amplify-space-medium)
--amplify-components-select-icon-wrapper-pointer-eventsnone
--amplify-components-select-icon-wrapper-positionabsolute
--amplify-components-select-icon-wrapper-rightvar(--amplify-space-medium)
--amplify-components-select-icon-wrapper-small-rightvar(--amplify-space-xs)
--amplify-components-select-icon-wrapper-top50%
--amplify-components-select-icon-wrapper-transformtranslateY(-50%)
--amplify-components-select-large-min-width7.5rem
--amplify-components-select-large-padding-inline-endvar(--amplify-space-xxl)
--amplify-components-select-min-width6.5rem
--amplify-components-select-option-background-colortransparent
--amplify-components-select-option-colorvar(--amplify-colors-font-primary)
--amplify-components-select-option-disabled-background-colortransparent
--amplify-components-select-option-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-select-padding-inline-endvar(--amplify-space-xxl)
--amplify-components-select-small-min-width5.5rem
--amplify-components-select-small-padding-inline-endvar(--amplify-space-xl)
--amplify-components-select-white-spacenowrap
--amplify-components-select-wrapper-cursorpointer
--amplify-components-select-wrapper-displayblock
--amplify-components-select-wrapper-flex1
--amplify-components-select-wrapper-positionrelative
--amplify-components-selectfield-border-colorvar(--amplify-components-fieldcontrol-border-color)
--amplify-components-selectfield-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-selectfield-flex-directioncolumn
--amplify-components-selectfield-focus-border-colorvar(--amplify-components-fieldcontrol-focus-border-color)
--amplify-components-selectfield-font-sizevar(--amplify-components-fieldcontrol-font-size)
--amplify-components-selectfield-label-colorvar(--amplify-components-field-label-color)
--amplify-components-sliderfield-large-thumb-height1.5rem
--amplify-components-sliderfield-large-thumb-width1.5rem
--amplify-components-sliderfield-large-track-height0.625rem
--amplify-components-sliderfield-padding-blockvar(--amplify-space-xs)
--amplify-components-sliderfield-range-background-colorvar(--amplify-colors-primary-80)
--amplify-components-sliderfield-range-border-radius9999px
--amplify-components-sliderfield-range-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-sliderfield-small-thumb-height1rem
--amplify-components-sliderfield-small-thumb-width1rem
--amplify-components-sliderfield-small-track-height0.25rem
--amplify-components-sliderfield-thumb-background-colorvar(--amplify-colors-background-primary)
--amplify-components-sliderfield-thumb-border-colorvar(--amplify-colors-border-primary)
--amplify-components-sliderfield-thumb-border-radius50%
--amplify-components-sliderfield-thumb-border-stylesolid
--amplify-components-sliderfield-thumb-border-widthvar(--amplify-border-widths-medium)
--amplify-components-sliderfield-thumb-box-shadowvar(--amplify-shadows-small)
--amplify-components-sliderfield-thumb-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-sliderfield-thumb-disabled-border-colortransparent
--amplify-components-sliderfield-thumb-disabled-box-shadownone
--amplify-components-sliderfield-thumb-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-sliderfield-thumb-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-sliderfield-thumb-height1.25rem
--amplify-components-sliderfield-thumb-hover-background-colorvar(--amplify-colors-background-primary)
--amplify-components-sliderfield-thumb-hover-border-colorvar(--amplify-colors-border-focus)
--amplify-components-sliderfield-thumb-width1.25rem
--amplify-components-sliderfield-track-background-colorvar(--amplify-colors-background-quaternary)
--amplify-components-sliderfield-track-border-radius9999px
--amplify-components-sliderfield-track-height0.375rem
--amplify-components-sliderfield-track-min-width10rem
--amplify-components-stepperfield-border-colorvar(--amplify-components-fieldcontrol-border-color)
--amplify-components-stepperfield-button-active-background-colorvar(--amplify-components-button-active-background-color)
--amplify-components-stepperfield-button-active-colorvar(--amplify-components-button-active-color)
--amplify-components-stepperfield-button-background-colorvar(--amplify-colors-transparent)
--amplify-components-stepperfield-button-colorvar(--amplify-components-button-color)
--amplify-components-stepperfield-button-disabled-background-colorvar(--amplify-components-fieldcontrol-disabled-background-color)
--amplify-components-stepperfield-button-disabled-colorvar(--amplify-components-button-disabled-color)
--amplify-components-stepperfield-button-focus-background-colorvar(--amplify-components-button-focus-background-color)
--amplify-components-stepperfield-button-focus-colorvar(--amplify-components-button-focus-color)
--amplify-components-stepperfield-button-hover-background-colorvar(--amplify-components-button-hover-background-color)
--amplify-components-stepperfield-button-hover-colorvar(--amplify-components-button-hover-color)
--amplify-components-stepperfield-flex-directioncolumn
--amplify-components-stepperfield-input-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-stepperfield-input-font-sizevar(--amplify-components-fieldcontrol-font-size)
--amplify-components-stepperfield-input-text-aligncenter
--amplify-components-storagemanager-dropzone-active-background-colorvar(--amplify-colors-primary-10)
--amplify-components-storagemanager-dropzone-active-border-colorvar(--amplify-colors-border-pressed)
--amplify-components-storagemanager-dropzone-active-border-radiusvar(--amplify-components-storagemanager-dropzone-border-radius)
--amplify-components-storagemanager-dropzone-active-border-stylevar(--amplify-components-storagemanager-dropzone-border-style)
--amplify-components-storagemanager-dropzone-active-border-widthvar(--amplify-border-widths-medium)
--amplify-components-storagemanager-dropzone-background-colorvar(--amplify-colors-background-primary)
--amplify-components-storagemanager-dropzone-border-colorvar(--amplify-colors-border-primary)
--amplify-components-storagemanager-dropzone-border-radiusvar(--amplify-radii-small)
--amplify-components-storagemanager-dropzone-border-styledashed
--amplify-components-storagemanager-dropzone-border-widthvar(--amplify-border-widths-small)
--amplify-components-storagemanager-dropzone-gapvar(--amplify-space-small)
--amplify-components-storagemanager-dropzone-icon-colorvar(--amplify-colors-border-primary)
--amplify-components-storagemanager-dropzone-icon-font-sizevar(--amplify-font-sizes-xxl)
--amplify-components-storagemanager-dropzone-padding-blockvar(--amplify-space-xl)
--amplify-components-storagemanager-dropzone-padding-inlinevar(--amplify-space-large)
--amplify-components-storagemanager-dropzone-text-aligncenter
--amplify-components-storagemanager-dropzone-text-colorvar(--amplify-colors-font-tertiary)
--amplify-components-storagemanager-dropzone-text-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-storagemanager-dropzone-text-font-weightvar(--amplify-font-weights-bold)
--amplify-components-storagemanager-file-align-itemsbaseline
--amplify-components-storagemanager-file-background-colorvar(--amplify-colors-background-primary)
--amplify-components-storagemanager-file-border-colorvar(--amplify-colors-border-primary)
--amplify-components-storagemanager-file-border-radiusvar(--amplify-radii-small)
--amplify-components-storagemanager-file-border-stylesolid
--amplify-components-storagemanager-file-border-widthvar(--amplify-border-widths-small)
--amplify-components-storagemanager-file-gapvar(--amplify-space-small)
--amplify-components-storagemanager-file-image-background-colorvar(--amplify-colors-background-secondary)
--amplify-components-storagemanager-file-image-border-radiusvar(--amplify-radii-small)
--amplify-components-storagemanager-file-image-colorvar(--amplify-colors-font-tertiary)
--amplify-components-storagemanager-file-image-heightvar(--amplify-space-xxl)
--amplify-components-storagemanager-file-image-widthvar(--amplify-space-xxl)
--amplify-components-storagemanager-file-name-colorvar(--amplify-colors-font-primary)
--amplify-components-storagemanager-file-name-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-storagemanager-file-name-font-weightvar(--amplify-font-weights-bold)
--amplify-components-storagemanager-file-padding-blockvar(--amplify-space-xs)
--amplify-components-storagemanager-file-padding-inlinevar(--amplify-space-small)
--amplify-components-storagemanager-file-size-colorvar(--amplify-colors-font-tertiary)
--amplify-components-storagemanager-file-size-font-sizevar(--amplify-font-sizes-small)
--amplify-components-storagemanager-file-size-font-weightvar(--amplify-font-weights-normal)
--amplify-components-storagemanager-filelist-flex-directioncolumn
--amplify-components-storagemanager-filelist-gapvar(--amplify-space-small)
--amplify-components-storagemanager-loader-stroke-emptyvar(--amplify-colors-border-secondary)
--amplify-components-storagemanager-loader-stroke-filledvar(--amplify-components-loader-stroke-filled)
--amplify-components-storagemanager-loader-stroke-linecapround
--amplify-components-storagemanager-loader-stroke-widthvar(--amplify-border-widths-large)
--amplify-components-storagemanager-previewer-background-colorvar(--amplify-colors-background-primary)
--amplify-components-storagemanager-previewer-body-gapvar(--amplify-space-small)
--amplify-components-storagemanager-previewer-body-padding-blockvar(--amplify-space-medium)
--amplify-components-storagemanager-previewer-body-padding-inlinevar(--amplify-space-medium)
--amplify-components-storagemanager-previewer-border-colorvar(--amplify-colors-border-primary)
--amplify-components-storagemanager-previewer-border-radiusvar(--amplify-radii-small)
--amplify-components-storagemanager-previewer-border-stylesolid
--amplify-components-storagemanager-previewer-border-widthvar(--amplify-border-widths-small)
--amplify-components-storagemanager-previewer-footer-justify-contentflex-end
--amplify-components-storagemanager-previewer-max-height40rem
--amplify-components-storagemanager-previewer-max-widthauto
--amplify-components-storagemanager-previewer-padding-blockvar(--amplify-space-zero)
--amplify-components-storagemanager-previewer-padding-inlinevar(--amplify-space-zero)
--amplify-components-storagemanager-previewer-text-colorvar(--amplify-colors-font-primary)
--amplify-components-storagemanager-previewer-text-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-storagemanager-previewer-text-font-weightvar(--amplify-font-weights-bold)
--amplify-components-switchfield-disabled-opacityvar(--amplify-opacities-60)
--amplify-components-switchfield-focused-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-switchfield-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-switchfield-label-paddingvar(--amplify-space-xs)
--amplify-components-switchfield-large-font-sizevar(--amplify-font-sizes-large)
--amplify-components-switchfield-small-font-sizevar(--amplify-font-sizes-small)
--amplify-components-switchfield-thumb-background-colorvar(--amplify-colors-background-primary)
--amplify-components-switchfield-thumb-border-colortransparent
--amplify-components-switchfield-thumb-border-radiusvar(--amplify-radii-xxxl)
--amplify-components-switchfield-thumb-border-stylesolid
--amplify-components-switchfield-thumb-border-widthvar(--amplify-border-widths-small)
--amplify-components-switchfield-thumb-checked-transformvar(--amplify-transforms-slide-x-medium)
--amplify-components-switchfield-thumb-transition-durationvar(--amplify-time-medium)
--amplify-components-switchfield-thumb-widthvar(--amplify-space-relative-medium)
--amplify-components-switchfield-track-background-colorvar(--amplify-colors-background-quaternary)
--amplify-components-switchfield-track-border-radiusvar(--amplify-radii-xxxl)
--amplify-components-switchfield-track-checked-background-colorvar(--amplify-colors-primary-80)
--amplify-components-switchfield-track-error-background-colorvar(--amplify-colors-background-error)
--amplify-components-switchfield-track-heightvar(--amplify-space-relative-medium)
--amplify-components-switchfield-track-paddingvar(--amplify-outline-widths-medium)
--amplify-components-switchfield-track-transition-durationvar(--amplify-time-short)
--amplify-components-switchfield-track-widthvar(--amplify-space-relative-xl)
--amplify-components-table-body-displaytable-row-group
--amplify-components-table-body-vertical-alignmiddle
--amplify-components-table-border-collapsecollapse
--amplify-components-table-caption-caption-sidebottom
--amplify-components-table-caption-colorvar(--amplify-colors-font-primary)
--amplify-components-table-caption-displaytable-caption
--amplify-components-table-caption-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-table-caption-large-font-sizevar(--amplify-font-sizes-large)
--amplify-components-table-caption-small-font-sizevar(--amplify-font-sizes-small)
--amplify-components-table-caption-text-aligncenter
--amplify-components-table-caption-word-breakbreak-all
--amplify-components-table-data-border-colorvar(--amplify-colors-border-tertiary)
--amplify-components-table-data-border-stylesolid
--amplify-components-table-data-border-widthvar(--amplify-border-widths-small)
--amplify-components-table-data-colorvar(--amplify-colors-font-primary)
--amplify-components-table-data-displaytable-cell
--amplify-components-table-data-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-table-data-font-weightvar(--amplify-font-weights-normal)
--amplify-components-table-data-large-font-sizevar(--amplify-font-sizes-large)
--amplify-components-table-data-large-paddingvar(--amplify-space-large)
--amplify-components-table-data-paddingvar(--amplify-space-medium)
--amplify-components-table-data-small-font-sizevar(--amplify-font-sizes-small)
--amplify-components-table-data-small-paddingvar(--amplify-space-xs)
--amplify-components-table-data-vertical-alignmiddle
--amplify-components-table-displaytable
--amplify-components-table-foot-displaytable-footer-group
--amplify-components-table-foot-vertical-alignmiddle
--amplify-components-table-head-displaytable-header-group
--amplify-components-table-head-vertical-alignmiddle
--amplify-components-table-header-border-colorvar(--amplify-colors-border-tertiary)
--amplify-components-table-header-border-stylesolid
--amplify-components-table-header-border-widthvar(--amplify-border-widths-small)
--amplify-components-table-header-colorvar(--amplify-colors-font-primary)
--amplify-components-table-header-displaytable-cell
--amplify-components-table-header-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-table-header-font-weightvar(--amplify-font-weights-bold)
--amplify-components-table-header-large-font-sizevar(--amplify-font-sizes-large)
--amplify-components-table-header-large-paddingvar(--amplify-space-large)
--amplify-components-table-header-paddingvar(--amplify-space-medium)
--amplify-components-table-header-small-font-sizevar(--amplify-font-sizes-small)
--amplify-components-table-header-small-paddingvar(--amplify-space-xs)
--amplify-components-table-header-vertical-alignmiddle
--amplify-components-table-row-displaytable-row
--amplify-components-table-row-hover-background-colorvar(--amplify-colors-background-tertiary)
--amplify-components-table-row-striped-background-colorvar(--amplify-colors-background-secondary)
--amplify-components-table-row-vertical-alignmiddle
--amplify-components-table-width100%
--amplify-components-tabs-background-colortransparent
--amplify-components-tabs-border-colorvar(--amplify-colors-border-secondary)
--amplify-components-tabs-border-stylesolid
--amplify-components-tabs-border-widthvar(--amplify-border-widths-medium)
--amplify-components-tabs-gap0
--amplify-components-tabs-item-active-background-colortransparent
--amplify-components-tabs-item-active-border-colorvar(--amplify-colors-font-interactive)
--amplify-components-tabs-item-active-box-shadownone
--amplify-components-tabs-item-active-colorvar(--amplify-colors-font-interactive)
--amplify-components-tabs-item-background-colortransparent
--amplify-components-tabs-item-border-colorvar(--amplify-colors-border-secondary)
--amplify-components-tabs-item-border-stylesolid
--amplify-components-tabs-item-border-widthvar(--amplify-border-widths-medium)
--amplify-components-tabs-item-colorvar(--amplify-colors-font-secondary)
--amplify-components-tabs-item-disabled-background-colortransparent
--amplify-components-tabs-item-disabled-border-colorvar(--amplify-colors-border-tertiary)
--amplify-components-tabs-item-disabled-box-shadownone
--amplify-components-tabs-item-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-tabs-item-focus-background-colortransparent
--amplify-components-tabs-item-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-tabs-item-focus-box-shadow0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus)
--amplify-components-tabs-item-focus-colorvar(--amplify-colors-font-focus)
--amplify-components-tabs-item-font-sizevar(--amplify-font-sizes-medium)
--amplify-components-tabs-item-font-weightvar(--amplify-font-weights-bold)
--amplify-components-tabs-item-hover-background-colortransparent
--amplify-components-tabs-item-hover-border-colorvar(--amplify-colors-border-focus)
--amplify-components-tabs-item-hover-box-shadownone
--amplify-components-tabs-item-hover-colorvar(--amplify-colors-font-hover)
--amplify-components-tabs-item-padding-horizontalvar(--amplify-space-medium)
--amplify-components-tabs-item-padding-verticalvar(--amplify-space-small)
--amplify-components-tabs-item-text-aligncenter
--amplify-components-tabs-item-transition-durationvar(--amplify-time-medium)
--amplify-components-tabs-panel-background-colortransparent
--amplify-components-tabs-panel-padding-blockvar(--amplify-space-small)
--amplify-components-tabs-panel-padding-inline0
--amplify-components-text-colorvar(--amplify-colors-font-primary)
--amplify-components-text-error-colorvar(--amplify-colors-font-error)
--amplify-components-text-info-colorvar(--amplify-colors-font-info)
--amplify-components-text-primary-colorvar(--amplify-colors-font-primary)
--amplify-components-text-secondary-colorvar(--amplify-colors-font-secondary)
--amplify-components-text-success-colorvar(--amplify-colors-font-success)
--amplify-components-text-tertiary-colorvar(--amplify-colors-font-tertiary)
--amplify-components-text-warning-colorvar(--amplify-colors-font-warning)
--amplify-components-textareafield-border-colorvar(--amplify-components-fieldcontrol-border-color)
--amplify-components-textareafield-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-textareafield-focus-border-colorvar(--amplify-components-fieldcontrol-focus-border-color)
--amplify-components-textfield-border-colorvar(--amplify-components-fieldcontrol-border-color)
--amplify-components-textfield-colorvar(--amplify-components-fieldcontrol-color)
--amplify-components-textfield-focus-border-colorvar(--amplify-components-fieldcontrol-focus-border-color)
--amplify-components-textfield-font-sizevar(--amplify-components-fieldcontrol-font-size)
--amplify-components-togglebutton-active-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-border-colorvar(--amplify-colors-border-primary)
--amplify-components-togglebutton-colorvar(--amplify-colors-font-primary)
--amplify-components-togglebutton-disabled-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-disabled-border-colorvar(--amplify-colors-border-disabled)
--amplify-components-togglebutton-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-togglebutton-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-togglebutton-focus-colorvar(--amplify-colors-font-primary)
--amplify-components-togglebutton-hover-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-togglebutton-link-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-link-colorvar(--amplify-colors-overlay-50)
--amplify-components-togglebutton-link-disabled-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-link-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-togglebutton-link-focus-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-link-focus-colorvar(--amplify-colors-overlay-50)
--amplify-components-togglebutton-link-hover-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-link-hover-colorvar(--amplify-colors-overlay-50)
--amplify-components-togglebutton-link-pressed-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-link-pressed-colorvar(--amplify-colors-overlay-90)
--amplify-components-togglebutton-link-pressed-focus-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-link-pressed-focus-colorvar(--amplify-colors-overlay-90)
--amplify-components-togglebutton-link-pressed-hover-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-link-pressed-hover-colorvar(--amplify-colors-overlay-90)
--amplify-components-togglebutton-pressed-background-colorvar(--amplify-colors-overlay-20)
--amplify-components-togglebutton-pressed-border-colorvar(--amplify-colors-border-pressed)
--amplify-components-togglebutton-pressed-colorvar(--amplify-colors-font-primary)
--amplify-components-togglebutton-pressed-hover-background-colorvar(--amplify-colors-overlay-30)
--amplify-components-togglebutton-primary-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-primary-border-widthvar(--amplify-border-widths-small)
--amplify-components-togglebutton-primary-disabled-background-colorvar(--amplify-colors-background-disabled)
--amplify-components-togglebutton-primary-disabled-border-colorvar(--amplify-colors-border-disabled)
--amplify-components-togglebutton-primary-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-togglebutton-primary-focus-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-primary-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-togglebutton-primary-focus-box-shadowvar(--amplify-components-fieldcontrol-focus-box-shadow)
--amplify-components-togglebutton-primary-focus-colorvar(--amplify-colors-font-primary)
--amplify-components-togglebutton-primary-hover-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-togglebutton-primary-hover-colorvar(--amplify-colors-font-primary)
--amplify-components-togglebutton-primary-pressed-background-colorvar(--amplify-colors-primary-80)
--amplify-components-togglebutton-primary-pressed-border-colorvar(--amplify-colors-primary-80)
--amplify-components-togglebutton-primary-pressed-colorvar(--amplify-colors-background-primary)
--amplify-components-togglebutton-primary-pressed-focus-background-colorvar(--amplify-colors-border-focus)
--amplify-components-togglebutton-primary-pressed-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-togglebutton-primary-pressed-focus-colorvar(--amplify-colors-background-primary)
--amplify-components-togglebutton-primary-pressed-hover-background-colorvar(--amplify-colors-primary-60)
--amplify-components-togglebutton-primary-pressed-hover-border-colorvar(--amplify-colors-primary-60)
--amplify-components-togglebutton-primary-pressed-hover-box-shadowvar(--amplify-colors-primary-60)
--amplify-components-togglebutton-primary-pressed-hover-colorvar(--amplify-colors-background-primary)
--amplify-components-togglebuttongroup-align-contentcenter
--amplify-components-togglebuttongroup-align-itemscenter
--amplify-components-togglebuttongroup-justify-contentflex-start
--amplify-font-sizes-large1.25rem
--amplify-font-sizes-medium1rem
--amplify-font-sizes-small0.875rem
--amplify-font-sizes-xl1.5rem
--amplify-font-sizes-xs0.75rem
--amplify-font-sizes-xxl2rem
--amplify-font-sizes-xxs0.5rem
--amplify-font-sizes-xxxl2.5rem
--amplify-font-sizes-xxxs0.375rem
--amplify-font-sizes-xxxxl3rem
--amplify-font-weights-black900
--amplify-font-weights-bold700
--amplify-font-weights-extrabold800
--amplify-font-weights-hairline100
--amplify-font-weights-light300
--amplify-font-weights-medium500
--amplify-font-weights-normal400
--amplify-font-weights-semibold600
--amplify-font-weights-thin200
--amplify-fonts-default-static'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif
--amplify-fonts-default-variable'InterVariable', 'Inter var', 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif
--amplify-line-heights-large2
--amplify-line-heights-medium1.5
--amplify-line-heights-small1.25
--amplify-opacities-00
--amplify-opacities-100.1
--amplify-opacities-1001
--amplify-opacities-200.2
--amplify-opacities-300.3
--amplify-opacities-400.4
--amplify-opacities-500.5
--amplify-opacities-600.6
--amplify-opacities-700.7
--amplify-opacities-800.8
--amplify-opacities-900.9
--amplify-outline-offsets-large3px
--amplify-outline-offsets-medium2px
--amplify-outline-offsets-small1px
--amplify-outline-widths-large3px
--amplify-outline-widths-medium2px
--amplify-outline-widths-small1px
--amplify-radii-large1rem
--amplify-radii-medium0.5rem
--amplify-radii-small0.25rem
--amplify-radii-xl2rem
--amplify-radii-xs0.125rem
--amplify-radii-xxl4rem
--amplify-radii-xxxl8rem
--amplify-shadows-large0px 4px 12px var(--amplify-colors-shadow-primary)
--amplify-shadows-medium0px 2px 6px var(--amplify-colors-shadow-secondary)
--amplify-shadows-small0px 2px 4px var(--amplify-colors-shadow-tertiary)
--amplify-space-large1.5rem
--amplify-space-medium1rem
--amplify-space-relative-full100%
--amplify-space-relative-large1.5em
--amplify-space-relative-medium1em
--amplify-space-relative-small0.75em
--amplify-space-relative-xl2.0em
--amplify-space-relative-xs0.5em
--amplify-space-relative-xxl3.0em
--amplify-space-relative-xxs0.375em
--amplify-space-relative-xxxl4.5em
--amplify-space-relative-xxxs0.25em
--amplify-space-small0.75rem
--amplify-space-xl2.0rem
--amplify-space-xs0.5rem
--amplify-space-xxl3.0rem
--amplify-space-xxs0.375rem
--amplify-space-xxxl4.5rem
--amplify-space-xxxs0.25rem
--amplify-space-zero0
--amplify-time-long500ms
--amplify-time-medium250ms
--amplify-time-short100ms
--amplify-transforms-slide-x-largetranslateX(2em)
--amplify-transforms-slide-x-mediumtranslateX(1em)
--amplify-transforms-slide-x-smalltranslateX(0.5em)

Amplify open source software, documentation and community are supported by Amazon Web Services.

© 2024 Amazon Web Services, Inc. and its affiliates. All rights reserved. View the site terms and privacy policy.

Flutter and the related logo are trademarks of Google LLC. We are not endorsed by or affiliated with Google LLC.