Redwood Variables

Redwood Variables

Total variables detected in Redwood.css: 1315

This generated document outlines a list of CSS variables detected in various production files, and their values across various selectors. Each variable is labeled with a prefix, followed by the component name, and the corresponding CSS property for the variable:

--{prefix}-{component-name}-{css-property}

The following variable prefixes are interpreted as follows:

Variable Prefix Description
--ut, --u Variables used across components.
--a Variables imported from App UI.
--oj Variables used in Oracle JavaScript Extension Toolkit components (JET).
--jui Variables used in jQuery components.
--js Variables used by Javascript.
--fc, --fc3 Variables used in Full Calendar components (v3 & v5).
--rw Variables used in Redwood components.

--rw-palette-neutral-0

Selector Value Color
:root #fff

--rw-palette-neutral-10

Selector Value Color
:root #FBF9F8

--rw-palette-neutral-20

Selector Value Color
:root #F5F4F2

--rw-palette-neutral-30

Selector Value Color
:root #F1EFED

--rw-palette-neutral-40

Selector Value Color
:root #e4e1dd

--rw-palette-neutral-50

Selector Value Color
:root #d4cfca

--rw-palette-neutral-60

Selector Value Color
:root #bcb6b1

--rw-palette-neutral-70

Selector Value Color
:root #aea8a2

--rw-palette-neutral-80

Selector Value Color
:root #9e9892

--rw-palette-neutral-90

Selector Value Color
:root #8b8580

--rw-palette-neutral-100

Selector Value Color
:root #7a736e

--rw-palette-neutral-110

Selector Value Color
:root #6f6964

--rw-palette-neutral-120

Selector Value Color
:root #665f5b

--rw-palette-neutral-130

Selector Value Color
:root #5c5651

--rw-palette-neutral-140

Selector Value Color
:root #514c47

--rw-palette-neutral-150

Selector Value Color
:root #47423e

--rw-palette-neutral-160

Selector Value Color
:root #3a3632

--rw-palette-neutral-170

Selector Value Color
:root #312D2A

--rw-palette-neutral-180

Selector Value Color
:root #201E1C

--rw-palette-neutral-190

Selector Value Color
:root #161513

--rw-palette-neutral-200

Selector Value Color
:root #000

--rw-palette-oraclered-0

Selector Value Color
:root #fff

--rw-palette-oraclered-10

Selector Value Color
:root #fff8f7

--rw-palette-oraclered-20

Selector Value Color
:root #ffebe8

--rw-palette-oraclered-30

Selector Value Color
:root #ffdfdb

--rw-palette-oraclered-40

Selector Value Color
:root #fcd0ca

--rw-palette-oraclered-50

Selector Value Color
:root #f7bfb8

--rw-palette-oraclered-60

Selector Value Color
:root #eea59c

--rw-palette-oraclered-70

Selector Value Color
:root #e58c81

--rw-palette-oraclered-80

Selector Value Color
:root #de7a6d

--rw-palette-oraclered-90

Selector Value Color
:root #d66959

--rw-palette-oraclered-100

Selector Value Color
:root #ca4d3c

--rw-palette-oraclered-110

Selector Value Color
:root #bd4332

--rw-palette-oraclered-120

Selector Value Color
:root #ac3e2e

--rw-palette-oraclered-130

Selector Value Color
:root #9b382a

--rw-palette-oraclered-140

Selector Value Color
:root #863125

--rw-palette-oraclered-150

Selector Value Color
:root #742a20

--rw-palette-oraclered-160

Selector Value Color
:root #60231a

--rw-palette-oraclered-170

Selector Value Color
:root #491b14

--rw-palette-oraclered-180

Selector Value Color
:root #38140f

--rw-palette-oraclered-190

Selector Value Color
:root #270e0b

--rw-palette-oraclered-200

Selector Value Color
:root #000

--rw-palette-brandlight-0

Selector Value Color
:root #fff

--rw-palette-brandlight-10

Selector Value Color
:root #F7FCF3

--rw-palette-brandlight-20

Selector Value Color
:root #EDF8E6

--rw-palette-brandlight-30

Selector Value Color
:root #E5F4DC

--rw-palette-brandlight-40

Selector Value Color
:root #D0EAC1

--rw-palette-brandlight-50

Selector Value Color
:root #BDD9AE

--rw-palette-brandlight-60

Selector Value Color
:root #A3C194

--rw-palette-brandlight-70

Selector Value Color
:root #94B382

--rw-palette-brandlight-80

Selector Value Color
:root #82A372

--rw-palette-brandlight-90

Selector Value Color
:root #6F915D

--rw-palette-brandlight-100

Selector Value Color
:root #5F7D4F

--rw-palette-brandlight-110

Selector Value Color
:root #577346

--rw-palette-brandlight-120

Selector Value Color
:root #4F693F

--rw-palette-brandlight-130

Selector Value Color
:root #465F38

--rw-palette-brandlight-140

Selector Value Color
:root #3D5431

--rw-palette-brandlight-150

Selector Value Color
:root #35482A

--rw-palette-brandlight-160

Selector Value Color
:root #2B3A21

--rw-palette-brandlight-170

Selector Value Color
:root #25331D

--rw-palette-brandlight-180

Selector Value Color
:root #192315

--rw-palette-brandlight-190

Selector Value Color
:root #12170D

--rw-palette-brandlight-200

Selector Value Color
:root #000

--rw-palette-branddark-0

Selector Value Color
:root #fff

--rw-palette-branddark-10

Selector Value Color
:root #FEF9E9

--rw-palette-branddark-20

Selector Value Color
:root #FDF4DF

--rw-palette-branddark-30

Selector Value Color
:root #FCEFCB

--rw-palette-branddark-40

Selector Value Color
:root #F7E0A1

--rw-palette-branddark-50

Selector Value Color
:root #F0CC71

--rw-palette-branddark-60

Selector Value Color
:root #D5B364

--rw-palette-branddark-70

Selector Value Color
:root #C7A55D

--rw-palette-branddark-80

Selector Value Color
:root #B39554

--rw-palette-branddark-90

Selector Value Color
:root #9D8249

--rw-palette-branddark-100

Selector Value Color
:root #89723F

--rw-palette-branddark-110

Selector Value Color
:root #7C6738

--rw-palette-branddark-120

Selector Value Color
:root #715E34

--rw-palette-branddark-130

Selector Value Color
:root #66552F

--rw-palette-branddark-140

Selector Value Color
:root #5B4A29

--rw-palette-branddark-150

Selector Value Color
:root #4F4224

--rw-palette-branddark-160

Selector Value Color
:root #40361D

--rw-palette-branddark-170

Selector Value Color
:root #372C18

--rw-palette-branddark-180

Selector Value Color
:root #241E10

--rw-palette-branddark-190

Selector Value Color
:root #18160A

--rw-palette-branddark-200

Selector Value Color
:root #000

--rw-palette-sienna-0

Selector Value Color
:root #fff

--rw-palette-sienna-10

Selector Value Color
:root #FEF9F2

--rw-palette-sienna-20

Selector Value Color
:root #FDF3E4

--rw-palette-sienna-30

Selector Value Color
:root #FCEDD9

--rw-palette-sienna-40

Selector Value Color
:root #F5DEBD

--rw-palette-sienna-50

Selector Value Color
:root #ECCB98

--rw-palette-sienna-60

Selector Value Color
:root #DEB068

--rw-palette-sienna-70

Selector Value Color
:root #D39F5D

--rw-palette-sienna-80

Selector Value Color
:root #C58C52

--rw-palette-sienna-90

Selector Value Color
:root #B67745

--rw-palette-sienna-100

Selector Value Color
:root #AA643B

--rw-palette-sienna-110

Selector Value Color
:root #9B5734

--rw-palette-sienna-120

Selector Value Color
:root #8D4F2E

--rw-palette-sienna-130

Selector Value Color
:root #7F482C

--rw-palette-sienna-140

Selector Value Color
:root #713F25

--rw-palette-sienna-150

Selector Value Color
:root #62371F

--rw-palette-sienna-160

Selector Value Color
:root #512C1B

--rw-palette-sienna-170

Selector Value Color
:root #442616

--rw-palette-sienna-180

Selector Value Color
:root #2F1A0F

--rw-palette-sienna-190

Selector Value Color
:root #20130A

--rw-palette-sienna-200

Selector Value Color
:root #000

--rw-palette-pine-0

Selector Value Color
:root #fff

--rw-palette-pine-10

Selector Value Color
:root #f3FCF7

--rw-palette-pine-20

Selector Value Color
:root #E9F9EE

--rw-palette-pine-30

Selector Value Color
:root #E0F5E7

--rw-palette-pine-40

Selector Value Color
:root #cBE9D6

--rw-palette-pine-50

Selector Value Color
:root #b7D9C2

--rw-palette-pine-60

Selector Value Color
:root #99C2A6

--rw-palette-pine-70

Selector Value Color
:root #86B596

--rw-palette-pine-80

Selector Value Color
:root #74A683

--rw-palette-pine-90

Selector Value Color
:root #5C926D

--rw-palette-pine-100

Selector Value Color
:root #4C825C

--rw-palette-pine-110

Selector Value Color
:root #467553

--rw-palette-pine-120

Selector Value Color
:root #3F6B4B

--rw-palette-pine-130

Selector Value Color
:root #3A6145

--rw-palette-pine-140

Selector Value Color
:root #33553c

--rw-palette-pine-150

Selector Value Color
:root #2C4A35

--rw-palette-pine-160

Selector Value Color
:root #253D2C

--rw-palette-pine-170

Selector Value Color
:root #1e3224

--rw-palette-pine-180

Selector Value Color
:root #132318

--rw-palette-pine-190

Selector Value Color
:root #0D170F

--rw-palette-pine-200

Selector Value Color
:root #000

--rw-palette-teal-0

Selector Value Color
:root #fff

--rw-palette-teal-10

Selector Value Color
:root #F8FAFA

--rw-palette-teal-20

Selector Value Color
:root #F0F6F5

--rw-palette-teal-30

Selector Value Color
:root #E8F1F0

--rw-palette-teal-40

Selector Value Color
:root #D6E5E5

--rw-palette-teal-50

Selector Value Color
:root #BCD5D5

--rw-palette-teal-60

Selector Value Color
:root #9ABFBF

--rw-palette-teal-70

Selector Value Color
:root #89B2B0

--rw-palette-teal-80

Selector Value Color
:root #76A2A0

--rw-palette-teal-90

Selector Value Color
:root #628F8D

--rw-palette-teal-100

Selector Value Color
:root #4F7D7B

--rw-palette-teal-110

Selector Value Color
:root #467173

--rw-palette-teal-120

Selector Value Color
:root #3E686C

--rw-palette-teal-130

Selector Value Color
:root #375D61

--rw-palette-teal-140

Selector Value Color
:root #315357

--rw-palette-teal-150

Selector Value Color
:root #2B484B

--rw-palette-teal-160

Selector Value Color
:root #233B3F

--rw-palette-teal-170

Selector Value Color
:root #1E3133

--rw-palette-teal-180

Selector Value Color
:root #132123

--rw-palette-teal-190

Selector Value Color
:root #0D1718

--rw-palette-teal-200

Selector Value Color
:root #000

--rw-palette-ocean-0

Selector Value Color
:root #fff

--rw-palette-ocean-10

Selector Value Color
:root #F5FAFC

--rw-palette-ocean-20

Selector Value Color
:root #EDF6F9

--rw-palette-ocean-30

Selector Value Color
:root #E7F2F5

--rw-palette-ocean-40

Selector Value Color
:root #D0E5ED

--rw-palette-ocean-50

Selector Value Color
:root #B5D5E0

--rw-palette-ocean-60

Selector Value Color
:root #94BFCE

--rw-palette-ocean-70

Selector Value Color
:root #81B2C3

--rw-palette-ocean-80

Selector Value Color
:root #6BA1B6

--rw-palette-ocean-90

Selector Value Color
:root #558EA4

--rw-palette-ocean-100

Selector Value Color
:root #437C94

--rw-palette-ocean-110

Selector Value Color
:root #3B7087

--rw-palette-ocean-120

Selector Value Color
:root #36677D

--rw-palette-ocean-130

Selector Value Color
:root #325C72

--rw-palette-ocean-140

Selector Value Color
:root #2C5266

--rw-palette-ocean-150

Selector Value Color
:root #264759

--rw-palette-ocean-160

Selector Value Color
:root #1F3A4B

--rw-palette-ocean-170

Selector Value Color
:root #1A2F3F

--rw-palette-ocean-180

Selector Value Color
:root #13212C

--rw-palette-ocean-190

Selector Value Color
:root #0B171F

--rw-palette-ocean-200

Selector Value Color
:root #000

--rw-palette-fog-0

Selector Value Color
:root #fff

--rw-palette-fog-10

Selector Value Color
:root #F5FBFB

--rw-palette-fog-20

Selector Value Color
:root #E9F7F7

--rw-palette-fog-30

Selector Value Color
:root #E2F3F3

--rw-palette-fog-40

Selector Value Color
:root #D4E5EB

--rw-palette-fog-50

Selector Value Color
:root #BFD3DC

--rw-palette-fog-60

Selector Value Color
:root #A2BCC6

--rw-palette-fog-70

Selector Value Color
:root #92AEB9

--rw-palette-fog-80

Selector Value Color
:root #7D9FAA

--rw-palette-fog-90

Selector Value Color
:root #698C99

--rw-palette-fog-100

Selector Value Color
:root #587B86

--rw-palette-fog-110

Selector Value Color
:root #4C707B

--rw-palette-fog-120

Selector Value Color
:root #446672

--rw-palette-fog-130

Selector Value Color
:root #3B5C69

--rw-palette-fog-140

Selector Value Color
:root #32515E

--rw-palette-fog-150

Selector Value Color
:root #2C4752

--rw-palette-fog-160

Selector Value Color
:root #243A43

--rw-palette-fog-170

Selector Value Color
:root #1E3138

--rw-palette-fog-180

Selector Value Color
:root #142126

--rw-palette-fog-190

Selector Value Color
:root #0D171A

--rw-palette-fog-200

Selector Value Color
:root #000

--rw-palette-lilac-0

Selector Value Color
:root #fff

--rw-palette-lilac-10

Selector Value Color
:root #F8F9FF

--rw-palette-lilac-20

Selector Value Color
:root #F2F4FE

--rw-palette-lilac-30

Selector Value Color
:root #EBEFFE

--rw-palette-lilac-40

Selector Value Color
:root #DBE1F5

--rw-palette-lilac-50

Selector Value Color
:root #C6CFEB

--rw-palette-lilac-60

Selector Value Color
:root #ADB6D2

--rw-palette-lilac-70

Selector Value Color
:root #A0A9C5

--rw-palette-lilac-80

Selector Value Color
:root #8F98B7

--rw-palette-lilac-90

Selector Value Color
:root #7C85A4

--rw-palette-lilac-100

Selector Value Color
:root #6B7494

--rw-palette-lilac-110

Selector Value Color
:root #606988

--rw-palette-lilac-120

Selector Value Color
:root #585F80

--rw-palette-lilac-130

Selector Value Color
:root #4F5573

--rw-palette-lilac-140

Selector Value Color
:root #464C68

--rw-palette-lilac-150

Selector Value Color
:root #3C425B

--rw-palette-lilac-160

Selector Value Color
:root #30364C

--rw-palette-lilac-170

Selector Value Color
:root #2A2D3F

--rw-palette-lilac-180

Selector Value Color
:root #1B1F2B

--rw-palette-lilac-190

Selector Value Color
:root #13151D

--rw-palette-lilac-200

Selector Value Color
:root #000

--rw-palette-plum-0

Selector Value Color
:root #fff

--rw-palette-plum-10

Selector Value Color
:root #FCF8FF

--rw-palette-plum-20

Selector Value Color
:root #F8F1FC

--rw-palette-plum-30

Selector Value Color
:root #F5ECFB

--rw-palette-plum-40

Selector Value Color
:root #EADDF4

--rw-palette-plum-50

Selector Value Color
:root #DBC9E5

--rw-palette-plum-60

Selector Value Color
:root #C4B0D1

--rw-palette-plum-70

Selector Value Color
:root #B7A1C4

--rw-palette-plum-80

Selector Value Color
:root #A890B6

--rw-palette-plum-90

Selector Value Color
:root #957CA4

--rw-palette-plum-100

Selector Value Color
:root #846A92

--rw-palette-plum-110

Selector Value Color
:root #796087

--rw-palette-plum-120

Selector Value Color
:root #6F577B

--rw-palette-plum-130

Selector Value Color
:root #634E71

--rw-palette-plum-140

Selector Value Color
:root #594564

--rw-palette-plum-150

Selector Value Color
:root #4D3C57

--rw-palette-plum-160

Selector Value Color
:root #3F3048

--rw-palette-plum-170

Selector Value Color
:root #36293C

--rw-palette-plum-180

Selector Value Color
:root #241B29

--rw-palette-plum-190

Selector Value Color
:root #19131C

--rw-palette-plum-200

Selector Value Color
:root #000

--rw-palette-rose-0

Selector Value Color
:root #fff

--rw-palette-rose-10

Selector Value Color
:root #FDF8FA

--rw-palette-rose-20

Selector Value Color
:root #FAF2F4

--rw-palette-rose-30

Selector Value Color
:root #FBECEF

--rw-palette-rose-40

Selector Value Color
:root #F6DAE1

--rw-palette-rose-50

Selector Value Color
:root #EAC6CF

--rw-palette-rose-60

Selector Value Color
:root #D9ABB6

--rw-palette-rose-70

Selector Value Color
:root #CE9BA7

--rw-palette-rose-80

Selector Value Color
:root #C28897

--rw-palette-rose-90

Selector Value Color
:root #B47282

--rw-palette-rose-100

Selector Value Color
:root #A36472

--rw-palette-rose-110

Selector Value Color
:root #925865

--rw-palette-rose-120

Selector Value Color
:root #86505C

--rw-palette-rose-130

Selector Value Color
:root #7A4753

--rw-palette-rose-140

Selector Value Color
:root #6C3F49

--rw-palette-rose-150

Selector Value Color
:root #5F363F

--rw-palette-rose-160

Selector Value Color
:root #4F2B33

--rw-palette-rose-170

Selector Value Color
:root #41242B

