CSS Configurator
Base Color
Hex: #043a96
Success Color
Hex: #36B37E
Warning Color
Hex: #FFAB00
Error Color
Hex: #FF5630
Accent Color
Hex: #cc0015
Element Classes
Navigation
Nav
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Nav Button
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Nav Group Toggle
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Nav Group Icon
Stroke
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Nav Group Label
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Dashboard
Dashboard Card Labels
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Dashboard Card
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Dashboard Card Title
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Dashboard Card Action Button
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
General
Background
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Primary Button
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Pill
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Table
Table Row Odd
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Search Input
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Search Filter Wrapper
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Document
Document Header
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Input Field
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Collapsible
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Collapsible Style Default
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Collapsible Content
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Collapsible Toggle
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Toasts
Success Toast
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Success Toast Close Button
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Success Toast Progress Bar
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Success Toast
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Success Toast Close Button
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
Success Toast Progress Bar
Font Family
Arial
Verdana
Helvetica
Impact
Georgia
Times New Roman
Courier New
Font Weight
normal
bold
bolder
lighter
Font Size
px
em
rem
%
vh
vw
Background Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Border
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
None
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
Border Radius
px
em
rem
%
vh
vw
Color
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
Padding X
px
em
rem
%
vh
vw
Padding Y
px
em
rem
%
vh
vw
Add
CSS Variables
--theme-bg
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
--theme-input-bg
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
--theme-text
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
--theme-overlay
Select variable
theme-elevation-0
theme-elevation-50
theme-elevation-100
theme-elevation-150
theme-elevation-200
theme-elevation-250
theme-elevation-300
theme-elevation-350
theme-elevation-400
theme-elevation-450
theme-elevation-500
theme-elevation-550
theme-elevation-600
theme-elevation-650
theme-elevation-700
theme-elevation-750
theme-elevation-800
theme-elevation-850
theme-elevation-900
theme-elevation-950
theme-accent-0
theme-accent-50
theme-accent-100
theme-accent-150
theme-accent-200
theme-accent-250
theme-accent-300
theme-accent-350
theme-accent-400
theme-accent-450
theme-accent-500
theme-accent-550
theme-accent-600
theme-accent-650
theme-accent-700
theme-accent-750
theme-accent-800
theme-accent-850
theme-accent-900
theme-accent-950
theme-success-0
theme-success-50
theme-success-100
theme-success-150
theme-success-200
theme-success-250
theme-success-300
theme-success-350
theme-success-400
theme-success-450
theme-success-500
theme-success-550
theme-success-600
theme-success-650
theme-success-700
theme-success-750
theme-success-800
theme-success-850
theme-success-900
theme-success-950
theme-warning-0
theme-warning-50
theme-warning-100
theme-warning-150
theme-warning-200
theme-warning-250
theme-warning-300
theme-warning-350
theme-warning-400
theme-warning-450
theme-warning-500
theme-warning-550
theme-warning-600
theme-warning-650
theme-warning-700
theme-warning-750
theme-warning-800
theme-warning-850
theme-warning-900
theme-warning-950
theme-error-0
theme-error-50
theme-error-100
theme-error-150
theme-error-200
theme-error-250
theme-error-300
theme-error-350
theme-error-400
theme-error-450
theme-error-500
theme-error-550
theme-error-600
theme-error-650
theme-error-700
theme-error-750
theme-error-800
theme-error-850
theme-error-900
theme-error-950
theme-blue-0
theme-blue-50
theme-blue-100
theme-blue-150
theme-blue-200
theme-blue-250
theme-blue-300
theme-blue-350
theme-blue-400
theme-blue-450
theme-blue-500
theme-blue-550
theme-blue-600
theme-blue-650
theme-blue-700
theme-blue-750
theme-blue-800
theme-blue-850
theme-blue-900
theme-blue-950
--font-body
Arial, sans-serif
Verdana, sans-serif
Helvetica, sans-serif
Tahoma, sans-serif
Trebuchet MS, sans-serif
Georgia, serif
Times New Roman, serif
Palatino Linotype, serif
Book Antiqua, serif
Comic Sans MS, cursive, sans-serif
"Segoe UI", Tahoma, Geneva, sans-serif
"Open Sans", sans-serif
"Roboto", sans-serif
"Lato", sans-serif
"Noto Sans", sans-serif
"PT Sans", sans-serif
"Source Sans Pro", sans-serif
"Merriweather", serif
"Playfair Display", serif
"Slabo 27px", serif
--font-mono
monospace
Courier New, monospace
Lucida Console, monospace
"Courier", monospace
"Inconsolata", monospace
"Fira Code", monospace
"Source Code Pro", monospace
"Roboto Mono", monospace
"Droid Sans Mono", monospace
"PT Mono", monospace
"Ubuntu Mono", monospace
--font-serif
Georgia, serif
Times New Roman, serif
Palatino Linotype, serif
Book Antiqua, serif
Garamond, serif
Baskerville, serif
Bodoni MT, serif
Didot, serif
Merriweather, serif
Playfair Display, serif
Slabo 27px, serif
"Noto Serif", serif
"Lora", serif
"PT Serif", serif
"Spectral", serif
"Zilla Slab", serif
"Libre Baskerville", serif
--style-radius-s
px
em
rem
%
vh
vw
--style-radius-m
px
em
rem
%
vh
vw
--style-radius-l
px
em
rem
%
vh
vw
--nav-width
px
em
rem
%
vh
vw
Copy CSS
Preview
Generated CSS
Dashboard
Edit
Table
Misc