body {
}


a {
 text-decoration: none;
 /* color: blue; */
 /* color: blue; */
}

ol, ul {
  font-size: 1.4rem;
  font-weight: 400;
}


.navigation-footer-component {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: var(--space-12);
    justify-content: center;
    margin: 0 auto;
    max-width: 100vw;
    padding: 3.5rem 1.5rem 3.5rem 1.5rem;
    /* text-shadow: .1rem .1rem rgba(49,46,43,.6); */
    width: 100%;
    background-color: #1F2734;
}

.navigation-footer-page-component a {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal;
  color: #808080;
}

.navigation-footer-hide {
    display: none
}



.navigation-footer-pages-component {
    align-items: flex-start;
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    row-gap: 0;
    width: 100%
}

.navigation-footer-pages-component>:last-child:after {
    content: none
}

.navigation-footer-page-component {
    line-height: 1.42857143;
    list-style: none;
    padding-right: 1rem;
    position: relative
}

.navigation-footer-page-component:after {
    /* color: var(--color-transparent-white-50); */
    content: "•";
    position: absolute;
    color: #808080;
    right: -4px;
    /* top: var(--space-1); */
    top: 3px;
}

.navigation-footer-page-link {
    background-color: transparent;
    border: none;
    /* color: var(--color-transparent-white-50); */
    font-size: 1.2rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
    line-height: 1.42857143;
    margin: 0;
    padding: var(--space-2) 0;
    /* text-shadow: inherit; */
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navigation-footer-page-link:hover {
    /* color: var(--color-transparent-white-85) */
}

.navigation-footer-page-legal-update-notice {
    /* color: var(--color-red-300) */
}

.navigation-footer-platform-component {
    align-items: center;
    display: flex;
    gap: var(--space-8);
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0
}

.navigation-footer-platform-icon {
    /* color: var(--color-transparent-white-50); */
    font-size: 2.8rem
}

.navigation-footer-platform-icon.youtube {
    font-size: 3.6rem
}

.navigation-footer-platform-apple span:hover {
    color: #fff
}

.navigation-footer-platform-android span:hover {
    color: #3ddb85
}

.navigation-footer-platform-facebook span:hover {
    color: #1778f2
}

.navigation-footer-platform-tiktok span:hover,.navigation-footer-platform-x-twitter span:hover {
    color: #fff
}

.navigation-footer-platform-youtube span:hover {
    color: red
}

.navigation-footer-platform-twitch span:hover {
    color: #9146ff
}

.navigation-footer-platform-instagram span:hover {
    color: #e93a56
}

.navigation-footer-platform-discord span:hover {
    color: #5865f2
}

.navigation-footer-platform-vk span:hover {
    color: #5181b8
}

.navigation-footer-platform-gutter {
    border-right: var(--border-s) solid var(--color-transparent-white-10);
    margin-right: var(--space-8);
    padding-right: var(--space-16)
}

:root {
    --font-family-system: -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Helvetica,Arial,sans-serif;
    --font-family-heading: "Chess Sans",sans-serif;
    --font-family-icons: "Chess V3";
    --color-green-25: #f6ffe3;
    --color-green-50: #f3ffcf;
    --color-green-75: #ebffbd;
    --color-green-100: #d8fa9d;
    --color-green-200: #b2e068;
    --color-green-300: #81b64c;
    --color-green-400: #5d9948;
    --color-green-500: #45753c;
    --color-green-600: #305730;
    --color-green-700: #204227;
    --color-aqua-25: #eafffa;
    --color-aqua-50: #ddfff5;
    --color-aqua-75: #ccffec;
    --color-aqua-100: #adfbd8;
    --color-aqua-200: #62f6ca;
    --color-aqua-300: #26c2a3;
    --color-aqua-400: #109888;
    --color-aqua-500: #10777c;
    --color-aqua-600: #09505f;
    --color-aqua-700: #073745;
    --color-blue-25: #cef5ff;
    --color-blue-50: #b2f0ff;
    --color-blue-75: #83defc;
    --color-blue-100: #4dc3ea;
    --color-blue-200: #009fd9;
    --color-blue-300: #008cd1;
    --color-blue-400: #0069ab;
    --color-blue-500: #0b548c;
    --color-blue-600: #083a66;
    --color-blue-700: #072a4f;
    --color-slate-25: #faffff;
    --color-slate-50: #f2fcff;
    --color-slate-75: #e5f6ff;
    --color-slate-100: #d0e6fb;
    --color-slate-200: #aed0f0;
    --color-slate-300: #749bbf;
    --color-slate-400: #486688;
    --color-slate-500: #324660;
    --color-slate-600: #263242;
    --color-slate-700: #1e2533;
    --color-purple-25: #f6edff;
    --color-purple-50: #e8dbff;
    --color-purple-75: #d5c6ff;
    --color-purple-100: #c9acff;
    --color-purple-200: #9881f2;
    --color-purple-300: #7a66f4;
    --color-purple-400: #5e53d9;
    --color-purple-500: #303d8a;
    --color-purple-600: #212e5d;
    --color-purple-700: #152243;
    --color-fuchsia-25: #ffd4d4;
    --color-fuchsia-50: #ffb5b9;
    --color-fuchsia-75: #ff949d;
    --color-fuchsia-100: #ff788a;
    --color-fuchsia-200: #fa466a;
    --color-fuchsia-300: #ed2456;
    --color-fuchsia-400: #c4144f;
    --color-fuchsia-500: #940c45;
    --color-fuchsia-600: #610734;
    --color-fuchsia-700: #49052d;
    --color-red-25: #ffe0ca;
    --color-red-50: #ffcbb2;
    --color-red-75: #ffb196;
    --color-red-100: #ff8a75;
    --color-red-200: #ff6352;
    --color-red-300: #fa412d;
    --color-red-400: #e02828;
    --color-red-500: #ad1f24;
    --color-red-600: #881822;
    --color-red-700: #631018;
    --color-orange-25: #fffbda;
    --color-orange-50: #fff3c2;
    --color-orange-75: #ffe5a8;
    --color-orange-100: #ffd591;
    --color-orange-200: #ffa459;
    --color-orange-300: #fa742c;
    --color-orange-400: #dc501d;
    --color-orange-500: #a93616;
    --color-orange-600: #7a1a0b;
    --color-orange-700: #610808;
    --color-gold-25: #ffffc7;
    --color-gold-50: #fff599;
    --color-gold-75: #fce26a;
    --color-gold-100: #fad541;
    --color-gold-200: #f7c631;
    --color-gold-300: #e3aa24;
    --color-gold-400: #cf8d1b;
    --color-gold-500: #b27314;
    --color-gold-600: #99580e;
    --color-gold-700: #7a4414;
    --color-brown-25: #fffef5;
    --color-brown-50: #fbf7ec;
    --color-brown-75: #fbf3d8;
    --color-brown-100: #fbebc1;
    --color-brown-200: #f9d983;
    --color-brown-300: #e2b664;
    --color-brown-400: #ca9350;
    --color-brown-500: #9d6c3e;
    --color-brown-600: #6a4632;
    --color-brown-700: #543426;
    --color-skin-25: #fffce8;
    --color-skin-50: #fff3d4;
    --color-skin-75: #fbe7c4;
    --color-skin-100: #fadaae;
    --color-skin-200: #e3c29c;
    --color-skin-300: #d5a47d;
    --color-skin-400: #8d694b;
    --color-skin-500: #6b4d3a;
    --color-skin-600: #543f34;
    --color-skin-700: #4a352e;
    --color-neutrals-white: #fff;
    --color-neutrals-black: #000;
    --color-gray-75: #f8f8f8;
    --color-gray-100: #f1f1f1;
    --color-gray-200: #e7e6e5;
    --color-gray-300: #dad8d6;
    --color-gray-400: #bebdb9;
    --color-gray-500: #8b8987;
    --color-gray-600: #666564;
    --color-gray-700: #4b4847;
    --color-gray-800: #312e2b;
    --color-gray-900: #262421;
    --color-transparent-white-2: hsla(0,0%,100%,.02);
    --color-transparent-white-5: hsla(0,0%,100%,.05);
    --color-transparent-white-8: hsla(0,0%,100%,.08);
    --color-transparent-white-10: hsla(0,0%,100%,.1);
    --color-transparent-white-14: hsla(0,0%,100%,.14);
    --color-transparent-white-25: hsla(0,0%,100%,.25);
    --color-transparent-white-40: hsla(0,0%,100%,.4);
    --color-transparent-white-50: hsla(0,0%,100%,.5);
    --color-transparent-white-65: hsla(0,0%,100%,.65);
    --color-transparent-white-72: hsla(0,0%,100%,.72);
    --color-transparent-white-85: hsla(0,0%,100%,.85);
    --color-transparent-white-95: hsla(0,0%,100%,.95);
    --color-transparent-black-2: rgba(0,0,0,.02);
    --color-transparent-black-5: rgba(0,0,0,.05);
    --color-transparent-black-10: rgba(0,0,0,.1);
    --color-transparent-black-14: rgba(0,0,0,.14);
    --color-transparent-black-18: rgba(0,0,0,.18);
    --color-transparent-black-20: rgba(0,0,0,.2);
    --color-transparent-black-30: rgba(0,0,0,.3);
    --color-transparent-black-50: rgba(0,0,0,.5);
    --color-transparent-black-65: rgba(0,0,0,.65);
    --color-transparent-black-77: rgba(0,0,0,.77);
    --color-streak-high: var(--color-red-300);
    --color-streak-medium: var(--color-orange-300);
    --color-streak-low: var(--color-orange-200);
    --color-streak-lowest: var(--color-gold-100);
    --color-streak-pause: var(--color-slate-300);
    --color-streak-learn-low: var(--color-blue-100);
    --color-streak-learn-medium: var(--color-blue-200);
    --color-streak-learn-high: var(--color-blue-400);
    --color-streak-play-low: var(--color-green-200);
    --color-streak-play-medium: var(--color-green-300);
    --color-streak-play-high: var(--color-green-400);
    --color-streak-puzzles-low: var(--color-gold-100);
    --color-streak-puzzles-medium: var(--color-orange-200);
    --color-streak-puzzles-high: var(--color-orange-300)
}

:root {
    --radius-s: .2rem;
    --radius-m: .3rem;
    --radius-l: .5rem;
    --radius-xl: 1rem;
    --radius-xxl: 2rem;
    --radius-circular: 50%;
    --space-1: .1rem;
    --space-2: .2rem;
    --space-4: .4rem;
    --space-8: .8rem;
    --space-12: 1.2rem;
    --space-16: 1.6rem;
    --space-24: 2.4rem;
    --space-32: 3.2rem;
    --space-40: 4rem;
    --space-80: 8rem;
    --motion-ease-in-1: cubic-bezier(0.4,0,1,1);
    --motion-ease-in-2: cubic-bezier(.8,0,1,1);
    --motion-ease-in-3: cubic-bezier(.5,0,.8,0);
    --motion-ease-out: cubic-bezier(0,0,.2,1);
    --motion-ease-out-1: cubic-bezier(0,0,.2,1);
    --motion-ease-out-3: cubic-bezier(.2,1,.3,1);
    --motion-ease-out-4: cubic-bezier(0,0,0,1);
    --motion-ease-in-out-1: cubic-bezier(.5,0,.6,1);
    --motion-ease-in-out-2: cubic-bezier(.5,0,.6,1);
    --motion-ease-in-out-3: cubic-bezier(.7,.2,0,.8)
}

#navigation-footer ul li { 
  margin-left: 8px;
}

.navigation-footer-page-link:hover {
  color: #fff;
}

.footer-bottom {
  text-align: center;
  padding-top: 20px;
  color: #2c3e50;
  border-top: 1px solid rgba(255,255,255,0.1);
}