Skip to main content
🏠CustomizationColorsVersion: 2.0.0-beta.6

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 class="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 class="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 class="border-thin border-primary-500 ...">Hello world!</div>