Version: Next

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>

Background Color​

Usage​

Text Color​

Usage​

Border Color​

Usage​

Background Color

Usage

Text Color

Usage

Border Color

Usage