--rw-palette-rose-180

Selector Value Color
:root #2D191D

--rw-palette-rose-190

Selector Value Color
:root #201214

--rw-palette-rose-200

Selector Value Color
:root #000

--rw-palette-slate-0

Selector Value Color
:root #fff

--rw-palette-slate-10

Selector Value Color
:root #F6FAFA

--rw-palette-slate-20

Selector Value Color
:root #EDF6F6

--rw-palette-slate-30

Selector Value Color
:root #E7F2F2

--rw-palette-slate-40

Selector Value Color
:root #D7E5E5

--rw-palette-slate-50

Selector Value Color
:root #C2D4D4

--rw-palette-slate-60

Selector Value Color
:root #A9BBBC

--rw-palette-slate-70

Selector Value Color
:root #99ADAE

--rw-palette-slate-80

Selector Value Color
:root #8B9D9E

--rw-palette-slate-90

Selector Value Color
:root #798B8A

--rw-palette-slate-100

Selector Value Color
:root #697778

--rw-palette-slate-110

Selector Value Color
:root #606C6D

--rw-palette-slate-120

Selector Value Color
:root #586363

--rw-palette-slate-130

Selector Value Color
:root #4F5A5A

--rw-palette-slate-140

Selector Value Color
:root #464F4F

--rw-palette-slate-150

Selector Value Color
:root #3C4545

--rw-palette-slate-160

Selector Value Color
:root #323939

--rw-palette-slate-170

Selector Value Color
:root #2A2F2F

--rw-palette-slate-180

Selector Value Color
:root #1C2020

--rw-palette-slate-190

Selector Value Color
:root #131515

--rw-palette-slate-200

Selector Value Color
:root #000

--rw-palette-pebble-0

Selector Value Color
:root #fff

--rw-palette-pebble-10

Selector Value Color
:root #f6faff

--rw-palette-pebble-20

Selector Value Color
:root #eef5ff

--rw-palette-pebble-30

Selector Value Color
:root #e7f0fd

--rw-palette-pebble-40

Selector Value Color
:root #dae2ef

--rw-palette-pebble-50

Selector Value Color
:root #c8d0dd

--rw-palette-pebble-60

Selector Value Color
:root #b0b8c4

--rw-palette-pebble-70

Selector Value Color
:root #a2aab6

--rw-palette-pebble-80

Selector Value Color
:root #9299a6

--rw-palette-pebble-90

Selector Value Color
:root #808792

--rw-palette-pebble-100

Selector Value Color
:root #6f757e

--rw-palette-pebble-110

Selector Value Color
:root #646a73

--rw-palette-pebble-120

Selector Value Color
:root #5c6169

--rw-palette-pebble-130

Selector Value Color
:root #53575f

--rw-palette-pebble-140

Selector Value Color
:root #494d53

--rw-palette-pebble-150

Selector Value Color
:root #3f4248

--rw-palette-pebble-160

Selector Value Color
:root #34363b

--rw-palette-pebble-170

Selector Value Color
:root #2b2e32

--rw-palette-pebble-180

Selector Value Color
:root #1e1f22

--rw-palette-pebble-190

Selector Value Color
:root #151617

--rw-palette-pebble-200

Selector Value Color
:root #000

--rw-palette-beige-0

Selector Value Color
:root #fff

--rw-palette-beige-10

Selector Value Color
:root #FBF9F3

--rw-palette-beige-20

Selector Value Color
:root #F8F4EA

--rw-palette-beige-30

Selector Value Color
:root #F4EFE1

--rw-palette-beige-40

Selector Value Color
:root #E9E1CA

--rw-palette-beige-50

Selector Value Color
:root #D8D0B5

--rw-palette-beige-60

Selector Value Color
:root #C0B89D

--rw-palette-beige-70

Selector Value Color
:root #B2AA91

--rw-palette-beige-80

Selector Value Color
:root #A09984

--rw-palette-beige-90

Selector Value Color
:root #8B8673

--rw-palette-beige-100

Selector Value Color
:root #7A7464

--rw-palette-beige-110

Selector Value Color
:root #6E6A5A

--rw-palette-beige-120

Selector Value Color
:root #656151

--rw-palette-beige-130

Selector Value Color
:root #5B5748

--rw-palette-beige-140

Selector Value Color
:root #514D40

--rw-palette-beige-150

Selector Value Color
:root #464237

--rw-palette-beige-160

Selector Value Color
:root #3A372D

--rw-palette-beige-170

Selector Value Color
:root #302E26

--rw-palette-beige-180

Selector Value Color
:root #211F1B

--rw-palette-beige-190

Selector Value Color
:root #171512

--rw-palette-beige-200

Selector Value Color
:root #000

--rw-palette-coral-0

Selector Value Color
:root #fff

--rw-palette-coral-10

Selector Value Color
:root #fff8f8

--rw-palette-coral-20

Selector Value Color
:root #fff1f1

--rw-palette-coral-30

Selector Value Color
:root #ffebeb

--rw-palette-coral-40

Selector Value Color
:root #ffd9d9

--rw-palette-coral-50

Selector Value Color
:root #fcc1c1

--rw-palette-coral-60

Selector Value Color
:root #f7a0a0

--rw-palette-coral-70

Selector Value Color
:root #f38c8c

--rw-palette-coral-80

Selector Value Color
:root #ee7373

--rw-palette-coral-90

Selector Value Color
:root #de5b5b

--rw-palette-coral-100

Selector Value Color
:root #c04f4f

--rw-palette-coral-110

Selector Value Color
:root #b04848

--rw-palette-coral-120

Selector Value Color
:root #a14242

--rw-palette-coral-130

Selector Value Color
:root #903c3c

--rw-palette-coral-140

Selector Value Color
:root #7f3535

--rw-palette-coral-150

Selector Value Color
:root #6e2e2e

--rw-palette-coral-160

Selector Value Color
:root #5b2626

--rw-palette-coral-170

Selector Value Color
:root #4d2020

--rw-palette-coral-180

Selector Value Color
:root #341616

--rw-palette-coral-190

Selector Value Color
:root #240f0f

--rw-palette-coral-200

Selector Value Color
:root #000

--rw-palette-blue-0

Selector Value Color
:root #fff

--rw-palette-blue-10

Selector Value Color
:root #f6fafc

--rw-palette-blue-20

Selector Value Color
:root #edf6f9

--rw-palette-blue-30

Selector Value Color
:root #e4f1f7

--rw-palette-blue-40

Selector Value Color
:root #d0e5ee

--rw-palette-blue-50

Selector Value Color
:root #b4d5e1

--rw-palette-blue-60

Selector Value Color
:root #8fbfd0

--rw-palette-blue-70

Selector Value Color
:root #79b1c6

--rw-palette-blue-80

Selector Value Color
:root #5fa2ba

--rw-palette-blue-90

Selector Value Color
:root #4190AC

--rw-palette-blue-100

Selector Value Color
:root #227e9e

--rw-palette-blue-110

Selector Value Color
:root #0e7295

--rw-palette-blue-120

Selector Value Color
:root #00688c

--rw-palette-blue-130

Selector Value Color
:root #025e7e

--rw-palette-blue-140

Selector Value Color
:root #04536f

--rw-palette-blue-150

Selector Value Color
:root #06485f

--rw-palette-blue-160

Selector Value Color
:root #063c4e

--rw-palette-blue-170

Selector Value Color
:root #053242

--rw-palette-blue-180

Selector Value Color
:root #04232d

--rw-palette-blue-190

Selector Value Color
:root #02181f

--rw-palette-blue-200

Selector Value Color
:root #000

--rw-palette-red-0

Selector Value Color
:root #fff

--rw-palette-red-10

Selector Value Color
:root #fff8f7

--rw-palette-red-20

Selector Value Color
:root #fff1ef

--rw-palette-red-30

Selector Value Color
:root #ffebe8

--rw-palette-red-40

Selector Value Color
:root #ffd9d3

--rw-palette-red-50

Selector Value Color
:root #FFC1B8

--rw-palette-red-60

Selector Value Color
:root #ff9d90

--rw-palette-red-70

Selector Value Color
:root #ff8675

--rw-palette-red-80

Selector Value Color
:root #fe6954

--rw-palette-red-90

Selector Value Color
:root #ec4f3a

--rw-palette-red-100

Selector Value Color
:root #d63b25

--rw-palette-red-110

Selector Value Color
:root #c33522

--rw-palette-red-120

Selector Value Color
:root #b3311f

--rw-palette-red-130

Selector Value Color
:root #a22c1c

--rw-palette-red-140

Selector Value Color
:root #8f2719

--rw-palette-red-150

Selector Value Color
:root #7c2216

--rw-palette-red-160

Selector Value Color
:root #661c12

--rw-palette-red-170

Selector Value Color
:root #56180f

--rw-palette-red-180

Selector Value Color
:root #3c110b

--rw-palette-red-190

Selector Value Color
:root #2a0c07

--rw-palette-red-200

Selector Value Color
:root #000

--rw-palette-orange-0

Selector Value Color
:root #fff

--rw-palette-orange-10

Selector Value Color
:root #fef9f2

--rw-palette-orange-20

Selector Value Color
:root #fdf2e5

--rw-palette-orange-30

Selector Value Color
:root #fceddc

--rw-palette-orange-40

Selector Value Color
:root #f9ddbc

--rw-palette-orange-50

Selector Value Color
:root #f6c792

--rw-palette-orange-60

Selector Value Color
:root #f0a957

--rw-palette-orange-70

Selector Value Color
:root #eb9632

--rw-palette-orange-80

Selector Value Color
:root #E18212

--rw-palette-orange-90

Selector Value Color
:root #c6710e

--rw-palette-orange-100

Selector Value Color
:root #ac630c

--rw-palette-orange-110

Selector Value Color
:root #9c590b

--rw-palette-orange-120

Selector Value Color
:root #8f520a

--rw-palette-orange-130

Selector Value Color
:root #814909

--rw-palette-orange-140

Selector Value Color
:root #724108

--rw-palette-orange-150

Selector Value Color
:root #633807

--rw-palette-orange-160

Selector Value Color
:root #512f06

--rw-palette-orange-170

Selector Value Color
:root #452705

--rw-palette-orange-180

Selector Value Color
:root #2e1a03

--rw-palette-orange-190

Selector Value Color
:root #201202

--rw-palette-orange-200

Selector Value Color
:root #000

--rw-palette-green-0

Selector Value Color
:root #fff

--rw-palette-green-10

Selector Value Color
:root #f4fceb

--rw-palette-green-20

Selector Value Color
:root #ebf8de

--rw-palette-green-30

Selector Value Color
:root #e4f5d3

--rw-palette-green-40

Selector Value Color
:root #cfebb3

--rw-palette-green-50

Selector Value Color
:root #b1dd88

--rw-palette-green-60

Selector Value Color
:root #8ac94f

--rw-palette-green-70

Selector Value Color
:root #7dba45

--rw-palette-green-80

Selector Value Color
:root #6fa939

--rw-palette-green-90

Selector Value Color
:root #5e942b

--rw-palette-green-100

Selector Value Color
:root #508223

--rw-palette-green-110

Selector Value Color
:root #497620

--rw-palette-green-120

Selector Value Color
:root #436b1d

--rw-palette-green-130

Selector Value Color
:root #3c601a

--rw-palette-green-140

Selector Value Color
:root #355617

--rw-palette-green-150

Selector Value Color
:root #2e4914

--rw-palette-green-160

Selector Value Color
:root #263d10

--rw-palette-green-170

Selector Value Color
:root #1f330e

--rw-palette-green-180

Selector Value Color
:root #152309

--rw-palette-green-190

Selector Value Color
:root #0f1706

--rw-palette-green-200

Selector Value Color
:root #000

--a-base-font-family

Selector Value Color
:root "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif

--a-base-font-family-serif

Selector Value Color
:root Georgia, Times, "Times New Roman", serif

--a-base-font-family-mono

Selector Value Color
:root SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace

--a-base-font-weight-semibold

Selector Value Color
:root 600
.rw-typography-semibold, .rw-typography-semi-bold 500
.apex-item-subgroup .apex-group-label 600
.a-IG-reportSummary-count 500
.apex-rds-item a 500
.t-Timeline-avatar 500

--a-dev-toolbar-background-color

Selector Value Color
:root var(--rw-palette-neutral-150)

--a-button-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.08)
.t-Button--header transparent
.t-Button--header.is-active rgba(22, 21, 19, 0.16)
.t-Button--headerTree.is-active transparent
.ui-button:not(.ui-button--hot):not(.ui-button--danger), .t-Button--simple, .t-Button--noUI, .t-Button--hideShow, .a-Button--noUI transparent
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--rw-palette-neutral-170)
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple transparent
.t-Button--warning var(--rw-palette-orange-100)
.t-Button--warning.t-Button--simple transparent
.t-Button--warning.t-Button--link transparent
.t-Button--success var(--rw-palette-green-100)
.t-Button--success.t-Button--simple transparent
.t-Button--success.t-Button--link transparent
.ui-button--danger, .t-Button--danger var(--rw-palette-red-100)
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple transparent
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link transparent
.t-Button--primary var(--rw-palette-neutral-100)
.t-Button--primary.t-Button--simple transparent
.t-Button--primary.t-Button--link transparent
.a-CardView.has-media--background .a-CardView-button--hot var(--rw-palette-neutral-0)
.a-FS-addChart, .a-FS-changeChartType, .a-FS-removeChart transparent
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow transparent
.a-FS-clear, .a-FS-moreOptions transparent
.a-DatePicker-nav, .a-DatePicker--today, .a-DatePicker--close transparent
.a-GV-columnControls .a-Button transparent
.a-GV-pagination transparent
.a-Toolbar, .a-IRR-toolbar, .a-IRR-button.a-IRR-sortWidget-button transparent
.a-IG-button.a-IG-button--controls, .a-IRR-button.a-IRR-button--controls transparent
.a-IRR-button.a-IRR-button--pagination, .a-IRR-button.a-IRR-button--pagination:hover transparent
.ui-dialog-titlebar-close transparent
body:not([class*=rw-pillar--]).rw-mode-header--pillar .t-Button--header.is-active, .rw-pillar--neutral.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header.is-active rgba(22, 21, 19, 0.5)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot var(--rw-palette-neutral-0)
.rw-mode-header--dark .t-Button--header.is-active rgba(22, 21, 19, 0.5)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--hot, .rw-mode-body-header--dark .t-Body-title .t-Button--hot var(--rw-palette-neutral-0)

--a-button-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.t-Button--header initial
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active inherit
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--rw-palette-neutral-0)
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple var(--rw-palette-neutral-170)
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link var(--rw-palette-neutral-170)
.t-Button--hot.t-Button--noUI, .t-Button--hot.a-Button--noUI, .a-Button--hot.t-Button--noUI, .a-Button--hot.a-Button--noUI, .ui-button--hot.t-Button--noUI, .ui-button--hot.a-Button--noUI, .a-CardView-button--hot.t-Button--noUI, .a-CardView-button--hot.a-Button--noUI, .apex-button-group input:checked + label.t-Button--noUI, .apex-button-group input:checked + label.a-Button--noUI, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--noUI, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.a-Button--noUI var(--rw-palette-neutral-170)
.t-Button--warning var(--rw-palette-orange-0)
.t-Button--warning.t-Button--simple var(--rw-palette-orange-100)
.t-Button--warning.t-Button--link var(--rw-palette-orange-100)
.t-Button--warning.t-Button--noUI, .t-Button--warning.a-Button--noUI var(--rw-palette-orange-100)
.t-Button--success var(--rw-palette-green-0)
.t-Button--success.t-Button--simple var(--rw-palette-green-100)
.t-Button--success.t-Button--link var(--rw-palette-green-100)
.t-Button--success.t-Button--noUI, .t-Button--success.a-Button--noUI var(--rw-palette-green-100)
.ui-button--danger, .t-Button--danger var(--rw-palette-red-0)
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple var(--rw-palette-red-100)
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link var(--rw-palette-red-100)
.ui-button--danger.t-Button--noUI, .ui-button--danger.a-Button--noUI, .t-Button--danger.t-Button--noUI, .t-Button--danger.a-Button--noUI var(--rw-palette-red-100)
.t-Button--primary var(--rw-palette-neutral-0)
.t-Button--primary.t-Button--simple var(--rw-palette-neutral-100)
.t-Button--primary.t-Button--link var(--rw-palette-neutral-100)
.t-Button--primary.t-Button--noUI, .t-Button--primary.a-Button--noUI var(--rw-palette-neutral-100)
.t-Form-helpButton var(--ut-component-text-muted-color)
.a-CardView.has-media--background .a-CardView-button var(--rw-palette-neutral-0)
.a-CardView.has-media--background .a-CardView-button--hot var(--rw-palette-neutral-190)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--ut-link-text-color)
.a-FS-clear, .a-FS-moreOptions inherit
.a-DatePicker-nav, .a-DatePicker--today, .a-DatePicker--close var(--ut-component-text-default-color)
.ui-dialog-titlebar-close var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--hot, .rw-mode-body-header--dark .t-Body-title .t-Button--hot var(--rw-palette-neutral-190)

--a-button-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.5)
.t-Button--header transparent
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple var(--rw-palette-neutral-170)
.t-Button--warning.t-Button--simple var(--rw-palette-orange-100)
.t-Button--warning.t-Button--link transparent
.t-Button--success.t-Button--simple var(--rw-palette-green-100)
.t-Button--success.t-Button--link transparent
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple var(--rw-palette-red-100)
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link transparent
.t-Button--primary.t-Button--simple var(--rw-palette-neutral-100)
.t-Button--primary.t-Button--link transparent
.a-CardView.has-media--background .a-CardView-button rgba(255, 255, 255, .3)
.a-FS-clear, .a-FS-moreOptions rgba(0, 0, 0, .3)
.a-DatePicker-nav, .a-DatePicker--today, .a-DatePicker--close transparent
.ui-dialog-titlebar-close transparent
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG rgba(255, 255, 255, .3)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .a-FS-clear, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .a-FS-clear rgba(255, 255, 255, .3)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--simple, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--noUI, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--simple, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--noUI rgba(255, 255, 255, 0.5)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(255, 255, 255, .3)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .a-FS-clear, .rw-mode-body-header--dark .t-Body-title .a-FS-clear rgba(255, 255, 255, .3)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--simple, body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--noUI, .rw-mode-body-header--dark .t-Body-title .t-Button--simple, .rw-mode-body-header--dark .t-Body-title .t-Button--noUI rgba(255, 255, 255, 0.5)

