Colors

Background Color

Utilities for controlling an element's background color.

Class

Properties

Example

bg-background-default

background-color: var(--color-background-default) !important

bg-black-10

background-color: var(--color-black-10) !important

bg-black-100

background-color: var(--color-black-100) !important

bg-black-20

background-color: var(--color-black-20) !important

bg-black-30

background-color: var(--color-black-30) !important

bg-black-40

background-color: var(--color-black-40) !important

bg-black-5

background-color: var(--color-black-5) !important

bg-black-50

background-color: var(--color-black-50) !important

bg-black-60

background-color: var(--color-black-60) !important

bg-black-70

background-color: var(--color-black-70) !important

bg-black-80

background-color: var(--color-black-80) !important

bg-black-90

background-color: var(--color-black-90) !important

bg-blue-100

background-color: var(--color-blue-100) !important

bg-blue-200

background-color: var(--color-blue-200) !important

bg-blue-300

background-color: var(--color-blue-300) !important

bg-blue-400

background-color: var(--color-blue-400) !important

bg-blue-50

background-color: var(--color-blue-50) !important

bg-blue-500

background-color: var(--color-blue-500) !important

bg-blue-600

background-color: var(--color-blue-600) !important

bg-blue-700

background-color: var(--color-blue-700) !important

bg-blue-800

background-color: var(--color-blue-800) !important

bg-blue-900

background-color: var(--color-blue-900) !important

bg-bluegreen-100

background-color: var(--color-bluegreen-100) !important

bg-bluegreen-200

background-color: var(--color-bluegreen-200) !important

bg-bluegreen-300

background-color: var(--color-bluegreen-300) !important

bg-bluegreen-400

background-color: var(--color-bluegreen-400) !important

bg-bluegreen-50

background-color: var(--color-bluegreen-50) !important

bg-bluegreen-500

background-color: var(--color-bluegreen-500) !important

bg-bluegreen-600

background-color: var(--color-bluegreen-600) !important

bg-bluegreen-700

background-color: var(--color-bluegreen-700) !important

bg-bluegreen-800

background-color: var(--color-bluegreen-800) !important

bg-bluegreen-900

background-color: var(--color-bluegreen-900) !important

bg-bluegrey-100

background-color: var(--color-bluegrey-100) !important

bg-bluegrey-200

background-color: var(--color-bluegrey-200) !important

bg-bluegrey-25

background-color: var(--color-bluegrey-25) !important

bg-bluegrey-300

background-color: var(--color-bluegrey-300) !important

bg-bluegrey-400

background-color: var(--color-bluegrey-400) !important

bg-bluegrey-50

background-color: var(--color-bluegrey-50) !important

bg-bluegrey-500

background-color: var(--color-bluegrey-500) !important

bg-bluegrey-600

background-color: var(--color-bluegrey-600) !important

bg-bluegrey-650

background-color: var(--color-bluegrey-650) !important

bg-bluegrey-700

background-color: var(--color-bluegrey-700) !important

bg-bluegrey-750

background-color: var(--color-bluegrey-750) !important

bg-bluegrey-800

background-color: var(--color-bluegrey-800) !important

bg-bluegrey-850

background-color: var(--color-bluegrey-850) !important

bg-bluegrey-900

background-color: var(--color-bluegrey-900) !important

bg-danger-default

background-color: var(--color-danger-default) !important

bg-danger-hover

background-color: var(--color-danger-hover) !important

bg-danger-pressed

background-color: var(--color-danger-pressed) !important

bg-dark-blue-100

background-color: var(--color-dark-blue-100) !important

bg-dark-blue-200

background-color: var(--color-dark-blue-200) !important

bg-dark-blue-300

background-color: var(--color-dark-blue-300) !important

bg-dark-blue-400

background-color: var(--color-dark-blue-400) !important

bg-dark-blue-50

background-color: var(--color-dark-blue-50) !important

bg-dark-blue-500

background-color: var(--color-dark-blue-500) !important

bg-dark-blue-600

background-color: var(--color-dark-blue-600) !important

bg-dark-blue-700

background-color: var(--color-dark-blue-700) !important

bg-dark-blue-800

background-color: var(--color-dark-blue-800) !important

bg-dark-blue-900

background-color: var(--color-dark-blue-900) !important

bg-dark-danger-default

background-color: var(--color-dark-danger-default) !important

bg-dark-danger-hover

background-color: var(--color-dark-danger-hover) !important

bg-dark-danger-pressed

background-color: var(--color-dark-danger-pressed) !important

bg-dark-green-100

background-color: var(--color-dark-green-100) !important

bg-dark-green-200

background-color: var(--color-dark-green-200) !important

bg-dark-green-300

background-color: var(--color-dark-green-300) !important

bg-dark-green-400

background-color: var(--color-dark-green-400) !important

bg-dark-green-50

background-color: var(--color-dark-green-50) !important

bg-dark-green-500

background-color: var(--color-dark-green-500) !important

bg-dark-green-600

background-color: var(--color-dark-green-600) !important

bg-dark-green-700

background-color: var(--color-dark-green-700) !important

bg-dark-green-800

background-color: var(--color-dark-green-800) !important

bg-dark-green-900

background-color: var(--color-dark-green-900) !important

bg-dark-neutral-default

background-color: var(--color-dark-neutral-default) !important

bg-dark-neutral-hover

background-color: var(--color-dark-neutral-hover) !important

bg-dark-neutral-pressed

background-color: var(--color-dark-neutral-pressed) !important

bg-dark-orange-100

background-color: var(--color-dark-orange-100) !important

bg-dark-orange-200

background-color: var(--color-dark-orange-200) !important

bg-dark-orange-300

background-color: var(--color-dark-orange-300) !important

bg-dark-orange-400

background-color: var(--color-dark-orange-400) !important

bg-dark-orange-50

background-color: var(--color-dark-orange-50) !important

bg-dark-orange-500

background-color: var(--color-dark-orange-500) !important

bg-dark-orange-600

background-color: var(--color-dark-orange-600) !important

bg-dark-orange-700

background-color: var(--color-dark-orange-700) !important

bg-dark-orange-800

background-color: var(--color-dark-orange-800) !important

bg-dark-orange-900

background-color: var(--color-dark-orange-900) !important

bg-dark-primary-100

background-color: var(--color-dark-primary-100) !important

bg-dark-primary-200

background-color: var(--color-dark-primary-200) !important

bg-dark-primary-300

background-color: var(--color-dark-primary-300) !important

bg-dark-primary-400

background-color: var(--color-dark-primary-400) !important

bg-dark-primary-50

background-color: var(--color-dark-primary-50) !important

bg-dark-primary-500

background-color: var(--color-dark-primary-500) !important

bg-dark-primary-600

background-color: var(--color-dark-primary-600) !important

bg-dark-primary-700

background-color: var(--color-dark-primary-700) !important

bg-dark-primary-800

background-color: var(--color-dark-primary-800) !important

bg-dark-primary-900

background-color: var(--color-dark-primary-900) !important

bg-dark-primary-default

background-color: var(--color-dark-primary-default) !important

bg-dark-primary-hover

background-color: var(--color-dark-primary-hover) !important

bg-dark-primary-pressed

background-color: var(--color-dark-primary-pressed) !important

bg-dark-red-100

background-color: var(--color-dark-red-100) !important

bg-dark-red-200

background-color: var(--color-dark-red-200) !important

bg-dark-red-300

background-color: var(--color-dark-red-300) !important

bg-dark-red-400

background-color: var(--color-dark-red-400) !important

bg-dark-red-50

background-color: var(--color-dark-red-50) !important

bg-dark-red-500

background-color: var(--color-dark-red-500) !important

bg-dark-red-600

background-color: var(--color-dark-red-600) !important

bg-dark-red-700

background-color: var(--color-dark-red-700) !important

bg-dark-red-800

background-color: var(--color-dark-red-800) !important

bg-dark-red-900

background-color: var(--color-dark-red-900) !important

bg-dark-success-default

background-color: var(--color-dark-success-default) !important

bg-dark-success-hover

background-color: var(--color-dark-success-hover) !important

bg-dark-success-pressed

background-color: var(--color-dark-success-pressed) !important

bg-dark-warning-default

background-color: var(--color-dark-warning-default) !important

bg-dark-warning-hover

background-color: var(--color-dark-warning-hover) !important

bg-dark-warning-pressed

background-color: var(--color-dark-warning-pressed) !important

bg-font-onBackground-default

background-color: var(--color-font-onBackground-default) !important

bg-green-100

background-color: var(--color-green-100) !important

bg-green-200

background-color: var(--color-green-200) !important

bg-green-300

background-color: var(--color-green-300) !important

bg-green-400

background-color: var(--color-green-400) !important

bg-green-50

background-color: var(--color-green-50) !important

bg-green-500

background-color: var(--color-green-500) !important

bg-green-600

background-color: var(--color-green-600) !important

bg-green-700

background-color: var(--color-green-700) !important

bg-green-800

background-color: var(--color-green-800) !important

bg-green-900

background-color: var(--color-green-900) !important

bg-lightblue-100

background-color: var(--color-lightblue-100) !important

bg-lightblue-200

background-color: var(--color-lightblue-200) !important

bg-lightblue-300

background-color: var(--color-lightblue-300) !important

bg-lightblue-400

background-color: var(--color-lightblue-400) !important

bg-lightblue-50

background-color: var(--color-lightblue-50) !important

bg-lightblue-500

background-color: var(--color-lightblue-500) !important

bg-lightblue-600

background-color: var(--color-lightblue-600) !important

bg-lightblue-700

background-color: var(--color-lightblue-700) !important

bg-lightblue-800

background-color: var(--color-lightblue-800) !important

bg-lightblue-900

background-color: var(--color-lightblue-900) !important

bg-neutral-default

background-color: var(--color-neutral-default) !important

bg-neutral-hover

background-color: var(--color-neutral-hover) !important

bg-neutral-pressed

background-color: var(--color-neutral-pressed) !important

bg-orange-100

background-color: var(--color-orange-100) !important

bg-orange-200

background-color: var(--color-orange-200) !important

bg-orange-300

background-color: var(--color-orange-300) !important

bg-orange-400

background-color: var(--color-orange-400) !important

bg-orange-50

background-color: var(--color-orange-50) !important

bg-orange-500

background-color: var(--color-orange-500) !important

bg-orange-600

background-color: var(--color-orange-600) !important

bg-orange-700

background-color: var(--color-orange-700) !important

bg-orange-800

background-color: var(--color-orange-800) !important

bg-orange-900

background-color: var(--color-orange-900) !important

bg-primary-100

background-color: var(--color-primary-100) !important

bg-primary-200

background-color: var(--color-primary-200) !important

bg-primary-300

background-color: var(--color-primary-300) !important

bg-primary-400

background-color: var(--color-primary-400) !important

bg-primary-50

background-color: var(--color-primary-50) !important

bg-primary-500

background-color: var(--color-primary-500) !important

bg-primary-600

background-color: var(--color-primary-600) !important

bg-primary-700

background-color: var(--color-primary-700) !important

bg-primary-800

background-color: var(--color-primary-800) !important

bg-primary-900

background-color: var(--color-primary-900) !important

bg-primary-default

background-color: var(--color-primary-default) !important

bg-primary-hover

background-color: var(--color-primary-hover) !important

bg-primary-pressed

background-color: var(--color-primary-pressed) !important

bg-purple-100

background-color: var(--color-purple-100) !important

bg-purple-200

background-color: var(--color-purple-200) !important

bg-purple-300

background-color: var(--color-purple-300) !important

bg-purple-400

background-color: var(--color-purple-400) !important

bg-purple-50

background-color: var(--color-purple-50) !important

bg-purple-500

background-color: var(--color-purple-500) !important

bg-purple-600

background-color: var(--color-purple-600) !important

bg-purple-700

background-color: var(--color-purple-700) !important

bg-purple-800

background-color: var(--color-purple-800) !important

bg-purple-900

background-color: var(--color-purple-900) !important

bg-red-100

background-color: var(--color-red-100) !important

bg-red-200

background-color: var(--color-red-200) !important

bg-red-300

background-color: var(--color-red-300) !important

bg-red-400

background-color: var(--color-red-400) !important

bg-red-50

background-color: var(--color-red-50) !important

bg-red-500

background-color: var(--color-red-500) !important

bg-red-600

background-color: var(--color-red-600) !important

bg-red-700

background-color: var(--color-red-700) !important

bg-red-800

background-color: var(--color-red-800) !important

bg-red-900

background-color: var(--color-red-900) !important

bg-success-default

background-color: var(--color-success-default) !important

bg-success-hover

background-color: var(--color-success-hover) !important

bg-success-pressed

background-color: var(--color-success-pressed) !important

bg-warning-default

background-color: var(--color-warning-default) !important

bg-warning-hover

background-color: var(--color-warning-hover) !important

bg-warning-pressed

background-color: var(--color-warning-pressed) !important

bg-white-10

background-color: var(--color-white-10) !important

bg-white-100

background-color: var(--color-white-100) !important

bg-white-20

background-color: var(--color-white-20) !important

bg-white-30

background-color: var(--color-white-30) !important

bg-white-40

background-color: var(--color-white-40) !important

bg-white-5

background-color: var(--color-white-5) !important

bg-white-50

background-color: var(--color-white-50) !important

bg-white-60

background-color: var(--color-white-60) !important

bg-white-70

background-color: var(--color-white-70) !important

bg-white-80

background-color: var(--color-white-80) !important

bg-white-90

background-color: var(--color-white-90) !important

bg-yellow-100

background-color: var(--color-yellow-100) !important

bg-yellow-200

background-color: var(--color-yellow-200) !important

bg-yellow-300

background-color: var(--color-yellow-300) !important

bg-yellow-400

background-color: var(--color-yellow-400) !important

bg-yellow-50

background-color: var(--color-yellow-50) !important

bg-yellow-500

background-color: var(--color-yellow-500) !important

bg-yellow-600

background-color: var(--color-yellow-600) !important

bg-yellow-700

background-color: var(--color-yellow-700) !important

bg-yellow-800

background-color: var(--color-yellow-800) !important

bg-yellow-900

background-color: var(--color-yellow-900) !important

Usage

Control the background color of an element using the bg-{color} utilities.

<div className="bg-primary-500">Hello world!</div>

Text Color

Utilities for controlling text color.

Class

Properties

Example

text-background-default

color: var(--color-background-default) !important

Aa

text-black-10

color: var(--color-black-10) !important

Aa

text-black-100

color: var(--color-black-100) !important

Aa

text-black-20

color: var(--color-black-20) !important

Aa

text-black-30

color: var(--color-black-30) !important

Aa

text-black-40

color: var(--color-black-40) !important

Aa

text-black-5

color: var(--color-black-5) !important

Aa

text-black-50

color: var(--color-black-50) !important

Aa

text-black-60

color: var(--color-black-60) !important

Aa

text-black-70

color: var(--color-black-70) !important

Aa

text-black-80

color: var(--color-black-80) !important

Aa

text-black-90

color: var(--color-black-90) !important

Aa

text-blue-100

color: var(--color-blue-100) !important

Aa

text-blue-200

color: var(--color-blue-200) !important

Aa

text-blue-300

color: var(--color-blue-300) !important

Aa

text-blue-400

color: var(--color-blue-400) !important

Aa

text-blue-50

color: var(--color-blue-50) !important

Aa

text-blue-500

color: var(--color-blue-500) !important

Aa

text-blue-600

color: var(--color-blue-600) !important

Aa

text-blue-700

color: var(--color-blue-700) !important

Aa

text-blue-800

color: var(--color-blue-800) !important

Aa

text-blue-900

color: var(--color-blue-900) !important

Aa

text-bluegreen-100

color: var(--color-bluegreen-100) !important

Aa

text-bluegreen-200

color: var(--color-bluegreen-200) !important

Aa

text-bluegreen-300

color: var(--color-bluegreen-300) !important

Aa

text-bluegreen-400

color: var(--color-bluegreen-400) !important

Aa

text-bluegreen-50

color: var(--color-bluegreen-50) !important

Aa

text-bluegreen-500

color: var(--color-bluegreen-500) !important

Aa

text-bluegreen-600

color: var(--color-bluegreen-600) !important

Aa

text-bluegreen-700

color: var(--color-bluegreen-700) !important

Aa

text-bluegreen-800

color: var(--color-bluegreen-800) !important

Aa

text-bluegreen-900

color: var(--color-bluegreen-900) !important

Aa

text-bluegrey-100

color: var(--color-bluegrey-100) !important

Aa

text-bluegrey-200

color: var(--color-bluegrey-200) !important

Aa

text-bluegrey-25

color: var(--color-bluegrey-25) !important

Aa

text-bluegrey-300

color: var(--color-bluegrey-300) !important

Aa

text-bluegrey-400

color: var(--color-bluegrey-400) !important

Aa

text-bluegrey-50

color: var(--color-bluegrey-50) !important

Aa

text-bluegrey-500

color: var(--color-bluegrey-500) !important

Aa

text-bluegrey-600

color: var(--color-bluegrey-600) !important

Aa

text-bluegrey-650

color: var(--color-bluegrey-650) !important

Aa

text-bluegrey-700

color: var(--color-bluegrey-700) !important

Aa

text-bluegrey-750

color: var(--color-bluegrey-750) !important

Aa

text-bluegrey-800

color: var(--color-bluegrey-800) !important

Aa

text-bluegrey-850

color: var(--color-bluegrey-850) !important

Aa

text-bluegrey-900

color: var(--color-bluegrey-900) !important

Aa

text-danger-default

color: var(--color-danger-default) !important

Aa

text-danger-hover

color: var(--color-danger-hover) !important

Aa

text-danger-pressed

color: var(--color-danger-pressed) !important

Aa

text-dark-blue-100

color: var(--color-dark-blue-100) !important

Aa

text-dark-blue-200

color: var(--color-dark-blue-200) !important

Aa

text-dark-blue-300

color: var(--color-dark-blue-300) !important

Aa

text-dark-blue-400

color: var(--color-dark-blue-400) !important

Aa

text-dark-blue-50

color: var(--color-dark-blue-50) !important

Aa

text-dark-blue-500

color: var(--color-dark-blue-500) !important

Aa

text-dark-blue-600

color: var(--color-dark-blue-600) !important

Aa

text-dark-blue-700

color: var(--color-dark-blue-700) !important

Aa

text-dark-blue-800

color: var(--color-dark-blue-800) !important

Aa

text-dark-blue-900

color: var(--color-dark-blue-900) !important

Aa

text-dark-danger-default

color: var(--color-dark-danger-default) !important

Aa

text-dark-danger-hover

color: var(--color-dark-danger-hover) !important

Aa

text-dark-danger-pressed

color: var(--color-dark-danger-pressed) !important

Aa

text-dark-green-100

color: var(--color-dark-green-100) !important

Aa

text-dark-green-200

color: var(--color-dark-green-200) !important

Aa

text-dark-green-300

color: var(--color-dark-green-300) !important

Aa

text-dark-green-400

color: var(--color-dark-green-400) !important

Aa

text-dark-green-50

color: var(--color-dark-green-50) !important

Aa

text-dark-green-500

color: var(--color-dark-green-500) !important

Aa

text-dark-green-600

color: var(--color-dark-green-600) !important

Aa

text-dark-green-700

color: var(--color-dark-green-700) !important

Aa

text-dark-green-800

color: var(--color-dark-green-800) !important

Aa

text-dark-green-900

color: var(--color-dark-green-900) !important

Aa

text-dark-neutral-default

color: var(--color-dark-neutral-default) !important

Aa

text-dark-neutral-hover

color: var(--color-dark-neutral-hover) !important

Aa

text-dark-neutral-pressed

color: var(--color-dark-neutral-pressed) !important

Aa

text-dark-orange-100

color: var(--color-dark-orange-100) !important

Aa

text-dark-orange-200

color: var(--color-dark-orange-200) !important

Aa

text-dark-orange-300

color: var(--color-dark-orange-300) !important

Aa

text-dark-orange-400

color: var(--color-dark-orange-400) !important

Aa

text-dark-orange-50

color: var(--color-dark-orange-50) !important

Aa

text-dark-orange-500

color: var(--color-dark-orange-500) !important

Aa

text-dark-orange-600

color: var(--color-dark-orange-600) !important

Aa

text-dark-orange-700

color: var(--color-dark-orange-700) !important

Aa

text-dark-orange-800

color: var(--color-dark-orange-800) !important

Aa

text-dark-orange-900

color: var(--color-dark-orange-900) !important

Aa

text-dark-primary-100

color: var(--color-dark-primary-100) !important

Aa

text-dark-primary-200

color: var(--color-dark-primary-200) !important

Aa

text-dark-primary-300

color: var(--color-dark-primary-300) !important

Aa

text-dark-primary-400

color: var(--color-dark-primary-400) !important

Aa

text-dark-primary-50

color: var(--color-dark-primary-50) !important

Aa

text-dark-primary-500

color: var(--color-dark-primary-500) !important

Aa

text-dark-primary-600

color: var(--color-dark-primary-600) !important

Aa

text-dark-primary-700

color: var(--color-dark-primary-700) !important

Aa

text-dark-primary-800

color: var(--color-dark-primary-800) !important

Aa

text-dark-primary-900

color: var(--color-dark-primary-900) !important

Aa

text-dark-primary-default

color: var(--color-dark-primary-default) !important

Aa

text-dark-primary-hover

color: var(--color-dark-primary-hover) !important

Aa

text-dark-primary-pressed

color: var(--color-dark-primary-pressed) !important

Aa

text-dark-red-100

color: var(--color-dark-red-100) !important

Aa

text-dark-red-200

color: var(--color-dark-red-200) !important

Aa

text-dark-red-300

color: var(--color-dark-red-300) !important

Aa

text-dark-red-400

color: var(--color-dark-red-400) !important

Aa

text-dark-red-50

color: var(--color-dark-red-50) !important

Aa

text-dark-red-500

color: var(--color-dark-red-500) !important

Aa

text-dark-red-600

color: var(--color-dark-red-600) !important

Aa

text-dark-red-700

color: var(--color-dark-red-700) !important

Aa

text-dark-red-800

color: var(--color-dark-red-800) !important

Aa

text-dark-red-900

color: var(--color-dark-red-900) !important

Aa

text-dark-success-default

color: var(--color-dark-success-default) !important

Aa

text-dark-success-hover

color: var(--color-dark-success-hover) !important

Aa

text-dark-success-pressed

color: var(--color-dark-success-pressed) !important

Aa

text-dark-warning-default

color: var(--color-dark-warning-default) !important

Aa

text-dark-warning-hover

color: var(--color-dark-warning-hover) !important

Aa

text-dark-warning-pressed

color: var(--color-dark-warning-pressed) !important

Aa

text-font-onBackground-default

color: var(--color-font-onBackground-default) !important

Aa

text-green-100

color: var(--color-green-100) !important

Aa

text-green-200

color: var(--color-green-200) !important

Aa

text-green-300

color: var(--color-green-300) !important

Aa

text-green-400

color: var(--color-green-400) !important

Aa

text-green-50

color: var(--color-green-50) !important

Aa

text-green-500

color: var(--color-green-500) !important

Aa

text-green-600

color: var(--color-green-600) !important

Aa

text-green-700

color: var(--color-green-700) !important

Aa

text-green-800

color: var(--color-green-800) !important

Aa

text-green-900

color: var(--color-green-900) !important

Aa

text-lightblue-100

color: var(--color-lightblue-100) !important

Aa

text-lightblue-200

color: var(--color-lightblue-200) !important

Aa

text-lightblue-300

color: var(--color-lightblue-300) !important

Aa

text-lightblue-400

color: var(--color-lightblue-400) !important

Aa

text-lightblue-50

color: var(--color-lightblue-50) !important

Aa

text-lightblue-500

color: var(--color-lightblue-500) !important

Aa

text-lightblue-600

color: var(--color-lightblue-600) !important

Aa

text-lightblue-700

color: var(--color-lightblue-700) !important

Aa

text-lightblue-800

color: var(--color-lightblue-800) !important

