/* Auto-generated, DO NOT EDIT */
/* Uses CSS variables (--color-*) generated by Tailwind config */

/* fill */
.fill-main { fill: var(--color-main) }
.fill-gray-light-shade { fill: var(--color-gray-light-shade) }
.fill-gray-lightest { fill: var(--color-gray-lightest) }
.fill-gray-lighter { fill: var(--color-gray-lighter) }
.fill-gray-light { fill: var(--color-gray-light) }
.fill-gray-bg { fill: var(--color-gray-bg) }
.fill-gray-medium { fill: var(--color-gray-medium) }
.fill-gray-dark { fill: var(--color-gray-dark) }
.fill-gray-darkest { fill: var(--color-gray-darkest) }
.fill-gray-light-blue { fill: var(--color-gray-light-blue) }
.fill-teal { fill: var(--color-teal) }
.fill-teal-dark { fill: var(--color-teal-dark) }
.fill-teal-light { fill: var(--color-teal-light) }
.fill-tealx { fill: var(--color-tealx) }
.fill-tealx-light { fill: var(--color-tealx-light) }
.fill-tealx-light-border { fill: var(--color-tealx-light-border) }
.fill-tealx-lightest { fill: var(--color-tealx-lightest) }
.fill-orange { fill: var(--color-orange) }
.fill-yellow { fill: var(--color-yellow) }
.fill-yellow2 { fill: var(--color-yellow2) }
.fill-orange-dark { fill: var(--color-orange-dark) }
.fill-green { fill: var(--color-green) }
.fill-green2 { fill: var(--color-green2) }
.fill-green-dark { fill: var(--color-green-dark) }
.fill-red { fill: var(--color-red) }
.fill-red2 { fill: var(--color-red2) }
.fill-red-light { fill: var(--color-red-light) }
.fill-red-lightest { fill: var(--color-red-lightest) }
.fill-blue { fill: var(--color-blue) }
.fill-blue2 { fill: var(--color-blue2) }
.fill-active-blue { fill: var(--color-active-blue) }
.fill-active-dark-blue { fill: var(--color-active-dark-blue) }
.fill-bg-blue { fill: var(--color-bg-blue) }
.fill-active-blue-border { fill: var(--color-active-blue-border) }
.fill-pink { fill: var(--color-pink) }
.fill-light-blue-bg { fill: var(--color-light-blue-bg) }
.fill-white { fill: var(--color-white) }
.fill-black { fill: var(--color-black) }
.fill-gray-border { fill: var(--color-gray-border) }
.fill-borderColor-default { fill: var(--color-borderColor-default) }
.fill-borderColor-gray-light-shade { fill: var(--color-borderColor-gray-light-shade) }
.fill-borderColor-primary { fill: var(--color-borderColor-primary) }
.fill-borderColor-transparent { fill: var(--color-borderColor-transparent) }
.fill-transparent { fill: var(--color-transparent) }
.fill-cyan { fill: var(--color-cyan) }
.fill-amber { fill: var(--color-amber) }
.fill-amber-medium { fill: var(--color-amber-medium) }
.fill-glassWhite { fill: var(--color-glassWhite) }
.fill-glassMint { fill: var(--color-glassMint) }
.fill-glassLavander { fill: var(--color-glassLavander) }
.fill-blueLight { fill: var(--color-blueLight) }
.fill-offWhite { fill: var(--color-offWhite) }
.fill-disabled-text { fill: var(--color-disabled-text) }
.fill-indigo-lightest { fill: var(--color-indigo-lightest) }
.fill-indigo { fill: var(--color-indigo) }
.fill-figmaColors-accent-secondary { fill: var(--color-figmaColors-accent-secondary) }
.fill-figmaColors-main { fill: var(--color-figmaColors-main) }
.fill-figmaColors-primary-outlined-hover-background { fill: var(--color-figmaColors-primary-outlined-hover-background) }
.fill-figmaColors-primary-outlined-resting-border { fill: var(--color-figmaColors-primary-outlined-resting-border) }
.fill-figmaColors-secondary-outlined-hover-background { fill: var(--color-figmaColors-secondary-outlined-hover-background) }
.fill-figmaColors-secondary-outlined-resting-border { fill: var(--color-figmaColors-secondary-outlined-resting-border) }
.fill-figmaColors-text-disabled { fill: var(--color-figmaColors-text-disabled) }
.fill-figmaColors-text-primary { fill: var(--color-figmaColors-text-primary) }
.fill-figmaColors-outlined-border { fill: var(--color-figmaColors-outlined-border) }
.fill-figmaColors-divider { fill: var(--color-figmaColors-divider) }
.hover-fill-main:hover svg { fill: var(--color-main) }
.hover-fill-gray-light-shade:hover svg { fill: var(--color-gray-light-shade) }
.hover-fill-gray-lightest:hover svg { fill: var(--color-gray-lightest) }
.hover-fill-gray-lighter:hover svg { fill: var(--color-gray-lighter) }
.hover-fill-gray-light:hover svg { fill: var(--color-gray-light) }
.hover-fill-gray-bg:hover svg { fill: var(--color-gray-bg) }
.hover-fill-gray-medium:hover svg { fill: var(--color-gray-medium) }
.hover-fill-gray-dark:hover svg { fill: var(--color-gray-dark) }
.hover-fill-gray-darkest:hover svg { fill: var(--color-gray-darkest) }
.hover-fill-gray-light-blue:hover svg { fill: var(--color-gray-light-blue) }
.hover-fill-teal:hover svg { fill: var(--color-teal) }
.hover-fill-teal-dark:hover svg { fill: var(--color-teal-dark) }
.hover-fill-teal-light:hover svg { fill: var(--color-teal-light) }
.hover-fill-tealx:hover svg { fill: var(--color-tealx) }
.hover-fill-tealx-light:hover svg { fill: var(--color-tealx-light) }
.hover-fill-tealx-light-border:hover svg { fill: var(--color-tealx-light-border) }
.hover-fill-tealx-lightest:hover svg { fill: var(--color-tealx-lightest) }
.hover-fill-orange:hover svg { fill: var(--color-orange) }
.hover-fill-yellow:hover svg { fill: var(--color-yellow) }
.hover-fill-yellow2:hover svg { fill: var(--color-yellow2) }
.hover-fill-orange-dark:hover svg { fill: var(--color-orange-dark) }
.hover-fill-green:hover svg { fill: var(--color-green) }
.hover-fill-green2:hover svg { fill: var(--color-green2) }
.hover-fill-green-dark:hover svg { fill: var(--color-green-dark) }
.hover-fill-red:hover svg { fill: var(--color-red) }
.hover-fill-red2:hover svg { fill: var(--color-red2) }
.hover-fill-red-light:hover svg { fill: var(--color-red-light) }
.hover-fill-red-lightest:hover svg { fill: var(--color-red-lightest) }
.hover-fill-blue:hover svg { fill: var(--color-blue) }
.hover-fill-blue2:hover svg { fill: var(--color-blue2) }
.hover-fill-active-blue:hover svg { fill: var(--color-active-blue) }
.hover-fill-active-dark-blue:hover svg { fill: var(--color-active-dark-blue) }
.hover-fill-bg-blue:hover svg { fill: var(--color-bg-blue) }
.hover-fill-active-blue-border:hover svg { fill: var(--color-active-blue-border) }
.hover-fill-pink:hover svg { fill: var(--color-pink) }
.hover-fill-light-blue-bg:hover svg { fill: var(--color-light-blue-bg) }
.hover-fill-white:hover svg { fill: var(--color-white) }
.hover-fill-black:hover svg { fill: var(--color-black) }
.hover-fill-gray-border:hover svg { fill: var(--color-gray-border) }
.hover-fill-borderColor-default:hover svg { fill: var(--color-borderColor-default) }
.hover-fill-borderColor-gray-light-shade:hover svg { fill: var(--color-borderColor-gray-light-shade) }
.hover-fill-borderColor-primary:hover svg { fill: var(--color-borderColor-primary) }
.hover-fill-borderColor-transparent:hover svg { fill: var(--color-borderColor-transparent) }
.hover-fill-transparent:hover svg { fill: var(--color-transparent) }
.hover-fill-cyan:hover svg { fill: var(--color-cyan) }
.hover-fill-amber:hover svg { fill: var(--color-amber) }
.hover-fill-amber-medium:hover svg { fill: var(--color-amber-medium) }
.hover-fill-glassWhite:hover svg { fill: var(--color-glassWhite) }
.hover-fill-glassMint:hover svg { fill: var(--color-glassMint) }
.hover-fill-glassLavander:hover svg { fill: var(--color-glassLavander) }
.hover-fill-blueLight:hover svg { fill: var(--color-blueLight) }
.hover-fill-offWhite:hover svg { fill: var(--color-offWhite) }
.hover-fill-disabled-text:hover svg { fill: var(--color-disabled-text) }
.hover-fill-indigo-lightest:hover svg { fill: var(--color-indigo-lightest) }
.hover-fill-indigo:hover svg { fill: var(--color-indigo) }
.hover-fill-figmaColors-accent-secondary:hover svg { fill: var(--color-figmaColors-accent-secondary) }
.hover-fill-figmaColors-main:hover svg { fill: var(--color-figmaColors-main) }
.hover-fill-figmaColors-primary-outlined-hover-background:hover svg { fill: var(--color-figmaColors-primary-outlined-hover-background) }
.hover-fill-figmaColors-primary-outlined-resting-border:hover svg { fill: var(--color-figmaColors-primary-outlined-resting-border) }
.hover-fill-figmaColors-secondary-outlined-hover-background:hover svg { fill: var(--color-figmaColors-secondary-outlined-hover-background) }
.hover-fill-figmaColors-secondary-outlined-resting-border:hover svg { fill: var(--color-figmaColors-secondary-outlined-resting-border) }
.hover-fill-figmaColors-text-disabled:hover svg { fill: var(--color-figmaColors-text-disabled) }
.hover-fill-figmaColors-text-primary:hover svg { fill: var(--color-figmaColors-text-primary) }
.hover-fill-figmaColors-outlined-border:hover svg { fill: var(--color-figmaColors-outlined-border) }
.hover-fill-figmaColors-divider:hover svg { fill: var(--color-figmaColors-divider) }