--a-button-border-width

Selector Value Color
:root 0px
.t-Button--simple 1px
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active 0px
.a-FS-clear, .a-FS-moreOptions 1px

--a-button-border-radius

Selector Value Color
:root .25rem
.t-Alert--page .t-Button.t-Button--closeAlert .25rem
.a-Button.a-Button--actions .125rem
.a-FS-clear, .a-FS-moreOptions .375rem
.a-GV-columnControls .a-Button .125rem
.a-Toolbar-group--search .a-Toolbar-item:first-child, .a-Toolbar-group--search .a-Toolbar-item:last-child, .a-IRR-button--colSearch, .a-IRR-button--search 0.125rem
.a-IRR-button.a-IRR-button--pagination, .a-IRR-button.a-IRR-button--pagination:hover var(--a-button-border-radius)

--a-button-padding-y

Selector Value Color
:root .625rem
.t-Alert--page .t-Button.t-Button--closeAlert .5rem
.t-Button--header .5rem
.t-Form-helpButton .25rem
.t-Button--tiny, .t-Button--xsmall .375rem
.t-Button--small .5rem
.t-Button--large .875rem
.t-Button--xlarge .875rem
.a-FS-addChart, .a-FS-changeChartType, .a-FS-removeChart calc(.5rem - var(--a-button-border-width, 1px))
.a-FS-clear, .a-FS-moreOptions .5rem
.a-Toolbar, .a-IRR-toolbar, .a-IRR-button.a-IRR-sortWidget-button .5rem
.a-IG-button.a-IG-button--controls, .a-IRR-button.a-IRR-button--controls .5rem

--a-button-padding-x

Selector Value Color
:root 1rem
.t-Alert--page .t-Button.t-Button--closeAlert .5rem
.t-Button--header .5rem
.t-Form-helpButton .5rem
.t-Button.t-Button--noLabel, .t-Button--medium.t-Button--noLabel var(--a-button-padding-y)
.t-Button--tiny, .t-Button--xsmall .5rem
.t-Button--small 1rem
.t-Button--large 1rem
.t-Button--xlarge 1rem
.a-FS-addChart, .a-FS-changeChartType, .a-FS-removeChart var(--a-button-padding-y)
.a-FS-clear, .a-FS-moreOptions .5rem
.a-Toolbar, .a-IRR-toolbar, .a-IRR-button.a-IRR-sortWidget-button 1rem
.a-IG-button.a-IG-button--controls, .a-IRR-button.a-IRR-button--controls .5rem

--a-button-font-size

Selector Value Color
:root .875rem
.t-Button--header .875rem
.t-Button--tiny, .t-Button--xsmall .8125rem
.t-Button--small .875rem
.t-Button--large .875rem
.t-Button--xlarge .875rem
.a-FS-clear, .a-FS-moreOptions .875rem
.a-GV-pagination 1rem
.a-Toolbar, .a-IRR-toolbar, .a-IRR-button.a-IRR-sortWidget-button .875rem

--a-button-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)

--a-button-line-height

Selector Value Color
:root 1.5rem
.t-Button--header 1.25rem
.t-Button--tiny, .t-Button--xsmall 1rem
.t-Button--small 1.25rem
.t-Button--large 1.5rem
.t-Button--xlarge 1rem
.a-FS-clear, .a-FS-moreOptions 1rem
.a-GV-columnControls .a-Button 1
.a-GV-pagination 1rem
.a-Toolbar, .a-IRR-toolbar, .a-IRR-button.a-IRR-sortWidget-button 1.25rem

--a-button-gap-x

Selector Value Color
:root .25rem
.t-Body-title .75rem

--a-button-icon-spacing

Selector Value Color
:root .5rem
.t-Button--header .5rem
.t-Button--tiny, .t-Button--xsmall .25rem
.t-Button--small .5rem
.t-Button--large .5rem
.t-Button--xlarge .5rem
.a-Toolbar, .a-IRR-toolbar, .a-IRR-button.a-IRR-sortWidget-button .5rem

--a-button-icon-size

Selector Value Color
:root 1.25rem
.t-Alert--page .t-Button.t-Button--closeAlert 1.25rem
.t-Button--header 1.25rem
.t-Button--tiny, .t-Button--xsmall 1rem
.t-Button--small 1.25rem
.t-Button--large 1.5rem
.t-Button--xlarge 1.5rem
.a-Button 1.25rem
.a-Toolbar, .a-IRR-toolbar, .a-IRR-button.a-IRR-sortWidget-button 1.25rem

--a-button-hover-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.12)
.t-Button--header rgba(22, 21, 19, 0.04)
.ui-button:not(.ui-button--hot):not(.ui-button--danger), .t-Button--simple, .t-Button--noUI, .t-Button--hideShow, .a-Button--noUI rgba(22, 21, 19, 0.04)
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--rw-palette-neutral-160)
.t-Button--warning var(--rw-palette-orange-110)
.t-Button--success var(--rw-palette-green-110)
.ui-button--danger, .t-Button--danger var(--rw-palette-red-110)
.t-Button--primary var(--rw-palette-neutral-110)
.t-Form-helpButton transparent
.a-CardView.has-media--background .a-CardView-button rgba(255, 255, 255, .08)
.a-CardView.has-media--background .a-CardView-button--hot rgba(255, 255, 255, .96)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-background-color)
.a-FS-clear, .a-FS-moreOptions rgba(0, 0, 0, 0.04)
.ui-dialog-titlebar-close rgba(22, 21, 19, 0.04)
body:not([class*=rw-pillar--]).rw-mode-header--pillar .t-Button--header, .rw-pillar--neutral.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.04)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot rgba(255, 255, 255, .96)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--simple, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--noUI, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--simple, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--noUI rgba(255, 255, 255, 0.04)
.rw-mode-header--dark .t-Button--header rgba(255, 255, 255, 0.04)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--hot, .rw-mode-body-header--dark .t-Body-title .t-Button--hot rgba(255, 255, 255, .96)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--simple, body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--noUI, .rw-mode-body-header--dark .t-Body-title .t-Button--simple, .rw-mode-body-header--dark .t-Body-title .t-Button--noUI rgba(255, 255, 255, 0.04)

--a-button-active-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.16)
.t-Button--header rgba(22, 21, 19, 0.08)
.ui-button:not(.ui-button--hot):not(.ui-button--danger), .t-Button--simple, .t-Button--noUI, .t-Button--hideShow, .a-Button--noUI rgba(22, 21, 19, 0.08)
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--rw-palette-neutral-150)
.t-Button--warning var(--rw-palette-orange-120)
.t-Button--success var(--rw-palette-green-120)
.ui-button--danger, .t-Button--danger var(--rw-palette-red-120)
.t-Button--primary var(--rw-palette-neutral-120)
.a-CardView.has-media--background .a-CardView-button rgba(255, 255, 255, .16)
.a-CardView.has-media--background .a-CardView-button--hot rgba(255, 255, 255, .92)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-hover-border-color)
.a-FS-clear, .a-FS-moreOptions rgba(0, 0, 0, 0.08)
.ui-dialog-titlebar-close rgba(22, 21, 19, 0.08)
body:not([class*=rw-pillar--]).rw-mode-header--pillar .t-Button--header, .rw-pillar--neutral.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header rgba(255, 255, 255, 0.08)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot rgba(255, 255, 255, .92)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--simple, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--noUI, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--simple, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--noUI rgba(255, 255, 255, 0.08)
.rw-mode-header--dark .t-Button--header rgba(255, 255, 255, 0.08)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--hot, .rw-mode-body-header--dark .t-Body-title .t-Button--hot rgba(255, 255, 255, .92)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--simple, body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Button--noUI, .rw-mode-body-header--dark .t-Body-title .t-Button--simple, .rw-mode-body-header--dark .t-Body-title .t-Button--noUI rgba(255, 255, 255, 0.08)

--a-button-focus-background-color

Selector Value Color
:root var(--a-button-hover-background-color)
.t-Button--header var(--a-button-background-color)
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-background-color)
.t-Button--warning var(--a-button-hover-background-color)
.t-Button--success var(--a-button-hover-background-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-background-color)
.t-Button--primary var(--a-button-hover-background-color)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-hover-background-color)
.a-FS-clear, .a-FS-moreOptions var(--a-button-hover-background-color)
.ui-dialog-titlebar-close var(--a-button-hover-background-color)
body:not([class*=rw-pillar--]).rw-mode-header--pillar .t-Button--header, .rw-pillar--neutral.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header var(--a-button-background-color)
.rw-mode-header--dark .t-Button--header var(--a-button-background-color)

--a-button-disabled-opacity

Selector Value Color
:root .3

--a-field-input-padding-x

Selector Value Color
:root 1rem
.a-FS-search .5rem

--a-field-input-padding-y

Selector Value Color
:root .75rem
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel .5rem
.a-GV-columnItem .5rem

--a-field-input-font-size

Selector Value Color
:root 1rem
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel 1rem
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField 0.75rem

--a-field-input-line-height

Selector Value Color
:root 1.25rem

--a-field-input-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-field-input-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG transparent
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title transparent

--a-field-input-border-radius

Selector Value Color
:root .25rem
.a-FS-search .apex-item-text 0.125rem
.a-GV-columnItem 0
.a-Toolbar-group--search .a-Toolbar-inputText[data-enter-action=search], .a-IRR-search-field 0.125rem

--a-field-input-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.5)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG rgba(255, 255, 255, .3)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(255, 255, 255, .3)

--a-field-input-border-width

Selector Value Color
:root 1px

--a-field-input-shadow

Selector Value Color
:root none

--a-field-input-focus-border-color

Selector Value Color
:root var(--ut-palette-primary)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-field-disabled-opacity

Selector Value Color
:root .3

--a-field-placeholder-text-color

Selector Value Color
:root inherit

--a-field-placeholder-opacity

Selector Value Color
:root .6

--a-field-select-background-image

Selector Value Color
:root url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiI+PHBhdGggZD0iTTIwIDIzbDYgNiA2LTZIMjB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzE2MTUxMyIvPjwvc3ZnPg==")
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiI+PHBhdGggZD0iTTIwIDIzbDYgNiA2LTZIMjB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiI+PHBhdGggZD0iTTIwIDIzbDYgNiA2LTZIMjB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")

--a-field-select-background-size

Selector Value Color
:root 52px 52px

--a-field-select-arrow-padding

Selector Value Color
:root 40px

--a-field-icon-size

Selector Value Color
:root 1.25rem

--a-checkbox-label-font-size

Selector Value Color
:root 1rem
.a-FS-control .8125rem

--a-checkbox-icon-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--a-checkbox-border-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-checkbox-background-color

Selector Value Color
:root transparent
.u-selector transparent

--a-checkbox-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-checkbox-checked-background-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-checkbox-checked-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)
.u-selector var(--a-checkbox-checked-text-color)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-190)

--a-starrating-stars-fg-color

Selector Value Color
:root var(--ut-palette-primary)

--a-starrating-stars-bg-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--a-percent-chart-bar-border-radius

Selector Value Color
:root .375rem

--a-percent-chart-border-radius

Selector Value Color
:root .375rem

--a-percent-chart-border-width

Selector Value Color
:root 0px

--a-percent-chart-height

Selector Value Color
:root .375rem

--a-percent-chart-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.15)

--a-percent-chart-bar-background-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-percent-chart-bar-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-switch-width

Selector Value Color
:root 2.25rem

--a-switch-border-width

Selector Value Color
:root 0px

--a-switch-border-radius

Selector Value Color
:root .375rem

--a-switch-toggle-border-radius

Selector Value Color
:root .25rem

--a-switch-shadow

Selector Value Color
:root none

--a-switch-background-color

Selector Value Color
:root var(--rw-palette-neutral-90)

--a-switch-hover-background-color

Selector Value Color
:root var(--a-switch-background-color)

--a-switch-active-background-color

Selector Value Color
:root var(--a-switch-hover-background-color)

--a-switch-checked-background-color

Selector Value Color
:root var(--rw-palette-brandlight-100)

--a-switch-checked-hover-background-color

Selector Value Color
:root var(--a-switch-checked-background-color)

--a-switch-checked-active-background-color

Selector Value Color
:root var(--a-switch-checked-hover-background-color)

--a-switch-focused-shadow

Selector Value Color
:root none

--a-switch-toggle-width

Selector Value Color
:root 1rem

--a-switch-toggle-height

Selector Value Color
:root 1rem

--a-switch-toggle-border-width

Selector Value Color
:root 0px

--a-switch-toggle-shadow

Selector Value Color
:root none

--a-switch-toggle-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-filedrop-padding-y

Selector Value Color
:root 1.5rem
.apex-item-group--file-browse 0rem

--a-filedrop-padding-x

Selector Value Color
:root 1.5rem
.apex-item-group--file-browse 0rem

--a-filedrop-border-radius

Selector Value Color
:root .5rem
.apex-item-group--file-browse var(--a-field-input-border-radius, .125rem)

--a-filedrop-border-color

Selector Value Color
:root var(--a-field-input-border-color)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--a-field-input-border-color)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--a-field-input-border-color)

--a-filedrop-border-style

Selector Value Color
:root dashed
.apex-item-group--file-browse solid

--a-filedrop-heading-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-filedrop-icon-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-filedrop-background-color

Selector Value Color
:root transparent

--a-filedrop-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--ut-component-text-muted-color)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--ut-component-text-muted-color)

--a-filedrop-hover-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)

--a-filedrop-active-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.08)

--a-filedrop-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-filedrop-progress-background-color

Selector Value Color
:root rgba(49, 45, 42, 0.15)

--a-filedrop-progress-bar-background-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-filedrop-progress-backdrop-filter

Selector Value Color
:root none

--a-filedrop-progress-content-opacity

Selector Value Color
:root .04

--a-splitter-bar-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)

--a-splitter-bar-border-width

Selector Value Color
:root 0px

--a-splitter-bar-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-splitter-bar-hover-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.08)

--a-splitter-bar-active-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.12)

--a-splitter-bar-focus-background-color

Selector Value Color
:root var(--ut-palette-primary)

--a-splitter-bar-focus-border-color

Selector Value Color
:root var(--a-splitter-bar-focus-background-color)

--a-splitter-thumb-height

Selector Value Color
:root 2.75rem

--a-splitter-thumb-border-radius

Selector Value Color
:root .125rem

--a-splitter-thumb-border-width

Selector Value Color
:root 0px

--a-splitter-thumb-border-color

Selector Value Color
:root var(--a-splitter-bar-border-color)

--a-splitter-thumb-background-color

Selector Value Color
:root transparent

--a-splitter-thumb-arrow-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-splitter-thumb-hover-border-color

Selector Value Color
:root var(--a-splitter-bar-focus-background-color)

--a-splitter-thumb-hover-background-color

Selector Value Color
:root var(--a-splitter-bar-hover-background-color)

--a-splitter-thumb-focus-border-color

Selector Value Color
:root var(--a-splitter-bar-focus-background-color)

--a-splitter-thumb-focus-background-color

Selector Value Color
:root var(--a-splitter-bar-focus-background-color)

--a-splitter-thumb-focus-arrow-color

Selector Value Color
:root var(--ut-palette-primary-contrast)

--a-splitter-thumb-focus-hover-background-color

Selector Value Color
:root var(--a-splitter-thumb-focus-background-color)

--a-menu-padding-y

Selector Value Color
:root .5rem

--a-menu-padding-x

Selector Value Color
:root 0rem

--a-menu-font-size

Selector Value Color
:root 1rem

--a-menu-font-weight

Selector Value Color
:root 400

--a-menu-line-height

Selector Value Color
:root 1.25rem

--a-menu-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-menu-accel-font-size

Selector Value Color
:root var(--a-menu-font-size)

--a-menu-accel-text-color

Selector Value Color
:root rgba(22, 21, 19, 0.7)

--a-menu-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-menu-border-radius

Selector Value Color
:root .375rem

--a-menu-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--a-menu-border-width

Selector Value Color
:root 1px

--a-menu-shadow

Selector Value Color
:root var(--ut-shadow-md)

--a-menu-item-height

Selector Value Color
:root 3rem

--a-menu-focused-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)

--a-menu-focused-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-menu-focused-accel-text-color

Selector Value Color
:root rgba(22, 21, 19, 0.8)

--a-menu-disabled-focused-background-color

Selector Value Color
:root transparent

--a-menu-sep-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--a-menu-scroll-button-background-color

Selector Value Color
:root transparent

--a-menu-scroll-up-shadow

Selector Value Color
:root 0 2px 4px -2px rgba(0, 0, 0, .1)

--a-menu-scroll-down-shadow

Selector Value Color
:root 0 -2px 4px -2px rgba(0, 0, 0, .1)

--a-menu-icon-size

Selector Value Color
:root 1.25rem

--a-menu-icon-spacing-x

Selector Value Color
:root 1rem
.t-MegaMenu .5rem

--a-datepicker-background-color

Selector Value Color
:root var(--a-field-input-background-color)

--a-datepicker-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-datepicker-border-radius

Selector Value Color
:root var(--a-field-input-border-radius)

--a-datepicker-header-background-color

Selector Value Color
:root var(--ut-component-background-color)

--a-datepicker-header-border-color

Selector Value Color
:root transparent

--a-datepicker-monthpicker-order

Selector Value Color
:root 2

--a-datepicker-monthpicker-select-background-color

Selector Value Color
:root transparent

--a-datepicker-monthpicker-select-text-color

Selector Value Color
:root inherit

--a-datepicker-monthpicker-select-border-color

Selector Value Color
:root transparent

--a-datepicker-monthpicker-select-font-size

Selector Value Color
:root 1rem

--a-datepicker-monthpicker-select-font-weight

Selector Value Color
:root 700

--a-datepicker-monthpicker-justify-content

Selector Value Color
:root center

--a-datepicker-calendars-gap

Selector Value Color
:root 0px
.a-DatePicker--multiple .a-DatePicker-calendars 1px

--a-datepicker-calendar-background-color

Selector Value Color
:root var(--ut-component-background-color)

--a-datepicker-calendar-title-background-color

Selector Value Color
:root transparent