Aa

text-lightblue-900

color: var(--color-lightblue-900) !important

Aa

text-neutral-default

color: var(--color-neutral-default) !important

Aa

text-neutral-hover

color: var(--color-neutral-hover) !important

Aa

text-neutral-pressed

color: var(--color-neutral-pressed) !important

Aa

text-orange-100

color: var(--color-orange-100) !important

Aa

text-orange-200

color: var(--color-orange-200) !important

Aa

text-orange-300

color: var(--color-orange-300) !important

Aa

text-orange-400

color: var(--color-orange-400) !important

Aa

text-orange-50

color: var(--color-orange-50) !important

Aa

text-orange-500

color: var(--color-orange-500) !important

Aa

text-orange-600

color: var(--color-orange-600) !important

Aa

text-orange-700

color: var(--color-orange-700) !important

Aa

text-orange-800

color: var(--color-orange-800) !important

Aa

text-orange-900

color: var(--color-orange-900) !important

Aa

text-primary-100

color: var(--color-primary-100) !important

Aa

text-primary-200

color: var(--color-primary-200) !important

Aa

text-primary-300

color: var(--color-primary-300) !important

Aa

text-primary-400

color: var(--color-primary-400) !important

Aa

text-primary-50

color: var(--color-primary-50) !important

Aa

text-primary-500

color: var(--color-primary-500) !important

Aa

text-primary-600

color: var(--color-primary-600) !important

Aa

text-primary-700

color: var(--color-primary-700) !important

Aa

text-primary-800

color: var(--color-primary-800) !important

Aa

text-primary-900

color: var(--color-primary-900) !important

Aa

text-primary-default

color: var(--color-primary-default) !important

Aa

text-primary-hover

color: var(--color-primary-hover) !important

Aa

text-primary-pressed

color: var(--color-primary-pressed) !important

Aa

text-purple-100

color: var(--color-purple-100) !important

Aa

text-purple-200

color: var(--color-purple-200) !important

Aa

text-purple-300

color: var(--color-purple-300) !important

Aa

text-purple-400

color: var(--color-purple-400) !important

Aa

text-purple-50

color: var(--color-purple-50) !important

Aa

text-purple-500

color: var(--color-purple-500) !important

Aa

text-purple-600

color: var(--color-purple-600) !important

Aa

text-purple-700

color: var(--color-purple-700) !important

Aa

text-purple-800

color: var(--color-purple-800) !important

Aa

text-purple-900

color: var(--color-purple-900) !important

Aa

text-red-100

color: var(--color-red-100) !important

Aa

text-red-200

color: var(--color-red-200) !important

Aa

text-red-300

color: var(--color-red-300) !important

Aa

text-red-400

color: var(--color-red-400) !important

Aa

text-red-50

color: var(--color-red-50) !important

Aa

text-red-500

color: var(--color-red-500) !important

Aa

text-red-600

color: var(--color-red-600) !important

Aa

text-red-700

color: var(--color-red-700) !important

Aa

text-red-800

color: var(--color-red-800) !important

Aa

text-red-900

color: var(--color-red-900) !important

Aa

text-success-default

color: var(--color-success-default) !important

Aa

text-success-hover

color: var(--color-success-hover) !important

Aa

text-success-pressed

color: var(--color-success-pressed) !important

Aa

text-warning-default

color: var(--color-warning-default) !important

Aa

text-warning-hover

color: var(--color-warning-hover) !important

Aa

text-warning-pressed

color: var(--color-warning-pressed) !important

Aa

text-white-10

color: var(--color-white-10) !important

Aa

text-white-100

color: var(--color-white-100) !important

Aa

text-white-20

color: var(--color-white-20) !important

Aa

text-white-30

color: var(--color-white-30) !important

Aa

text-white-40

color: var(--color-white-40) !important

Aa

text-white-5

color: var(--color-white-5) !important

Aa

text-white-50

color: var(--color-white-50) !important

Aa

text-white-60

color: var(--color-white-60) !important

Aa

text-white-70

color: var(--color-white-70) !important

Aa

text-white-80

color: var(--color-white-80) !important

Aa

text-white-90

color: var(--color-white-90) !important

Aa

text-yellow-100

color: var(--color-yellow-100) !important

Aa

text-yellow-200

color: var(--color-yellow-200) !important

Aa

text-yellow-300

color: var(--color-yellow-300) !important

Aa

text-yellow-400

color: var(--color-yellow-400) !important

Aa

text-yellow-50

color: var(--color-yellow-50) !important

Aa

text-yellow-500

color: var(--color-yellow-500) !important

Aa

text-yellow-600

color: var(--color-yellow-600) !important

Aa

text-yellow-700

color: var(--color-yellow-700) !important

Aa

text-yellow-800

color: var(--color-yellow-800) !important

Aa

text-yellow-900

color: var(--color-yellow-900) !important

Aa

Usage

Control the text color of an element using the text-{color} utilities.

<p className="text-primary-500">Hello world!</p>

Border Color

Utilities for controlling border color.

Class

Properties

Example

border-background-default

border-color: var(--color-background-default) !important

border-black-10

border-color: var(--color-black-10) !important

border-black-100

border-color: var(--color-black-100) !important

border-black-20

border-color: var(--color-black-20) !important

border-black-30

border-color: var(--color-black-30) !important

border-black-40

border-color: var(--color-black-40) !important

border-black-5

border-color: var(--color-black-5) !important

border-black-50

border-color: var(--color-black-50) !important

border-black-60

border-color: var(--color-black-60) !important

border-black-70

border-color: var(--color-black-70) !important

border-black-80

border-color: var(--color-black-80) !important

border-black-90

border-color: var(--color-black-90) !important

border-blue-100

border-color: var(--color-blue-100) !important

border-blue-200

border-color: var(--color-blue-200) !important

border-blue-300

border-color: var(--color-blue-300) !important

border-blue-400

border-color: var(--color-blue-400) !important

border-blue-50

border-color: var(--color-blue-50) !important

border-blue-500

border-color: var(--color-blue-500) !important

border-blue-600

border-color: var(--color-blue-600) !important

border-blue-700

border-color: var(--color-blue-700) !important

border-blue-800

border-color: var(--color-blue-800) !important

border-blue-900

border-color: var(--color-blue-900) !important

border-bluegreen-100

border-color: var(--color-bluegreen-100) !important

border-bluegreen-200

border-color: var(--color-bluegreen-200) !important

border-bluegreen-300

border-color: var(--color-bluegreen-300) !important

border-bluegreen-400

border-color: var(--color-bluegreen-400) !important

border-bluegreen-50

border-color: var(--color-bluegreen-50) !important

border-bluegreen-500

border-color: var(--color-bluegreen-500) !important

border-bluegreen-600

border-color: var(--color-bluegreen-600) !important

border-bluegreen-700

border-color: var(--color-bluegreen-700) !important

border-bluegreen-800

border-color: var(--color-bluegreen-800) !important

border-bluegreen-900

border-color: var(--color-bluegreen-900) !important

border-bluegrey-100

border-color: var(--color-bluegrey-100) !important

border-bluegrey-200

border-color: var(--color-bluegrey-200) !important

border-bluegrey-25

border-color: var(--color-bluegrey-25) !important

border-bluegrey-300

border-color: var(--color-bluegrey-300) !important

border-bluegrey-400

border-color: var(--color-bluegrey-400) !important

border-bluegrey-50

border-color: var(--color-bluegrey-50) !important

border-bluegrey-500

border-color: var(--color-bluegrey-500) !important

border-bluegrey-600

border-color: var(--color-bluegrey-600) !important

border-bluegrey-650

border-color: var(--color-bluegrey-650) !important

border-bluegrey-700

border-color: var(--color-bluegrey-700) !important

border-bluegrey-750

border-color: var(--color-bluegrey-750) !important

border-bluegrey-800

border-color: var(--color-bluegrey-800) !important

border-bluegrey-850

border-color: var(--color-bluegrey-850) !important

border-bluegrey-900

border-color: var(--color-bluegrey-900) !important

border-danger-default

border-color: var(--color-danger-default) !important

border-danger-hover

border-color: var(--color-danger-hover) !important

border-danger-pressed

border-color: var(--color-danger-pressed) !important

border-dark-blue-100

border-color: var(--color-dark-blue-100) !important

border-dark-blue-200

border-color: var(--color-dark-blue-200) !important

border-dark-blue-300

border-color: var(--color-dark-blue-300) !important

border-dark-blue-400

border-color: var(--color-dark-blue-400) !important

border-dark-blue-50

border-color: var(--color-dark-blue-50) !important

border-dark-blue-500

border-color: var(--color-dark-blue-500) !important

border-dark-blue-600

border-color: var(--color-dark-blue-600) !important

border-dark-blue-700

border-color: var(--color-dark-blue-700) !important

border-dark-blue-800

border-color: var(--color-dark-blue-800) !important

border-dark-blue-900

border-color: var(--color-dark-blue-900) !important

border-dark-danger-default

border-color: var(--color-dark-danger-default) !important

border-dark-danger-hover

border-color: var(--color-dark-danger-hover) !important

border-dark-danger-pressed

border-color: var(--color-dark-danger-pressed) !important

border-dark-green-100

border-color: var(--color-dark-green-100) !important

border-dark-green-200

border-color: var(--color-dark-green-200) !important

border-dark-green-300

border-color: var(--color-dark-green-300) !important

border-dark-green-400

border-color: var(--color-dark-green-400) !important

border-dark-green-50

border-color: var(--color-dark-green-50) !important

border-dark-green-500

border-color: var(--color-dark-green-500) !important

border-dark-green-600

border-color: var(--color-dark-green-600) !important

border-dark-green-700

border-color: var(--color-dark-green-700) !important

border-dark-green-800

border-color: var(--color-dark-green-800) !important

border-dark-green-900

border-color: var(--color-dark-green-900) !important

border-dark-neutral-default

border-color: var(--color-dark-neutral-default) !important

border-dark-neutral-hover

border-color: var(--color-dark-neutral-hover) !important

border-dark-neutral-pressed

border-color: var(--color-dark-neutral-pressed) !important

border-dark-orange-100

border-color: var(--color-dark-orange-100) !important

border-dark-orange-200

border-color: var(--color-dark-orange-200) !important

border-dark-orange-300

border-color: var(--color-dark-orange-300) !important

border-dark-orange-400

border-color: var(--color-dark-orange-400) !important

border-dark-orange-50

border-color: var(--color-dark-orange-50) !important

border-dark-orange-500

border-color: var(--color-dark-orange-500) !important

border-dark-orange-600

border-color: var(--color-dark-orange-600) !important

border-dark-orange-700

border-color: var(--color-dark-orange-700) !important

border-dark-orange-800

border-color: var(--color-dark-orange-800) !important

border-dark-orange-900

border-color: var(--color-dark-orange-900) !important

border-dark-primary-100

border-color: var(--color-dark-primary-100) !important

border-dark-primary-200

border-color: var(--color-dark-primary-200) !important

border-dark-primary-300

border-color: var(--color-dark-primary-300) !important

border-dark-primary-400

border-color: var(--color-dark-primary-400) !important

border-dark-primary-50

border-color: var(--color-dark-primary-50) !important

border-dark-primary-500

border-color: var(--color-dark-primary-500) !important

border-dark-primary-600

border-color: var(--color-dark-primary-600) !important

border-dark-primary-700

border-color: var(--color-dark-primary-700) !important

border-dark-primary-800

border-color: var(--color-dark-primary-800) !important

border-dark-primary-900

border-color: var(--color-dark-primary-900) !important

border-dark-primary-default

border-color: var(--color-dark-primary-default) !important

border-dark-primary-hover

border-color: var(--color-dark-primary-hover) !important

border-dark-primary-pressed

border-color: var(--color-dark-primary-pressed) !important

border-dark-red-100

border-color: var(--color-dark-red-100) !important

border-dark-red-200

border-color: var(--color-dark-red-200) !important

border-dark-red-300

border-color: var(--color-dark-red-300) !important

border-dark-red-400

border-color: var(--color-dark-red-400) !important

border-dark-red-50

border-color: var(--color-dark-red-50) !important

border-dark-red-500

border-color: var(--color-dark-red-500) !important

border-dark-red-600

border-color: var(--color-dark-red-600) !important

border-dark-red-700

border-color: var(--color-dark-red-700) !important

border-dark-red-800

border-color: var(--color-dark-red-800) !important

border-dark-red-900

border-color: var(--color-dark-red-900) !important

border-dark-success-default

border-color: var(--color-dark-success-default) !important

border-dark-success-hover

border-color: var(--color-dark-success-hover) !important

border-dark-success-pressed

border-color: var(--color-dark-success-pressed) !important

border-dark-warning-default

border-color: var(--color-dark-warning-default) !important

border-dark-warning-hover

border-color: var(--color-dark-warning-hover) !important

border-dark-warning-pressed

border-color: var(--color-dark-warning-pressed) !important

border-font-onBackground-default

border-color: var(--color-font-onBackground-default) !important

border-green-100

border-color: var(--color-green-100) !important

border-green-200

border-color: var(--color-green-200) !important

border-green-300

border-color: var(--color-green-300) !important

border-green-400

border-color: var(--color-green-400) !important

border-green-50

border-color: var(--color-green-50) !important

border-green-500

border-color: var(--color-green-500) !important

border-green-600

border-color: var(--color-green-600) !important

border-green-700

border-color: var(--color-green-700) !important

border-green-800

border-color: var(--color-green-800) !important

border-green-900

border-color: var(--color-green-900) !important

border-lightblue-100

border-color: var(--color-lightblue-100) !important

border-lightblue-200

border-color: var(--color-lightblue-200) !important

border-lightblue-300

border-color: var(--color-lightblue-300) !important

border-lightblue-400

border-color: var(--color-lightblue-400) !important

border-lightblue-50

border-color: var(--color-lightblue-50) !important

border-lightblue-500

border-color: var(--color-lightblue-500) !important

border-lightblue-600

border-color: var(--color-lightblue-600) !important

border-lightblue-700

border-color: var(--color-lightblue-700) !important

border-lightblue-800

border-color: var(--color-lightblue-800) !important

border-lightblue-900

border-color: var(--color-lightblue-900) !important

border-neutral-default

border-color: var(--color-neutral-default) !important

border-neutral-hover

border-color: var(--color-neutral-hover) !important

border-neutral-pressed

border-color: var(--color-neutral-pressed) !important

border-orange-100

border-color: var(--color-orange-100) !important

border-orange-200

border-color: var(--color-orange-200) !important

border-orange-300

border-color: var(--color-orange-300) !important

border-orange-400

border-color: var(--color-orange-400) !important

border-orange-50

border-color: var(--color-orange-50) !important

border-orange-500

border-color: var(--color-orange-500) !important

border-orange-600

border-color: var(--color-orange-600) !important

border-orange-700

border-color: var(--color-orange-700) !important

border-orange-800

border-color: var(--color-orange-800) !important

border-orange-900

border-color: var(--color-orange-900) !important

border-primary-100

border-color: var(--color-primary-100) !important

border-primary-200

border-color: var(--color-primary-200) !important

border-primary-300

border-color: var(--color-primary-300) !important

border-primary-400

border-color: var(--color-primary-400) !important

border-primary-50

border-color: var(--color-primary-50) !important

border-primary-500

border-color: var(--color-primary-500) !important

border-primary-600

border-color: var(--color-primary-600) !important

border-primary-700

border-color: var(--color-primary-700) !important

border-primary-800

border-color: var(--color-primary-800) !important

border-primary-900

border-color: var(--color-primary-900) !important

border-primary-default

border-color: var(--color-primary-default) !important

border-primary-hover

border-color: var(--color-primary-hover) !important

border-primary-pressed

border-color: var(--color-primary-pressed) !important

border-purple-100

border-color: var(--color-purple-100) !important

border-purple-200

border-color: var(--color-purple-200) !important

border-purple-300

border-color: var(--color-purple-300) !important

border-purple-400

border-color: var(--color-purple-400) !important

border-purple-50

border-color: var(--color-purple-50) !important

border-purple-500

border-color: var(--color-purple-500) !important

border-purple-600

border-color: var(--color-purple-600) !important

border-purple-700

border-color: var(--color-purple-700) !important

border-purple-800

border-color: var(--color-purple-800) !important

border-purple-900

border-color: var(--color-purple-900) !important

border-red-100

border-color: var(--color-red-100) !important

border-red-200

border-color: var(--color-red-200) !important

border-red-300

border-color: var(--color-red-300) !important

border-red-400

border-color: var(--color-red-400) !important

border-red-50

border-color: var(--color-red-50) !important

border-red-500

border-color: var(--color-red-500) !important

border-red-600

border-color: var(--color-red-600) !important

border-red-700

border-color: var(--color-red-700) !important

border-red-800

border-color: var(--color-red-800) !important

border-red-900

border-color: var(--color-red-900) !important

border-success-default

border-color: var(--color-success-default) !important

border-success-hover

border-color: var(--color-success-hover) !important

border-success-pressed

border-color: var(--color-success-pressed) !important

border-warning-default

border-color: var(--color-warning-default) !important

border-warning-hover

border-color: var(--color-warning-hover) !important

border-warning-pressed

border-color: var(--color-warning-pressed) !important

border-white-10

border-color: var(--color-white-10) !important

border-white-100

border-color: var(--color-white-100) !important

border-white-20

border-color: var(--color-white-20) !important

border-white-30

border-color: var(--color-white-30) !important

border-white-40

border-color: var(--color-white-40) !important

border-white-5

border-color: var(--color-white-5) !important

border-white-50

border-color: var(--color-white-50) !important

border-white-60

border-color: var(--color-white-60) !important

border-white-70

border-color: var(--color-white-70) !important

border-white-80

border-color: var(--color-white-80) !important

border-white-90

border-color: var(--color-white-90) !important

border-yellow-100

border-color: var(--color-yellow-100) !important

border-yellow-200

border-color: var(--color-yellow-200) !important

border-yellow-300

border-color: var(--color-yellow-300) !important

border-yellow-400

border-color: var(--color-yellow-400) !important

border-yellow-50

border-color: var(--color-yellow-50) !important

border-yellow-500

border-color: var(--color-yellow-500) !important

border-yellow-600

border-color: var(--color-yellow-600) !important

border-yellow-700

border-color: var(--color-yellow-700) !important

border-yellow-800

border-color: var(--color-yellow-800) !important

border-yellow-900

border-color: var(--color-yellow-900) !important

border-x-background-default

border-left-color: var(--color-background-default) !important

border-right-color: var(--color-background-default) !important

border-x-black-10

border-left-color: var(--color-black-10) !important

border-right-color: var(--color-black-10) !important

border-x-black-100

border-left-color: var(--color-black-100) !important

border-right-color: var(--color-black-100) !important

border-x-black-20

border-left-color: var(--color-black-20) !important

border-right-color: var(--color-black-20) !important

border-x-black-30

border-left-color: var(--color-black-30) !important

border-right-color: var(--color-black-30) !important

border-x-black-40

border-left-color: var(--color-black-40) !important

border-right-color: var(--color-black-40) !important

border-x-black-5

border-left-color: var(--color-black-5) !important

border-right-color: var(--color-black-5) !important

border-x-black-50

border-left-color: var(--color-black-50) !important

border-right-color: var(--color-black-50) !important

border-x-black-60

border-left-color: var(--color-black-60) !important

border-right-color: var(--color-black-60) !important

border-x-black-70

border-left-color: var(--color-black-70) !important

border-right-color: var(--color-black-70) !important

border-x-black-80

border-left-color: var(--color-black-80) !important

border-right-color: var(--color-black-80) !important

border-x-black-90

border-left-color: var(--color-black-90) !important

border-right-color: var(--color-black-90) !important

border-x-blue-100

border-left-color: var(--color-blue-100) !important

border-right-color: var(--color-blue-100) !important

border-x-blue-200

border-left-color: var(--color-blue-200) !important

border-right-color: var(--color-blue-200) !important

border-x-blue-300

border-left-color: var(--color-blue-300) !important

border-right-color: var(--color-blue-300) !important

border-x-blue-400

border-left-color: var(--color-blue-400) !important

border-right-color: var(--color-blue-400) !important

border-x-blue-50

border-left-color: var(--color-blue-50) !important

border-right-color: var(--color-blue-50) !important

border-x-blue-500

border-left-color: var(--color-blue-500) !important

border-right-color: var(--color-blue-500) !important

border-x-blue-600

border-left-color: var(--color-blue-600) !important

border-right-color: var(--color-blue-600) !important

border-x-blue-700

border-left-color: var(--color-blue-700) !important

border-right-color: var(--color-blue-700) !important

border-x-blue-800

border-left-color: var(--color-blue-800) !important

border-right-color: var(--color-blue-800) !important

border-x-blue-900

border-left-color: var(--color-blue-900) !important

border-right-color: var(--color-blue-900) !important

border-x-bluegreen-100

border-left-color: var(--color-bluegreen-100) !important

border-right-color: var(--color-bluegreen-100) !important

border-x-bluegreen-200

border-left-color: var(--color-bluegreen-200) !important

border-right-color: var(--color-bluegreen-200) !important

border-x-bluegreen-300

border-left-color: var(--color-bluegreen-300) !important

border-right-color: var(--color-bluegreen-300) !important

border-x-bluegreen-400

border-left-color: var(--color-bluegreen-400) !important

border-right-color: var(--color-bluegreen-400) !important

border-x-bluegreen-50

border-left-color: var(--color-bluegreen-50) !important

border-right-color: var(--color-bluegreen-50) !important

border-x-bluegreen-500

border-left-color: var(--color-bluegreen-500) !important

border-right-color: var(--color-bluegreen-500) !important

border-x-bluegreen-600

border-left-color: var(--color-bluegreen-600) !important

border-right-color: var(--color-bluegreen-600) !important

border-x-bluegreen-700

border-left-color: var(--color-bluegreen-700) !important

border-right-color: var(--color-bluegreen-700) !important

border-x-bluegreen-800

border-left-color: var(--color-bluegreen-800) !important

border-right-color: var(--color-bluegreen-800) !important

border-x-bluegreen-900

border-left-color: var(--color-bluegreen-900) !important

border-right-color: var(--color-bluegreen-900) !important

border-x-bluegrey-100

border-left-color: var(--color-bluegrey-100) !important

border-right-color: var(--color-bluegrey-100) !important

border-x-bluegrey-200

border-left-color: var(--color-bluegrey-200) !important

border-right-color: var(--color-bluegrey-200) !important

border-x-bluegrey-25

border-left-color: var(--color-bluegrey-25) !important

border-right-color: var(--color-bluegrey-25) !important

border-x-bluegrey-300

border-left-color: var(--color-bluegrey-300) !important

border-right-color: var(--color-bluegrey-300) !important

border-x-bluegrey-400

border-left-color: var(--color-bluegrey-400) !important

border-right-color: var(--color-bluegrey-400) !important

border-x-bluegrey-50

border-left-color: var(--color-bluegrey-50) !important

border-right-color: var(--color-bluegrey-50) !important

border-x-bluegrey-500

border-left-color: var(--color-bluegrey-500) !important

border-right-color: var(--color-bluegrey-500) !important

border-x-bluegrey-600

border-left-color: var(--color-bluegrey-600) !important

border-right-color: var(--color-bluegrey-600) !important

border-x-bluegrey-650

border-left-color: var(--color-bluegrey-650) !important

border-right-color: var(--color-bluegrey-650) !important

border-x-bluegrey-700

border-left-color: var(--color-bluegrey-700) !important

border-right-color: var(--color-bluegrey-700) !important

border-x-bluegrey-750

border-left-color: var(--color-bluegrey-750) !important

border-right-color: var(--color-bluegrey-750) !important

border-x-bluegrey-800

border-left-color: var(--color-bluegrey-800) !important

border-right-color: var(--color-bluegrey-800) !important

border-x-bluegrey-850

border-left-color: var(--color-bluegrey-850) !important

border-right-color: var(--color-bluegrey-850) !important

border-x-bluegrey-900

border-left-color: var(--color-bluegrey-900) !important