/* color */
.color-main { color: var(--color-main) }
.color-gray-light-shade { color: var(--color-gray-light-shade) }
.color-gray-lightest { color: var(--color-gray-lightest) }
.color-gray-lighter { color: var(--color-gray-lighter) }
.color-gray-light { color: var(--color-gray-light) }
.color-gray-bg { color: var(--color-gray-bg) }
.color-gray-medium { color: var(--color-gray-medium) }
.color-gray-dark { color: var(--color-gray-dark) }
.color-gray-darkest { color: var(--color-gray-darkest) }
.color-gray-light-blue { color: var(--color-gray-light-blue) }
.color-teal { color: var(--color-teal) }
.color-teal-dark { color: var(--color-teal-dark) }
.color-teal-light { color: var(--color-teal-light) }
.color-tealx { color: var(--color-tealx) }
.color-tealx-light { color: var(--color-tealx-light) }
.color-tealx-light-border { color: var(--color-tealx-light-border) }
.color-tealx-lightest { color: var(--color-tealx-lightest) }
.color-orange { color: var(--color-orange) }
.color-yellow { color: var(--color-yellow) }
.color-yellow2 { color: var(--color-yellow2) }
.color-orange-dark { color: var(--color-orange-dark) }
.color-green { color: var(--color-green) }
.color-green2 { color: var(--color-green2) }
.color-green-dark { color: var(--color-green-dark) }
.color-red { color: var(--color-red) }
.color-red2 { color: var(--color-red2) }
.color-red-light { color: var(--color-red-light) }
.color-red-lightest { color: var(--color-red-lightest) }
.color-blue { color: var(--color-blue) }
.color-blue2 { color: var(--color-blue2) }
.color-active-blue { color: var(--color-active-blue) }
.color-active-dark-blue { color: var(--color-active-dark-blue) }
.color-bg-blue { color: var(--color-bg-blue) }
.color-active-blue-border { color: var(--color-active-blue-border) }
.color-pink { color: var(--color-pink) }
.color-light-blue-bg { color: var(--color-light-blue-bg) }
.color-white { color: var(--color-white) }
.color-black { color: var(--color-black) }
.color-gray-border { color: var(--color-gray-border) }
.color-borderColor-default { color: var(--color-borderColor-default) }
.color-borderColor-gray-light-shade { color: var(--color-borderColor-gray-light-shade) }
.color-borderColor-primary { color: var(--color-borderColor-primary) }
.color-borderColor-transparent { color: var(--color-borderColor-transparent) }
.color-transparent { color: var(--color-transparent) }
.color-cyan { color: var(--color-cyan) }
.color-amber { color: var(--color-amber) }
.color-amber-medium { color: var(--color-amber-medium) }
.color-glassWhite { color: var(--color-glassWhite) }
.color-glassMint { color: var(--color-glassMint) }
.color-glassLavander { color: var(--color-glassLavander) }
.color-blueLight { color: var(--color-blueLight) }
.color-offWhite { color: var(--color-offWhite) }
.color-disabled-text { color: var(--color-disabled-text) }
.color-indigo-lightest { color: var(--color-indigo-lightest) }
.color-indigo { color: var(--color-indigo) }
.color-figmaColors-accent-secondary { color: var(--color-figmaColors-accent-secondary) }
.color-figmaColors-main { color: var(--color-figmaColors-main) }
.color-figmaColors-primary-outlined-hover-background { color: var(--color-figmaColors-primary-outlined-hover-background) }
.color-figmaColors-primary-outlined-resting-border { color: var(--color-figmaColors-primary-outlined-resting-border) }
.color-figmaColors-secondary-outlined-hover-background { color: var(--color-figmaColors-secondary-outlined-hover-background) }
.color-figmaColors-secondary-outlined-resting-border { color: var(--color-figmaColors-secondary-outlined-resting-border) }
.color-figmaColors-text-disabled { color: var(--color-figmaColors-text-disabled) }
.color-figmaColors-text-primary { color: var(--color-figmaColors-text-primary) }
.color-figmaColors-outlined-border { color: var(--color-figmaColors-outlined-border) }
.color-figmaColors-divider { color: var(--color-figmaColors-divider) }