--a-datepicker-calendar-header-padding-x

Selector Value Color
:root var(--a-datepicker-calendar-day-spacing)

--a-datepicker-calendar-header-background-color

Selector Value Color
:root transparent

--a-datepicker-calendar-header-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-datepicker-calendar-header-border-width

Selector Value Color
:root 0
.a-DatePicker--multiple .a-DatePicker-calendarTitle 1px

--a-datepicker-calendar-day-spacing

Selector Value Color
:root .5rem

--a-datepicker-calendar-day-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-datepicker-calendar-day-font-size

Selector Value Color
:root .875rem

--a-datepicker-calendar-day-font-weight

Selector Value Color
:root 400

--a-datepicker-calendar-day-border-width

Selector Value Color
:root 1px

--a-datepicker-calendar-day-border-radius

Selector Value Color
:root .25rem

--a-datepicker-calendar-day-current-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-datepicker-calendar-day-current-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-datepicker-calendar-day-current-border-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-datepicker-calendar-day-hover-border-color

Selector Value Color
:root transparent

--a-datepicker-calendar-day-selected-background-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-datepicker-calendar-day-selected-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-datepicker-calendar-day-selected-border-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-datepicker-calendar-week-text-color

Selector Value Color
:root var(--rw-palette-neutral-100)

--a-datepicker-calendar-week-border-width

Selector Value Color
:root 0

--a-datepicker-timepicker-select-padding-x

Selector Value Color
:root 0

--a-datepicker-timepicker-select-background-color

Selector Value Color
:root transparent

--a-datepicker-timepicker-select-border-color

Selector Value Color
:root transparent

--a-datepicker-timepicker-select-font-size

Selector Value Color
:root .875rem

--a-menu-callout-size

Selector Value Color
:root .75rem

--a-menu-callout-border-radius

Selector Value Color
:root calc(var(--a-menu-border-radius) / 2)

--a-menu-callout-shadow

Selector Value Color
:root 0 0 1.5rem -10px rgba(0, 0, 0, 0.3)

--a-fs-control-item-badge-opacity

Selector Value Color
:root .6

--a-fs-toggle-background-color

Selector Value Color
:root transparent

--a-fs-search-container-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--a-fs-search-container-border-width

Selector Value Color
:root 0px

--a-fs-control-seperator-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--a-fs-control-seperator-border-width

Selector Value Color
:root 0px

--a-fs-search-container-padding-y

Selector Value Color
:root 1rem

--a-fs-search-container-padding-x

Selector Value Color
:root 1rem

--a-fs-item-sub-group-spacing

Selector Value Color
:root 1rem

--a-fs-control-header-padding-y

Selector Value Color
:root .5rem

--a-fs-control-header-padding-x

Selector Value Color
:root 1rem

--a-fs-control-header-font-size

Selector Value Color
:root 1rem

--a-fs-control-header-line-height

Selector Value Color
:root 1.25rem

--a-fs-control-body-padding-y

Selector Value Color
:root .75rem

--a-fs-control-body-padding-x

Selector Value Color
:root 1rem

--a-fs-control-actions-padding-y

Selector Value Color
:root .5rem

--a-fs-control-actions-padding-x

Selector Value Color
:root 0rem

--a-fs-control-item-spacing

Selector Value Color
:root .75rem

--a-treeview-node-font-size

Selector Value Color
:root .875rem

--a-treeview-node-line-height

Selector Value Color
:root 1.5rem

--a-treeview-node-text-color

Selector Value Color
:root currentColor

--a-treeview-node-hover-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.12)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-150)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-150)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-150)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-150)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-150)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-150)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-150)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-150)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-150)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-150)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-150)
.rw-mode-nav--dark var(--rw-palette-neutral-150)

--a-treeview-node-selected-background-color

Selector Value Color
:root var(--rw-palette-neutral-140)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-140)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-140)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-140)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-140)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-140)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-140)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-140)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-140)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-140)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-140)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-140)
.rw-mode-nav--dark var(--rw-palette-neutral-140)

--a-treeview-node-selected-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--rose.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--plum.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--sienna.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--teal.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--pebble.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--slate.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--pine.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--ocean.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--lilac.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--beige.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-mode-nav--dark var(--a-treeview-node-text-color)

--a-treeview-node-focused-background-color

Selector Value Color
:root var(--rw-palette-neutral-130)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-130)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-130)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-130)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-130)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-130)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-130)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-130)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-130)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-130)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-130)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-130)
.rw-mode-nav--dark var(--rw-palette-neutral-130)

--a-treeview-node-focused-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--rose.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--plum.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--sienna.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--teal.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--pebble.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--slate.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--pine.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--ocean.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--lilac.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--beige.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-mode-nav--dark var(--a-treeview-node-text-color)

--a-treeview-node-focused-shadow

Selector Value Color
:root 0 0 0 2px var(--ut-palette-primary)

--a-toolbar-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)

--a-toolbar-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-toolbar-sep-border-width

Selector Value Color
:root 0px

--a-report-controls-padding-x

Selector Value Color
:root .75rem

--a-report-controls-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-cell-spacing

Selector Value Color
:root .5rem

--a-report-controls-cell-border-radius

Selector Value Color
:root .375rem

--a-report-controls-cell-label-width

Selector Value Color
:root 18.75rem

--a-report-controls-cell-label-font-size

Selector Value Color
:root .875rem

--a-report-controls-cell-label-line-height

Selector Value Color
:root 1.25rem

--a-report-controls-cell-label-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-report-controls-cell-label-text-color

Selector Value Color
:root var(--rw-palette-neutral-200)

--a-report-controls-cell-label-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-cell-label-icon-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)
.a-IG-reportSummary-item--savedReport, .a-IG-controls-item--savedReport, .a-IRR-reportSummary-item--savedReport, .a-IRR-controls-item--savedReport var(--rw-palette-blue-100)
.a-IG-reportSummary-item--search, .a-IG-controls-item--search, .a-IRR-reportSummary-item--search, .a-IRR-controls-item--search var(--rw-palette-blue-100)
.a-IG-reportSummary-item--filter, .a-IG-controls-item--filter, .a-IRR-reportSummary-item--filter, .a-IRR-controls-item--filter var(--rw-palette-green-100)
.a-IG-reportSummary-item--controlBreak, .a-IG-controls-item--controlBreak, .a-IRR-reportSummary-item--controlBreak, .a-IRR-controls-item--controlBreak var(--rw-palette-blue-150)
.a-IG-reportSummary-item--groupBy, .a-IG-controls-item--groupBy, .a-IRR-reportSummary-item--groupBy, .a-IRR-controls-item--groupBy var(--rw-palette-blue-150)
.a-IG-reportSummary-item--aggregate, .a-IG-controls-item--aggregate, .a-IRR-reportSummary-item--aggregate, .a-IRR-controls-item--aggregate var(--rw-palette-blue-150)
.a-IG-reportSummary-item--highlight, .a-IG-controls-item--highlight, .a-IRR-reportSummary-item--highlight, .a-IRR-controls-item--highlight var(--rw-palette-orange-100)
.a-IG-reportSummary-item--flashback, .a-IG-controls-item--flashback, .a-IRR-reportSummary-item--flashback, .a-IRR-controls-item--flashback var(--rw-palette-pebble-150)
.a-IG-reportSummary-item--chart, .a-IG-controls-item--chart, .a-IRR-reportSummary-item--chart, .a-IRR-controls-item--chart var(--rw-palette-blue-150)
.a-IG-reportSummary-item--pivot, .a-IG-controls-item--pivot, .a-IRR-reportSummary-item--pivot, .a-IRR-controls-item--pivot var(--rw-palette-pebble-150)
.a-IG-reportSummary-item--invalidSettings, .a-IG-controls-item--invalidSettings, .a-IRR-reportSummary-item--invalidSettings, .a-IRR-controls-item--invalidSettings var(--rw-palette-pebble-100)
.a-IG-reportSummary-item--inactiveSettings, .a-IG-controls-item--inactiveSettings, .a-IRR-reportSummary-item--inactiveSettings, .a-IRR-controls-item--inactiveSettings var(--rw-palette-pebble-100)

--a-report-controls-cell-label-icon-text-color

Selector Value Color
:root #fff

--a-report-controls-search-width

Selector Value Color
:root 13.125rem

--a-report-controls-input-border-width

Selector Value Color
:root var(--a-field-input-border-width)

--a-report-controls-input-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-report-controls-input-border-radius

Selector Value Color
:root var(--a-field-input-border-radius)

--a-report-controls-input-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-report-controls-input-padding-y

Selector Value Color
:root .5rem

--a-report-controls-input-padding-x

Selector Value Color
:root var(--a-field-input-padding-x)

--a-report-controls-input-font-size

Selector Value Color
:root var(--a-field-input-font-size)

--a-report-controls-input-line-height

Selector Value Color
:root var(--a-field-input-line-height)

--a-gv-header-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-gv-header-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-gv-border-radius

Selector Value Color
:root var(--ut-region-border-radius, var(--ut-component-border-radius))
.a-IRR var(--ut-region-border-radius, var(--ut-component-border-radius))

--a-gv-font-size

Selector Value Color
:root .875rem

--a-gv-line-height

Selector Value Color
:root 1.25rem

--a-gv-header-cell-padding-x

Selector Value Color
:root .5rem

--a-gv-header-cell-padding-y

Selector Value Color
:root .625rem

--a-gv-header-cell-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)

--a-gv-header-cell-font-size

Selector Value Color
:root .75rem

--a-gv-header-cell-line-height

Selector Value Color
:root 1rem

--a-gv-cell-padding-x

Selector Value Color
:root .5rem
.a-IRR .5rem

--a-gv-cell-padding-y

Selector Value Color
:root .625rem
.a-IRR .625rem

--a-gv-cell-font-size

Selector Value Color
:root var(--a-gv-font-size)

--a-gv-cell-line-height

Selector Value Color
:root var(--a-gv-line-height)

--a-gv-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-gv-selected-background-color

Selector Value Color
:root var(--rw-palette-brandlight-30)

--a-gv-updated-background-color

Selector Value Color
:root var(--rw-palette-blue-30)

--a-gv-deleted-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)

--a-gv-row-hover-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)

--a-gv-pagination-button-background-color

Selector Value Color
:root transparent

--a-gv-pagination-button-text-color

Selector Value Color
:root var(--a-button-text-color)

--a-gv-pagination-button-hover-background-color

Selector Value Color
:root var(--a-button-hover-background-color)

--a-gv-pagination-button-hover-text-color

Selector Value Color
:root var(--a-button-hover-text-color)

--mg-ctrl-group-button-text-color

Selector Value Color
:root #000

--mg-popup-content-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--a-map-legend-title-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-chip-padding-y

Selector Value Color
:root .25rem

--a-chip-padding-x

Selector Value Color
:root .25rem

--a-chip-spacing

Selector Value Color
:root .25rem

--a-chip-font-size

Selector Value Color
:root .875rem

--a-chip-line-height

Selector Value Color
:root 1rem

--a-chip-label-spacing

Selector Value Color
:root .25rem

--a-chip-border-radius

Selector Value Color
:root .375rem

--a-chip-border-color

Selector Value Color
:root rgba(122, 115, 110, 0.25)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(251, 249, 248, 0.25)

--a-chip-hover-background-color

Selector Value Color
:root rgba(122, 115, 110, 0.15)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(251, 249, 248, 0.15)

--a-chip-active-background-color

Selector Value Color
:root rgba(122, 115, 110, 0.15)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(251, 249, 248, 0.15)

--a-chip-applied-background-color

Selector Value Color
:root rgba(34, 126, 158, 0.08)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(246, 250, 252, 0.08)

--a-chip-applied-border-color

Selector Value Color
:root transparent
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title transparent

--a-chip-applied-hover-background-color

Selector Value Color
:root rgba(34, 126, 158, 0.16)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(246, 250, 252, 0.16)

--a-chip-applied-active-background-color

Selector Value Color
:root rgba(34, 126, 158, 0.24)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(246, 250, 252, 0.24)

--a-chip-applied-is-active-background-color

Selector Value Color
:root var(--rw-palette-blue-100)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-blue-100)

--a-chip-applied-is-active-text-color

Selector Value Color
:root var(--rw-palette-blue-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-blue-0)

--a-chip-remove-text-color

Selector Value Color
:root rgba(22, 21, 19, 0.5)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(255, 255, 255, 0.5)

--a-chip-remove-hover-background-color

Selector Value Color
:root rgba(34, 126, 158, 0.15)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(251, 249, 248, 0.1)

--a-chip-remove-hover-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-chip-remove-active-background-color

Selector Value Color
:root rgba(34, 126, 158, 0.2)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(251, 249, 248, 0.2)

--a-chip-remove-active-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--a-chip-applied-is-active-remove-text-color

Selector Value Color
:root rgba(255, 255, 255, 0.5)

--a-chip-applied-is-active-remove-hover-background-color

Selector Value Color
:root rgba(251, 249, 248, 0.1)

--a-chip-applied-is-active-remove-hover-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-chip-applied-is-active-remove-active-background-color

Selector Value Color
:root rgba(251, 249, 248, 0.2)

--a-chip-applied-is-active-remove-active-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-chip-input-font-size

Selector Value Color
:root 1rem

--a-chip-input-line-height

Selector Value Color
:root 1.25rem

--a-chip-remove-icon-size

Selector Value Color
:root 1.25rem

--a-combo-select-icon-size

Selector Value Color
:root 1.25rem

--a-tooltip-font-size

Selector Value Color
:root .75rem

--a-tooltip-line-height

Selector Value Color
:root 1rem

--a-tooltip-backdrop-filter

Selector Value Color
:root none

--a-tooltip-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.9)

--a-tooltip-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-overlay-background-color

Selector Value Color
:root rgba(49, 45, 42, 0.15)

--a-spinner-size

Selector Value Color
:root 3rem

--a-spinner-border-width

Selector Value Color
:root .25rem

--a-spinner-border-color

Selector Value Color
:root rgba(49, 45, 42, 0.15)

--a-spinner-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--a-spinner-container-background-color

Selector Value Color
:root transparent

--a-spinner-container-backdrop-filter

Selector Value Color
:root none

--a-spinner-container-shadow

Selector Value Color
:root none

--a-spinner-container-padding

Selector Value Color
:root 0rem

--a-spinner-cell-refresh-background-color

Selector Value Color
:root rgba(0, 0, 0, .2)

--a-love-apex-hover-text-color

Selector Value Color
:root var(--rw-palette-red-100)

--jui-widget-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--jui-dialog-background-color

Selector Value Color
:root var(--ut-region-background-color, var(--ut-component-background-color))

--jui-dialog-text-color

Selector Value Color
:root var(--ut-region-text-color, var(--ut-component-text-default-color))

--jui-dialog-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-border-width

Selector Value Color
:root 0

--jui-dialog-border-radius

Selector Value Color
:root var(--ut-region-border-radius, var(--ut-component-border-radius))
.ui-dialog .ui-dialog-titlebar:before 0.25rem
.ui-dialog .ui-dialog-titlebar:before 0.25rem

--jui-dialog-shadow

Selector Value Color
:root var(--ut-shadow-lg), 0 0 0 1px var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-font-size

Selector Value Color
:root .75rem

--jui-dialog-titlebar-background-color

Selector Value Color
:root transparent

--jui-dialog-titlebar-text-color

Selector Value Color
:root var(--ut-component-text-title-color)

--jui-dialog-titlebar-border-width

Selector Value Color
:root var(--ut-region-border-width, var(--ut-component-border-width, 1px))

--jui-dialog-titlebar-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-title-close-width

Selector Value Color
:root 2.25rem

--jui-dialog-title-close-height

Selector Value Color
:root 2.25rem

--jui-dialog-title-close-padding-y

Selector Value Color
:root .5rem

--jui-dialog-title-close-padding-x

Selector Value Color
:root .5rem

--jui-dialog-title-close-border-radius

Selector Value Color
:root var(--a-button-border-radius, .125rem)

--jui-dialog-title-close-border-color

Selector Value Color
:root var(--a-button-border-color)

--jui-dialog-title-close-icon-size

Selector Value Color
:root 1.25rem

--jui-dialog-content-padding-y

Selector Value Color
:root 0rem

--jui-dialog-content-padding-x

Selector Value Color
:root 0rem

--jui-dialog-buttonpane-background-color

Selector Value Color
:root transparent

--jui-dialog-buttonpane-border-color

Selector Value Color
:root var(--ut-component-border-color)

--jui-datepicker-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--jui-datepicker-border-color

Selector Value Color
:root var(--ut-component-border-color)

--jui-datepicker-shadow

Selector Value Color
:root var(--ut-shadow-md)

--jui-tooltip-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.9)

--jui-tooltip-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--jui-tooltip-border-color

Selector Value Color
:root transparent

--jui-tooltip-border-width

Selector Value Color
:root 0px

--jui-tooltip-border-radius

Selector Value Color
:root .375rem

--jui-tooltip-padding

Selector Value Color
:root .75rem

--jui-tooltip-shadow

Selector Value Color
:root var(--ut-shadow-md)

--ut-color-scheme

Selector Value Color
:root light

--ut-base-font-size

Selector Value Color
:root 1rem

--ut-body-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)
.t-LoginPage--bg1, .t-LoginPage--bg2, .t-LoginPage--bg3 var(--rw-palette-neutral-30)
.rw-mode-body--dark var(--rw-dark-body-title-background-color, var(--ut-body-title-background-color))

--ut-body-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--ut-focus-outline

Selector Value Color
:root var(--ut-focus-outline-color) dotted 1px
.u-checkbox:focus:before, .apex-item-checkbox input:focus + .u-checkbox:before, .apex-item-checkbox input:focus + label:before, .apex-item-checkbox .apex-item-option input:focus + label:before, .apex-item-single-checkbox input:focus + .u-checkbox:before, .apex-item-single-checkbox input:focus + label:before, .u-radio:focus:before, .apex-item-radio input:focus + .u-radio:before, .apex-item-radio input:focus + label:before -webkit-focus-ring-color
.apex-button-group input:focus + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:focus + label -webkit-focus-ring-color
.a-DatePicker-calendar td:focus > span -webkit-focus-ring-color
.t-Header-nav .a-MenuBar-item:focus-within -webkit-focus-ring-color

--ut-focus-outline-color

