:root { --gk-primary: hsl(240, 6%, 10%); --gk-primary-d-1: hsl(240, 6%, 9%); --gk-primary-d-2: hsl(240, 6%, 8%); --gk-primary-d-3: hsl(240, 6%, 7%); --gk-primary-d-4: hsl(240, 6%, 6%); --gk-primary-d-5: hsl(240, 6%, 5%); --gk-primary-d-6: hsl(240, 6%, 5%); --gk-primary-d-7: hsl(240, 6%, 4%); --gk-primary-d-8: hsl(240, 6%, 3%); --gk-primary-d-9: hsl(240, 6%, 2%); --gk-primary-d-10: hsl(240, 6%, 1%); --gk-primary-l-1: hsl(240, 3%, 18%); --gk-primary-l-2: hsl(240, 2%, 26%); --gk-primary-l-3: hsl(240, 1%, 35%); --gk-primary-l-4: hsl(240, 1%, 43%); --gk-primary-l-5: hsl(240, 1%, 51%); --gk-primary-l-6: hsl(240, 1%, 59%); --gk-primary-l-7: hsl(240, 1%, 67%); --gk-primary-l-8: hsl(240, 1%, 75%); --gk-primary-l-9: hsl(240, 1%, 84%); --gk-primary-l-10: hsl(240, 1%, 92%); --gk-primary-t-1: hsla(240, 1%, 92%, 0.09); --gk-primary-t-2: hsla(240, 1%, 84%, 0.18); --gk-primary-t-3: hsla(240, 1%, 75%, 0.27); --gk-primary-t-4: hsla(240, 1%, 67%, 0.36); --gk-primary-t-5: hsla(240, 1%, 59%, 0.45); --gk-primary-t-6: hsla(240, 1%, 51%, 0.55); --gk-primary-t-7: hsla(240, 1%, 43%, 0.64); --gk-primary-t-8: hsla(240, 1%, 35%, 0.73); --gk-primary-t-9: hsla(240, 2%, 26%, 0.82); --gk-primary-t-10: hsla(240, 3%, 18%, 0.91); --gk-secondary: hsl(49, 90%, 59%); --gk-secondary-l-1: hsl(49, 90%, 63%); --gk-secondary-l-2: hsl(49, 90%, 66%); --gk-secondary-l-3: hsl(49, 90%, 70%); --gk-secondary-l-4: hsl(49, 90%, 74%); --gk-secondary-l-5: hsl(49, 90%, 78%); --gk-secondary-l-6: hsl(49, 90%, 81%); --gk-secondary-l-7: hsl(49, 90%, 85%); --gk-secondary-l-8: hsl(49, 90%, 89%); --gk-secondary-l-9: hsl(49, 90%, 93%); --gk-secondary-l-10: hsl(49, 90%, 96%); --gk-secondary-d-1: hsl(49, 73%, 54%); --gk-secondary-d-2: hsl(49, 63%, 48%); --gk-secondary-d-3: hsl(49, 63%, 43%); --gk-secondary-d-4: hsl(49, 63%, 38%); --gk-secondary-d-5: hsl(49, 63%, 32%); --gk-secondary-d-6: hsl(49, 63%, 27%); --gk-secondary-d-7: hsl(49, 63%, 21%); --gk-secondary-d-8: hsl(49, 63%, 16%); --gk-secondary-d-9: hsl(49, 63%, 11%); --gk-secondary-d-10: hsl(49, 63%, 5%); --gk-secondary-t-1: hsla(49, 90%, 96%, 0.09); --gk-secondary-t-2: hsla(49, 90%, 93%, 0.18); --gk-secondary-t-3: hsla(49, 90%, 89%, 0.27); --gk-secondary-t-4: hsla(49, 90%, 85%, 0.36); --gk-secondary-t-5: hsla(49, 90%, 81%, 0.45); --gk-secondary-t-6: hsla(49, 90%, 78%, 0.55); --gk-secondary-t-7: hsla(49, 90%, 74%, 0.64); --gk-secondary-t-8: hsla(49, 90%, 70%, 0.73); --gk-secondary-t-9: hsla(49, 90%, 66%, 0.82); --gk-secondary-t-10: hsla(49, 90%, 63%, 0.91); --gk-border-slate: hsl(215.38 18% 47%); --gk-border-slate-l-1: hsl(215, 16%, 56%); --gk-border-slate-l-2: hsl(215, 16%, 65%); --gk-border-slate-l-3: hsl(215, 16%, 73%); --gk-border-slate-l-4: hsl(215, 16%, 82%); --gk-border-slate-l-5: hsl(215, 16%, 91%); --gk-border-slate-d-1: hsl(215, 18%, 39%); --gk-border-slate-d-2: hsl(215, 18%, 31%); --gk-border-slate-d-3: hsl(215, 18%, 23%); --gk-border-slate-d-4: hsl(215, 18%, 16%); --gk-border-slate-d-5: hsl(215, 18%, 8%); --gk-border-grey: hsl(220.03 10% 46%); --gk-border-grey-l-1: hsl(222, 8%, 55%); --gk-border-grey-l-2: hsl(222, 8%, 64%); --gk-border-grey-l-3: hsl(222, 8%, 73%); --gk-border-grey-l-4: hsl(222, 8%, 82%); --gk-border-grey-l-5: hsl(222, 8%, 91%); --gk-border-grey-d-1: hsl(222, 10%, 38%); --gk-border-grey-d-2: hsl(222, 10%, 31%); --gk-border-grey-d-3: hsl(222, 10%, 23%); --gk-border-grey-d-4: hsl(222, 10%, 15%); --gk-border-grey-d-5: hsl(222, 10%, 8%); --gk-border-zinc: hsl(240.1 4% 46%); --gk-border-zinc-l-1: hsl(240, 3%, 55%); --gk-border-zinc-l-2: hsl(240, 3%, 64%); --gk-border-zinc-l-3: hsl(240, 3%, 73%); --gk-border-zinc-l-4: hsl(240, 3%, 82%); --gk-border-zinc-l-5: hsl(240, 3%, 91%); --gk-border-zinc-d-1: hsl(240, 4%, 38%); --gk-border-zinc-d-2: hsl(240, 4%, 31%); --gk-border-zinc-d-3: hsl(240, 4%, 23%); --gk-border-zinc-d-4: hsl(240, 4%, 15%); --gk-border-zinc-d-5: hsl(240, 4%, 8%); --gk-success: hsl(167, 84%, 39%); --gk-success-l-1: hsl(167, 67%, 45%); --gk-success-l-2: hsl(167, 54%, 50%); --gk-success-l-3: hsl(167, 54%, 56%); --gk-success-l-4: hsl(167, 54%, 61%); --gk-success-l-5: hsl(167, 54%, 67%); --gk-success-l-6: hsl(167, 54%, 72%); --gk-success-l-7: hsl(167, 54%, 78%); --gk-success-l-8: hsl(167, 54%, 83%); --gk-success-l-9: hsl(167, 54%, 89%); --gk-success-l-10: hsl(167, 54%, 94%); --gk-success-d-1: hsl(167, 84%, 35%); --gk-success-d-2: hsl(167, 84%, 32%); --gk-success-d-3: hsl(167, 84%, 28%); --gk-success-d-4: hsl(167, 84%, 25%); --gk-success-d-5: hsl(167, 84%, 21%); --gk-success-d-6: hsl(167, 84%, 18%); --gk-success-d-7: hsl(167, 84%, 14%); --gk-success-d-8: hsl(167, 84%, 11%); --gk-success-d-9: hsl(167, 84%, 7%); --gk-success-d-10: hsl(167, 84%, 4%); --gk-danger: hsl(338, 89%, 60%); --gk-danger-l-1: hsl(338, 89%, 64%); --gk-danger-l-2: hsl(338, 89%, 67%); --gk-danger-l-3: hsl(338, 89%, 71%); --gk-danger-l-4: hsl(338, 89%, 75%); --gk-danger-l-5: hsl(338, 89%, 78%); --gk-danger-l-6: hsl(338, 89%, 82%); --gk-danger-l-7: hsl(338, 89%, 85%); --gk-danger-l-8: hsl(338, 89%, 89%); --gk-danger-l-9: hsl(338, 89%, 93%); --gk-danger-l-10: hsl(338, 89%, 96%); --gk-danger-d-1: hsl(338, 71%, 55%); --gk-danger-d-2: hsl(338, 59%, 49%); --gk-danger-d-3: hsl(338, 59%, 44%); --gk-danger-d-4: hsl(338, 59%, 38%); --gk-danger-d-5: hsl(338, 59%, 33%); --gk-danger-d-6: hsl(338, 59%, 27%); --gk-danger-d-7: hsl(338, 59%, 22%); --gk-danger-d-8: hsl(338, 59%, 16%); --gk-danger-d-9: hsl(338, 59%, 11%); --gk-danger-d-10: hsl(338, 59%, 5%); --gk-warning: hsl(29, 84%, 53%); --gk-warning-l-1: hsl(29, 84%, 57%); --gk-warning-l-2: hsl(29, 84%, 61%); --gk-warning-l-3: hsl(29, 84%, 66%); --gk-warning-l-4: hsl(29, 84%, 70%); --gk-warning-l-5: hsl(29, 84%, 74%); --gk-warning-l-6: hsl(29, 84%, 79%); --gk-warning-l-7: hsl(29, 84%, 83%); --gk-warning-l-8: hsl(29, 84%, 87%); --gk-warning-l-9: hsl(29, 84%, 91%); --gk-warning-l-10: hsl(29, 84%, 96%); --gk-warning-d-1: hsl(29, 75%, 48%); --gk-warning-d-2: hsl(29, 75%, 43%); --gk-warning-d-3: hsl(29, 75%, 39%); --gk-warning-d-4: hsl(29, 75%, 34%); --gk-warning-d-5: hsl(29, 75%, 29%); --gk-warning-d-6: hsl(29, 75%, 24%); --gk-warning-d-7: hsl(29, 75%, 19%); --gk-warning-d-8: hsl(29, 75%, 14%); --gk-warning-d-9: hsl(29, 75%, 10%); --gk-warning-d-10: hsl(29, 75%, 5%); --gk-grey: hsl(199, 19%, 48%); --gk-grey-l-1: hsl(199, 18%, 53%); --gk-grey-l-2: hsl(199, 18%, 57%); --gk-grey-l-3: hsl(199, 18%, 62%); --gk-grey-l-4: hsl(199, 18%, 67%); --gk-grey-l-5: hsl(199, 18%, 72%); --gk-grey-l-6: hsl(199, 18%, 76%); --gk-grey-l-7: hsl(199, 18%, 81%); --gk-grey-l-8: hsl(199, 18%, 86%); --gk-grey-l-9: hsl(199, 18%, 91%); --gk-grey-l-10: hsl(199, 18%, 95%); --gk-grey-d-1: hsl(199, 19%, 44%); --gk-grey-d-2: hsl(199, 19%, 39%); --gk-grey-d-3: hsl(199, 19%, 35%); --gk-grey-d-4: hsl(199, 19%, 31%); --gk-grey-d-5: hsl(199, 19%, 26%); --gk-grey-d-6: hsl(199, 19%, 22%); --gk-grey-d-7: hsl(199, 19%, 17%); --gk-grey-d-8: hsl(199, 19%, 13%); --gk-grey-d-9: hsl(199, 19%, 9%); --gk-grey-d-10: hsl(199, 19%, 4%); --gk-purple: hsl(264, 90%, 66%); --gk-purple-l-1: hsl(264, 90%, 69%); --gk-purple-l-2: hsl(264, 90%, 72%); --gk-purple-l-3: hsl(264, 90%, 75%); --gk-purple-l-4: hsl(264, 90%, 78%); --gk-purple-l-5: hsl(264, 90%, 81%); --gk-purple-l-6: hsl(264, 90%, 84%); --gk-purple-l-7: hsl(264, 90%, 88%); --gk-purple-l-8: hsl(264, 90%, 91%); --gk-purple-l-9: hsl(264, 90%, 94%); --gk-purple-l-10: hsl(264, 90%, 97%); --gk-purple-d-1: hsl(264, 69%, 60%); --gk-purple-d-2: hsl(264, 54%, 54%); --gk-purple-d-3: hsl(264, 46%, 48%); --gk-purple-d-4: hsl(264, 46%, 42%); --gk-purple-d-5: hsl(264, 46%, 36%); --gk-purple-d-6: hsl(264, 46%, 30%); --gk-purple-d-7: hsl(264, 46%, 24%); --gk-purple-d-8: hsl(264, 46%, 18%); --gk-purple-d-9: hsl(264, 46%, 12%); --gk-purple-d-10: hsl(264, 46%, 6%); --gk-text: hsl(204, 20%, 5%); --gk-text-l-1: hsl(204, 6%, 15%); --gk-text-l-2: hsl(204, 3%, 26%); --gk-text-l-3: hsl(204, 2%, 37%); --gk-text-l-4: hsl(204, 1%, 47%); --gk-text-l-5: hsl(204, 1%, 58%); --gk-text-l-6: hsl(204, 1%, 68%); --gk-text-l-7: hsl(204, 1%, 79%); --gk-text-l-8: hsl(204, 1%, 89%); --gk-white: hsl(0, 0%, 100%); --gk-white-t-1: hsla(0, 0%, 100%, 0.09); --gk-white-t-2: hsla(0, 0%, 100%, 0.18); --gk-white-t-3: hsla(0, 0%, 100%, 0.27); --gk-white-t-4: hsla(0, 0%, 100%, 0.36); --gk-white-t-5: hsla(0, 0%, 100%, 0.45); --gk-white-t-6: hsla(0, 0%, 100%, 0.55); --gk-white-t-7: hsla(0, 0%, 100%, 0.64); --gk-white-t-8: hsla(0, 0%, 100%, 0.73); --gk-white-t-9: hsla(0, 0%, 100%, 0.82); --gk-white-t-10: hsla(0, 0%, 100%, 0.91); --gk-black: hsl(0, 0%, 0%); --gk-black-t-1: hsla(0, 0%, 91%, 0.09); --gk-black-t-2: hsla(0, 0%, 82%, 0.18); --gk-black-t-3: hsla(0, 0%, 73%, 0.27); --gk-black-t-4: hsla(0, 0%, 64%, 0.36); --gk-black-t-5: hsla(0, 0%, 55%, 0.45); --gk-black-t-6: hsla(0, 0%, 45%, 0.55); --gk-black-t-7: hsla(0, 0%, 36%, 0.64); --gk-black-t-8: hsla(0, 0%, 27%, 0.73); --gk-black-t-9: hsla(0, 0%, 18%, 0.82); --gk-black-t-10: hsla(0, 0%, 9%, 0.91); --gk-info: hsl(219, 91%, 60%); --gk-info-l-1: hsl(219, 91%, 64%); --gk-info-l-2: hsl(219, 91%, 67%); --gk-info-l-3: hsl(219, 91%, 71%); --gk-info-l-4: hsl(219, 91%, 75%); --gk-info-l-5: hsl(219, 91%, 78%); --gk-info-l-6: hsl(219, 91%, 82%); --gk-info-l-7: hsl(219, 91%, 85%); --gk-info-l-8: hsl(219, 91%, 89%); --gk-info-l-9: hsl(219, 91%, 93%); --gk-info-l-10: hsl(219, 91%, 96%); --gk-info-d-1: hsl(219, 73%, 55%); --gk-info-d-2: hsl(219, 61%, 49%); --gk-info-d-3: hsl(219, 61%, 44%); --gk-info-d-4: hsl(219, 61%, 38%); --gk-info-d-5: hsl(219, 61%, 33%); --gk-info-d-6: hsl(219, 61%, 27%); --gk-info-d-7: hsl(219, 61%, 22%); --gk-info-d-8: hsl(219, 61%, 16%); --gk-info-d-9: hsl(219, 61%, 11%); --gk-info-d-10: hsl(219, 61%, 5%);}