/* hover color */
.hover-main:hover { color: var(--color-main) }
.hover-gray-light-shade:hover { color: var(--color-gray-light-shade) }
.hover-gray-lightest:hover { color: var(--color-gray-lightest) }
.hover-gray-lighter:hover { color: var(--color-gray-lighter) }
.hover-gray-light:hover { color: var(--color-gray-light) }
.hover-gray-bg:hover { color: var(--color-gray-bg) }
.hover-gray-medium:hover { color: var(--color-gray-medium) }
.hover-gray-dark:hover { color: var(--color-gray-dark) }
.hover-gray-darkest:hover { color: var(--color-gray-darkest) }
.hover-gray-light-blue:hover { color: var(--color-gray-light-blue) }
.hover-teal:hover { color: var(--color-teal) }
.hover-teal-dark:hover { color: var(--color-teal-dark) }
.hover-teal-light:hover { color: var(--color-teal-light) }
.hover-tealx:hover { color: var(--color-tealx) }
.hover-tealx-light:hover { color: var(--color-tealx-light) }
.hover-tealx-light-border:hover { color: var(--color-tealx-light-border) }
.hover-tealx-lightest:hover { color: var(--color-tealx-lightest) }
.hover-orange:hover { color: var(--color-orange) }
.hover-yellow:hover { color: var(--color-yellow) }
.hover-yellow2:hover { color: var(--color-yellow2) }
.hover-orange-dark:hover { color: var(--color-orange-dark) }
.hover-green:hover { color: var(--color-green) }
.hover-green2:hover { color: var(--color-green2) }
.hover-green-dark:hover { color: var(--color-green-dark) }
.hover-red:hover { color: var(--color-red) }
.hover-red2:hover { color: var(--color-red2) }
.hover-red-light:hover { color: var(--color-red-light) }
.hover-red-lightest:hover { color: var(--color-red-lightest) }
.hover-blue:hover { color: var(--color-blue) }
.hover-blue2:hover { color: var(--color-blue2) }
.hover-active-blue:hover { color: var(--color-active-blue) }
.hover-active-dark-blue:hover { color: var(--color-active-dark-blue) }
.hover-bg-blue:hover { color: var(--color-bg-blue) }
.hover-active-blue-border:hover { color: var(--color-active-blue-border) }
.hover-pink:hover { color: var(--color-pink) }
.hover-light-blue-bg:hover { color: var(--color-light-blue-bg) }
.hover-white:hover { color: var(--color-white) }
.hover-black:hover { color: var(--color-black) }
.hover-gray-border:hover { color: var(--color-gray-border) }
.hover-borderColor-default:hover { color: var(--color-borderColor-default) }
.hover-borderColor-gray-light-shade:hover { color: var(--color-borderColor-gray-light-shade) }
.hover-borderColor-primary:hover { color: var(--color-borderColor-primary) }
.hover-borderColor-transparent:hover { color: var(--color-borderColor-transparent) }
.hover-transparent:hover { color: var(--color-transparent) }
.hover-cyan:hover { color: var(--color-cyan) }
.hover-amber:hover { color: var(--color-amber) }
.hover-amber-medium:hover { color: var(--color-amber-medium) }
.hover-glassWhite:hover { color: var(--color-glassWhite) }
.hover-glassMint:hover { color: var(--color-glassMint) }
.hover-glassLavander:hover { color: var(--color-glassLavander) }
.hover-blueLight:hover { color: var(--color-blueLight) }
.hover-offWhite:hover { color: var(--color-offWhite) }
.hover-disabled-text:hover { color: var(--color-disabled-text) }
.hover-indigo-lightest:hover { color: var(--color-indigo-lightest) }
.hover-indigo:hover { color: var(--color-indigo) }
.hover-figmaColors-accent-secondary:hover { color: var(--color-figmaColors-accent-secondary) }
.hover-figmaColors-main:hover { color: var(--color-figmaColors-main) }
.hover-figmaColors-primary-outlined-hover-background:hover { color: var(--color-figmaColors-primary-outlined-hover-background) }
.hover-figmaColors-primary-outlined-resting-border:hover { color: var(--color-figmaColors-primary-outlined-resting-border) }
.hover-figmaColors-secondary-outlined-hover-background:hover { color: var(--color-figmaColors-secondary-outlined-hover-background) }
.hover-figmaColors-secondary-outlined-resting-border:hover { color: var(--color-figmaColors-secondary-outlined-resting-border) }
.hover-figmaColors-text-disabled:hover { color: var(--color-figmaColors-text-disabled) }
.hover-figmaColors-text-primary:hover { color: var(--color-figmaColors-text-primary) }
.hover-figmaColors-outlined-border:hover { color: var(--color-figmaColors-outlined-border) }
.hover-figmaColors-divider:hover { color: var(--color-figmaColors-divider) }

