Elevation
No shadows: depth is drawn inside the shape, and overlays lift with a ring.
Levels
Refund agent
Answers billing questions.
Updated 2h ago
Depth on what is pressed
Tokens
28 tokens
--shadow-none- none
--z-raised- 10
--z-sticky- 20
--z-overlay- 50
--glass-ink-base- rgb(0 0 0 / 0.66)
--glass-ink-text- rgb(255 255 255 / 0.90)
--glass-ink-ring- rgb(0 0 0 / 0.56)
--glass-coral-base- rgb(150 34 18 / 0.88)
--glass-coral-text- rgb(255 255 255 / 0.90)
--glass-coral-ring- rgb(110 24 12 / 0.56)
--glass-green-base- rgb(6 86 40 / 0.88)
--glass-green-text- rgb(255 255 255 / 0.90)
--glass-green-ring- rgb(4 64 28 / 0.56)
--glass-sheen- 0.12
--glass-sheen-hover- 0.16
--glass-core- 0.32
--glass-core-held- 0.44
--glass-rim- 0.24
--glass-glaze- 0.06
--glass-gloss- 0.28
--glass-blur- 6px
--gloss-inset- 0.28
--gloss-top- 1.5px
--gloss-height- 44%
--flat-bg- var(--paper)
--flat-ring- var(--line-faint)
--flat-text- var(--text-1)
--flat-hover- #f8f8f8