Selector Value Color
:root var(--ut-palette-primary)

--ut-focus-outline-offset

Selector Value Color
:root .125rem

--ut-header-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)
body:not([class*=rw-pillar--]).rw-mode-header--pillar, .rw-pillar--neutral.rw-mode-header--pillar var(--rw-palette-neutral-170)
.rw-pillar--rose.rw-mode-header--pillar var(--rw-palette-rose-170)
.rw-pillar--plum.rw-mode-header--pillar var(--rw-palette-plum-170)
.rw-pillar--sienna.rw-mode-header--pillar var(--rw-palette-sienna-170)
.rw-pillar--teal.rw-mode-header--pillar var(--rw-palette-teal-170)
.rw-pillar--pebble.rw-mode-header--pillar var(--rw-palette-pebble-170)
.rw-pillar--slate.rw-mode-header--pillar var(--rw-palette-slate-170)
.rw-pillar--pine.rw-mode-header--pillar var(--rw-palette-pine-170)
.rw-pillar--ocean.rw-mode-header--pillar var(--rw-palette-ocean-170)
.rw-pillar--lilac.rw-mode-header--pillar var(--rw-palette-lilac-170)
.rw-pillar--beige.rw-mode-header--pillar var(--rw-palette-beige-170)
.rw-mode-header--light var(--rw-palette-neutral-20)
.rw-mode-header--dark var(--rw-palette-neutral-170)

--ut-header-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-header--pillar, .rw-pillar--neutral.rw-mode-header--pillar var(--rw-palette-neutral-0)
.rw-pillar--rose.rw-mode-header--pillar var(--rw-palette-rose-0)
.rw-pillar--plum.rw-mode-header--pillar var(--rw-palette-plum-0)
.rw-pillar--sienna.rw-mode-header--pillar var(--rw-palette-sienna-0)
.rw-pillar--teal.rw-mode-header--pillar var(--rw-palette-teal-0)
.rw-pillar--pebble.rw-mode-header--pillar var(--rw-palette-pebble-0)
.rw-pillar--slate.rw-mode-header--pillar var(--rw-palette-slate-0)
.rw-pillar--pine.rw-mode-header--pillar var(--rw-palette-pine-0)
.rw-pillar--ocean.rw-mode-header--pillar var(--rw-palette-ocean-0)
.rw-pillar--lilac.rw-mode-header--pillar var(--rw-palette-lilac-0)
.rw-pillar--beige.rw-mode-header--pillar var(--rw-palette-beige-0)
.rw-mode-header--light var(--rw-palette-neutral-190)
.rw-mode-header--dark var(--rw-palette-neutral-0)

--ut-header-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-header-box-shadow

Selector Value Color
:root none
body:not([class*=rw-pillar--]).rw-mode-header--pillar, .rw-pillar--neutral.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--rose.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--plum.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--sienna.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--teal.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--pebble.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--slate.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--pine.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--ocean.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--lilac.rw-mode-header--pillar var(--ut-shadow-md)
.rw-pillar--beige.rw-mode-header--pillar var(--ut-shadow-md)
.rw-mode-header--light inset rgba(22, 21, 19, 0.1) 0 -1px 0 0
.rw-mode-header--dark var(--ut-shadow-md)

--ut-header-height

Selector Value Color
:root 3.5rem

--ut-logo-img-spacing

Selector Value Color
:root .5rem

--ut-xs-body-content-padding-x

Selector Value Color
:root 1rem

--ut-xs-body-content-padding-y

Selector Value Color
:root 1rem

--ut-body-content-max-width

Selector Value Color
:root 100%
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) 87rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 87rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-mainContent 100%
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Footer 100%

--ut-body-main-background-color

Selector Value Color
:root var(--rw-palette-neutral-10)

--ut-body-main-content-background-color

Selector Value Color
:root var(--rw-palette-neutral-10)
body:not([class*=rw-layout--]), .rw-layout--edge-to-edge transparent
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) var(--ut-body-main-background-color)

--ut-header-menubar-background-color

Selector Value Color
:root var(--rw-palette-neutral-30)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-170)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-170)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-170)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-170)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-170)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-170)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-170)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-170)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-170)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-170)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-170)
.rw-mode-nav--dark var(--rw-palette-neutral-170)

--ut-header-menubar-item-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-10)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-10)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-10)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-10)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-10)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-10)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-10)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-10)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-10)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-10)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-10)
.rw-mode-nav--dark var(--rw-palette-neutral-0)

--ut-header-menubar-item-current-background-color

Selector Value Color
:root var(--rw-palette-neutral-140)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-140)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-140)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-140)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-140)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-140)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-140)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-140)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-140)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-140)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-140)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-140)
.rw-mode-nav--dark var(--rw-palette-neutral-140)

--ut-header-menubar-item-current-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--rose.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--plum.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--sienna.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--teal.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--pebble.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--slate.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--pine.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--ocean.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--lilac.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-pillar--beige.rw-mode-nav--pillar var(--ut-header-menubar-item-text-color)
.rw-mode-nav--dark var(--ut-header-menubar-item-text-color)

--ut-header-menubar-item-hover-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.12)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-150)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-150)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-150)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-150)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-150)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-150)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-150)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-150)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-150)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-150)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-150)
.rw-mode-nav--dark var(--rw-palette-neutral-150)

--ut-header-menubar-item-hover-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--rose.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--plum.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--sienna.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--teal.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--pebble.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--slate.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--pine.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--ocean.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--lilac.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-pillar--beige.rw-mode-nav--pillar var(--ut-header-menubar-item-current-text-color)
.rw-mode-nav--dark var(--ut-header-menubar-item-current-text-color)

--ut-header-menubar-item-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--rose.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--plum.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--sienna.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--teal.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--pebble.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--slate.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--pine.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--ocean.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--lilac.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--beige.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-mode-nav--dark rgba(255, 255, 255, 0.1)

--ut-header-menubar-item-border-width

Selector Value Color
:root 0px

--ut-header-menubar-item-split-icon-color

Selector Value Color
:root rgba(22, 21, 19, 0.7)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--rose.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--plum.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--sienna.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--teal.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--pebble.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--slate.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--pine.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--ocean.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--lilac.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--beige.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-mode-nav--dark rgba(255, 255, 255, 0.6)

--ut-header-menubar-item-split-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--rose.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--plum.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--sienna.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--teal.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--pebble.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--slate.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--pine.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--ocean.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--lilac.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-pillar--beige.rw-mode-nav--pillar rgba(255, 255, 255, 0.04)
.rw-mode-nav--dark rgba(255, 255, 255, 0.04)

--a-menubar-disabled-opacity

Selector Value Color
:root .4

--ut-navtabs-background-color

Selector Value Color
:root var(--rw-palette-neutral-30)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-170)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-170)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-170)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-170)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-170)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-170)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-170)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-170)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-170)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-170)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-170)
.rw-mode-nav--dark var(--rw-palette-neutral-170)

--ut-navtabs-box-shadow

Selector Value Color
:root 0 1px 0 0 rgba(22, 21, 19, 0.1)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--rose.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--plum.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--sienna.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--teal.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--pebble.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--slate.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--pine.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--ocean.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--lilac.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-pillar--beige.rw-mode-nav--pillar 0 1px 0 0 rgba(251, 249, 248, 0.1)
.rw-mode-nav--dark 0 1px 0 0 rgba(251, 249, 248, 0.1)

--ut-navtabs-icon-size

Selector Value Color
:root 1.5rem

--ut-navtabs-icon-padding

Selector Value Color
:root .25rem

--ut-xs-navtabs-icon-padding

Selector Value Color
:root .125rem

--ut-xs-navtabs-icon-spacing

Selector Value Color
:root .125rem

--ut-navtabs-icon-spacing

Selector Value Color
:root .5rem

--ut-navtabs-item-font-size

Selector Value Color
:root .875rem

--ut-navtabs-item-line-height

Selector Value Color
:root 1.25rem

--ut-navtabs-item-font-weight

Selector Value Color
:root 600

--ut-navtabs-item-padding-y

Selector Value Color
:root .75rem

--ut-xs-navtabs-item-padding-y

Selector Value Color
:root .5rem

--ut-navtabs-item-background-color

Selector Value Color
:root transparent

--ut-navtabs-item-text-color

Selector Value Color
:root rgba(22, 21, 19, 0.7)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--rose.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--plum.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--sienna.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--teal.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--pebble.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--slate.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--pine.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--ocean.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--lilac.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-pillar--beige.rw-mode-nav--pillar rgba(255, 255, 255, 0.6)
.rw-mode-nav--dark rgba(255, 255, 255, 0.6)

--ut-navtabs-item-border-width

Selector Value Color
:root 0px

--ut-navtabs-item-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--rose.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--plum.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--sienna.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--teal.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--pebble.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--slate.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--pine.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--ocean.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--lilac.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--beige.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-mode-nav--dark rgba(255, 255, 255, 0.1)

--ut-navtabs-item-highlight-color

Selector Value Color
:root transparent

--ut-navtabs-item-highlight-width

Selector Value Color
:root .1875rem

--ut-navtabs-item-hover-background-color

Selector Value Color
:root transparent

--ut-navtabs-item-hover-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-mode-nav--dark var(--rw-palette-neutral-0)

--ut-navtabs-item-hover-highlight-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--rose.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--plum.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--sienna.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--teal.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--pebble.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--slate.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--pine.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--ocean.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--lilac.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-pillar--beige.rw-mode-nav--pillar rgba(255, 255, 255, 0.1)
.rw-mode-nav--dark rgba(255, 255, 255, 0.1)

--ut-navtabs-item-active-background-color

Selector Value Color
:root transparent

--ut-navtabs-item-active-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-neutral-0)
.rw-mode-nav--dark var(--rw-palette-neutral-0)

--ut-navtabs-item-active-highlight-color

Selector Value Color
:root var(--ut-palette-primary)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-branddark-50)
.rw-mode-nav--dark var(--rw-palette-branddark-50)

--ut-navbar-button-badge-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-navbar-button-badge-border-radius

Selector Value Color
:root 6px

--ut-body-nav-background-color

Selector Value Color
:root var(--rw-palette-neutral-30)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-170)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-170)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-170)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-170)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-170)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-170)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-170)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-170)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-170)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-170)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-170)
.rw-mode-nav--dark var(--rw-palette-neutral-170)

--ut-body-nav-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-body-nav-text-color

Selector Value Color
:root var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-10)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-10)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-10)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-10)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-10)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-10)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-10)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-10)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-10)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-10)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-10)
.rw-mode-nav--dark var(--rw-palette-neutral-10)

--ut-body-nav-scrollbar-thumb-background-color

Selector Value Color
:root var(--rw-palette-neutral-60)
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--rw-palette-neutral-130)
.rw-pillar--rose.rw-mode-nav--pillar var(--rw-palette-rose-130)
.rw-pillar--plum.rw-mode-nav--pillar var(--rw-palette-plum-130)
.rw-pillar--sienna.rw-mode-nav--pillar var(--rw-palette-sienna-130)
.rw-pillar--teal.rw-mode-nav--pillar var(--rw-palette-teal-130)
.rw-pillar--pebble.rw-mode-nav--pillar var(--rw-palette-pebble-130)
.rw-pillar--slate.rw-mode-nav--pillar var(--rw-palette-slate-130)
.rw-pillar--pine.rw-mode-nav--pillar var(--rw-palette-pine-130)
.rw-pillar--ocean.rw-mode-nav--pillar var(--rw-palette-ocean-130)
.rw-pillar--lilac.rw-mode-nav--pillar var(--rw-palette-lilac-130)
.rw-pillar--beige.rw-mode-nav--pillar var(--rw-palette-beige-130)
.rw-mode-nav--dark var(--rw-palette-neutral-130)

--ut-body-nav-scrollbar-track-background-color

Selector Value Color
:root transparent

--ut-body-nav-scrollbar-size

Selector Value Color
:root 6px

--ut-body-title-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]), .rw-pillar--neutral var(--rw-palette-neutral-0)
.rw-pillar--rose var(--rw-palette-neutral-0)
.rw-pillar--plum var(--rw-palette-neutral-0)
.rw-pillar--sienna var(--rw-palette-neutral-0)
.rw-pillar--teal var(--rw-palette-neutral-0)
.rw-pillar--pebble var(--rw-palette-neutral-0)
.rw-pillar--slate var(--rw-palette-neutral-0)
.rw-pillar--pine var(--rw-palette-neutral-0)
.rw-pillar--ocean var(--rw-palette-neutral-0)
.rw-pillar--lilac var(--rw-palette-neutral-0)
.rw-pillar--beige var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-dark-body-title-background-color)

--ut-body-title-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)
body:not([class*=rw-pillar--]), .rw-pillar--neutral var(--rw-palette-neutral-100)
.rw-pillar--rose var(--rw-palette-rose-100)
.rw-pillar--plum var(--rw-palette-plum-100)
.rw-pillar--sienna var(--rw-palette-sienna-100)
.rw-pillar--teal var(--rw-palette-teal-100)
.rw-pillar--pebble var(--rw-palette-pebble-100)
.rw-pillar--slate var(--rw-palette-slate-100)
.rw-pillar--pine var(--rw-palette-pine-100)
.rw-pillar--ocean var(--rw-palette-ocean-100)
.rw-pillar--lilac var(--rw-palette-lilac-100)
.rw-pillar--beige var(--rw-palette-beige-100)

--ut-body-title-border-width

Selector Value Color
:root .75rem
.t-Body-title .375rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title 0

--ut-body-title-box-shadow

Selector Value Color
:root none
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) .t-Body-title none
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title none

--ut-breadcrumb-title-font-family

Selector Value Color
:root var(--a-base-font-family-serif)

--ut-breadcrumb-title-font-weight

Selector Value Color
:root 400

--ut-breadcrumb-title-font-size

Selector Value Color
:root 1.75rem

--ut-breadcrumb-title-line-height

Selector Value Color
:root 2.25rem

--ut-xs-breadcrumb-padding-y

Selector Value Color
:root 1rem

--ut-xs-breadcrumb-padding-x

Selector Value Color
:root 1rem

--ut-hero-region-padding-y

Selector Value Color
:root 2rem

--ut-xs-hero-region-padding-x

Selector Value Color
:root 1rem

--ut-xs-hero-region-padding-y

Selector Value Color
:root 1rem

--ut-xs-hero-region-title-font-size

Selector Value Color
:root 1.125rem

--ut-xs-hero-region-title-line-height

Selector Value Color
:root 1.5rem

--ut-hero-region-icon-background-color

Selector Value Color
:root var(--rw-palette-neutral-100)
body:not([class*=rw-pillar--]), .rw-pillar--neutral var(--rw-palette-neutral-100)
.rw-pillar--rose var(--rw-palette-rose-100)
.rw-pillar--plum var(--rw-palette-plum-100)
.rw-pillar--sienna var(--rw-palette-sienna-100)
.rw-pillar--teal var(--rw-palette-teal-100)
.rw-pillar--pebble var(--rw-palette-pebble-100)
.rw-pillar--slate var(--rw-palette-slate-100)
.rw-pillar--pine var(--rw-palette-pine-100)
.rw-pillar--ocean var(--rw-palette-ocean-100)
.rw-pillar--lilac var(--rw-palette-lilac-100)
.rw-pillar--beige var(--rw-palette-beige-100)

--ut-hero-region-icon-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-hero-region-icon-container-size

Selector Value Color
:root 3.5rem

--ut-hero-region-icon-size

Selector Value Color
:root 1.75rem

--ut-hero-region-icon-border-radius

Selector Value Color
:root .375rem

--ut-hero-region-title-font-weight

Selector Value Color
:root 400

--ut-hero-region-title-font-family

Selector Value Color
:root var(--a-base-font-family-serif)

--ut-hero-region-title-font-size

Selector Value Color
:root 1.75rem

--ut-hero-region-title-line-height

Selector Value Color
:root 2.25rem

--ut-hero-region-line-height

Selector Value Color
:root 1.25rem

--ut-nav-width

Selector Value Color
:root 17.5rem

--ut-body-sidebar-width

Selector Value Color
:root 17.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout).t-PageTemplate--leftCol, .rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout).t-PageTemplate--leftRightCol 20rem

--ut-body-sidebar-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-body-sidebar-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-treeview-icon-size

Selector Value Color
:root 1.25rem

--ut-treeview-icon-opacity

Selector Value Color
:root 1

--ut-treeview-node-icon-container-width

Selector Value Color
:root 1.5rem

--ut-treeview-toplevel-node-font-size

Selector Value Color
:root 1rem

--ut-treeview-toplevel-node-line-height

Selector Value Color
:root 1.5rem

--ut-treeview-toplevel-leaf-padding-y

Selector Value Color
:root 0rem

--ut-treeview-badge-padding-x

Selector Value Color
:root .375rem

--ut-treeview-badge-padding-y

Selector Value Color
:root .125rem

--ut-treeview-badge-font-size

Selector Value Color
:root .8125rem

--ut-treeview-badge-line-height

Selector Value Color
:root 1rem

--ut-treeview-badge-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--ut-treeview-badge-font-family

Selector Value Color
:root "Oracle Sans Cd"

--ut-treeview-badge-border-radius

Selector Value Color
:root .375rem

--ut-body-actions-width

Selector Value Color
:root 15rem

--ut-body-actions-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-body-actions-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-field-label-text-color

Selector Value Color
:root rgba(22, 21, 19, 0.7)
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel var(--ut-field-fl-label-text-color)
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.is-active, .t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel:focus-within var(--ut-palette-primary)
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup var(--ut-component-text-muted-color)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Form-fieldContainer--floatingLabel.is-active, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Form-fieldContainer--floatingLabel:focus-within, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Form-fieldContainer--floatingLabel.is-active, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Form-fieldContainer--floatingLabel:focus-within var(--rw-palette-branddark-50)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel.is-active, body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel:focus-within, .rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel.is-active, .rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel:focus-within var(--rw-palette-branddark-50)

--ut-field-fl-label-text-color

Selector Value Color
:root rgba(22, 21, 19, 0.7)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG rgba(255, 255, 255, 0.7)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(255, 255, 255, 0.7)

--ut-field-label-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)

--ut-field-label-font-size

Selector Value Color
:root 1rem

--ut-field-label-line-height

Selector Value Color
:root 1.25rem

--ut-xs-field-input-font-size