/* border color */
.border-main { border-color: var(--color-main) }
.border-gray-light-shade { border-color: var(--color-gray-light-shade) }
.border-gray-lightest { border-color: var(--color-gray-lightest) }
.border-gray-lighter { border-color: var(--color-gray-lighter) }
.border-gray-light { border-color: var(--color-gray-light) }
.border-gray-bg { border-color: var(--color-gray-bg) }
.border-gray-medium { border-color: var(--color-gray-medium) }
.border-gray-dark { border-color: var(--color-gray-dark) }
.border-gray-darkest { border-color: var(--color-gray-darkest) }
.border-gray-light-blue { border-color: var(--color-gray-light-blue) }
.border-teal { border-color: var(--color-teal) }
.border-teal-dark { border-color: var(--color-teal-dark) }
.border-teal-light { border-color: var(--color-teal-light) }
.border-tealx { border-color: var(--color-tealx) }
.border-tealx-light { border-color: var(--color-tealx-light) }
.border-tealx-light-border { border-color: var(--color-tealx-light-border) }
.border-tealx-lightest { border-color: var(--color-tealx-lightest) }
.border-orange { border-color: var(--color-orange) }
.border-yellow { border-color: var(--color-yellow) }
.border-yellow2 { border-color: var(--color-yellow2) }
.border-orange-dark { border-color: var(--color-orange-dark) }
.border-green { border-color: var(--color-green) }
.border-green2 { border-color: var(--color-green2) }
.border-green-dark { border-color: var(--color-green-dark) }
.border-red { border-color: var(--color-red) }
.border-red2 { border-color: var(--color-red2) }
.border-red-light { border-color: var(--color-red-light) }
.border-red-lightest { border-color: var(--color-red-lightest) }
.border-blue { border-color: var(--color-blue) }
.border-blue2 { border-color: var(--color-blue2) }
.border-active-blue { border-color: var(--color-active-blue) }
.border-active-dark-blue { border-color: var(--color-active-dark-blue) }
.border-bg-blue { border-color: var(--color-bg-blue) }
.border-active-blue-border { border-color: var(--color-active-blue-border) }
.border-pink { border-color: var(--color-pink) }
.border-light-blue-bg { border-color: var(--color-light-blue-bg) }
.border-white { border-color: var(--color-white) }
.border-black { border-color: var(--color-black) }
.border-gray-border { border-color: var(--color-gray-border) }
.border-borderColor-default { border-color: var(--color-borderColor-default) }
.border-borderColor-gray-light-shade { border-color: var(--color-borderColor-gray-light-shade) }
.border-borderColor-primary { border-color: var(--color-borderColor-primary) }
.border-borderColor-transparent { border-color: var(--color-borderColor-transparent) }
.border-transparent { border-color: var(--color-transparent) }
.border-cyan { border-color: var(--color-cyan) }
.border-amber { border-color: var(--color-amber) }
.border-amber-medium { border-color: var(--color-amber-medium) }
.border-glassWhite { border-color: var(--color-glassWhite) }
.border-glassMint { border-color: var(--color-glassMint) }
.border-glassLavander { border-color: var(--color-glassLavander) }
.border-blueLight { border-color: var(--color-blueLight) }
.border-offWhite { border-color: var(--color-offWhite) }
.border-disabled-text { border-color: var(--color-disabled-text) }
.border-indigo-lightest { border-color: var(--color-indigo-lightest) }
.border-indigo { border-color: var(--color-indigo) }
.border-figmaColors-accent-secondary { border-color: var(--color-figmaColors-accent-secondary) }
.border-figmaColors-main { border-color: var(--color-figmaColors-main) }
.border-figmaColors-primary-outlined-hover-background { border-color: var(--color-figmaColors-primary-outlined-hover-background) }
.border-figmaColors-primary-outlined-resting-border { border-color: var(--color-figmaColors-primary-outlined-resting-border) }
.border-figmaColors-secondary-outlined-hover-background { border-color: var(--color-figmaColors-secondary-outlined-hover-background) }
.border-figmaColors-secondary-outlined-resting-border { border-color: var(--color-figmaColors-secondary-outlined-resting-border) }
.border-figmaColors-text-disabled { border-color: var(--color-figmaColors-text-disabled) }
.border-figmaColors-text-primary { border-color: var(--color-figmaColors-text-primary) }
.border-figmaColors-outlined-border { border-color: var(--color-figmaColors-outlined-border) }
.border-figmaColors-divider { border-color: var(--color-figmaColors-divider) }

