Amplify UI Home

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-20)
--amplify-colors-background-infovar(--amplify-colors-blue-20)
--amplify-colors-background-primaryvar(--amplify-colors-white)
--amplify-colors-background-secondaryvar(--amplify-colors-neutral-10)
--amplify-colors-background-successvar(--amplify-colors-green-20)
--amplify-colors-background-tertiaryvar(--amplify-colors-neutral-20)
--amplify-colors-background-warningvar(--amplify-colors-orange-20)
--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-brand-primary-100)
--amplify-colors-border-primaryvar(--amplify-colors-neutral-60)
--amplify-colors-border-secondaryvar(--amplify-colors-neutral-40)
--amplify-colors-border-tertiaryvar(--amplify-colors-neutral-20)
--amplify-colors-brand-primary-10var(--amplify-colors-teal-10)
--amplify-colors-brand-primary-100var(--amplify-colors-teal-100)
--amplify-colors-brand-primary-20var(--amplify-colors-teal-20)
--amplify-colors-brand-primary-40var(--amplify-colors-teal-40)
--amplify-colors-brand-primary-60var(--amplify-colors-teal-60)
--amplify-colors-brand-primary-80var(--amplify-colors-teal-80)
--amplify-colors-brand-primary-90var(--amplify-colors-teal-90)
--amplify-colors-brand-secondary-10var(--amplify-colors-purple-10)
--amplify-colors-brand-secondary-100var(--amplify-colors-purple-100)
--amplify-colors-brand-secondary-20var(--amplify-colors-purple-20)
--amplify-colors-brand-secondary-40var(--amplify-colors-purple-40)
--amplify-colors-brand-secondary-60var(--amplify-colors-purple-60)
--amplify-colors-brand-secondary-80var(--amplify-colors-purple-80)
--amplify-colors-brand-secondary-90var(--amplify-colors-purple-90)
--amplify-colors-font-activevar(--amplify-colors-brand-primary-100)
--amplify-colors-font-disabledvar(--amplify-colors-font-tertiary)
--amplify-colors-font-errorvar(--amplify-colors-red-90)
--amplify-colors-font-focusvar(--amplify-colors-brand-primary-100)
--amplify-colors-font-hovervar(--amplify-colors-brand-primary-90)
--amplify-colors-font-infovar(--amplify-colors-blue-90)
--amplify-colors-font-interactivevar(--amplify-colors-brand-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, 6%, 70%)
--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-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-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-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-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-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-button-active-background-colorvar(--amplify-colors-brand-primary-20)
--amplify-components-button-active-border-colorvar(--amplify-colors-brand-primary-100)
--amplify-components-button-active-colorvar(--amplify-colors-font-active)
--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-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-brand-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-brand-primary-10)
--amplify-components-button-hover-border-colorvar(--amplify-colors-brand-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-brand-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-width0
--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-focus-background-colorvar(--amplify-colors-brand-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-brand-primary-10)
--amplify-components-button-link-hover-border-colortransparent
--amplify-components-button-link-hover-colorvar(--amplify-colors-font-hover)
--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-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-brand-primary-90)
--amplify-components-button-menu-active-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-menu-background-colortransparent
--amplify-components-button-menu-border-width0
--amplify-components-button-menu-disabled-colorvar(--amplify-colors-font-disabled)
--amplify-components-button-menu-focus-background-colorvar(--amplify-colors-brand-primary-80)
--amplify-components-button-menu-focus-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-menu-hover-background-colorvar(--amplify-colors-brand-primary-80)
--amplify-components-button-menu-hover-colorvar(--amplify-colors-font-inverse)
--amplify-components-button-menu-justify-contentstart
--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-brand-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-brand-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-focus-background-colorvar(--amplify-colors-brand-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-brand-primary-90)
--amplify-components-button-primary-hover-border-colortransparent
--amplify-components-button-primary-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-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-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-white)
--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-transparent)
--amplify-components-checkbox-button-error-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-border-error)
--amplify-components-checkbox-button-focus-border-colorvar(--amplify-colors-transparent)
--amplify-components-checkbox-button-focus-box-shadow0px 0px 0px 2px var(--amplify-colors-border-focus)
--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-brand-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-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-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-copy-font-sizevar(--amplify-font-sizes-xs)
--amplify-components-copy-gapvar(--amplify-colors-font-primary);
--amplify-components-copy-svg-path-fillvar(--amplify-space-relative-medium)
--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-height100%
--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-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-expander-background-colorvar(--amplify-colors-white)
--amplify-components-expander-border-radiusvar(--amplify-radii-medium)
--amplify-components-expander-box-shadowvar(--amplify-shadows-large)
--amplify-components-expander-content-closed-animation-durationvar(--amplify-time-medium)
--amplify-components-expander-content-closed-animation-timing-functioncubic-bezier(0.87, 0, 0.13, 1)
--amplify-components-expander-content-open-animation-durationvar(--amplify-time-medium)
--amplify-components-expander-content-open-animation-timing-functioncubic-bezier(0.87, 0, 0.13, 1)
--amplify-components-expander-content-padding-inline-endvar(--amplify-space-large)
--amplify-components-expander-content-padding-inline-startvar(--amplify-space-large)
--amplify-components-expander-content-text-colorvar(--amplify-colors-font-secondary)
--amplify-components-expander-content-text-padding-block-endvar(--amplify-space-medium)
--amplify-components-expander-content-text-padding-block-startvar(--amplify-space-medium)
--amplify-components-expander-displayblock
--amplify-components-expander-header-box-shadow0 1px 0 var(--amplify-colors-overlay-20)
--amplify-components-expander-icon-transition-durationvar(--amplify-time-medium)
--amplify-components-expander-icon-transition-timing-functioncubic-bezier(0.87, 0, 0.13, 1)
--amplify-components-expander-item-border-bottom-left-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-border-bottom-right-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-border-end-end-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-border-end-start-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-border-start-end-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-border-start-start-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-border-top-left-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-border-top-right-radiusvar(--amplify-radii-medium)
--amplify-components-expander-item-box-shadowvar(--amplify-shadows-small)
--amplify-components-expander-item-focus-box-shadow0 0 0 2px var(--amplify-colors-border-focus)
--amplify-components-expander-item-margin-top1px
--amplify-components-expander-trigger-align-itemscenter
--amplify-components-expander-trigger-hover-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-expander-trigger-justify-contentspace-between
--amplify-components-expander-trigger-min-height3rem
--amplify-components-expander-trigger-padding-inline-endvar(--amplify-space-large)
--amplify-components-expander-trigger-padding-inline-startvar(--amplify-space-large)
--amplify-components-expander-width100%
--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-focus-box-shadow0px 0px 0px 1px var(--amplify-colors-border-error)
--amplify-components-fieldcontrol-focus-border-colorvar(--amplify-colors-border-focus)
--amplify-components-fieldcontrol-focus-box-shadow0px 0px 0px 1px var(--amplify-colors-border-focus)
--amplify-components-fieldcontrol-font-sizevar(--amplify-components-field-font-size)
--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-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-endvar(--amplify-border-widths-small-solid-colors-border-primary-value)
--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-box-shadow0px 1px var(--amplify-colors-border-error)
--amplify-components-fieldcontrol-quiet-focus-border-block-end-colorvar(--amplify-colors-border-focus)
--amplify-components-fieldcontrol-quiet-focus-box-shadow0px 1px var(--amplify-colors-border-focus)
--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-transition-durationvar(--amplify-time-medium)
--amplify-components-fieldgroup-gap0
--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-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-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-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-large-font-sizevar(--amplify-font-sizes-large)
--amplify-components-link-small-font-sizevar(--amplify-font-sizes-small)
--amplify-components-link-visited-colorvar(--amplify-colors-font-interactive)
--amplify-components-loader-animation-duration1s
--amplify-components-loader-heightvar(--amplify-font-sizes-medium)
--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-heightvar(--amplify-font-sizes-medium)
--amplify-components-loader-linear-large-heightvar(--amplify-font-sizes-large)
--amplify-components-loader-linear-large-stroke-widthvar(--amplify-font-sizes-large)
--amplify-components-loader-linear-min-width5rem
--amplify-components-loader-linear-small-heightvar(--amplify-font-sizes-small)
--amplify-components-loader-linear-small-stroke-widthvar(--amplify-font-sizes-small)
--amplify-components-loader-linear-stroke-emptyvar(--amplify-colors-neutral-20)
--amplify-components-loader-linear-stroke-filledvar(--amplify-colors-brand-primary-80)
--amplify-components-loader-linear-stroke-linecapround
--amplify-components-loader-linear-stroke-widthvar(--amplify-font-sizes-medium)
--amplify-components-loader-linear-width100%
--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-brand-primary-80)
--amplify-components-loader-stroke-linecapround
--amplify-components-loader-widthvar(--amplify-font-sizes-medium)
--amplify-components-menu-background-colorvar(--amplify-colors-white)
--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-gap0
--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-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-white)
--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-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-white)
--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-brand-primary-80)
--amplify-components-radio-button-checked-disabled-colorvar(--amplify-colors-background-disabled)
--amplify-components-radio-button-colorvar(--amplify-colors-white)
--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-disabled-colorvar(--amplify-colors-font-disabled)
--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-brand-secondary-80)
--amplify-components-rating-large-sizevar(--amplify-font-sizes-xxxl)
--amplify-components-rating-small-sizevar(--amplify-font-sizes-small)
--amplify-components-select-icon-wrapper-align-itemscenter
--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-top50%
--amplify-components-select-icon-wrapper-transformtranslateY(-50%)
--amplify-components-select-large-min-width7.5rem
--amplify-components-select-min-width6.5rem
--amplify-components-select-option-background-colorvar(--amplify-colors-background-primary)
--amplify-components-select-padding-inline-endvar(--amplify-space-xxl)
--amplify-components-select-small-min-width5.5rem
--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-flex-directioncolumn
--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-brand-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-small)
--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-box-shadow0 0 0 3px var(--amplify-colors-border-focus)
--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-tertiary)
--amplify-components-sliderfield-track-border-radius9999px
--amplify-components-sliderfield-track-height0.375rem
--amplify-components-sliderfield-track-min-width10rem
--amplify-components-stepperfield-flex-directioncolumn
--amplify-components-stepperfield-input-text-aligncenter
--amplify-components-switchfield-disabled-opacityvar(--amplify-opacities-60)
--amplify-components-switchfield-focused-shadow0px 0px 0px 2px var(--amplify-colors-border-focus)
--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-colorvar(--amplify-colors-border-tertiary)
--amplify-components-switchfield-thumb-border-radiusvar(--amplify-radii-xxxl)
--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-tertiary)
--amplify-components-switchfield-track-border-radiusvar(--amplify-radii-xxxl)
--amplify-components-switchfield-track-checked-background-colorvar(--amplify-colors-brand-primary-60)
--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-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-colorvar(--amplify-colors-font-disabled)
--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-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-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-togglebutton-active-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-border-colorvar(--amplify-colors-border-primary)
--amplify-components-togglebutton-colorvar(--amplify-colors-overlay-50)
--amplify-components-togglebutton-disabled-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-disabled-border-colorvar(--amplify-colors-border-secondary)
--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-overlay-50)
--amplify-components-togglebutton-hover-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-togglebutton-link-colorvar(--amplify-colors-overlay-50)
--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-hover-background-colorvar(--amplify-colors-transparent)
--amplify-components-togglebutton-pressed-background-colorvar(--amplify-colors-overlay-20)
--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-tertiary)
--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-overlay-50)
--amplify-components-togglebutton-primary-hover-background-colorvar(--amplify-colors-overlay-10)
--amplify-components-togglebutton-primary-hover-colorvar(--amplify-colors-overlay-50)
--amplify-components-togglebutton-primary-pressed-background-colorvar(--amplify-colors-brand-primary-80)
--amplify-components-togglebutton-primary-pressed-border-colorvar(--amplify-colors-brand-primary-80)
--amplify-components-togglebutton-primary-pressed-colorvar(--amplify-colors-white)
--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-hover-background-colorvar(--amplify-colors-brand-primary-60)
--amplify-components-togglebutton-primary-pressed-hover-border-colorvar(--amplify-colors-brand-primary-60)
--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.

© 2022 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.