Selector Value Color
:root var(--ut-field-label-font-size)

--ut-xs-field-input-line-height

Selector Value Color
:root var(--ut-field-label-line-height)

--ut-region-border-width

Selector Value Color
:root 1px

--ut-region-border-radius

Selector Value Color
:root .5rem

--ut-region-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-login-region-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)

--ut-login-region-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--ut-cardlist-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-cardlist-border-radius

Selector Value Color
:root .375rem

--a-cv-border-width

Selector Value Color
:root 1px

--a-cv-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--a-cv-border-radius

Selector Value Color
:root .375rem

--a-cv-shadow

Selector Value Color
:root var(--ut-region-box-shadow)

--a-cv-media-overlay-color

Selector Value Color
:root rgba(0, 0, 0, .8)

--a-cv-media-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)
.t-CardsRegion--styleB var(--rw-palette-neutral-0)

--a-cv-media-border-radius

Selector Value Color
:root .375rem

--a-cv-media-padding-x

Selector Value Color
:root 0rem
.t-CardsRegion--styleB 0rem

--a-cv-media-padding-y

Selector Value Color
:root 0rem
.t-CardsRegion--styleB 0rem

--a-cv-header-padding-y

Selector Value Color
:root 1rem

--a-cv-header-border-width

Selector Value Color
:root 0px
.t-CardsRegion--styleB 0px

--a-cv-header-border-color

Selector Value Color
:root unset

--a-cv-icon-background-color

Selector Value Color
:root var(--ut-palette-primary)

--a-cv-icon-text-color

Selector Value Color
:root var(--ut-palette-primary-contrast)

--a-cv-icon-border-radius

Selector Value Color
:root .25rem
.t-CardsRegion--styleB .25rem
.t-CardsRegion--styleB .has-icon--top .25rem
.t-CardsRegion--styleC .has-icon--top .5rem

--a-cv-icon-size

Selector Value Color
:root 1.5rem
.t-CardsRegion--styleB 2rem
.t-CardsRegion--styleB .has-icon--top 2rem
.t-CardsRegion--styleC .has-icon--top 3.5rem

--a-cv-icon-container-size

Selector Value Color
:root 2.5rem
.t-CardsRegion--styleB 4rem
.t-CardsRegion--styleB .has-icon--top 7rem
.t-CardsRegion--styleC .has-icon--top 9rem

--a-cv-initials-border-radius

Selector Value Color
:root .25rem
.t-CardsRegion--styleB var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-border-radius)
.t-CardsRegion--styleC .has-icon--top var(--a-cv-icon-border-radius)

--a-cv-initials-size

Selector Value Color
:root 2.75rem
.t-CardsRegion--styleB var(--a-cv-icon-container-size)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-container-size)
.t-CardsRegion--styleC .has-icon--top var(--a-cv-icon-container-size)

--a-cv-initials-font-size

Selector Value Color
:root 1rem
.t-CardsRegion--styleB 2rem
.t-CardsRegion--styleB .has-icon--top 2rem
.t-CardsRegion--styleC .has-icon--top 3.5rem

--a-cv-initials-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)
.t-CardsRegion--styleB 400

--a-cv-initials-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-cv-initials-background-color

Selector Value Color
:root var(--rw-palette-neutral-130)

--a-cv-title-font-size

Selector Value Color
:root 1.25rem
.t-CardsRegion--styleA 1rem
.t-CardsRegion--styleB 1.25rem

--a-cv-title-font-weight

Selector Value Color
:root 800
.t-CardsRegion--styleA 700

--a-cv-title-line-height

Selector Value Color
:root 1.75rem
.t-CardsRegion--styleA 1.25rem
.t-CardsRegion--styleB 1.75rem

--a-cv-subtitle-font-size

Selector Value Color
:root .875rem
.t-CardsRegion--styleA .75rem

--a-cv-subtitle-font-weight

Selector Value Color
:root 400

--a-cv-subtitle-line-height

Selector Value Color
:root 1rem
.t-CardsRegion--styleA 1.25rem

--a-cv-subtitle-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)
.a-CardView.has-media--background rgba(255, 255, 255, 0.7)

--a-cv-badge-font-size

Selector Value Color
:root .875rem
.t-CardsRegion--styleA .6875rem

--a-cv-badge-font-weight

Selector Value Color
:root 700

--a-cv-badge-line-height

Selector Value Color
:root 1rem

--a-cv-badge-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--a-cv-badge-background-color

Selector Value Color
:root var(--ut-component-text-muted-color)
.a-CardView.has-media--background rgba(255, 255, 255, 0.1)

--a-cv-badge-border-radius

Selector Value Color
:root .375rem
.t-CardsRegion--styleB 1.25rem

--a-cv-badge-padding

Selector Value Color
:root .25rem .5rem
.t-CardsRegion--styleB .25rem .75rem

--a-cv-maincontent-font-size

Selector Value Color
:root 1rem
.t-CardsRegion--styleA .875rem

--a-cv-maincontent-line-height

Selector Value Color
:root 1.5rem
.t-CardsRegion--styleA 1.25rem

--a-cv-subcontent-font-size

Selector Value Color
:root .875rem
.t-CardsRegion--styleA .75rem

--a-cv-subcontent-line-height

Selector Value Color
:root 1rem
.t-CardsRegion--styleA 1rem

--a-cv-subcontent-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)
.a-CardView.has-media--background rgba(255, 255, 255, 0.7)

--a-cv-actions-border-width

Selector Value Color
:root 0px
.t-CardsRegion--styleB 0px

--a-cv-actions-border-color

Selector Value Color
:root unset

--a-cv-actions-padding-y

Selector Value Color
:root 1rem

--a-cv-actions-padding-x

Selector Value Color
:root 1rem

--a-cv-actions-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)
.t-CardsRegion--styleB unset
.t-CardsRegion--styleC transparent

--ut-comment-chat-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-comment-icon-border-radius

Selector Value Color
:root .375rem

--ut-comment-icon-size

Selector Value Color
:root 2.75rem

--ut-comment-icon-font-size

Selector Value Color
:root 1rem

--ut-comment-icon-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)

--ut-content-block-font-size

Selector Value Color
:root 1rem

--ut-content-block-line-height

Selector Value Color
:root 1.5rem

--ut-cr-item-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-report-header-cell-font-size

Selector Value Color
:root var(--a-gv-header-cell-font-size)

--ut-report-header-cell-line-height

Selector Value Color
:root var(--a-gv-header-cell-line-height)

--ut-report-header-cell-font-weight

Selector Value Color
:root var(--a-gv-header-cell-font-weight, var(--a-base-font-weight-bold, 700))

--ut-report-header-cell-border-width

Selector Value Color
:root var(--a-gv-header-cell-border-width, 1px)

--ut-report-header-cell-border-color

Selector Value Color
:root var(--a-gv-header-cell-border-color)

--ut-report-header-cell-padding-y

Selector Value Color
:root var(--a-gv-header-cell-padding-y, .25rem)

--ut-report-header-cell-padding-x

Selector Value Color
:root var(--a-gv-header-cell-padding-x, .5rem)

--ut-report-cell-border-width

Selector Value Color
:root var(--a-gv-cell-border-width)

--ut-report-cell-border-color

Selector Value Color
:root var(--a-gv-cell-border-color)

--ut-report-cell-font-size

Selector Value Color
:root var(--a-gv-font-size)

--ut-report-cell-line-height

Selector Value Color
:root var(--a-gv-line-height)

--ut-report-cell-padding-y

Selector Value Color
:root var(--a-gv-cell-padding-y)

--ut-report-cell-padding-x

Selector Value Color
:root var(--a-gv-cell-padding-x)

--ut-tabs-item-font-weight

Selector Value Color
:root var(--a-base-font-weight-semibold, 500)

--ut-tabs-item-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--ut-component-text-muted-color)

--ut-tabs-item-active-highlight-width

Selector Value Color
:root .1875rem

--ut-tabs-item-active-highlight-color

Selector Value Color
:root var(--ut-palette-primary)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-branddark-50)

--ut-tabs-item-active-text-color

Selector Value Color
:root var(--ut-component-text-title-color)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--ut-component-text-title-color)

--ut-timeline-avatar-size

Selector Value Color
:root 2.75rem

--ut-timeline-avatar-font-size

Selector Value Color
:root 1rem

--ut-timeline-avatar-border-radius

Selector Value Color
:root .375rem

--ut-timeline-type-border-radius

Selector Value Color
:root .25rem

--ut-badgelist-wrap-hover-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)

--ut-medialist-title-font-size

Selector Value Color
:root 1rem

--ut-medialist-title-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--ut-medialist-desc-font-size

Selector Value Color
:root .875rem

--ut-cr-title-font-size

Selector Value Color
:root 1rem

--ut-cr-desc-font-size

Selector Value Color
:root .875rem

--ut-cr-misc-font-size

Selector Value Color
:root .875rem

--ut-cr-actions-font-size

Selector Value Color
:root .875rem

--ut-alert-title-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--ut-alert-horizontal-border-radius

Selector Value Color
:root .375rem

--ut-alert-wizard-border-radius

Selector Value Color
:root .375rem

--fc3-header-title-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--fc5-header-title-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--ut-fc4-event-font-size

Selector Value Color
:root .875rem

--ut-fc4-event-line-height

Selector Value Color
:root 1rem

--ut-wp-marker-color

Selector Value Color
:root rgba(22, 21, 19, 0.4)

--ut-wp-track-color

Selector Value Color
:root rgba(22, 21, 19, 0.4)

--ut-wp-active-background-color

Selector Value Color
:root var(--rw-palette-neutral-190)

--ut-pillbutton-font-size

Selector Value Color
:root 1rem

--ut-pillbutton-line-height

Selector Value Color
:root 1.5rem

--ut-pillbutton-checkbox-line-height

Selector Value Color
:root 1.5rem

--ut-pillbutton-checkbox-offset

Selector Value Color
:root .5rem

--ut-badgelist-wrap-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)

--ut-badgelist-item-border-width

Selector Value Color
:root 0px

--ut-contextualinfo-margin-y

Selector Value Color
:root 1.75rem
.t-Body-title 1rem

--ut-contextualinfo-label-margin-x

Selector Value Color
:root .125rem

--ut-contextualinfo-item-label-stacked-margin-x

Selector Value Color
:root 2rem

--ut-contextualinfo-item-label-stacked-margin-y

Selector Value Color
:root 1rem

--ut-contextualinfo-item-label-stacked-font-size

Selector Value Color
:root .75rem

--ut-contextualinfo-item-label-stacked-line-height

Selector Value Color
:root 1rem

--ut-contextualinfo-item-value-stacked-font-size

Selector Value Color
:root .875rem

--ut-contextualinfo-item-value-stacked-line-height

Selector Value Color
:root 1rem

--ut-resultsregion-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-resultsregion-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-resultsregion-search-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-resultsregion-search-background-color

Selector Value Color
:root var(--rw-palette-neutral-20)

--a-resultsitem-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-alternate-heading-font-family

Selector Value Color
:root var(--a-base-font-family)

--ut-alternate-heading-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--ut-shadow-sm

Selector Value Color
:root 0 2px 4px -2px rgba(0, 0, 0, .1)

--ut-shadow-md

Selector Value Color
:root 0 .5rem 2rem -10px rgba(0, 0, 0, .3)

--ut-shadow-lg

Selector Value Color
:root 0 1.5rem 3rem -24px rgba(0, 0, 0, .3)

--ut-border-radius-sm

Selector Value Color
:root .125rem

--ut-border-radius-md

Selector Value Color
:root .375rem

--ut-border-radius-lg

Selector Value Color
:root .5rem

--ut-border-radius

Selector Value Color
:root var(--ut-border-radius-md)

--ut-component-background-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-component-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.1)

--ut-component-border-width

Selector Value Color
:root 1px

--ut-component-border-radius

Selector Value Color
:root .375rem

--ut-component-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--ut-component-highlight-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)

--ut-component-toolbar-background-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)

--ut-component-inner-border-width

Selector Value Color
:root var(--ut-component-border-width)

--ut-component-inner-border-color

Selector Value Color
:root rgba(22, 21, 19, 0.04)

--ut-component-text-default-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--ut-component-text-title-color

Selector Value Color
:root var(--rw-palette-neutral-190)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--ut-component-text-subtitle-color

Selector Value Color
:root rgba(22, 21, 19, 0.8)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG rgba(255, 255, 255, 0.8)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(255, 255, 255, 0.8)

--ut-component-text-muted-color

Selector Value Color
:root rgba(22, 21, 19, 0.7)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG rgba(255, 255, 255, 0.7)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title rgba(255, 255, 255, 0.7)

--ut-component-icon-background-color

Selector Value Color
:root var(--rw-palette-brandlight-100)

--ut-component-icon-color

Selector Value Color
:root var(--rw-palette-brandlight-0)

--ut-component-badge-background-color

Selector Value Color
:root var(--rw-palette-neutral-100)

--ut-component-badge-text-color

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-component-badge-border-radius

Selector Value Color
:root .25rem

--u-color-1

Selector Value Color
:root var(--rw-palette-ocean-100)

--u-color-1-contrast

Selector Value Color
:root var(--rw-palette-ocean-0)

--u-color-2

Selector Value Color
:root var(--rw-palette-fog-100)

--u-color-2-contrast

Selector Value Color
:root var(--rw-palette-fog-0)

--u-color-3

Selector Value Color
:root var(--rw-palette-teal-100)

--u-color-3-contrast

Selector Value Color
:root var(--rw-palette-teal-0)

--u-color-4

Selector Value Color
:root var(--rw-palette-pine-100)

--u-color-4-contrast

Selector Value Color
:root var(--rw-palette-pine-0)

--u-color-5

Selector Value Color
:root var(--rw-palette-brandlight-100)

--u-color-5-contrast

Selector Value Color
:root var(--rw-palette-brandlight-0)

--u-color-6

Selector Value Color
:root var(--rw-palette-beige-100)

--u-color-6-contrast

Selector Value Color
:root var(--rw-palette-beige-0)

--u-color-7

Selector Value Color
:root var(--rw-palette-branddark-100)

--u-color-7-contrast

Selector Value Color
:root var(--rw-palette-branddark-0)

--u-color-8

Selector Value Color
:root var(--rw-palette-sienna-100)

--u-color-8-contrast

Selector Value Color
:root var(--rw-palette-sienna-0)

--u-color-9

Selector Value Color
:root var(--rw-palette-oraclered-100)

--u-color-9-contrast

Selector Value Color
:root var(--rw-palette-oraclered-0)

--u-color-10

Selector Value Color
:root var(--rw-palette-rose-100)

--u-color-10-contrast

Selector Value Color
:root var(--rw-palette-rose-0)

--u-color-11

Selector Value Color
:root var(--rw-palette-coral-100)

--u-color-11-contrast

Selector Value Color
:root var(--rw-palette-coral-0)

--u-color-12

Selector Value Color
:root var(--rw-palette-plum-100)

--u-color-12-contrast

Selector Value Color
:root var(--rw-palette-plum-0)

--u-color-13

Selector Value Color
:root var(--rw-palette-lilac-100)

--u-color-13-contrast

Selector Value Color
:root var(--rw-palette-lilac-0)

--u-color-14

Selector Value Color
:root var(--rw-palette-pebble-100)

--u-color-14-contrast

Selector Value Color
:root var(--rw-palette-pebble-0)

--u-color-15

Selector Value Color
:root var(--rw-palette-slate-100)

--u-color-15-contrast

Selector Value Color
:root var(--rw-palette-slate-0)

--u-color-16

Selector Value Color
:root var(--rw-palette-ocean-50)

--u-color-16-contrast

Selector Value Color
:root var(--rw-palette-ocean-200)

--u-color-17

Selector Value Color
:root var(--rw-palette-fog-50)

--u-color-17-contrast

Selector Value Color
:root var(--rw-palette-fog-200)

--u-color-18

Selector Value Color
:root var(--rw-palette-teal-50)

--u-color-18-contrast

Selector Value Color
:root var(--rw-palette-teal-200)

--u-color-19

Selector Value Color
:root var(--rw-palette-pine-50)

--u-color-19-contrast

Selector Value Color
:root var(--rw-palette-pine-200)

--u-color-20

Selector Value Color
:root var(--rw-palette-brandlight-50)

--u-color-20-contrast

Selector Value Color
:root var(--rw-palette-brandlight-200)

--u-color-21

Selector Value Color
:root var(--rw-palette-beige-50)

--u-color-21-contrast

Selector Value Color
:root var(--rw-palette-beige-200)

--u-color-22

Selector Value Color
:root var(--rw-palette-branddark-50)

--u-color-22-contrast

Selector Value Color
:root var(--rw-palette-branddark-200)

--u-color-23

Selector Value Color
:root var(--rw-palette-sienna-50)

--u-color-23-contrast

Selector Value Color
:root var(--rw-palette-sienna-200)

--u-color-24

Selector Value Color
:root var(--rw-palette-oraclered-50)

--u-color-24-contrast

Selector Value Color
:root var(--rw-palette-oraclered-200)

--u-color-25

Selector Value Color
:root var(--rw-palette-rose-50)

--u-color-25-contrast

Selector Value Color
:root var(--rw-palette-rose-200)

--u-color-26

Selector Value Color
:root var(--rw-palette-coral-50)

--u-color-26-contrast

Selector Value Color
:root var(--rw-palette-coral-200)

--u-color-27

Selector Value Color
:root var(--rw-palette-plum-50)

--u-color-27-contrast

Selector Value Color
:root var(--rw-palette-plum-200)

--u-color-28

Selector Value Color
:root var(--rw-palette-lilac-50)

--u-color-28-contrast

Selector Value Color
:root var(--rw-palette-lilac-200)

--u-color-29

Selector Value Color
:root var(--rw-palette-pebble-50)

--u-color-29-contrast

Selector Value Color
:root var(--rw-palette-pebble-200)

--u-color-30

Selector Value Color
:root var(--rw-palette-slate-50)

--u-color-30-contrast

Selector Value Color
:root var(--rw-palette-slate-200)

--u-color-31

Selector Value Color
:root var(--rw-palette-ocean-150)

--u-color-31-contrast

Selector Value Color
:root var(--rw-palette-ocean-0)

--u-color-32

Selector Value Color
:root var(--rw-palette-fog-150)

--u-color-32-contrast

