:root { --color-primary: #1e1f23; --color-primary-faded: #3d3d3d; --color-primary-trnspt: #1e1f234a; --color-primary-super-trnspt: #1e1f2317; --color-primary-bright: #424654; --color-primary-bright-trnspt: #42465460; --color-primary-dk: #0e0e0f; --color-secondary: #4b5d66; --color-secondary-faded: #849fac; --color-secondary-super-faded: #a1becc; --color-secondary-faint: #eaf4f9; --color-secondary-trnspt: #4b5d6664; --color-secondary-super-trnspt: #4b5d6618; --color-secondary-lt: #c4cfd4; --color-secondary-dk: #566b76; --color-accent: #e3db4f; --color-accent-faded: #e7e4a8; --color-accent-trnspt: #e3dc4f6c; --color-accent-super-trnspt: #e3dc4f20; --color-accent2: #60b8d2; --color-accent2-dk: #215464; --color-accent3: #212758; --color-accent3-trnspt: #6068a8b3; --color-accent3-lt: #6068a8; --color-accent3-dk: #171b3d; --color-accent4: #933670; --color-accent4-trnspt: #93366fb8; --color-accent4-dk: #52193c; --color-success: #8cde91; --color-success-faded: #c6ddc8; --color-success-trnspt: #8cde9277; --color-warning: #f05e7d; --color-warning-trnspt: #f05e7e50; --color-warning-faint: #f5e3e7; --color-warning-faded: #e8b8c2; --color-warning-dk: #96374c; --color-neutral-lt: #fff; --color-neutral-med: #d0cfcf; --color-neutral-med-trnspt: #dddddd2e; --color-neutral-med-lt: #eaeaea; --color-neutral-med-lt-trnspt: #eaeaea93; --color-neutral-dk: #444; } .c-primary { color: #1e1f23; } .c-primary-faded { color: #3d3d3d; } .c-primary-trnspt { color: #1e1f234a; } .c-primary-super-trnspt { color: #1e1f2317; } .c-primary-bright { color: #424654; } .c-primary-bright-trnspt { color: #42465460; } .c-primary-dk { color: #0e0e0f; } .c-secondary { color: #4b5d66; } .c-secondary-faded { color: #849fac; } .c-secondary-super-faded { color: #a1becc; } .c-secondary-faint { color: #eaf4f9; } .c-secondary-trnspt { color: #4b5d6664; } .c-secondary-super-trnspt { color: #4b5d6618; } .c-secondary-lt { color: #c4cfd4; } .c-secondary-dk { color: #566b76; } .c-accent { color: #e3db4f; } .c-accent-faded { color: #e7e4a8; } .c-accent-trnspt { color: #e3dc4f6c; } .c-accent-super-trnspt { color: #e3dc4f20; } .c-accent2 { color: #60b8d2; } .c-accent2-dk { color: #215464; } .c-accent3 { color: #212758; } .c-accent3-trnspt { color: #6068a8b3; } .c-accent3-lt { color: #6068a8; } .c-accent3-dk { color: #171b3d; } .c-accent4 { color: #933670; } .c-accent4-trnspt { color: #93366fb8; } .c-accent4-dk { color: #52193c; } .c-success { color: #8cde91; } .c-success-faded { color: #c6ddc8; } .c-success-trnspt { color: #8cde9277; } .c-warning { color: #f05e7d; } .c-warning-trnspt { color: #f05e7e50; } .c-warning-faint { color: #f5e3e7; } .c-warning-faded { color: #e8b8c2; } .c-warning-dk { color: #96374c; } .c-neutral-lt { color: #fff; } .c-neutral-med { color: #d0cfcf; } .c-neutral-med-trnspt { color: #dddddd2e; } .c-neutral-med-lt { color: #eaeaea; } .c-neutral-med-lt-trnspt { color: #eaeaea93; } .c-neutral-dk { color: #444; } .bc-primary { background-color: #1e1f23; } .bc-primary-faded { background-color: #3d3d3d; } .bc-primary-trnspt { background-color: #1e1f234a; } .bc-primary-super-trnspt { background-color: #1e1f2317; } .bc-primary-bright { background-color: #424654; } .bc-primary-bright-trnspt { background-color: #42465460; } .bc-primary-dk { background-color: #0e0e0f; } .bc-secondary { background-color: #4b5d66; } .bc-secondary-faded { background-color: #849fac; } .bc-secondary-super-faded { background-color: #a1becc; } .bc-secondary-faint { background-color: #eaf4f9; } .bc-secondary-trnspt { background-color: #4b5d6664; } .bc-secondary-super-trnspt { background-color: #4b5d6618; } .bc-secondary-lt { background-color: #c4cfd4; } .bc-secondary-dk { background-color: #566b76; } .bc-accent { background-color: #e3db4f; } .bc-accent-faded { background-color: #e7e4a8; } .bc-accent-trnspt { background-color: #e3dc4f6c; } .bc-accent-super-trnspt { background-color: #e3dc4f20; } .bc-accent2 { background-color: #60b8d2; } .bc-accent2-dk { background-color: #215464; } .bc-accent3 { background-color: #212758; } .bc-accent3-trnspt { background-color: #6068a8b3; } .bc-accent3-lt { background-color: #6068a8; } .bc-accent3-dk { background-color: #171b3d; } .bc-accent4 { background-color: #933670; } .bc-accent4-trnspt { background-color: #93366fb8; } .bc-accent4-dk { background-color: #52193c; } .bc-success { background-color: #8cde91; } .bc-success-faded { background-color: #c6ddc8; } .bc-success-trnspt { background-color: #8cde9277; } .bc-warning { background-color: #f05e7d; } .bc-warning-trnspt { background-color: #f05e7e50; } .bc-warning-faint { background-color: #f5e3e7; } .bc-warning-faded { background-color: #e8b8c2; } .bc-warning-dk { background-color: #96374c; } .bc-neutral-lt { background-color: #fff; } .bc-neutral-med { background-color: #d0cfcf; } .bc-neutral-med-trnspt { background-color: #dddddd2e; } .bc-neutral-med-lt { background-color: #eaeaea; } .bc-neutral-med-lt-trnspt { background-color: #eaeaea93; } .bc-neutral-dk { background-color: #444; } .bdc-primary { border-color: #1e1f23; } .bdc-primary-faded { border-color: #3d3d3d; } .bdc-primary-trnspt { border-color: #1e1f234a; } .bdc-primary-super-trnspt { border-color: #1e1f2317; } .bdc-primary-bright { border-color: #424654; } .bdc-primary-bright-trnspt { border-color: #42465460; } .bdc-primary-dk { border-color: #0e0e0f; } .bdc-secondary { border-color: #4b5d66; } .bdc-secondary-faded { border-color: #849fac; } .bdc-secondary-super-faded { border-color: #a1becc; } .bdc-secondary-faint { border-color: #eaf4f9; } .bdc-secondary-trnspt { border-color: #4b5d6664; } .bdc-secondary-super-trnspt { border-color: #4b5d6618; } .bdc-secondary-lt { border-color: #c4cfd4; } .bdc-secondary-dk { border-color: #566b76; } .bdc-accent { border-color: #e3db4f; } .bdc-accent-faded { border-color: #e7e4a8; } .bdc-accent-trnspt { border-color: #e3dc4f6c; } .bdc-accent-super-trnspt { border-color: #e3dc4f20; } .bdc-accent2 { border-color: #60b8d2; } .bdc-accent2-dk { border-color: #215464; } .bdc-accent3 { border-color: #212758; } .bdc-accent3-trnspt { border-color: #6068a8b3; } .bdc-accent3-lt { border-color: #6068a8; } .bdc-accent3-dk { border-color: #171b3d; } .bdc-accent4 { border-color: #933670; } .bdc-accent4-trnspt { border-color: #93366fb8; } .bdc-accent4-dk { border-color: #52193c; } .bdc-success { border-color: #8cde91; } .bdc-success-faded { border-color: #c6ddc8; } .bdc-success-trnspt { border-color: #8cde9277; } .bdc-warning { border-color: #f05e7d; } .bdc-warning-trnspt { border-color: #f05e7e50; } .bdc-warning-faint { border-color: #f5e3e7; } .bdc-warning-faded { border-color: #e8b8c2; } .bdc-warning-dk { border-color: #96374c; } .bdc-neutral-lt { border-color: #fff; } .bdc-neutral-med { border-color: #d0cfcf; } .bdc-neutral-med-trnspt { border-color: #dddddd2e; } .bdc-neutral-med-lt { border-color: #eaeaea; } .bdc-neutral-med-lt-trnspt { border-color: #eaeaea93; } .bdc-neutral-dk { border-color: #444; } .hc-primary:hover, .hc-primary:focus { color: #1e1f23; } .hc-primary-faded:hover, .hc-primary-faded:focus { color: #3d3d3d; } .hc-primary-trnspt:hover, .hc-primary-trnspt:focus { color: #1e1f234a; } .hc-primary-super-trnspt:hover, .hc-primary-super-trnspt:focus { color: #1e1f2317; } .hc-primary-bright:hover, .hc-primary-bright:focus { color: #424654; } .hc-primary-bright-trnspt:hover, .hc-primary-bright-trnspt:focus { color: #42465460; } .hc-primary-dk:hover, .hc-primary-dk:focus { color: #0e0e0f; } .hc-secondary:hover, .hc-secondary:focus { color: #4b5d66; } .hc-secondary-faded:hover, .hc-secondary-faded:focus { color: #849fac; } .hc-secondary-super-faded:hover, .hc-secondary-super-faded:focus { color: #a1becc; } .hc-secondary-faint:hover, .hc-secondary-faint:focus { color: #eaf4f9; } .hc-secondary-trnspt:hover, .hc-secondary-trnspt:focus { color: #4b5d6664; } .hc-secondary-super-trnspt:hover, .hc-secondary-super-trnspt:focus { color: #4b5d6618; } .hc-secondary-lt:hover, .hc-secondary-lt:focus { color: #c4cfd4; } .hc-secondary-dk:hover, .hc-secondary-dk:focus { color: #566b76; } .hc-accent:hover, .hc-accent:focus { color: #e3db4f; } .hc-accent-faded:hover, .hc-accent-faded:focus { color: #e7e4a8; } .hc-accent-trnspt:hover, .hc-accent-trnspt:focus { color: #e3dc4f6c; } .hc-accent-super-trnspt:hover, .hc-accent-super-trnspt:focus { color: #e3dc4f20; } .hc-accent2:hover, .hc-accent2:focus { color: #60b8d2; } .hc-accent2-dk:hover, .hc-accent2-dk:focus { color: #215464; } .hc-accent3:hover, .hc-accent3:focus { color: #212758; } .hc-accent3-trnspt:hover, .hc-accent3-trnspt:focus { color: #6068a8b3; } .hc-accent3-lt:hover, .hc-accent3-lt:focus { color: #6068a8; } .hc-accent3-dk:hover, .hc-accent3-dk:focus { color: #171b3d; } .hc-accent4:hover, .hc-accent4:focus { color: #933670; } .hc-accent4-trnspt:hover, .hc-accent4-trnspt:focus { color: #93366fb8; } .hc-accent4-dk:hover, .hc-accent4-dk:focus { color: #52193c; } .hc-success:hover, .hc-success:focus { color: #8cde91; } .hc-success-faded:hover, .hc-success-faded:focus { color: #c6ddc8; } .hc-success-trnspt:hover, .hc-success-trnspt:focus { color: #8cde9277; } .hc-warning:hover, .hc-warning:focus { color: #f05e7d; } .hc-warning-trnspt:hover, .hc-warning-trnspt:focus { color: #f05e7e50; } .hc-warning-faint:hover, .hc-warning-faint:focus { color: #f5e3e7; } .hc-warning-faded:hover, .hc-warning-faded:focus { color: #e8b8c2; } .hc-warning-dk:hover, .hc-warning-dk:focus { color: #96374c; } .hc-neutral-lt:hover, .hc-neutral-lt:focus { color: #fff; } .hc-neutral-med:hover, .hc-neutral-med:focus { color: #d0cfcf; } .hc-neutral-med-trnspt:hover, .hc-neutral-med-trnspt:focus { color: #dddddd2e; } .hc-neutral-med-lt:hover, .hc-neutral-med-lt:focus { color: #eaeaea; } .hc-neutral-med-lt-trnspt:hover, .hc-neutral-med-lt-trnspt:focus { color: #eaeaea93; } .hc-neutral-dk:hover, .hc-neutral-dk:focus { color: #444; } .hbc-primary:hover, .hbc-primary:focus { background-color: #1e1f23; } .hbc-primary-faded:hover, .hbc-primary-faded:focus { background-color: #3d3d3d; } .hbc-primary-trnspt:hover, .hbc-primary-trnspt:focus { background-color: #1e1f234a; } .hbc-primary-super-trnspt:hover, .hbc-primary-super-trnspt:focus { background-color: #1e1f2317; } .hbc-primary-bright:hover, .hbc-primary-bright:focus { background-color: #424654; } .hbc-primary-bright-trnspt:hover, .hbc-primary-bright-trnspt:focus { background-color: #42465460; } .hbc-primary-dk:hover, .hbc-primary-dk:focus { background-color: #0e0e0f; } .hbc-secondary:hover, .hbc-secondary:focus { background-color: #4b5d66; } .hbc-secondary-faded:hover, .hbc-secondary-faded:focus { background-color: #849fac; } .hbc-secondary-super-faded:hover, .hbc-secondary-super-faded:focus { background-color: #a1becc; } .hbc-secondary-faint:hover, .hbc-secondary-faint:focus { background-color: #eaf4f9; } .hbc-secondary-trnspt:hover, .hbc-secondary-trnspt:focus { background-color: #4b5d6664; } .hbc-secondary-super-trnspt:hover, .hbc-secondary-super-trnspt:focus { background-color: #4b5d6618; } .hbc-secondary-lt:hover, .hbc-secondary-lt:focus { background-color: #c4cfd4; } .hbc-secondary-dk:hover, .hbc-secondary-dk:focus { background-color: #566b76; } .hbc-accent:hover, .hbc-accent:focus { background-color: #e3db4f; } .hbc-accent-faded:hover, .hbc-accent-faded:focus { background-color: #e7e4a8; } .hbc-accent-trnspt:hover, .hbc-accent-trnspt:focus { background-color: #e3dc4f6c; } .hbc-accent-super-trnspt:hover, .hbc-accent-super-trnspt:focus { background-color: #e3dc4f20; } .hbc-accent2:hover, .hbc-accent2:focus { background-color: #60b8d2; } .hbc-accent2-dk:hover, .hbc-accent2-dk:focus { background-color: #215464; } .hbc-accent3:hover, .hbc-accent3:focus { background-color: #212758; } .hbc-accent3-trnspt:hover, .hbc-accent3-trnspt:focus { background-color: #6068a8b3; } .hbc-accent3-lt:hover, .hbc-accent3-lt:focus { background-color: #6068a8; } .hbc-accent3-dk:hover, .hbc-accent3-dk:focus { background-color: #171b3d; } .hbc-accent4:hover, .hbc-accent4:focus { background-color: #933670; } .hbc-accent4-trnspt:hover, .hbc-accent4-trnspt:focus { background-color: #93366fb8; } .hbc-accent4-dk:hover, .hbc-accent4-dk:focus { background-color: #52193c; } .hbc-success:hover, .hbc-success:focus { background-color: #8cde91; } .hbc-success-faded:hover, .hbc-success-faded:focus { background-color: #c6ddc8; } .hbc-success-trnspt:hover, .hbc-success-trnspt:focus { background-color: #8cde9277; } .hbc-warning:hover, .hbc-warning:focus { background-color: #f05e7d; } .hbc-warning-trnspt:hover, .hbc-warning-trnspt:focus { background-color: #f05e7e50; } .hbc-warning-faint:hover, .hbc-warning-faint:focus { background-color: #f5e3e7; } .hbc-warning-faded:hover, .hbc-warning-faded:focus { background-color: #e8b8c2; } .hbc-warning-dk:hover, .hbc-warning-dk:focus { background-color: #96374c; } .hbc-neutral-lt:hover, .hbc-neutral-lt:focus { background-color: #fff; } .hbc-neutral-med:hover, .hbc-neutral-med:focus { background-color: #d0cfcf; } .hbc-neutral-med-trnspt:hover, .hbc-neutral-med-trnspt:focus { background-color: #dddddd2e; } .hbc-neutral-med-lt:hover, .hbc-neutral-med-lt:focus { background-color: #eaeaea; } .hbc-neutral-med-lt-trnspt:hover, .hbc-neutral-med-lt-trnspt:focus { background-color: #eaeaea93; } .hbc-neutral-dk:hover, .hbc-neutral-dk:focus { background-color: #444; } .hbdc-primary:hover, .hbdc-primary:focus { background-color: #1e1f23; } .hbdc-primary-faded:hover, .hbdc-primary-faded:focus { background-color: #3d3d3d; } .hbdc-primary-trnspt:hover, .hbdc-primary-trnspt:focus { background-color: #1e1f234a; } .hbdc-primary-super-trnspt:hover, .hbdc-primary-super-trnspt:focus { background-color: #1e1f2317; } .hbdc-primary-bright:hover, .hbdc-primary-bright:focus { background-color: #424654; } .hbdc-primary-bright-trnspt:hover, .hbdc-primary-bright-trnspt:focus { background-color: #42465460; } .hbdc-primary-dk:hover, .hbdc-primary-dk:focus { background-color: #0e0e0f; } .hbdc-secondary:hover, .hbdc-secondary:focus { background-color: #4b5d66; } .hbdc-secondary-faded:hover, .hbdc-secondary-faded:focus { background-color: #849fac; } .hbdc-secondary-super-faded:hover, .hbdc-secondary-super-faded:focus { background-color: #a1becc; } .hbdc-secondary-faint:hover, .hbdc-secondary-faint:focus { background-color: #eaf4f9; } .hbdc-secondary-trnspt:hover, .hbdc-secondary-trnspt:focus { background-color: #4b5d6664; } .hbdc-secondary-super-trnspt:hover, .hbdc-secondary-super-trnspt:focus { background-color: #4b5d6618; } .hbdc-secondary-lt:hover, .hbdc-secondary-lt:focus { background-color: #c4cfd4; } .hbdc-secondary-dk:hover, .hbdc-secondary-dk:focus { background-color: #566b76; } .hbdc-accent:hover, .hbdc-accent:focus { background-color: #e3db4f; } .hbdc-accent-faded:hover, .hbdc-accent-faded:focus { background-color: #e7e4a8; } .hbdc-accent-trnspt:hover, .hbdc-accent-trnspt:focus { background-color: #e3dc4f6c; } .hbdc-accent-super-trnspt:hover, .hbdc-accent-super-trnspt:focus { background-color: #e3dc4f20; } .hbdc-accent2:hover, .hbdc-accent2:focus { background-color: #60b8d2; } .hbdc-accent2-dk:hover, .hbdc-accent2-dk:focus { background-color: #215464; } .hbdc-accent3:hover, .hbdc-accent3:focus { background-color: #212758; } .hbdc-accent3-trnspt:hover, .hbdc-accent3-trnspt:focus { background-color: #6068a8b3; } .hbdc-accent3-lt:hover, .hbdc-accent3-lt:focus { background-color: #6068a8; } .hbdc-accent3-dk:hover, .hbdc-accent3-dk:focus { background-color: #171b3d; } .hbdc-accent4:hover, .hbdc-accent4:focus { background-color: #933670; } .hbdc-accent4-trnspt:hover, .hbdc-accent4-trnspt:focus { background-color: #93366fb8; } .hbdc-accent4-dk:hover, .hbdc-accent4-dk:focus { background-color: #52193c; } .hbdc-success:hover, .hbdc-success:focus { background-color: #8cde91; } .hbdc-success-faded:hover, .hbdc-success-faded:focus { background-color: #c6ddc8; } .hbdc-success-trnspt:hover, .hbdc-success-trnspt:focus { background-color: #8cde9277; } .hbdc-warning:hover, .hbdc-warning:focus { background-color: #f05e7d; } .hbdc-warning-trnspt:hover, .hbdc-warning-trnspt:focus { background-color: #f05e7e50; } .hbdc-warning-faint:hover, .hbdc-warning-faint:focus { background-color: #f5e3e7; } .hbdc-warning-faded:hover, .hbdc-warning-faded:focus { background-color: #e8b8c2; } .hbdc-warning-dk:hover, .hbdc-warning-dk:focus { background-color: #96374c; } .hbdc-neutral-lt:hover, .hbdc-neutral-lt:focus { background-color: #fff; } .hbdc-neutral-med:hover, .hbdc-neutral-med:focus { background-color: #d0cfcf; } .hbdc-neutral-med-trnspt:hover, .hbdc-neutral-med-trnspt:focus { background-color: #dddddd2e; } .hbdc-neutral-med-lt:hover, .hbdc-neutral-med-lt:focus { background-color: #eaeaea; } .hbdc-neutral-med-lt-trnspt:hover, .hbdc-neutral-med-lt-trnspt:focus { background-color: #eaeaea93; } .hbdc-neutral-dk:hover, .hbdc-neutral-dk:focus { background-color: #444; }