:root{--dm-g50: hsl(30, 12%, 98%);--dm-g100: hsl(30, 9%, 96%);--dm-g200: hsl(30, 7%, 93%);--dm-g300: hsl(30, 6%, 89%);--dm-g500: hsl(30, 5%, 76%);--dm-g700: hsl(30, 5%, 55%);--dm-g800: hsl(30, 6%, 44%);--dm-g1000: hsl(30, 8%, 8%);--dm-surface: #ffffff;--dm-surface-2: var(--dm-g50);--dm-r: 8px;--dm-r-sm: 6px;--dm-border: 1px solid var(--dm-g300);--dm-rule: 1px solid var(--dm-g200);--dm-sh-sm: 0 1px 2px rgba(20, 16, 12, .04);--dm-sh-md: 0 1px 2px rgba(20, 16, 12, .04), 0 8px 16px -10px rgba(20, 16, 12, .1);--dm-sh-lg: 0 1px 2px rgba(20, 16, 12, .04), 0 20px 32px -12px rgba(20, 16, 12, .12);--dm-1: 4px;--dm-2: 8px;--dm-3: 12px;--dm-4: 16px;--dm-5: 24px;--dm-6: 32px;--dm-7: 48px;--dm-8: 64px;--dm-neutral-bg: var(--dm-g200);--dm-neutral-fg: var(--dm-g800);--dm-info-bg: hsl(211, 100%, 96%);--dm-info-fg: hsl(211, 100%, 38%);--dm-warn-bg: hsl(38, 100%, 94%);--dm-warn-fg: hsl(28, 90%, 33%);--dm-good-bg: hsl(140, 55%, 95%);--dm-good-fg: hsl(147, 55%, 27%);--dm-bad-bg: hsl(0, 100%, 97%);--dm-bad-fg: hsl(358, 68%, 44%);--dm-accent: #FF2D2D;--dm-accent-deep: #C81E1E;--dm-accent-press: #A81616;--dm-accent-hover: #E01F1F;--dm-accent-wash: hsl(0, 100%, 97%);--dm-focus: 0 0 0 1px var(--dm-accent), 0 0 0 4px rgba(255, 45, 45, .16);--dm-tilt: -1deg;--dm-hard: 6px 6px 0 var(--dm-g1000)}