border-right-color: var(--color-bluegrey-900) !important

border-x-danger-default

border-left-color: var(--color-danger-default) !important

border-right-color: var(--color-danger-default) !important

border-x-danger-hover

border-left-color: var(--color-danger-hover) !important

border-right-color: var(--color-danger-hover) !important

border-x-danger-pressed

border-left-color: var(--color-danger-pressed) !important

border-right-color: var(--color-danger-pressed) !important

border-x-dark-blue-100

border-left-color: var(--color-dark-blue-100) !important

border-right-color: var(--color-dark-blue-100) !important

border-x-dark-blue-200

border-left-color: var(--color-dark-blue-200) !important

border-right-color: var(--color-dark-blue-200) !important

border-x-dark-blue-300

border-left-color: var(--color-dark-blue-300) !important

border-right-color: var(--color-dark-blue-300) !important

border-x-dark-blue-400

border-left-color: var(--color-dark-blue-400) !important

border-right-color: var(--color-dark-blue-400) !important

border-x-dark-blue-50

border-left-color: var(--color-dark-blue-50) !important

border-right-color: var(--color-dark-blue-50) !important

border-x-dark-blue-500

border-left-color: var(--color-dark-blue-500) !important

border-right-color: var(--color-dark-blue-500) !important

border-x-dark-blue-600

border-left-color: var(--color-dark-blue-600) !important

border-right-color: var(--color-dark-blue-600) !important

border-x-dark-blue-700

border-left-color: var(--color-dark-blue-700) !important

border-right-color: var(--color-dark-blue-700) !important

border-x-dark-blue-800

border-left-color: var(--color-dark-blue-800) !important

border-right-color: var(--color-dark-blue-800) !important

border-x-dark-blue-900

border-left-color: var(--color-dark-blue-900) !important

border-right-color: var(--color-dark-blue-900) !important

border-x-dark-danger-default

border-left-color: var(--color-dark-danger-default) !important

border-right-color: var(--color-dark-danger-default) !important

border-x-dark-danger-hover

border-left-color: var(--color-dark-danger-hover) !important

border-right-color: var(--color-dark-danger-hover) !important

border-x-dark-danger-pressed

border-left-color: var(--color-dark-danger-pressed) !important

border-right-color: var(--color-dark-danger-pressed) !important

border-x-dark-green-100

border-left-color: var(--color-dark-green-100) !important

border-right-color: var(--color-dark-green-100) !important

border-x-dark-green-200

border-left-color: var(--color-dark-green-200) !important

border-right-color: var(--color-dark-green-200) !important

border-x-dark-green-300

border-left-color: var(--color-dark-green-300) !important

border-right-color: var(--color-dark-green-300) !important

border-x-dark-green-400

border-left-color: var(--color-dark-green-400) !important

border-right-color: var(--color-dark-green-400) !important

border-x-dark-green-50

border-left-color: var(--color-dark-green-50) !important

border-right-color: var(--color-dark-green-50) !important

border-x-dark-green-500

border-left-color: var(--color-dark-green-500) !important

border-right-color: var(--color-dark-green-500) !important

border-x-dark-green-600

border-left-color: var(--color-dark-green-600) !important

border-right-color: var(--color-dark-green-600) !important

border-x-dark-green-700

border-left-color: var(--color-dark-green-700) !important

border-right-color: var(--color-dark-green-700) !important

border-x-dark-green-800

border-left-color: var(--color-dark-green-800) !important

border-right-color: var(--color-dark-green-800) !important

border-x-dark-green-900

border-left-color: var(--color-dark-green-900) !important

border-right-color: var(--color-dark-green-900) !important

border-x-dark-neutral-default

border-left-color: var(--color-dark-neutral-default) !important

border-right-color: var(--color-dark-neutral-default) !important

border-x-dark-neutral-hover

border-left-color: var(--color-dark-neutral-hover) !important

border-right-color: var(--color-dark-neutral-hover) !important

border-x-dark-neutral-pressed

border-left-color: var(--color-dark-neutral-pressed) !important

border-right-color: var(--color-dark-neutral-pressed) !important

border-x-dark-orange-100

border-left-color: var(--color-dark-orange-100) !important

border-right-color: var(--color-dark-orange-100) !important

border-x-dark-orange-200

border-left-color: var(--color-dark-orange-200) !important

border-right-color: var(--color-dark-orange-200) !important

border-x-dark-orange-300

border-left-color: var(--color-dark-orange-300) !important

border-right-color: var(--color-dark-orange-300) !important

border-x-dark-orange-400

border-left-color: var(--color-dark-orange-400) !important

border-right-color: var(--color-dark-orange-400) !important

border-x-dark-orange-50

border-left-color: var(--color-dark-orange-50) !important

border-right-color: var(--color-dark-orange-50) !important

border-x-dark-orange-500

border-left-color: var(--color-dark-orange-500) !important

border-right-color: var(--color-dark-orange-500) !important

border-x-dark-orange-600

border-left-color: var(--color-dark-orange-600) !important

border-right-color: var(--color-dark-orange-600) !important

border-x-dark-orange-700

border-left-color: var(--color-dark-orange-700) !important

border-right-color: var(--color-dark-orange-700) !important

border-x-dark-orange-800

border-left-color: var(--color-dark-orange-800) !important

border-right-color: var(--color-dark-orange-800) !important

border-x-dark-orange-900

border-left-color: var(--color-dark-orange-900) !important

border-right-color: var(--color-dark-orange-900) !important

border-x-dark-primary-100

border-left-color: var(--color-dark-primary-100) !important

border-right-color: var(--color-dark-primary-100) !important

border-x-dark-primary-200

border-left-color: var(--color-dark-primary-200) !important

border-right-color: var(--color-dark-primary-200) !important

border-x-dark-primary-300

border-left-color: var(--color-dark-primary-300) !important

border-right-color: var(--color-dark-primary-300) !important

border-x-dark-primary-400

border-left-color: var(--color-dark-primary-400) !important

border-right-color: var(--color-dark-primary-400) !important

border-x-dark-primary-50

border-left-color: var(--color-dark-primary-50) !important

border-right-color: var(--color-dark-primary-50) !important

border-x-dark-primary-500

border-left-color: var(--color-dark-primary-500) !important

border-right-color: var(--color-dark-primary-500) !important

border-x-dark-primary-600

border-left-color: var(--color-dark-primary-600) !important

border-right-color: var(--color-dark-primary-600) !important

border-x-dark-primary-700

border-left-color: var(--color-dark-primary-700) !important

border-right-color: var(--color-dark-primary-700) !important

border-x-dark-primary-800

border-left-color: var(--color-dark-primary-800) !important

border-right-color: var(--color-dark-primary-800) !important

border-x-dark-primary-900

border-left-color: var(--color-dark-primary-900) !important

border-right-color: var(--color-dark-primary-900) !important

border-x-dark-primary-default

border-left-color: var(--color-dark-primary-default) !important

border-right-color: var(--color-dark-primary-default) !important

border-x-dark-primary-hover

border-left-color: var(--color-dark-primary-hover) !important

border-right-color: var(--color-dark-primary-hover) !important

border-x-dark-primary-pressed

border-left-color: var(--color-dark-primary-pressed) !important

border-right-color: var(--color-dark-primary-pressed) !important

border-x-dark-red-100

border-left-color: var(--color-dark-red-100) !important

border-right-color: var(--color-dark-red-100) !important

border-x-dark-red-200

border-left-color: var(--color-dark-red-200) !important

border-right-color: var(--color-dark-red-200) !important

border-x-dark-red-300

border-left-color: var(--color-dark-red-300) !important

border-right-color: var(--color-dark-red-300) !important

border-x-dark-red-400

border-left-color: var(--color-dark-red-400) !important

border-right-color: var(--color-dark-red-400) !important

border-x-dark-red-50

border-left-color: var(--color-dark-red-50) !important

border-right-color: var(--color-dark-red-50) !important

border-x-dark-red-500

border-left-color: var(--color-dark-red-500) !important

border-right-color: var(--color-dark-red-500) !important

border-x-dark-red-600

border-left-color: var(--color-dark-red-600) !important

border-right-color: var(--color-dark-red-600) !important

border-x-dark-red-700

border-left-color: var(--color-dark-red-700) !important

border-right-color: var(--color-dark-red-700) !important

border-x-dark-red-800

border-left-color: var(--color-dark-red-800) !important

border-right-color: var(--color-dark-red-800) !important

border-x-dark-red-900

border-left-color: var(--color-dark-red-900) !important

border-right-color: var(--color-dark-red-900) !important

border-x-dark-success-default

border-left-color: var(--color-dark-success-default) !important

border-right-color: var(--color-dark-success-default) !important

border-x-dark-success-hover

border-left-color: var(--color-dark-success-hover) !important

border-right-color: var(--color-dark-success-hover) !important

border-x-dark-success-pressed

border-left-color: var(--color-dark-success-pressed) !important

border-right-color: var(--color-dark-success-pressed) !important

border-x-dark-warning-default

border-left-color: var(--color-dark-warning-default) !important

border-right-color: var(--color-dark-warning-default) !important

border-x-dark-warning-hover

border-left-color: var(--color-dark-warning-hover) !important

border-right-color: var(--color-dark-warning-hover) !important

border-x-dark-warning-pressed

border-left-color: var(--color-dark-warning-pressed) !important

border-right-color: var(--color-dark-warning-pressed) !important

border-x-font-onBackground-default

border-left-color: var(--color-font-onBackground-default) !important

border-right-color: var(--color-font-onBackground-default) !important

border-x-green-100

border-left-color: var(--color-green-100) !important

border-right-color: var(--color-green-100) !important

border-x-green-200

border-left-color: var(--color-green-200) !important

border-right-color: var(--color-green-200) !important

border-x-green-300

border-left-color: var(--color-green-300) !important

border-right-color: var(--color-green-300) !important

border-x-green-400

border-left-color: var(--color-green-400) !important

border-right-color: var(--color-green-400) !important

border-x-green-50

border-left-color: var(--color-green-50) !important

border-right-color: var(--color-green-50) !important

border-x-green-500

border-left-color: var(--color-green-500) !important

border-right-color: var(--color-green-500) !important

border-x-green-600

border-left-color: var(--color-green-600) !important

border-right-color: var(--color-green-600) !important

border-x-green-700

border-left-color: var(--color-green-700) !important

border-right-color: var(--color-green-700) !important

border-x-green-800

border-left-color: var(--color-green-800) !important

border-right-color: var(--color-green-800) !important

border-x-green-900

border-left-color: var(--color-green-900) !important

border-right-color: var(--color-green-900) !important

border-x-lightblue-100

border-left-color: var(--color-lightblue-100) !important

border-right-color: var(--color-lightblue-100) !important

border-x-lightblue-200

border-left-color: var(--color-lightblue-200) !important

border-right-color: var(--color-lightblue-200) !important

border-x-lightblue-300

border-left-color: var(--color-lightblue-300) !important

border-right-color: var(--color-lightblue-300) !important

border-x-lightblue-400

border-left-color: var(--color-lightblue-400) !important

border-right-color: var(--color-lightblue-400) !important

border-x-lightblue-50

border-left-color: var(--color-lightblue-50) !important

border-right-color: var(--color-lightblue-50) !important

border-x-lightblue-500

border-left-color: var(--color-lightblue-500) !important

border-right-color: var(--color-lightblue-500) !important

border-x-lightblue-600

border-left-color: var(--color-lightblue-600) !important

border-right-color: var(--color-lightblue-600) !important

border-x-lightblue-700

border-left-color: var(--color-lightblue-700) !important

border-right-color: var(--color-lightblue-700) !important

border-x-lightblue-800

border-left-color: var(--color-lightblue-800) !important

border-right-color: var(--color-lightblue-800) !important

border-x-lightblue-900

border-left-color: var(--color-lightblue-900) !important

border-right-color: var(--color-lightblue-900) !important

border-x-neutral-default

border-left-color: var(--color-neutral-default) !important

border-right-color: var(--color-neutral-default) !important

border-x-neutral-hover

border-left-color: var(--color-neutral-hover) !important

border-right-color: var(--color-neutral-hover) !important

border-x-neutral-pressed

border-left-color: var(--color-neutral-pressed) !important

border-right-color: var(--color-neutral-pressed) !important

border-x-orange-100

border-left-color: var(--color-orange-100) !important

border-right-color: var(--color-orange-100) !important

border-x-orange-200

border-left-color: var(--color-orange-200) !important

border-right-color: var(--color-orange-200) !important

border-x-orange-300

border-left-color: var(--color-orange-300) !important

border-right-color: var(--color-orange-300) !important

border-x-orange-400

border-left-color: var(--color-orange-400) !important

border-right-color: var(--color-orange-400) !important

border-x-orange-50

border-left-color: var(--color-orange-50) !important

border-right-color: var(--color-orange-50) !important

border-x-orange-500

border-left-color: var(--color-orange-500) !important

border-right-color: var(--color-orange-500) !important

border-x-orange-600

border-left-color: var(--color-orange-600) !important

border-right-color: var(--color-orange-600) !important

border-x-orange-700

border-left-color: var(--color-orange-700) !important

border-right-color: var(--color-orange-700) !important

border-x-orange-800

border-left-color: var(--color-orange-800) !important

border-right-color: var(--color-orange-800) !important

border-x-orange-900

border-left-color: var(--color-orange-900) !important

border-right-color: var(--color-orange-900) !important

border-x-primary-100

border-left-color: var(--color-primary-100) !important

border-right-color: var(--color-primary-100) !important

border-x-primary-200

border-left-color: var(--color-primary-200) !important

border-right-color: var(--color-primary-200) !important

border-x-primary-300

border-left-color: var(--color-primary-300) !important

border-right-color: var(--color-primary-300) !important

border-x-primary-400

border-left-color: var(--color-primary-400) !important

border-right-color: var(--color-primary-400) !important

border-x-primary-50

border-left-color: var(--color-primary-50) !important

border-right-color: var(--color-primary-50) !important

border-x-primary-500

border-left-color: var(--color-primary-500) !important

border-right-color: var(--color-primary-500) !important

border-x-primary-600

border-left-color: var(--color-primary-600) !important

border-right-color: var(--color-primary-600) !important

border-x-primary-700

border-left-color: var(--color-primary-700) !important

border-right-color: var(--color-primary-700) !important

border-x-primary-800

border-left-color: var(--color-primary-800) !important

border-right-color: var(--color-primary-800) !important

border-x-primary-900

border-left-color: var(--color-primary-900) !important

border-right-color: var(--color-primary-900) !important

border-x-primary-default

border-left-color: var(--color-primary-default) !important

border-right-color: var(--color-primary-default) !important

border-x-primary-hover

border-left-color: var(--color-primary-hover) !important

border-right-color: var(--color-primary-hover) !important

border-x-primary-pressed

border-left-color: var(--color-primary-pressed) !important

border-right-color: var(--color-primary-pressed) !important

border-x-purple-100

border-left-color: var(--color-purple-100) !important

border-right-color: var(--color-purple-100) !important

border-x-purple-200

border-left-color: var(--color-purple-200) !important

border-right-color: var(--color-purple-200) !important

border-x-purple-300

border-left-color: var(--color-purple-300) !important

border-right-color: var(--color-purple-300) !important

border-x-purple-400

border-left-color: var(--color-purple-400) !important

border-right-color: var(--color-purple-400) !important

border-x-purple-50

border-left-color: var(--color-purple-50) !important

border-right-color: var(--color-purple-50) !important

border-x-purple-500

border-left-color: var(--color-purple-500) !important

border-right-color: var(--color-purple-500) !important

border-x-purple-600

border-left-color: var(--color-purple-600) !important

border-right-color: var(--color-purple-600) !important

border-x-purple-700

border-left-color: var(--color-purple-700) !important

border-right-color: var(--color-purple-700) !important

border-x-purple-800

border-left-color: var(--color-purple-800) !important

border-right-color: var(--color-purple-800) !important

border-x-purple-900

border-left-color: var(--color-purple-900) !important

border-right-color: var(--color-purple-900) !important

border-x-red-100

border-left-color: var(--color-red-100) !important

border-right-color: var(--color-red-100) !important

border-x-red-200

border-left-color: var(--color-red-200) !important

border-right-color: var(--color-red-200) !important

border-x-red-300

border-left-color: var(--color-red-300) !important

border-right-color: var(--color-red-300) !important

border-x-red-400

border-left-color: var(--color-red-400) !important

border-right-color: var(--color-red-400) !important

border-x-red-50

border-left-color: var(--color-red-50) !important

border-right-color: var(--color-red-50) !important

border-x-red-500

border-left-color: var(--color-red-500) !important

border-right-color: var(--color-red-500) !important

border-x-red-600

border-left-color: var(--color-red-600) !important

border-right-color: var(--color-red-600) !important

border-x-red-700

border-left-color: var(--color-red-700) !important

border-right-color: var(--color-red-700) !important

border-x-red-800

border-left-color: var(--color-red-800) !important

border-right-color: var(--color-red-800) !important

border-x-red-900

border-left-color: var(--color-red-900) !important

border-right-color: var(--color-red-900) !important

border-x-success-default

border-left-color: var(--color-success-default) !important

border-right-color: var(--color-success-default) !important

border-x-success-hover

border-left-color: var(--color-success-hover) !important

border-right-color: var(--color-success-hover) !important

border-x-success-pressed

border-left-color: var(--color-success-pressed) !important

border-right-color: var(--color-success-pressed) !important

border-x-warning-default

border-left-color: var(--color-warning-default) !important

border-right-color: var(--color-warning-default) !important

border-x-warning-hover

border-left-color: var(--color-warning-hover) !important

border-right-color: var(--color-warning-hover) !important

border-x-warning-pressed

border-left-color: var(--color-warning-pressed) !important

border-right-color: var(--color-warning-pressed) !important

border-x-white-10

border-left-color: var(--color-white-10) !important

border-right-color: var(--color-white-10) !important

border-x-white-100

border-left-color: var(--color-white-100) !important

border-right-color: var(--color-white-100) !important

border-x-white-20

border-left-color: var(--color-white-20) !important

border-right-color: var(--color-white-20) !important

border-x-white-30

border-left-color: var(--color-white-30) !important

border-right-color: var(--color-white-30) !important

border-x-white-40

border-left-color: var(--color-white-40) !important

border-right-color: var(--color-white-40) !important

border-x-white-5

border-left-color: var(--color-white-5) !important

border-right-color: var(--color-white-5) !important

border-x-white-50

border-left-color: var(--color-white-50) !important

border-right-color: var(--color-white-50) !important

border-x-white-60

border-left-color: var(--color-white-60) !important

border-right-color: var(--color-white-60) !important

border-x-white-70

border-left-color: var(--color-white-70) !important

border-right-color: var(--color-white-70) !important

border-x-white-80

border-left-color: var(--color-white-80) !important

border-right-color: var(--color-white-80) !important

border-x-white-90

border-left-color: var(--color-white-90) !important

border-right-color: var(--color-white-90) !important

border-x-yellow-100

border-left-color: var(--color-yellow-100) !important

border-right-color: var(--color-yellow-100) !important

border-x-yellow-200

border-left-color: var(--color-yellow-200) !important

border-right-color: var(--color-yellow-200) !important

border-x-yellow-300

border-left-color: var(--color-yellow-300) !important

border-right-color: var(--color-yellow-300) !important

border-x-yellow-400

border-left-color: var(--color-yellow-400) !important

border-right-color: var(--color-yellow-400) !important

border-x-yellow-50

border-left-color: var(--color-yellow-50) !important

border-right-color: var(--color-yellow-50) !important

border-x-yellow-500

border-left-color: var(--color-yellow-500) !important

border-right-color: var(--color-yellow-500) !important

border-x-yellow-600

border-left-color: var(--color-yellow-600) !important

border-right-color: var(--color-yellow-600) !important

border-x-yellow-700

border-left-color: var(--color-yellow-700) !important

border-right-color: var(--color-yellow-700) !important

border-x-yellow-800

border-left-color: var(--color-yellow-800) !important

border-right-color: var(--color-yellow-800) !important

border-x-yellow-900

border-left-color: var(--color-yellow-900) !important

border-right-color: var(--color-yellow-900) !important

border-y-background-default

border-top-color: var(--color-background-default) !important

border-bottom-color: var(--color-background-default) !important

border-y-black-10

border-top-color: var(--color-black-10) !important

border-bottom-color: var(--color-black-10) !important

border-y-black-100

border-top-color: var(--color-black-100) !important

border-bottom-color: var(--color-black-100) !important

border-y-black-20

border-top-color: var(--color-black-20) !important

border-bottom-color: var(--color-black-20) !important

border-y-black-30

border-top-color: var(--color-black-30) !important

border-bottom-color: var(--color-black-30) !important

border-y-black-40

border-top-color: var(--color-black-40) !important

border-bottom-color: var(--color-black-40) !important

border-y-black-5

border-top-color: var(--color-black-5) !important

border-bottom-color: var(--color-black-5) !important

border-y-black-50

border-top-color: var(--color-black-50) !important

border-bottom-color: var(--color-black-50) !important

border-y-black-60

border-top-color: var(--color-black-60) !important

border-bottom-color: var(--color-black-60) !important

border-y-black-70

border-top-color: var(--color-black-70) !important

border-bottom-color: var(--color-black-70) !important

border-y-black-80

border-top-color: var(--color-black-80) !important

border-bottom-color: var(--color-black-80) !important

border-y-black-90

border-top-color: var(--color-black-90) !important

border-bottom-color: var(--color-black-90) !important

border-y-blue-100

border-top-color: var(--color-blue-100) !important

border-bottom-color: var(--color-blue-100) !important

border-y-blue-200

border-top-color: var(--color-blue-200) !important

border-bottom-color: var(--color-blue-200) !important

border-y-blue-300

border-top-color: var(--color-blue-300) !important

border-bottom-color: var(--color-blue-300) !important

border-y-blue-400

border-top-color: var(--color-blue-400) !important

border-bottom-color: var(--color-blue-400) !important

border-y-blue-50

border-top-color: var(--color-blue-50) !important

border-bottom-color: var(--color-blue-50) !important

border-y-blue-500

border-top-color: var(--color-blue-500) !important

border-bottom-color: var(--color-blue-500) !important

border-y-blue-600

border-top-color: var(--color-blue-600) !important

border-bottom-color: var(--color-blue-600) !important

border-y-blue-700

border-top-color: var(--color-blue-700) !important

border-bottom-color: var(--color-blue-700) !important

border-y-blue-800

border-top-color: var(--color-blue-800) !important

border-bottom-color: var(--color-blue-800) !important

border-y-blue-900

border-top-color: var(--color-blue-900) !important

border-bottom-color: var(--color-blue-900) !important

border-y-bluegreen-100

border-top-color: var(--color-bluegreen-100) !important

border-bottom-color: var(--color-bluegreen-100) !important

border-y-bluegreen-200

border-top-color: var(--color-bluegreen-200) !important

border-bottom-color: var(--color-bluegreen-200) !important

border-y-bluegreen-300

border-top-color: var(--color-bluegreen-300) !important

border-bottom-color: var(--color-bluegreen-300) !important

border-y-bluegreen-400

border-top-color: var(--color-bluegreen-400) !important

border-bottom-color: var(--color-bluegreen-400) !important

border-y-bluegreen-50

border-top-color: var(--color-bluegreen-50) !important

border-bottom-color: var(--color-bluegreen-50) !important

border-y-bluegreen-500

border-top-color: var(--color-bluegreen-500) !important

border-bottom-color: var(--color-bluegreen-500) !important

border-y-bluegreen-600

border-top-color: var(--color-bluegreen-600) !important

border-bottom-color: var(--color-bluegreen-600) !important

border-y-bluegreen-700

border-top-color: var(--color-bluegreen-700) !important

border-bottom-color: var(--color-bluegreen-700) !important

border-y-bluegreen-800

border-top-color: var(--color-bluegreen-800) !important

border-bottom-color: var(--color-bluegreen-800) !important

border-y-bluegreen-900

border-top-color: var(--color-bluegreen-900) !important