/* background color */
.bg-main { background-color: var(--color-main) }
.bg-gray-light-shade { background-color: var(--color-gray-light-shade) }
.bg-gray-lightest { background-color: var(--color-gray-lightest) }
.bg-gray-lighter { background-color: var(--color-gray-lighter) }
.bg-gray-light { background-color: var(--color-gray-light) }
.bg-gray-bg { background-color: var(--color-gray-bg) }
.bg-gray-medium { background-color: var(--color-gray-medium) }
.bg-gray-dark { background-color: var(--color-gray-dark) }
.bg-gray-darkest { background-color: var(--color-gray-darkest) }
.bg-gray-light-blue { background-color: var(--color-gray-light-blue) }
.bg-teal { background-color: var(--color-teal) }
.bg-teal-dark { background-color: var(--color-teal-dark) }
.bg-teal-light { background-color: var(--color-teal-light) }
.bg-tealx { background-color: var(--color-tealx) }
.bg-tealx-light { background-color: var(--color-tealx-light) }
.bg-tealx-light-border { background-color: var(--color-tealx-light-border) }
.bg-tealx-lightest { background-color: var(--color-tealx-lightest) }
.bg-orange { background-color: var(--color-orange) }
.bg-yellow { background-color: var(--color-yellow) }
.bg-yellow2 { background-color: var(--color-yellow2) }
.bg-orange-dark { background-color: var(--color-orange-dark) }
.bg-green { background-color: var(--color-green) }
.bg-green2 { background-color: var(--color-green2) }
.bg-green-dark { background-color: var(--color-green-dark) }
.bg-red { background-color: var(--color-red) }
.bg-red2 { background-color: var(--color-red2) }
.bg-red-light { background-color: var(--color-red-light) }
.bg-red-lightest { background-color: var(--color-red-lightest) }
.bg-blue { background-color: var(--color-blue) }
.bg-blue2 { background-color: var(--color-blue2) }
.bg-active-blue { background-color: var(--color-active-blue) }
.bg-active-dark-blue { background-color: var(--color-active-dark-blue) }
.bg-bg-blue { background-color: var(--color-bg-blue) }
.bg-active-blue-border { background-color: var(--color-active-blue-border) }
.bg-pink { background-color: var(--color-pink) }
.bg-light-blue-bg { background-color: var(--color-light-blue-bg) }
.bg-white { background-color: var(--color-white) }
.bg-black { background-color: var(--color-black) }
.bg-gray-border { background-color: var(--color-gray-border) }
.bg-borderColor-default { background-color: var(--color-borderColor-default) }
.bg-borderColor-gray-light-shade { background-color: var(--color-borderColor-gray-light-shade) }
.bg-borderColor-primary { background-color: var(--color-borderColor-primary) }
.bg-borderColor-transparent { background-color: var(--color-borderColor-transparent) }
.bg-transparent { background-color: var(--color-transparent) }
.bg-cyan { background-color: var(--color-cyan) }
.bg-amber { background-color: var(--color-amber) }
.bg-amber-medium { background-color: var(--color-amber-medium) }
.bg-glassWhite { background-color: var(--color-glassWhite) }
.bg-glassMint { background-color: var(--color-glassMint) }
.bg-glassLavander { background-color: var(--color-glassLavander) }
.bg-blueLight { background-color: var(--color-blueLight) }
.bg-offWhite { background-color: var(--color-offWhite) }
.bg-disabled-text { background-color: var(--color-disabled-text) }
.bg-indigo-lightest { background-color: var(--color-indigo-lightest) }
.bg-indigo { background-color: var(--color-indigo) }
.bg-figmaColors-accent-secondary { background-color: var(--color-figmaColors-accent-secondary) }
.bg-figmaColors-main { background-color: var(--color-figmaColors-main) }
.bg-figmaColors-primary-outlined-hover-background { background-color: var(--color-figmaColors-primary-outlined-hover-background) }
.bg-figmaColors-primary-outlined-resting-border { background-color: var(--color-figmaColors-primary-outlined-resting-border) }
.bg-figmaColors-secondary-outlined-hover-background { background-color: var(--color-figmaColors-secondary-outlined-hover-background) }
.bg-figmaColors-secondary-outlined-resting-border { background-color: var(--color-figmaColors-secondary-outlined-resting-border) }
.bg-figmaColors-text-disabled { background-color: var(--color-figmaColors-text-disabled) }
.bg-figmaColors-text-primary { background-color: var(--color-figmaColors-text-primary) }
.bg-figmaColors-outlined-border { background-color: var(--color-figmaColors-outlined-border) }
.bg-figmaColors-divider { background-color: var(--color-figmaColors-divider) }