Selector Value Color
:root var(--rw-palette-fog-0)

--u-color-33

Selector Value Color
:root var(--rw-palette-teal-150)

--u-color-33-contrast

Selector Value Color
:root var(--rw-palette-teal-0)

--u-color-34

Selector Value Color
:root var(--rw-palette-pine-150)

--u-color-34-contrast

Selector Value Color
:root var(--rw-palette-pine-0)

--u-color-35

Selector Value Color
:root var(--rw-palette-brandlight-150)

--u-color-35-contrast

Selector Value Color
:root var(--rw-palette-brandlight-0)

--u-color-36

Selector Value Color
:root var(--rw-palette-beige-150)

--u-color-36-contrast

Selector Value Color
:root var(--rw-palette-beige-0)

--u-color-37

Selector Value Color
:root var(--rw-palette-branddark-150)

--u-color-37-contrast

Selector Value Color
:root var(--rw-palette-branddark-0)

--u-color-38

Selector Value Color
:root var(--rw-palette-sienna-150)

--u-color-38-contrast

Selector Value Color
:root var(--rw-palette-sienna-0)

--u-color-39

Selector Value Color
:root var(--rw-palette-oraclered-150)

--u-color-39-contrast

Selector Value Color
:root var(--rw-palette-oraclered-0)

--u-color-40

Selector Value Color
:root var(--rw-palette-rose-150)

--u-color-40-contrast

Selector Value Color
:root var(--rw-palette-rose-0)

--u-color-41

Selector Value Color
:root var(--rw-palette-coral-150)

--u-color-41-contrast

Selector Value Color
:root var(--rw-palette-coral-0)

--u-color-42

Selector Value Color
:root var(--rw-palette-plum-150)

--u-color-42-contrast

Selector Value Color
:root var(--rw-palette-plum-0)

--u-color-43

Selector Value Color
:root var(--rw-palette-lilac-150)

--u-color-43-contrast

Selector Value Color
:root var(--rw-palette-lilac-0)

--u-color-44

Selector Value Color
:root var(--rw-palette-pebble-150)

--u-color-44-contrast

Selector Value Color
:root var(--rw-palette-pebble-0)

--u-color-45

Selector Value Color
:root var(--rw-palette-slate-150)

--u-color-45-contrast

Selector Value Color
:root var(--rw-palette-slate-0)

--ut-palette-primary

Selector Value Color
:root var(--rw-palette-brandlight-100)

--ut-palette-primary-contrast

Selector Value Color
:root var(--rw-palette-brandlight-0)

--ut-palette-primary-shade

Selector Value Color
:root var(--rw-palette-brandlight-10)

--ut-palette-primary-alt

Selector Value Color
:root var(--rw-palette-neutral-100)

--ut-palette-primary-alt-contrast

Selector Value Color
:root var(--rw-palette-neutral-0)

--ut-palette-primary-alt-shade

Selector Value Color
:root var(--rw-palette-neutral-30)

--ut-palette-primary-alt-text

Selector Value Color
:root var(--rw-palette-neutral-170)

--ut-palette-danger

Selector Value Color
:root var(--rw-palette-red-100)

--ut-palette-danger-contrast

Selector Value Color
:root var(--rw-palette-red-0)

--ut-palette-danger-shade

Selector Value Color
:root var(--rw-palette-red-10)

--ut-palette-warning

Selector Value Color
:root var(--rw-palette-orange-100)

--ut-palette-warning-contrast

Selector Value Color
:root var(--rw-palette-orange-0)

--ut-palette-warning-shade

Selector Value Color
:root var(--rw-palette-orange-10)

--ut-palette-success

Selector Value Color
:root var(--rw-palette-green-100)

--ut-palette-success-contrast

Selector Value Color
:root var(--rw-palette-green-0)

--ut-palette-success-shade

Selector Value Color
:root var(--rw-palette-green-10)

--ut-palette-info

Selector Value Color
:root var(--rw-palette-blue-100)

--ut-palette-info-contrast

Selector Value Color
:root var(--rw-palette-blue-0)

--ut-palette-info-shade

Selector Value Color
:root var(--rw-palette-blue-10)

--ut-palette-generic

Selector Value Color
:root var(--rw-palette-neutral-20)

--ut-palette-generic-contrast

Selector Value Color
:root var(--rw-palette-neutral-190)

--ut-palette-generic-shade

Selector Value Color
:root var(--rw-palette-neutral-10)

--rw-typography-heading-2xl-font-size

Selector Value Color
:root 2.5rem
:root 2.25rem

--rw-typography-heading-2xl-font-weight

Selector Value Color
:root var(--a-base-font-weight-heavy, 900)

--rw-typography-heading-2xl-line-height

Selector Value Color
:root 1.3
:root 1.2222

--rw-typography-heading-xl-font-size

Selector Value Color
:root 2.25rem
:root 2rem

--rw-typography-heading-xl-font-weight

Selector Value Color
:root var(--a-base-font-weight-heavy, 900)

--rw-typography-heading-xl-line-height

Selector Value Color
:root 1.222
:root 1.25

--rw-typography-heading-lg-font-size

Selector Value Color
:root 2rem
:root 1.75rem

--rw-typography-heading-lg-font-weight

Selector Value Color
:root var(--a-base-font-weight-heavy, 900)

--rw-typography-heading-lg-line-height

Selector Value Color
:root 1.25
:root 1.2857

--rw-typography-heading-md-font-size

Selector Value Color
:root 1.75rem
:root 1.5rem

--rw-typography-heading-md-font-weight

Selector Value Color
:root var(--a-base-font-weight-heavy, 900)

--rw-typography-heading-md-line-height

Selector Value Color
:root 1.2857
:root 1.3333

--rw-typography-heading-sm-font-size

Selector Value Color
:root 1.5rem
:root 1.25rem

--rw-typography-heading-sm-font-weight

Selector Value Color
:root var(--a-base-font-weight-heavy, 900)

--rw-typography-heading-sm-line-height

Selector Value Color
:root 1.3333
:root 1.4

--rw-typography-heading-xs-font-size

Selector Value Color
:root 1.25rem
:root 1.125rem

--rw-typography-heading-xs-font-weight

Selector Value Color
:root var(--a-base-font-weight-heavy, 900)

--rw-typography-heading-xs-line-height

Selector Value Color
:root 1.4
:root 1.3333

--rw-typography-subheading-2xl-font-size

Selector Value Color
:root 2.25rem
:root 2rem

--rw-typography-subheading-2xl-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--rw-typography-subheading-2xl-line-height

Selector Value Color
:root 1.2222
:root 1.25

--rw-typography-subheading-xl-font-size

Selector Value Color
:root 2rem
:root 1.75rem

--rw-typography-subheading-xl-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--rw-typography-subheading-xl-line-height

Selector Value Color
:root 1.25
:root 1.2857

--rw-typography-subheading-lg-font-size

Selector Value Color
:root 1.75rem
:root 1.5rem

--rw-typography-subheading-lg-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--rw-typography-subheading-lg-line-height

Selector Value Color
:root 1.2857
:root 1.3333

--rw-typography-subheading-md-font-size

Selector Value Color
:root 1.5rem
:root 1.25rem

--rw-typography-subheading-md-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--rw-typography-subheading-md-line-height

Selector Value Color
:root 1.3333
:root 1.4

--rw-typography-subheading-sm-font-size

Selector Value Color
:root 1.25rem
:root 1.125rem

--rw-typography-subheading-sm-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--rw-typography-subheading-sm-line-height

Selector Value Color
:root 1.4
:root 1.3333

--rw-typography-subheading-xs-font-size

Selector Value Color
:root 1rem
:root .875rem

--rw-typography-subheading-xs-font-weight

Selector Value Color
:root var(--a-base-font-weight-bold, 700)

--rw-typography-subheading-xs-line-height

Selector Value Color
:root 1.5
:root 1.4545

--rw-typography-body-xl-font-size

Selector Value Color
:root 1.25rem

--rw-typography-body-xl-line-height

Selector Value Color
:root 1.4

--rw-typography-body-lg-font-size

Selector Value Color
:root 1.125rem

--rw-typography-body-lg-line-height

Selector Value Color
:root 1.3333

--rw-typography-body-md-font-size

Selector Value Color
:root 1rem

--rw-typography-body-md-line-height

Selector Value Color
:root 1.25

--rw-typography-body-sm-font-size

Selector Value Color
:root .875rem

--rw-typography-body-sm-line-height

Selector Value Color
:root 1.2

--rw-typography-body-xs-font-size

Selector Value Color
:root .75rem

--rw-typography-body-xs-line-height

Selector Value Color
:root 1.3333

--rw-typography-body-2xs-font-size

Selector Value Color
:root .625rem

--rw-typography-body-2xs-line-height

Selector Value Color
:root 1.2

--a-base-font-weight-normal

Selector Value Color
.rw-typography-normal 400

--a-base-font-weight-bold

Selector Value Color
.rw-typography-bold 700
.t-WizardSteps-marker:before 700

--a-base-font-weight-heavy

Selector Value Color
.rw-typography-heavy 900

--ut-alert-icon-size

Selector Value Color
.t-Alert--page 1rem

--ut-alert-icon-padding

Selector Value Color
.t-Alert--page .5rem

--ut-notification-title-font-size

Selector Value Color
.t-Alert--page 1rem

--ut-notification-title-line-height

Selector Value Color
.t-Alert--page 1.25rem

--ut-notification-item-line-height

Selector Value Color
.t-Alert--page 1rem

--ut-alert-type-text-color

Selector Value Color
.t-Alert--page var(--rw-palette-neutral-190)
.t-Alert--page.t-Alert--warning var(--rw-palette-neutral-190)
.t-Alert--page.t-Alert--success var(--rw-palette-neutral-190)
.t-Alert--page.t-Alert--danger var(--rw-palette-neutral-190)
.t-Alert--page.t-Alert--info var(--rw-palette-neutral-190)

--ut-alert-icon-background-color

Selector Value Color
.t-Alert--page transparent

--ut-alert-title-font-size

Selector Value Color
.t-Alert--page .t-Alert-title var(--ut-notification-title-font-size)

--ut-alert-title-line-height

Selector Value Color
.t-Alert--page .t-Alert-title var(--ut-notification-title-line-height)

--ut-notification-item-font-size

Selector Value Color
.t-Alert--page .a-Notification-list .75rem

--ut-alert-type-background-color

Selector Value Color
.t-Alert--page.t-Alert--warning var(--rw-palette-orange-10)
.t-Alert--page.t-Alert--success var(--rw-palette-green-10)
.t-Alert--page.t-Alert--danger var(--rw-palette-red-10)
.t-Alert--page.t-Alert--info var(--rw-palette-blue-10)

--ut-alert-icon-text-color

Selector Value Color
.t-Alert--page.t-Alert--warning var(--rw-palette-orange-120)
.t-Alert--page.t-Alert--success var(--rw-palette-green-120)
.t-Alert--page.t-Alert--danger var(--rw-palette-red-120)
.t-Alert--page.t-Alert--info var(--rw-palette-blue-120)

--ut-notification-title-text-color

Selector Value Color
.t-Alert--page.t-Alert--warning var(--rw-palette-orange-120)
.t-Alert--page.t-Alert--success var(--rw-palette-green-120)
.t-Alert--page.t-Alert--danger var(--rw-palette-red-120)
.t-Alert--page.t-Alert--info var(--rw-palette-blue-120)

--ut-alert-title-text-color

Selector Value Color
.t-Alert--page.t-Alert--warning var(--rw-palette-orange-120)
.t-Alert--page.t-Alert--success var(--rw-palette-green-120)
.t-Alert--page.t-Alert--danger var(--rw-palette-red-120)
.t-Alert--page.t-Alert--info var(--rw-palette-blue-120)

--a-button-shadow

Selector Value Color
.t-Button--header none
.a-DatePicker-nav, .a-DatePicker--today, .a-DatePicker--close none

--ut-header-controls-icon-border-radius

Selector Value Color
.t-Button--headerTree 0

--ut-header-controls-icon-top-width

Selector Value Color
.t-Button--headerTree var(--a-button-icon-size)

--ut-header-controls-icon-middle-width

Selector Value Color
.t-Button--headerTree var(--a-button-icon-size)

--ut-header-controls-icon-bottom-width

Selector Value Color
.t-Button--headerTree var(--a-button-icon-size)

--rw-badge-font-stretch

Selector Value Color
.t-Badge condensed
.rw-badge, .rw-Badge condensed
.t-MegaMenu-badge condensed

--rw-badge-border-radius

Selector Value Color
.rw-badge, .rw-Badge 0.375rem

--rw-badge-height

Selector Value Color
.rw-badge, .rw-Badge 1.5rem
.rw-badge, .rw-Badge 1.5rem
.rw-badge, .rw-Badge 1.5rem

--rw-badge-font-size

Selector Value Color
.rw-badge, .rw-Badge 0.6875rem

--rw-badge-font-weight

Selector Value Color
.rw-badge, .rw-Badge 700
.t-MegaMenu-badge 700

--ut-badgelist-item-padding-x

Selector Value Color
.t-BadgeList--dash 0

--ut-badgelist-item-padding-y

Selector Value Color
.t-BadgeList--dash 0

--ut-breadcrumb-padding-y

Selector Value Color
.t-BreadcrumbRegion 1rem

--a-button-type-shadow

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active none
.t-Form-helpButton none

--a-button-type-background-color

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active transparent
.t-Form-helpButton transparent

--a-button-type-border-color

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active transparent
.t-Form-helpButton transparent

--a-button-hover-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-text-color)
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple var(--rw-palette-neutral-0)
.t-Button--warning var(--a-button-text-color)
.t-Button--warning.t-Button--simple var(--rw-palette-orange-0)
.t-Button--success var(--a-button-text-color)
.t-Button--success.t-Button--simple var(--rw-palette-green-0)
.ui-button--danger, .t-Button--danger var(--a-button-text-color)
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple var(--rw-palette-red-0)
.t-Button--primary var(--a-button-text-color)
.t-Button--primary.t-Button--simple var(--rw-palette-neutral-0)
.t-Form-helpButton var(--ut-component-text-default-color)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-text-color)
.a-FS-clear, .a-FS-moreOptions var(--a-button-text-color)

--a-button-hover-border-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-background-color)
.t-Button--warning var(--a-button-hover-background-color)
.t-Button--success var(--a-button-hover-background-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-background-color)
.t-Button--primary var(--a-button-hover-background-color)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-border-color)
.a-FS-clear, .a-FS-moreOptions var(--a-button-border-color)

--a-button-active-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-text-color)
.t-Button--warning var(--a-button-hover-text-color)
.t-Button--success var(--a-button-hover-text-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-text-color)
.t-Button--primary var(--a-button-hover-text-color)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-hover-text-color)
.a-FS-clear, .a-FS-moreOptions var(--a-button-hover-text-color)

--a-button-active-border-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-active-background-color)
.t-Button--warning var(--a-button-active-background-color)
.t-Button--success var(--a-button-active-background-color)
.ui-button--danger, .t-Button--danger var(--a-button-active-background-color)
.t-Button--primary var(--a-button-active-background-color)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-active-border-color)
.a-FS-clear, .a-FS-moreOptions var(--a-button-active-border-color)

--a-button-focus-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-text-color)
.t-Button--warning var(--a-button-hover-text-color)
.t-Button--success var(--a-button-hover-text-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-text-color)
.t-Button--primary var(--a-button-hover-text-color)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-hover-text-color)
.a-FS-clear, .a-FS-moreOptions var(--a-button-hover-text-color)

--a-button-focus-border-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-focus-background-color)
.t-Button--warning var(--a-button-focus-background-color)
.t-Button--success var(--a-button-focus-background-color)
.ui-button--danger, .t-Button--danger var(--a-button-focus-background-color)
.t-Button--primary var(--a-button-focus-background-color)
.a-FS-clearAll, .a-FS-clearButton, .a-FS-toggleOverflow var(--a-button-focus-border-color)
.a-FS-clear, .a-FS-moreOptions var(--a-button-focus-border-color)

--a-button-box-shadow

Selector Value Color
.t-Button--warning.t-Button--link none
.t-Button--success.t-Button--link none
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link none
.t-Button--primary.t-Button--link none

--a-icon-size

Selector Value Color
.t-Form-helpButton 1.25rem
.a-Button.a-Button--actions 1.25rem
.a-FS-toggle, .a-FS-addChart, .a-FS-changeChartType, .a-FS-removeChart 1.25rem
.a-FS-search 1.25rem
.a-FS-filter .apex-item-group--search, .a-FS-facetPopupContent .apex-item-group--search 1.25rem
.a-DatePicker-nav, .a-DatePicker--today, .a-DatePicker--close 1.5rem
.a-IG-button.a-IG-button--controls, .a-IRR-button.a-IRR-button--controls 1.25rem
.a-IG-controlsIcon, .a-IRR-controlsIcon, .a-IRR-button.a-IRR-sortWidget-button 1.25rem
.a-IG-reportSummary-icon, .a-IRR-reportSummary-icon 1.25rem
.a-IG-button.a-IG-button--remove, .a-IRR-button.a-IRR-button--remove 1.25rem

--ut-cardlist-colorfill-size

Selector Value Color
:root .75rem

--ut-cardlist-colorfill-offset

Selector Value Color
:root 0rem

--a-cv-text-color

Selector Value Color
.a-CardView.has-media--background var(--rw-palette-neutral-0)

--ut-cv-subtitle-margin

Selector Value Color
.t-CardsRegion--styleA 0rem

--a-cv-overflow

Selector Value Color
.t-CardsRegion--styleB hidden

--a-cv-icon-image-size

Selector Value Color
.t-CardsRegion--styleB var(--a-cv-icon-container-size)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-container-size)
.t-CardsRegion--styleC .has-icon--top var(--a-cv-icon-container-size)

--a-cv-icon-image-border-radius

Selector Value Color
.t-CardsRegion--styleB var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-border-radius)
.t-CardsRegion--styleC .has-icon--top var(--a-cv-icon-border-radius)

--a-cv-header-background-color

Selector Value Color
.t-CardsRegion--styleB unset

--a-cv-header-item-spacing-x