border-bottom-color: var(--color-bluegreen-900) !important

border-y-bluegrey-100

border-top-color: var(--color-bluegrey-100) !important

border-bottom-color: var(--color-bluegrey-100) !important

border-y-bluegrey-200

border-top-color: var(--color-bluegrey-200) !important

border-bottom-color: var(--color-bluegrey-200) !important

border-y-bluegrey-25

border-top-color: var(--color-bluegrey-25) !important

border-bottom-color: var(--color-bluegrey-25) !important

border-y-bluegrey-300

border-top-color: var(--color-bluegrey-300) !important

border-bottom-color: var(--color-bluegrey-300) !important

border-y-bluegrey-400

border-top-color: var(--color-bluegrey-400) !important

border-bottom-color: var(--color-bluegrey-400) !important

border-y-bluegrey-50

border-top-color: var(--color-bluegrey-50) !important

border-bottom-color: var(--color-bluegrey-50) !important

border-y-bluegrey-500

border-top-color: var(--color-bluegrey-500) !important

border-bottom-color: var(--color-bluegrey-500) !important

border-y-bluegrey-600

border-top-color: var(--color-bluegrey-600) !important

border-bottom-color: var(--color-bluegrey-600) !important

border-y-bluegrey-650

border-top-color: var(--color-bluegrey-650) !important

border-bottom-color: var(--color-bluegrey-650) !important

border-y-bluegrey-700

border-top-color: var(--color-bluegrey-700) !important

border-bottom-color: var(--color-bluegrey-700) !important

border-y-bluegrey-750

border-top-color: var(--color-bluegrey-750) !important

border-bottom-color: var(--color-bluegrey-750) !important

border-y-bluegrey-800

border-top-color: var(--color-bluegrey-800) !important

border-bottom-color: var(--color-bluegrey-800) !important

border-y-bluegrey-850

border-top-color: var(--color-bluegrey-850) !important

border-bottom-color: var(--color-bluegrey-850) !important

border-y-bluegrey-900

border-top-color: var(--color-bluegrey-900) !important

border-bottom-color: var(--color-bluegrey-900) !important

border-y-danger-default

border-top-color: var(--color-danger-default) !important

border-bottom-color: var(--color-danger-default) !important

border-y-danger-hover

border-top-color: var(--color-danger-hover) !important

border-bottom-color: var(--color-danger-hover) !important

border-y-danger-pressed

border-top-color: var(--color-danger-pressed) !important

border-bottom-color: var(--color-danger-pressed) !important

border-y-dark-blue-100

border-top-color: var(--color-dark-blue-100) !important

border-bottom-color: var(--color-dark-blue-100) !important

border-y-dark-blue-200

border-top-color: var(--color-dark-blue-200) !important

border-bottom-color: var(--color-dark-blue-200) !important

border-y-dark-blue-300

border-top-color: var(--color-dark-blue-300) !important

border-bottom-color: var(--color-dark-blue-300) !important

border-y-dark-blue-400

border-top-color: var(--color-dark-blue-400) !important

border-bottom-color: var(--color-dark-blue-400) !important

border-y-dark-blue-50

border-top-color: var(--color-dark-blue-50) !important

border-bottom-color: var(--color-dark-blue-50) !important

border-y-dark-blue-500

border-top-color: var(--color-dark-blue-500) !important

border-bottom-color: var(--color-dark-blue-500) !important

border-y-dark-blue-600

border-top-color: var(--color-dark-blue-600) !important

border-bottom-color: var(--color-dark-blue-600) !important

border-y-dark-blue-700

border-top-color: var(--color-dark-blue-700) !important

border-bottom-color: var(--color-dark-blue-700) !important

border-y-dark-blue-800

border-top-color: var(--color-dark-blue-800) !important

border-bottom-color: var(--color-dark-blue-800) !important

border-y-dark-blue-900

border-top-color: var(--color-dark-blue-900) !important

border-bottom-color: var(--color-dark-blue-900) !important

border-y-dark-danger-default

border-top-color: var(--color-dark-danger-default) !important

border-bottom-color: var(--color-dark-danger-default) !important

border-y-dark-danger-hover

border-top-color: var(--color-dark-danger-hover) !important

border-bottom-color: var(--color-dark-danger-hover) !important

border-y-dark-danger-pressed

border-top-color: var(--color-dark-danger-pressed) !important

border-bottom-color: var(--color-dark-danger-pressed) !important

border-y-dark-green-100

border-top-color: var(--color-dark-green-100) !important

border-bottom-color: var(--color-dark-green-100) !important

border-y-dark-green-200

border-top-color: var(--color-dark-green-200) !important

border-bottom-color: var(--color-dark-green-200) !important

border-y-dark-green-300

border-top-color: var(--color-dark-green-300) !important

border-bottom-color: var(--color-dark-green-300) !important

border-y-dark-green-400

border-top-color: var(--color-dark-green-400) !important

border-bottom-color: var(--color-dark-green-400) !important

border-y-dark-green-50

border-top-color: var(--color-dark-green-50) !important

border-bottom-color: var(--color-dark-green-50) !important

border-y-dark-green-500

border-top-color: var(--color-dark-green-500) !important

border-bottom-color: var(--color-dark-green-500) !important

border-y-dark-green-600

border-top-color: var(--color-dark-green-600) !important

border-bottom-color: var(--color-dark-green-600) !important

border-y-dark-green-700

border-top-color: var(--color-dark-green-700) !important

border-bottom-color: var(--color-dark-green-700) !important

border-y-dark-green-800

border-top-color: var(--color-dark-green-800) !important

border-bottom-color: var(--color-dark-green-800) !important

border-y-dark-green-900

border-top-color: var(--color-dark-green-900) !important

border-bottom-color: var(--color-dark-green-900) !important

border-y-dark-neutral-default

border-top-color: var(--color-dark-neutral-default) !important

border-bottom-color: var(--color-dark-neutral-default) !important

border-y-dark-neutral-hover

border-top-color: var(--color-dark-neutral-hover) !important

border-bottom-color: var(--color-dark-neutral-hover) !important

border-y-dark-neutral-pressed

border-top-color: var(--color-dark-neutral-pressed) !important

border-bottom-color: var(--color-dark-neutral-pressed) !important

border-y-dark-orange-100

border-top-color: var(--color-dark-orange-100) !important

border-bottom-color: var(--color-dark-orange-100) !important

border-y-dark-orange-200

border-top-color: var(--color-dark-orange-200) !important

border-bottom-color: var(--color-dark-orange-200) !important

border-y-dark-orange-300

border-top-color: var(--color-dark-orange-300) !important

border-bottom-color: var(--color-dark-orange-300) !important

border-y-dark-orange-400

border-top-color: var(--color-dark-orange-400) !important

border-bottom-color: var(--color-dark-orange-400) !important

border-y-dark-orange-50

border-top-color: var(--color-dark-orange-50) !important

border-bottom-color: var(--color-dark-orange-50) !important

border-y-dark-orange-500

border-top-color: var(--color-dark-orange-500) !important

border-bottom-color: var(--color-dark-orange-500) !important

border-y-dark-orange-600

border-top-color: var(--color-dark-orange-600) !important

border-bottom-color: var(--color-dark-orange-600) !important

border-y-dark-orange-700

border-top-color: var(--color-dark-orange-700) !important

border-bottom-color: var(--color-dark-orange-700) !important

border-y-dark-orange-800

border-top-color: var(--color-dark-orange-800) !important

border-bottom-color: var(--color-dark-orange-800) !important

border-y-dark-orange-900

border-top-color: var(--color-dark-orange-900) !important

border-bottom-color: var(--color-dark-orange-900) !important

border-y-dark-primary-100

border-top-color: var(--color-dark-primary-100) !important

border-bottom-color: var(--color-dark-primary-100) !important

border-y-dark-primary-200

border-top-color: var(--color-dark-primary-200) !important

border-bottom-color: var(--color-dark-primary-200) !important

border-y-dark-primary-300

border-top-color: var(--color-dark-primary-300) !important

border-bottom-color: var(--color-dark-primary-300) !important

border-y-dark-primary-400

border-top-color: var(--color-dark-primary-400) !important

border-bottom-color: var(--color-dark-primary-400) !important

border-y-dark-primary-50

border-top-color: var(--color-dark-primary-50) !important

border-bottom-color: var(--color-dark-primary-50) !important

border-y-dark-primary-500

border-top-color: var(--color-dark-primary-500) !important

border-bottom-color: var(--color-dark-primary-500) !important

border-y-dark-primary-600

border-top-color: var(--color-dark-primary-600) !important

border-bottom-color: var(--color-dark-primary-600) !important

border-y-dark-primary-700

border-top-color: var(--color-dark-primary-700) !important

border-bottom-color: var(--color-dark-primary-700) !important

border-y-dark-primary-800

border-top-color: var(--color-dark-primary-800) !important

border-bottom-color: var(--color-dark-primary-800) !important

border-y-dark-primary-900

border-top-color: var(--color-dark-primary-900) !important

border-bottom-color: var(--color-dark-primary-900) !important

border-y-dark-primary-default

border-top-color: var(--color-dark-primary-default) !important

border-bottom-color: var(--color-dark-primary-default) !important

border-y-dark-primary-hover

border-top-color: var(--color-dark-primary-hover) !important

border-bottom-color: var(--color-dark-primary-hover) !important

border-y-dark-primary-pressed

border-top-color: var(--color-dark-primary-pressed) !important

border-bottom-color: var(--color-dark-primary-pressed) !important

border-y-dark-red-100

border-top-color: var(--color-dark-red-100) !important

border-bottom-color: var(--color-dark-red-100) !important

border-y-dark-red-200

border-top-color: var(--color-dark-red-200) !important

border-bottom-color: var(--color-dark-red-200) !important

border-y-dark-red-300

border-top-color: var(--color-dark-red-300) !important

border-bottom-color: var(--color-dark-red-300) !important

border-y-dark-red-400

border-top-color: var(--color-dark-red-400) !important

border-bottom-color: var(--color-dark-red-400) !important

border-y-dark-red-50

border-top-color: var(--color-dark-red-50) !important

border-bottom-color: var(--color-dark-red-50) !important

border-y-dark-red-500

border-top-color: var(--color-dark-red-500) !important

border-bottom-color: var(--color-dark-red-500) !important

border-y-dark-red-600

border-top-color: var(--color-dark-red-600) !important

border-bottom-color: var(--color-dark-red-600) !important

border-y-dark-red-700

border-top-color: var(--color-dark-red-700) !important

border-bottom-color: var(--color-dark-red-700) !important

border-y-dark-red-800

border-top-color: var(--color-dark-red-800) !important

border-bottom-color: var(--color-dark-red-800) !important

border-y-dark-red-900

border-top-color: var(--color-dark-red-900) !important

border-bottom-color: var(--color-dark-red-900) !important

border-y-dark-success-default

border-top-color: var(--color-dark-success-default) !important

border-bottom-color: var(--color-dark-success-default) !important

border-y-dark-success-hover

border-top-color: var(--color-dark-success-hover) !important

border-bottom-color: var(--color-dark-success-hover) !important

border-y-dark-success-pressed

border-top-color: var(--color-dark-success-pressed) !important

border-bottom-color: var(--color-dark-success-pressed) !important

border-y-dark-warning-default

border-top-color: var(--color-dark-warning-default) !important

border-bottom-color: var(--color-dark-warning-default) !important

border-y-dark-warning-hover

border-top-color: var(--color-dark-warning-hover) !important

border-bottom-color: var(--color-dark-warning-hover) !important

border-y-dark-warning-pressed

border-top-color: var(--color-dark-warning-pressed) !important

border-bottom-color: var(--color-dark-warning-pressed) !important

border-y-font-onBackground-default

border-top-color: var(--color-font-onBackground-default) !important

border-bottom-color: var(--color-font-onBackground-default) !important

border-y-green-100

border-top-color: var(--color-green-100) !important

border-bottom-color: var(--color-green-100) !important

border-y-green-200

border-top-color: var(--color-green-200) !important

border-bottom-color: var(--color-green-200) !important

border-y-green-300

border-top-color: var(--color-green-300) !important

border-bottom-color: var(--color-green-300) !important

border-y-green-400

border-top-color: var(--color-green-400) !important

border-bottom-color: var(--color-green-400) !important

border-y-green-50

border-top-color: var(--color-green-50) !important

border-bottom-color: var(--color-green-50) !important

border-y-green-500

border-top-color: var(--color-green-500) !important

border-bottom-color: var(--color-green-500) !important

border-y-green-600

border-top-color: var(--color-green-600) !important

border-bottom-color: var(--color-green-600) !important

border-y-green-700

border-top-color: var(--color-green-700) !important

border-bottom-color: var(--color-green-700) !important

border-y-green-800

border-top-color: var(--color-green-800) !important

border-bottom-color: var(--color-green-800) !important

border-y-green-900

border-top-color: var(--color-green-900) !important

border-bottom-color: var(--color-green-900) !important

border-y-lightblue-100

border-top-color: var(--color-lightblue-100) !important

border-bottom-color: var(--color-lightblue-100) !important

border-y-lightblue-200

border-top-color: var(--color-lightblue-200) !important

border-bottom-color: var(--color-lightblue-200) !important

border-y-lightblue-300

border-top-color: var(--color-lightblue-300) !important

border-bottom-color: var(--color-lightblue-300) !important

border-y-lightblue-400

border-top-color: var(--color-lightblue-400) !important

border-bottom-color: var(--color-lightblue-400) !important

border-y-lightblue-50

border-top-color: var(--color-lightblue-50) !important

border-bottom-color: var(--color-lightblue-50) !important

border-y-lightblue-500

border-top-color: var(--color-lightblue-500) !important

border-bottom-color: var(--color-lightblue-500) !important

border-y-lightblue-600

border-top-color: var(--color-lightblue-600) !important

border-bottom-color: var(--color-lightblue-600) !important

border-y-lightblue-700

border-top-color: var(--color-lightblue-700) !important

border-bottom-color: var(--color-lightblue-700) !important

border-y-lightblue-800

border-top-color: var(--color-lightblue-800) !important

border-bottom-color: var(--color-lightblue-800) !important

border-y-lightblue-900

border-top-color: var(--color-lightblue-900) !important

border-bottom-color: var(--color-lightblue-900) !important

border-y-neutral-default

border-top-color: var(--color-neutral-default) !important

border-bottom-color: var(--color-neutral-default) !important

border-y-neutral-hover

border-top-color: var(--color-neutral-hover) !important

border-bottom-color: var(--color-neutral-hover) !important

border-y-neutral-pressed

border-top-color: var(--color-neutral-pressed) !important

border-bottom-color: var(--color-neutral-pressed) !important

border-y-orange-100

border-top-color: var(--color-orange-100) !important

border-bottom-color: var(--color-orange-100) !important

border-y-orange-200

border-top-color: var(--color-orange-200) !important

border-bottom-color: var(--color-orange-200) !important

border-y-orange-300

border-top-color: var(--color-orange-300) !important

border-bottom-color: var(--color-orange-300) !important

border-y-orange-400

border-top-color: var(--color-orange-400) !important

border-bottom-color: var(--color-orange-400) !important

border-y-orange-50

border-top-color: var(--color-orange-50) !important

border-bottom-color: var(--color-orange-50) !important

border-y-orange-500

border-top-color: var(--color-orange-500) !important

border-bottom-color: var(--color-orange-500) !important

border-y-orange-600

border-top-color: var(--color-orange-600) !important

border-bottom-color: var(--color-orange-600) !important

border-y-orange-700

border-top-color: var(--color-orange-700) !important

border-bottom-color: var(--color-orange-700) !important

border-y-orange-800

border-top-color: var(--color-orange-800) !important

border-bottom-color: var(--color-orange-800) !important

border-y-orange-900

border-top-color: var(--color-orange-900) !important

border-bottom-color: var(--color-orange-900) !important

border-y-primary-100

border-top-color: var(--color-primary-100) !important

border-bottom-color: var(--color-primary-100) !important

border-y-primary-200

border-top-color: var(--color-primary-200) !important

border-bottom-color: var(--color-primary-200) !important

border-y-primary-300

border-top-color: var(--color-primary-300) !important

border-bottom-color: var(--color-primary-300) !important

border-y-primary-400

border-top-color: var(--color-primary-400) !important

border-bottom-color: var(--color-primary-400) !important

border-y-primary-50

border-top-color: var(--color-primary-50) !important

border-bottom-color: var(--color-primary-50) !important

border-y-primary-500

border-top-color: var(--color-primary-500) !important

border-bottom-color: var(--color-primary-500) !important

border-y-primary-600

border-top-color: var(--color-primary-600) !important

border-bottom-color: var(--color-primary-600) !important

border-y-primary-700

border-top-color: var(--color-primary-700) !important

border-bottom-color: var(--color-primary-700) !important

border-y-primary-800

border-top-color: var(--color-primary-800) !important

border-bottom-color: var(--color-primary-800) !important

border-y-primary-900

border-top-color: var(--color-primary-900) !important

border-bottom-color: var(--color-primary-900) !important

border-y-primary-default

border-top-color: var(--color-primary-default) !important

border-bottom-color: var(--color-primary-default) !important

border-y-primary-hover

border-top-color: var(--color-primary-hover) !important

border-bottom-color: var(--color-primary-hover) !important

border-y-primary-pressed

border-top-color: var(--color-primary-pressed) !important

border-bottom-color: var(--color-primary-pressed) !important

border-y-purple-100

border-top-color: var(--color-purple-100) !important

border-bottom-color: var(--color-purple-100) !important

border-y-purple-200

border-top-color: var(--color-purple-200) !important

border-bottom-color: var(--color-purple-200) !important

border-y-purple-300

border-top-color: var(--color-purple-300) !important

border-bottom-color: var(--color-purple-300) !important

border-y-purple-400

border-top-color: var(--color-purple-400) !important

border-bottom-color: var(--color-purple-400) !important

border-y-purple-50

border-top-color: var(--color-purple-50) !important

border-bottom-color: var(--color-purple-50) !important

border-y-purple-500

border-top-color: var(--color-purple-500) !important

border-bottom-color: var(--color-purple-500) !important

border-y-purple-600

border-top-color: var(--color-purple-600) !important

border-bottom-color: var(--color-purple-600) !important

border-y-purple-700

border-top-color: var(--color-purple-700) !important

border-bottom-color: var(--color-purple-700) !important

border-y-purple-800

border-top-color: var(--color-purple-800) !important

border-bottom-color: var(--color-purple-800) !important

border-y-purple-900

border-top-color: var(--color-purple-900) !important

border-bottom-color: var(--color-purple-900) !important

border-y-red-100

border-top-color: var(--color-red-100) !important

border-bottom-color: var(--color-red-100) !important

border-y-red-200

border-top-color: var(--color-red-200) !important

border-bottom-color: var(--color-red-200) !important

border-y-red-300

border-top-color: var(--color-red-300) !important

border-bottom-color: var(--color-red-300) !important

border-y-red-400

border-top-color: var(--color-red-400) !important

border-bottom-color: var(--color-red-400) !important

border-y-red-50

border-top-color: var(--color-red-50) !important

border-bottom-color: var(--color-red-50) !important

border-y-red-500

border-top-color: var(--color-red-500) !important

border-bottom-color: var(--color-red-500) !important

border-y-red-600

border-top-color: var(--color-red-600) !important

border-bottom-color: var(--color-red-600) !important

border-y-red-700

border-top-color: var(--color-red-700) !important

border-bottom-color: var(--color-red-700) !important

border-y-red-800

border-top-color: var(--color-red-800) !important

border-bottom-color: var(--color-red-800) !important

border-y-red-900

border-top-color: var(--color-red-900) !important

border-bottom-color: var(--color-red-900) !important

border-y-success-default

border-top-color: var(--color-success-default) !important

border-bottom-color: var(--color-success-default) !important

border-y-success-hover

border-top-color: var(--color-success-hover) !important

border-bottom-color: var(--color-success-hover) !important

border-y-success-pressed

border-top-color: var(--color-success-pressed) !important

border-bottom-color: var(--color-success-pressed) !important

border-y-warning-default

border-top-color: var(--color-warning-default) !important

border-bottom-color: var(--color-warning-default) !important

border-y-warning-hover

border-top-color: var(--color-warning-hover) !important

border-bottom-color: var(--color-warning-hover) !important

border-y-warning-pressed

border-top-color: var(--color-warning-pressed) !important

border-bottom-color: var(--color-warning-pressed) !important

border-y-white-10

border-top-color: var(--color-white-10) !important

border-bottom-color: var(--color-white-10) !important

border-y-white-100

border-top-color: var(--color-white-100) !important

border-bottom-color: var(--color-white-100) !important

border-y-white-20

border-top-color: var(--color-white-20) !important

border-bottom-color: var(--color-white-20) !important

border-y-white-30

border-top-color: var(--color-white-30) !important

border-bottom-color: var(--color-white-30) !important

border-y-white-40

border-top-color: var(--color-white-40) !important

border-bottom-color: var(--color-white-40) !important

border-y-white-5

border-top-color: var(--color-white-5) !important

border-bottom-color: var(--color-white-5) !important

border-y-white-50

border-top-color: var(--color-white-50) !important

border-bottom-color: var(--color-white-50) !important

border-y-white-60

border-top-color: var(--color-white-60) !important

border-bottom-color: var(--color-white-60) !important

border-y-white-70

border-top-color: var(--color-white-70) !important

border-bottom-color: var(--color-white-70) !important

border-y-white-80

border-top-color: var(--color-white-80) !important

border-bottom-color: var(--color-white-80) !important

border-y-white-90

border-top-color: var(--color-white-90) !important

border-bottom-color: var(--color-white-90) !important

border-y-yellow-100

border-top-color: var(--color-yellow-100) !important

border-bottom-color: var(--color-yellow-100) !important

border-y-yellow-200

border-top-color: var(--color-yellow-200) !important

border-bottom-color: var(--color-yellow-200) !important

border-y-yellow-300

border-top-color: var(--color-yellow-300) !important

border-bottom-color: var(--color-yellow-300) !important

border-y-yellow-400

border-top-color: var(--color-yellow-400) !important

border-bottom-color: var(--color-yellow-400) !important

border-y-yellow-50

border-top-color: var(--color-yellow-50) !important

border-bottom-color: var(--color-yellow-50) !important

border-y-yellow-500

border-top-color: var(--color-yellow-500) !important

border-bottom-color: var(--color-yellow-500) !important

border-y-yellow-600

border-top-color: var(--color-yellow-600) !important

border-bottom-color: var(--color-yellow-600) !important

border-y-yellow-700

border-top-color: var(--color-yellow-700) !important

border-bottom-color: var(--color-yellow-700) !important

border-y-yellow-800

border-top-color: var(--color-yellow-800) !important

border-bottom-color: var(--color-yellow-800) !important

border-y-yellow-900

border-top-color: var(--color-yellow-900) !important

border-bottom-color: var(--color-yellow-900) !important

border-b-background-default

border-bottom-color: var(--color-background-default) !important

border-b-black-10

border-bottom-color: var(--color-black-10) !important

border-b-black-100

border-bottom-color: var(--color-black-100) !important

border-b-black-20

border-bottom-color: var(--color-black-20) !important

border-b-black-30

border-bottom-color: var(--color-black-30) !important

border-b-black-40

border-bottom-color: var(--color-black-40) !important

border-b-black-5

border-bottom-color: var(--color-black-5) !important

border-b-black-50

border-bottom-color: var(--color-black-50) !important

border-b-black-60

border-bottom-color: var(--color-black-60) !important

border-b-black-70

border-bottom-color: var(--color-black-70) !important

border-b-black-80

border-bottom-color: var(--color-black-80) !important

border-b-black-90

border-bottom-color: var(--color-black-90) !important

border-b-blue-100

border-bottom-color: var(--color-blue-100) !important

border-b-blue-200

border-bottom-color: var(--color-blue-200) !important

border-b-blue-300

border-bottom-color: var(--color-blue-300) !important

border-b-blue-400

border-bottom-color: var(--color-blue-400) !important

