:root {--bricks-color-grey-100: #f5f5f5;--bricks-color-grey-300: #e0e0e0;--bricks-color-grey-500: #9e9e9e;--bricks-color-grey-700: #616161;--bricks-color-grey-800: #424242;--bricks-color-grey-900: #212121;--bricks-color-yellow: #ffeb3b;--bricks-color-amber: #ffc107;--bricks-color-orange: #ff9800;--bricks-color-deep-orange: #ff5722;--bricks-color-red: #f44336;--bricks-color-blue: #2196f3;--bricks-color-light-blue: #03a9f4;--bricks-color-sky-blue: #81D4FA;--bricks-color-green: #4caf50;--bricks-color-light-green: #8bc34a;--bricks-color-lime: #cddc39;--jts-main: #9bc27e;--bgr: hsla(0, 0%, 99.22%, 1);--action: hsl(16 90% 57%);--alert: hsl(8 79% 54%);--success: hsla(94, 45%, 49%, 1);--surface: #9bc27e;--text: hsl(210 27% 15%);--shadow: hsla(0, 0%, 0%, 0.15);--dark-bg: hsla(200, 7%, 18%, 1);--bgr-but: #9bc27e;--but-txt-white: hsl(0, 0%, 92%);--but-text-black: hsl(0 0% 13%);--bgr-head-stick: hsla(0, 0%, 11%, 0.75);--text-white-black: hsl(0, 0%, 92%);--jts-main-d-0: #678154;--jts-main-d-1: #34412a;--bgr-but-l-1: #cde1bf;--bgr-but-d-1: #4e613f;--jts-main-l-1: #bcd6a9;--jts-main-l-2: #deebd4;--surface-l-1: #afce98;--surface-l-2: #c3dab2;--surface-l-3: #d7e7cb;--surface-l-4: #ebf3e5;--surface-d-1: #7c9b65;--surface-d-2: #5d744c;--surface-d-3: #3e4e32;--surface-d-4: #1f2719;--surface-2: hsl(38, 86%, 79%);--surface-2-d-1: hsl(38, 23%, 40%);--surface-2-l-1: hsl(38, 87%, 90%);--action-l-1: hsl(16, 90%, 71%);--action-l-2: hsl(16, 90%, 86%);--action-d-1: hsl(16, 68%, 38%);--action-d-2: hsl(16, 68%, 19%);--grey: hsl(0, 0%, 71%);--grey-l-1: hsl(0, 0%, 95%);--grey-d-1: hsl(0, 0%, 35%);}