Selector Value Color
.t-CardsRegion--styleB .has-icon--start .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .has-icon--start .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .has-icon--end .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .has-icon--end .a-CardView-iconWrap 0.75rem
.t-CardsRegion--styleB .a-CardView-badge:not(:first-child) 0.75rem
.t-CardsRegion--styleB .a-CardView-badge:not(:first-child) 0.75rem

--rw-dialog-strip-size

Selector Value Color
.ui-dialog .ui-dialog-titlebar:before 1.25rem
.a-DevTools 0rem

--rw-dialog-strip-background-size

Selector Value Color
.ui-dialog .ui-dialog-titlebar:before 600px 1.25rem

--ut-content-block-header-font-weight

Selector Value Color
.t-ContentBlock--h1 > .t-ContentBlock-header, .t-ContentBlock--h2 > .t-ContentBlock-header 400
.t-ContentBlock--h3 900

--ut-content-block-header-font-family

Selector Value Color
.t-ContentBlock--h1 > .t-ContentBlock-header, .t-ContentBlock--h2 > .t-ContentBlock-header var(--a-base-font-family-serif)

--ut-content-block-header-margin

Selector Value Color
.t-ContentBlock--h1 > .t-ContentBlock-header 1rem
.t-ContentBlock--h2 > .t-ContentBlock-header 1rem

--ut-content-block-header-font-size

Selector Value Color
.t-ContentBlock--h1 > .t-ContentBlock-header 2.5rem
.t-ContentBlock--h2 > .t-ContentBlock-header 2rem

--ut-content-block-header-line-height

Selector Value Color
.t-ContentBlock--h1 > .t-ContentBlock-header 3rem
.t-ContentBlock--h2 > .t-ContentBlock-header 2.5rem

--a-fs-filter-group-border-width

Selector Value Color
.t-Body-title 0px

--a-fs-clear-remove-padding

Selector Value Color
.a-FS-clear .a-Icon.icon-multi-remove, .a-FS-moreOptions .a-Icon.icon-multi-remove .125rem

--a-fs-clear-remove-icon-size

Selector Value Color
.a-FS-clear .a-Icon.icon-multi-remove, .a-FS-moreOptions .a-Icon.icon-multi-remove 1.25rem

--a-fs-chart-border-radius

Selector Value Color
.a-FS-facetsDashboard var(--ut-component-border-radius)

--a-fs-chart-border-color

Selector Value Color
.a-FS-facetsDashboard var(--ut-component-border-color)

--a-fs-chart-background-color

Selector Value Color
.a-FS-facetsDashboard var(--ut-component-background-color)

--a-fs-chart-shadow

Selector Value Color
.a-FS-facetsDashboard var(--ut-region-box-shadow)

--ut-field-input-icon-padding-x

Selector Value Color
.a-FS-filter .apex-item-group--search, .a-FS-facetPopupContent .apex-item-group--search .75rem
.apex-item-wrapper--has-icon, .apex-item-wrapper--color-picker 1rem

--a-icon-font-family

Selector Value Color
.t-Form-error:before "apex-5-icon-font"

--a-icon-padding

Selector Value Color
.apex-item-wrapper--color-picker 1rem
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker 1rem

--ut-field-input-icon-border

Selector Value Color
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel none

--ut-field-input-padding-x-offset

Selector Value Color
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon, .t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker calc(var(--ut-field-input-icon-offset, 1.5rem) - var(--a-field-input-border-width, 1px))

--ut-field-label-padding-x-offset

Selector Value Color
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon, .t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker var(--ut-field-input-icon-offset, 1.5rem)

--ut-field-fl-label-font-size

Selector Value Color
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .75rem

--ut-field-label-padding-y

Selector Value Color
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .t-Form-label 0.25rem
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .t-Form-label 0.25rem

--a-checkbox-hover-background-color

Selector Value Color
.u-selector var(--ut-component-highlight-background-color)

--a-checkbox-hover-opacity

Selector Value Color
.u-selector .4

--a-filedrop-icon-size

Selector Value Color
.apex-item-group--file-browse 1.25rem

--a-filedrop-heading-font-size

Selector Value Color
.apex-item-group--file-browse 1rem

--a-filedrop-heading-line-height

Selector Value Color
.apex-item-group--file-browse 1.25rem

--a-filedrop-heading-font-weight

Selector Value Color
.apex-item-group--file-browse 400

--a-datepicker-calendar-header-font-size

Selector Value Color
.a-DatePicker-calendar thead th:not(.a-DatePicker-weekColumn)::first-letter 0.75rem
thead .a-DatePicker-weekColumn .75rem

--a-datepicker-calendar-header-border-color

Selector Value Color
.a-DatePicker--multiple .a-DatePicker-calendarTitle var(--a-gv-header-cell-border-color)

--a-button-state-background-color

Selector Value Color
.a-DatePicker-nav:hover, .a-DatePicker--today:hover, .a-DatePicker--close:hover var(--a-button-hover-background-color)
.a-DatePicker-nav:active, .a-DatePicker--today:active, .a-DatePicker--close:active var(--a-button-active-background-color, var(--a-button-hover-background-color))
.a-GV-columnControls .a-Button transparent
.a-IRR-button.a-IRR-button--pagination, .a-IRR-button.a-IRR-button--pagination:hover transparent

--a-button-state-text-color

Selector Value Color
.a-DatePicker-nav:hover, .a-DatePicker--today:hover, .a-DatePicker--close:hover var(--a-button-hover-text-color)
.a-DatePicker-nav:active, .a-DatePicker--today:active, .a-DatePicker--close:active var(--a-button-active-text-color, var(--a-button-hover-text-color))
.a-GV-columnControls .a-Button inherit
.a-IRR-button.a-IRR-button--pagination, .a-IRR-button.a-IRR-button--pagination:hover inherit

--a-button-state-border-color

Selector Value Color
.a-DatePicker-nav:hover, .a-DatePicker--today:hover, .a-DatePicker--close:hover var(--a-button-hover-border-color)
.a-DatePicker-nav:active, .a-DatePicker--today:active, .a-DatePicker--close:active var(--a-button-active-border-color, var(--a-button-hover-border-color))

--a-button-state-shadow

Selector Value Color
.a-DatePicker-nav:hover, .a-DatePicker--today:hover, .a-DatePicker--close:hover var(--a-button-hover-shadow)
.a-DatePicker-nav:active, .a-DatePicker--today:active, .a-DatePicker--close:active var(--a-button-active-shadow, var(--a-button-hover-shadow))

--a-datepicker-timehour-lineheight

Selector Value Color
.a-DatePicker-timeHours:after 1.25rem

--a-gv-pagination-button-padding-x

Selector Value Color
.a-GV-pagination .5rem

--a-gv-pagination-button-padding-y

Selector Value Color
.a-GV-pagination .5rem

--a-gv-header-cell-border-width

Selector Value Color
.a-IRR-header--group 1px

--a-gv-header-cell-height

Selector Value Color
.t-Report-colHead 2.5rem

--a-column-toggle-padding-y

Selector Value Color
.a-Table-columntogglePopup.ui-dialog-content 0.5re

--a-report-controls-cell-label-hover-background-color

Selector Value Color
.a-IG-reportSummary-item--savedReport, .a-IG-controls-item--savedReport, .a-IRR-reportSummary-item--savedReport, .a-IRR-controls-item--savedReport var(--rw-palette-blue-10)
.a-IG-reportSummary-item--search, .a-IG-controls-item--search, .a-IRR-reportSummary-item--search, .a-IRR-controls-item--search var(--rw-palette-blue-10)
.a-IG-reportSummary-item--filter, .a-IG-controls-item--filter, .a-IRR-reportSummary-item--filter, .a-IRR-controls-item--filter var(--rw-palette-green-10)
.a-IG-reportSummary-item--controlBreak, .a-IG-controls-item--controlBreak, .a-IRR-reportSummary-item--controlBreak, .a-IRR-controls-item--controlBreak var(--rw-palette-blue-30)
.a-IG-reportSummary-item--groupBy, .a-IG-controls-item--groupBy, .a-IRR-reportSummary-item--groupBy, .a-IRR-controls-item--groupBy var(--rw-palette-blue-30)
.a-IG-reportSummary-item--aggregate, .a-IG-controls-item--aggregate, .a-IRR-reportSummary-item--aggregate, .a-IRR-controls-item--aggregate var(--rw-palette-blue-30)
.a-IG-reportSummary-item--highlight, .a-IG-controls-item--highlight, .a-IRR-reportSummary-item--highlight, .a-IRR-controls-item--highlight var(--rw-palette-orange-10)
.a-IG-reportSummary-item--flashback, .a-IG-controls-item--flashback, .a-IRR-reportSummary-item--flashback, .a-IRR-controls-item--flashback var(--rw-palette-pebble-30)
.a-IG-reportSummary-item--chart, .a-IG-controls-item--chart, .a-IRR-reportSummary-item--chart, .a-IRR-controls-item--chart var(--rw-palette-blue-50)
.a-IG-reportSummary-item--pivot, .a-IG-controls-item--pivot, .a-IRR-reportSummary-item--pivot, .a-IRR-controls-item--pivot var(--rw-palette-pebble-30)
.a-IG-reportSummary-item--invalidSettings, .a-IG-controls-item--invalidSettings, .a-IRR-reportSummary-item--invalidSettings, .a-IRR-controls-item--invalidSettings var(--rw-palette-pebble-10)
.a-IG-reportSummary-item--inactiveSettings, .a-IG-controls-item--inactiveSettings, .a-IRR-reportSummary-item--inactiveSettings, .a-IRR-controls-item--inactiveSettings var(--rw-palette-pebble-10)

--ut-megamenu-label-font-size

Selector Value Color
.t-MegaMenu 1rem
.t-MegaMenu-list--sub .875rem

--ut-megamenu-item-top-padding-y

Selector Value Color
.t-MegaMenu 0rem

--ut-megamenu-item-top-padding-x

Selector Value Color
.t-MegaMenu 0rem

--ut-megamenu-item-padding-x

Selector Value Color
.t-MegaMenu .5rem
.t-MegaMenu-item--top > .t-MegaMenu-itemBody .75rem

--rw-badge-bg-color

Selector Value Color
.t-MegaMenu var(--ut-component-toolbar-background-color)
.t-MegaMenu-badge var(--ut-component-badge-background-color)

--rw-badge-text-color

Selector Value Color
.t-MegaMenu var(--ut-component-text-default-color)
.t-MegaMenu-badge var(--ut-component-badge-text-color)

--ut-megamenu-item-padding-y

Selector Value Color
.t-MegaMenu-item--top > .t-MegaMenu-itemBody .5rem

--ut-megamenu-badge-font-size

Selector Value Color
.t-MegaMenu-badge .6875rem

--ut-megamenu-badge-line-height

Selector Value Color
.t-MegaMenu-badge 1.5rem
.t-MegaMenu-badge 1rem

--ut-megamenu-badge-border-radius

Selector Value Color
.t-MegaMenu-badge .375rem

--ut-megamenu-badge-padding

Selector Value Color
.t-MegaMenu-badge 0 .5rem

--a-menubar-item-padding-x

Selector Value Color
.u-RTL .t-Header-nav .a-Menu--split .a-MenuBar-label 0.5rem
.u-RTL .t-Header-nav .a-Menu--split .a-MenuBar-label 0.5rem

--a-menubar-item-font-weight

Selector Value Color
.t-Header-nav .a-MenuBar-item.a-Menu--current var(--a-base-font-weight-bold, 700)

--ut-tabs-item-padding-y

Selector Value Color
.apex-rds .875rem

--ut-tabs-item-padding-x

Selector Value Color
.apex-rds 1rem

--ut-breadcrumb-padding-x

Selector Value Color
.t-Body-title .apex-rds-container 1rem
.t-Body-title .apex-rds-container 1rem
.t-Body-title .apex-rds-container 1rem
.t-Body-title .apex-rds-container 1rem
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) 1.5rem
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) 3rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 1.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 3rem

--ut-timeline-type-font-weight

Selector Value Color
.t-Timeline--compact .t-Timeline-typename var(--a-base-font-weight-semibold, 500)

--ut-timeline-type-padding-y

Selector Value Color
.t-Timeline--compact .t-Timeline-type .25rem

--ut-wp-marker-size

Selector Value Color
.t-WizardSteps 1.25rem
.t-WizardSteps-step.is-active .t-WizardSteps-marker, .t-WizardSteps-step.is-complete .t-WizardSteps-marker 1.25rem

--ut-wp-completed-marker-font-size

Selector Value Color
.t-WizardSteps .75rem

--ut-body-title-text-color

Selector Value Color
body:not([class*=rw-pillar--]), .rw-pillar--neutral var(--rw-palette-neutral-190)
.rw-pillar--rose var(--rw-palette-neutral-190)
.rw-pillar--plum var(--rw-palette-neutral-190)
.rw-pillar--sienna var(--rw-palette-neutral-190)
.rw-pillar--teal var(--rw-palette-neutral-190)
.rw-pillar--pebble var(--rw-palette-neutral-190)
.rw-pillar--slate var(--rw-palette-neutral-190)
.rw-pillar--pine var(--rw-palette-neutral-190)
.rw-pillar--ocean var(--rw-palette-neutral-190)
.rw-pillar--lilac var(--rw-palette-neutral-190)
.rw-pillar--beige var(--rw-palette-neutral-190)
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--rw-palette-neutral-0)

--rw-palette-background-size

Selector Value Color
body:not([class*=rw-pillar--]), .rw-pillar--neutral 350px 350px
.rw-pillar--rose 550px 550px
.rw-pillar--plum 300px 300px
.rw-pillar--sienna 300px 300px
.rw-pillar--teal 300px 300px
.rw-pillar--pebble 450px 450px
.rw-pillar--slate 480px 480px
.rw-pillar--pine 350px 350px
.rw-pillar--ocean 475px 475px
.rw-pillar--lilac 650px 650px
.rw-pillar--beige auto

--rw-dark-body-title-background-color

Selector Value Color
body:not([class*=rw-pillar--]), .rw-pillar--neutral var(--rw-palette-neutral-140)
.rw-pillar--rose var(--rw-palette-rose-140)
.rw-pillar--plum var(--rw-palette-plum-140)
.rw-pillar--sienna var(--rw-palette-sienna-140)
.rw-pillar--teal var(--rw-palette-teal-140)
.rw-pillar--pebble var(--rw-palette-pebble-140)
.rw-pillar--slate var(--rw-palette-slate-140)
.rw-pillar--pine var(--rw-palette-pine-140)
.rw-pillar--ocean var(--rw-palette-ocean-140)
.rw-pillar--lilac var(--rw-palette-lilac-140)
.rw-pillar--beige var(--rw-palette-beige-140)

--rw-active-pillar-background-color

Selector Value Color
body:not([class*=rw-pillar--]), .rw-pillar--neutral var(--rw-palette-neutral-100)
.rw-pillar--rose var(--rw-palette-rose-100)
.rw-pillar--plum var(--rw-palette-plum-100)
.rw-pillar--sienna var(--rw-palette-sienna-100)
.rw-pillar--teal var(--rw-palette-teal-100)
.rw-pillar--pebble var(--rw-palette-pebble-100)
.rw-pillar--slate var(--rw-palette-slate-100)
.rw-pillar--pine var(--rw-palette-pine-100)
.rw-pillar--ocean var(--rw-palette-ocean-100)
.rw-pillar--lilac var(--rw-palette-lilac-100)
.rw-pillar--beige var(--rw-palette-beige-100)

--rw-foldout-panel-pillar-background-color

Selector Value Color
body:not([class*=rw-pillar--]), .rw-pillar--neutral var(--rw-palette-neutral-140)
.rw-pillar--rose var(--rw-palette-rose-140)
.rw-pillar--plum var(--rw-palette-plum-140)
.rw-pillar--sienna var(--rw-palette-sienna-140)
.rw-pillar--teal var(--rw-palette-teal-140)
.rw-pillar--pebble var(--rw-palette-pebble-140)
.rw-pillar--slate var(--rw-palette-slate-140)
.rw-pillar--pine var(--rw-palette-pine-140)
.rw-pillar--ocean var(--rw-palette-ocean-140)
.rw-pillar--lilac var(--rw-palette-lilac-140)
.rw-pillar--beige var(--rw-palette-beige-140)

--a-treeview-node-hover-text-color

Selector Value Color
body:not([class*=rw-pillar--]).rw-mode-nav--pillar, .rw-pillar--neutral.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--rose.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--plum.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--sienna.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--teal.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--pebble.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--slate.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--pine.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--ocean.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--lilac.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-pillar--beige.rw-mode-nav--pillar var(--a-treeview-node-text-color)
.rw-mode-nav--dark var(--a-treeview-node-text-color)

--ut-body-content-padding-x

Selector Value Color
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) 1.5rem
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) 3rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 1.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 3rem

--ut-hero-region-padding-x

Selector Value Color
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) 1.5rem
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) 3rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 1.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 3rem

--rw-body-overflow-offset

Selector Value Color
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 4rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title 4rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title 4rem

--rw-body-floating-margin

Selector Value Color
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) 1.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title 1.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title 1.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title 1.5rem
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title 1.5rem

--ut-grid-gutter-width

Selector Value Color
.rw-layout--foldout 0rem

--ut-field-padding-x

Selector Value Color
.rw-layout--foldout .t-ContentBlock 0rem

--rw-foldout-panel-padding-y

Selector Value Color
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 3rem

--rw-foldout-panel-padding-x

Selector Value Color
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 1rem
.rw-layout--foldout .t-ContentBlock 1.5rem
.rw-layout--foldout .t-ContentBlock 3rem

--rw-foldout-panel-background-color

Selector Value Color
.rw-layout--foldout .t-ContentBlock var(--rw-palette-neutral-10)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--lightBG var(--rw-palette-neutral-0)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-150)
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-foldout-panel-pillar-background-color)

--ut-content-block-background-color

Selector Value Color
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--lightBG transparent

--ut-content-block-border-width

Selector Value Color
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--lightBG 0px

--rw-foldout-panel-text-color

Selector Value Color
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG var(--rw-palette-neutral-0)

--ut-hero-region-title-text-color

Selector Value Color
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--ut-body-title-text-color)

--ut-breadcrumb-item-active-text-color

Selector Value Color
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--ut-body-title-text-color)

--ut-breadcrumb-item-text-color

Selector Value Color
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title, .rw-mode-body-header--dark .t-Body-title var(--ut-body-title-text-color)