border-b-blue-50

border-bottom-color: var(--color-blue-50) !important

border-b-blue-500

border-bottom-color: var(--color-blue-500) !important

border-b-blue-600

border-bottom-color: var(--color-blue-600) !important

border-b-blue-700

border-bottom-color: var(--color-blue-700) !important

border-b-blue-800

border-bottom-color: var(--color-blue-800) !important

border-b-blue-900

border-bottom-color: var(--color-blue-900) !important

border-b-bluegreen-100

border-bottom-color: var(--color-bluegreen-100) !important

border-b-bluegreen-200

border-bottom-color: var(--color-bluegreen-200) !important

border-b-bluegreen-300

border-bottom-color: var(--color-bluegreen-300) !important

border-b-bluegreen-400

border-bottom-color: var(--color-bluegreen-400) !important

border-b-bluegreen-50

border-bottom-color: var(--color-bluegreen-50) !important

border-b-bluegreen-500

border-bottom-color: var(--color-bluegreen-500) !important

border-b-bluegreen-600

border-bottom-color: var(--color-bluegreen-600) !important

border-b-bluegreen-700

border-bottom-color: var(--color-bluegreen-700) !important

border-b-bluegreen-800

border-bottom-color: var(--color-bluegreen-800) !important

border-b-bluegreen-900

border-bottom-color: var(--color-bluegreen-900) !important

border-b-bluegrey-100

border-bottom-color: var(--color-bluegrey-100) !important

border-b-bluegrey-200

border-bottom-color: var(--color-bluegrey-200) !important

border-b-bluegrey-25

border-bottom-color: var(--color-bluegrey-25) !important

border-b-bluegrey-300

border-bottom-color: var(--color-bluegrey-300) !important

border-b-bluegrey-400

border-bottom-color: var(--color-bluegrey-400) !important

border-b-bluegrey-50

border-bottom-color: var(--color-bluegrey-50) !important

border-b-bluegrey-500

border-bottom-color: var(--color-bluegrey-500) !important

border-b-bluegrey-600

border-bottom-color: var(--color-bluegrey-600) !important

border-b-bluegrey-650

border-bottom-color: var(--color-bluegrey-650) !important

border-b-bluegrey-700

border-bottom-color: var(--color-bluegrey-700) !important

border-b-bluegrey-750

border-bottom-color: var(--color-bluegrey-750) !important

border-b-bluegrey-800

border-bottom-color: var(--color-bluegrey-800) !important

border-b-bluegrey-850

border-bottom-color: var(--color-bluegrey-850) !important

border-b-bluegrey-900

border-bottom-color: var(--color-bluegrey-900) !important

border-b-danger-default

border-bottom-color: var(--color-danger-default) !important

border-b-danger-hover

border-bottom-color: var(--color-danger-hover) !important

border-b-danger-pressed

border-bottom-color: var(--color-danger-pressed) !important

border-b-dark-blue-100

border-bottom-color: var(--color-dark-blue-100) !important

border-b-dark-blue-200

border-bottom-color: var(--color-dark-blue-200) !important

border-b-dark-blue-300

border-bottom-color: var(--color-dark-blue-300) !important

border-b-dark-blue-400

border-bottom-color: var(--color-dark-blue-400) !important

border-b-dark-blue-50

border-bottom-color: var(--color-dark-blue-50) !important

border-b-dark-blue-500

border-bottom-color: var(--color-dark-blue-500) !important

border-b-dark-blue-600

border-bottom-color: var(--color-dark-blue-600) !important

border-b-dark-blue-700

border-bottom-color: var(--color-dark-blue-700) !important

border-b-dark-blue-800

border-bottom-color: var(--color-dark-blue-800) !important

border-b-dark-blue-900

border-bottom-color: var(--color-dark-blue-900) !important

border-b-dark-danger-default

border-bottom-color: var(--color-dark-danger-default) !important

border-b-dark-danger-hover

border-bottom-color: var(--color-dark-danger-hover) !important

border-b-dark-danger-pressed

border-bottom-color: var(--color-dark-danger-pressed) !important

border-b-dark-green-100

border-bottom-color: var(--color-dark-green-100) !important

border-b-dark-green-200

border-bottom-color: var(--color-dark-green-200) !important

border-b-dark-green-300

border-bottom-color: var(--color-dark-green-300) !important

border-b-dark-green-400

border-bottom-color: var(--color-dark-green-400) !important

border-b-dark-green-50

border-bottom-color: var(--color-dark-green-50) !important

border-b-dark-green-500

border-bottom-color: var(--color-dark-green-500) !important

border-b-dark-green-600

border-bottom-color: var(--color-dark-green-600) !important

border-b-dark-green-700

border-bottom-color: var(--color-dark-green-700) !important

border-b-dark-green-800

border-bottom-color: var(--color-dark-green-800) !important

border-b-dark-green-900

border-bottom-color: var(--color-dark-green-900) !important

border-b-dark-neutral-default

border-bottom-color: var(--color-dark-neutral-default) !important

border-b-dark-neutral-hover

border-bottom-color: var(--color-dark-neutral-hover) !important

border-b-dark-neutral-pressed

border-bottom-color: var(--color-dark-neutral-pressed) !important

border-b-dark-orange-100

border-bottom-color: var(--color-dark-orange-100) !important

border-b-dark-orange-200

border-bottom-color: var(--color-dark-orange-200) !important

border-b-dark-orange-300

border-bottom-color: var(--color-dark-orange-300) !important

border-b-dark-orange-400

border-bottom-color: var(--color-dark-orange-400) !important

border-b-dark-orange-50

border-bottom-color: var(--color-dark-orange-50) !important

border-b-dark-orange-500

border-bottom-color: var(--color-dark-orange-500) !important

border-b-dark-orange-600

border-bottom-color: var(--color-dark-orange-600) !important

border-b-dark-orange-700

border-bottom-color: var(--color-dark-orange-700) !important

border-b-dark-orange-800

border-bottom-color: var(--color-dark-orange-800) !important

border-b-dark-orange-900

border-bottom-color: var(--color-dark-orange-900) !important

border-b-dark-primary-100

border-bottom-color: var(--color-dark-primary-100) !important

border-b-dark-primary-200

border-bottom-color: var(--color-dark-primary-200) !important

border-b-dark-primary-300

border-bottom-color: var(--color-dark-primary-300) !important

border-b-dark-primary-400

border-bottom-color: var(--color-dark-primary-400) !important

border-b-dark-primary-50

border-bottom-color: var(--color-dark-primary-50) !important

border-b-dark-primary-500

border-bottom-color: var(--color-dark-primary-500) !important

border-b-dark-primary-600

border-bottom-color: var(--color-dark-primary-600) !important

border-b-dark-primary-700

border-bottom-color: var(--color-dark-primary-700) !important

border-b-dark-primary-800

border-bottom-color: var(--color-dark-primary-800) !important

border-b-dark-primary-900

border-bottom-color: var(--color-dark-primary-900) !important

border-b-dark-primary-default

border-bottom-color: var(--color-dark-primary-default) !important

border-b-dark-primary-hover

border-bottom-color: var(--color-dark-primary-hover) !important

border-b-dark-primary-pressed

border-bottom-color: var(--color-dark-primary-pressed) !important

border-b-dark-red-100

border-bottom-color: var(--color-dark-red-100) !important

border-b-dark-red-200

border-bottom-color: var(--color-dark-red-200) !important

border-b-dark-red-300

border-bottom-color: var(--color-dark-red-300) !important

border-b-dark-red-400

border-bottom-color: var(--color-dark-red-400) !important

border-b-dark-red-50

border-bottom-color: var(--color-dark-red-50) !important

border-b-dark-red-500

border-bottom-color: var(--color-dark-red-500) !important

border-b-dark-red-600

border-bottom-color: var(--color-dark-red-600) !important

border-b-dark-red-700

border-bottom-color: var(--color-dark-red-700) !important

border-b-dark-red-800

border-bottom-color: var(--color-dark-red-800) !important

border-b-dark-red-900

border-bottom-color: var(--color-dark-red-900) !important

border-b-dark-success-default

border-bottom-color: var(--color-dark-success-default) !important

border-b-dark-success-hover

border-bottom-color: var(--color-dark-success-hover) !important

border-b-dark-success-pressed

border-bottom-color: var(--color-dark-success-pressed) !important

border-b-dark-warning-default

border-bottom-color: var(--color-dark-warning-default) !important

border-b-dark-warning-hover

border-bottom-color: var(--color-dark-warning-hover) !important

border-b-dark-warning-pressed

border-bottom-color: var(--color-dark-warning-pressed) !important

border-b-font-onBackground-default

border-bottom-color: var(--color-font-onBackground-default) !important

border-b-green-100

border-bottom-color: var(--color-green-100) !important

border-b-green-200

border-bottom-color: var(--color-green-200) !important

border-b-green-300

border-bottom-color: var(--color-green-300) !important

border-b-green-400

border-bottom-color: var(--color-green-400) !important

border-b-green-50

border-bottom-color: var(--color-green-50) !important

border-b-green-500

border-bottom-color: var(--color-green-500) !important

border-b-green-600

border-bottom-color: var(--color-green-600) !important

border-b-green-700

border-bottom-color: var(--color-green-700) !important

border-b-green-800

border-bottom-color: var(--color-green-800) !important

border-b-green-900

border-bottom-color: var(--color-green-900) !important

border-b-lightblue-100

border-bottom-color: var(--color-lightblue-100) !important

border-b-lightblue-200

border-bottom-color: var(--color-lightblue-200) !important

border-b-lightblue-300

border-bottom-color: var(--color-lightblue-300) !important

border-b-lightblue-400

border-bottom-color: var(--color-lightblue-400) !important

border-b-lightblue-50

border-bottom-color: var(--color-lightblue-50) !important

border-b-lightblue-500

border-bottom-color: var(--color-lightblue-500) !important

border-b-lightblue-600

border-bottom-color: var(--color-lightblue-600) !important

border-b-lightblue-700

border-bottom-color: var(--color-lightblue-700) !important

border-b-lightblue-800

border-bottom-color: var(--color-lightblue-800) !important

border-b-lightblue-900

border-bottom-color: var(--color-lightblue-900) !important

border-b-neutral-default

border-bottom-color: var(--color-neutral-default) !important

border-b-neutral-hover

border-bottom-color: var(--color-neutral-hover) !important

border-b-neutral-pressed

border-bottom-color: var(--color-neutral-pressed) !important

border-b-orange-100

border-bottom-color: var(--color-orange-100) !important

border-b-orange-200

border-bottom-color: var(--color-orange-200) !important

border-b-orange-300

border-bottom-color: var(--color-orange-300) !important

border-b-orange-400

border-bottom-color: var(--color-orange-400) !important

border-b-orange-50

border-bottom-color: var(--color-orange-50) !important

border-b-orange-500

border-bottom-color: var(--color-orange-500) !important

border-b-orange-600

border-bottom-color: var(--color-orange-600) !important

border-b-orange-700

border-bottom-color: var(--color-orange-700) !important

border-b-orange-800

border-bottom-color: var(--color-orange-800) !important

border-b-orange-900

border-bottom-color: var(--color-orange-900) !important

border-b-primary-100

border-bottom-color: var(--color-primary-100) !important

border-b-primary-200

border-bottom-color: var(--color-primary-200) !important

border-b-primary-300

border-bottom-color: var(--color-primary-300) !important

border-b-primary-400

border-bottom-color: var(--color-primary-400) !important

border-b-primary-50

border-bottom-color: var(--color-primary-50) !important

border-b-primary-500

border-bottom-color: var(--color-primary-500) !important

border-b-primary-600

border-bottom-color: var(--color-primary-600) !important

border-b-primary-700

border-bottom-color: var(--color-primary-700) !important

border-b-primary-800

border-bottom-color: var(--color-primary-800) !important

border-b-primary-900

border-bottom-color: var(--color-primary-900) !important

border-b-primary-default

border-bottom-color: var(--color-primary-default) !important

border-b-primary-hover

border-bottom-color: var(--color-primary-hover) !important

border-b-primary-pressed

border-bottom-color: var(--color-primary-pressed) !important

border-b-purple-100

border-bottom-color: var(--color-purple-100) !important

border-b-purple-200

border-bottom-color: var(--color-purple-200) !important

border-b-purple-300

border-bottom-color: var(--color-purple-300) !important

border-b-purple-400

border-bottom-color: var(--color-purple-400) !important

border-b-purple-50

border-bottom-color: var(--color-purple-50) !important

border-b-purple-500

border-bottom-color: var(--color-purple-500) !important

border-b-purple-600

border-bottom-color: var(--color-purple-600) !important

border-b-purple-700

border-bottom-color: var(--color-purple-700) !important

border-b-purple-800

border-bottom-color: var(--color-purple-800) !important

border-b-purple-900

border-bottom-color: var(--color-purple-900) !important

border-b-red-100

border-bottom-color: var(--color-red-100) !important

border-b-red-200

border-bottom-color: var(--color-red-200) !important

border-b-red-300

border-bottom-color: var(--color-red-300) !important

border-b-red-400

border-bottom-color: var(--color-red-400) !important

border-b-red-50

border-bottom-color: var(--color-red-50) !important

border-b-red-500

border-bottom-color: var(--color-red-500) !important

border-b-red-600

border-bottom-color: var(--color-red-600) !important

border-b-red-700

border-bottom-color: var(--color-red-700) !important

border-b-red-800

border-bottom-color: var(--color-red-800) !important

border-b-red-900

border-bottom-color: var(--color-red-900) !important

border-b-success-default

border-bottom-color: var(--color-success-default) !important

border-b-success-hover

border-bottom-color: var(--color-success-hover) !important

border-b-success-pressed

border-bottom-color: var(--color-success-pressed) !important

border-b-warning-default

border-bottom-color: var(--color-warning-default) !important

border-b-warning-hover

border-bottom-color: var(--color-warning-hover) !important

border-b-warning-pressed

border-bottom-color: var(--color-warning-pressed) !important

border-b-white-10

border-bottom-color: var(--color-white-10) !important

border-b-white-100

border-bottom-color: var(--color-white-100) !important

border-b-white-20

border-bottom-color: var(--color-white-20) !important

border-b-white-30

border-bottom-color: var(--color-white-30) !important

border-b-white-40

border-bottom-color: var(--color-white-40) !important

border-b-white-5

border-bottom-color: var(--color-white-5) !important

border-b-white-50

border-bottom-color: var(--color-white-50) !important

border-b-white-60

border-bottom-color: var(--color-white-60) !important

border-b-white-70

border-bottom-color: var(--color-white-70) !important

border-b-white-80

border-bottom-color: var(--color-white-80) !important

border-b-white-90

border-bottom-color: var(--color-white-90) !important

border-b-yellow-100

border-bottom-color: var(--color-yellow-100) !important

border-b-yellow-200

border-bottom-color: var(--color-yellow-200) !important

border-b-yellow-300

border-bottom-color: var(--color-yellow-300) !important

border-b-yellow-400

border-bottom-color: var(--color-yellow-400) !important

border-b-yellow-50

border-bottom-color: var(--color-yellow-50) !important

border-b-yellow-500

border-bottom-color: var(--color-yellow-500) !important

border-b-yellow-600

border-bottom-color: var(--color-yellow-600) !important

border-b-yellow-700

border-bottom-color: var(--color-yellow-700) !important

border-b-yellow-800

border-bottom-color: var(--color-yellow-800) !important

border-b-yellow-900

border-bottom-color: var(--color-yellow-900) !important

border-e-background-default

border-inline-end-color: var(--color-background-default) !important

border-e-black-10

border-inline-end-color: var(--color-black-10) !important

border-e-black-100

border-inline-end-color: var(--color-black-100) !important

border-e-black-20

border-inline-end-color: var(--color-black-20) !important

border-e-black-30

border-inline-end-color: var(--color-black-30) !important

border-e-black-40

border-inline-end-color: var(--color-black-40) !important

border-e-black-5

border-inline-end-color: var(--color-black-5) !important

border-e-black-50

border-inline-end-color: var(--color-black-50) !important

border-e-black-60

border-inline-end-color: var(--color-black-60) !important

border-e-black-70

border-inline-end-color: var(--color-black-70) !important

border-e-black-80

border-inline-end-color: var(--color-black-80) !important

border-e-black-90

border-inline-end-color: var(--color-black-90) !important

border-e-blue-100

border-inline-end-color: var(--color-blue-100) !important

border-e-blue-200

border-inline-end-color: var(--color-blue-200) !important

border-e-blue-300

border-inline-end-color: var(--color-blue-300) !important

border-e-blue-400

border-inline-end-color: var(--color-blue-400) !important

border-e-blue-50

border-inline-end-color: var(--color-blue-50) !important

border-e-blue-500

border-inline-end-color: var(--color-blue-500) !important

border-e-blue-600

border-inline-end-color: var(--color-blue-600) !important

border-e-blue-700

border-inline-end-color: var(--color-blue-700) !important

border-e-blue-800

border-inline-end-color: var(--color-blue-800) !important

border-e-blue-900

border-inline-end-color: var(--color-blue-900) !important

border-e-bluegreen-100

border-inline-end-color: var(--color-bluegreen-100) !important

border-e-bluegreen-200

border-inline-end-color: var(--color-bluegreen-200) !important

border-e-bluegreen-300

border-inline-end-color: var(--color-bluegreen-300) !important

border-e-bluegreen-400

border-inline-end-color: var(--color-bluegreen-400) !important

border-e-bluegreen-50

border-inline-end-color: var(--color-bluegreen-50) !important

border-e-bluegreen-500

border-inline-end-color: var(--color-bluegreen-500) !important

border-e-bluegreen-600

border-inline-end-color: var(--color-bluegreen-600) !important

border-e-bluegreen-700

border-inline-end-color: var(--color-bluegreen-700) !important

border-e-bluegreen-800

border-inline-end-color: var(--color-bluegreen-800) !important

border-e-bluegreen-900

border-inline-end-color: var(--color-bluegreen-900) !important

border-e-bluegrey-100

border-inline-end-color: var(--color-bluegrey-100) !important

border-e-bluegrey-200

border-inline-end-color: var(--color-bluegrey-200) !important

border-e-bluegrey-25

border-inline-end-color: var(--color-bluegrey-25) !important

border-e-bluegrey-300

border-inline-end-color: var(--color-bluegrey-300) !important

border-e-bluegrey-400

border-inline-end-color: var(--color-bluegrey-400) !important

border-e-bluegrey-50

border-inline-end-color: var(--color-bluegrey-50) !important

border-e-bluegrey-500

border-inline-end-color: var(--color-bluegrey-500) !important

border-e-bluegrey-600

border-inline-end-color: var(--color-bluegrey-600) !important

border-e-bluegrey-650

border-inline-end-color: var(--color-bluegrey-650) !important

border-e-bluegrey-700

border-inline-end-color: var(--color-bluegrey-700) !important

border-e-bluegrey-750

border-inline-end-color: var(--color-bluegrey-750) !important

border-e-bluegrey-800

border-inline-end-color: var(--color-bluegrey-800) !important

border-e-bluegrey-850

border-inline-end-color: var(--color-bluegrey-850) !important

border-e-bluegrey-900

border-inline-end-color: var(--color-bluegrey-900) !important

border-e-danger-default

border-inline-end-color: var(--color-danger-default) !important

border-e-danger-hover

border-inline-end-color: var(--color-danger-hover) !important

border-e-danger-pressed

border-inline-end-color: var(--color-danger-pressed) !important

border-e-dark-blue-100

border-inline-end-color: var(--color-dark-blue-100) !important

border-e-dark-blue-200

border-inline-end-color: var(--color-dark-blue-200) !important

border-e-dark-blue-300

border-inline-end-color: var(--color-dark-blue-300) !important

border-e-dark-blue-400

border-inline-end-color: var(--color-dark-blue-400) !important

border-e-dark-blue-50

border-inline-end-color: var(--color-dark-blue-50) !important

border-e-dark-blue-500

border-inline-end-color: var(--color-dark-blue-500) !important

border-e-dark-blue-600

border-inline-end-color: var(--color-dark-blue-600) !important

border-e-dark-blue-700

border-inline-end-color: var(--color-dark-blue-700) !important

border-e-dark-blue-800

border-inline-end-color: var(--color-dark-blue-800) !important

border-e-dark-blue-900

border-inline-end-color: var(--color-dark-blue-900) !important

border-e-dark-danger-default

border-inline-end-color: var(--color-dark-danger-default) !important

border-e-dark-danger-hover

border-inline-end-color: var(--color-dark-danger-hover) !important

border-e-dark-danger-pressed

border-inline-end-color: var(--color-dark-danger-pressed) !important

border-e-dark-green-100

border-inline-end-color: var(--color-dark-green-100) !important

border-e-dark-green-200

border-inline-end-color: var(--color-dark-green-200) !important

border-e-dark-green-300

border-inline-end-color: var(--color-dark-green-300) !important

border-e-dark-green-400

border-inline-end-color: var(--color-dark-green-400) !important

border-e-dark-green-50

border-inline-end-color: var(--color-dark-green-50) !important

border-e-dark-green-500

border-inline-end-color: var(--color-dark-green-500) !important

border-e-dark-green-600

border-inline-end-color: var(--color-dark-green-600) !important

border-e-dark-green-700

border-inline-end-color: var(--color-dark-green-700) !important

border-e-dark-green-800

border-inline-end-color: var(--color-dark-green-800) !important

border-e-dark-green-900

border-inline-end-color: var(--color-dark-green-900) !important

border-e-dark-neutral-default

border-inline-end-color: var(--color-dark-neutral-default) !important

border-e-dark-neutral-hover

border-inline-end-color: var(--color-dark-neutral-hover) !important

border-e-dark-neutral-pressed

border-inline-end-color: var(--color-dark-neutral-pressed) !important

border-e-dark-orange-100

border-inline-end-color: var(--color-dark-orange-100) !important

border-e-dark-orange-200

border-inline-end-color: var(--color-dark-orange-200) !important

border-e-dark-orange-300

border-inline-end-color: var(--color-dark-orange-300) !important

border-e-dark-orange-400

border-inline-end-color: var(--color-dark-orange-400) !important

border-e-dark-orange-50

border-inline-end-color: var(--color-dark-orange-50) !important

border-e-dark-orange-500

border-inline-end-color: var(--color-dark-orange-500) !important

border-e-dark-orange-600

border-inline-end-color: var(--color-dark-orange-600) !important

border-e-dark-orange-700

border-inline-end-color: var(--color-dark-orange-700) !important

border-e-dark-orange-800

border-inline-end-color: var(--color-dark-orange-800) !important

border-e-dark-orange-900

border-inline-end-color: var(--color-dark-orange-900) !important

border-e-dark-primary-100

border-inline-end-color: var(--color-dark-primary-100) !important

border-e-dark-primary-200

border-inline-end-color: var(--color-dark-primary-200) !important

border-e-dark-primary-300

border-inline-end-color: var(--color-dark-primary-300) !important

border-e-dark-primary-400

border-inline-end-color: var(--color-dark-primary-400) !important

border-e-dark-primary-50

border-inline-end-color: var(--color-dark-primary-50) !important

border-e-dark-primary-500

border-inline-end-color: var(--color-dark-primary-500) !important

border-e-dark-primary-600

border-inline-end-color: var(--color-dark-primary-600) !important

border-e-dark-primary-700

border-inline-end-color: var(--color-dark-primary-700) !important

border-e-dark-primary-800

border-inline-end-color: var(--color-dark-primary-800) !important

border-e-dark-primary-900

border-inline-end-color: var(--color-dark-primary-900) !important

border-e-dark-primary-default

border-inline-end-color: var(--color-dark-primary-default) !important

border-e-dark-primary-hover

border-inline-end-color: var(--color-dark-primary-hover) !important

border-e-dark-primary-pressed

border-inline-end-color: var(--color-dark-primary-pressed) !important

border-e-dark-red-100

border-inline-end-color: var(--color-dark-red-100) !important

border-e-dark-red-200

border-inline-end-color: var(--color-dark-red-200) !important

