:root { --primary: #586F7C; --primary-2: hsl(202 21% 56%); --primary-3: hsl(202 40% 70%); --primary-4: hsl(202 91% 84%); --primary-5: hsl(202 17% 13%); --primary-6: hsl(202 17% 27%); --primary-l-1: #677c88; --primary-l-2: #768994; --primary-l-3: #8696a0; --primary-l-4: #95a3ac; --primary-l-5: #a4b0b8; --primary-l-6: #b3bec3; --primary-l-7: #c2cbcf; --primary-l-8: #d1d8db; --primary-l-9: #e1e5e7; --primary-l-10: #f0f2f3; --primary-d-1: #506571; --primary-d-2: #485b65; --primary-d-3: #40515a; --primary-d-4: #38474f; --primary-d-5: #303d44; --primary-d-6: #283238; --primary-d-7: #20282d; --primary-d-8: #181e22; --primary-d-9: #101417; --primary-d-10: #080a0b; --text-dark: #2d2d2d; --white: #ffffff; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --text-dark-d-1: #292929; --text-dark-d-2: #252525; --text-dark-d-3: #212121; --text-dark-d-4: #1d1d1d; --text-dark-d-5: #191919; --text-dark-d-6: #141414; --text-dark-d-7: #101010; --text-dark-d-8: #0c0c0c; --text-dark-d-9: #080808; --text-dark-d-10: #040404; --text-dark-l-1: #404040; --text-dark-l-2: #535353; --text-dark-l-3: #666666; --text-dark-l-4: #797979; --text-dark-l-5: #8c8c8c; --text-dark-l-6: #a0a0a0; --text-dark-l-7: #b3b3b3; --text-dark-l-8: #c6c6c6; --text-dark-l-9: #d9d9d9; --text-dark-l-10: #ececec;}.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-l-5 { color: var(--primary-l-5); }.text-primary-l-6 { color: var(--primary-l-6); }.text-primary-l-7 { color: var(--primary-l-7); }.text-primary-l-8 { color: var(--primary-l-8); }.text-primary-l-9 { color: var(--primary-l-9); }.text-primary-l-10 { color: var(--primary-l-10); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-d-5 { color: var(--primary-d-5); }.text-primary-d-6 { color: var(--primary-d-6); }.text-primary-d-7 { color: var(--primary-d-7); }.text-primary-d-8 { color: var(--primary-d-8); }.text-primary-d-9 { color: var(--primary-d-9); }.text-primary-d-10 { color: var(--primary-d-10); }.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-l-6 { background-color: var(--primary-l-6); }.bg-primary-l-7 { background-color: var(--primary-l-7); }.bg-primary-l-8 { background-color: var(--primary-l-8); }.bg-primary-l-9 { background-color: var(--primary-l-9); }.bg-primary-l-10 { background-color: var(--primary-l-10); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.bg-primary-d-6 { background-color: var(--primary-d-6); }.bg-primary-d-7 { background-color: var(--primary-d-7); }.bg-primary-d-8 { background-color: var(--primary-d-8); }.bg-primary-d-9 { background-color: var(--primary-d-9); }.bg-primary-d-10 { background-color: var(--primary-d-10); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-l-4 { border-color: var(--primary-l-4); }.border-primary-l-5 { border-color: var(--primary-l-5); }.border-primary-l-6 { border-color: var(--primary-l-6); }.border-primary-l-7 { border-color: var(--primary-l-7); }.border-primary-l-8 { border-color: var(--primary-l-8); }.border-primary-l-9 { border-color: var(--primary-l-9); }.border-primary-l-10 { border-color: var(--primary-l-10); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.border-primary-d-5 { border-color: var(--primary-d-5); }.border-primary-d-6 { border-color: var(--primary-d-6); }.border-primary-d-7 { border-color: var(--primary-d-7); }.border-primary-d-8 { border-color: var(--primary-d-8); }.border-primary-d-9 { border-color: var(--primary-d-9); }.border-primary-d-10 { border-color: var(--primary-d-10); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-l-3 { outline-color: var(--primary-l-3); }.outline-primary-l-4 { outline-color: var(--primary-l-4); }.outline-primary-l-5 { outline-color: var(--primary-l-5); }.outline-primary-l-6 { outline-color: var(--primary-l-6); }.outline-primary-l-7 { outline-color: var(--primary-l-7); }.outline-primary-l-8 { outline-color: var(--primary-l-8); }.outline-primary-l-9 { outline-color: var(--primary-l-9); }.outline-primary-l-10 { outline-color: var(--primary-l-10); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.outline-primary-d-5 { outline-color: var(--primary-d-5); }.outline-primary-d-6 { outline-color: var(--primary-d-6); }.outline-primary-d-7 { outline-color: var(--primary-d-7); }.outline-primary-d-8 { outline-color: var(--primary-d-8); }.outline-primary-d-9 { outline-color: var(--primary-d-9); }.outline-primary-d-10 { outline-color: var(--primary-d-10); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-l-3 { fill: var(--primary-l-3); }.fill-primary-l-4 { fill: var(--primary-l-4); }.fill-primary-l-5 { fill: var(--primary-l-5); }.fill-primary-l-6 { fill: var(--primary-l-6); }.fill-primary-l-7 { fill: var(--primary-l-7); }.fill-primary-l-8 { fill: var(--primary-l-8); }.fill-primary-l-9 { fill: var(--primary-l-9); }.fill-primary-l-10 { fill: var(--primary-l-10); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.fill-primary-d-5 { fill: var(--primary-d-5); }.fill-primary-d-6 { fill: var(--primary-d-6); }.fill-primary-d-7 { fill: var(--primary-d-7); }.fill-primary-d-8 { fill: var(--primary-d-8); }.fill-primary-d-9 { fill: var(--primary-d-9); }.fill-primary-d-10 { fill: var(--primary-d-10); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-l-3 { stroke: var(--primary-l-3); }.stroke-primary-l-4 { stroke: var(--primary-l-4); }.stroke-primary-l-5 { stroke: var(--primary-l-5); }.stroke-primary-l-6 { stroke: var(--primary-l-6); }.stroke-primary-l-7 { stroke: var(--primary-l-7); }.stroke-primary-l-8 { stroke: var(--primary-l-8); }.stroke-primary-l-9 { stroke: var(--primary-l-9); }.stroke-primary-l-10 { stroke: var(--primary-l-10); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.stroke-primary-d-5 { stroke: var(--primary-d-5); }.stroke-primary-d-6 { stroke: var(--primary-d-6); }.stroke-primary-d-7 { stroke: var(--primary-d-7); }.stroke-primary-d-8 { stroke: var(--primary-d-8); }.stroke-primary-d-9 { stroke: var(--primary-d-9); }.stroke-primary-d-10 { stroke: var(--primary-d-10); }.text-text-dark { color: var(--text-dark); }.text-text-dark-d-1 { color: var(--text-dark-d-1); }.text-text-dark-d-2 { color: var(--text-dark-d-2); }.text-text-dark-d-3 { color: var(--text-dark-d-3); }.text-text-dark-d-4 { color: var(--text-dark-d-4); }.text-text-dark-d-5 { color: var(--text-dark-d-5); }.text-text-dark-d-6 { color: var(--text-dark-d-6); }.text-text-dark-d-7 { color: var(--text-dark-d-7); }.text-text-dark-d-8 { color: var(--text-dark-d-8); }.text-text-dark-d-9 { color: var(--text-dark-d-9); }.text-text-dark-d-10 { color: var(--text-dark-d-10); }.text-text-dark-l-1 { color: var(--text-dark-l-1); }.text-text-dark-l-2 { color: var(--text-dark-l-2); }.text-text-dark-l-3 { color: var(--text-dark-l-3); }.text-text-dark-l-4 { color: var(--text-dark-l-4); }.text-text-dark-l-5 { color: var(--text-dark-l-5); }.text-text-dark-l-6 { color: var(--text-dark-l-6); }.text-text-dark-l-7 { color: var(--text-dark-l-7); }.text-text-dark-l-8 { color: var(--text-dark-l-8); }.text-text-dark-l-9 { color: var(--text-dark-l-9); }.text-text-dark-l-10 { color: var(--text-dark-l-10); }.text-white { color: var(--white); }.text-white-t-1 { color: var(--white-t-1); }.text-white-t-2 { color: var(--white-t-2); }.text-white-t-3 { color: var(--white-t-3); }.text-white-t-4 { color: var(--white-t-4); }.text-white-t-5 { color: var(--white-t-5); }.text-white-t-6 { color: var(--white-t-6); }.text-white-t-7 { color: var(--white-t-7); }.text-white-t-8 { color: var(--white-t-8); }.text-white-t-9 { color: var(--white-t-9); }.text-white-t-10 { color: var(--white-t-10); }