border-e-dark-red-300

border-inline-end-color: var(--color-dark-red-300) !important

border-e-dark-red-400

border-inline-end-color: var(--color-dark-red-400) !important

border-e-dark-red-50

border-inline-end-color: var(--color-dark-red-50) !important

border-e-dark-red-500

border-inline-end-color: var(--color-dark-red-500) !important

border-e-dark-red-600

border-inline-end-color: var(--color-dark-red-600) !important

border-e-dark-red-700

border-inline-end-color: var(--color-dark-red-700) !important

border-e-dark-red-800

border-inline-end-color: var(--color-dark-red-800) !important

border-e-dark-red-900

border-inline-end-color: var(--color-dark-red-900) !important

border-e-dark-success-default

border-inline-end-color: var(--color-dark-success-default) !important

border-e-dark-success-hover

border-inline-end-color: var(--color-dark-success-hover) !important

border-e-dark-success-pressed

border-inline-end-color: var(--color-dark-success-pressed) !important

border-e-dark-warning-default

border-inline-end-color: var(--color-dark-warning-default) !important

border-e-dark-warning-hover

border-inline-end-color: var(--color-dark-warning-hover) !important

border-e-dark-warning-pressed

border-inline-end-color: var(--color-dark-warning-pressed) !important

border-e-font-onBackground-default

border-inline-end-color: var(--color-font-onBackground-default) !important

border-e-green-100

border-inline-end-color: var(--color-green-100) !important

border-e-green-200

border-inline-end-color: var(--color-green-200) !important

border-e-green-300

border-inline-end-color: var(--color-green-300) !important

border-e-green-400

border-inline-end-color: var(--color-green-400) !important

border-e-green-50

border-inline-end-color: var(--color-green-50) !important

border-e-green-500

border-inline-end-color: var(--color-green-500) !important

border-e-green-600

border-inline-end-color: var(--color-green-600) !important

border-e-green-700

border-inline-end-color: var(--color-green-700) !important

border-e-green-800

border-inline-end-color: var(--color-green-800) !important

border-e-green-900

border-inline-end-color: var(--color-green-900) !important

border-e-lightblue-100

border-inline-end-color: var(--color-lightblue-100) !important

border-e-lightblue-200

border-inline-end-color: var(--color-lightblue-200) !important

border-e-lightblue-300

border-inline-end-color: var(--color-lightblue-300) !important

border-e-lightblue-400

border-inline-end-color: var(--color-lightblue-400) !important

border-e-lightblue-50

border-inline-end-color: var(--color-lightblue-50) !important

border-e-lightblue-500

border-inline-end-color: var(--color-lightblue-500) !important

border-e-lightblue-600

border-inline-end-color: var(--color-lightblue-600) !important

border-e-lightblue-700

border-inline-end-color: var(--color-lightblue-700) !important

border-e-lightblue-800

border-inline-end-color: var(--color-lightblue-800) !important

border-e-lightblue-900

border-inline-end-color: var(--color-lightblue-900) !important

border-e-neutral-default

border-inline-end-color: var(--color-neutral-default) !important

border-e-neutral-hover

border-inline-end-color: var(--color-neutral-hover) !important

border-e-neutral-pressed

border-inline-end-color: var(--color-neutral-pressed) !important

border-e-orange-100

border-inline-end-color: var(--color-orange-100) !important

border-e-orange-200

border-inline-end-color: var(--color-orange-200) !important

border-e-orange-300

border-inline-end-color: var(--color-orange-300) !important

border-e-orange-400

border-inline-end-color: var(--color-orange-400) !important

border-e-orange-50

border-inline-end-color: var(--color-orange-50) !important

border-e-orange-500

border-inline-end-color: var(--color-orange-500) !important

border-e-orange-600

border-inline-end-color: var(--color-orange-600) !important

border-e-orange-700

border-inline-end-color: var(--color-orange-700) !important

border-e-orange-800

border-inline-end-color: var(--color-orange-800) !important

border-e-orange-900

border-inline-end-color: var(--color-orange-900) !important

border-e-primary-100

border-inline-end-color: var(--color-primary-100) !important

border-e-primary-200

border-inline-end-color: var(--color-primary-200) !important

border-e-primary-300

border-inline-end-color: var(--color-primary-300) !important

border-e-primary-400

border-inline-end-color: var(--color-primary-400) !important

border-e-primary-50

border-inline-end-color: var(--color-primary-50) !important

border-e-primary-500

border-inline-end-color: var(--color-primary-500) !important

border-e-primary-600

border-inline-end-color: var(--color-primary-600) !important

border-e-primary-700

border-inline-end-color: var(--color-primary-700) !important

border-e-primary-800

border-inline-end-color: var(--color-primary-800) !important

border-e-primary-900

border-inline-end-color: var(--color-primary-900) !important

border-e-primary-default

border-inline-end-color: var(--color-primary-default) !important

border-e-primary-hover

border-inline-end-color: var(--color-primary-hover) !important

border-e-primary-pressed

border-inline-end-color: var(--color-primary-pressed) !important

border-e-purple-100

border-inline-end-color: var(--color-purple-100) !important

border-e-purple-200

border-inline-end-color: var(--color-purple-200) !important

border-e-purple-300

border-inline-end-color: var(--color-purple-300) !important

border-e-purple-400

border-inline-end-color: var(--color-purple-400) !important

border-e-purple-50

border-inline-end-color: var(--color-purple-50) !important

border-e-purple-500

border-inline-end-color: var(--color-purple-500) !important

border-e-purple-600

border-inline-end-color: var(--color-purple-600) !important

border-e-purple-700

border-inline-end-color: var(--color-purple-700) !important

border-e-purple-800

border-inline-end-color: var(--color-purple-800) !important

border-e-purple-900

border-inline-end-color: var(--color-purple-900) !important

border-e-red-100

border-inline-end-color: var(--color-red-100) !important

border-e-red-200

border-inline-end-color: var(--color-red-200) !important

border-e-red-300

border-inline-end-color: var(--color-red-300) !important

border-e-red-400

border-inline-end-color: var(--color-red-400) !important

border-e-red-50

border-inline-end-color: var(--color-red-50) !important

border-e-red-500

border-inline-end-color: var(--color-red-500) !important

border-e-red-600

border-inline-end-color: var(--color-red-600) !important

border-e-red-700

border-inline-end-color: var(--color-red-700) !important

border-e-red-800

border-inline-end-color: var(--color-red-800) !important

border-e-red-900

border-inline-end-color: var(--color-red-900) !important

border-e-success-default

border-inline-end-color: var(--color-success-default) !important

border-e-success-hover

border-inline-end-color: var(--color-success-hover) !important

border-e-success-pressed

border-inline-end-color: var(--color-success-pressed) !important

border-e-warning-default

border-inline-end-color: var(--color-warning-default) !important

border-e-warning-hover

border-inline-end-color: var(--color-warning-hover) !important

border-e-warning-pressed

border-inline-end-color: var(--color-warning-pressed) !important

border-e-white-10

border-inline-end-color: var(--color-white-10) !important

border-e-white-100

border-inline-end-color: var(--color-white-100) !important

border-e-white-20

border-inline-end-color: var(--color-white-20) !important

border-e-white-30

border-inline-end-color: var(--color-white-30) !important

border-e-white-40

border-inline-end-color: var(--color-white-40) !important

border-e-white-5

border-inline-end-color: var(--color-white-5) !important

border-e-white-50

border-inline-end-color: var(--color-white-50) !important

border-e-white-60

border-inline-end-color: var(--color-white-60) !important

border-e-white-70

border-inline-end-color: var(--color-white-70) !important

border-e-white-80

border-inline-end-color: var(--color-white-80) !important

border-e-white-90

border-inline-end-color: var(--color-white-90) !important

border-e-yellow-100

border-inline-end-color: var(--color-yellow-100) !important

border-e-yellow-200

border-inline-end-color: var(--color-yellow-200) !important

border-e-yellow-300

border-inline-end-color: var(--color-yellow-300) !important

border-e-yellow-400

border-inline-end-color: var(--color-yellow-400) !important

border-e-yellow-50

border-inline-end-color: var(--color-yellow-50) !important

border-e-yellow-500

border-inline-end-color: var(--color-yellow-500) !important

border-e-yellow-600

border-inline-end-color: var(--color-yellow-600) !important

border-e-yellow-700

border-inline-end-color: var(--color-yellow-700) !important

border-e-yellow-800

border-inline-end-color: var(--color-yellow-800) !important

border-e-yellow-900

border-inline-end-color: var(--color-yellow-900) !important

border-l-background-default

border-left-color: var(--color-background-default) !important

border-l-black-10

border-left-color: var(--color-black-10) !important

border-l-black-100

border-left-color: var(--color-black-100) !important

border-l-black-20

border-left-color: var(--color-black-20) !important

border-l-black-30

border-left-color: var(--color-black-30) !important

border-l-black-40

border-left-color: var(--color-black-40) !important

border-l-black-5

border-left-color: var(--color-black-5) !important

border-l-black-50

border-left-color: var(--color-black-50) !important

border-l-black-60

border-left-color: var(--color-black-60) !important

border-l-black-70

border-left-color: var(--color-black-70) !important

border-l-black-80

border-left-color: var(--color-black-80) !important

border-l-black-90

border-left-color: var(--color-black-90) !important

border-l-blue-100

border-left-color: var(--color-blue-100) !important

border-l-blue-200

border-left-color: var(--color-blue-200) !important

border-l-blue-300

border-left-color: var(--color-blue-300) !important

border-l-blue-400

border-left-color: var(--color-blue-400) !important

border-l-blue-50

border-left-color: var(--color-blue-50) !important

border-l-blue-500

border-left-color: var(--color-blue-500) !important

border-l-blue-600

border-left-color: var(--color-blue-600) !important

border-l-blue-700

border-left-color: var(--color-blue-700) !important

border-l-blue-800

border-left-color: var(--color-blue-800) !important

border-l-blue-900

border-left-color: var(--color-blue-900) !important

border-l-bluegreen-100

border-left-color: var(--color-bluegreen-100) !important

border-l-bluegreen-200

border-left-color: var(--color-bluegreen-200) !important

border-l-bluegreen-300

border-left-color: var(--color-bluegreen-300) !important

border-l-bluegreen-400

border-left-color: var(--color-bluegreen-400) !important

border-l-bluegreen-50

border-left-color: var(--color-bluegreen-50) !important

border-l-bluegreen-500

border-left-color: var(--color-bluegreen-500) !important

border-l-bluegreen-600

border-left-color: var(--color-bluegreen-600) !important

border-l-bluegreen-700

border-left-color: var(--color-bluegreen-700) !important

border-l-bluegreen-800

border-left-color: var(--color-bluegreen-800) !important

border-l-bluegreen-900

border-left-color: var(--color-bluegreen-900) !important

border-l-bluegrey-100

border-left-color: var(--color-bluegrey-100) !important

border-l-bluegrey-200

border-left-color: var(--color-bluegrey-200) !important

border-l-bluegrey-25

border-left-color: var(--color-bluegrey-25) !important

border-l-bluegrey-300

border-left-color: var(--color-bluegrey-300) !important

border-l-bluegrey-400

border-left-color: var(--color-bluegrey-400) !important

border-l-bluegrey-50

border-left-color: var(--color-bluegrey-50) !important

border-l-bluegrey-500

border-left-color: var(--color-bluegrey-500) !important

border-l-bluegrey-600

border-left-color: var(--color-bluegrey-600) !important

border-l-bluegrey-650

border-left-color: var(--color-bluegrey-650) !important

border-l-bluegrey-700

border-left-color: var(--color-bluegrey-700) !important

border-l-bluegrey-750

border-left-color: var(--color-bluegrey-750) !important

border-l-bluegrey-800

border-left-color: var(--color-bluegrey-800) !important

border-l-bluegrey-850

border-left-color: var(--color-bluegrey-850) !important

border-l-bluegrey-900

border-left-color: var(--color-bluegrey-900) !important

border-l-danger-default

border-left-color: var(--color-danger-default) !important

border-l-danger-hover

border-left-color: var(--color-danger-hover) !important

border-l-danger-pressed

border-left-color: var(--color-danger-pressed) !important

border-l-dark-blue-100

border-left-color: var(--color-dark-blue-100) !important

border-l-dark-blue-200

border-left-color: var(--color-dark-blue-200) !important

border-l-dark-blue-300

border-left-color: var(--color-dark-blue-300) !important

border-l-dark-blue-400

border-left-color: var(--color-dark-blue-400) !important

border-l-dark-blue-50

border-left-color: var(--color-dark-blue-50) !important

border-l-dark-blue-500

border-left-color: var(--color-dark-blue-500) !important

border-l-dark-blue-600

border-left-color: var(--color-dark-blue-600) !important

border-l-dark-blue-700

border-left-color: var(--color-dark-blue-700) !important

border-l-dark-blue-800

border-left-color: var(--color-dark-blue-800) !important

border-l-dark-blue-900

border-left-color: var(--color-dark-blue-900) !important

border-l-dark-danger-default

border-left-color: var(--color-dark-danger-default) !important

border-l-dark-danger-hover

border-left-color: var(--color-dark-danger-hover) !important

border-l-dark-danger-pressed

border-left-color: var(--color-dark-danger-pressed) !important

border-l-dark-green-100

border-left-color: var(--color-dark-green-100) !important

border-l-dark-green-200

border-left-color: var(--color-dark-green-200) !important

border-l-dark-green-300

border-left-color: var(--color-dark-green-300) !important

border-l-dark-green-400

border-left-color: var(--color-dark-green-400) !important

border-l-dark-green-50

border-left-color: var(--color-dark-green-50) !important

border-l-dark-green-500

border-left-color: var(--color-dark-green-500) !important

border-l-dark-green-600

border-left-color: var(--color-dark-green-600) !important

border-l-dark-green-700

border-left-color: var(--color-dark-green-700) !important

border-l-dark-green-800

border-left-color: var(--color-dark-green-800) !important

border-l-dark-green-900

border-left-color: var(--color-dark-green-900) !important

border-l-dark-neutral-default

border-left-color: var(--color-dark-neutral-default) !important

border-l-dark-neutral-hover

border-left-color: var(--color-dark-neutral-hover) !important

border-l-dark-neutral-pressed

border-left-color: var(--color-dark-neutral-pressed) !important

border-l-dark-orange-100

border-left-color: var(--color-dark-orange-100) !important

border-l-dark-orange-200

border-left-color: var(--color-dark-orange-200) !important

border-l-dark-orange-300

border-left-color: var(--color-dark-orange-300) !important

border-l-dark-orange-400

border-left-color: var(--color-dark-orange-400) !important

border-l-dark-orange-50

border-left-color: var(--color-dark-orange-50) !important

border-l-dark-orange-500

border-left-color: var(--color-dark-orange-500) !important

border-l-dark-orange-600

border-left-color: var(--color-dark-orange-600) !important

border-l-dark-orange-700

border-left-color: var(--color-dark-orange-700) !important

border-l-dark-orange-800

border-left-color: var(--color-dark-orange-800) !important

border-l-dark-orange-900

border-left-color: var(--color-dark-orange-900) !important

border-l-dark-primary-100

border-left-color: var(--color-dark-primary-100) !important

border-l-dark-primary-200

border-left-color: var(--color-dark-primary-200) !important

border-l-dark-primary-300

border-left-color: var(--color-dark-primary-300) !important

border-l-dark-primary-400

border-left-color: var(--color-dark-primary-400) !important

border-l-dark-primary-50

border-left-color: var(--color-dark-primary-50) !important

border-l-dark-primary-500

border-left-color: var(--color-dark-primary-500) !important

border-l-dark-primary-600

border-left-color: var(--color-dark-primary-600) !important

border-l-dark-primary-700

border-left-color: var(--color-dark-primary-700) !important

border-l-dark-primary-800

border-left-color: var(--color-dark-primary-800) !important

border-l-dark-primary-900

border-left-color: var(--color-dark-primary-900) !important

border-l-dark-primary-default

border-left-color: var(--color-dark-primary-default) !important

border-l-dark-primary-hover

border-left-color: var(--color-dark-primary-hover) !important

border-l-dark-primary-pressed

border-left-color: var(--color-dark-primary-pressed) !important

border-l-dark-red-100

border-left-color: var(--color-dark-red-100) !important

border-l-dark-red-200

border-left-color: var(--color-dark-red-200) !important

border-l-dark-red-300

border-left-color: var(--color-dark-red-300) !important

border-l-dark-red-400

border-left-color: var(--color-dark-red-400) !important

border-l-dark-red-50

border-left-color: var(--color-dark-red-50) !important

border-l-dark-red-500

border-left-color: var(--color-dark-red-500) !important

border-l-dark-red-600

border-left-color: var(--color-dark-red-600) !important

border-l-dark-red-700

border-left-color: var(--color-dark-red-700) !important

border-l-dark-red-800

border-left-color: var(--color-dark-red-800) !important

border-l-dark-red-900

border-left-color: var(--color-dark-red-900) !important

border-l-dark-success-default

border-left-color: var(--color-dark-success-default) !important

border-l-dark-success-hover

border-left-color: var(--color-dark-success-hover) !important

border-l-dark-success-pressed

border-left-color: var(--color-dark-success-pressed) !important

border-l-dark-warning-default

border-left-color: var(--color-dark-warning-default) !important

border-l-dark-warning-hover

border-left-color: var(--color-dark-warning-hover) !important

border-l-dark-warning-pressed

border-left-color: var(--color-dark-warning-pressed) !important

border-l-font-onBackground-default

border-left-color: var(--color-font-onBackground-default) !important

border-l-green-100

border-left-color: var(--color-green-100) !important

border-l-green-200

border-left-color: var(--color-green-200) !important

border-l-green-300

border-left-color: var(--color-green-300) !important

border-l-green-400

border-left-color: var(--color-green-400) !important

border-l-green-50

border-left-color: var(--color-green-50) !important

border-l-green-500

border-left-color: var(--color-green-500) !important

border-l-green-600

border-left-color: var(--color-green-600) !important

border-l-green-700

border-left-color: var(--color-green-700) !important

border-l-green-800

border-left-color: var(--color-green-800) !important

border-l-green-900

border-left-color: var(--color-green-900) !important

border-l-lightblue-100

border-left-color: var(--color-lightblue-100) !important

border-l-lightblue-200

border-left-color: var(--color-lightblue-200) !important

border-l-lightblue-300

border-left-color: var(--color-lightblue-300) !important

border-l-lightblue-400

border-left-color: var(--color-lightblue-400) !important

border-l-lightblue-50

border-left-color: var(--color-lightblue-50) !important

border-l-lightblue-500

border-left-color: var(--color-lightblue-500) !important

border-l-lightblue-600

border-left-color: var(--color-lightblue-600) !important

border-l-lightblue-700

border-left-color: var(--color-lightblue-700) !important

border-l-lightblue-800

border-left-color: var(--color-lightblue-800) !important

border-l-lightblue-900

border-left-color: var(--color-lightblue-900) !important

border-l-neutral-default

border-left-color: var(--color-neutral-default) !important

border-l-neutral-hover

border-left-color: var(--color-neutral-hover) !important

border-l-neutral-pressed

border-left-color: var(--color-neutral-pressed) !important

border-l-orange-100

border-left-color: var(--color-orange-100) !important

border-l-orange-200

border-left-color: var(--color-orange-200) !important

border-l-orange-300

border-left-color: var(--color-orange-300) !important

border-l-orange-400

border-left-color: var(--color-orange-400) !important

border-l-orange-50

border-left-color: var(--color-orange-50) !important

border-l-orange-500

border-left-color: var(--color-orange-500) !important

border-l-orange-600

border-left-color: var(--color-orange-600) !important

border-l-orange-700

border-left-color: var(--color-orange-700) !important

border-l-orange-800

border-left-color: var(--color-orange-800) !important

border-l-orange-900

border-left-color: var(--color-orange-900) !important

border-l-primary-100

border-left-color: var(--color-primary-100) !important

border-l-primary-200

border-left-color: var(--color-primary-200) !important

border-l-primary-300

border-left-color: var(--color-primary-300) !important

border-l-primary-400

border-left-color: var(--color-primary-400) !important

border-l-primary-50

border-left-color: var(--color-primary-50) !important

border-l-primary-500

border-left-color: var(--color-primary-500) !important

border-l-primary-600

border-left-color: var(--color-primary-600) !important

border-l-primary-700

border-left-color: var(--color-primary-700) !important

border-l-primary-800

border-left-color: var(--color-primary-800) !important

border-l-primary-900

border-left-color: var(--color-primary-900) !important

border-l-primary-default

border-left-color: var(--color-primary-default) !important

border-l-primary-hover

border-left-color: var(--color-primary-hover) !important

border-l-primary-pressed

border-left-color: var(--color-primary-pressed) !important

border-l-purple-100

border-left-color: var(--color-purple-100) !important

border-l-purple-200

border-left-color: var(--color-purple-200) !important

border-l-purple-300

border-left-color: var(--color-purple-300) !important

border-l-purple-400

border-left-color: var(--color-purple-400) !important

border-l-purple-50

border-left-color: var(--color-purple-50) !important

border-l-purple-500

border-left-color: var(--color-purple-500) !important

border-l-purple-600

border-left-color: var(--color-purple-600) !important

border-l-purple-700

border-left-color: var(--color-purple-700) !important

border-l-purple-800

border-left-color: var(--color-purple-800) !important

border-l-purple-900

border-left-color: var(--color-purple-900) !important

border-l-red-100

border-left-color: var(--color-red-100) !important

border-l-red-200

border-left-color: var(--color-red-200) !important

border-l-red-300

border-left-color: var(--color-red-300) !important

border-l-red-400

border-left-color: var(--color-red-400) !important

border-l-red-50

border-left-color: var(--color-red-50) !important

border-l-red-500

border-left-color: var(--color-red-500) !important

border-l-red-600

border-left-color: var(--color-red-600) !important

border-l-red-700

border-left-color: var(--color-red-700) !important

border-l-red-800

border-left-color: var(--color-red-800) !important

border-l-red-900

border-left-color: var(--color-red-900) !important

border-l-success-default

border-left-color: var(--color-success-default) !important

border-l-success-hover

border-left-color: var(--color-success-hover) !important

border-l-success-pressed

border-left-color: var(--color-success-pressed) !important

border-l-warning-default

border-left-color: var(--color-warning-default) !important

border-l-warning-hover

border-left-color: var(--color-warning-hover) !important

border-l-warning-pressed

border-left-color: var(--color-warning-pressed) !important

border-l-white-10

border-left-color: var(--color-white-10) !important

border-l-white-100

border-left-color: var(--color-white-100) !important

border-l-white-20

border-left-color: var(--color-white-20) !important

border-l-white-30

border-left-color: var(--color-white-30) !important

border-l-white-40

border-left-color: var(--color-white-40) !important

border-l-white-5

border-left-color: var(--color-white-5) !important

border-l-white-50

border-left-color: var(--color-white-50) !important

border-l-white-60

border-left-color: var(--color-white-60) !important

border-l-white-70

border-left-color: var(--color-white-70) !important

border-l-white-80

border-left-color: var(--color-white-80) !important

border-l-white-90

border-left-color: var(--color-white-90) !important

border-l-yellow-100

border-left-color: var(--color-yellow-100) !important

border-l-yellow-200

border-left-color: var(--color-yellow-200) !important

border-l-yellow-300

border-left-color: var(--color-yellow-300) !important

border-l-yellow-400

border-left-color: var(--color-yellow-400) !important

border-l-yellow-50

border-left-color: var(--color-yellow-50) !important

border-l-yellow-500

border-left-color: var(--color-yellow-500) !important

border-l-yellow-600

border-left-color: var(--color-yellow-600) !important

border-l-yellow-700

border-left-color: var(--color-yellow-700) !important

border-l-yellow-800

border-left-color: var(--color-yellow-800) !important

border-l-yellow-900

border-left-color: var(--color-yellow-900) !important

border-r-background-default

border-right-color: var(--color-background-default) !important

border-r-black-10

border-right-color: var(--color-black-10) !important

border-r-black-100

border-right-color: var(--color-black-100) !important

border-r-black-20

border-right-color: var(--color-black-20) !important

border-r-black-30

border-right-color: var(--color-black-30) !important

border-r-black-40

border-right-color: var(--color-black-40) !important

border-r-black-5

border-right-color: var(--color-black-5) !important

border-r-black-50

border-right-color: var(--color-black-50) !important

border-r-black-60

border-right-color: var(--color-black-60) !important

border-r-black-70

border-right-color: var(--color-black-70) !important

border-r-black-80

border-right-color: var(--color-black-80) !important

border-r-black-90

border-right-color: var(--color-black-90) !important

border-r-blue-100

border-right-color: var(--color-blue-100) !important

border-r-blue-200

border-right-color: var(--color-blue-200) !important

border-r-blue-300

border-right-color: var(--color-blue-300) !important

border-r-blue-400

border-right-color: var(--color-blue-400) !important

border-r-blue-50

border-right-color: var(--color-blue-50) !important

border-r-blue-500

border-right-color: var(--color-blue-500) !important

border-r-blue-600

border-right-color: var(--color-blue-600) !important

border-r-blue-700

border-right-color: var(--color-blue-700) !important

border-r-blue-800

border-right-color: var(--color-blue-800) !important

border-r-blue-900

border-right-color: var(--color-blue-900) !important

border-r-bluegreen-100

border-right-color: var(--color-bluegreen-100) !important

border-r-bluegreen-200

border-right-color: var(--color-bluegreen-200) !important

border-r-bluegreen-300

border-right-color: var(--color-bluegreen-300) !important

border-r-bluegreen-400

border-right-color: var(--color-bluegreen-400) !important

border-r-bluegreen-50

border-right-color: var(--color-bluegreen-50) !important

border-r-bluegreen-500

border-right-color: var(--color-bluegreen-500) !important

border-r-bluegreen-600

border-right-color: var(--color-bluegreen-600) !important

border-r-bluegreen-700

border-right-color: var(--color-bluegreen-700) !important

border-r-bluegreen-800

border-right-color: var(--color-bluegreen-800) !important

border-r-bluegreen-900

border-right-color: var(--color-bluegreen-900) !important

border-r-bluegrey-100

border-right-color: var(--color-bluegrey-100) !important

border-r-bluegrey-200

border-right-color: var(--color-bluegrey-200) !important

border-r-bluegrey-25

border-right-color: var(--color-bluegrey-25) !important

border-r-bluegrey-300

border-right-color: var(--color-bluegrey-300) !important

border-r-bluegrey-400

border-right-color: var(--color-bluegrey-400) !important

border-r-bluegrey-50

border-right-color: var(--color-bluegrey-50) !important

border-r-bluegrey-500

border-right-color: var(--color-bluegrey-500) !important

border-r-bluegrey-600

border-right-color: var(--color-bluegrey-600) !important

border-r-bluegrey-650

border-right-color: var(--color-bluegrey-650) !important

border-r-bluegrey-700

border-right-color: var(--color-bluegrey-700) !important

border-r-bluegrey-750

border-right-color: var(--color-bluegrey-750) !important

border-r-bluegrey-800

border-right-color: var(--color-bluegrey-800) !important

border-r-bluegrey-850

border-right-color: var(--color-bluegrey-850) !important

border-r-bluegrey-900

border-right-color: var(--color-bluegrey-900) !important

border-r-danger-default

border-right-color: var(--color-danger-default) !important

border-r-danger-hover

border-right-color: var(--color-danger-hover) !important

border-r-danger-pressed

border-right-color: var(--color-danger-pressed) !important

border-r-dark-blue-100

border-right-color: var(--color-dark-blue-100) !important

border-r-dark-blue-200

border-right-color: var(--color-dark-blue-200) !important

border-r-dark-blue-300

border-right-color: var(--color-dark-blue-300) !important

border-r-dark-blue-400

border-right-color: var(--color-dark-blue-400) !important

border-r-dark-blue-50

border-right-color: var(--color-dark-blue-50) !important

border-r-dark-blue-500

border-right-color: var(--color-dark-blue-500) !important

border-r-dark-blue-600

border-right-color: var(--color-dark-blue-600) !important

border-r-dark-blue-700

border-right-color: var(--color-dark-blue-700) !important

border-r-dark-blue-800

border-right-color: var(--color-dark-blue-800) !important

border-r-dark-blue-900

border-right-color: var(--color-dark-blue-900) !important

border-r-dark-danger-default

border-right-color: var(--color-dark-danger-default) !important

border-r-dark-danger-hover

border-right-color: var(--color-dark-danger-hover) !important

border-r-dark-danger-pressed

border-right-color: var(--color-dark-danger-pressed) !important

border-r-dark-green-100

border-right-color: var(--color-dark-green-100) !important

border-r-dark-green-200

border-right-color: var(--color-dark-green-200) !important

border-r-dark-green-300

border-right-color: var(--color-dark-green-300) !important

border-r-dark-green-400

border-right-color: var(--color-dark-green-400) !important

border-r-dark-green-50

border-right-color: var(--color-dark-green-50) !important

border-r-dark-green-500

border-right-color: var(--color-dark-green-500) !important

border-r-dark-green-600

border-right-color: var(--color-dark-green-600) !important

border-r-dark-green-700

border-right-color: var(--color-dark-green-700) !important

border-r-dark-green-800

border-right-color: var(--color-dark-green-800) !important

border-r-dark-green-900

border-right-color: var(--color-dark-green-900) !important

border-r-dark-neutral-default

border-right-color: var(--color-dark-neutral-default) !important

border-r-dark-neutral-hover

border-right-color: var(--color-dark-neutral-hover) !important

border-r-dark-neutral-pressed

border-right-color: var(--color-dark-neutral-pressed) !important

border-r-dark-orange-100

border-right-color: var(--color-dark-orange-100) !important

border-r-dark-orange-200

border-right-color: var(--color-dark-orange-200) !important

border-r-dark-orange-300

border-right-color: var(--color-dark-orange-300) !important

border-r-dark-orange-400

border-right-color: var(--color-dark-orange-400) !important

border-r-dark-orange-50

border-right-color: var(--color-dark-orange-50) !important

border-r-dark-orange-500

border-right-color: var(--color-dark-orange-500) !important

border-r-dark-orange-600

border-right-color: var(--color-dark-orange-600) !important

border-r-dark-orange-700

border-right-color: var(--color-dark-orange-700) !important

border-r-dark-orange-800

border-right-color: var(--color-dark-orange-800) !important

border-r-dark-orange-900

border-right-color: var(--color-dark-orange-900) !important

border-r-dark-primary-100

border-right-color: var(--color-dark-primary-100) !important

border-r-dark-primary-200

border-right-color: var(--color-dark-primary-200) !important

border-r-dark-primary-300

border-right-color: var(--color-dark-primary-300) !important

border-r-dark-primary-400

border-right-color: var(--color-dark-primary-400) !important

border-r-dark-primary-50

border-right-color: var(--color-dark-primary-50) !important

border-r-dark-primary-500

border-right-color: var(--color-dark-primary-500) !important

border-r-dark-primary-600

border-right-color: var(--color-dark-primary-600) !important

border-r-dark-primary-700

border-right-color: var(--color-dark-primary-700) !important

border-r-dark-primary-800

border-right-color: var(--color-dark-primary-800) !important

border-r-dark-primary-900

border-right-color: var(--color-dark-primary-900) !important

border-r-dark-primary-default

border-right-color: var(--color-dark-primary-default) !important

border-r-dark-primary-hover

border-right-color: var(--color-dark-primary-hover) !important

border-r-dark-primary-pressed

border-right-color: var(--color-dark-primary-pressed) !important

border-r-dark-red-100

border-right-color: var(--color-dark-red-100) !important

border-r-dark-red-200

border-right-color: var(--color-dark-red-200) !important

border-r-dark-red-300

border-right-color: var(--color-dark-red-300) !important

border-r-dark-red-400

border-right-color: var(--color-dark-red-400) !important

border-r-dark-red-50

border-right-color: var(--color-dark-red-50) !important

border-r-dark-red-500

border-right-color: var(--color-dark-red-500) !important

border-r-dark-red-600

border-right-color: var(--color-dark-red-600) !important

border-r-dark-red-700

border-right-color: var(--color-dark-red-700) !important

border-r-dark-red-800

border-right-color: var(--color-dark-red-800) !important

border-r-dark-red-900

border-right-color: var(--color-dark-red-900) !important

border-r-dark-success-default

border-right-color: var(--color-dark-success-default) !important

border-r-dark-success-hover

border-right-color: var(--color-dark-success-hover) !important

border-r-dark-success-pressed

border-right-color: var(--color-dark-success-pressed) !important

border-r-dark-warning-default

border-right-color: var(--color-dark-warning-default) !important

border-r-dark-warning-hover

border-right-color: var(--color-dark-warning-hover) !important

border-r-dark-warning-pressed

border-right-color: var(--color-dark-warning-pressed) !important

border-r-font-onBackground-default

border-right-color: var(--color-font-onBackground-default) !important

border-r-green-100

border-right-color: var(--color-green-100) !important

border-r-green-200

border-right-color: var(--color-green-200) !important

border-r-green-300

border-right-color: var(--color-green-300) !important

border-r-green-400

border-right-color: var(--color-green-400) !important

border-r-green-50

border-right-color: var(--color-green-50) !important

border-r-green-500

border-right-color: var(--color-green-500) !important

border-r-green-600

border-right-color: var(--color-green-600) !important

border-r-green-700

border-right-color: var(--color-green-700) !important

border-r-green-800

border-right-color: var(--color-green-800) !important

border-r-green-900

border-right-color: var(--color-green-900) !important

border-r-lightblue-100

border-right-color: var(--color-lightblue-100) !important

border-r-lightblue-200

border-right-color: var(--color-lightblue-200) !important

border-r-lightblue-300

border-right-color: var(--color-lightblue-300) !important

border-r-lightblue-400

border-right-color: var(--color-lightblue-400) !important

border-r-lightblue-50

border-right-color: var(--color-lightblue-50) !important

border-r-lightblue-500

border-right-color: var(--color-lightblue-500) !important

border-r-lightblue-600

border-right-color: var(--color-lightblue-600) !important

border-r-lightblue-700

border-right-color: var(--color-lightblue-700) !important

border-r-lightblue-800

border-right-color: var(--color-lightblue-800) !important

border-r-lightblue-900

border-right-color: var(--color-lightblue-900) !important

border-r-neutral-default

border-right-color: var(--color-neutral-default) !important

border-r-neutral-hover

border-right-color: var(--color-neutral-hover) !important

border-r-neutral-pressed

border-right-color: var(--color-neutral-pressed) !important

border-r-orange-100

border-right-color: var(--color-orange-100) !important

border-r-orange-200

border-right-color: var(--color-orange-200) !important

border-r-orange-300

border-right-color: var(--color-orange-300) !important

border-r-orange-400

border-right-color: var(--color-orange-400) !important

border-r-orange-50

border-right-color: var(--color-orange-50) !important

border-r-orange-500

border-right-color: var(--color-orange-500) !important

border-r-orange-600

border-right-color: var(--color-orange-600) !important

border-r-orange-700

border-right-color: var(--color-orange-700) !important

border-r-orange-800

border-right-color: var(--color-orange-800) !important

border-r-orange-900

border-right-color: var(--color-orange-900) !important

border-r-primary-100

border-right-color: var(--color-primary-100) !important

border-r-primary-200

border-right-color: var(--color-primary-200) !important

border-r-primary-300

border-right-color: var(--color-primary-300) !important

border-r-primary-400

border-right-color: var(--color-primary-400) !important

border-r-primary-50

border-right-color: var(--color-primary-50) !important

border-r-primary-500

border-right-color: var(--color-primary-500) !important

border-r-primary-600

border-right-color: var(--color-primary-600) !important

border-r-primary-700

border-right-color: var(--color-primary-700) !important

border-r-primary-800

border-right-color: var(--color-primary-800) !important

border-r-primary-900

border-right-color: var(--color-primary-900) !important

border-r-primary-default

border-right-color: var(--color-primary-default) !important

border-r-primary-hover

border-right-color: var(--color-primary-hover) !important

border-r-primary-pressed

border-right-color: var(--color-primary-pressed) !important

border-r-purple-100

border-right-color: var(--color-purple-100) !important

border-r-purple-200

border-right-color: var(--color-purple-200) !important

border-r-purple-300

border-right-color: var(--color-purple-300) !important

border-r-purple-400

border-right-color: var(--color-purple-400) !important

border-r-purple-50

border-right-color: var(--color-purple-50) !important

border-r-purple-500

border-right-color: var(--color-purple-500) !important

border-r-purple-600

border-right-color: var(--color-purple-600) !important

border-r-purple-700

border-right-color: var(--color-purple-700) !important

border-r-purple-800

border-right-color: var(--color-purple-800) !important

border-r-purple-900

border-right-color: var(--color-purple-900) !important

border-r-red-100

border-right-color: var(--color-red-100) !important

border-r-red-200

border-right-color: var(--color-red-200) !important

border-r-red-300

border-right-color: var(--color-red-300) !important

border-r-red-400

border-right-color: var(--color-red-400) !important

border-r-red-50

border-right-color: var(--color-red-50) !important

border-r-red-500

border-right-color: var(--color-red-500) !important

border-r-red-600

border-right-color: var(--color-red-600) !important

border-r-red-700

border-right-color: var(--color-red-700) !important

border-r-red-800

border-right-color: var(--color-red-800) !important

border-r-red-900

border-right-color: var(--color-red-900) !important

border-r-success-default

border-right-color: var(--color-success-default) !important

border-r-success-hover

border-right-color: var(--color-success-hover) !important

border-r-success-pressed

border-right-color: var(--color-success-pressed) !important

border-r-warning-default

border-right-color: var(--color-warning-default) !important

border-r-warning-hover

border-right-color: var(--color-warning-hover) !important

border-r-warning-pressed

border-right-color: var(--color-warning-pressed) !important

border-r-white-10

border-right-color: var(--color-white-10) !important

border-r-white-100

border-right-color: var(--color-white-100) !important

border-r-white-20

border-right-color: var(--color-white-20) !important

border-r-white-30

border-right-color: var(--color-white-30) !important

border-r-white-40

border-right-color: var(--color-white-40) !important

border-r-white-5

border-right-color: var(--color-white-5) !important

border-r-white-50

border-right-color: var(--color-white-50) !important

border-r-white-60

border-right-color: var(--color-white-60) !important

border-r-white-70

border-right-color: var(--color-white-70) !important

border-r-white-80

border-right-color: var(--color-white-80) !important

border-r-white-90

border-right-color: var(--color-white-90) !important

border-r-yellow-100

border-right-color: var(--color-yellow-100) !important

border-r-yellow-200

border-right-color: var(--color-yellow-200) !important

border-r-yellow-300

border-right-color: var(--color-yellow-300) !important

border-r-yellow-400

border-right-color: var(--color-yellow-400) !important

border-r-yellow-50

border-right-color: var(--color-yellow-50) !important

border-r-yellow-500

border-right-color: var(--color-yellow-500) !important

border-r-yellow-600

border-right-color: var(--color-yellow-600) !important

border-r-yellow-700

border-right-color: var(--color-yellow-700) !important

border-r-yellow-800

border-right-color: var(--color-yellow-800) !important

border-r-yellow-900

border-right-color: var(--color-yellow-900) !important

border-s-background-default

border-inline-start-color: var(--color-background-default) !important

border-s-black-10

border-inline-start-color: var(--color-black-10) !important

border-s-black-100

border-inline-start-color: var(--color-black-100) !important

border-s-black-20

border-inline-start-color: var(--color-black-20) !important

border-s-black-30

border-inline-start-color: var(--color-black-30) !important

border-s-black-40

border-inline-start-color: var(--color-black-40) !important

border-s-black-5

border-inline-start-color: var(--color-black-5) !important

border-s-black-50

border-inline-start-color: var(--color-black-50) !important

border-s-black-60

border-inline-start-color: var(--color-black-60) !important

border-s-black-70

border-inline-start-color: var(--color-black-70) !important

border-s-black-80

border-inline-start-color: var(--color-black-80) !important

border-s-black-90

border-inline-start-color: var(--color-black-90) !important

border-s-blue-100

border-inline-start-color: var(--color-blue-100) !important

border-s-blue-200

border-inline-start-color: var(--color-blue-200) !important

border-s-blue-300

border-inline-start-color: var(--color-blue-300) !important

border-s-blue-400

border-inline-start-color: var(--color-blue-400) !important

border-s-blue-50

border-inline-start-color: var(--color-blue-50) !important

border-s-blue-500

border-inline-start-color: var(--color-blue-500) !important

border-s-blue-600

border-inline-start-color: var(--color-blue-600) !important

border-s-blue-700

border-inline-start-color: var(--color-blue-700) !important

border-s-blue-800

border-inline-start-color: var(--color-blue-800) !important

border-s-blue-900

border-inline-start-color: var(--color-blue-900) !important

border-s-bluegreen-100

border-inline-start-color: var(--color-bluegreen-100) !important

border-s-bluegreen-200

border-inline-start-color: var(--color-bluegreen-200) !important

border-s-bluegreen-300

border-inline-start-color: var(--color-bluegreen-300) !important

border-s-bluegreen-400

border-inline-start-color: var(--color-bluegreen-400) !important

border-s-bluegreen-50

border-inline-start-color: var(--color-bluegreen-50) !important

border-s-bluegreen-500

border-inline-start-color: var(--color-bluegreen-500) !important

border-s-bluegreen-600

border-inline-start-color: var(--color-bluegreen-600) !important

border-s-bluegreen-700

border-inline-start-color: var(--color-bluegreen-700) !important

border-s-bluegreen-800

border-inline-start-color: var(--color-bluegreen-800) !important

border-s-bluegreen-900

border-inline-start-color: var(--color-bluegreen-900) !important

border-s-bluegrey-100

border-inline-start-color: var(--color-bluegrey-100) !important

border-s-bluegrey-200

border-inline-start-color: var(--color-bluegrey-200) !important

border-s-bluegrey-25

border-inline-start-color: var(--color-bluegrey-25) !important

border-s-bluegrey-300

border-inline-start-color: var(--color-bluegrey-300) !important

border-s-bluegrey-400

border-inline-start-color: var(--color-bluegrey-400) !important

border-s-bluegrey-50

border-inline-start-color: var(--color-bluegrey-50) !important

border-s-bluegrey-500

border-inline-start-color: var(--color-bluegrey-500) !important

border-s-bluegrey-600

border-inline-start-color: var(--color-bluegrey-600) !important

border-s-bluegrey-650

border-inline-start-color: var(--color-bluegrey-650) !important

border-s-bluegrey-700

border-inline-start-color: var(--color-bluegrey-700) !important

border-s-bluegrey-750

border-inline-start-color: var(--color-bluegrey-750) !important

border-s-bluegrey-800

border-inline-start-color: var(--color-bluegrey-800) !important

border-s-bluegrey-850

border-inline-start-color: var(--color-bluegrey-850) !important

border-s-bluegrey-900

border-inline-start-color: var(--color-bluegrey-900) !important

border-s-danger-default

border-inline-start-color: var(--color-danger-default) !important

border-s-danger-hover

border-inline-start-color: var(--color-danger-hover) !important

border-s-danger-pressed

border-inline-start-color: var(--color-danger-pressed) !important

border-s-dark-blue-100

border-inline-start-color: var(--color-dark-blue-100) !important

border-s-dark-blue-200

border-inline-start-color: var(--color-dark-blue-200) !important

border-s-dark-blue-300

border-inline-start-color: var(--color-dark-blue-300) !important

border-s-dark-blue-400

border-inline-start-color: var(--color-dark-blue-400) !important

border-s-dark-blue-50

border-inline-start-color: var(--color-dark-blue-50) !important

border-s-dark-blue-500

border-inline-start-color: var(--color-dark-blue-500) !important

border-s-dark-blue-600

border-inline-start-color: var(--color-dark-blue-600) !important

border-s-dark-blue-700

border-inline-start-color: var(--color-dark-blue-700) !important

border-s-dark-blue-800

border-inline-start-color: var(--color-dark-blue-800) !important

border-s-dark-blue-900

border-inline-start-color: var(--color-dark-blue-900) !important

border-s-dark-danger-default

border-inline-start-color: var(--color-dark-danger-default) !important

border-s-dark-danger-hover

border-inline-start-color: var(--color-dark-danger-hover) !important

border-s-dark-danger-pressed

border-inline-start-color: var(--color-dark-danger-pressed) !important

border-s-dark-green-100

border-inline-start-color: var(--color-dark-green-100) !important

border-s-dark-green-200

border-inline-start-color: var(--color-dark-green-200) !important

border-s-dark-green-300

border-inline-start-color: var(--color-dark-green-300) !important

border-s-dark-green-400

border-inline-start-color: var(--color-dark-green-400) !important

border-s-dark-green-50

border-inline-start-color: var(--color-dark-green-50) !important

border-s-dark-green-500

border-inline-start-color: var(--color-dark-green-500) !important

border-s-dark-green-600

border-inline-start-color: var(--color-dark-green-600) !important

border-s-dark-green-700

border-inline-start-color: var(--color-dark-green-700) !important

border-s-dark-green-800

border-inline-start-color: var(--color-dark-green-800) !important

border-s-dark-green-900

border-inline-start-color: var(--color-dark-green-900) !important

border-s-dark-neutral-default

border-inline-start-color: var(--color-dark-neutral-default) !important

border-s-dark-neutral-hover

border-inline-start-color: var(--color-dark-neutral-hover) !important

border-s-dark-neutral-pressed

border-inline-start-color: var(--color-dark-neutral-pressed) !important

border-s-dark-orange-100

border-inline-start-color: var(--color-dark-orange-100) !important

border-s-dark-orange-200

border-inline-start-color: var(--color-dark-orange-200) !important

border-s-dark-orange-300

border-inline-start-color: var(--color-dark-orange-300) !important

border-s-dark-orange-400

border-inline-start-color: var(--color-dark-orange-400) !important

border-s-dark-orange-50

border-inline-start-color: var(--color-dark-orange-50) !important

border-s-dark-orange-500

border-inline-start-color: var(--color-dark-orange-500) !important

border-s-dark-orange-600

border-inline-start-color: var(--color-dark-orange-600) !important

border-s-dark-orange-700

border-inline-start-color: var(--color-dark-orange-700) !important

border-s-dark-orange-800

border-inline-start-color: var(--color-dark-orange-800) !important

border-s-dark-orange-900

border-inline-start-color: var(--color-dark-orange-900) !important

border-s-dark-primary-100

border-inline-start-color: var(--color-dark-primary-100) !important

border-s-dark-primary-200

border-inline-start-color: var(--color-dark-primary-200) !important

border-s-dark-primary-300

border-inline-start-color: var(--color-dark-primary-300) !important

border-s-dark-primary-400

border-inline-start-color: var(--color-dark-primary-400) !important

border-s-dark-primary-50

border-inline-start-color: var(--color-dark-primary-50) !important

border-s-dark-primary-500

border-inline-start-color: var(--color-dark-primary-500) !important

border-s-dark-primary-600

border-inline-start-color: var(--color-dark-primary-600) !important

border-s-dark-primary-700

border-inline-start-color: var(--color-dark-primary-700) !important

border-s-dark-primary-800

border-inline-start-color: var(--color-dark-primary-800) !important

border-s-dark-primary-900

border-inline-start-color: var(--color-dark-primary-900) !important

border-s-dark-primary-default

border-inline-start-color: var(--color-dark-primary-default) !important

border-s-dark-primary-hover

border-inline-start-color: var(--color-dark-primary-hover) !important

border-s-dark-primary-pressed

border-inline-start-color: var(--color-dark-primary-pressed) !important

border-s-dark-red-100

border-inline-start-color: var(--color-dark-red-100) !important

border-s-dark-red-200

border-inline-start-color: var(--color-dark-red-200) !important

border-s-dark-red-300

border-inline-start-color: var(--color-dark-red-300) !important

border-s-dark-red-400

border-inline-start-color: var(--color-dark-red-400) !important

border-s-dark-red-50

border-inline-start-color: var(--color-dark-red-50) !important

border-s-dark-red-500

border-inline-start-color: var(--color-dark-red-500) !important

border-s-dark-red-600

border-inline-start-color: var(--color-dark-red-600) !important

border-s-dark-red-700

border-inline-start-color: var(--color-dark-red-700) !important

border-s-dark-red-800

border-inline-start-color: var(--color-dark-red-800) !important

border-s-dark-red-900

border-inline-start-color: var(--color-dark-red-900) !important

border-s-dark-success-default

border-inline-start-color: var(--color-dark-success-default) !important

border-s-dark-success-hover

border-inline-start-color: var(--color-dark-success-hover) !important

border-s-dark-success-pressed

border-inline-start-color: var(--color-dark-success-pressed) !important

border-s-dark-warning-default

border-inline-start-color: var(--color-dark-warning-default) !important

border-s-dark-warning-hover

border-inline-start-color: var(--color-dark-warning-hover) !important

border-s-dark-warning-pressed

border-inline-start-color: var(--color-dark-warning-pressed) !important

border-s-font-onBackground-default

border-inline-start-color: var(--color-font-onBackground-default) !important

border-s-green-100

border-inline-start-color: var(--color-green-100) !important

border-s-green-200

border-inline-start-color: var(--color-green-200) !important

border-s-green-300

border-inline-start-color: var(--color-green-300) !important

border-s-green-400

border-inline-start-color: var(--color-green-400) !important

border-s-green-50

border-inline-start-color: var(--color-green-50) !important

border-s-green-500

border-inline-start-color: var(--color-green-500) !important

border-s-green-600

border-inline-start-color: var(--color-green-600) !important

border-s-green-700

border-inline-start-color: var(--color-green-700) !important

border-s-green-800

border-inline-start-color: var(--color-green-800) !important

border-s-green-900

border-inline-start-color: var(--color-green-900) !important

border-s-lightblue-100

border-inline-start-color: var(--color-lightblue-100) !important

border-s-lightblue-200

border-inline-start-color: var(--color-lightblue-200) !important

border-s-lightblue-300

border-inline-start-color: var(--color-lightblue-300) !important

border-s-lightblue-400

border-inline-start-color: var(--color-lightblue-400) !important

border-s-lightblue-50

border-inline-start-color: var(--color-lightblue-50) !important

border-s-lightblue-500

border-inline-start-color: var(--color-lightblue-500) !important

border-s-lightblue-600

border-inline-start-color: var(--color-lightblue-600) !important

border-s-lightblue-700

border-inline-start-color: var(--color-lightblue-700) !important

border-s-lightblue-800

border-inline-start-color: var(--color-lightblue-800) !important

border-s-lightblue-900

border-inline-start-color: var(--color-lightblue-900) !important

border-s-neutral-default

border-inline-start-color: var(--color-neutral-default) !important

border-s-neutral-hover

border-inline-start-color: var(--color-neutral-hover) !important

border-s-neutral-pressed

border-inline-start-color: var(--color-neutral-pressed) !important

border-s-orange-100

border-inline-start-color: var(--color-orange-100) !important

border-s-orange-200

border-inline-start-color: var(--color-orange-200) !important

border-s-orange-300

border-inline-start-color: var(--color-orange-300) !important

border-s-orange-400

border-inline-start-color: var(--color-orange-400) !important

border-s-orange-50

border-inline-start-color: var(--color-orange-50) !important

border-s-orange-500

border-inline-start-color: var(--color-orange-500) !important

border-s-orange-600

border-inline-start-color: var(--color-orange-600) !important

border-s-orange-700

border-inline-start-color: var(--color-orange-700) !important

border-s-orange-800

border-inline-start-color: var(--color-orange-800) !important

border-s-orange-900

border-inline-start-color: var(--color-orange-900) !important

border-s-primary-100

border-inline-start-color: var(--color-primary-100) !important

border-s-primary-200

border-inline-start-color: var(--color-primary-200) !important

border-s-primary-300

border-inline-start-color: var(--color-primary-300) !important

border-s-primary-400

border-inline-start-color: var(--color-primary-400) !important

border-s-primary-50

border-inline-start-color: var(--color-primary-50) !important

border-s-primary-500

border-inline-start-color: var(--color-primary-500) !important

border-s-primary-600

border-inline-start-color: var(--color-primary-600) !important

border-s-primary-700

border-inline-start-color: var(--color-primary-700) !important

border-s-primary-800

border-inline-start-color: var(--color-primary-800) !important

border-s-primary-900

border-inline-start-color: var(--color-primary-900) !important

border-s-primary-default

border-inline-start-color: var(--color-primary-default) !important

border-s-primary-hover

border-inline-start-color: var(--color-primary-hover) !important

border-s-primary-pressed

border-inline-start-color: var(--color-primary-pressed) !important

border-s-purple-100

border-inline-start-color: var(--color-purple-100) !important

border-s-purple-200

border-inline-start-color: var(--color-purple-200) !important

border-s-purple-300

border-inline-start-color: var(--color-purple-300) !important

border-s-purple-400

border-inline-start-color: var(--color-purple-400) !important

border-s-purple-50

border-inline-start-color: var(--color-purple-50) !important

border-s-purple-500

border-inline-start-color: var(--color-purple-500) !important

border-s-purple-600

border-inline-start-color: var(--color-purple-600) !important

border-s-purple-700

border-inline-start-color: var(--color-purple-700) !important

border-s-purple-800

border-inline-start-color: var(--color-purple-800) !important

border-s-purple-900

border-inline-start-color: var(--color-purple-900) !important

border-s-red-100

border-inline-start-color: var(--color-red-100) !important

border-s-red-200

border-inline-start-color: var(--color-red-200) !important

border-s-red-300

border-inline-start-color: var(--color-red-300) !important

border-s-red-400

border-inline-start-color: var(--color-red-400) !important

border-s-red-50

border-inline-start-color: var(--color-red-50) !important

border-s-red-500

border-inline-start-color: var(--color-red-500) !important

border-s-red-600

border-inline-start-color: var(--color-red-600) !important

border-s-red-700

border-inline-start-color: var(--color-red-700) !important

border-s-red-800

border-inline-start-color: var(--color-red-800) !important

border-s-red-900

border-inline-start-color: var(--color-red-900) !important

border-s-success-default

border-inline-start-color: var(--color-success-default) !important

border-s-success-hover

border-inline-start-color: var(--color-success-hover) !important

border-s-success-pressed

border-inline-start-color: var(--color-success-pressed) !important

border-s-warning-default

border-inline-start-color: var(--color-warning-default) !important

border-s-warning-hover

border-inline-start-color: var(--color-warning-hover) !important

border-s-warning-pressed

border-inline-start-color: var(--color-warning-pressed) !important

border-s-white-10

border-inline-start-color: var(--color-white-10) !important

border-s-white-100

border-inline-start-color: var(--color-white-100) !important

border-s-white-20

border-inline-start-color: var(--color-white-20) !important

border-s-white-30

border-inline-start-color: var(--color-white-30) !important

border-s-white-40

border-inline-start-color: var(--color-white-40) !important

border-s-white-5

border-inline-start-color: var(--color-white-5) !important

border-s-white-50

border-inline-start-color: var(--color-white-50) !important

border-s-white-60

border-inline-start-color: var(--color-white-60) !important

border-s-white-70

border-inline-start-color: var(--color-white-70) !important

border-s-white-80

border-inline-start-color: var(--color-white-80) !important

border-s-white-90

border-inline-start-color: var(--color-white-90) !important

border-s-yellow-100

border-inline-start-color: var(--color-yellow-100) !important

border-s-yellow-200

border-inline-start-color: var(--color-yellow-200) !important

border-s-yellow-300

border-inline-start-color: var(--color-yellow-300) !important

border-s-yellow-400

border-inline-start-color: var(--color-yellow-400) !important

border-s-yellow-50

border-inline-start-color: var(--color-yellow-50) !important

border-s-yellow-500

border-inline-start-color: var(--color-yellow-500) !important

border-s-yellow-600

border-inline-start-color: var(--color-yellow-600) !important

border-s-yellow-700

border-inline-start-color: var(--color-yellow-700) !important

border-s-yellow-800

border-inline-start-color: var(--color-yellow-800) !important

border-s-yellow-900

border-inline-start-color: var(--color-yellow-900) !important

border-t-background-default

border-top-color: var(--color-background-default) !important

border-t-black-10

border-top-color: var(--color-black-10) !important

border-t-black-100

border-top-color: var(--color-black-100) !important

border-t-black-20

border-top-color: var(--color-black-20) !important

border-t-black-30

border-top-color: var(--color-black-30) !important

border-t-black-40

border-top-color: var(--color-black-40) !important

border-t-black-5

border-top-color: var(--color-black-5) !important

border-t-black-50

border-top-color: var(--color-black-50) !important

border-t-black-60

border-top-color: var(--color-black-60) !important

border-t-black-70

border-top-color: var(--color-black-70) !important

border-t-black-80

border-top-color: var(--color-black-80) !important

border-t-black-90

border-top-color: var(--color-black-90) !important

border-t-blue-100

border-top-color: var(--color-blue-100) !important

border-t-blue-200

border-top-color: var(--color-blue-200) !important

border-t-blue-300

border-top-color: var(--color-blue-300) !important

border-t-blue-400

border-top-color: var(--color-blue-400) !important

border-t-blue-50

border-top-color: var(--color-blue-50) !important

border-t-blue-500

border-top-color: var(--color-blue-500) !important

border-t-blue-600

border-top-color: var(--color-blue-600) !important

border-t-blue-700

border-top-color: var(--color-blue-700) !important

border-t-blue-800

border-top-color: var(--color-blue-800) !important

border-t-blue-900

border-top-color: var(--color-blue-900) !important

border-t-bluegreen-100

border-top-color: var(--color-bluegreen-100) !important

border-t-bluegreen-200

border-top-color: var(--color-bluegreen-200) !important

border-t-bluegreen-300

border-top-color: var(--color-bluegreen-300) !important

border-t-bluegreen-400

border-top-color: var(--color-bluegreen-400) !important

border-t-bluegreen-50

border-top-color: var(--color-bluegreen-50) !important

border-t-bluegreen-500

border-top-color: var(--color-bluegreen-500) !important

border-t-bluegreen-600

border-top-color: var(--color-bluegreen-600) !important

border-t-bluegreen-700

border-top-color: var(--color-bluegreen-700) !important

border-t-bluegreen-800

border-top-color: var(--color-bluegreen-800) !important

border-t-bluegreen-900

border-top-color: var(--color-bluegreen-900) !important

border-t-bluegrey-100

border-top-color: var(--color-bluegrey-100) !important

border-t-bluegrey-200

border-top-color: var(--color-bluegrey-200) !important

border-t-bluegrey-25

border-top-color: var(--color-bluegrey-25) !important

border-t-bluegrey-300

border-top-color: var(--color-bluegrey-300) !important

border-t-bluegrey-400

border-top-color: var(--color-bluegrey-400) !important

border-t-bluegrey-50

border-top-color: var(--color-bluegrey-50) !important

border-t-bluegrey-500

border-top-color: var(--color-bluegrey-500) !important

border-t-bluegrey-600

border-top-color: var(--color-bluegrey-600) !important

border-t-bluegrey-650

border-top-color: var(--color-bluegrey-650) !important

border-t-bluegrey-700

border-top-color: var(--color-bluegrey-700) !important

border-t-bluegrey-750

border-top-color: var(--color-bluegrey-750) !important

border-t-bluegrey-800

border-top-color: var(--color-bluegrey-800) !important

border-t-bluegrey-850

border-top-color: var(--color-bluegrey-850) !important

border-t-bluegrey-900

border-top-color: var(--color-bluegrey-900) !important

border-t-danger-default

border-top-color: var(--color-danger-default) !important

border-t-danger-hover

border-top-color: var(--color-danger-hover) !important

border-t-danger-pressed

border-top-color: var(--color-danger-pressed) !important

border-t-dark-blue-100

border-top-color: var(--color-dark-blue-100) !important

border-t-dark-blue-200

border-top-color: var(--color-dark-blue-200) !important

border-t-dark-blue-300

border-top-color: var(--color-dark-blue-300) !important

border-t-dark-blue-400

border-top-color: var(--color-dark-blue-400) !important

border-t-dark-blue-50

border-top-color: var(--color-dark-blue-50) !important

border-t-dark-blue-500

border-top-color: var(--color-dark-blue-500) !important

border-t-dark-blue-600

border-top-color: var(--color-dark-blue-600) !important

border-t-dark-blue-700

border-top-color: var(--color-dark-blue-700) !important

border-t-dark-blue-800

border-top-color: var(--color-dark-blue-800) !important

border-t-dark-blue-900

border-top-color: var(--color-dark-blue-900) !important

border-t-dark-danger-default

border-top-color: var(--color-dark-danger-default) !important

border-t-dark-danger-hover

border-top-color: var(--color-dark-danger-hover) !important

border-t-dark-danger-pressed

border-top-color: var(--color-dark-danger-pressed) !important

border-t-dark-green-100

border-top-color: var(--color-dark-green-100) !important

border-t-dark-green-200

border-top-color: var(--color-dark-green-200) !important

border-t-dark-green-300

border-top-color: var(--color-dark-green-300) !important

border-t-dark-green-400

border-top-color: var(--color-dark-green-400) !important

border-t-dark-green-50

border-top-color: var(--color-dark-green-50) !important

border-t-dark-green-500

border-top-color: var(--color-dark-green-500) !important

border-t-dark-green-600

border-top-color: var(--color-dark-green-600) !important

border-t-dark-green-700

border-top-color: var(--color-dark-green-700) !important

border-t-dark-green-800

border-top-color: var(--color-dark-green-800) !important

border-t-dark-green-900

border-top-color: var(--color-dark-green-900) !important

border-t-dark-neutral-default

border-top-color: var(--color-dark-neutral-default) !important

border-t-dark-neutral-hover

border-top-color: var(--color-dark-neutral-hover) !important

border-t-dark-neutral-pressed

border-top-color: var(--color-dark-neutral-pressed) !important

border-t-dark-orange-100

border-top-color: var(--color-dark-orange-100) !important

border-t-dark-orange-200

border-top-color: var(--color-dark-orange-200) !important

border-t-dark-orange-300

border-top-color: var(--color-dark-orange-300) !important

border-t-dark-orange-400

border-top-color: var(--color-dark-orange-400) !important

border-t-dark-orange-50

border-top-color: var(--color-dark-orange-50) !important

border-t-dark-orange-500

border-top-color: var(--color-dark-orange-500) !important

border-t-dark-orange-600

border-top-color: var(--color-dark-orange-600) !important

border-t-dark-orange-700

border-top-color: var(--color-dark-orange-700) !important

border-t-dark-orange-800

border-top-color: var(--color-dark-orange-800) !important

border-t-dark-orange-900

border-top-color: var(--color-dark-orange-900) !important

border-t-dark-primary-100

border-top-color: var(--color-dark-primary-100) !important

border-t-dark-primary-200

border-top-color: var(--color-dark-primary-200) !important

border-t-dark-primary-300

border-top-color: var(--color-dark-primary-300) !important

border-t-dark-primary-400

border-top-color: var(--color-dark-primary-400) !important

border-t-dark-primary-50

border-top-color: var(--color-dark-primary-50) !important

border-t-dark-primary-500

border-top-color: var(--color-dark-primary-500) !important

border-t-dark-primary-600

border-top-color: var(--color-dark-primary-600) !important

border-t-dark-primary-700

border-top-color: var(--color-dark-primary-700) !important

border-t-dark-primary-800

border-top-color: var(--color-dark-primary-800) !important

border-t-dark-primary-900

border-top-color: var(--color-dark-primary-900) !important

border-t-dark-primary-default

border-top-color: var(--color-dark-primary-default) !important

border-t-dark-primary-hover

border-top-color: var(--color-dark-primary-hover) !important

border-t-dark-primary-pressed

border-top-color: var(--color-dark-primary-pressed) !important

border-t-dark-red-100

border-top-color: var(--color-dark-red-100) !important

border-t-dark-red-200

border-top-color: var(--color-dark-red-200) !important

border-t-dark-red-300

border-top-color: var(--color-dark-red-300) !important

border-t-dark-red-400

border-top-color: var(--color-dark-red-400) !important

border-t-dark-red-50

border-top-color: var(--color-dark-red-50) !important

border-t-dark-red-500

border-top-color: var(--color-dark-red-500) !important

border-t-dark-red-600

border-top-color: var(--color-dark-red-600) !important

border-t-dark-red-700

border-top-color: var(--color-dark-red-700) !important

border-t-dark-red-800

border-top-color: var(--color-dark-red-800) !important

border-t-dark-red-900

border-top-color: var(--color-dark-red-900) !important

border-t-dark-success-default

border-top-color: var(--color-dark-success-default) !important

border-t-dark-success-hover

border-top-color: var(--color-dark-success-hover) !important

border-t-dark-success-pressed

border-top-color: var(--color-dark-success-pressed) !important

border-t-dark-warning-default

border-top-color: var(--color-dark-warning-default) !important

border-t-dark-warning-hover

border-top-color: var(--color-dark-warning-hover) !important

border-t-dark-warning-pressed

border-top-color: var(--color-dark-warning-pressed) !important

border-t-font-onBackground-default

border-top-color: var(--color-font-onBackground-default) !important

border-t-green-100

border-top-color: var(--color-green-100) !important

border-t-green-200

border-top-color: var(--color-green-200) !important

border-t-green-300

border-top-color: var(--color-green-300) !important

border-t-green-400

border-top-color: var(--color-green-400) !important

border-t-green-50

border-top-color: var(--color-green-50) !important

border-t-green-500

border-top-color: var(--color-green-500) !important

border-t-green-600

border-top-color: var(--color-green-600) !important

border-t-green-700

border-top-color: var(--color-green-700) !important

border-t-green-800

border-top-color: var(--color-green-800) !important

border-t-green-900

border-top-color: var(--color-green-900) !important

border-t-lightblue-100

border-top-color: var(--color-lightblue-100) !important

border-t-lightblue-200

border-top-color: var(--color-lightblue-200) !important

border-t-lightblue-300

border-top-color: var(--color-lightblue-300) !important

border-t-lightblue-400

border-top-color: var(--color-lightblue-400) !important

border-t-lightblue-50

border-top-color: var(--color-lightblue-50) !important

border-t-lightblue-500

border-top-color: var(--color-lightblue-500) !important

border-t-lightblue-600

border-top-color: var(--color-lightblue-600) !important

border-t-lightblue-700

border-top-color: var(--color-lightblue-700) !important

border-t-lightblue-800

border-top-color: var(--color-lightblue-800) !important

border-t-lightblue-900

border-top-color: var(--color-lightblue-900) !important

border-t-neutral-default

border-top-color: var(--color-neutral-default) !important

border-t-neutral-hover

border-top-color: var(--color-neutral-hover) !important

border-t-neutral-pressed

border-top-color: var(--color-neutral-pressed) !important

border-t-orange-100

border-top-color: var(--color-orange-100) !important

border-t-orange-200

border-top-color: var(--color-orange-200) !important

border-t-orange-300

border-top-color: var(--color-orange-300) !important

border-t-orange-400

border-top-color: var(--color-orange-400) !important

border-t-orange-50

border-top-color: var(--color-orange-50) !important

border-t-orange-500

border-top-color: var(--color-orange-500) !important

border-t-orange-600

border-top-color: var(--color-orange-600) !important

border-t-orange-700

border-top-color: var(--color-orange-700) !important

border-t-orange-800

border-top-color: var(--color-orange-800) !important

border-t-orange-900

border-top-color: var(--color-orange-900) !important

border-t-primary-100

border-top-color: var(--color-primary-100) !important

border-t-primary-200

border-top-color: var(--color-primary-200) !important

border-t-primary-300

border-top-color: var(--color-primary-300) !important

border-t-primary-400

border-top-color: var(--color-primary-400) !important

border-t-primary-50

border-top-color: var(--color-primary-50) !important

border-t-primary-500

border-top-color: var(--color-primary-500) !important

border-t-primary-600

border-top-color: var(--color-primary-600) !important

border-t-primary-700

border-top-color: var(--color-primary-700) !important

border-t-primary-800

border-top-color: var(--color-primary-800) !important

border-t-primary-900

border-top-color: var(--color-primary-900) !important

border-t-primary-default

border-top-color: var(--color-primary-default) !important

border-t-primary-hover

border-top-color: var(--color-primary-hover) !important

border-t-primary-pressed

border-top-color: var(--color-primary-pressed) !important

border-t-purple-100

border-top-color: var(--color-purple-100) !important

border-t-purple-200

border-top-color: var(--color-purple-200) !important

border-t-purple-300

border-top-color: var(--color-purple-300) !important

border-t-purple-400

border-top-color: var(--color-purple-400) !important

border-t-purple-50

border-top-color: var(--color-purple-50) !important

border-t-purple-500

border-top-color: var(--color-purple-500) !important

border-t-purple-600

border-top-color: var(--color-purple-600) !important

border-t-purple-700

border-top-color: var(--color-purple-700) !important

border-t-purple-800

border-top-color: var(--color-purple-800) !important

border-t-purple-900

border-top-color: var(--color-purple-900) !important

border-t-red-100

border-top-color: var(--color-red-100) !important

border-t-red-200

border-top-color: var(--color-red-200) !important

border-t-red-300

border-top-color: var(--color-red-300) !important

border-t-red-400

border-top-color: var(--color-red-400) !important

border-t-red-50

border-top-color: var(--color-red-50) !important

border-t-red-500

border-top-color: var(--color-red-500) !important

border-t-red-600

border-top-color: var(--color-red-600) !important

border-t-red-700

border-top-color: var(--color-red-700) !important

border-t-red-800

border-top-color: var(--color-red-800) !important

border-t-red-900

border-top-color: var(--color-red-900) !important

border-t-success-default

border-top-color: var(--color-success-default) !important

border-t-success-hover

border-top-color: var(--color-success-hover) !important

border-t-success-pressed

border-top-color: var(--color-success-pressed) !important

border-t-warning-default

border-top-color: var(--color-warning-default) !important

border-t-warning-hover

border-top-color: var(--color-warning-hover) !important

border-t-warning-pressed

border-top-color: var(--color-warning-pressed) !important

border-t-white-10

border-top-color: var(--color-white-10) !important

border-t-white-100

border-top-color: var(--color-white-100) !important

border-t-white-20

border-top-color: var(--color-white-20) !important

border-t-white-30

border-top-color: var(--color-white-30) !important

border-t-white-40

border-top-color: var(--color-white-40) !important

border-t-white-5

border-top-color: var(--color-white-5) !important

border-t-white-50

border-top-color: var(--color-white-50) !important

border-t-white-60

border-top-color: var(--color-white-60) !important

border-t-white-70

border-top-color: var(--color-white-70) !important

border-t-white-80

border-top-color: var(--color-white-80) !important

border-t-white-90

border-top-color: var(--color-white-90) !important

border-t-yellow-100

border-top-color: var(--color-yellow-100) !important

border-t-yellow-200

border-top-color: var(--color-yellow-200) !important

border-t-yellow-300

border-top-color: var(--color-yellow-300) !important

border-t-yellow-400

border-top-color: var(--color-yellow-400) !important

border-t-yellow-50

border-top-color: var(--color-yellow-50) !important

border-t-yellow-500

border-top-color: var(--color-yellow-500) !important

border-t-yellow-600

border-top-color: var(--color-yellow-600) !important

border-t-yellow-700

border-top-color: var(--color-yellow-700) !important

border-t-yellow-800

border-top-color: var(--color-yellow-800) !important

border-t-yellow-900

border-top-color: var(--color-yellow-900) !important

Usage

Control the border color of an element using the border-{color} utilities.

<div className="border-thin border-primary-500">Hello world!</div>