@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Play:wght@700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Exo:wght@400;500;600;700;800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500&display=swap";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after {
  content: "";
  content: none
}

q:before,
q:after {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

input {
  font-size-adjust: 1
}

input:focus {
  outline: none
}

button {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  background: 0 0;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none
}

:root {
  --color-amaranth-bright: #fa4265;
  --color-amaranth-bright-rgb: 250, 66, 101;
  --color-amaranth-secondary-bright: #381d3a;
  --color-amaranth-secondary-bright-rgb: 56, 29, 58;
  --color-amaranth-secondary: #321a34;
  --color-amaranth-secondary-rgb: 50, 26, 52;
  --color-amaranth: #ef3054;
  --color-amaranth-rgb: 239, 48, 84;
  --color-backdrop-background: rgba(0, 0, 0, .45);
  --color-background-info: #15274c;
  --color-background-info-rgb: 21, 39, 76;
  --color-background-option-selected: #171e3c;
  --color-background-option-selected-rgb: 23, 30, 60;
  --color-background-primary: #0c1022;
  --color-background-primary-rgb: 12, 16, 34;
  --color-background-secondary: #131934;
  --color-background-secondary-rgb: 19, 25, 52;
  --color-background-sidebar-hover: #161c3b;
  --color-background-sidebar-hover-rgb: 22, 28, 59;
  --color-background-homepage-dark: #0e1328;
  --color-background-homepage-dark-rgb: 14, 19, 40;
  --color-background-homepage-light: #11162e;
  --color-background-homepage-light-rgb: 17, 22, 46;
  --color-download-border: #1f2444;
  --color-download-border-rgb: 31, 36, 68;
  --color-news-card-date-background: #0c0f1c;
  --color-news-card-date-background-rgb: 12, 15, 28;
  --color-background-training-level-title: rgba(0, 0, 0, .33);
  --color-background-aimlab: #0f142a;
  --color-background-aimlab-rgb: 15, 20, 42;
  --color-button-carousel: #171b35;
  --color-button-carousel-rgb: 23, 27, 53;
  --color-button-carousel-hover: #1a203b;
  --color-button-carousel-hover-rgb: 26, 32, 59;
  --color-chart-background: #4183d7;
  --color-chart-background-rgb: 65, 131, 215;
  --color-chart-primary: #ef3054;
  --color-chart-primary-rgb: 239, 48, 84;
  --color-chart-secondary: #14c79c;
  --color-chart-secondary-rgb: 20, 199, 156;
  --color-chart-structure: #3b416d;
  --color-chart-structure-rgb: 59, 65, 109;
  --color-danger: #e52347;
  --color-danger-rgb: 229, 35, 71;
  --color-default-foreground: #fff;
  --color-default-foreground-rgb: 255, 255, 255;
  --color-game-settings-border: #151b36;
  --color-game-settings-border-rgb: 21, 27, 54;
  --color-generic-negative: #ef3054;
  --color-generic-negative-rgb: 239, 48, 84;
  --color-generic-positive: #14c79c;
  --color-generic-positive-rgb: 20, 199, 156;
  --color-info-secondary: #2760b8;
  --color-info-secondary-rgb: 39, 96, 184;
  --color-info: #2f87fa;
  --color-info-rgb: 47, 135, 250;
  --color-card-highlighted-background: #2680f5;
  --color-card-highlighted-background-rgb: 38, 128, 245;
  --color-card-highlighted-background-dark: #0f1222;
  --color-card-highlighted-background-dark-rgb: 15, 18, 34;
  --color-premium-main: #f9ca27;
  --color-premium-main-rgb: 249, 202, 39;
  --color-premium-secondary: #f89c38;
  --color-premium-secondary-rgb: 248, 156, 56;
  --color-steam: #366999;
  --color-steam-rgb: 54, 105, 153;
  --color-option-chevron-disabled: #363b63;
  --color-option-chevron-disabled-rgb: 54, 59, 99;
  --color-progress-bar-background: rgba(54, 59, 99, .33);
  --color-progress-bar-default: #2f81ff;
  --color-progress-bar-default-rgb: 47, 129, 255;
  --color-progress-bar-stripes: rgba(0, 0, 0, .13);
  --color-text-shadow: #0f1528;
  --color-text-shadow-rgb: 15, 21, 40;
  --color-sidebar-background: #11162e;
  --color-sidebar-background-rgb: 17, 22, 46;
  --color-sidebar: #141a36;
  --color-sidebar-rgb: 20, 26, 54;
  --color-sidebar-shaddow: rgba(0, 0, 0, .06);
  --color-skeleton-bright: #1d264e;
  --color-skeleton-bright-rgb: 29, 38, 78;
  --color-skeleton-darker: #10162d;
  --color-skeleton-darker-rgb: 16, 22, 45;
  --color-skeleton: #1c2344;
  --color-skeleton-rgb: 28, 35, 68;
  --color-success: #14c79c;
  --color-success-rgb: 20, 199, 156;
  --color-success-inactive: #112839;
  --color-success-inactive-rgb: 17, 40, 57;
  --color-training-table: #131932;
  --color-training-table-rgb: 19, 25, 50;
  --color-task-completed: #14273b;
  --color-task-completed-rgb: 20, 39, 59;
  --color-text-category-title: #9a9fb6;
  --color-text-category-title-rgb: 154, 159, 182;
  --color-text-darker: #94949c;
  --color-text-darker-rgb: 148, 148, 156;
  --color-text-disabled: #50556b;
  --color-text-disabled-rgb: 80, 85, 107;
  --color-text-default: #fff;
  --color-text-default-rgb: 255, 255, 255;
  --color-text-contrast: #000;
  --color-text-contrast-rgb: 0, 0, 0;
  --color-text-option-aditional-info: #374777;
  --color-text-option-aditional-info-rgb: 55, 71, 119;
  --color-text-secondary: #babecd;
  --color-text-secondary-rgb: 186, 190, 205;
  --color-text-white-faded: #bcbed0;
  --color-text-white-faded-rgb: 188, 190, 208;
  --color-text-white-faded-secondary: #dedfe8;
  --color-text-white-faded-secondary-rgb: 222, 223, 232;
  --color-game-play: #24252b;
  --color-game-play-rgb: 36, 37, 43;
  --color-navigation-border: #252c4f;
  --color-navigation-border-rgb: 37, 44, 79;
  --color-navigation-background: #121730;
  --color-navigation-background-rgb: 18, 23, 48;
  --color-navigation-list-background: #171e3e;
  --color-navigation-list-background-rgb: 23, 30, 62;
  --color-warning: #f29445;
  --color-warning-rgb: 242, 148, 69;
  --color-table-row: #141a36;
  --color-table-row-rgb: 20, 26, 54;
  --color-table-border-default: rgba(255, 255, 255, .08);
  --color-top-1: #e4cf49;
  --color-top-1-rgb: 228, 207, 73;
  --color-top-1-background: rgba(204, 181, 30, .2);
  --color-top-2: #999da7;
  --color-top-2-rgb: 153, 157, 167;
  --color-top-2-background: rgba(153, 157, 167, .2);
  --color-top-3: #a0806d;
  --color-top-3-rgb: 160, 128, 109;
  --color-top-3-background: rgba(159, 128, 109, .2);
  --color-stat-icon: #575d85;
  --color-stat-icon-rgb: 87, 93, 133;
  --color-stat-background: #142142;
  --color-stat-background-rgb: 20, 33, 66;
  --color-stat-border: rgba(61, 66, 100, .33);
  --color-input-border: #1c2344;
  --color-input-border-rgb: 28, 35, 68;
  --color-range-background: #1c2344;
  --color-range-background-rgb: 28, 35, 68;
  --color-range-disabled: #fa4265;
  --color-range-disabled-rgb: 250, 66, 101;
  --color-progress-bar-purple: #9642ff;
  --color-progress-bar-purple-rgb: 150, 66, 255;
  --color-unranked-medal: #141934;
  --color-unranked-medal-rgb: 20, 25, 52;
  --color-shadow-dark: rgba(47, 135, 250, .1);
  --color-news-card: #101116;
  --color-news-card-rgb: 16, 17, 22;
  --color-news-card-hover: #ef3054;
  --color-news-card-hover-rgb: 239, 48, 84;
  --color-news-card-active: #de163c;
  --color-news-card-active-rgb: 222, 22, 60;
  --color-discord-primary: #7289d9;
  --color-discord-primary-rgb: 114, 137, 217;
  --color-discord-secondary: #3959ca;
  --color-discord-secondary-rgb: 57, 89, 202;
  --color-discord-primary-hover: #7e93dc;
  --color-discord-primary-hover-rgb: 126, 147, 220;
  --color-discord-secondary-hover: #4664ce;
  --color-discord-secondary-hover-rgb: 70, 100, 206;
  --color-discord-primary-active: #4a68ce;
  --color-discord-primary-active-rgb: 74, 104, 206;
  --color-discord-secondary-active: #294299;
  --color-discord-secondary-active-rgb: 41, 66, 153;
  --color-button-hub-main: #0f1329;
  --color-button-hub-main-rgb: 15, 19, 41;
  --color-button-hub-sub: #070912;
  --color-button-hub-sub-rgb: 7, 9, 18;
  --color-button-hub-text: #545e8b;
  --color-button-hub-text-rgb: 84, 94, 139;
  --color-hub-link-main: #2680f5;
  --color-hub-link-main-rgb: 38, 128, 245;
  --color-hub-link-secondary: #0e3f7e;
  --color-hub-link-secondary-rgb: 14, 63, 126;
  --color-hub-link-dark-main: #363b63;
  --color-hub-link-dark-main-rgb: 54, 59, 99;
  --color-hub-link-dark-secondary: #181a2c;
  --color-hub-link-dark-secondary-rgb: 24, 26, 44;
  --color-hub-link-premium-main: #f8c40c;
  --color-hub-link-premium-main-rgb: 248, 196, 12;
  --color-hub-link-premium-secondary: #f67728;
  --color-hub-link-premium-secondary-rgb: 246, 119, 40;
  --color-key-main: #1f2444;
  --color-key-main-rgb: 31, 36, 68;
  --color-key-secondary: #2f3660;
  --color-key-secondary-rgb: 47, 54, 96;
  --color-pop-up-border: #192442;
  --color-pop-up-border-rgb: 25, 36, 66;
  --color-keyboard-key-primary: #b6b8ca;
  --color-keyboard-key-primary-rgb: 182, 184, 202;
  --color-keyboard-key-secondary: #9ca0bc;
  --color-keyboard-key-secondary-rgb: 156, 160, 188;
  --color-flicking: #9642ff;
  --color-flicking-rgb: 150, 66, 255;
  --color-flicking-secondary: #432071;
  --color-flicking-secondary-rgb: 67, 32, 113;
  --color-clicking: #25a75e;
  --color-clicking-rgb: 37, 167, 94;
  --color-clicking-secondary: #16442a;
  --color-clicking-secondary-rgb: 22, 68, 42;
  --color-tracking: #1db6b9;
  --color-tracking-rgb: 29, 182, 185;
  --color-tracking-secondary: #125a5b;
  --color-tracking-secondary-rgb: 18, 90, 91;
  --color-switching: #ff7b29;
  --color-switching-rgb: 255, 123, 41;
  --color-switching-secondary: #824119;
  --color-switching-secondary-rgb: 130, 65, 25;
  --color-aim-rank-position: #20263f;
  --color-aim-rank-position-rgb: 32, 38, 63;
  --color-members-only: #1e2548;
  --color-members-only-rgb: 30, 37, 72;
  --color-header: #161d3c;
  --color-header-rgb: 22, 29, 60;
  --color-skill-aim-rank-renderer: #424b74;
  --color-skill-aim-rank-renderer-rgb: 66, 75, 116;
  --color-stats-success: #30ef7c;
  --color-stats-success-rgb: 48, 239, 124;
  --gradient-leaderboard-menu: linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  --gradient-graph-card: linear-gradient(180deg, #141b38 0%, #171f3f 100%);
  --gradient-card: linear-gradient(180deg, #171F3F 0%, #131934 100%);
  --gradient-card-vertical: linear-gradient(#141B37 0%, transparent 100%);
  --gradient-carousel: linear-gradient(0deg, transparent 0%, #141936 100%);
  --gradient-form-background: linear-gradient(180deg, #11162E 0%, #0E1225 100%);
  --gradient-primary: linear-gradient(180deg, #171f3f 0%, #131934 100%);
  --gradient-socials-button: linear-gradient(180deg, #121730 0%, transparent 100%);
  --gradient-socials-button-hover: linear-gradient(180deg, #171f3f 30%, #121730 60%);
  --gradient-stats-switch: linear-gradient(90deg, #11162E 0%, #0F1428 100%);
  --gradient-amaranth-transparent: linear-gradient(180deg, #EF3054 0%, transparent 100%);
  --gradient-flicking-transparent: linear-gradient(180deg, #9642ff 0%, transparent 100%);
  --gradient-clicking-transparent: linear-gradient(180deg, #25a75e 0%, transparent 100%);
  --gradient-tracking-transparent: linear-gradient(180deg, #1db6b9 0%, transparent 100%);
  --gradient-switching-transparent: linear-gradient(180deg, #ff7b29 0%, transparent 100%);
  --gradient-amaranth-vertical: linear-gradient(0deg, #EF3054 0%, #64213C 100%);
  --gradient-amaranth-transparent-horizontal: linear-gradient(90deg, #131933 0%, #241A35 100%);
  --gradient-amaranth-border-horizontal: linear-gradient(90deg, #EF3054 0%, transparent 100%);
  --gradient-steel-transparent: linear-gradient(to right, transparent, #212740, transparent);
  --gradient-steel-transparent-vertical: linear-gradient(180deg, transparent, #212740, transparent);
  --gradient-secondary: linear-gradient(0deg, #141a37 16.79%, #11162e 100%);
  --gradient-secondary-inverted: linear-gradient(180deg, #141a37 16.79%, #11162e 100%);
  --gradient-stat-background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-skill-tab-background: linear-gradient(180deg, #15274c -31.12%, #141A36 100%);
  --gradient-faq-tab-background: linear-gradient(180deg, #141A36 -31.12%, #11162e 100%);
  --gradient-level-hover-background: linear-gradient(90deg, rgba(239, 48, 84, 0) 0%, rgba(239, 48, 84, .08) 64%);
  --gradient-skill-subs-vertical: linear-gradient(180deg, #171E40 0%, #131934 100%);
  --gradient-feature-border: linear-gradient(to right, #1C2344 0%, rgba(28, 35, 68, 0) 100%);
  --gradient-feature-border-right: linear-gradient(to left, #1C2344 0%, rgba(28, 35, 68, 0) 100%);
  --gradient-pop-up-background: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(12, 16, 34, .95);
  --gradient-pop-up-border: linear-gradient(180deg, rgba(47, 135, 250, .08) 0%, rgba(47, 135, 250, 0) 100%), rgba(12, 16, 34, .9);
  --gradient-news-card-overlay: linear-gradient(0deg, #0b0d17 0%, rgba(15, 19, 36, 0) 100%);
  --gradient-news-card-overlay-hover: linear-gradient(180deg, rgba(15, 19, 41, .24) 0%, rgba(7, 9, 18, .24) 100%);
  --gradient-skill-aim-rank: linear-gradient(180deg, #171E40 0%, rgba(23, 30, 64, 0) 100%);
  --gradient-training-routine-completed-flicking: linear-gradient(rgba(150, 66, 255, 0) 0%, rgba(150, 66, 255, .16) 100%);
  --gradient-training-routine-completed-clicking: linear-gradient(rgba(37, 167, 94, 0) 0%, rgba(37, 167, 94, .16) 100%);
  --gradient-training-routine-completed-tracking: linear-gradient(rgba(29, 182, 185, 0) 0%, rgba(29, 182, 185, .16) 100%);
  --gradient-training-routine-completed-switching: linear-gradient(rgba(255, 123, 41, 0) 0%, rgba(255, 123, 41, .16) 100%);
  --gradient-training-routine-available: linear-gradient(rgba(18, 27, 54, 0) 0%, #121B36 100%);
  --gradient-training-routine-next: linear-gradient(rgba(18, 27, 54, 0) 0%, #0f162d 100%);
  --gradient-training-routine-header: linear-gradient(#F8CA26 0%, #F78640 100%);
  --gradient-premium: linear-gradient(180deg, var(--color-premium-main) 0%, var(--color-premium-secondary) 100%);
  --font-main: "Inter", sans-serif;
  --font-discord: "Roboto", sans-serif;
  --font-corp-site: "Play", sans-serif;
  --font-corp-site-headers: "Apex-mk2", sans-serif;
  --font-exo: "Exo", sans-serif;
  --font-oxanium: "Oxanium", sans-serif;
  --font-shadow-low: 0px 2px 2px rgba(0, 0, 0, .45);
  --font-shadow-high: 0px 4px 4px rgba(0, 0, 0, .45);
  --font-xxxl: 70px;
  --font-xxl: 48px;
  --font-xl: 32px;
  --font-lg: 24px;
  --font-bg: 18px;
  --font-md: 16px;
  --font-sm: 14px;
  --font-xs: 12px;
  --font-bold: 700;
  --font-medium: 500;
  --font-normal: 400;
  --font-semi-bold: 600;
  --radius-lg: 32px;
  --radius-md: 18px;
  --radius-avg: 12px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --radius-xxs: 4px;
  --spacing-xxxl: 168px;
  --spacing-xxl: 84px;
  --spacing-xl: 64px;
  --spacing-lg: 44px;
  --spacing-md: 32px;
  --spacing-sm: 24px;
  --spacing-avg: 16px;
  --spacing-xs: 12px;
  --spacing-xxs: 8px;
  --spacing-xxxs: 6px;
  --spacing-xxxxs: 2px;
  --spacing-negative-avg: -16px;
  --spacing-negative-lg: -44px;
  --spacing-negative-md: -32px;
  --spacing-negative-sm: -24px;
  --spacing-negative-xl: -64px;
  --spacing-negative-xs: -12px;
  --spacing-negative-xxl: -84px;
  --spacing-negative-xxs: -8px;
  --spacing-negative-xxxl: -168px;
  --spacing-negative-xxxs: -6px;
  --spacing-negative-xxxxs: -4px;
  --spacing-negative-xxxxxs: -2px;
  --main-navigation-width: 235px;
  --main-sidebar-width: 460px;
  --z-high: 2147483647;
  --z-100: 100;
  --z-90: 90;
  --z-80: 80;
  --z-70: 70;
  --z-60: 60;
  --z-50: 50;
  --z-40: 40;
  --z-30: 30;
  --z-20: 20;
  --z-10: 10;
  --z-0: 0;
  --z-negative-10: -10;
  --z-negative-20: -20
}

html,
body {
  color: var(--color-text-default);
  font-family: var(--font-main);
  font-size: var(--font-md);
  font-style: normal;
  letter-spacing: normal
}

body #onetrust-consent-sdk #onetrust-banner-sdk {
  background-color: var(--color-background-homepage-dark);
  border-radius: var(--radius-sm);
  box-shadow: 8px 8px 8px #00000040;
  z-index: var(--z-high)
}

body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-title,
body #onetrust-consent-sdk #onetrust-banner-sdk a {
  color: var(--color-text-secondary) !important;
  font-family: var(--font-main)
}

body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
  color: var(--color-text-default)
}

body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  font-family: var(--font-main);
  max-height: 40px;
  min-height: 40px;
  text-transform: uppercase
}

body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
  background-color: var(--color-amaranth);
  color: var(--color-text-default)
}

body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  background-color: var(--color-amaranth-secondary);
  color: var(--color-amaranth);
  text-decoration: none
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fade-enter-active {
  animation: fade-in .3s
}

.fade-leave-active {
  animation: fade-in .3s reverse
}

@keyframes pop-up {
  0% {
    transform: scale(0);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.pop-up-enter-active {
  animation: pop-up .3s
}

.pop-up-leave-active {
  animation: pop-up .3s reverse
}

@keyframes sidebar-slide {
  0% {
    transform: translate(100%)
  }

  to {
    transform: translate(0)
  }
}

.sidebar-slide-enter-active {
  animation: fade-in .3s
}

.sidebar-slide-enter-active aside {
  animation: sidebar-slide .3s
}

.sidebar-slide-leave-active {
  animation: fade-in .3s reverse
}

.sidebar-slide-leave-active aside {
  animation: sidebar-slide .3s reverse
}

.cursor-pointer {
  cursor: pointer
}

.cursor-default {
  cursor: default
}

.position-absolute {
  position: absolute
}

.position-fixed {
  position: fixed
}

.position-relative {
  position: relative
}

.inset-0 {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0
}

.z-negative-10 {
  z-index: var(--z-negative-10)
}

.z-0 {
  z-index: var(--z-0)
}

.z-100 {
  z-index: var(--z-100)
}

.z-high {
  z-index: var(--z-high)
}

.flex {
  display: flex
}

.row {
  flex-direction: row
}

.row.reverse {
  flex-direction: row-reverse
}

.col {
  flex-direction: column
}

.col.reverse {
  flex-direction: column-reverse
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-line {
  justify-content: line
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-around {
  justify-content: space-around
}

.justify-evenly {
  justify-content: space-evenly
}

.align-start {
  align-items: flex-start
}

.align-end {
  align-items: flex-end
}

.align-center {
  align-items: center
}

.align-baseline {
  align-items: baseline
}

.align-stretch {
  align-items: stretch
}

.grow {
  flex-grow: 1
}

.shrink {
  flex-shrink: 1
}

.wrap-nowrap {
  flex-wrap: nowrap
}

.wrap-wrap {
  flex-wrap: wrap
}

.wrap-reverse {
  flex-wrap: wrap-reverse
}

.snackbar-wrapper {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 1052;
  pointer-events: none
}

.snackbar-wrapper .snackbar {
  pointer-events: auto
}

@media screen and (max-width:769px) {
  .snackbar-wrapper {
    position: fixed !important
  }
}

.snackbar-wrapper .top-right,
.snackbar-wrapper .bottom-right {
  align-self: flex-end
}

.snackbar-wrapper .top-left,
.snackbar-wrapper .bottom-left {
  align-self: flex-start
}

.snackbar-wrapper.top {
  flex-direction: column
}

.snackbar-wrapper.bottom {
  flex-direction: column-reverse
}

.gap-avg {
  gap: var(--spacing-avg) !important
}

.stack-avg {
  margin-bottom: var(--spacing-avg) !important
}

.stack-negative-avg {
  margin-bottom: var(--spacing-negative-avg) !important
}

.inset-avg {
  padding: var(--spacing-avg) !important
}

.inset-negative-avg {
  padding: var(--spacing-negative-avg) !important
}

.inline-avg {
  margin-right: var(--spacing-avg) !important
}

.inline-negative-avg {
  margin-right: var(--spacing-negative-avg) !important
}

.gap-row-avg>* {
  margin-right: var(--spacing-avg) !important
}

.gap-row-avg>*:last-child {
  margin-right: 0 !important
}

.gap-col-avg>* {
  margin-bottom: var(--spacing-avg) !important
}

.gap-col-avg>*:last-child {
  margin-bottom: 0 !important
}

.gap-lg {
  gap: var(--spacing-lg) !important
}

.stack-lg {
  margin-bottom: var(--spacing-lg) !important
}

.stack-negative-lg {
  margin-bottom: var(--spacing-negative-lg) !important
}

.inset-lg {
  padding: var(--spacing-lg) !important
}

.inset-negative-lg {
  padding: var(--spacing-negative-lg) !important
}

.inline-lg {
  margin-right: var(--spacing-lg) !important
}

.inline-negative-lg {
  margin-right: var(--spacing-negative-lg) !important
}

.gap-row-lg>* {
  margin-right: var(--spacing-lg) !important
}

.gap-row-lg>*:last-child {
  margin-right: 0 !important
}

.gap-col-lg>* {
  margin-bottom: var(--spacing-lg) !important
}

.gap-col-lg>*:last-child {
  margin-bottom: 0 !important
}

.gap-md {
  gap: var(--spacing-md) !important
}

.stack-md {
  margin-bottom: var(--spacing-md) !important
}

.stack-negative-md {
  margin-bottom: var(--spacing-negative-md) !important
}

.inset-md {
  padding: var(--spacing-md) !important
}

.inset-negative-md {
  padding: var(--spacing-negative-md) !important
}

.inline-md {
  margin-right: var(--spacing-md) !important
}

.inline-negative-md {
  margin-right: var(--spacing-negative-md) !important
}

.gap-row-md>* {
  margin-right: var(--spacing-md) !important
}

.gap-row-md>*:last-child {
  margin-right: 0 !important
}

.gap-col-md>* {
  margin-bottom: var(--spacing-md) !important
}

.gap-col-md>*:last-child {
  margin-bottom: 0 !important
}

.gap-sm {
  gap: var(--spacing-sm) !important
}

.stack-sm {
  margin-bottom: var(--spacing-sm) !important
}

.stack-negative-sm {
  margin-bottom: var(--spacing-negative-sm) !important
}

.inset-sm {
  padding: var(--spacing-sm) !important
}

.inset-negative-sm {
  padding: var(--spacing-negative-sm) !important
}

.inline-sm {
  margin-right: var(--spacing-sm) !important
}

.inline-negative-sm {
  margin-right: var(--spacing-negative-sm) !important
}

.gap-row-sm>* {
  margin-right: var(--spacing-sm) !important
}

.gap-row-sm>*:last-child {
  margin-right: 0 !important
}

.gap-col-sm>* {
  margin-bottom: var(--spacing-sm) !important
}

.gap-col-sm>*:last-child {
  margin-bottom: 0 !important
}

.gap-xl {
  gap: var(--spacing-xl) !important
}

.stack-xl {
  margin-bottom: var(--spacing-xl) !important
}

.stack-negative-xl {
  margin-bottom: var(--spacing-negative-xl) !important
}

.inset-xl {
  padding: var(--spacing-xl) !important
}

.inset-negative-xl {
  padding: var(--spacing-negative-xl) !important
}

.inline-xl {
  margin-right: var(--spacing-xl) !important
}

.inline-negative-xl {
  margin-right: var(--spacing-negative-xl) !important
}

.gap-row-xl>* {
  margin-right: var(--spacing-xl) !important
}

.gap-row-xl>*:last-child {
  margin-right: 0 !important
}

.gap-col-xl>* {
  margin-bottom: var(--spacing-xl) !important
}

.gap-col-xl>*:last-child {
  margin-bottom: 0 !important
}

.gap-xs {
  gap: var(--spacing-xs) !important
}

.stack-xs {
  margin-bottom: var(--spacing-xs) !important
}

.stack-negative-xs {
  margin-bottom: var(--spacing-negative-xs) !important
}

.inset-xs {
  padding: var(--spacing-xs) !important
}

.inset-negative-xs {
  padding: var(--spacing-negative-xs) !important
}

.inline-xs {
  margin-right: var(--spacing-xs) !important
}

.inline-negative-xs {
  margin-right: var(--spacing-negative-xs) !important
}

.gap-row-xs>* {
  margin-right: var(--spacing-xs) !important
}

.gap-row-xs>*:last-child {
  margin-right: 0 !important
}

.gap-col-xs>* {
  margin-bottom: var(--spacing-xs) !important
}

.gap-col-xs>*:last-child {
  margin-bottom: 0 !important
}

.gap-xxl {
  gap: var(--spacing-xxl) !important
}

.stack-xxl {
  margin-bottom: var(--spacing-xxl) !important
}

.stack-negative-xxl {
  margin-bottom: var(--spacing-negative-xxl) !important
}

.inset-xxl {
  padding: var(--spacing-xxl) !important
}

.inset-negative-xxl {
  padding: var(--spacing-negative-xxl) !important
}

.inline-xxl {
  margin-right: var(--spacing-xxl) !important
}

.inline-negative-xxl {
  margin-right: var(--spacing-negative-xxl) !important
}

.gap-row-xxl>* {
  margin-right: var(--spacing-xxl) !important
}

.gap-row-xxl>*:last-child {
  margin-right: 0 !important
}

.gap-col-xxl>* {
  margin-bottom: var(--spacing-xxl) !important
}

.gap-col-xxl>*:last-child {
  margin-bottom: 0 !important
}

.gap-xxs {
  gap: var(--spacing-xxs) !important
}

.stack-xxs {
  margin-bottom: var(--spacing-xxs) !important
}

.stack-negative-xxs {
  margin-bottom: var(--spacing-negative-xxs) !important
}

.inset-xxs {
  padding: var(--spacing-xxs) !important
}

.inset-negative-xxs {
  padding: var(--spacing-negative-xxs) !important
}

.inline-xxs {
  margin-right: var(--spacing-xxs) !important
}

.inline-negative-xxs {
  margin-right: var(--spacing-negative-xxs) !important
}

.gap-row-xxs>* {
  margin-right: var(--spacing-xxs) !important
}

.gap-row-xxs>*:last-child {
  margin-right: 0 !important
}

.gap-col-xxs>* {
  margin-bottom: var(--spacing-xxs) !important
}

.gap-col-xxs>*:last-child {
  margin-bottom: 0 !important
}

.gap-xxxl {
  gap: var(--spacing-xxxl) !important
}

.stack-xxxl {
  margin-bottom: var(--spacing-xxxl) !important
}

.stack-negative-xxxl {
  margin-bottom: var(--spacing-negative-xxxl) !important
}

.inset-xxxl {
  padding: var(--spacing-xxxl) !important
}

.inset-negative-xxxl {
  padding: var(--spacing-negative-xxxl) !important
}

.inline-xxxl {
  margin-right: var(--spacing-xxxl) !important
}

.inline-negative-xxxl {
  margin-right: var(--spacing-negative-xxxl) !important
}

.gap-row-xxxl>* {
  margin-right: var(--spacing-xxxl) !important
}

.gap-row-xxxl>*:last-child {
  margin-right: 0 !important
}

.gap-col-xxxl>* {
  margin-bottom: var(--spacing-xxxl) !important
}

.gap-col-xxxl>*:last-child {
  margin-bottom: 0 !important
}

.gap-xxxs {
  gap: var(--spacing-xxxs) !important
}

.stack-xxxs {
  margin-bottom: var(--spacing-xxxs) !important
}

.stack-negative-xxxs {
  margin-bottom: var(--spacing-negative-xxxs) !important
}

.inset-xxxs {
  padding: var(--spacing-xxxs) !important
}

.inset-negative-xxxs {
  padding: var(--spacing-negative-xxxs) !important
}

.inline-xxxs {
  margin-right: var(--spacing-xxxs) !important
}

.inline-negative-xxxs {
  margin-right: var(--spacing-negative-xxxs) !important
}

.gap-row-xxxs>* {
  margin-right: var(--spacing-xxxs) !important
}

.gap-row-xxxs>*:last-child {
  margin-right: 0 !important
}

.gap-col-xxxs>* {
  margin-bottom: var(--spacing-xxxs) !important
}

.gap-col-xxxs>*:last-child {
  margin-bottom: 0 !important
}

.gap-xxxxs {
  gap: var(--spacing-xxxxs) !important
}

.stack-xxxxs {
  margin-bottom: var(--spacing-xxxxs) !important
}

.stack-negative-xxxxs {
  margin-bottom: var(--spacing-negative-xxxxs) !important
}

.inset-xxxxs {
  padding: var(--spacing-xxxxs) !important
}

.inset-negative-xxxxs {
  padding: var(--spacing-negative-xxxxs) !important
}

.inline-xxxxs {
  margin-right: var(--spacing-xxxxs) !important
}

.inline-negative-xxxxs {
  margin-right: var(--spacing-negative-xxxxs) !important
}

.gap-row-xxxxs>* {
  margin-right: var(--spacing-xxxxs) !important
}

.gap-row-xxxxs>*:last-child {
  margin-right: 0 !important
}

.gap-col-xxxxs>* {
  margin-bottom: var(--spacing-xxxxs) !important
}

.gap-col-xxxxs>*:last-child {
  margin-bottom: 0 !important
}

* {
  box-sizing: border-box
}

::-webkit-scrollbar {
  background: 0 0;
  border-radius: 25px;
  height: 4px;
  width: 4px
}

*:hover ::-webkit-scrollbar {
  background: #1f2444
}

*:hover ::-webkit-scrollbar-thumb {
  background: #4b548e
}

::-webkit-scrollbar:hover {
  height: 8px;
  width: 8px
}

::-webkit-scrollbar-track {
  border-radius: 25px
}

::-webkit-scrollbar-thumb {
  background: 0 0;
  border-radius: 8px
}

* {
  scrollbar-color: transparent transparent;
  scrollbar-width: thin
}

*:hover {
  scrollbar-color: #4b548e #1f2444
}

:root {
  --color-amaranth-bright: #fa4265;
  --color-amaranth-bright-rgb: 250, 66, 101;
  --color-amaranth-secondary-bright: #381d3a;
  --color-amaranth-secondary-bright-rgb: 56, 29, 58;
  --color-amaranth-secondary: #321a34;
  --color-amaranth-secondary-rgb: 50, 26, 52;
  --color-amaranth: #ef3054;
  --color-amaranth-rgb: 239, 48, 84;
  --color-backdrop-background: rgba(0, 0, 0, .45);
  --color-background-info: #15274c;
  --color-background-info-rgb: 21, 39, 76;
  --color-background-option-selected: #171e3c;
  --color-background-option-selected-rgb: 23, 30, 60;
  --color-background-primary: #0c1022;
  --color-background-primary-rgb: 12, 16, 34;
  --color-background-secondary: #131934;
  --color-background-secondary-rgb: 19, 25, 52;
  --color-background-sidebar-hover: #161c3b;
  --color-background-sidebar-hover-rgb: 22, 28, 59;
  --color-background-homepage-dark: #0e1328;
  --color-background-homepage-dark-rgb: 14, 19, 40;
  --color-background-homepage-light: #11162e;
  --color-background-homepage-light-rgb: 17, 22, 46;
  --color-download-border: #1f2444;
  --color-download-border-rgb: 31, 36, 68;
  --color-news-card-date-background: #0c0f1c;
  --color-news-card-date-background-rgb: 12, 15, 28;
  --color-background-training-level-title: rgba(0, 0, 0, .33);
  --color-background-aimlab: #0f142a;
  --color-background-aimlab-rgb: 15, 20, 42;
  --color-button-carousel: #171b35;
  --color-button-carousel-rgb: 23, 27, 53;
  --color-button-carousel-hover: #1a203b;
  --color-button-carousel-hover-rgb: 26, 32, 59;
  --color-chart-background: #4183d7;
  --color-chart-background-rgb: 65, 131, 215;
  --color-chart-primary: #ef3054;
  --color-chart-primary-rgb: 239, 48, 84;
  --color-chart-secondary: #14c79c;
  --color-chart-secondary-rgb: 20, 199, 156;
  --color-chart-structure: #3b416d;
  --color-chart-structure-rgb: 59, 65, 109;
  --color-danger: #e52347;
  --color-danger-rgb: 229, 35, 71;
  --color-default-foreground: #fff;
  --color-default-foreground-rgb: 255, 255, 255;
  --color-game-settings-border: #151b36;
  --color-game-settings-border-rgb: 21, 27, 54;
  --color-generic-negative: #ef3054;
  --color-generic-negative-rgb: 239, 48, 84;
  --color-generic-positive: #14c79c;
  --color-generic-positive-rgb: 20, 199, 156;
  --color-info-secondary: #2760b8;
  --color-info-secondary-rgb: 39, 96, 184;
  --color-info: #2f87fa;
  --color-info-rgb: 47, 135, 250;
  --color-card-highlighted-background: #2680f5;
  --color-card-highlighted-background-rgb: 38, 128, 245;
  --color-card-highlighted-background-dark: #0f1222;
  --color-card-highlighted-background-dark-rgb: 15, 18, 34;
  --color-premium-main: #f9ca27;
  --color-premium-main-rgb: 249, 202, 39;
  --color-premium-secondary: #f89c38;
  --color-premium-secondary-rgb: 248, 156, 56;
  --color-steam: #366999;
  --color-steam-rgb: 54, 105, 153;
  --color-option-chevron-disabled: #363b63;
  --color-option-chevron-disabled-rgb: 54, 59, 99;
  --color-progress-bar-background: rgba(54, 59, 99, .33);
  --color-progress-bar-default: #2f81ff;
  --color-progress-bar-default-rgb: 47, 129, 255;
  --color-progress-bar-stripes: rgba(0, 0, 0, .13);
  --color-text-shadow: #0f1528;
  --color-text-shadow-rgb: 15, 21, 40;
  --color-sidebar-background: #11162e;
  --color-sidebar-background-rgb: 17, 22, 46;
  --color-sidebar: #141a36;
  --color-sidebar-rgb: 20, 26, 54;
  --color-sidebar-shaddow: rgba(0, 0, 0, .06);
  --color-skeleton-bright: #1d264e;
  --color-skeleton-bright-rgb: 29, 38, 78;
  --color-skeleton-darker: #10162d;
  --color-skeleton-darker-rgb: 16, 22, 45;
  --color-skeleton: #1c2344;
  --color-skeleton-rgb: 28, 35, 68;
  --color-success: #14c79c;
  --color-success-rgb: 20, 199, 156;
  --color-success-inactive: #112839;
  --color-success-inactive-rgb: 17, 40, 57;
  --color-training-table: #131932;
  --color-training-table-rgb: 19, 25, 50;
  --color-task-completed: #14273b;
  --color-task-completed-rgb: 20, 39, 59;
  --color-text-category-title: #9a9fb6;
  --color-text-category-title-rgb: 154, 159, 182;
  --color-text-darker: #94949c;
  --color-text-darker-rgb: 148, 148, 156;
  --color-text-disabled: #50556b;
  --color-text-disabled-rgb: 80, 85, 107;
  --color-text-default: #fff;
  --color-text-default-rgb: 255, 255, 255;
  --color-text-contrast: #000;
  --color-text-contrast-rgb: 0, 0, 0;
  --color-text-option-aditional-info: #374777;
  --color-text-option-aditional-info-rgb: 55, 71, 119;
  --color-text-secondary: #babecd;
  --color-text-secondary-rgb: 186, 190, 205;
  --color-text-white-faded: #bcbed0;
  --color-text-white-faded-rgb: 188, 190, 208;
  --color-text-white-faded-secondary: #dedfe8;
  --color-text-white-faded-secondary-rgb: 222, 223, 232;
  --color-game-play: #24252b;
  --color-game-play-rgb: 36, 37, 43;
  --color-navigation-border: #252c4f;
  --color-navigation-border-rgb: 37, 44, 79;
  --color-navigation-background: #121730;
  --color-navigation-background-rgb: 18, 23, 48;
  --color-navigation-list-background: #171e3e;
  --color-navigation-list-background-rgb: 23, 30, 62;
  --color-warning: #f29445;
  --color-warning-rgb: 242, 148, 69;
  --color-table-row: #141a36;
  --color-table-row-rgb: 20, 26, 54;
  --color-table-border-default: rgba(255, 255, 255, .08);
  --color-top-1: #e4cf49;
  --color-top-1-rgb: 228, 207, 73;
  --color-top-1-background: rgba(204, 181, 30, .2);
  --color-top-2: #999da7;
  --color-top-2-rgb: 153, 157, 167;
  --color-top-2-background: rgba(153, 157, 167, .2);
  --color-top-3: #a0806d;
  --color-top-3-rgb: 160, 128, 109;
  --color-top-3-background: rgba(159, 128, 109, .2);
  --color-stat-icon: #575d85;
  --color-stat-icon-rgb: 87, 93, 133;
  --color-stat-background: #142142;
  --color-stat-background-rgb: 20, 33, 66;
  --color-stat-border: rgba(61, 66, 100, .33);
  --color-input-border: #1c2344;
  --color-input-border-rgb: 28, 35, 68;
  --color-range-background: #1c2344;
  --color-range-background-rgb: 28, 35, 68;
  --color-range-disabled: #fa4265;
  --color-range-disabled-rgb: 250, 66, 101;
  --color-progress-bar-purple: #9642ff;
  --color-progress-bar-purple-rgb: 150, 66, 255;
  --color-unranked-medal: #141934;
  --color-unranked-medal-rgb: 20, 25, 52;
  --color-shadow-dark: rgba(47, 135, 250, .1);
  --color-news-card: #101116;
  --color-news-card-rgb: 16, 17, 22;
  --color-news-card-hover: #ef3054;
  --color-news-card-hover-rgb: 239, 48, 84;
  --color-news-card-active: #de163c;
  --color-news-card-active-rgb: 222, 22, 60;
  --color-discord-primary: #7289d9;
  --color-discord-primary-rgb: 114, 137, 217;
  --color-discord-secondary: #3959ca;
  --color-discord-secondary-rgb: 57, 89, 202;
  --color-discord-primary-hover: #7e93dc;
  --color-discord-primary-hover-rgb: 126, 147, 220;
  --color-discord-secondary-hover: #4664ce;
  --color-discord-secondary-hover-rgb: 70, 100, 206;
  --color-discord-primary-active: #4a68ce;
  --color-discord-primary-active-rgb: 74, 104, 206;
  --color-discord-secondary-active: #294299;
  --color-discord-secondary-active-rgb: 41, 66, 153;
  --color-button-hub-main: #0f1329;
  --color-button-hub-main-rgb: 15, 19, 41;
  --color-button-hub-sub: #070912;
  --color-button-hub-sub-rgb: 7, 9, 18;
  --color-button-hub-text: #545e8b;
  --color-button-hub-text-rgb: 84, 94, 139;
  --color-hub-link-main: #2680f5;
  --color-hub-link-main-rgb: 38, 128, 245;
  --color-hub-link-secondary: #0e3f7e;
  --color-hub-link-secondary-rgb: 14, 63, 126;
  --color-hub-link-dark-main: #363b63;
  --color-hub-link-dark-main-rgb: 54, 59, 99;
  --color-hub-link-dark-secondary: #181a2c;
  --color-hub-link-dark-secondary-rgb: 24, 26, 44;
  --color-hub-link-premium-main: #f8c40c;
  --color-hub-link-premium-main-rgb: 248, 196, 12;
  --color-hub-link-premium-secondary: #f67728;
  --color-hub-link-premium-secondary-rgb: 246, 119, 40;
  --color-key-main: #1f2444;
  --color-key-main-rgb: 31, 36, 68;
  --color-key-secondary: #2f3660;
  --color-key-secondary-rgb: 47, 54, 96;
  --color-pop-up-border: #192442;
  --color-pop-up-border-rgb: 25, 36, 66;
  --color-keyboard-key-primary: #b6b8ca;
  --color-keyboard-key-primary-rgb: 182, 184, 202;
  --color-keyboard-key-secondary: #9ca0bc;
  --color-keyboard-key-secondary-rgb: 156, 160, 188;
  --color-flicking: #9642ff;
  --color-flicking-rgb: 150, 66, 255;
  --color-flicking-secondary: #432071;
  --color-flicking-secondary-rgb: 67, 32, 113;
  --color-clicking: #25a75e;
  --color-clicking-rgb: 37, 167, 94;
  --color-clicking-secondary: #16442a;
  --color-clicking-secondary-rgb: 22, 68, 42;
  --color-tracking: #1db6b9;
  --color-tracking-rgb: 29, 182, 185;
  --color-tracking-secondary: #125a5b;
  --color-tracking-secondary-rgb: 18, 90, 91;
  --color-switching: #ff7b29;
  --color-switching-rgb: 255, 123, 41;
  --color-switching-secondary: #824119;
  --color-switching-secondary-rgb: 130, 65, 25;
  --color-aim-rank-position: #20263f;
  --color-aim-rank-position-rgb: 32, 38, 63;
  --color-members-only: #1e2548;
  --color-members-only-rgb: 30, 37, 72;
  --color-header: #161d3c;
  --color-header-rgb: 22, 29, 60;
  --color-skill-aim-rank-renderer: #424b74;
  --color-skill-aim-rank-renderer-rgb: 66, 75, 116;
  --color-stats-success: #30ef7c;
  --color-stats-success-rgb: 48, 239, 124;
  --gradient-leaderboard-menu: linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  --gradient-graph-card: linear-gradient(180deg, #141b38 0%, #171f3f 100%);
  --gradient-card: linear-gradient(180deg, #171F3F 0%, #131934 100%);
  --gradient-card-vertical: linear-gradient(#141B37 0%, transparent 100%);
  --gradient-carousel: linear-gradient(0deg, transparent 0%, #141936 100%);
  --gradient-form-background: linear-gradient(180deg, #11162E 0%, #0E1225 100%);
  --gradient-primary: linear-gradient(180deg, #171f3f 0%, #131934 100%);
  --gradient-socials-button: linear-gradient(180deg, #121730 0%, transparent 100%);
  --gradient-socials-button-hover: linear-gradient(180deg, #171f3f 30%, #121730 60%);
  --gradient-stats-switch: linear-gradient(90deg, #11162E 0%, #0F1428 100%);
  --gradient-amaranth-transparent: linear-gradient(180deg, #EF3054 0%, transparent 100%);
  --gradient-flicking-transparent: linear-gradient(180deg, #9642ff 0%, transparent 100%);
  --gradient-clicking-transparent: linear-gradient(180deg, #25a75e 0%, transparent 100%);
  --gradient-tracking-transparent: linear-gradient(180deg, #1db6b9 0%, transparent 100%);
  --gradient-switching-transparent: linear-gradient(180deg, #ff7b29 0%, transparent 100%);
  --gradient-amaranth-vertical: linear-gradient(0deg, #EF3054 0%, #64213C 100%);
  --gradient-amaranth-transparent-horizontal: linear-gradient(90deg, #131933 0%, #241A35 100%);
  --gradient-amaranth-border-horizontal: linear-gradient(90deg, #EF3054 0%, transparent 100%);
  --gradient-steel-transparent: linear-gradient(to right, transparent, #212740, transparent);
  --gradient-steel-transparent-vertical: linear-gradient(180deg, transparent, #212740, transparent);
  --gradient-secondary: linear-gradient(0deg, #141a37 16.79%, #11162e 100%);
  --gradient-secondary-inverted: linear-gradient(180deg, #141a37 16.79%, #11162e 100%);
  --gradient-stat-background: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-skill-tab-background: linear-gradient(180deg, #15274c -31.12%, #141A36 100%);
  --gradient-faq-tab-background: linear-gradient(180deg, #141A36 -31.12%, #11162e 100%);
  --gradient-level-hover-background: linear-gradient(90deg, rgba(239, 48, 84, 0) 0%, rgba(239, 48, 84, .08) 64%);
  --gradient-skill-subs-vertical: linear-gradient(180deg, #171E40 0%, #131934 100%);
  --gradient-feature-border: linear-gradient(to right, #1C2344 0%, rgba(28, 35, 68, 0) 100%);
  --gradient-feature-border-right: linear-gradient(to left, #1C2344 0%, rgba(28, 35, 68, 0) 100%);
  --gradient-pop-up-background: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%), rgba(12, 16, 34, .95);
  --gradient-pop-up-border: linear-gradient(180deg, rgba(47, 135, 250, .08) 0%, rgba(47, 135, 250, 0) 100%), rgba(12, 16, 34, .9);
  --gradient-news-card-overlay: linear-gradient(0deg, #0b0d17 0%, rgba(15, 19, 36, 0) 100%);
  --gradient-news-card-overlay-hover: linear-gradient(180deg, rgba(15, 19, 41, .24) 0%, rgba(7, 9, 18, .24) 100%);
  --gradient-skill-aim-rank: linear-gradient(180deg, #171E40 0%, rgba(23, 30, 64, 0) 100%);
  --gradient-training-routine-completed-flicking: linear-gradient(rgba(150, 66, 255, 0) 0%, rgba(150, 66, 255, .16) 100%);
  --gradient-training-routine-completed-clicking: linear-gradient(rgba(37, 167, 94, 0) 0%, rgba(37, 167, 94, .16) 100%);
  --gradient-training-routine-completed-tracking: linear-gradient(rgba(29, 182, 185, 0) 0%, rgba(29, 182, 185, .16) 100%);
  --gradient-training-routine-completed-switching: linear-gradient(rgba(255, 123, 41, 0) 0%, rgba(255, 123, 41, .16) 100%);
  --gradient-training-routine-available: linear-gradient(rgba(18, 27, 54, 0) 0%, #121B36 100%);
  --gradient-training-routine-next: linear-gradient(rgba(18, 27, 54, 0) 0%, #0f162d 100%);
  --gradient-training-routine-header: linear-gradient(#F8CA26 0%, #F78640 100%);
  --gradient-premium: linear-gradient(180deg, var(--color-premium-main) 0%, var(--color-premium-secondary) 100%);
  --font-main: "Inter", sans-serif;
  --font-discord: "Roboto", sans-serif;
  --font-corp-site: "Play", sans-serif;
  --font-corp-site-headers: "Apex-mk2", sans-serif;
  --font-exo: "Exo", sans-serif;
  --font-oxanium: "Oxanium", sans-serif;
  --font-shadow-low: 0px 2px 2px rgba(0, 0, 0, .45);
  --font-shadow-high: 0px 4px 4px rgba(0, 0, 0, .45);
  --font-xxxl: 70px;
  --font-xxl: 48px;
  --font-xl: 32px;
  --font-lg: 24px;
  --font-bg: 18px;
  --font-md: 16px;
  --font-sm: 14px;
  --font-xs: 12px;
  --font-bold: 700;
  --font-medium: 500;
  --font-normal: 400;
  --font-semi-bold: 600;
  --radius-lg: 32px;
  --radius-md: 18px;
  --radius-avg: 12px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --radius-xxs: 4px;
  --spacing-xxxl: 168px;
  --spacing-xxl: 84px;
  --spacing-xl: 64px;
  --spacing-lg: 44px;
  --spacing-md: 32px;
  --spacing-sm: 24px;
  --spacing-avg: 16px;
  --spacing-xs: 12px;
  --spacing-xxs: 8px;
  --spacing-xxxs: 6px;
  --spacing-xxxxs: 2px;
  --spacing-negative-avg: -16px;
  --spacing-negative-lg: -44px;
  --spacing-negative-md: -32px;
  --spacing-negative-sm: -24px;
  --spacing-negative-xl: -64px;
  --spacing-negative-xs: -12px;
  --spacing-negative-xxl: -84px;
  --spacing-negative-xxs: -8px;
  --spacing-negative-xxxl: -168px;
  --spacing-negative-xxxs: -6px;
  --spacing-negative-xxxxs: -4px;
  --spacing-negative-xxxxxs: -2px;
  --main-navigation-width: 235px;
  --main-sidebar-width: 460px;
  --z-high: 2147483647;
  --z-100: 100;
  --z-90: 90;
  --z-80: 80;
  --z-70: 70;
  --z-60: 60;
  --z-50: 50;
  --z-40: 40;
  --z-30: 30;
  --z-20: 20;
  --z-10: 10;
  --z-0: 0;
  --z-negative-10: -10;
  --z-negative-20: -20
}

.academy-training-level[data-v-cc346de0] {
  background: -webkit-linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  background: -moz-linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  background: -ms-linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  background: -o-linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  background: linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  border-radius: var(--radius-sm);
  cursor: pointer;
  max-height: 170px;
  max-width: 145px;
  min-height: 170px;
  min-width: 145px;
  opacity: .5;
  padding: var(--spacing-sm);
  transition: .25s
}

.academy-training-level[data-v-cc346de0]:not(.active) {
  border: 1px solid var(--color-skeleton) !important
}

.academy-training-level-medal[data-v-cc346de0] {
  height: 60px;
  position: relative;
  width: 60px
}

.academy-training-level-medal .icon[data-v-cc346de0] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.academy-training-level-title[data-v-cc346de0] {
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.academy-training-level[data-v-cc346de0]:not(.locked):hover,
.academy-training-level.active[data-v-cc346de0] {
  opacity: 1
}

.academy-training-level.locked[data-v-cc346de0] {
  cursor: default
}

.academy-training-level-premium-label[data-v-cc346de0] {
  background: var(--color-premium-main);
  background: var(--gradient-premium);
  background-clip: text;
  -webkit-background-clip: text;
  font-weight: var(--font-semi-bold);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent
}

.contentRow[data-v-758c5dec]:not(.hidden) {
  padding-bottom: var(--spacing-avg)
}

.accordion-row-card[data-v-aaae3896] {
  background: var(--gradient-card);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-background-option-selected);
  color: var(--color-text-category-title);
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  height: 48px;
  text-align: center;
  text-transform: uppercase
}

.accordion-row-card.active[data-v-aaae3896] {
  margin-bottom: var(--spacing-avg)
}

.accordion-row-card.active[data-v-aaae3896] .icon {
  transform: rotate(0)
}

.accordion-row-card .icon[data-v-aaae3896] {
  transform: rotate(180deg)
}

.accordion-row-card span[data-v-aaae3896] {
  padding-left: var(--spacing-sm)
}

.accordion-row-card[data-v-aaae3896]:not(.active) {
  background: 0 0
}

.accordion-row-card[data-v-aaae3896]:not(.active) .icon svg {
  fill: var(--color-text-default)
}

.accordion-row-list-item[data-v-90f729d6] {
  padding: 15px 0
}

.accordion-row-list-item .title[data-v-90f729d6] {
  font-size: var(--font-md);
  font-weight: var(--font-bold)
}

.accordion-row-list-item .title[data-v-90f729d6]:before {
  content: "\2022";
  color: var(--color-info);
  margin-right: var(--spacing-avg);
  user-select: none
}

.accordion-row-list-item[data-v-90f729d6] .button:not(.nochildren) {
  max-width: 40px;
  min-width: 40px
}

.aim-rank[data-v-6327634d] {
  background: var(--gradient-secondary-inverted);
  border-radius: var(--spacing-xxs);
  border: 2px solid var(--color-skeleton);
  height: 276px;
  position: relative;
  width: 405px
}

.aim-rank h2[data-v-6327634d] {
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  text-align: center;
  text-transform: capitalize
}

.aim-rank-badge-bg[data-v-6327634d] {
  filter: blur(3px);
  left: 70%;
  opacity: .1;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: var(--z-0)
}

.aim-rank-position[data-v-6327634d] {
  background-color: rgba(var(--color-aim-rank-position-rgb), .33);
  border-radius: var(--spacing-xxs);
  max-height: 40px;
  max-width: max-content;
  min-width: 150px;
  padding: var(--spacing-xs);
  position: relative;
  text-align: center
}

.aim-rank-position .formatted-number[data-v-6327634d] {
  margin-right: 12px
}

.aim-rank-position .icon[data-v-6327634d]:last-child {
  margin-right: 32px
}

.aim-rank-position-completion[data-v-6327634d] {
  font-weight: var(--font-bold);
  font-size: var(--font-lg)
}

.aim-rank-ranking[data-v-6327634d] {
  width: 100%
}

.aim-rank .progress-bar-circle[data-v-6327634d] {
  left: var(--spacing-md);
  position: absolute;
  top: var(--spacing-md)
}

.aim-rank-skill-completion[data-v-6327634d] {
  min-height: 40px;
  width: 100%
}

.aim-rank-skill-completion>*[data-v-6327634d] {
  border: 2px solid var(--color-skeleton);
  opacity: .5
}

.aim-rank-skill-completion>* .icon[data-v-6327634d] {
  mix-blend-mode: overlay
}

.aim-rank-skill-completion>*[data-v-6327634d]:first-child {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm)
}

.aim-rank-skill-completion>*[data-v-6327634d]:last-child {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0
}

.aim-rank-skill-completion .flicking[data-v-6327634d] {
  background-color: var(--color-flicking)
}

.aim-rank-skill-completion .clicking[data-v-6327634d] {
  background-color: var(--color-clicking)
}

.aim-rank-skill-completion .tracking[data-v-6327634d] {
  background-color: var(--color-tracking)
}

.aim-rank-skill-completion .switching[data-v-6327634d] {
  background-color: var(--color-switching)
}

.alert[data-v-55740eb8] {
  background-color: var(--color-background-primary);
  border-radius: var(--radius-md)
}

.alert p[data-v-55740eb8] {
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold);
  line-height: 16px
}

.alert-error p[data-v-55740eb8] {
  color: var(--color-danger)
}

.alert-info p[data-v-55740eb8] {
  color: var(--color-info)
}

.alert-success p[data-v-55740eb8] {
  color: var(--color-success)
}

.alert-warning p[data-v-55740eb8] {
  color: var(--color-warning)
}

.alert.sm[data-v-55740eb8] {
  background-color: var(--color-background-primary);
  font-weight: var(--font-semi-bold);
  padding: var(--spacing-xxs) var(--spacing-md) !important
}

.alert.sm h3[data-v-55740eb8] {
  font-size: var(--font-sm)
}

.alert.sm p[data-v-55740eb8] {
  font-size: var(--font-xs);
  font-weight: var(--font-medium)
}

.alert.sm a[data-v-55740eb8] {
  color: var(--color-text-default);
  font-size: var(--font-sm);
  text-decoration: underline
}

.alert-icon[data-v-fdbf05da] {
  border-radius: var(--radius-xs);
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px
}

.alert-icon-error[data-v-fdbf05da] {
  background-color: var(--color-danger)
}

.alert-icon-info[data-v-fdbf05da] {
  background-color: var(--color-info)
}

.alert-icon-success[data-v-fdbf05da] {
  background-color: var(--color-success)
}

.alert-icon-warning[data-v-fdbf05da] {
  background-color: var(--color-warning)
}

.assessment-skill.disabled[data-v-12115fd8] {
  pointer-events: none
}

.assessment-skill.disabled .assessment-skill-badge[data-v-12115fd8],
.assessment-skill.disabled .assessment-skill-subs[data-v-12115fd8] {
  opacity: .25
}

.assessment-skill-badge-rt[data-v-12115fd8] {
  color: var(--color-text-secondary);
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.assessment-skill-badge-rt-title[data-v-12115fd8] {
  color: var(--color-text-default);
  height: var(--font-lg);
  text-transform: capitalize
}

.assessment-skill-badge[data-v-12115fd8] .progress-bar {
  width: 100px;
  margin-bottom: var(--spacing-xs)
}

.assessment-skill-badge[data-v-12115fd8] .progress-bar.no-description {
  margin-top: var(--spacing-xxs)
}

.assessment-skill-badge[data-v-12115fd8] .progress-bar :deep(.background) {
  height: 12px;
  max-height: 12px
}

.assessment-skill-badge[data-v-12115fd8] .progress-bar :deep(.background) .bar {
  height: 12px
}

.assessment-skill-name[data-v-12115fd8] {
  color: var(--color-text-secondary);
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  text-transform: capitalize
}

.assessment-skill-subtitle[data-v-12115fd8] {
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold)
}

.assessment-skill-subtitle span[data-v-12115fd8] {
  color: var(--color-text-secondary);
  text-transform: capitalize
}

.assessment-skill-subtitle .icon[data-v-12115fd8] {
  transform: rotate(90deg);
  margin: 0 var(--spacing-xxxs);
  margin-top: 2px
}

.assessment-skill-subs[data-v-12115fd8] {
  display: grid;
  grid-column-gap: var(--spacing-xs);
  grid-row-gap: var(--spacing-xs);
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-bottom: var(--spacing-avg)
}

.assessment-skill-subs .assessment-skill-subs-sub[data-v-12115fd8] {
  border-radius: var(--radius-sm);
  cursor: pointer;
  height: 70px;
  padding: 0;
  position: relative;
  width: 100%
}

.assessment-skill-subs .assessment-skill-subs-sub.disabled[data-v-12115fd8] {
  opacity: .25;
  pointer-events: none
}

.assessment-skill-subs .assessment-skill-subs-sub[data-v-12115fd8] .content-detail-content {
  background: var(--gradient-skill-subs-vertical);
  border-radius: var(--radius-sm);
  line-height: var(--font-bg)
}

.assessment-skill-subs .assessment-skill-subs-sub[data-v-12115fd8] .content-detail-content .subskill-value {
  height: var(--font-md)
}

.assessment-skill-subs .assessment-skill-subs-sub[data-v-12115fd8]:hover {
  border-width: 2px !important
}

.assessment-skill .button[data-v-12115fd8]:not(.nochildren) {
  width: 100%
}

.assessment-skill .button[data-v-12115fd8] {
  height: 40px;
  text-transform: uppercase
}

.auth-alert[data-v-19419b7a] {
  left: 50%;
  position: absolute;
  top: calc(100% + var(--spacing-xl));
  transform: translate(-50%);
  width: 377px
}

.pop-up-content {
  max-width: 530px !important;
  padding: var(--spacing-md) !important
}

.backdrop[data-v-734ad573] {
  backdrop-filter: blur(6px);
  background-color: var(--color-backdrop-background)
}

.badge[data-v-0578a100] {
  position: relative;
  user-select: none
}

.badge-highlight[data-v-0578a100] {
  filter: blur(8px);
  left: 0;
  opacity: .3;
  position: absolute;
  right: 0;
  top: 20%
}

.bar-chart[data-v-405b6ef9] {
  max-width: 120px
}

.button[data-v-35ce575a] {
  align-items: center;
  border-radius: var(--radius-sm);
  border: none;
  cursor: pointer;
  flex-direction: column;
  font-family: var(--font-main);
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  justify-content: center;
  margin: 0;
  outline: none;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-transform: uppercase;
  user-select: none;
  writing-mode: horizontal-tb
}

.button.sm[data-v-35ce575a] {
  max-height: 40px;
  min-height: 40px;
  min-width: 40px
}

.button.avg[data-v-35ce575a] {
  max-height: 48px;
  min-height: 48px;
  min-width: 48px
}

.button.lg[data-v-35ce575a] {
  max-height: 64px;
  min-height: 64px;
  min-width: 64px;
  font-size: var(--font-bg)
}

.button.nochildren[data-v-35ce575a] {
  width: 48px
}

.button[data-v-35ce575a]:not(.nochildren) {
  min-width: 130px;
  padding: 10px 20px;
  width: auto;
  flex-grow: 1
}

.button:not(.nochildren) .content[data-v-35ce575a] {
  gap: var(--spacing-xxxs)
}

.button>span[data-v-35ce575a] {
  pointer-events: none;
  text-transform: uppercase
}

.button.accordionItem[data-v-35ce575a] {
  height: 40px;
  width: 40px;
  font-size: 28px;
  font-weight: var(--font-normal)
}

.button.accordionCard[data-v-35ce575a] {
  color: var(--color-amaranth);
  background-color: transparent
}

.button.filterChecked[data-v-35ce575a] {
  color: var(--color-info);
  background-color: var(--color-background-info);
  box-shadow: 0 0 0 2px inset var(--color-info)
}

.button.negative[data-v-35ce575a] {
  color: var(--color-background-primary);
  background-color: #fff
}

.button.filter[data-v-35ce575a] {
  color: var(--color-info);
  background-color: var(--color-background-info);
  border: none
}

.button.filter .content[data-v-35ce575a] {
  opacity: .55
}

.button.filter.active:enabled .content[data-v-35ce575a],
.button.filter:hover:enabled .content[data-v-35ce575a] {
  opacity: 1
}

.button.filterTrigger[data-v-35ce575a] {
  color: var(--color-info);
  background-color: transparent;
  box-shadow: 0 0 0 2px inset var(--color-info)
}

.button.filterTrigger.active[data-v-35ce575a]:enabled,
.button.filterTrigger[data-v-35ce575a]:hover:enabled {
  background-color: var(--color-background-info)
}

.button.alternative[data-v-35ce575a] {
  color: var(--color-text-darker);
  background-color: transparent;
  box-shadow: 0 0 0 2px inset var(--color-skeleton-bright)
}

.button.alternative.active[data-v-35ce575a]:enabled,
.button.alternative[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-skeleton-darker)
}

.button.secondary[data-v-35ce575a] {
  color: var(--color-amaranth);
  background-color: var(--color-amaranth-secondary);
  border: none
}

.button.secondary.active[data-v-35ce575a]:enabled,
.button.secondary[data-v-35ce575a]:hover:enabled {
  color: var(--color-amaranth);
  background-color: var(--color-amaranth-secondary-bright)
}

.button.primary[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-amaranth);
  box-shadow: none
}

.button.primary.active[data-v-35ce575a]:enabled,
.button.primary[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-amaranth-bright)
}

.button.flicking[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-flicking);
  box-shadow: none
}

.button.flicking.active[data-v-35ce575a]:enabled,
.button.flicking[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-flicking)
}

.button.flickingSecondary[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-flicking-secondary);
  box-shadow: none
}

.button.flickingSecondary.active[data-v-35ce575a]:enabled,
.button.flickingSecondary[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-flicking-secondary)
}

.button.clicking[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-clicking);
  box-shadow: none
}

.button.clicking.active[data-v-35ce575a]:enabled,
.button.clicking[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-clicking)
}

.button.clickingSecondary[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-clicking-secondary);
  box-shadow: none
}

.button.clickingSecondary.active[data-v-35ce575a]:enabled,
.button.clickingSecondary[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-clicking-secondary)
}

.button.switching[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-switching);
  box-shadow: none
}

.button.switching.active[data-v-35ce575a]:enabled,
.button.switching[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-switching)
}

.button.switchingSecondary[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-switching-secondary);
  box-shadow: none
}

.button.switchingSecondary.active[data-v-35ce575a]:enabled,
.button.switchingSecondary[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-switching-secondary)
}

.button.tracking[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-tracking);
  box-shadow: none
}

.button.tracking.active[data-v-35ce575a]:enabled,
.button.tracking[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-tracking)
}

.button.trackingSecondary[data-v-35ce575a] {
  color: var(--color-text-default);
  background-color: var(--color-tracking-secondary);
  box-shadow: none
}

.button.trackingSecondary.active[data-v-35ce575a]:enabled,
.button.trackingSecondary[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background-color: var(--color-tracking-secondary)
}

.button.premium[data-v-35ce575a] {
  background: var(--gradient-premium);
  box-shadow: none;
  color: var(--color-text-default)
}

.button.premium.active[data-v-35ce575a]:enabled,
.button.premium[data-v-35ce575a]:hover:enabled {
  background: var(--gradient-premium);
  color: var(--color-text-default);
  opacity: .9
}

.button.premium-secondary[data-v-35ce575a] {
  background: rgba(var(--color-premium-main-rgb), .5);
  box-shadow: none;
  color: var(--color-premium-main)
}

.button.premium-secondary.active[data-v-35ce575a]:enabled,
.button.premium-secondary[data-v-35ce575a]:hover:enabled {
  background: var(--gradient-premium);
  color: var(--color-text-default)
}

.button.shortSkew[data-v-35ce575a] {
  transform: matrix(1, 0, -.1, 1, 0, 0)
}

.button.shortSkew>span[data-v-35ce575a] {
  transform: matrix(1, 0, .1, 1, 0, 0)
}

.button.largeSkew[data-v-35ce575a] {
  transform: matrix(.97, 0, -.27, 1, 0, 0)
}

.button.largeSkew>span[data-v-35ce575a] {
  transform: matrix(1.03, 0, .27, 1, 0, 0)
}

.button.collapsed[data-v-35ce575a] {
  border-radius: 0
}

.button[data-v-35ce575a]:disabled,
.button[aria-disabled=true][data-v-35ce575a] {
  opacity: .25;
  pointer-events: none;
  cursor: default
}

.button.discord[data-v-35ce575a] {
  background: linear-gradient(180deg, var(--color-discord-primary) 0%, var(--color-discord-secondary) 100%);
  border-radius: var(--radius-xxs);
  box-shadow: 16px 8px 8px #00000040;
  color: var(--color-text-default);
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  max-height: 64px;
  min-height: 64px;
  padding: var(--spacing-sm);
  text-transform: uppercase
}

.button.discord[data-v-35ce575a]:hover:enabled {
  color: var(--color-text-default);
  background: linear-gradient(180deg, var(--color-discord-primary-hover) 0%, var(--color-discord-secondary-hover) 100%)
}

.button.discord.active[data-v-35ce575a]:enabled,
.button.discord[data-v-35ce575a]:active {
  background: linear-gradient(180deg, var(--color-discord-primary-active) 0%, var(--color-discord-secondary-active) 100%)
}

.button.hub[data-v-35ce575a] {
  border: 2px solid;
  border-image: url(data:image/webp;base64,UklGRmYBAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSJYAAAANcFtr25q8SXDrdYek5TCED5IJcjIB7c8IDiM4daosgHfuNsCL00SEIreNIs8KZ/gEVCMFXjRNSy0U8xuagLB1QwxdoDl14o1U1gWieauGFZhxOoRwo8JNfgB3rrvEP7z+68//8Af6t/yQuEMC5BuV/Pzt93P4B7/70OFE5PKgKXrTE6/CyaZpxwdEiYVm6Y1SgHdoagBWUDggqgAAADAHAJ0BKkAAQAA+fTKTR6SjIaE36ACQD4llANEZ+BZGw/P8lkDUYbkO/tLQAoOIWVSpb4MD5Abk7PWjf4iOlEA+QAD+9J1SBfdfL3ER0Ef8wCfxW8/m/fX7Icw8wHYKxCGCyla9YUs43CqnfdzTGFHcXzQSnlO8lReiDOXOxulK75Wr9e3wD93yQ6l0Ojhm6m4WGXCh99pAVs60IPY4Ar4fN0Scg3pvMBAA);
  backdrop-filter: blur(8px);
  border-image-slice: 2;
  border-radius: var(--radius-xxs);
  box-shadow: 16px 8px 8px #00000040;
  color: var(--color-button-hub-text);
  font-size: var(--font-lg);
  max-height: 64px;
  min-height: 64px;
  min-width: 64px;
  position: relative;
  text-shadow: 0 0 4px rgba(var(--color-button-hub-text-rgb), .4), 0 5px 3px rgba(var(--color-button-hub-text-rgb), .4);
  text-transform: uppercase;
  z-index: var(--z-0)
}

.button.hub[data-v-35ce575a]:after {
  background: linear-gradient(180deg, rgba(var(--color-button-hub-main-rgb), .65) 11.72%, rgba(var(--color-button-hub-sub-rgb), .65) 111.72%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--z-negative-10)
}

.button.hub span[data-v-35ce575a]:after {
  background: blue;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.button.hub[data-v-35ce575a]:hover:enabled {
  border: 2px solid var(--color-amaranth);
  box-shadow: 0 0 5px 0 var(--color-amaranth), inset 0 0 5px 0 var(--color-amaranth);
  color: var(--color-text-default);
  text-shadow: 0 0 4px rgba(var(--color-text-default-rgb), .4), 0 5px 3px rgba(var(--color-text-default-rgb), .4)
}

.button.hub:hover:enabled .icon[data-v-35ce575a] {
  filter: drop-shadow(0 5px 2px rgba(var(--color-text-default-rgb), .5))
}

.button.circle[data-v-35ce575a] {
  background: var(--gradient-primary);
  border-radius: 100%;
  max-height: 48px;
  max-width: 48px;
  min-height: 48px;
  min-width: 48px;
  padding: var(--spacing-xxxxs)
}

.button.circle>span[data-v-35ce575a] {
  background: var(--gradient-primary);
  border-radius: 100%;
  height: 100%;
  min-height: 44px;
  min-width: 44px;
  width: 100%
}

.button.circle.active[data-v-35ce575a] {
  background: var(--gradient-amaranth-transparent)
}

.card.highlighted[data-v-0af98568],
.card.highlighted-premium[data-v-0af98568] {
  backdrop-filter: blur(8px);
  border-radius: var(--radius-sm);
  border: 3px solid var(--color-info);
  box-shadow: inset 0 0 5px var(--color-info), 0 0 5px var(--color-info);
  position: relative;
  background: linear-gradient(180deg, var(--color-card-highlighted-background) 0%, var(--color-card-highlighted-background-dark) 0%, rgba(var(--color-card-highlighted-background-rgb), .24) .01%, transparent 100%);
  z-index: var(--z-0)
}

.card.highlighted[data-v-0af98568]:after,
.card.highlighted-premium[data-v-0af98568]:after {
  border: 3px solid var(--color-info);
  bottom: var(--spacing-negative-avg);
  content: "";
  filter: blur(4px);
  left: var(--spacing-avg);
  opacity: .33;
  position: absolute;
  right: var(--spacing-negative-avg);
  top: var(--spacing-avg);
  z-index: var(--z-negative-10)
}

.card.highlighted-premium[data-v-0af98568] {
  border: 3px solid var(--color-premium-main);
  box-shadow: inset 0 0 5px var(--color-premium-main), 0 0 5px var(--color-premium-main);
  background: linear-gradient(180deg, rgba(var(--color-premium-main-rgb), .16) 0%, transparent 100%)
}

.card.highlighted-premium[data-v-0af98568]:after {
  border: 3px solid var(--color-premium-main)
}

.chart-label[data-v-f03a794e] {
  font-family: var(--font-main);
  font-size: var(--font-sm);
  text-anchor: middle;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  fill: var(--color-text-default)
}

.chart-label.highlighted-own>.own[data-v-f03a794e] {
  fill: var(--color-generic-positive)
}

.chart-label.highlighted-rival>.rival[data-v-f03a794e] {
  fill: var(--color-generic-negative)
}

.chart-label tspan.skill[data-v-f03a794e] {
  font-weight: 600;
  fill: var(--color-text-secondary)
}

.checkbox[data-v-15c8e9a8] {
  color: var(--color-text-secondary);
  cursor: pointer;
  font-size: var(--font-md);
  font-weight: var(--font-medium);
  height: 24px;
  padding-left: 34px;
  position: relative;
  transition: .5s;
  user-select: none
}

.checkbox.disabled[data-v-15c8e9a8] {
  cursor: default;
  opacity: .5
}

.checkbox.disabled[data-v-15c8e9a8]:hover {
  color: var(--color-text-secondary)
}

.checkbox.disabled input[data-v-15c8e9a8]:disabled {
  opacity: 0
}

.checkbox[data-v-15c8e9a8]:hover {
  color: var(--color-text-default)
}

.checkbox input[data-v-15c8e9a8] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.checkbox input:checked~.checkmark[data-v-15c8e9a8] {
  background-color: var(--color-amaranth)
}

.checkbox input:checked~.checkmark .icon[data-v-15c8e9a8] {
  opacity: 1
}

.checkbox input[data-v-15c8e9a8]:disabled {
  opacity: .5
}

.checkbox:hover input:checked~.checkmark[data-v-15c8e9a8] {
  background-color: var(--color-amaranth)
}

.checkbox .checkmark[data-v-15c8e9a8] {
  border-radius: var(--radius-xxs);
  border: 2px solid var(--color-amaranth);
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  transition: .5s;
  width: 24px
}

.checkbox .checkmark .icon[data-v-15c8e9a8] {
  opacity: 0
}

.close-button[data-v-a2b45f2c] {
  background: linear-gradient(180deg, #171f3f 0%, #131934 100%);
  border-radius: 50%;
  border: none;
  color: inherit;
  font: inherit;
  height: 34px;
  max-height: 34px !important;
  max-width: 34px;
  min-height: 34px !important;
  min-width: 34px !important;
  outline: inherit;
  padding: 0 !important;
  width: 34px
}

.connector[data-v-7979ba12] {
  border-style: solid;
  position: relative;
  z-index: var(--z-10)
}

.connector .dot-start[data-v-7979ba12],
.connector .dot-end[data-v-7979ba12] {
  border-radius: 100%;
  height: 0;
  position: absolute;
  width: 0;
  z-index: var(--z-10)
}

.connector .dot-start[data-v-7979ba12]:before,
.connector .dot-start[data-v-7979ba12]:after,
.connector .dot-end[data-v-7979ba12]:before,
.connector .dot-end[data-v-7979ba12]:after {
  border-radius: 100%;
  content: "";
  position: absolute
}

.connector .dot-start[data-v-7979ba12]:before,
.connector .dot-end[data-v-7979ba12]:before {
  background-color: inherit;
  border-color: inherit;
  border-style: solid;
  border-width: 2px;
  height: 14px;
  left: -9px;
  top: -9px;
  width: 14px;
  z-index: var(--z-10)
}

.connector .dot-start[data-v-7979ba12]:after,
.connector .dot-end[data-v-7979ba12]:after {
  background: var(--color-background-homepage-light);
  height: 30px;
  left: -15px;
  top: -15px;
  width: 30px;
  z-index: var(--z-negative-10)
}

.connector.line[data-v-7979ba12] {
  border-top-width: 2px;
  height: 2px;
  width: 100%
}

.connector.line .dot-start[data-v-7979ba12],
.connector.line .dot-end[data-v-7979ba12] {
  top: -1px
}

.connector.line .dot-start[data-v-7979ba12] {
  left: -1px
}

.connector.line .dot-end[data-v-7979ba12] {
  right: -1px
}

.connector.corner-bottom-left[data-v-7979ba12],
.connector.corner-bottom-right[data-v-7979ba12] {
  height: 100%;
  width: 100%
}

.connector.corner-bottom-left[data-v-7979ba12] {
  border-bottom-left-radius: var(--radius-sm);
  border-bottom-width: 2px;
  border-left-width: 2px
}

.connector.corner-bottom-left .dot-start[data-v-7979ba12] {
  left: -1px;
  top: -1px
}

.connector.corner-bottom-left .dot-end[data-v-7979ba12] {
  bottom: -1px;
  right: -1px
}

.connector.corner-bottom-right[data-v-7979ba12] {
  border-bottom-right-radius: var(--radius-sm);
  border-bottom-width: 2px;
  border-right-width: 2px
}

.connector.corner-bottom-right .dot-start[data-v-7979ba12] {
  bottom: -1px;
  left: -1px
}

.connector.corner-bottom-right .dot-end[data-v-7979ba12] {
  right: -1px;
  top: -1px
}

.content-detail[data-v-52fef03a] {
  border-radius: var(--radius-avg);
  height: max-content;
  padding: 2px;
  width: max-content
}

.content-detail-content[data-v-52fef03a] {
  background: var(--gradient-secondary);
  border-radius: var(--radius-avg);
  height: 100%;
  width: 100%
}

.dropdown[data-v-63c58104] {
  position: relative
}

.dropdown .header[data-v-63c58104] {
  background-color: var(--color-background-secondary);
  border-radius: var(--radius-sm);
  border: 1.5px solid var(--color-skeleton);
  cursor: pointer;
  max-height: 50px;
  padding: var(--spacing-avg);
  padding-left: var(--spacing-xs);
  user-select: none
}

.dropdown .header .prepended-icon[data-v-63c58104] {
  padding-right: calc(var(--spacing-xs) + 1px);
  position: relative
}

.dropdown .header .prepended-icon[data-v-63c58104]:after {
  background-color: var(--color-skeleton);
  content: "";
  height: 50px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.dropdown .header .title[data-v-63c58104] {
  font-size: var(--font-md);
  color: var(--color-text-secondary);
  font-weight: var(--font-semi-bold);
  overflow: hidden
}

.with-value.dropdown .header .title[data-v-63c58104] {
  color: var(--color-default-foreground)
}

.dropdown .header .title>p[data-v-63c58104] {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dropdown .header .chevron[data-v-63c58104] {
  fill: var(--color-option-chevron-disabled);
  transition: transform .1s linear
}

.open.dropdown .header .chevron[data-v-63c58104] {
  transform: scaleY(-1)
}

.open.dropdown .header[data-v-63c58104],
.dropdown .header[data-v-63c58104]:hover,
.dropdown .header[data-v-63c58104]:active,
.dropdown .header[data-v-63c58104]:focus {
  border-color: var(--color-amaranth)
}

.open.dropdown .header .prepended-icon[data-v-63c58104]:after,
.dropdown .header:hover .prepended-icon[data-v-63c58104]:after,
.dropdown .header:active .prepended-icon[data-v-63c58104]:after,
.dropdown .header:focus .prepended-icon[data-v-63c58104]:after {
  background-color: var(--color-amaranth)
}

.open.dropdown .header .title[data-v-63c58104],
.dropdown .header:hover .title[data-v-63c58104],
.dropdown .header:active .title[data-v-63c58104],
.dropdown .header:focus .title[data-v-63c58104] {
  color: var(--color-default-foreground)
}

.open.dropdown .header .chevron[data-v-63c58104],
.dropdown .header:hover .chevron[data-v-63c58104],
.dropdown .header:active .chevron[data-v-63c58104],
.dropdown .header:focus .chevron[data-v-63c58104] {
  fill: var(--color-default-foreground)
}

.dropdown .dropdown-option-list[data-v-63c58104]:not(.open) {
  display: none
}

.dropdown-option[data-v-3083a50d] {
  color: var(--color-default-foreground);
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  padding: var(--spacing-avg) var(--spacing-sm)
}

.dropdown-option span[data-v-3083a50d] {
  color: var(--color-text-option-aditional-info);
  margin-left: var(--spacing-xxs);
  pointer-events: none
}

.dropdown-option.selected[data-v-3083a50d],
.dropdown-option[data-v-3083a50d]:hover {
  background-color: var(--color-background-option-selected)
}

.dropdown-option-list[data-v-a0f6fa44] {
  background-color: var(--color-background-secondary);
  border-radius: var(--radius-sm);
  border: 1.5px solid var(--color-skeleton);
  box-shadow: 0 4px 8px #00000054;
  left: 0;
  margin-top: var(--spacing-xxxs);
  max-height: 260px;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 50px;
  user-select: none;
  z-index: var(--z-10)
}

.dropdown-option-list.with-overlay[data-v-a0f6fa44]:not(.scrolled-bottom):after {
  display: flex;
  position: sticky;
  left: 8px;
  bottom: -1px;
  min-height: 52.5px;
  width: calc(100% - 20px);
  content: "";
  background: linear-gradient(180deg, transparent 0%, var(--color-background-secondary) 85%);
  pointer-events: none
}

.faq[data-v-53e19b58] {
  width: 100%
}

.faq[data-v-53e19b58] .accordion-row-list-item .title {
  font-size: var(--font-bg)
}

.faq[data-v-53e19b58] .contentRow * {
  font-size: var(--font-md) !important
}

.faq-header[data-v-53e19b58] {
  max-width: 100%
}

.faq .category-container[data-v-53e19b58] {
  width: 100%
}

.faq .faq-tab[data-v-53e19b58] {
  margin-bottom: var(--spacing-md);
  margin-top: var(--spacing-sm);
  max-width: 100%;
  overflow: auto
}

.faq .faq-tab[data-v-53e19b58] .button {
  background: 0 0;
  border-top-left-radius: var(--radius-avg);
  border-top-right-radius: var(--radius-avg);
  color: var(--color-text-secondary);
  max-width: 220px;
  min-height: 110px;
  min-width: 220px
}

.faq .faq-tab[data-v-53e19b58] .button span {
  background-color: var(--color-background-homepage-dark);
  border-top-left-radius: var(--radius-avg);
  border-top-right-radius: var(--radius-avg);
  flex-direction: column;
  font-size: var(--font-bg);
  height: 100%;
  justify-content: space-between;
  padding: var(--spacing-xs);
  width: 100%
}

.faq .faq-tab[data-v-53e19b58] .button.active,
.faq .faq-tab[data-v-53e19b58] .button:hover {
  background: var(--gradient-amaranth-transparent)
}

.forgot-password-button[data-v-737686fa] {
  max-width: 217px
}

.forgot-password-description[data-v-737686fa] {
  color: var(--color-text-category-title);
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold);
  text-align: center;
  width: 452px
}

.forgot-password h2[data-v-737686fa] {
  color: var(--color-text-default);
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.forgot-password .back-button[data-v-737686fa] {
  max-width: 130px
}

.form .header[data-v-0f3e7bd8] {
  margin-bottom: var(--spacing-sm);
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.form .footer[data-v-0f3e7bd8] {
  font-size: var(--font-sm);
  margin-top: var(--spacing-sm)
}

.formatted-number[data-v-6fc67426] {
  font-weight: var(--font-semi-bold);
  width: max-content
}

.formatted-number .unit[data-v-6fc67426] {
  margin-left: var(--spacing-xxxxs);
  text-transform: lowercase
}

.get-premium-badge[data-v-976fe562] {
  background-image: url(https://cdn.3daimtrainer.com/images/generic/premium-badge.webp);
  left: -51.5px;
  min-height: 104px;
  min-width: 103px;
  position: absolute;
  top: -52px;
  transform: rotate(-32deg)
}

.get-premium-column[data-v-976fe562] {
  background: var(--color-skeleton-bright);
  backdrop-filter: blur(16px);
  border-radius: var(--radius-md);
  height: 472px;
  position: relative;
  width: 262px;
  z-index: var(--z-0)
}

.get-premium-column[data-v-976fe562]:after {
  background: var(--gradient-form-background);
  border-radius: 17px;
  bottom: 2px;
  content: "";
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: var(--z-negative-10)
}

.get-premium-column.featured[data-v-976fe562] {
  box-shadow: 0 15px 30px -20px var(--color-premium-secondary);
  height: 500px
}

.get-premium-column.premium[data-v-976fe562] {
  background: var(--gradient-premium)
}

.get-premium-column h3[data-v-976fe562] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold);
  height: max-content;
  text-transform: uppercase
}

.get-premium-column h3.premium[data-v-976fe562] {
  background: var(--color-premium-main);
  background: var(--gradient-premium);
  font-weight: var(--font-semi-bold);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.get-premium-column a[data-v-976fe562] {
  background: var(--color-premium-main);
  background: var(--gradient-premium);
  background-clip: text;
  border-bottom: 1px solid var(--color-premium-secondary);
  font-size: var(--font-sm);
  font-weight: var(--font-medium);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.get-premium-pricing .price[data-v-976fe562] {
  color: var(--color-text-default);
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  position: relative
}

.get-premium-pricing .price[data-v-976fe562]:after {
  background-color: var(--color-text-default);
  content: "";
  height: 2px;
  left: -5px;
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%)
}

.get-premium-pricing .promo[data-v-976fe562] {
  background: var(--color-premium-main);
  background: var(--gradient-premium);
  background-clip: text;
  font-size: var(--font-xl);
  font-weight: var(--font-bold);
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.get-premium-pricing .billed[data-v-976fe562] {
  color: var(--color-text-default);
  font-size: var(--font-xs);
  font-weight: var(--font-medium)
}

.hub-nav[data-v-654b2593] {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  gap: var(--spacing-avg);
  max-height: max-content;
  max-width: max-content
}

.hub-nav-item[data-v-9fbb4e70] {
  border-radius: var(--radius-sm);
  border: 2px solid rgba(29, 38, 78, .66);
  box-shadow: 16px 8px 8px #0000003d;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  height: 80px;
  justify-content: flex-end;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: .5s;
  width: 415px
}

.hub-nav-item-border[data-v-9fbb4e70] {
  background: linear-gradient(0, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .66) 50%, rgba(255, 255, 255, 0) 100%);
  height: 80px;
  left: 158px;
  opacity: .75;
  position: absolute;
  width: 2px;
  z-index: var(--z-20)
}

.hub-nav-item-image[data-v-9fbb4e70] {
  background-position: center;
  background-size: cover;
  border-radius: var(--radius-sm);
  bottom: 0;
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: var(--z-0)
}

.hub-nav-item-label-bg[data-v-9fbb4e70],
.hub-nav-item-label-text[data-v-9fbb4e70] {
  height: 80px;
  width: 160px
}

.hub-nav-item-label-text[data-v-9fbb4e70] {
  color: var(--color-text-default);
  font-size: var(--font-bg);
  bottom: 0;
  font-weight: var(--font-bold);
  left: 0;
  position: absolute;
  right: 0;
  text-shadow: 0 3px 2px rgba(0, 0, 0, .33);
  transition: .5s;
  z-index: var(--z-30)
}

.hub-nav-item-label-bg[data-v-9fbb4e70] {
  background: linear-gradient(180deg, var(--color-hub-link-main) 0%, var(--color-hub-link-secondary) 100%);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  position: relative;
  transition: .5s;
  z-index: var(--z-10)
}

.hub-nav-item-notif[data-v-9fbb4e70] {
  background: linear-gradient(180deg, #2680f5 0%, #0e3f7e 100%);
  border-radius: 100%;
  border: 5px solid #13172c;
  bottom: 18px;
  color: var(--color-text-default);
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  height: 41px;
  position: absolute;
  right: -20px;
  width: 41px;
  z-index: var(--z-10)
}

.hub-nav-item[data-v-9fbb4e70]:before,
.hub-nav-item[data-v-9fbb4e70]:after {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.hub-nav-item[data-v-9fbb4e70]:before {
  background-image: url(https://cdn.3daimtrainer.com/images/generic/hub-navigation-texture-overlay.webp);
  content: "";
  opacity: .5;
  z-index: var(--z-20)
}

.hub-nav-item[data-v-9fbb4e70]:after {
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 25%);
  border-radius: var(--radius-sm);
  z-index: var(--z-10)
}

.hub-nav-item.active[data-v-9fbb4e70],
.hub-nav-item[data-v-9fbb4e70]:hover {
  border-radius: var(--radius-avg);
  border: 4px solid var(--color-hub-link-main);
  height: 415px;
  width: 415px
}

.hub-nav-item.active[data-v-9fbb4e70]:after,
.hub-nav-item[data-v-9fbb4e70]:hover:after {
  content: ""
}

.hub-nav-item.active>.hub-nav-item-label-bg[data-v-9fbb4e70],
.hub-nav-item.active>.hub-nav-item-label-text[data-v-9fbb4e70],
.hub-nav-item:hover>.hub-nav-item-label-bg[data-v-9fbb4e70],
.hub-nav-item:hover>.hub-nav-item-label-text[data-v-9fbb4e70] {
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  font-size: var(--font-lg);
  width: 100%
}

.hub-nav-item.active .hub-nav-item-border[data-v-9fbb4e70],
.hub-nav-item:hover .hub-nav-item-border[data-v-9fbb4e70] {
  bottom: -127px;
  height: 411px;
  left: 50%;
  transform: rotate(-90deg)
}

.hub-nav-item.dark .hub-nav-item-label-bg[data-v-9fbb4e70] {
  background: linear-gradient(180deg, var(--color-hub-link-dark-main) 0%, var(--color-hub-link-dark-secondary) 100%)
}

.hub-nav-item.premium .hub-nav-item-label-bg[data-v-9fbb4e70] {
  background: linear-gradient(180deg, var(--color-hub-link-premium-main) 0%, var(--color-hub-link-premium-secondary) 100%)
}

.icon:not(.original) svg * {
  fill: inherit
}

.icon.squared {
  background: var(--gradient-stat-background);
  border-radius: var(--radius-xxs);
  border: 1px solid var(--color-stat-border);
  color: var(--color-stat-icon)
}

.icon.squared.selected {
  color: var(--color-text-default)
}

.info-tooltip[data-v-7deb751b] {
  position: relative;
  color: var(--color-text-secondary)
}

.info-tooltip[data-v-7deb751b]:hover,
.info-tooltip.active[data-v-7deb751b] {
  color: var(--color-text-default)
}

.info-tooltip-content[data-v-7deb751b] {
  background-color: var(--color-background-primary);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: var(--font-xs);
  font-weight: var(--font-medium);
  height: auto;
  line-height: 18px;
  max-width: 300px;
  overflow: hidden;
  padding: var(--spacing-avg);
  text-align: center;
  top: 26px;
  transform-origin: top left;
  transform: scale(1);
  transition: .5s;
  width: max-content;
  z-index: var(--z-10)
}

.info-tooltip-content.collapsed[data-v-7deb751b] {
  max-height: 0;
  transform: scale(0)
}

.info-tooltip .icon[data-v-7deb751b] {
  cursor: pointer
}

.message-pop-up-enter-active[data-v-0f2168c4],
.message-pop-up-leave-active[data-v-0f2168c4] {
  transition: all .3s ease
}

.message-pop-up-enter[data-v-0f2168c4],
.message-pop-up-leave-to[data-v-0f2168c4] {
  transform: scale(0);
  opacity: 0
}

.input-field[data-v-0f2168c4] {
  position: relative
}

.input-field.invalid input[data-v-0f2168c4] {
  border: 1px solid var(--color-danger)
}

.input-field-area[data-v-0f2168c4] {
  position: relative;
  z-index: var(--z-0)
}

.input-field.error[data-v-0f2168c4] {
  z-index: var(--z-10)
}

.input-field.error label[data-v-0f2168c4] {
  color: var(--color-danger)
}

.input-field label[data-v-0f2168c4] {
  color: var(--color-text-secondary);
  order: 0;
  margin-bottom: var(--spacing-xs)
}

.input-field label[data-v-0f2168c4]:focus {
  color: var(--color-text-default)
}

.input-field input[data-v-0f2168c4] {
  background-color: var(--color-background-secondary);
  border-radius: var(--spacing-xxs);
  border: 1px solid var(--color-input-border);
  color: var(--color-text-default);
  order: 1;
  font-family: inherit;
  font-size: var(--font-md);
  font-size-adjust: .6;
  font-weight: var(--font-semi-bold);
  padding: var(--spacing-avg) var(--spacing-lg) var(--spacing-avg) var(--spacing-avg);
  width: 100%;
  max-height: 54px
}

.input-field input[type=date][data-v-0f2168c4],
.input-field input[type=datetime-local][data-v-0f2168c4],
.input-field input[type=time][data-v-0f2168c4],
.input-field input[type=month][data-v-0f2168c4],
.input-field input[type=week][data-v-0f2168c4],
.input-field input[type=number][data-v-0f2168c4] {
  -moz-appearance: textfield
}

.input-field input[type=date][data-v-0f2168c4]::-webkit-outer-spin-button,
.input-field input[type=date][data-v-0f2168c4]::-webkit-inner-spin-button,
.input-field input[type=datetime-local][data-v-0f2168c4]::-webkit-outer-spin-button,
.input-field input[type=datetime-local][data-v-0f2168c4]::-webkit-inner-spin-button,
.input-field input[type=time][data-v-0f2168c4]::-webkit-outer-spin-button,
.input-field input[type=time][data-v-0f2168c4]::-webkit-inner-spin-button,
.input-field input[type=month][data-v-0f2168c4]::-webkit-outer-spin-button,
.input-field input[type=month][data-v-0f2168c4]::-webkit-inner-spin-button,
.input-field input[type=week][data-v-0f2168c4]::-webkit-outer-spin-button,
.input-field input[type=week][data-v-0f2168c4]::-webkit-inner-spin-button,
.input-field input[type=number][data-v-0f2168c4]::-webkit-outer-spin-button,
.input-field input[type=number][data-v-0f2168c4]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none
}

.input-field input[type=number][data-v-0f2168c4] {
  -moz-appearance: textfield
}

.input-field input[data-v-0f2168c4]::placeholder {
  color: var(--color-text-secondary);
  font-weight: var(--font-medium)
}

.input-field input[data-v-0f2168c4]:focus {
  border-color: var(--color-amaranth-bright)
}

.input-field input:focus+label[data-v-0f2168c4] {
  color: var(--color-text-default)
}

.input-field input[data-v-0f2168c4]:disabled {
  opacity: .77
}

.input-field .icon-wrapper[data-v-0f2168c4] {
  bottom: calc(var(--spacing-avg) + 3px);
  cursor: pointer;
  position: absolute;
  right: var(--spacing-avg);
  z-index: var(--z-10)
}

.input-field-counter[data-v-0f2168c4] {
  border-left: 1px solid var(--color-input-border);
  bottom: 1px;
  height: 51px;
  padding: var(--spacing-xs) var(--spacing-avg);
  position: absolute;
  right: 0
}

.input-field-counter button[data-v-0f2168c4] {
  color: var(--color-option-chevron-disabled);
  cursor: pointer
}

.input-field-counter button[data-v-0f2168c4]:hover {
  color: var(--color-text-default)
}

.input-field .copy[data-v-0f2168c4] {
  bottom: var(--spacing-avg);
  cursor: pointer;
  position: absolute;
  right: var(--spacing-lg);
  z-index: var(--z-10)
}

.input-field.decimal .copy[data-v-0f2168c4],
.input-field.number .copy[data-v-0f2168c4] {
  right: calc(46px + var(--spacing-avg))
}

.input-field.has-label .input-field-error-message[data-v-0f2168c4] {
  top: 34px
}

.input-field.with-counter .copy[data-v-0f2168c4] {
  right: calc(46px + var(--spacing-avg))
}

.input-field-error-message[data-v-0f2168c4] {
  background-color: var(--color-danger);
  border-radius: var(--radius-xs);
  color: var(--color-text-default);
  font-size: var(--font-sm);
  left: calc(100% + var(--spacing-xs));
  max-width: 250px;
  min-height: 40px;
  position: absolute;
  top: 8px;
  transform-origin: center left;
  width: max-content
}

.input-field-error-message[data-v-0f2168c4]:after {
  border-bottom: 8px solid transparent;
  border-right: 8px solid var(--color-danger);
  border-top: 8px solid transparent;
  content: "";
  height: 0;
  left: -8px;
  position: absolute;
  top: 11px;
  width: 0
}

.input-error[data-v-7c9e36aa] {
  color: var(--color-danger);
  margin-top: var(--spacing-xs)
}

.input-error-msg[data-v-7c9e36aa] {
  font-size: var(--font-sm);
  margin-left: var(--spacing-xxs)
}

label[data-v-66626ebe] {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xs);
  order: 0
}

label[data-v-66626ebe]:focus {
  color: var(--color-text-default)
}

.key[data-v-12479093] {
  background-color: var(--color-keyboard-key-primary);
  border-radius: var(--radius-sm);
  color: #000;
  font-family: var(--font-oxanium);
  font-size: var(--font-xs);
  font-weight: var(--font-bold);
  padding: var(--spacing-xxxxs) var(--spacing-xxxs) var(--spacing-xxs)
}

.key-content[data-v-12479093] {
  background-color: var(--color-keyboard-key-secondary);
  border-radius: var(--radius-xs);
  height: 100%;
  width: 100%
}

.level[data-v-227e711a] {
  font-weight: var(--font-bold);
  position: relative;
  max-width: 368px;
  width: 100%
}

.level .level-name[data-v-227e711a] {
  font-size: var(--font-md);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.level-info[data-v-227e711a] {
  background: var(--gradient-secondary);
  border-radius: var(--radius-xs);
  height: 88px;
  line-height: var(--font-lg);
  padding: 0 var(--spacing-md);
  position: relative;
  z-index: var(--z-10)
}

.level-info-cta[data-v-227e711a] {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .25s;
  z-index: var(--z-20)
}

.level-info-cta span[data-v-227e711a] {
  color: var(--color-amaranth);
  text-transform: uppercase;
  white-space: nowrap
}

.level-info-cta[data-v-227e711a]:before,
.level-info-cta[data-v-227e711a]:after {
  border-radius: var(--radius-xs);
  content: "";
  position: absolute
}

.level-info-cta[data-v-227e711a]:after {
  background: var(--gradient-amaranth-border-horizontal);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: var(--z-negative-20)
}

.level-info-cta[data-v-227e711a]:before {
  background: var(--gradient-amaranth-transparent-horizontal);
  bottom: var(--spacing-xxxxs);
  left: var(--spacing-xxxxs);
  right: var(--spacing-xxxxs);
  top: var(--spacing-xxxxs);
  z-index: var(--z-negative-10)
}

.level-info .level-type[data-v-227e711a] {
  color: var(--color-text-secondary);
  font-size: var(--font-sm);
  max-width: 90px;
  min-width: 90px;
  text-transform: uppercase
}

.level-info .level-levels[data-v-227e711a] {
  width: 65px;
  min-width: 65px;
  margin-bottom: var(--spacing-negative-xxxs)
}

.level-info .level-levels .level-levels-level[data-v-227e711a] {
  border-radius: var(--radius-lg);
  opacity: .25
}

.level-info .level-levels.academy .level-levels-level[data-v-227e711a],
.level-info .level-levels.fundamental-academy .level-levels-level[data-v-227e711a] {
  height: 7px;
  width: 7px
}

.level-info .level-levels.quick-play .level-levels-level[data-v-227e711a] {
  height: 18px;
  width: 5px
}

.level-info .level-levels.easy .level-levels-level[data-v-227e711a] {
  background-color: var(--color-success)
}

.level-info .level-levels.easy .level-levels-level.active[data-v-227e711a] {
  opacity: 1
}

.level-info .level-levels.medium .level-levels-level[data-v-227e711a] {
  background-color: var(--color-warning)
}

.level-info .level-levels.medium .level-levels-level.active[data-v-227e711a] {
  opacity: 1
}

.level-info .level-levels.hard .level-levels-level[data-v-227e711a] {
  background-color: var(--color-danger)
}

.level-info .level-levels.hard .level-levels-level.active[data-v-227e711a] {
  opacity: 1
}

.level[data-v-227e711a]:not(.locked):hover {
  cursor: pointer
}

.level:not(.locked):hover .level-info-cta[data-v-227e711a] {
  opacity: 1
}

.level .icon[data-v-227e711a] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: var(--z-20)
}

.level.locked .level-info[data-v-227e711a] {
  filter: blur(2px);
  opacity: .3
}

.level[data-v-227e711a] .tooltip {
  min-width: 100%
}

.line-chart[data-v-755bb640] {
  height: 100%;
  width: 100%;
  padding: var(--spacing-avg) var(--spacing-avg) 0;
  background: #141a36;
  font-weight: var(--font-normal);
  font-size: var(--font-md);
  color: var(--color=chart-background);
  position: relative;
  z-index: var(--z-50)
}

.line-chart-message[data-v-755bb640] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  font-weight: var(--font-bold);
  font-size: var(--font-bg)
}

.line-chart .chart[data-v-755bb640] {
  width: 100%;
  height: 100%;
  min-height: 228px;
  padding: 0 55px;
  margin: auto;
  position: relative
}

.line-chart .chart.disabled[data-v-755bb640] {
  opacity: .25;
  filter: blur(3px)
}

.line-chart .chart .scales[data-v-755bb640] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.line-chart .chart .scales .scale[data-v-755bb640] {
  font-weight: var(--font-semi-bold);
  font-size: var(--font-md);
  line-height: 19px;
  color: var(--color-text-darker);
  position: relative
}

.line-chart .chart .scales .scale .value[data-v-755bb640] {
  position: absolute;
  top: -8px
}

.line-chart .chart .scales .scale .value.left[data-v-755bb640] {
  left: 0
}

.line-chart .chart .scales .scale .value.right[data-v-755bb640] {
  right: 0
}

.line-chart .chart .scales .scale .line[data-v-755bb640] {
  border-top: 1px solid rgba(var(--color-text-white-faded-rgb), .05);
  max-height: 1px;
  margin: 0 55px
}

.line-chart .chart svg[data-v-755bb640] {
  pointer-events: fill;
  z-index: var(--z-10)
}

.list-item[data-v-dcc92e0a] {
  color: var(--color-text-default);
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  text-transform: uppercase
}

.login-button[data-v-6c67782b] {
  max-width: 180px
}

.login-quit-link[data-v-6c67782b] {
  font-weight: var(--font-bold);
  font-size: var(--font-md);
  color: var(--color-amaranth);
  position: absolute;
  bottom: -42px;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%)
}

.login h2[data-v-6c67782b] {
  color: var(--color-text-default);
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.login h3[data-v-6c67782b],
.login .forgot-password[data-v-6c67782b] {
  color: var(--color-amaranth);
  cursor: pointer;
  font-size: var(--font-md);
  font-weight: var(--font-bold)
}

.logout h2[data-v-2e774c2b] {
  color: var(--color-text-default);
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.logout-button[data-v-2e774c2b] {
  margin: 0 auto !important;
  max-width: 270px;
  min-width: 270px !important
}

.modal-wrapper .close-button[data-v-7761241d] {
  position: absolute;
  right: var(--spacing-sm);
  top: var(--spacing-sm);
  z-index: var(--z-50)
}

.modal-container[data-v-7761241d] {
  background-color: var(--color-sidebar-background);
  border-radius: var(--radius-lg);
  max-height: 100%;
  max-width: 100%;
  min-height: 250px;
  min-width: 500px;
  overflow: hidden;
  position: relative;
  z-index: var(--z-10)
}

.mouse-sensitivity-calculator-advanced-button[data-v-9feddde0] {
  color: var(--color-info);
  cursor: pointer;
  font-weight: 700
}

.mouse-sensitivity-calculator .input-field[data-v-9feddde0] {
  flex: 1
}

.mouse-sensitivity-calculator-dropdown[data-v-9feddde0] {
  max-width: calc(50% - var(--spacing-lg));
  width: 100%
}

.mouse-sensitivity-calculator .icon[data-v-9feddde0] {
  cursor: pointer;
  transform: rotate(90deg)
}

.mouse-sensitivity-calculator button[data-v-9feddde0] {
  margin-left: auto
}

nav[data-v-f7aab8c0] {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  overflow: auto
}

nav.collapsed[data-v-f7aab8c0] {
  overflow: visible
}

nav.collapsed[data-v-f7aab8c0] .nav-item {
  height: 57px;
  position: relative;
  width: 57px
}

nav.collapsed[data-v-f7aab8c0] .nav-item .nav-item-sub {
  background: #121730;
  border-radius: var(--radius-sm);
  left: 57px;
  min-width: 150px;
  position: absolute;
  top: 28.5px;
  transform-origin: top left;
  transform: scale(0);
  transition: .25s;
  z-index: var(--z-10)
}

nav.collapsed[data-v-f7aab8c0] .nav-item .nav-item-sub .nav-item-sub-link {
  padding: 0
}

nav.collapsed[data-v-f7aab8c0] .nav-item .nav-item-sub .nav-item-sub-link:hover:before {
  opacity: 0
}

nav.collapsed[data-v-f7aab8c0] .nav-item .nav-item-link {
  padding: var(--spacing-avg)
}

nav.collapsed[data-v-f7aab8c0] .nav-item:hover .nav-item-sub {
  transform: scale(1)
}

nav.collapsed[data-v-f7aab8c0] .nav-item:after {
  content: unset
}

.nav-item-link[data-v-1e4f70aa],
.nav-item-sub-link[data-v-1e4f70aa] {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  height: 57px;
  line-height: 19px;
  padding: var(--spacing-avg) 0 var(--spacing-avg) var(--spacing-md);
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  transition: .5s
}

.nav-item-link .tag[data-v-1e4f70aa],
.nav-item-sub-link .tag[data-v-1e4f70aa] {
  margin-left: var(--spacing-xs)
}

.nav-item-sub-link[data-v-1e4f70aa] {
  height: 37px;
  padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xxl)
}

.nav-item-sub-link[data-v-1e4f70aa]:before {
  content: "\2022";
  opacity: 0;
  margin-right: var(--spacing-xxs)
}

.nav-item-sub-link[data-v-1e4f70aa],
.nav-item-sub-link[data-v-1e4f70aa]:focus,
.nav-item-sub-link[data-v-1e4f70aa]:visited {
  color: var(--color-text-secondary)
}

.nav-item-sub-link[data-v-1e4f70aa]:hover,
.nav-item-sub-link.router-link-exact-active[data-v-1e4f70aa] {
  background: 0 0;
  color: var(--color-text-default)
}

.nav-item-sub-link[data-v-1e4f70aa]:hover:before,
.nav-item-sub-link.router-link-exact-active[data-v-1e4f70aa]:before {
  opacity: 1
}

.nav-item-link[data-v-1e4f70aa],
.nav-item-link[data-v-1e4f70aa]:focus,
.nav-item-link[data-v-1e4f70aa]:visited {
  color: var(--color-text-secondary)
}

.nav-item-link[data-v-1e4f70aa]:not(.router-link-exact-active) svg>* {
  fill: currentColor
}

.nav-item-link[data-v-1e4f70aa]:after {
  background-color: var(--color-amaranth);
  border-radius: 2px;
  bottom: 8px;
  content: "";
  display: none;
  position: absolute;
  right: 0;
  top: 8px;
  width: 4px
}

.nav-item-link.router-link-exact-active[data-v-1e4f70aa] {
  color: var(--color-default-foreground)
}

.nav-item-link.router-link-exact-active[data-v-1e4f70aa]:after {
  display: block
}

.nav-item-link[data-v-1e4f70aa]:hover {
  cursor: pointer;
  background-color: var(--color-background-sidebar-hover)
}

.news-card[data-v-8b9ff9a4] {
  background-color: var(--color-news-card);
  border-radius: var(--radius-sm);
  box-shadow: 16px 8px 8px #00000040;
  height: 200px;
  padding: 3px;
  position: relative;
  text-decoration: none;
  width: 400px
}

.news-card.active[data-v-8b9ff9a4] {
  cursor: pointer
}

.news-card.active[data-v-8b9ff9a4]:hover {
  background-color: var(--color-news-card-hover)
}

.news-card.active[data-v-8b9ff9a4]:active {
  background-color: var(--color-news-card-active)
}

.news-card.active:active .news-card-content[data-v-8b9ff9a4]:before {
  opacity: 1
}

.news-card-date[data-v-8b9ff9a4] {
  backdrop-filter: blur(4px);
  background-color: rgba(var(--color-news-card-date-background-rgb), .5);
  border-radius: var(--radius-sm);
  color: var(--color-text-default);
  height: 64px;
  position: absolute;
  right: var(--spacing-avg);
  top: var(--spacing-avg);
  width: 64px
}

.news-card-date .month[data-v-8b9ff9a4],
.news-card-date .day[data-v-8b9ff9a4] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  text-transform: uppercase
}

.news-card-date .month[data-v-8b9ff9a4] {
  margin-bottom: var(--spacing-xxs);
  text-shadow: var(--font-shadow-high)
}

.news-card-date .day[data-v-8b9ff9a4] {
  color: var(--color-text-white-faded);
  text-shadow: var(--font-shadow-low)
}

.news-card-content[data-v-8b9ff9a4] {
  border-radius: var(--radius-xs);
  overflow: hidden;
  padding: var(--spacing-md);
  position: relative;
  z-index: var(--z-0)
}

.news-card-content[data-v-8b9ff9a4]:before {
  background: var(--gradient-news-card-overlay-hover);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--z-20)
}

.news-card-content[data-v-8b9ff9a4]:after {
  background: var(--gradient-news-card-overlay);
  bottom: 0;
  content: "";
  height: 63px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: var(--z-0)
}

.news-card h2[data-v-8b9ff9a4],
.news-card h3[data-v-8b9ff9a4] {
  position: relative;
  z-index: var(--z-10)
}

.news-card h2[data-v-8b9ff9a4] {
  color: var(--color-text-default);
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-avg);
  text-shadow: var(--font-shadow-high)
}

.news-card h3[data-v-8b9ff9a4] {
  color: var(--color-text-white-faded);
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  text-shadow: var(--font-shadow-low)
}

.picture-image[data-v-52425924] {
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.picture-image img.center[data-v-52425924] {
  object-position: center
}

.picture-image img.left[data-v-52425924] {
  object-position: left
}

.picture-image img.right[data-v-52425924] {
  object-position: right
}

.picture-image img.contain[data-v-52425924] {
  object-fit: contain
}

.picture-image img.cover[data-v-52425924] {
  object-fit: cover
}

.picture-image-zoom[data-v-52425924] {
  background-color: var(--color-backdrop-background);
  opacity: 0;
  transition: .25s
}

.picture-image:hover .picture-image-zoom[data-v-52425924] {
  opacity: 1
}

.pop-up-backdrop[data-v-7957a78c] {
  backdrop-filter: blur(6px);
  background-color: var(--color-backdrop-background)
}

.pop-up-content[data-v-7957a78c] {
  background: var(--gradient-pop-up-background);
  border-radius: var(--radius-md);
  border: 4px solid var(--color-pop-up-border);
  box-shadow: 0 16px 48px var(--color-shadow-dark);
  max-width: 600px;
  min-height: 250px;
  padding: 4px;
  padding: var(--spacing-md) var(--spacing-avg);
  position: relative;
  z-index: var(--z-10)
}

.pop-up-icon[data-v-7957a78c] .alert-icon {
  margin-right: 0 !important;
  max-height: 38px;
  max-width: 38px;
  min-height: 38px;
  min-width: 38px
}

.pop-up .close-button[data-v-7957a78c] {
  position: absolute;
  right: var(--spacing-avg);
  top: var(--spacing-md)
}

.pop-up-title[data-v-7957a78c] {
  color: var(--color-text-default);
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.pop-up-description[data-v-7957a78c] {
  color: var(--color-text-secondary);
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  text-align: center
}

a[data-v-13bfb80e] {
  cursor: pointer
}

.prismic-rich-list[data-v-7c5e05d0] {
  margin-bottom: var(--spacing-xs);
  margin-left: var(--spacing-md);
  margin-top: var(--spacing-xs)
}

.prismic-rich-list li[data-v-7c5e05d0] {
  margin-bottom: var(--spacing-sm);
  position: relative
}

.prismic-rich-list li strong[data-v-7c5e05d0] {
  color: var(--color-amaranth)
}

.prismic-rich-list li[data-v-7c5e05d0]:last-child {
  margin-bottom: unset
}

.prismic-rich-list li[data-v-7c5e05d0]:before {
  background-color: var(--color-amaranth);
  border-radius: 100%;
  content: "";
  height: 6px;
  left: var(--spacing-negative-xs);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px
}

h1 strong[data-v-557fdf3e] {
  color: var(--color-amaranth)
}

h2[data-v-557fdf3e] {
  font-weight: 700;
  font-size: 32px;
  line-height: 38.73px
}

h2 strong[data-v-557fdf3e] {
  color: var(--color-amaranth)
}

h3[data-v-557fdf3e] {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px
}

h3 strong[data-v-557fdf3e] {
  color: var(--color-amaranth)
}

p strong[data-v-557fdf3e],
a[data-v-557fdf3e] {
  color: var(--color-text-default)
}

.prismic-rich[data-v-6fedea88],
.prismic-rich *[data-v-6fedea88] {
  white-space: pre-line
}

.progress-bar .background[data-v-bda17ed8] {
  display: block;
  min-height: 9px;
  max-height: 9px;
  border-radius: 4.5px;
  line-height: 0;
  background-color: var(--color-progress-bar-background);
  overflow: hidden;
  user-select: none;
  pointer-events: none
}

.progress-bar .bar[data-v-bda17ed8] {
  position: relative;
  display: inline-block;
  min-height: 9px;
  border-radius: 4.5px;
  transition: width .1s linear;
  background: currentColor
}

.progress-bar .bar[data-v-bda17ed8]:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(105deg, transparent, transparent 4px, var(--color-progress-bar-stripes) 4px, var(--color-progress-bar-stripes) 7px)
}

.progress-bar .description[data-v-bda17ed8] {
  width: 100%
}

.top-caption.progress-bar .description[data-v-bda17ed8] {
  margin-bottom: var(--spacing-xs)
}

.bottom-caption.progress-bar .description[data-v-bda17ed8] {
  margin-top: var(--spacing-xs)
}

.progress-bar .description .caption[data-v-bda17ed8] {
  font-size: var(--font-sm);
  line-height: var(--spacing-avg)
}

.strong-caption.progress-bar .description .caption[data-v-bda17ed8] {
  line-height: var(--spacing-sm)
}

.progress-bar .description .caption.left[data-v-bda17ed8] {
  color: var(--color-default-foreground)
}

.left-caption-color-gradient.progress-bar .description .caption.left[data-v-bda17ed8] {
  background: linear-gradient(180deg, white 0%, #c4c4c4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.strong-caption.progress-bar .description .caption.left[data-v-bda17ed8] {
  font-weight: 700;
  font-size: 24px
}

.left-caption-color-custom.progress-bar .description .caption.left[data-v-bda17ed8] {
  color: currentColor
}

.progress-bar .description .caption.right[data-v-bda17ed8] {
  color: var(--color-text-secondary)
}

.strong-caption.progress-bar .description .caption.right[data-v-bda17ed8] {
  font-weight: 700;
  font-size: 18px
}

.progress-bar .description .caption.splitter[data-v-bda17ed8] {
  color: var(--color-text-secondary);
  margin: 0 var(--spacing-xxs)
}

.strong-caption.progress-bar .description .caption.splitter[data-v-bda17ed8] {
  font-weight: 700;
  font-size: 18px
}

.progress-bar .label.right[data-v-bda17ed8] {
  color: var(--color-text-secondary)
}

.progress-bar .label-description[data-v-bda17ed8] {
  font-size: var(--font-xs);
  width: 100%
}

.bottom-caption.progress-bar .label-description[data-v-bda17ed8] {
  margin-bottom: var(--spacing-xs)
}

.top-caption.progress-bar .label-description[data-v-bda17ed8] {
  margin-top: var(--spacing-xs)
}

.progress-bar-alternative[data-v-bcae8ae4] {
  border-radius: var(--radius-sm);
  border: 2px solid var(--color-skeleton);
  height: 40px;
  overflow: hidden;
  width: 100%
}

.progress-bar-alternative-min[data-v-bcae8ae4],
.progress-bar-alternative-max[data-v-bcae8ae4] {
  background: var(--gradient-form-background);
  color: var(--color-text-darker);
  width: 64px
}

.progress-bar-alternative-progress[data-v-bcae8ae4] {
  border-left: 2px solid var(--color-skeleton);
  border-right: 2px solid var(--color-skeleton);
  position: relative;
  z-index: var(--z-0)
}

.progress-bar-alternative-progress-bg[data-v-bcae8ae4] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--z-0)
}

.progress-bar-alternative-progress span[data-v-bcae8ae4] {
  color: var(--color-text-default);
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  position: relative;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  transform: matrix(.99, 0, -.14, 1, 0, 0);
  z-index: var(--z-10)
}

.progress-bar-circle[data-v-499df31a] {
  position: relative
}

.progress-bar-circle svg[data-v-499df31a] {
  transform: rotate(-90deg)
}

.progress-bar-circle svg circle[data-v-499df31a] {
  fill: transparent;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 3;
  stroke: var(--color-background-option-selected)
}

.radar-chart svg path[data-v-dda24ca6] {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2
}

.radar-chart svg .set[data-v-dda24ca6] {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2
}

.radar-chart svg .set.own[data-v-dda24ca6] {
  stroke: var(--color-generic-positive)
}

.radar-chart svg .set.rival[data-v-dda24ca6] {
  stroke: var(--color-generic-negative)
}

.radio[data-v-74313b0d] {
  color: var(--color-text-secondary);
  cursor: pointer;
  font-size: var(--font-md);
  font-weight: var(--font-medium);
  height: 24px;
  padding-left: var(--spacing-md);
  position: relative;
  user-select: none
}

.radio.disabled[data-v-74313b0d] {
  opacity: .5
}

.radio.disabled input[data-v-74313b0d] {
  cursor: default
}

.radio input[data-v-74313b0d] {
  cursor: pointer;
  opacity: 0;
  position: absolute
}

.radio input:checked~.bullet[data-v-74313b0d]:after {
  transform: scale(1)
}

.radio input:checked~.bullet[data-v-74313b0d] {
  border: 2px solid var(--color-amaranth)
}

.radio .bullet[data-v-74313b0d] {
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-amaranth);
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px
}

.radio .bullet[data-v-74313b0d]:after {
  background: var(--color-amaranth);
  border-radius: var(--radius-lg);
  content: "";
  height: 8px;
  position: absolute;
  transform: scale(0);
  transition: .25s;
  width: 8px
}

.range[data-v-02fd3b8e] {
  position: relative
}

.range:focus-within label[data-v-02fd3b8e] {
  color: var(--color-text-default)
}

.range-content[data-v-02fd3b8e] {
  position: relative
}

.range-content[data-v-02fd3b8e] label {
  display: none
}

.range-content .input-field.number[data-v-02fd3b8e] {
  width: 100px
}

.range-content-field[data-v-02fd3b8e] {
  flex: 1;
  height: 52px;
  position: relative
}

.range-content-field .input-field[data-v-02fd3b8e] {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--z-20)
}

.range-content-field .input-field[data-v-02fd3b8e] input {
  -webkit-appearance: none;
  background: 0 0;
  border: none;
  outline: none;
  overflow: hidden;
  pointer-events: none
}

.range-content-field .input-field[data-v-02fd3b8e] input::-webkit-slider-thumb {
  appearance: none;
  background: var(--color-amaranth);
  border-radius: 100%;
  border: none;
  cursor: pointer;
  height: 16px;
  pointer-events: auto;
  width: 16px
}

.range-content-field .input-field[data-v-02fd3b8e] input::-moz-range-thumb {
  appearance: none;
  background: var(--color-amaranth);
  border-radius: 100%;
  border: none;
  cursor: pointer;
  height: 16px;
  pointer-events: auto;
  width: 16px
}

.range-content-field .input-field[data-v-02fd3b8e] .icon-wrapper {
  display: none
}

.range-content-field-tb[data-v-02fd3b8e] {
  margin: var(--spacing-avg);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0
}

.range-content-field-tb-bar[data-v-02fd3b8e] {
  background-color: var(--color-amaranth);
  height: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--z-10);
  overflow: hidden
}

.range-content-field-tb-track[data-v-02fd3b8e] {
  background-color: var(--color-range-background);
  border-radius: 25px;
  height: 8px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--z-0)
}

.range-content-field-inputs[data-v-02fd3b8e] {
  height: 100%;
  margin-left: var(--spacing-negative-avg);
  position: relative
}

.range-content-field.disabled .input-field[data-v-02fd3b8e] input {
  opacity: 1
}

.range-content-field.disabled .input-field[data-v-02fd3b8e] input::-webkit-slider-thumb {
  cursor: default;
  background: var(--color-range-disabled)
}

.range-content-field.disabled .input-field[data-v-02fd3b8e] input::-moz-range-thumb {
  cursor: default;
  background: var(--color-range-disabled)
}

.range-content-field.disabled .range-content-field-tb-bar[data-v-02fd3b8e] {
  cursor: default;
  background: var(--color-range-disabled)
}

@keyframes scale-up-101717c8 {
  0% {
    transform: scaleY(0);
    opacity: 0
  }

  to {
    transform: scaleY(1);
    opacity: 1
  }
}

@keyframes pop-rotate-101717c8 {
  0% {
    transform: translateY(70px) rotateY(-270deg);
    opacity: 0
  }

  50% {
    transform: translateY(-25px) rotateY(-135deg);
    opacity: 1
  }

  to {
    transform: translateY(0) rotateY(0);
    opacity: 1
  }
}

@keyframes rotate-101717c8 {
  0% {
    transform: rotateY(-360deg)
  }

  to {
    transform: rotateY(0)
  }
}

.rank-calculator-graph[data-v-101717c8] {
  max-width: 70px;
  min-width: 70px
}

.rank-calculator-graph h3[data-v-101717c8] {
  color: var(--color-text-darker);
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  text-shadow: 0 2px 2px rgba(0, 0, 0, .33);
  text-transform: uppercase
}

.rank-calculator-graph h4[data-v-101717c8] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  text-shadow: 0 2px 2px rgba(0, 0, 0, .33);
  text-transform: uppercase
}

.rank-calculator-graph-labels[data-v-101717c8],
.rank-calculator-graph-fill[data-v-101717c8],
.rank-calculator-graph[data-v-101717c8] .picture {
  transform-origin: bottom
}

.rank-calculator-graph[data-v-101717c8] .picture {
  transition: .5s
}

.rank-calculator-graph[data-v-101717c8] .picture:hover {
  transform: rotateY(-360deg)
}

.rank-calculator-graph-fill[data-v-101717c8] {
  border-radius: var(--radius-sm) var(--radius-sm) var(--radius-xxs) var(--radius-xxs);
  background: var(--gradient-premium);
  width: 70px
}

.scale-up-enter-active[data-v-101717c8] {
  animation: scale-up-101717c8 .25s ease-out
}

.pop-rotate-enter-active[data-v-101717c8] {
  animation: pop-rotate-101717c8 .5s ease-in-out
}

.rank-calculator[data-v-6cea132c] {
  background: var(--gradient-premium);
  border-radius: var(--radius-sm);
  box-shadow: 0 15px 30px -20px var(--color-premium-secondary);
  min-height: 580px;
  padding: 2px;
  position: relative;
  z-index: var(--z-0)
}

.rank-calculator[data-v-6cea132c]:after {
  background: var(--gradient-form-background);
  border-radius: 9px;
  bottom: 2px;
  content: "";
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: var(--z-negative-10)
}

.rank-calculator-games[data-v-6cea132c] picture {
  border-radius: var(--radius-sm);
  cursor: pointer
}

.rank-calculator .title[data-v-6cea132c] {
  color: var(--color-text-default);
  font-size: var(--font-bg);
  font-weight: var(--font-bold)
}

.rank-calculator .calculator[data-v-6cea132c] {
  background-color: var(--color-background-primary);
  border-radius: 0 9px 9px 0
}

.rank-calculator .calculator span[data-v-6cea132c] {
  font-weight: var(--font-bold);
  font-size: var(--font-lg)
}

.rank-calculator .calculator span strong[data-v-6cea132c] {
  background: var(--color-premium-main);
  background: var(--gradient-premium);
  background-clip: text;
  -webkit-background-clip: text;
  font-weight: var(--font-semi-bold);
  -webkit-text-fill-color: transparent
}

.rank-calculator .settings[data-v-6cea132c] {
  max-width: 338px;
  min-width: 338px;
  border-right: 2px solid var(--color-background-secondary)
}

.rank-calculator-game[data-v-6cea132c] {
  border-radius: var(--radius-sm);
  cursor: pointer
}

.rank-calculator-game.selected[data-v-6cea132c] {
  border-radius: var(--radius-sm);
  box-shadow: 0 0 0 1px var(--color-amaranth), 0 0 5px 1px var(--color-amaranth)
}

.rank-position[data-v-61715af2] {
  border-radius: var(--radius-sm);
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  padding: var(--spacing-xxxs) var(--spacing-sm);
  text-align: center;
  width: max-content
}

.rank-position.top[data-v-61715af2] {
  border-style: solid;
  border-width: 2px;
  transform: matrix(.97, 0, -.27, 1, 0, 0)
}

.rank-position.top>span[data-v-61715af2] {
  display: block;
  transform: matrix(1.03, 0, .27, 1, 0, 0)
}

.rank-position.top-1[data-v-61715af2] {
  background: var(--color-top-1-background);
  border-color: var(--color-top-1);
  color: var(--color-top-1)
}

.rank-position.top-2[data-v-61715af2] {
  background: var(--color-top-2-background);
  border-color: var(--color-top-2);
  color: var(--color-top-2)
}

.rank-position.top-3[data-v-61715af2] {
  background: var(--color-top-3-background);
  border-color: var(--color-top-3);
  color: var(--color-top-3)
}

.register-button[data-v-21e7bb9c] {
  max-width: 180px
}

.register a[data-v-21e7bb9c] {
  color: var(--color-amaranth)
}

.register h2[data-v-21e7bb9c] {
  color: var(--color-text-default);
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.register h3[data-v-21e7bb9c] {
  color: var(--color-amaranth);
  cursor: pointer;
  font-size: var(--font-md);
  font-weight: var(--font-bold)
}

.routine-buttons[data-v-a2c1f5d0] {
  background: var(--gradient-training-routine-available);
  border-radius: var(--radius-sm);
  height: 224px;
  justify-content: center;
  position: relative;
  width: 386px
}

.routine-buttons-pipe[data-v-a2c1f5d0] {
  background: linear-gradient(rgba(150, 66, 255, 0) 0%, #4b548e 51.45%, rgba(150, 66, 255, 0) 100%);
  height: 100%;
  left: 0;
  position: absolute;
  width: 3px
}

.routine-buttons-pipe[data-v-a2c1f5d0]:nth-last-child(2) {
  left: unset;
  right: 0
}

.routine-buttons .button[data-v-a2c1f5d0] {
  width: 170px
}

.routine-exercise[data-v-4af24dc2] {
  position: relative
}

.routine-exercise-pipe[data-v-4af24dc2] {
  height: 100%;
  left: 0;
  position: absolute;
  width: 3px
}

.routine-exercise-pipe[data-v-4af24dc2]:last-child {
  left: unset;
  right: 0
}

.routine-exercise-repetitions .routine-repetition[data-v-4af24dc2]:first-child {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm)
}

.routine-exercise-repetitions .routine-repetition[data-v-4af24dc2]:last-child {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0
}

.routine-exercise-title[data-v-4af24dc2] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  justify-content: center;
  left: 0;
  line-height: var(--font-lg);
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  position: absolute;
  right: 0;
  text-align: center;
  top: var(--spacing-sm)
}

.routine-incentive[data-v-6a3481c2] {
  height: 100%;
  width: 100%
}

.routine-incentive-premium[data-v-6a3481c2] {
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain
}

.routine-incentive-premium-description[data-v-6a3481c2] {
  line-height: var(--font-bg);
  max-width: 450px;
  text-align: center
}

.routine-incentive-regular[data-v-6a3481c2] {
  background-image: url(https://cdn.3daimtrainer.com/images/generic/routine-incentive.webp);
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 15px 30px -20px var(--color-premium-secondary);
  width: 100%
}

.routine-incentive-regular[data-v-6a3481c2]:hover {
  cursor: pointer
}

.routine-preparation[data-v-75286ab0] {
  border-radius: var(--radius-md);
  height: 100%
}

.routine-preparation-content[data-v-75286ab0] {
  background-color: var(--color-background-primary);
  border-radius: var(--radius-md);
  font-weight: var(--font-bold);
  height: 120px;
  width: 410px
}

.routine-preparation-content svg[data-v-75286ab0] {
  margin: var(--spacing-sm)
}

.routine-preparation-content h3[data-v-75286ab0] {
  font-size: var(--font-lg);
  line-height: var(--font-xl)
}

.routine-preparation-content span[data-v-75286ab0] {
  color: var(--color-text-white-faded);
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  line-height: var(--font-bg)
}

.routine-repetition[data-v-e106040a] {
  height: 224px;
  width: 98px
}

.routine-repetition-number[data-v-e106040a] {
  font-family: var(--font-corp-site-headers);
  font-size: var(--font-bg)
}

.routine-repetition svg[data-v-e106040a] {
  filter: drop-shadow(2px 5px 2px rgba(0, 0, 0, .4))
}

.routine-repetition.available .routine-repetition-trigger[data-v-e106040a] {
  cursor: pointer
}

.routine-repetition.next svg[data-v-e106040a] {
  filter: none
}

.routine-repetition-tooltip[data-v-e106040a] {
  position: relative;
  border-radius: var(--radius-sm)
}

.routine-repetition-tooltip-content[data-v-e106040a] {
  background-color: var(--color-background-primary);
  position: absolute;
  top: -210px
}

.routine-repetition-tooltip-content-title[data-v-e106040a] {
  color: var(--color-text-default)
}

.routine-repetition-tooltip-content video[data-v-e106040a] {
  border-radius: var(--radius-sm);
  margin: var(--spacing-avg) 0
}

.routine-repetition-tooltip-content .button[data-v-e106040a] {
  min-width: 175px
}

.routine-repetition[data-v-e106040a] .tooltip .tooltip-content {
  background-color: transparent
}

.score .title[data-v-6ee727c5] {
  font-style: normal;
  font-weight: var(--font-bold);
  font-size: 18px;
  line-height: 22px;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-sm)
}

.score .title .delta.positive[data-v-6ee727c5] {
  color: var(--color-generic-positive)
}

.score .title .delta.negative[data-v-6ee727c5] {
  color: var(--color-generic-negative)
}

.score .values[data-v-6ee727c5] {
  gap: var(--spacing-xxxs)
}

.score-item[data-v-38a47a73] {
  width: 57px;
  height: 80px;
  background: linear-gradient(180deg, #141a37 16.79%, rgba(20, 26, 55, 0) 100%);
  border-radius: 12px;
  font-style: normal;
  font-weight: var(--font-bold);
  font-size: var(--font-xl);
  color: var(--color-default-foreground)
}

.score-item.empty[data-v-38a47a73] {
  color: var(--color-text-secondary)
}

.shape[data-v-363e9d2c] {
  position: relative
}

.shape svg[data-v-363e9d2c] {
  height: 100%;
  vertical-align: unset;
  width: 100%
}

.sidebar[data-v-a8813d72] {
  overflow: hidden
}

.sidebar.fixed[data-v-a8813d72] {
  left: unset;
  position: fixed
}

.sidebar.fixed .sidebar-panel[data-v-a8813d72] {
  background: var(--color-sidebar)
}

.sidebar>*[data-v-a8813d72] {
  transition: .25s ease
}

.sidebar-panel[data-v-a8813d72] {
  background: var(--color-sidebar-background);
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
  box-shadow: -8px 4px 8px var(--color-sidebar-shaddow);
  height: 100%;
  max-width: var(--main-sidebar-width);
  padding: var(--spacing-lg) var(--spacing-md);
  position: relative;
  width: var(--main-sidebar-width);
  z-index: var(--z-0)
}

.skill-aim-rank[data-v-57df966d] {
  background: var(--gradient-skill-aim-rank);
  border-radius: var(--radius-sm);
  border: 2px solid rgba(66, 75, 116, .33);
  max-height: 72px;
  overflow: hidden
}

.skill-aim-rank>*[data-v-57df966d] {
  flex: 1 !important
}

.skill-aim-rank span[data-v-57df966d] {
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold);
  text-align: center;
  text-transform: uppercase
}

.skill-aim-rank-badge-bg[data-v-57df966d] {
  filter: blur(3px);
  right: -35px;
  opacity: .2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--z-0)
}

.skill-panel[data-v-4b87ea6b] {
  border-radius: var(--radius-md);
  height: 276px;
  position: relative;
  width: 253px;
  z-index: var(--z-0)
}

.skill-panel[data-v-4b87ea6b]:hover {
  z-index: var(--z-20)
}

.skill-panel h4[data-v-4b87ea6b] {
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  text-transform: capitalize
}

.skill-panel-rank[data-v-4b87ea6b] {
  color: var(--color-text-default);
  font-size: var(--font-lg);
  font-weight: var(--font-bold);
  text-align: center;
  text-shadow: 0 0 5px rgba(255, 255, 255, .25)
}

.skill-panel-position[data-v-4b87ea6b] {
  background-color: rgba(var(--color-aim-rank-position-rgb), .33);
  border-radius: var(--radius-sm);
  max-height: 40px;
  max-width: max-content;
  min-width: 150px;
  padding: var(--spacing-xs);
  position: relative;
  text-align: center
}

.skill-panel-position .formatted-number[data-v-4b87ea6b] {
  margin-right: 12px
}

.skill-panel-position-completion[data-v-4b87ea6b] {
  font-weight: var(--font-bold);
  font-size: var(--font-lg)
}

.skill-panel .badge[data-v-4b87ea6b],
.skill-panel .hexagon[data-v-4b87ea6b] {
  cursor: pointer
}

.skill-panel-subskill[data-v-4b87ea6b] {
  position: absolute
}

.skill-panel-subskill[data-v-4b87ea6b]:nth-of-type(1) {
  left: -50px;
  top: -50px
}

.skill-panel-subskill[data-v-4b87ea6b]:nth-of-type(2n) {
  right: -50px;
  top: -50px
}

.skill-panel-subskill[data-v-4b87ea6b]:nth-of-type(3n) {
  bottom: -50px;
  left: -50px
}

.skill-panel-subskill[data-v-4b87ea6b]:nth-of-type(4n) {
  bottom: -50px;
  right: -50px;
  top: unset
}

.skill-panel-subskill-badge[data-v-4b87ea6b],
.skill-panel-subskill-cta[data-v-4b87ea6b] {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  width: 100%
}

.skill-panel-subskill-cta[data-v-4b87ea6b] {
  transform: rotateY(180deg)
}

.skill-panel-subskill-content[data-v-4b87ea6b] {
  background-color: transparent;
  cursor: pointer;
  height: 100px;
  perspective: 1000px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform .5s;
  width: 100px
}

.skill-panel-subskill-content.active[data-v-4b87ea6b] {
  transform: rotateY(180deg)
}

.skill-panel-subskill .skill-panel-subskill-label[data-v-4b87ea6b] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  height: 98px;
  width: 88px
}

.skill-panel-subskill[data-v-4b87ea6b] .skill-panel-sub-skill-panel {
  cursor: auto;
  position: absolute;
  z-index: var(--z-10);
  left: -146px
}

.skill-panel-subskill[data-v-4b87ea6b] .skill-panel-sub-skill-panel.top {
  top: 105px;
  transform-origin: top
}

.skill-panel-subskill[data-v-4b87ea6b] .skill-panel-sub-skill-panel.bottom {
  bottom: 105px;
  transform-origin: bottom
}

.skill-panel-subskill .hexagon[data-v-4b87ea6b] {
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .25s;
  width: 100px;
  z-index: var(--z-negative-10)
}

.skill-rank-progress[data-v-4a58d15b] {
  width: 100%
}

.skill-rank-progress-badges[data-v-4a58d15b] {
  margin-bottom: var(--spacing-xxs)
}

.skill-rank-progress-badges span[data-v-4a58d15b] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.skill-rank-progress[data-v-4a58d15b] .progress-bar .background .bar:after {
  display: none
}

@keyframes anim_red_small-1aae7195 {
  0% {
    opacity: 1;
    transform: translate(0)
  }

  12% {
    opacity: 1;
    transform: translate(0)
  }

  24% {
    opacity: 0;
    transform: translate(10px, -10px)
  }

  60% {
    opacity: 0;
    transform: translate(10px, -10px)
  }

  72% {
    opacity: 1;
    transform: translate(0)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

@keyframes anim_red_big-1aae7195 {
  0% {
    opacity: 1;
    transform: rotate(0)
  }

  24% {
    opacity: 1;
    transform: rotate(0)
  }

  36% {
    opacity: 0;
    transform: rotate(-90deg)
  }

  48% {
    opacity: 0;
    transform: rotate(-90deg)
  }

  60% {
    opacity: 1;
    transform: rotate(0)
  }

  to {
    opacity: 1;
    transform: rotate(0)
  }
}

@keyframes anim_white-1aae7195 {
  0% {
    opacity: 1;
    transform: rotate(0)
  }

  24% {
    opacity: 1;
    transform: rotate(0)
  }

  36% {
    opacity: 0;
    transform: rotate(90deg)
  }

  48% {
    opacity: 0;
    transform: rotate(90deg)
  }

  60% {
    opacity: 1;
    transform: rotate(0)
  }

  to {
    opacity: 1;
    transform: rotate(0)
  }
}

.spinner[data-v-1aae7195] {
  height: 30px;
  position: relative;
  width: 30px
}

.spinner .chips.group-1 .chip-red-small[data-v-1aae7195],
.spinner .chips.group-2 .chip-red-small-2[data-v-1aae7195] {
  animation-name: anim_red_small-1aae7195
}

.spinner .chips .chip-red-big[data-v-1aae7195],
.spinner .chips .chip-red-big-2[data-v-1aae7195] {
  animation-name: anim_red_big-1aae7195
}

.spinner .chips .chip-white[data-v-1aae7195],
.spinner .chips .chip-white-2[data-v-1aae7195] {
  animation-name: anim_white-1aae7195;
  fill: var(--color-text-default)
}

.spinner .chips[data-v-1aae7195],
.spinner .chips>svg[data-v-1aae7195] {
  fill: var(--color-amaranth)
}

.spinner .group-2[data-v-1aae7195] {
  transform: rotate(180deg)
}

.spinner .chips .chip-red-small[data-v-1aae7195],
.spinner .chips .chip-red-big[data-v-1aae7195],
.spinner .chips .chip-white[data-v-1aae7195],
.spinner .chips .chip-red-small-2[data-v-1aae7195],
.spinner .chips .chip-red-big-2[data-v-1aae7195],
.spinner .chips .chip-white-2[data-v-1aae7195] {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  opacity: 1
}

.stat.highlighted[data-v-330916ee] {
  text-transform: uppercase
}

.stat.highlighted .squared[data-v-330916ee] {
  background: var(--color-stat-background);
  border-color: var(--color-stat-background)
}

.stat.highlighted span[data-v-330916ee] {
  font-weight: var(--font-bold)
}

.stat.highlighted .unit[data-v-330916ee] {
  color: var(--color-text-darker);
  font-size: var(--font-sm);
  margin-left: var(--spacing-xxxxs);
  text-transform: lowercase
}

.stat span[data-v-330916ee] {
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold);
  line-height: 11px
}

.stat-name[data-v-330916ee] {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xxs)
}

.sub-skill-aim-rank[data-v-046d2d4a] {
  background: var(--gradient-secondary-inverted);
  border-radius: var(--spacing-xxs);
  border: 2px solid var(--color-skeleton);
  height: 276px;
  position: relative;
  transition: .25s;
  width: 253px
}

.sub-skill-aim-rank .skill-rank-progress[data-v-046d2d4a] {
  margin-top: var(--spacing-negative-sm)
}

.sub-skill-aim-rank[data-v-046d2d4a]:not(:hover) {
  border: 2px solid transparent !important
}

.sub-skill-aim-rank:not(:hover) .skill-rank-progress[data-v-046d2d4a] {
  display: none
}

.sub-skill-aim-rank[data-v-046d2d4a],
.sub-skill-aim-rank.locked[data-v-046d2d4a] {
  opacity: .5
}

.sub-skill-aim-rank[data-v-046d2d4a]:hover {
  opacity: 1
}

.sub-skill-aim-rank:hover .sub-skill-aim-rank-badge[data-v-046d2d4a] {
  height: 0;
  overflow: hidden
}

.sub-skill-aim-rank:hover .sub-skill-aim-rank-badge.perm[data-v-046d2d4a] {
  display: flex;
  height: 48px
}

.sub-skill-aim-rank:hover .sub-skill-aim-rank-badge-roman[data-v-046d2d4a] {
  display: none
}

.sub-skill-aim-rank:hover .sub-skill-aim-rank-badge-roman.perm[data-v-046d2d4a] {
  display: flex
}

.sub-skill-aim-rank h3[data-v-046d2d4a] {
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  height: 34px;
  text-transform: uppercase
}

.sub-skill-aim-rank h4[data-v-046d2d4a] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  text-align: center;
  text-transform: capitalize
}

.sub-skill-aim-rank-badge-roman-score[data-v-046d2d4a] {
  color: var(--color-text-secondary);
  font-size: var(--font-sm);
  height: 14px
}

.sub-skill-aim-rank-register[data-v-046d2d4a] {
  color: var(--color-amaranth);
  cursor: pointer
}

.sub-skill-details h2[data-v-2f223e60] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.sub-skill-details-sub-skills-sub-skill[data-v-2f223e60] {
  background: var(--gradient-skill-aim-rank);
  border-radius: var(--radius-sm);
  border: 2px solid var(--color-skeleton);
  color: var(--color-text-secondary);
  cursor: pointer;
  max-height: 70px;
  min-width: calc(50% - var(--spacing-avg));
  opacity: .6;
  transition: .25s
}

.sub-skill-details-sub-skills-sub-skill span[data-v-2f223e60] {
  color: inherit;
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold);
  margin-bottom: var(--spacing-xs);
  text-align: center
}

.sub-skill-details-sub-skills-sub-skill.active[data-v-2f223e60],
.sub-skill-details-sub-skills-sub-skill[data-v-2f223e60]:hover {
  opacity: 1
}

.sub-skill-details-separator[data-v-2f223e60] {
  background: var(--gradient-steel-transparent);
  height: 2px;
  width: 100%
}

.sub-skill-details-stats>*[data-v-2f223e60] {
  min-width: calc(50% - var(--spacing-sm))
}

.sub-skill-details .tooltip[data-v-2f223e60],
.sub-skill-details .tooltip button[data-v-2f223e60] {
  min-width: 100%
}

.sub-skill-panel[data-v-23fa94ee] {
  border-radius: var(--radius-sm);
  width: 400px
}

.sub-skill-panel-content[data-v-23fa94ee] {
  backdrop-filter: blur(3px);
  background-color: rgba(var(--color-background-primary-rgb), .95);
  border-radius: var(--radius-sm);
  max-width: 100%
}

.sub-skill-panel-header[data-v-23fa94ee] {
  text-transform: capitalize
}

.sub-skill-panel h3[data-v-23fa94ee] {
  font-size: var(--font-bg);
  font-weight: var(--font-bold)
}

.sub-skill-panel-best-last[data-v-23fa94ee] {
  border-radius: var(--radius-sm);
  position: absolute;
  right: 0
}

.sub-skill-panel-best-last.last[data-v-23fa94ee] {
  transform: rotate(180deg)
}

.sub-skill-panel-scores[data-v-23fa94ee] {
  width: 100%
}

.sub-skill-panel-scores[data-v-23fa94ee] {
  min-height: 42px
}

.sub-skill-panel-rank[data-v-23fa94ee] {
  border-radius: var(--radius-sm);
  height: 60px;
  width: 80px
}

.sub-skill-panel-position[data-v-23fa94ee],
.sub-skill-panel-score[data-v-23fa94ee] {
  background-color: rgba(var(--color-aim-rank-position-rgb), .33);
  border-radius: var(--radius-sm);
  max-height: 42px;
  max-width: max-content;
  min-width: 155px;
  padding: var(--spacing-xs);
  position: relative;
  text-align: center
}

.sub-skill-panel-position .formatted-number[data-v-23fa94ee],
.sub-skill-panel-score .formatted-number[data-v-23fa94ee] {
  margin-right: var(--spacing-xs)
}

.sub-skill-panel-message[data-v-23fa94ee] {
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  line-height: auto
}

.sub-skill-panel .skill-rank-progress[data-v-23fa94ee] {
  max-width: 233px
}

.tab[data-v-b6bec7a2] {
  max-width: max-content
}

.tab-collapsed.tab-top button[data-v-b6bec7a2]:not(:first-child):not(:last-child),
.tab-collapsed.tab-bottom button[data-v-b6bec7a2]:not(:first-child):not(:last-child) {
  border-radius: 0
}

.tab-collapsed.tab-top button[data-v-b6bec7a2]:first-child,
.tab-collapsed.tab-bottom button[data-v-b6bec7a2]:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.tab-collapsed.tab-top button[data-v-b6bec7a2]:last-child,
.tab-collapsed.tab-bottom button[data-v-b6bec7a2]:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.tab-collapsed.tab-left button[data-v-b6bec7a2]:not(:first-child):not(:last-child),
.tab-collapsed.tab-right button[data-v-b6bec7a2]:not(:first-child):not(:last-child) {
  border-radius: 0
}

.tab-collapsed.tab-left button[data-v-b6bec7a2]:first-child,
.tab-collapsed.tab-right button[data-v-b6bec7a2]:first-child {
  border-bottom-left-radius: 0
}

.tab-collapsed.tab-left button[data-v-b6bec7a2]:last-child,
.tab-collapsed.tab-right button[data-v-b6bec7a2]:last-child {
  border-top-left-radius: 0
}

.tab-col[data-v-b6bec7a2] .button.avg {
  min-height: 58px
}

thead {
  min-width: max-content
}

tbody {
  min-width: max-content;
  overflow-x: hidden;
  overflow-y: auto
}

tfoot {
  min-width: max-content
}

table {
  display: flex;
  flex-flow: column;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%
}

td[data-v-5bb92d47] {
  font-size: var(--font-md)
}

th[data-v-5bb92d47] {
  color: var(--color-text-secondary);
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  text-align: center;
  text-transform: uppercase
}

td[data-v-5bb92d47],
th[data-v-5bb92d47] {
  flex: 1;
  height: 65px;
  min-width: 120px;
  padding: var(--spacing-avg) var(--spacing-md)
}

tr {
  min-width: 100%
}

tr.selected th {
  color: #fff
}

tr.selected td {
  border-bottom: 2px solid var(--color-row-border);
  border-top: 2px solid var(--color-row-border)
}

tr.selected td:first-child {
  border-left: 2px solid var(--color-row-border);
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md)
}

tr.selected td:last-child {
  border-right: 2px solid var(--color-row-border);
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md)
}

tr.selected td,
tr.selected:nth-child(odd) td {
  background-color: var(--color-stat-background)
}

tr.disabled {
  opacity: .1
}

tbody tr:nth-child(odd) td {
  background-color: var(--color-table-row)
}

tbody tr:nth-child(odd) td:first-child {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md)
}

tbody tr:nth-child(odd) td:last-child {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md)
}

.tag[data-v-3cb70a6e] {
  border-radius: var(--radius-lg);
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  line-height: 15px;
  padding: var(--spacing-xxs) var(--spacing-avg);
  text-transform: uppercase;
  width: max-content
}

.tag.sm[data-v-3cb70a6e] {
  padding: var(--spacing-xxxxs) var(--spacing-xxxs);
  font-size: var(--font-xs)
}

.tooltip[data-v-0110aae8] {
  max-width: max-content;
  position: relative
}

.tooltip-content[data-v-0110aae8] {
  backdrop-filter: blur(6px);
  background: rgba(var(--color-background-primary-rgb), .94);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: var(--font-sm);
  font-weight: var(--font-medium);
  min-height: 60px;
  text-align: center;
  transition: all .25s ease;
  z-index: var(--z-10)
}

.tooltip-content.bottom[data-v-0110aae8] {
  left: 50%;
  top: calc(100% + var(--spacing-xs));
  transform-origin: top center;
  transform: translate(-50%) scale(1)
}

.tooltip-content.left[data-v-0110aae8] {
  right: 100%;
  top: 50%;
  transform-origin: right center;
  transform: translateY(-50%) scale(1)
}

.tooltip-content.right[data-v-0110aae8] {
  left: calc(100% + var(--spacing-xs));
  top: 50%;
  transform-origin: left center;
  transform: translateY(-50%) scale(1)
}

.tooltip-content.top[data-v-0110aae8] {
  left: 50%;
  top: -60px;
  transform-origin: bottom center;
  transform: translate(-50%) scale(1)
}

.tooltip-content.bottom[data-v-0110aae8]:not(.show),
.tooltip-content.top[data-v-0110aae8]:not(.show) {
  transform: translate(-50%) scale(0)
}

.tooltip-content.left[data-v-0110aae8]:not(.show),
.tooltip-content.right[data-v-0110aae8]:not(.show) {
  transform: translateY(-50%) scale(0)
}

.training-level[data-v-37bdea4a] {
  cursor: pointer;
  position: relative
}

.training-level-title[data-v-37bdea4a] {
  backdrop-filter: blur(5px);
  background-color: var(--color-background-training-level-title);
  border-radius: 0 var(--radius-sm) 0 var(--radius-md);
  bottom: 0;
  font-weight: var(--font-bold);
  left: 0;
  line-height: 19px;
  padding: var(--spacing-xs) var(--spacing-md);
  position: absolute;
  text-transform: uppercase
}

.training-level-title>span[data-v-37bdea4a] {
  color: var(--color-text-darker)
}

.training-level-video[data-v-37bdea4a] {
  background-size: cover;
  border-radius: var(--radius-md);
  opacity: .5;
  overflow: hidden;
  transition: .5s
}

.training-level-video[data-v-37bdea4a]:hover {
  opacity: 1
}

.training-level-video video[data-v-37bdea4a] {
  object-fit: cover
}

.training-level-label[data-v-71d2667e] {
  position: absolute;
  right: -10px;
  top: 26px;
  z-index: var(--z-10)
}

.training-level-label-banner[data-v-71d2667e] {
  position: relative;
  transform: rotate(45deg);
  width: 120px
}

.training-level-label-banner[data-v-71d2667e]:after,
.training-level-label-banner[data-v-71d2667e]:before {
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  width: 15px
}

.training-level-label-banner[data-v-71d2667e]:before {
  border-top-left-radius: 18px;
  left: -57px;
  top: 34px;
  transform-origin: 100% center;
  transform: skewY(-45deg) translate(50%, 15px)
}

.training-level-label-banner[data-v-71d2667e]:after {
  border-top-right-radius: 18px;
  right: -43px;
  top: 58px;
  transform-origin: 0 center;
  transform: translate(100%, -100%) skewY(45deg) translate(-58%)
}

.training-level-label-text[data-v-71d2667e] {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: var(--z-10)
}

.training-level-label-text[data-v-71d2667e]:before,
.training-level-label-text[data-v-71d2667e]:after {
  content: "";
  display: block;
  height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: var(--z-negative-10)
}

.training-level-label-text[data-v-71d2667e]:before {
  border-radius: 8px 28px 0 0;
  transform: translate(-15%) skew(-45deg)
}

.training-level-label-text[data-v-71d2667e]:after {
  border-radius: 28px 8px 0 0;
  transform: translate(15%) skew(45deg)
}

.training-level-label.most-played .training-level-label-text[data-v-71d2667e]:before,
.training-level-label.most-played .training-level-label-text[data-v-71d2667e]:after {
  background: linear-gradient(224.99deg, #ef3054 26.29%, #ee3154 50.16%)
}

.training-level-label.most-played .training-level-label-banner[data-v-71d2667e]:after,
.training-level-label.most-played .training-level-label-banner[data-v-71d2667e]:before {
  background: rgba(239, 48, 84, .25)
}

.training-level-label.recently-added .training-level-label-text[data-v-71d2667e]:before,
.training-level-label.recently-added .training-level-label-text[data-v-71d2667e]:after {
  background: linear-gradient(224.99deg, #ff8539 26.29%, #f4620d 50.16%)
}

.training-level-label.recently-added .training-level-label-banner[data-v-71d2667e]:after,
.training-level-label.recently-added .training-level-label-banner[data-v-71d2667e]:before {
  background: rgba(239, 135, 39, .25)
}

.training-level-label-shadow[data-v-71d2667e] {
  background-color: #000;
  bottom: 0;
  filter: blur(10px);
  height: 5px;
  left: -40px;
  position: absolute;
  right: -40px
}

footer[data-v-fda8dccc],
section[data-v-fda8dccc] {
  overflow: hidden
}

footer[data-v-fda8dccc],
nav[data-v-fda8dccc] {
  padding: var(--spacing-sm)
}

section[data-v-fda8dccc] {
  padding: var(--spacing-sm)
}

@media(min-width:1201px) {

  footer[data-v-fda8dccc],
  section[data-v-fda8dccc] {
    padding: var(--spacing-xxl)
  }

  nav[data-v-fda8dccc] {
    padding: var(--spacing-md) var(--spacing-lg)
  }
}

@media(max-height:750px) {

  footer[data-v-fda8dccc],
  section[data-v-fda8dccc] {
    padding: var(--spacing-lg)
  }
}

.content[data-v-6436c9af] {
  position: relative
}

.content.boxed[data-v-6436c9af] {
  width: 100%
}

.content.full[data-v-6436c9af] {
  width: 100vw
}

.ribbon[data-v-69f68d6a] {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -2px;
  right: -2px;
  user-select: none;
  pointer-events: none;
  z-index: var(--z-high)
}

.ribbon div[data-v-69f68d6a] {
  font-weight: 400;
  font-family: Helvetica;
  color: #333;
  font-size: .8em;
  font-weight: 600;
  text-align: center;
  transform: rotate(45deg);
  position: relative;
  padding: 2px 0 2px 5px;
  left: 5px;
  top: 5px;
  width: 120px;
  background: #fff;
  color: #000;
  text-shadow: grey 0 1px 0;
  box-shadow: 0 0 3px 2px #0000004d
}

.ribbon div span[data-v-69f68d6a]:before,
.ribbon div span[data-v-69f68d6a]:after {
  content: "";
  border-top: 3px solid #4fb0b6;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px
}

.ribbon div span[data-v-69f68d6a]:before {
  left: 0
}

.ribbon div span[data-v-69f68d6a]:after {
  right: 0
}

.ribbon.draft>div[data-v-69f68d6a] {
  background: -webkit-gradient(linear, left top, left bottom, from(#fdd99f), to(#fbb13b));
  color: #9a6003;
  text-shadow: #fee3b8 0 1px 0
}

.ribbon.live>div[data-v-69f68d6a] {
  background: -webkit-gradient(linear, left top, left bottom, from(#b2e2cb), to(#68c699));
  color: #296c4c;
  text-shadow: #c5e9d8 0 1px 0
}

.jedi {
  font-family: Franklin Gothic Medium, Arial Narrow, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px
}

.jedi.leaf .content .data input,
.jedi.node .content .title span {
  font-family: Courier New, Courier, monospace;
  font-weight: 500
}

.jedi:not(.loading) .toggler,
.jedi {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmJ4PSJodHRwczovL2JveHktc3ZnLmNvbSIgdmlld0JveD0iMCAwIDEzMiAxMTIiIHdpZHRoPSIxMzJweCIgaGVpZ2h0PSIxMTJweCI+CiAgPGRlZnM+CiAgICAKICA8L2RlZnM+CiAgPGc+CiAgICA8dGl0bGU+bWludXM8L3RpdGxlPgogICAgPHJlY3Qgc3R5bGU9InN0cm9rZTogI0JGQkZCRjsgZmlsbDogI0VGRUZFRiBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQiIHg9IjQiIHk9IjkiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiIHJ5PSIxIi8+CiAgICA8bGluZSBzdHlsZT0ic3Ryb2tlLXdpZHRoOiAycHg7IHN0cm9rZS1saW5lY2FwOiByb3VuZDsgc3Ryb2tlOiAjRUJFQkVCOyIgeDE9IjgiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMTUiPgogICAgICA8dGl0bGU+bWludXM8L3RpdGxlPgogICAgPC9saW5lPgogIDwvZz4KICA8Zz4KICAgIDx0aXRsZT5wbHVzPC90aXRsZT4KICAgIDxyZWN0IHN0eWxlPSJmaWxsOiAjRUZFRkVGOyBzdHJva2U6ICMzRDNEM0Q7IHN0cm9rZS1saW5lY2FwOiByb3VuZDsgc3Ryb2tlLWxpbmVqb2luOiByb3VuZCIgeD0iMzciIHk9IjkiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiIHJ5PSIxIi8+CiAgICA8Zz4KICAgICAgPHRpdGxlPnBsdXM8L3RpdGxlPgogICAgICA8bGluZSBzdHlsZT0ic3Ryb2tlLXdpZHRoOiAycHg7IHN0cm9rZS1saW5lY2FwOiByb3VuZDsgc3Ryb2tlOiAjM0QzRDNEOyIgeDE9IjQwIiB5MT0iMTUiIHgyPSI0NiIgeTI9IjE1Ij4KICAgICAgICA8dGl0bGU+bWludXM8L3RpdGxlPgogICAgICA8L2xpbmU+CiAgICAgIDxsaW5lIHN0eWxlPSJzdHJva2Utd2lkdGg6IDJweDsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2U6ICMzRDNEM0Q7IiB4MT0iNDMiIHkxPSIxMiIgeDI9IjQzIiB5Mj0iMTgiPgogICAgICAgIDx0aXRsZT5taW51czwvdGl0bGU+CiAgICAgIDwvbGluZT4KICAgIDwvZz4KICA8L2c+CiAgPGxpbmUgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6IDE7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZTogIzNEM0QzRDsiIHgxPSIxNyIgeTE9IjE1IiB4Mj0iMzEiIHkyPSIxNSIvPgogIDxsaW5lIHN0eWxlPSJzdHJva2UtZGFzaGFycmF5OiAxOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyBzdHJva2U6ICMzRDNEM0Q7IiB4MT0iNTAiIHkxPSIxNSIgeDI9IjY1IiB5Mj0iMTUiLz4KICA8bGluZSBzdHlsZT0ic3Ryb2tlLWRhc2hhcnJheTogMTsgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsgc3Ryb2tlOiAjM0QzRDNEOyIgeDE9Ijc3IiB5MT0iMTUiIHgyPSI5OSIgeTI9IjE1Ii8+CiAgPGxpbmUgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6IDE7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZTogIzNEM0QzRDsiIHgxPSIxMDguNSIgeTE9IjAuNSIgeDI9IjEwOC41IiB5Mj0iMTExLjUiLz4KPC9zdmc+Cg==);
  background-color: transparent;
  background-repeat: no-repeat
}

.jedi {
  display: flex;
  text-align: left;
  line-height: 24px;
  background-repeat: no-repeat
}

.jedi:not(:last-child) {
  background-repeat: repeat-y;
  background-position: -99px 0
}

.jedi:last-child {
  background-repeat: no-repeat;
  background-position: -99px -96px
}

.jedi .toggler {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  flex-shrink: 0;
  cursor: pointer;
  background-position: -66px 0
}

.jedi:not(.loading) .toggler {
  background-repeat: no-repeat
}

.jedi.colapsed {
  display: none
}

.jedi .content {
  display: flex;
  box-sizing: border-box;
  padding: 1px 5px;
  width: 100%
}

.jedi .content .title {
  font-weight: 500
}

.jedi.node .toggler.node.colapse {
  background-position: 0 0
}

.jedi.node .toggler.node.expand {
  background-position: -33px 0
}

.jedi.node .content {
  flex-direction: column
}

.jedi.node .content .title {
  display: flex;
  flex-direction: row;
  flex-shrink: 0
}

.jedi.node .content .title span {
  margin-left: 5px;
  color: green;
  text-transform: capitalize
}

.jedi.leaf .content {
  flex-direction: row;
  border-radius: 4px;
  border: solid 1px transparent
}

.jedi.leaf .content .title:after {
  content: ": ";
  margin-right: 5px
}

.jedi.leaf .content .data span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

.jedi.leaf .content .data input {
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 14px;
  background: 0 0
}

.jedi.leaf .content .data .boolean {
  cursor: pointer
}

.jedi.leaf .content:hover {
  border: solid 1px #b4b4b4
}

.jedi.leaf .content.editor {
  background: #b4b4b4;
  border: solid 1px #8f8f8f
}

.jedi__line {
  stroke: #8f8f8f
}

.admin[data-v-48b5f00e] {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  font-family: Franklin Gothic Medium, Arial Narrow, Arial, sans-serif;
  transition: all .15s
}

.admin[data-v-48b5f00e]:not(.expanded) {
  opacity: .5
}

.admin[data-v-48b5f00e]:not(.expanded):hover {
  opacity: 1
}

.admin.expanded[data-v-48b5f00e] {
  min-width: min(80vw, 500px);
  min-height: min(80vh, 500px);
  box-shadow: 0 0 12px 5px #00000040
}

.admin[data-v-48b5f00e] ::-webkit-scrollbar,
.admin *[data-v-48b5f00e]:hover ::-webkit-scrollbar {
  background: 0 0
}

.admin button[data-v-48b5f00e] {
  border: solid 1px #afb2bf;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  font-size: .8em
}

.admin header[data-v-48b5f00e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #5166b7;
  color: #fff;
  padding: 20px 10px;
  overflow: visible;
  border-radius: 10px 10px 0 0
}

.admin header h1[data-v-48b5f00e] {
  font-size: 1.2em;
  font-weight: 500;
  font-weight: 700
}

.admin header h1 span[data-v-48b5f00e] {
  vertical-align: super;
  font-weight: 500;
  font-size: .8em;
  margin-left: 5px
}

.admin-panel[data-v-48b5f00e] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #fff;
  color: #000;
  position: relative;
  overflow: hidden
}

.admin-panel nav[data-v-48b5f00e] {
  display: flex;
  align-items: center;
  font-weight: 700;
  background-color: #fff;
  color: #000
}

.admin-panel nav button[data-v-48b5f00e] {
  text-align: center;
  flex-grow: 1;
  padding: 10px;
  border: 0;
  border-bottom: solid 1px #afb2bf;
  border-radius: 0
}

.admin-panel nav button.active[data-v-48b5f00e] {
  border-bottom: solid 1px #5166b7;
  box-shadow: inset 0 -1px #5166b7
}

.admin-panel-body[data-v-48b5f00e] {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden
}

.admin-panel-body section[data-v-48b5f00e] {
  display: flex;
  flex-direction: column
}

.admin-panel-body section h2[data-v-48b5f00e] {
  padding: 10px;
  background-color: #e8e9ec;
  border-bottom: solid 1px #afb2bf
}

.admin-panel-body section .document[data-v-48b5f00e] {
  display: flex;
  flex-direction: column
}

.admin-panel-body section .document[data-v-48b5f00e]:not(:last-child) {
  border-bottom: solid 1px #cbcdd6
}

.admin-panel-body section .document div[data-v-48b5f00e] {
  display: flex;
  padding: 10px;
  font-size: 1em
}

.admin-panel-body section .document div>label[data-v-48b5f00e] {
  display: flex;
  flex-direction: column;
  padding: 2px 0 0;
  gap: 10px
}

.admin-panel-body section .document div>label h3[data-v-48b5f00e] {
  font-weight: 600
}

.admin-panel-body section .document div>label h4[data-v-48b5f00e] {
  font-weight: 400;
  color: #afb2bf
}

.admin-panel-body section pre[data-v-48b5f00e] {
  margin: 0;
  padding: 0;
  line-height: normal
}

.admin-panel-body section code[data-v-48b5f00e] {
  display: block;
  background: #000;
  color: #fff
}

.admin-panel-body section code[data-v-48b5f00e]:not(:last-of-type) {
  border-bottom: 4px solid #5166b7
}

.admin-footer[data-v-48b5f00e] {
  flex-shrink: 0;
  padding: 10px;
  background-color: #5166b7;
  border-radius: 10px
}

.admin-footer.expanded[data-v-48b5f00e] {
  border-top: solid 1px #afb2bf;
  border-radius: 0 0 10px 10px;
  background-color: #fff
}

.admin-footer button[data-v-48b5f00e] {
  border: none;
  outline: none;
  box-shadow: none;
  background: 0 0;
  color: currentColor;
  padding: 0
}

.admin-footer button.toggle-button[data-v-48b5f00e] {
  width: 25px;
  height: 25px;
  position: relative
}

.admin-footer button.toggle-button[data-v-48b5f00e]:before,
.admin-footer button.toggle-button[data-v-48b5f00e]:after {
  content: " ";
  position: absolute;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  top: 11px;
  border-radius: 3px;
  transition: all .5s;
  transform-origin: 50% 50%
}

.admin-footer button.toggle-button[data-v-48b5f00e]:before {
  transform: translateY(-6px)
}

.admin-footer button.toggle-button[data-v-48b5f00e]:after {
  box-shadow: 0 6px #fff
}

.admin-footer button.toggle-button.expanded[data-v-48b5f00e]:before {
  transform: rotate(45deg) translateY(0);
  background-color: #5166b7
}

.admin-footer button.toggle-button.expanded[data-v-48b5f00e]:after {
  box-shadow: 0 0 #fff;
  transform: rotate(135deg) translateY(0);
  background-color: #5166b7
}

.admin .pill[data-v-48b5f00e] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: .9em;
  min-width: 50px;
  max-height: 20px;
  margin-right: 10px
}

.admin .pill.draft[data-v-48b5f00e] {
  background: -webkit-gradient(linear, left top, left bottom, from(#fdd99f), to(#fbb13b));
  color: #9a6003;
  text-shadow: #fee3b8 0 1px 0
}

.admin .pill.live[data-v-48b5f00e] {
  background: -webkit-gradient(linear, left top, left bottom, from(#b2e2cb), to(#68c699));
  color: #296c4c;
  text-shadow: #c5e9d8 0 1px 0
}

.email-verification-content[data-v-56905fa6] {
  font-size: var(--font-bg);
  line-height: normal;
  text-align: center
}

.email-verification-content a[data-v-56905fa6] {
  text-decoration: none
}

.links-list[data-v-3b19b436] {
  background-color: var(--color-background-primary);
  font-size: var(--font-xs);
  font-weight: var(--font-semi-bold);
  line-height: var(--font-xl);
  max-height: 280px
}

.links-list-links[data-v-3b19b436] {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--spacing-sm);
  grid-template-rows: repeat(5, auto)
}

.links-list-links a[data-v-3b19b436],
.links-list-links span[data-v-3b19b436] {
  color: var(--color-text-category-title);
  font-size: var(--font-bg);
  font-weight: var(--font-semi-bold);
  line-height: 24px;
  text-decoration: none
}

.links-list-links a[data-v-3b19b436]:hover,
.links-list-links span[data-v-3b19b436]:hover {
  cursor: pointer
}

.links-list h3[data-v-3b19b436] {
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-md)
}

.footer-copy[data-v-b8b8f4bc] {
  color: var(--color-text-category-title);
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold)
}

.footer-content[data-v-b8b8f4bc] {
  align-self: center;
  border-bottom: 2px solid var(--color-range-background);
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  width: 100%
}

.footer-content[data-v-b8b8f4bc] .links-list h3 {
  font-size: var(--font-md);
  text-shadow: 3px 3px 1px rgba(0, 0, 0, .75)
}

@media(min-width:769px) {
  .footer-content[data-v-b8b8f4bc] .links-list h3 {
    font-size: var(--font-lg)
  }
}

.footer-content[data-v-b8b8f4bc] .socials {
  margin-top: var(--spacing-xl);
  width: 180px
}

@media(max-width:769px) {
  .footer-content>div[data-v-b8b8f4bc]:nth-of-type(1) {
    order: 0
  }

  .footer-content>div[data-v-b8b8f4bc]:nth-of-type(3) {
    order: 1
  }

  .footer-content>div[data-v-b8b8f4bc]:nth-of-type(2) {
    order: 2
  }

/*   .footer-content>.links-list[data-v-b8b8f4bc] {
    flex-basis: calc(50% - var(--spacing-md)/2) !important
  } */

  .links-list-links[data-v-3b19b436] {
    grid-template-rows: repeat(4, auto) !important;
  }

  .footer-content[data-v-b8b8f4bc] .socials {
    margin-top: 0;
    order: 3;
    width: 100%
  }
}

.game-settings[data-v-0e503251] {
  border: 2px solid var(--color-game-settings-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xs)
}

@media(min-width:1201px) {
  .game-settings[data-v-0e503251] {
    padding: var(--spacing-sm)
  }
}

.game-settings-content[data-v-0e503251] {
  padding: var(--spacing-sm) var(--spacing-xs);
  text-align: center
}

.game-settings-content-description[data-v-0e503251] {
  color: var(--color-text-category-title);
  font-size: var(--font-bg);
  font-weight: var(--font-medium);
  line-height: var(--font-lg);
  justify-content: center
}

.game-settings-content-title[data-v-0e503251] {
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  line-height: var(--font-lg);
  justify-content: center;
  margin-bottom: var(--spacing-xs)
}

@media(min-width:1201px) {
  .game-settings-content-title[data-v-0e503251] {
    font-size: var(--font-lg);
    line-height: var(--font-xl);
    margin-bottom: var(--spacing-sm)
  }
}

.game-settings-content.with-gradient[data-v-0e503251] {
  background: var(--gradient-secondary-inverted);
  border: 3px solid var(--color-text-category-title);
  border-radius: var(--radius-md)
}

@media(min-width:1201px) {
  .game-settings-content[data-v-0e503251]:not(.full-width) {
    width: 32%
  }
}

.games-list[data-v-5c898d1f] {
  background-color: transparent;
  padding: var(--spacing-xs)
}

.games-list-cta[data-v-5c898d1f] img {
  min-height: 12px !important;
  min-width: 50px !important
}

@media(min-width:481px) {
  .games-list-cta[data-v-5c898d1f] img {
    min-height: 30px !important;
    min-width: 80px !important
  }
}

@media(min-width:1025px) {
  .games-list-cta[data-v-5c898d1f] img {
    min-height: 50px !important;
    min-width: 170px !important
  }
}

nav[data-v-47de8569] {
  border-bottom: 1px solid var(--color-skeleton);
  height: 80px;
  position: sticky;
  top: 0;
  z-index: var(--z-100)
}

nav .navigation-items[data-v-47de8569] {
  height: 80px
}

nav .navigation-items a[data-v-47de8569],
nav .navigation-items span[data-v-47de8569] {
  position: relative;
  align-items: center;
  display: flex;
  height: inherit
}

nav .navigation-items a.router-link-exact-active span[data-v-47de8569],
nav .navigation-items span.router-link-exact-active span[data-v-47de8569] {
  color: var(--color-text-default)
}

nav .navigation-items a.router-link-exact-active[data-v-47de8569]:after,
nav .navigation-items span.router-link-exact-active[data-v-47de8569]:after {
  content: " ";
  height: 4px;
  width: 100%;
  border-radius: 2px;
  background-color: var(--color-amaranth);
  position: absolute;
  bottom: 0;
  left: 0
}

nav a[data-v-47de8569],
nav span[data-v-47de8569] {
  color: var(--color-text-category-title);
  cursor: pointer;
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: .25s
}

nav a .icon[data-v-47de8569],
nav span .icon[data-v-47de8569] {
  transition: .25s
}

nav a .navigation-link-list[data-v-47de8569],
nav span .navigation-link-list[data-v-47de8569] {
  background-color: var(--color-background-secondary);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-skeleton);
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 80px;
  transform-origin: left top;
  transform: scale(0) translate(-50%);
  transition: .25s;
  width: 200px
}

nav a .navigation-link-list>a[data-v-47de8569],
nav span .navigation-link-list>a[data-v-47de8569] {
  align-items: center;
  display: flex;
  height: 55px;
  padding: var(--spacing-sm)
}

nav a .navigation-link-list>a[data-v-47de8569]:hover,
nav span .navigation-link-list>a[data-v-47de8569]:hover {
  background-color: var(--color-background-option-selected)
}

nav a[data-v-47de8569]:hover,
nav span[data-v-47de8569]:hover {
  color: var(--color-text-default)
}

nav a:hover .icon[data-v-47de8569],
nav span:hover .icon[data-v-47de8569] {
  transform: translateY(2px)
}

nav a:hover .navigation-link-list[data-v-47de8569],
nav span:hover .navigation-link-list[data-v-47de8569] {
  transform: scale(1) translate(-50%)
}

nav .logo[data-v-47de8569] {
  margin-right: var(--spacing-lg)
}

nav .mobile-menu-button[data-v-47de8569] {
  display: none
}

@media(max-width:1201px) {
  nav[data-v-47de8569] {
    height: 50px
  }

  nav .mobile-menu-button[data-v-47de8569] {
    cursor: pointer;
    display: block
  }

  nav .navigation-wrapper[data-v-47de8569] {
    align-items: flex-start !important;
    background-color: var(--color-background-secondary);
    flex-direction: column !important;
    height: calc(100vh - 50px);
    justify-content: flex-start !important;
    left: var(--spacing-negative-sm);
    position: absolute;
    right: var(--spacing-negative-sm);
    top: 34px;
    transform-origin: top;
    transform: scale(0)
  }

  nav .navigation-wrapper.show[data-v-47de8569] {
    transform: scale(1)
  }

  nav .navigation-wrapper span .navigation-link-list[data-v-47de8569] {
    transform: scale(1)
  }

  nav .navigation-wrapper .navigation-link-list[data-v-47de8569] {
    border: unset;
    height: 0;
    left: unset;
    position: relative;
    top: unset;
    transform-origin: top;
    transform: scale(1);
    width: 100%
  }

  nav .navigation-wrapper .navigation-link-list>a[data-v-47de8569] {
    height: 65px;
    padding-left: var(--spacing-lg) !important
  }

  nav .navigation-wrapper .navigation-link-list>a[data-v-47de8569]:not(:last-child) {
    border-bottom: 1px solid var(--color-skeleton)
  }

  nav .navigation-wrapper .navigation-items-sub[data-v-47de8569] {
    flex-flow: column nowrap !important
  }

  nav .navigation-wrapper .navigation-items-sub.show .icon[data-v-47de8569] {
    transform: rotate(0);
    transform: rotate(-180deg)
  }

  nav .navigation-wrapper .navigation-items-sub.show .navigation-link-list[data-v-47de8569] {
    height: unset
  }

  nav .navigation-wrapper .navigation-items[data-v-47de8569],
  nav .navigation-wrapper .navigation-buttons[data-v-47de8569] {
    flex-direction: column;
    flex-grow: unset;
    gap: unset !important;
    height: max-content;
    width: 100%
  }

  nav .navigation-wrapper .navigation-items>a[data-v-47de8569],
  nav .navigation-wrapper .navigation-buttons>a[data-v-47de8569] {
    width: 100%
  }

  nav .navigation-wrapper .navigation-items>a>span[data-v-47de8569],
  nav .navigation-wrapper .navigation-items>span>span[data-v-47de8569],
  nav .navigation-wrapper .navigation-items>a>button[data-v-47de8569],
  nav .navigation-wrapper .navigation-buttons>a>span[data-v-47de8569],
  nav .navigation-wrapper .navigation-buttons>span>span[data-v-47de8569],
  nav .navigation-wrapper .navigation-buttons>a>button[data-v-47de8569] {
    color: var(--color-text-category-title) !important;
    padding: var(--spacing-sm) !important;
    width: 100%;
    border-bottom: 1px solid var(--color-skeleton)
  }

  nav .navigation-wrapper .navigation-items>a>span[data-v-47de8569]:hover,
  nav .navigation-wrapper .navigation-items>span>span[data-v-47de8569]:hover,
  nav .navigation-wrapper .navigation-items>a>button[data-v-47de8569]:hover,
  nav .navigation-wrapper .navigation-buttons>a>span[data-v-47de8569]:hover,
  nav .navigation-wrapper .navigation-buttons>span>span[data-v-47de8569]:hover,
  nav .navigation-wrapper .navigation-buttons>a>button[data-v-47de8569]:hover {
    background-color: var(--color-background-option-selected) !important
  }

  nav .navigation-wrapper .navigation-items .router-link-exact-active *[data-v-47de8569],
  nav .navigation-wrapper .navigation-buttons .router-link-exact-active *[data-v-47de8569] {
    color: var(--color-text-default) !important
  }

  nav .navigation-wrapper .navigation-items .router-link-exact-active[data-v-47de8569]:after,
  nav .navigation-wrapper .navigation-buttons .router-link-exact-active[data-v-47de8569]:after {
    content: unset
  }

  nav .navigation-wrapper .navigation-buttons button[data-v-47de8569] {
    align-items: flex-start !important;
    background: unset !important;
    box-shadow: unset !important;
    font-size: var(--font-md);
    font-weight: var(--font-bold);
    max-height: 64px !important;
    min-height: 64px !important;
    padding: 0 !important
  }
}

.numbers-insight[data-v-0e19bf36] {
  background-color: transparent
}

.numbers-insight-insight[data-v-0e19bf36] {
  margin-right: var(--spacing-md);
  max-width: 250px
}

.numbers-insight-insight-number[data-v-0e19bf36] {
  font-family: var(--font-corp-site);
  font-size: var(--font-xxl);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-sm)
}

.numbers-insight-insight-title[data-v-0e19bf36] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-xs)
}

.numbers-insight-insight-text[data-v-0e19bf36] {
  color: var(--color-text-category-title);
  font-size: var(--font-bg);
  font-weight: var(--font-medium);
  line-height: var(--font-lg)
}

.reset-password-alert[data-v-48a79b04] {
  left: 50%;
  position: absolute;
  top: calc(100% + var(--spacing-xl));
  transform: translate(-50%);
  width: 377px
}

.reset-password-alert[data-v-48a79b04] p {
  font-size: var(--font-sm) !important;
  font-weight: var(--font-semi-bold) !important;
  line-height: 16px !important
}

section.allow-overflow[data-v-b25636c4] {
  position: relative;
  overflow: visible
}

.socials[data-v-4894b570] {
  max-width: 400px;
  width: 100%
}

@media(max-height:750px) {
  .socials[data-v-4894b570] {
    display: none
  }
}

.socials-link[data-v-4894b570] {
  color: var(--color-text-category-title);
  height: 66px;
  width: 66px
}

.socials-link[data-v-4894b570] .button.circle {
  background: var(--color-navigation-background);
  height: 66px;
  max-height: 66px;
  max-width: 66px;
  opacity: .2;
  transition: .25s;
  width: 66px
}

.socials-link[data-v-4894b570] .button.circle:hover {
  opacity: .5
}

.socials-link[data-v-4894b570] .button.circle span {
  background: 0 0
}

.socials.vertical .socials-link[data-v-4894b570] {
  color: var(--color-text-default)
}

.socials.vertical .socials-link-button.circle[data-v-4894b570] {
  background-color: var(--color-navigation-background);
  opacity: .24
}

.action-list button[data-v-b594f22e] {
  min-width: 250px !important
}

.action-list-actions[data-v-b594f22e] {
  width: 100%
}

.action-list-actions-tile[data-v-b594f22e] {
  min-width: 400px
}

@media(max-width:481px) {
  .action-list-actions-tile[data-v-b594f22e] {
    min-width: 100%
  }
}

@media(min-width:1025px) {
  .action-list-actions-tile.right[data-v-b594f22e] {
    align-items: flex-end
  }

  .action-list-actions-tile.right .action-list-actions-tile-features-feature[data-v-b594f22e] {
    justify-content: flex-end
  }

  .action-list-actions-tile.right .action-list-actions-tile-features-feature[data-v-b594f22e]:before {
    margin-left: var(--spacing-xs);
    margin-right: unset;
    order: 1
  }
}

.action-list-actions-tile-features-feature[data-v-b594f22e] {
  padding: var(--spacing-xs) 0;
  width: 100%
}

@media(min-width:481px) {
  .action-list-actions-tile-features-feature[data-v-b594f22e] {
    background: var(--gradient-feature-border) left bottom no-repeat;
    background-size: 100% 2px;
    font-size: var(--font-bg);
    line-height: var(--font-xl)
  }
}

.action-list-actions-tile-features-feature[data-v-b594f22e]:before,
.action-list-actions-tile-features-feature[data-v-b594f22e]:after {
  background-color: var(--color-text-category-title);
  border-radius: 5px;
  content: "";
  display: flex;
  height: 10px;
  margin-right: var(--spacing-xs);
  min-height: 10px;
  min-width: 10px;
  width: 10px
}

.action-list-actions-tile-features-feature[data-v-b594f22e]:after {
  display: none
}

.action-list-actions-tile-button-container[data-v-b594f22e] {
  margin: var(--spacing-md) 0 0
}

@media(max-width:481px) {
  .action-list-actions-tile-button-container[data-v-b594f22e] {
    margin: var(--spacing-md) auto 0
  }
}

.action-list-description[data-v-b594f22e] {
  text-align: center
}

@media(min-width:1201px) {
  .aim-lab[data-v-24e5a9be] {
    flex-direction: row !important
  }
}

.aim-lab[data-v-24e5a9be] .icon.squared {
  padding: var(--spacing-avg)
}

.aim-lab-image img[data-v-24e5a9be] {
  height: 100%;
  width: 100%
}

@media(min-width:1201px) {
  .aim-lab-image img[data-v-24e5a9be] {
    width: unset;
    height: unset
  }
}

@media(min-width:1201px) {
  .aim-lab-image[data-v-24e5a9be] {
    width: 50%
  }
}

.aim-lab-info[data-v-24e5a9be] {
  text-align: left;
  width: 100%;
  z-index: 1
}

@media(min-width:769px) {
  .aim-lab-info[data-v-24e5a9be] {
    max-width: 690px;
    width: 100%
  }
}

.aim-lab-info-button[data-v-24e5a9be] {
  align-self: flex-start;
  margin-top: var(--spacing-md)
}

.aim-lab-info-button[data-v-24e5a9be] button {
  min-width: 200px !important
}

.aim-lab-info-features-feature[data-v-24e5a9be] {
  align-items: center;
  color: var(--color-text-category-title);
  font-size: var(--font-sm);
  font-weight: var(--font-semi-bold);
  line-height: var(--font-bg);
  padding: var(--spacing-xs) 0;
  text-align: left
}

@media(min-width:481px) {
  .aim-lab-info-features-feature[data-v-24e5a9be] {
    background: var(--gradient-feature-border) left bottom no-repeat;
    background-size: 100% 2px;
    font-size: var(--font-bg);
    line-height: var(--font-lg)
  }
}

.aim-lab-info-features-feature[data-v-24e5a9be]:before,
.aim-lab-info-features-feature[data-v-24e5a9be]:after {
  align-self: center;
  background-color: var(--color-text-category-title);
  border-radius: 5px;
  content: "";
  display: flex;
  height: 10px;
  margin-right: var(--spacing-xs);
  min-height: 10px;
  min-width: 10px
}

.aim-lab-info-features-feature[data-v-24e5a9be]:after {
  display: none
}

.aim-lab-info-icon[data-v-24e5a9be] {
  margin-bottom: var(--spacing-sm)
}

.aim-lab-info-subtitle[data-v-24e5a9be] {
  color: var(--color-text-category-title);
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  line-height: var(--font-lg);
  margin-bottom: var(--spacing-md);
  max-width: 450px
}

@media(min-width:481px) {
  .aim-lab-info-subtitle[data-v-24e5a9be] {
    font-size: var(--font-bg);
    line-height: var(--font-lg)
  }
}

.aim-lab-info-title[data-v-24e5a9be] {
  font-size: var(--font-lg);
  line-height: var(--font-xl);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-sm)
}

@media(min-width:481px) {
  .aim-lab-info-title[data-v-24e5a9be] {
    font-size: var(--font-xl);
    line-height: var(--font-xxl)
  }
}

@media(min-width:769px) {
  .aim-lab-info-title-block[data-v-24e5a9be] {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: unset !important
  }
}

@media(min-width:1201px) {
  .aim-lab.right .aim-lab-info-title-block[data-v-24e5a9be] {
    align-items: flex-end !important
  }

  .aim-lab.right .aim-lab-info[data-v-24e5a9be] {
    align-items: flex-end;
    order: 2
  }

  .aim-lab.right .aim-lab-image[data-v-24e5a9be] {
    order: 1;
    justify-content: flex-end !important
  }

  .aim-lab.right .aim-lab-info[data-v-24e5a9be] {
    text-align: right
  }

  .aim-lab.right .aim-lab-info-button[data-v-24e5a9be] {
    align-self: flex-end
  }

  .aim-lab.right .aim-lab-info-features[data-v-24e5a9be] {
    align-items: flex-end !important
  }

  .aim-lab.right .aim-lab-info-features-feature[data-v-24e5a9be] {
    background: var(--gradient-feature-border-right) right bottom no-repeat;
    text-align: right;
    background-size: 100% 2px
  }

  .aim-lab.right .aim-lab-info-features-feature[data-v-24e5a9be] {
    justify-content: flex-end
  }

  .aim-lab.right .aim-lab-info-features-feature[data-v-24e5a9be] p {
    text-align: right !important
  }

  .aim-lab.right .aim-lab-info-features-feature[data-v-24e5a9be]:after {
    display: flex;
    margin-left: var(--spacing-xs);
    margin-right: 0
  }

  .aim-lab.right .aim-lab-info-features-feature[data-v-24e5a9be]:before {
    display: none
  }
}

.carousel-tile[data-v-2d52e84a] {
  max-width: 300px;
  min-width: 200px;
  position: relative
}

@media(min-width:481px) {
  .carousel-tile[data-v-2d52e84a] {
    max-width: 600px;
    min-width: 350px
  }
}

.carousel-tile-cover[data-v-2d52e84a] {
  height: 100%;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  top: 0
}

.carousel-tile-cover-button[data-v-2d52e84a] {
  align-self: center;
  align-items: center;
  background-color: var(--color-button-carousel);
  border-radius: 12.5px;
  height: 25px;
  justify-content: center;
  justify-self: center;
  width: 25px
}

@media(min-width:769px) {
  .carousel-tile-cover-button[data-v-2d52e84a] {
    justify-content: center;
    justify-self: center
  }
}

.carousel-tile-cover-button[data-v-2d52e84a] .icon {
  height: 5.25px !important;
  min-height: 5.25px !important;
  min-width: 8.5px !important
}

@media(min-width:769px) {
  .carousel-tile-cover-button[data-v-2d52e84a] .icon {
    height: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important
  }
}

@media(min-width:481px) {
  .carousel-tile-cover-button[data-v-2d52e84a] {
    border-radius: 25px;
    height: 50px;
    width: 50px
  }
}

@media(min-width:769px) {
  .carousel-tile-cover-button[data-v-2d52e84a] {
    border-radius: 50px;
    height: 100px;
    width: 100px
  }
}

.carousel-tile-cover-button[data-v-2d52e84a]:hover {
  background-color: var(--color-button-carousel-hover);
  cursor: pointer
}

@media(min-width:481px) {
  .carousel-tile-footer-avatar[data-v-2d52e84a] .picture picture {
    height: 64px !important;
    width: 64px !important
  }
}

.carousel-tile-footer-avatar[data-v-2d52e84a] .picture picture img {
  border-radius: var(--radius-lg)
}

@media(min-width:481px) {
  .carousel-tile-footer-avatar[data-v-2d52e84a] .picture picture img {
    height: 64px;
    width: 64px
  }
}

.carousel-tile-footer-nickname[data-v-2d52e84a] {
  font-size: var(--font-xs);
  font-weight: var(--font-medium);
  line-height: var(--font-sm)
}

@media(min-width:481px) {
  .carousel-tile-footer-nickname[data-v-2d52e84a] {
    font-size: var(--font-bg);
    line-height: var(--font-lg)
  }
}

.carousel-tile-footer-nickname span[data-v-2d52e84a] {
  color: var(--color-amaranth);
  font-weight: var(--font-bold)
}

.carousel-tile-opinion-container[data-v-2d52e84a] {
  background: var(--gradient-carousel);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm);
  transform: 0
}

.carousel-tile-opinion[data-v-2d52e84a] {
  color: var(--color-text-category-title);
  font-size: var(--font-sm);
  font-weight: var(--font-medium);
  height: 146px;
  line-height: var(--font-bg)
}

@media(min-width:481px) {
  .carousel-tile-opinion[data-v-2d52e84a] {
    font-size: var(--font-bg);
    height: 190px;
    line-height: var(--font-xl)
  }
}

.carousel-tile.next[data-v-2d52e84a] {
  min-width: 30px;
  max-width: 30px
}

@media(min-width:481px) {
  .carousel-tile.next[data-v-2d52e84a] {
    min-width: 350px;
    max-width: 600px
  }
}

.carousel-tile.next .carousel-tile-opinion-container[data-v-2d52e84a] {
  display: none
}

@media(min-width:1025px) {
  .carousel-tile.next .carousel-tile-opinion-container[data-v-2d52e84a] {
    display: flex
  }
}

.carousel-tile.next .carousel-tile-cover[data-v-2d52e84a] {
  background: linear-gradient(to left, #11162e 50%, rgba(17, 22, 46, .15) 100%);
  justify-content: flex-start
}

@media(min-width:1025px) {
  .carousel-tile.next .carousel-tile-cover[data-v-2d52e84a] {
    justify-content: center
  }
}

.carousel-tile.next .carousel-tile-cover-button[data-v-2d52e84a] {
  transform: rotate(90deg)
}

.carousel-tile.previous[data-v-2d52e84a] {
  max-width: 30px;
  min-width: 30px
}

@media(min-width:481px) {
  .carousel-tile.previous[data-v-2d52e84a] {
    max-width: 600px;
    min-width: 350px
  }
}

.carousel-tile.previous .carousel-tile-opinion-container[data-v-2d52e84a] {
  display: none
}

@media(min-width:1025px) {
  .carousel-tile.previous .carousel-tile-opinion-container[data-v-2d52e84a] {
    display: flex
  }
}

.carousel-tile.previous .carousel-tile-cover[data-v-2d52e84a] {
  background: linear-gradient(to right, #11162e 50%, rgba(17, 22, 46, .15) 100%);
  justify-content: flex-end
}

@media(min-width:1025px) {
  .carousel-tile.previous .carousel-tile-cover[data-v-2d52e84a] {
    justify-content: center
  }
}

.carousel-tile.previous .carousel-tile-cover-button[data-v-2d52e84a] {
  transform: rotate(-90deg)
}

.carousel[data-v-516f0ed0] {
  overflow: hidden
}

.carousel[data-v-516f0ed0] .carousel-tile:not(.active) {
  user-select: none
}

#ot-sdk-cookie-policy[data-v-d4cc3452] {
  background: var(--color-sidebar-background);
  border-radius: var(--radius-md);
  max-width: 1080px;
  padding: var(--spacing-lg)
}

@media(max-width:1201px) {
  #ot-sdk-cookie-policy[data-v-d4cc3452] {
    padding: var(--spacing-sm) 0
  }
}

#ot-sdk-cookie-policy[data-v-d4cc3452] section {
  overflow: hidden;
  padding-top: var(--spacing-lg);
  margin: 0 !important
}

@media(max-width:1201px) {
  #ot-sdk-cookie-policy[data-v-d4cc3452] section {
    padding-top: var(--spacing-sm)
  }
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy #cookie-policy-description,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy .ot-table-header,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy td {
  background-color: transparent;
  color: var(--color-text-category-title);
  font-family: var(--font-main);
  font-size: var(--font-bg);
  font-weight: var(--font-medium);
  line-height: 30px
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy a {
  color: var(--color-text-default)
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy a:hover {
  background-color: transparent
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy #cookie-policy-title,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
  color: var(--color-text-default);
  margin-bottom: var(--spacing-md)
}

@media(max-width:769px) {
  #ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
    font-size: var(--font-md)
  }

  #ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy p {
    font-size: var(--font-sm);
    line-height: 24px
  }
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto-fit, 1fr);
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  border: unset
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table * {
  box-sizing: border-box
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table .ot-host,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table .ot-host-td {
  max-width: 250px;
  min-width: 250px
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table .ot-cookies-type,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table .ot-cookies-type-td {
  max-width: 200px;
  min-width: 200px
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table .ot-cookies,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table .ot-cookies-td {
  min-width: 400px
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table td {
  border: unset;
  font-size: var(--font-md)
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table th {
  background-color: transparent;
  border: unset;
  color: var(--color-text-category-title);
  font-size: var(--font-sm);
  font-weight: var(--font-bold);
  text-align: center;
  text-transform: uppercase
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table td,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table th {
  align-items: center;
  display: flex;
  flex-direction: row nowrap;
  flex: 1;
  min-height: 65px;
  min-width: 120px;
  padding: var(--spacing-avg) var(--spacing-md);
  max-width: unset
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table tr {
  display: flex;
  flex-direction: row nowrap;
  min-width: 100%
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table tbody {
  overflow-x: hidden;
  overflow-y: auto
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table tbody tr:nth-child(odd) td {
  background-color: var(--color-table-row)
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table tbody tr:nth-child(odd) td:first-child {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md)
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table tbody tr:nth-child(odd) td:last-child {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md)
}

#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table tfoot,
#ot-sdk-cookie-policy[data-v-d4cc3452] .ot-sdk-cookie-policy table thead {
  min-width: max-content;
  background-color: transparent
}

.cta-tile-button[data-v-c6458a54] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  margin-top: var(--spacing-lg);
  min-width: 250px !important
}

@media(min-width:769px) {
  .cta-tile-button[data-v-c6458a54] {
    font-size: var(--font-bg);
    height: 64px
  }
}

.cta-tile h3[data-v-c6458a54] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold);
  line-height: var(--font-xl)
}

@media(min-width:769px) {
  .cta-tile h3[data-v-c6458a54] {
    font-size: var(--font-xl);
    line-height: var(--font-xxl)
  }
}

.cta-tile-text[data-v-c6458a54] {
  color: var(--color-text-category-title);
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  line-height: var(--font-lg);
  margin-top: var(--spacing-xxxs);
  opacity: .75
}

@media(min-width:769px) {
  .cta-tile-text[data-v-c6458a54] {
    font-size: var(--font-lg);
    line-height: var(--font-xl)
  }
}

.cta-tile-text.bold[data-v-c6458a54] {
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  line-height: var(--font-lg)
}

.cta-tile .cta-tile-text[data-v-c6458a54] {
  text-align: center
}

@media(min-width:481px) {
  .cta-tile .cta-tile-text[data-v-c6458a54] {
    font-size: var(--font-lg);
    line-height: var(--font-xl)
  }
}

.cta-tile .cta-tile-header[data-v-c6458a54] {
  text-align: center;
  font-size: var(--font-lg);
  line-height: var(--font-xl)
}

@media(min-width:481px) {
  .cta-tile .cta-tile-header[data-v-c6458a54] {
    font-size: var(--font-xl);
    line-height: var(--font-xxl)
  }
}

.cta-tile[data-v-c6458a54] .cta-tile-button {
  font-size: var(--font-md)
}

.cta-tile[data-v-c6458a54] .cta-tile-button.large {
  font-size: var(--font-bg);
  height: 60px;
  padding: var(--spacing-sm) var(--spacing-xl)
}

@media(min-width:481px) {
  .cta-tile[data-v-c6458a54] .cta-tile-button.large {
    font-size: var(--font-lg);
    height: 88px;
    width: 325px
  }
}

.cta-tile[data-v-c6458a54] .cta-tile-button:hover {
  color: var(--color-background-secondary)
}

.download[data-v-61a69b5b] {
  background-color: var(--color-background-homepage-light);
  justify-content: center;
  margin-bottom: var(--spacing-xl);
  margin-top: var(--spacing-sm)
}

.download-tile[data-v-61a69b5b] {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-download-border);
  flex-grow: 1;
  max-width: 357px;
  min-height: 574px;
  min-width: 300px;
  padding: var(--spacing-xl) var(--spacing-lg);
  position: relative;
  z-index: var(--z-0)
}

.download-tile[data-v-61a69b5b]:before {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0
}

.download-tile[data-v-61a69b5b]:before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  background: linear-gradient(180deg, var(--color-background-homepage-light), var(--color-amaranth));
  border-radius: var(--radius-md);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  padding: 3px;
  z-index: var(--z-negative-20)
}

.download-tile[data-v-61a69b5b]:hover {
  border-color: transparent
}

.download-tile[data-v-61a69b5b]:hover:after,
.download-tile[data-v-61a69b5b]:hover:before {
  opacity: 1
}

.download-tile-advantages[data-v-61a69b5b] {
  font-weight: var(--font-semi-bold);
  line-height: var(--font-xl);
  width: 100%
}

.download-tile-advantages-advantage[data-v-61a69b5b] {
  align-items: center;
  margin-top: var(--spacing-xxs)
}

.download-tile-advantages-advantage-icon[data-v-61a69b5b] {
  margin-right: var(--spacing-xxs)
}

.download-tile-button-container[data-v-61a69b5b] {
  justify-content: end;
  margin-top: var(--spacing-lg);
  width: 100%
}

.download-tile-button-container[data-v-61a69b5b] .button {
  max-height: 45px;
  text-transform: uppercase
}

.download-tile-icon[data-v-61a69b5b] {
  background-color: var(--color-background-secondary);
  border-radius: 40px;
  color: var(--color-text-category-title);
  height: 80px;
  justify-content: center;
  margin: var(--spacing-sm) auto var(--spacing-xs);
  width: 80px
}

.download-tile-title[data-v-61a69b5b] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold)
}

.download-tile a[data-v-61a69b5b],
.download-tile a[data-v-61a69b5b] button {
  min-width: 100% !important
}

.faq[data-v-bf7d4478] .header {
  margin-top: 0
}

.faq[data-v-bf7d4478] .titleRow .button {
  min-width: 40px
}

.faq[data-v-bf7d4478] .titleRow .title {
  line-height: var(--font-bg)
}

.game-sync-tile[data-v-44d37046] {
  flex-basis: calc(50% - var(--spacing-md)/2) !important;
  width: 100px
}

@media(min-width:481px) {
  .game-sync-tile[data-v-44d37046] {
    flex-basis: auto !important;
    width: 200px
  }
}

.game-sync-tile-picture[data-v-44d37046] {
  background-clip: padding-box;
  border: solid 4px transparent;
  position: relative;
  transition: margin .2s
}

@media(min-width:481px) {
  .game-sync-tile-picture[data-v-44d37046] picture {
    height: 450px !important;
    width: 200px !important
  }

  .game-sync-tile-picture[data-v-44d37046] picture img {
    height: 450px !important;
    width: 200px !important
  }
}

.game-sync-tile-picture-container[data-v-44d37046] {
  position: relative;
  user-select: none
}

.game-sync-tile-picture-container-play[data-v-44d37046] {
  backdrop-filter: blur(6px);
  background-color: var(--color-game-play);
  display: none;
  height: 64px;
  margin-left: 4px;
  opacity: .66;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 8px)
}

.game-sync-tile-picture-container-play-text[data-v-44d37046] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold);
  margin: auto
}

.game-sync-tile[data-v-44d37046]:hover {
  cursor: pointer
}

.game-sync-tile:hover .game-sync-tile-picture-container-play[data-v-44d37046] {
  color: var(--color-text-default);
  display: none
}

@media(min-width:481px) {
  .game-sync-tile:hover .game-sync-tile-picture-container-play[data-v-44d37046] {
    display: flex;
    flex-basis: auto !important;
    width: 200px
  }
}

.game-sync-tile:hover .game-sync-tile-picture[data-v-44d37046] {
  margin-bottom: var(--spacing-xs);
  margin-top: var(--spacing-negative-xs)
}

.game-sync-tile:hover .game-sync-tile-picture[data-v-44d37046]:before {
  background: var(--gradient-amaranth-vertical);
  border-radius: var(--radius-sm);
  content: "";
  margin: -2px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

@media(min-width:481px) {
  .game-sync-tile:hover .game-sync-tile-picture[data-v-44d37046]:before {
    border-radius: var(--radius-md);
    margin: -4px
  }
}

.game-sync-tile-title[data-v-44d37046] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  height: 50px;
  line-height: var(--font-lg);
  text-align: center
}

@media(min-width:481px) {
  .game-sync-tile-title[data-v-44d37046] {
    font-size: var(--font-lg);
    height: 80px;
    line-height: var(--font-xl)
  }
}

@media(min-width:1201px) {
  .heading-descriptions[data-v-7e419bfa] {
    flex-direction: row
  }
}

.heading[data-v-7e419bfa] h1,
.heading[data-v-7e419bfa] h2 {
  text-transform: uppercase
}

.heading[data-v-7e419bfa] h1 {
  font-family: var(--font-corp-site);
  font-size: var(--font-xxl);
  font-weight: var(--font-bold);
  text-shadow: 0 6px 2px rgba(0, 0, 0, .5)
}

@media(min-width:769px) {
  .heading[data-v-7e419bfa] h1 {
    font-size: var(--font-xxl)
  }
}

.heading[data-v-7e419bfa] h2 {
  font-size: var(--font-bg);
  line-height: 40px
}

.heading[data-v-7e419bfa] h2 strong {
  color: var(--color-amaranth)
}

@media(min-width:769px) {
  .heading[data-v-7e419bfa] h2 {
    font-size: var(--font-xl);
    font-weight: var(--font-bold);
    line-height: normal
  }
}

.heading[data-v-7e419bfa] h3 {
  font-size: var(--font-md);
  text-shadow: 3px 3px 1px rgba(0, 0, 0, .75)
}

@media(min-width:769px) {
  .heading[data-v-7e419bfa] h3 {
    font-size: var(--font-lg)
  }
}

@media(max-width:769px) {
  .heading[data-v-7e419bfa] {
    align-items: flex-start !important
  }

  .heading[data-v-7e419bfa] * {
    text-align: left !important
  }

  .heading button[data-v-7e419bfa] {
    margin: 0 auto
  }
}

.hero[data-v-7b0e8400] {
  align-items: center !important;
  min-height: calc(100vh - 80px - var(--spacing-lg) * 2)
}

@media(orientation:portrait) {
  .hero.constrained[data-v-7b0e8400] {
    min-height: calc(80vh - 80px - var(--spacing-lg) * 2)
  }
}

@media(min-width:481px) {
  .hero[data-v-7b0e8400] {
    min-height: calc(100vh - 80px - var(--spacing-lg) * 2)
  }
}

@media(min-width:481px) and (orientation:portrait) {
  .hero.constrained[data-v-7b0e8400] {
    min-height: calc(90vh - 80px - var(--spacing-lg) * 2)
  }
}

@media(min-width:1025px) {
  .hero[data-v-7b0e8400] {
    min-height: calc(100vh - 204px - var(--spacing-lg));
    align-items: flex-start !important
  }

  .hero.constrained[data-v-7b0e8400] {
    min-height: calc(70vh - 80px - var(--spacing-lg) * 2)
  }
}

.hero[data-v-7b0e8400] h1 {
  font-family: var(--font-corp-site) !important;
  font-size: var(--font-lg) !important;
  max-width: 80% !important;
  text-shadow: 0 6px 2px rgba(0, 0, 0, .5);
  text-transform: uppercase
}

@media(min-width:481px) {
  .hero[data-v-7b0e8400] h1 {
    font-size: var(--font-xl) !important
  }
}

@media(min-width:1025px) {
  .hero[data-v-7b0e8400] h1 {
    font-size: var(--font-xxl) !important
  }
}

@media(min-width:769px) {
  .hero[data-v-7b0e8400] h1 {
    font-size: var(--font-xxxl) !important
  }
}

.hero .promotion[data-v-7b0e8400] {
  max-width: 616px
}

.hero .promotion-wrapper[data-v-7b0e8400] {
  background: linear-gradient(180deg, rgba(var(--color-background-homepage-light-rgb), .5) 0%, rgba(var(--color-background-homepage-dark-rgb), .5) 100%);
  padding: var(--spacing-md);
  border: 3px solid var(--color-amaranth);
  box-sizing: border-box;
  backdrop-filter: blur(8px);
  border-radius: 16px
}

@media(min-width:481px) {
  .hero .promotion-wrapper header[data-v-7b0e8400] {
    flex-direction: row !important;
    gap: var(--spacing-lg) !important
  }
}

@media(max-width:481px) {
  .hero .promotion-wrapper[data-v-7b0e8400] {
    padding: var(--spacing-sm)
  }

  .hero .promotion-wrapper header[data-v-7b0e8400] h3.prismic-rich-text {
    font-size: var(--font-lg) !important
  }

  .hero .promotion-wrapper header[data-v-7b0e8400] .picture {
    display: none
  }
}

.hero .promotion-wrapper[data-v-7b0e8400] p strong {
  color: var(--color-amaranth)
}

.hero .promotion-end-date[data-v-7b0e8400] {
  color: var(--color-amaranth);
  font-family: var(--font-oxanium);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px
}

.hero .socials[data-v-7b0e8400] {
  display: none;
  max-width: 66px
}

@media(min-width:1201px) {
  .hero .socials[data-v-7b0e8400] {
    display: flex
  }
}

.hero-main[data-v-7b0e8400] {
  position: relative;
  min-height: 264px;
  width: 100%
}

@media(min-width:1025px) {
  .hero-main[data-v-7b0e8400] {
    min-height: 236px
  }
}

.hero-main img[data-v-7b0e8400] {
  position: absolute;
  right: -300px;
  bottom: -400px;
  transform: scale(.7)
}

@media(max-width:1025px) {
  .hero-main img[data-v-7b0e8400] {
    display: none
  }
}

.hero-main-numbers[data-v-7b0e8400] {
  display: none
}

@media(min-width:1025px) {
  .hero-main-numbers[data-v-7b0e8400] {
    display: flex
  }
}

@media(min-width:1025px) {
  .hero-main-ctas[data-v-7b0e8400] {
    flex-direction: row;
    width: auto
  }
}

.hero-main-ctas a[data-v-7b0e8400] {
  min-width: 240px;
  text-decoration: none;
  width: 100%
}

.hero-main-ctas a[data-v-7b0e8400] .button {
  font-size: var(--font-bg);
  max-width: 325px;
  width: 100%
}

.hero-main-ctas a[data-v-7b0e8400] .button .content .icon {
  height: 32px !important;
  margin-left: var(--spacing-xs);
  width: 32px !important
}

@media(min-width:1025px) {
  .hero-main-ctas a[data-v-7b0e8400] {
    width: auto
  }
}

.hero[data-v-7b0e8400] .numbers-insight-insight {
  max-width: 290px !important
}

.hero[data-v-7b0e8400] .numbers-insight-insight .numbers-insight-insight-number {
  font-size: var(--font-xxl) !important
}

@media(max-height:750px) {
  .hero[data-v-7b0e8400] .numbers-insight-insight p {
    display: none
  }
}

.hero[data-v-7b0e8400] .games-list {
  align-self: center
}

.hero-image img[data-v-6ab49182] {
  max-width: 1400px;
  width: 100%;
  object-fit: cover
}

.info-switch[data-v-1179e8bc] {
  z-index: var(--z-0)
}

.info-switch-list[data-v-1179e8bc] {
  display: flex;
  max-width: 530px
}

@media(min-width:769px) {
  .info-switch-list[data-v-1179e8bc] {
    min-width: 470px
  }
}

.info-switch-list-tab[data-v-1179e8bc] {
  background: var(--gradient-stats-switch);
  border-radius: var(--radius-sm);
  color: var(--color-text-category-title);
  font-size: var(--font-bg);
  font-weight: var(--font-bold);
  height: 80px
}

.info-switch-list-tab-container[data-v-1179e8bc] {
  background: var(--gradient-stats-switch);
  border-radius: var(--radius-sm);
  bottom: 0;
  content: "";
  left: 0;
  margin: 2px;
  padding-left: var(--spacing-sm);
  right: 0;
  top: 0
}

.info-switch-list-tab[data-v-1179e8bc]:hover,
.info-switch-list-tab.selected[data-v-1179e8bc] {
  background: linear-gradient(90deg, rgba(var(--color-amaranth-rgb), 1) 0%, rgba(var(--color-amaranth-rgb), 0) 90%);
  cursor: pointer
}

@media(max-width:769px) {
  .info-switch-list-tab[data-v-1179e8bc] {
    height: 32px
  }

  .info-switch-list-tab[data-v-1179e8bc],
  .info-switch-list-tab[data-v-1179e8bc]:hover,
  .info-switch-list-tab.selected[data-v-1179e8bc],
  .info-switch-list-tab-container[data-v-1179e8bc] {
    background: 0 0;
    cursor: default
  }

  .info-switch-list-tab-container[data-v-1179e8bc] {
    margin: 0;
    padding: 0
  }

  .info-switch-list-tab-container[data-v-1179e8bc]:before {
    background-color: #262b50;
    border-radius: 100%;
    content: "";
    height: 10px;
    margin-right: var(--spacing-avg);
    min-height: 10px;
    min-width: 10px;
    width: 10px
  }
}

.info-switch-picture[data-v-1179e8bc] {
  display: none
}

@media(min-width:769px) {
  .info-switch-picture[data-v-1179e8bc] {
    display: flex
  }
}

.info-tiles.boxed .info-tiles-tile-description[data-v-4140b08b] {
  max-width: unset
}

.info-tiles .is-button[data-v-4140b08b] {
  align-self: center
}

.info-tiles-button[data-v-4140b08b] {
  margin-top: var(--spacing-sm);
  max-width: 385px
}

@media(min-width:481px) {
  .info-tiles-button[data-v-4140b08b] {
    height: 64px;
    margin-top: var(--spacing-lg)
  }
}

.info-tiles-button[data-v-4140b08b] span {
  font-size: var(--font-bg)
}

.info-tiles-container[data-v-4140b08b] {
  display: grid;
  grid-column-gap: var(--spacing-lg);
  grid-row-gap: var(--spacing-lg);
  width: 100%
}

.info-tiles-container.col-1[data-v-4140b08b] {
  grid-template-columns: 1fr
}

.info-tiles-container.col-2[data-v-4140b08b] {
  grid-template-columns: 1fr 1fr
}

.info-tiles-container.col-2 .wide[data-v-4140b08b] {
  grid-column: span 2
}

.info-tiles-container.col-3[data-v-4140b08b] {
  grid-template-columns: 1fr 1fr 1fr
}

.info-tiles-container.col-3 .wide[data-v-4140b08b] {
  grid-column: span 3
}

.info-tiles-container.col-4[data-v-4140b08b] {
  grid-template-columns: 1fr 1fr 1fr 1fr
}

.info-tiles-container.col-4 .wide[data-v-4140b08b] {
  grid-column: span 4
}

@media(max-width:1201px) {

  .info-tiles-container.col-3[data-v-4140b08b],
  .info-tiles-container.col-4[data-v-4140b08b] {
    grid-template-columns: 1fr 1fr
  }

  .info-tiles-container.col-3 .wide[data-v-4140b08b],
  .info-tiles-container.col-4 .wide[data-v-4140b08b] {
    grid-column: unset
  }
}

@media(max-width:769px) {

  .info-tiles-container.col-1[data-v-4140b08b],
  .info-tiles-container.col-2[data-v-4140b08b],
  .info-tiles-container.col-3[data-v-4140b08b],
  .info-tiles-container.col-4[data-v-4140b08b] {
    grid-template-columns: 1fr
  }

  .info-tiles-container.col-1 .wide[data-v-4140b08b],
  .info-tiles-container.col-2 .wide[data-v-4140b08b],
  .info-tiles-container.col-3 .wide[data-v-4140b08b],
  .info-tiles-container.col-4 .wide[data-v-4140b08b] {
    grid-column: unset
  }
}

.info-tiles-container.bordered[data-v-4140b08b] {
  border: 1px solid var(--color-game-settings-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-xs)
}

@media(min-width:481px) {
  .info-tiles-container.bordered[data-v-4140b08b] {
    padding: var(--spacing-sm)
  }
}

.info-tiles-container.bordered .info-tiles-tile[data-v-4140b08b] {
  justify-content: flex-start;
  text-align: center
}

.info-tiles-container.bordered .info-tiles-tile h3[data-v-4140b08b] {
  justify-content: center
}

.info-tiles-tile[data-v-4140b08b] {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: var(--spacing-xs) !important
}

.info-tiles-tile[data-v-4140b08b] p {
  text-align: left !important
}

@media(min-width:481px) {
  .info-tiles-tile[data-v-4140b08b] {
    flex-direction: column !important;
    gap: unset !important
  }

  .info-tiles-tile[data-v-4140b08b] p {
    text-align: center !important
  }
}

@media(max-width:769px) {
  .info-tiles-tile[data-v-4140b08b] {
    min-width: 100%
  }
}

.info-tiles-tile-description[data-v-4140b08b] {
  max-width: 450px
}

.info-tiles-tile-description h3[data-v-4140b08b] {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  line-height: var(--font-md);
  margin: var(--spacing-xs) 0 var(--spacing-xxs)
}

@media(min-width:481px) {
  .info-tiles-tile-description h3[data-v-4140b08b] {
    align-self: center;
    font-size: var(--font-lg);
    margin: var(--spacing-xs);
    text-align: center
  }
}

.info-tiles-tile.gradient[data-v-4140b08b] {
  background: var(--gradient-secondary-inverted);
  border: 2px solid var(--color-game-settings-border) !important
}

.info-tiles-tile.with-border[data-v-4140b08b] {
  border: 1px solid var(--color-game-settings-border);
  border-radius: var(--radius-md);
  flex-direction: column !important;
  justify-content: center;
  padding: var(--spacing-sm);
  text-align: center
}

@media(min-width:481px) {
  .info-tiles-tile.with-border[data-v-4140b08b] {
    flex-direction: column !important;
    flex: 1
  }
}

.info-tiles-tile.with-border .info-tiles-tile-picture[data-v-4140b08b] {
  margin-bottom: var(--spacing-sm)
}

.info-tiles-tile.with-border .info-tiles-tile-description h3[data-v-4140b08b] {
  font-size: var(--font-lg);
  justify-content: center;
  line-height: var(--font-xl);
  text-align: center
}

.info-tiles-tile.with-shadow .info-tiles-tile-description h3[data-v-4140b08b] {
  font-family: var(--font-exo);
  font-size: var(--font-md);
  font-weight: var(--font-normal);
  line-height: var(--font-lg);
  text-shadow: 0 8px 4px var(--color-button-hub-sub), 0 -1px 3px var(--color-text-default)
}

@media(min-width:481px) {
  .info-tiles-tile.with-shadow .info-tiles-tile-description h3[data-v-4140b08b] {
    font-size: var(--font-xl);
    line-height: var(--font-xxl)
  }
}

.landing-hero[data-v-40d8807b] {
  align-items: center !important;
  height: calc(100vh - 204px - var(--spacing-lg))
}

@media(max-width:1201px) {
  .landing-hero[data-v-40d8807b] {
    height: calc(100vh - 50px - var(--spacing-sm) * 2)
  }
}

@media(max-height:750px) {
  .landing-hero[data-v-40d8807b] {
    height: calc(100vh - 50px - var(--spacing-lg) * 2)
  }
}

.landing-hero[data-v-40d8807b] h1 {
  font-family: var(--font-corp-site) !important;
  font-size: var(--font-xxl) !important;
  max-width: 810px !important;
  text-shadow: 0 6px 2px rgba(0, 0, 0, .5);
  text-transform: uppercase
}

@media(min-width:769px) {
  .landing-hero[data-v-40d8807b] h1 {
    font-size: var(--font-xxxl) !important
  }
}

@media(max-height:750px) {
  .landing-hero[data-v-40d8807b] h1 {
    font-size: var(--font-xxl) !important
  }
}

@media(min-width:1025px) {
  .landing-hero[data-v-40d8807b] {
    align-items: flex-start !important
  }
}

.landing-hero-title[data-v-40d8807b] {
  position: relative;
  align-items: flex-start
}

@media(min-width:769px) {
  .landing-hero-title[data-v-40d8807b] {
    align-items: flex-end
  }
}

.landing-hero-title-wrapper[data-v-40d8807b] {
  width: 100%
}

.landing-hero-title-wrapper .empty[data-v-40d8807b] {
  display: none
}

@media(min-width:769px) {
  .landing-hero-title-wrapper .empty[data-v-40d8807b] {
    display: flex
  }
}

@keyframes button-glow-40d8807b {
  0% {
    filter: drop-shadow(0 0 10px var(--color-amaranth))
  }

  50% {
    filter: drop-shadow(0 0 0 var(--color-amaranth))
  }

  to {
    filter: drop-shadow(0 0 10px var(--color-amaranth))
  }
}

.landing-hero-ctas[data-v-40d8807b] {
  max-height: 70px;
}

@media(max-width:750px) {
  .landing-hero-ctas {
    max-height: 120px !important;
  }
  .landing-hero-ctas .button, 
  .landing-hero-ctas a {
    min-width: 100% !important;
  }
}


.landing-hero-ctas a[data-v-40d8807b] {
  text-decoration: none
}

.landing-hero-ctas a[data-v-40d8807b] .button.primary {
  animation: button-glow-40d8807b 1s infinite ease-in-out
}

@media(min-width:769px) {
  .landing-hero-ctas a[data-v-40d8807b] .button.primary,
  .landing-hero-ctas a .button.secondary {
    font-size: var(--font-xl);
    max-height: 70px;
    max-width: 280px;
    min-height: 70px;
    min-width: 280px;
  }
  .landing-hero-ctas a .button.secondary {
    font-size: 21px;
    max-width: 300px;
    min-width: 300px;
  }
  .landing-hero-ctas a .button.secondary img {
    margin-bottom: 3px;
  }
  .landing-hero-ctas a[data-v-40d8807b] .button.primary .icon,
  .landing-hero-ctas a[data-v-40d8807b] .button.primary .icon svg {
    height: 38px !important;
    min-height: 38px !important;
    min-width: 38px !important;
    width: 38px !important
  }
}

.landing-hero[data-v-40d8807b] .socials {
  display: none;
  left: calc(-66px - var(--spacing-xl));
  position: absolute;
  top: 0;
  width: 66px
}

@media(min-width:1920px) {
  .landing-hero[data-v-40d8807b] .socials {
    display: flex
  }
}

.landing-hero-insights[data-v-40d8807b] {
  display: none;
  max-width: 250px;
  position: absolute;
  right: 0;
  top: 0
}

@media(min-width:1201px) and (min-height:800px) {
  .landing-hero-insights[data-v-40d8807b] {
    display: flex
  }
}

.landing-hero-insights h3[data-v-40d8807b] {
  font-family: var(--font-corp-site);
  font-size: var(--font-xxl);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-sm)
}

.landing-hero-insights h4[data-v-40d8807b] {
  font-size: var(--font-lg);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing-xs)
}

.landing-hero-games[data-v-40d8807b] {
  margin: 0 auto;
  display: none
}

@media(min-width:769px) {
  .landing-hero-games[data-v-40d8807b] {
    display: flex
  }
}

.mscalculator-wrapper[data-v-70349936],
.mscalculator-footer[data-v-70349936],
.mscalculator-title[data-v-70349936] {
  min-width: 100%
}

.mscalculator-footer[data-v-70349936] .prismic-rich-text a,
.mscalculator-title[data-v-70349936] .prismic-rich-text a {
  color: var(--color-amaranth)
}

.mscalculator-games[data-v-70349936] {
  min-width: 100%
}

.mscalculator-games-grid[data-v-70349936] {
  align-items: start;
  display: grid;
  grid-gap: var(--spacing-md);
  grid-template-columns: repeat(auto-fill, 160px);
  justify-content: space-between;
  min-width: 100%
}

.mscalculator-games-grid a[data-v-70349936] {
  color: var(--color-text-default);
  font-size: var(--font-md);
  font-weight: var(--font-semi-bold);
  line-height: normal;
  text-align: center;
  text-decoration: none;
  transition: .25s
}

.mscalculator-games-grid a[data-v-70349936]:hover {
  color: var(--color-amaranth);
  transform: scale(1.2)
}

.mscalculator[data-v-70349936] .mouse-sensitivity-calculator {
  min-width: 100%
}

.mscalculator[data-v-70349936] .mouse-sensitivity-calculator p {
  color: var(--color-text-default) !important
}

.mscalculator[data-v-70349936] h2 {
  font-size: var(--font-xl);
  font-weight: var(--font-semi-bold);
  text-transform: uppercase
}

.paragraph-with-title-and-bg-colour[data-v-28d3351f] .structured-text {
  max-width: none !important
}

.shortcomings-workaround[data-v-2ceff7ad] {
  font-size: var(--font-md);
  line-height: var(--spacing-lg);
  color: var(--color-text-category-title)
}

.shortcomings-workaround[data-v-2ceff7ad] span.title {
  font-size: var(--font-bg);
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0;
  text-align: left;
  color: #fff
}

.shortcomings-workaround ol[data-v-2ceff7ad] {
  margin-bottom: var(--spacing-xs);
  margin-left: var(--spacing-md);
  margin-top: var(--spacing-xs)
}

.shortcomings-workaround ul[data-v-2ceff7ad] {
  list-style: none;
  margin-bottom: var(--spacing-xs);
  margin-top: var(--spacing-xs)
}

.shortcomings-workaround ul>li[data-v-2ceff7ad] {
  position: relative;
  line-height: initial
}

.shortcomings-workaround ul>li[data-v-2ceff7ad]:before {
  background-color: var(--color-amaranth);
  border-radius: 100%;
  content: "";
  height: 6px;
  left: var(--spacing-negative-xs);
  position: absolute;
  top: 11px;
  transform: translateY(-50%);
  width: 6px
}

.shortcomings-workaround ul>li ol li[data-v-2ceff7ad] {
  list-style-type: decimal;
  line-height: initial
}

.shortcomings-workaround ul>li ol li ol li[data-v-2ceff7ad] {
  list-style: lower-alpha;
  line-height: initial
}

.shortcomings-workaround img[data-v-2ceff7ad] {
  height: 21px;
  vertical-align: middle;
  width: 21px
}

.shortcomings-workaround strong[data-v-2ceff7ad] {
  color: var(--color-amaranth)
}

@keyframes ltr {
  0% {
    transform: translate(350px)
  }

  to {
    transform: translate(0)
  }
}

@keyframes rtl {
  0% {
    transform: translate(-350px)
  }

  to {
    transform: translate(0)
  }
}

.tiktok-carousel .grid[data-v-8100e81e] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  grid-gap: var(--spacing-sm);
  overflow: hidden;
  height: 732px
}

.tiktok-carousel .grid iframe[data-v-8100e81e] {
  transition: opacity .5s
}

.tiktok-carousel .controls[data-v-8100e81e] {
  position: absolute;
  top: calc(50% - 50px);
  background-color: var(--color-button-carousel);
  height: 40px;
  align-self: center;
  align-items: center;
  justify-content: center;
  justify-self: center;
  width: 40px;
  border-radius: 100%
}

.tiktok-carousel .controls .icon[data-v-8100e81e] {
  height: 5.25px !important;
  min-height: 5.25px !important;
  min-width: 8.5px !important;
  margin-top: -4px
}

@media(min-width:769px) {
  .tiktok-carousel .controls .icon[data-v-8100e81e] {
    height: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important
  }
}

@media(min-width:481px) {
  .tiktok-carousel .controls[data-v-8100e81e] {
    height: 50px;
    width: 50px
  }
}

@media(min-width:769px) {
  .tiktok-carousel .controls[data-v-8100e81e] {
    height: 100px;
    width: 100px
  }
}

.tiktok-carousel .controls[data-v-8100e81e]:hover {
  background-color: var(--color-button-carousel-hover);
  cursor: pointer
}

.tiktok-carousel .controls-previous[data-v-8100e81e] {
  left: 0;
  transform: rotate(-90deg)
}

@media(min-width:769px) {
  .tiktok-carousel .controls-previous[data-v-8100e81e] {
    left: 159px
  }
}

.tiktok-carousel .controls-next[data-v-8100e81e] {
  right: 0;
  transform: rotate(90deg)
}

@media(min-width:769px) {
  .tiktok-carousel .controls-next[data-v-8100e81e] {
    right: 159px
  }
}

.training-routine[data-v-b0748278] {
  position: relative;
  z-index: var(--z-0)
}

@media(max-width:769px) {
  .training-routine[data-v-b0748278] {
    background-image: unset !important
  }
}

.training-routine-footer-button[data-v-b0748278] {
  align-self: center;
  margin: var(--spacing-sm) auto
}

@media(min-width:769px) {
  .training-routine-footer-button[data-v-b0748278] {
    width: 385px !important
  }
}

.training-routine-footer-description[data-v-b0748278] {
  color: var(--color-text-category-title);
  display: none;
  font-size: var(--font-bg);
  line-height: var(--font-lg);
  justify-content: center;
  margin: var(--spacing-md) auto;
  text-align: center
}

@media(min-width:769px) {
  .training-routine-footer-description[data-v-b0748278] {
    display: flex
  }
}

.training-routine-footer-description.highlighted[data-v-b0748278] {
  color: var(--color-text-default);
  font-family: var(--font-exo);
  font-size: var(--font-lg);
  font-weight: var(--font-normal);
  line-height: var(--font-xl);
  text-shadow: 0 8px 4px var(--color-button-hub-sub), 0 -1px 5px var(--color-text-default);
  text-transform: uppercase
}

.training-routine-footer-description[data-v-b0748278] {
  justify-content: center
}

.training-routine-footer-image[data-v-b0748278] {
  background-position: left bottom, right bottom, bottom;
  background-repeat: no-repeat, no-repeat, no-repeat;
  bottom: var(--spacing-negative-lg);
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100vw;
  z-index: var(--z-negative-10)
}

@media(max-width:769px) {
  .training-routine-footer-image[data-v-b0748278] {
    background-image: unset !important
  }
}

.training-routine-games[data-v-b0748278] {
  max-width: 1400px;
  width: 100%
}

.training-routine-games>*[data-v-b0748278] {
  break-inside: avoid-column
}

.training-routine-games-game[data-v-b0748278] {
  background: var(--gradient-card-vertical);
  border-radius: var(--radius-md);
  border: 3px solid var(--color-text-category-title)
}

.training-routine-games-game-multiplier[data-v-b0748278] {
  font-family: var(--font-exo);
  font-size: var(--font-xxl);
  font-weight: var(--font-bold);
  text-shadow: 0 8px 4px var(--color-text-shadow)
}

@media(min-width:769px) {
  .training-routine-games-game-multiplier[data-v-b0748278] {
    font-size: var(--font-xxxl)
  }
}

.training-routine-games-game-name[data-v-b0748278] {
  color: var(--color-amaranth);
  font-size: var(--font-lg);
  font-weight: var(--font-bold);
  line-height: var(--font-xl);
  text-align: center
}

@media(min-width:769px) {
  .training-routine-games-game-name[data-v-b0748278] {
    font-size: var(--font-xl);
    line-height: var(--font-xxl)
  }
}

.training-routine-games-game.with-levels[data-v-b0748278] {
  background: 0 0;
  border: none;
  min-width: 250px;
  width: min-content
}

.training-routine-games-game.with-levels .training-routine-games-game-levels[data-v-b0748278] {
  backdrop-filter: blur(6px);
  position: relative
}

.training-routine-games-game.with-levels .training-routine-games-game-levels-multiplier[data-v-b0748278] {
  font-family: var(--font-exo);
  font-size: var(--font-xl);
  font-weight: var(--font-normal);
  left: -20px;
  position: absolute;
  text-shadow: 3px 4px 2px var(--color-text-shadow);
  text-transform: uppercase;
  top: -18px;
  z-index: 1
}

.training-routine-games-game.with-levels .training-routine-games-game-levels .training-routine-games-game-levels-table .training-routine-games-game-levels-table-body-row[data-v-b0748278] {
  border-top: 1px solid var(--color-text-category-title);
  min-width: fit-content;
  min-width: -moz-fit-content;
  width: fit-content;
  width: -moz-fit-content
}

.training-routine-games-game.with-levels .training-routine-games-game-levels .training-routine-games-game-levels-table .training-routine-games-game-levels-table-body-row td[data-v-b0748278] {
  background-color: var(--color-training-table);
  opacity: .6;
  border-radius: 0;
  flex: 0;
  min-width: 110px;
  padding: var(--spacing-sm) var(--spacing-xs);
  width: 110px
}

.training-routine-games-game.with-levels .training-routine-games-game-levels .training-routine-games-game-levels-table .training-routine-games-game-levels-table-body-row td[data-v-b0748278]:first-child {
  justify-content: center;
  min-width: 80px;
  width: 80px
}

.training-routine-games-game.with-levels .training-routine-games-game-levels .training-routine-games-game-levels-table thead[data-v-b0748278] {
  min-width: fit-content;
  min-width: -moz-fit-content
}

.training-routine-games-game.with-levels .training-routine-games-game-levels .training-routine-games-game-levels-table thead .training-routine-games-game-levels-table-header[data-v-b0748278] {
  background-color: var(--color-info);
  color: var(--color-training-table);
  max-width: fit-content;
  max-width: -moz-fit-content;
  min-width: fit-content;
  min-width: -moz-fit-content;
  width: fit-content;
  width: -moz-fit-content
}

.training-routine-games-game.with-levels .training-routine-games-game-levels .training-routine-games-game-levels-table thead .training-routine-games-game-levels-table-header td[data-v-b0748278] {
  flex: 0;
  flex-basis: auto;
  font-size: var(--font-bg);
  font-weight: var(--font-semi-bold);
  min-width: 110px;
  padding: var(--spacing-sm) var(--spacing-xs)
}

.training-routine-games-game.with-levels .training-routine-games-game-levels .training-routine-games-game-levels-table thead .training-routine-games-game-levels-table-header td[data-v-b0748278]:first-child {
  justify-content: center;
  min-width: 80px;
  width: 80px
}

.training-routine-games-game.with-levels .training-routine-games-game-name[data-v-b0748278] {
  color: var(--color-text-default);
  font-family: var(--font-exo);
  font-size: var(--font-lg);
  font-weight: var(--font-normal);
  line-height: var(--font-xl);
  margin-bottom: var(--spacing-xs);
  text-shadow: 0 8px 4px var(--color-text-shadow);
  text-transform: uppercase
}

.training-routine-games.regular[data-v-b0748278] {
  align-items: stretch;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--spacing-md);
  justify-content: center
}

.training-routine-games.regular>div[data-v-b0748278] {
  display: flex;
  align-items: center;
  justify-content: center
}

.training-routine-games.regular .training-routine-games-game[data-v-b0748278] {
  backdrop-filter: blur(6px);
  height: 100%;
  max-height: 250px;
  min-height: 250px;
  width: 100%
}

.training-routine-games.regular .training-routine-games-game-name[data-v-b0748278] {
  flex: 1;
  justify-content: center;
  align-items: center
}

@media(max-width:769px) {
  .training-routine-games.regular[data-v-b0748278] {
    grid-template-columns: 1fr 1fr
  }

  .training-routine-games.regular .training-routine-games-game[data-v-b0748278] {
    min-height: 210px;
    max-height: 210px
  }
}

@media(max-width:481px) {
  .training-routine-games.regular[data-v-b0748278] {
    grid-template-columns: 1fr
  }

  .training-routine-games.regular .training-routine-games-game[data-v-b0748278] {
    min-height: 180px;
    max-height: 180px
  }
}

.training-routine-games.leveled[data-v-b0748278] {
  align-self: center;
  column-count: 3;
  column-gap: var(--spacing-md);
  justify-content: center;
  padding: 0
}

@media(max-width:769px) {
  .training-routine-games.leveled[data-v-b0748278] {
    column-count: 2
  }

  .training-routine-games.leveled .training-routine-games-game[data-v-b0748278] {
    margin: 0 auto
  }
}

@media(max-width:481px) {
  .training-routine-games.leveled[data-v-b0748278] {
    column-count: 1
  }
}

@media(min-width:481px) {
  .training-routine-games.leveled[data-v-b0748278] {
    justify-content: space-between
  }
}

.training-routine-games.leveled .training-routine-games-game[data-v-b0748278] {
  flex-basis: 0;
  align-self: flex-start
}

html {
  background-color: var(--color-background-primary)
}

#app {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: var(--color-background-homepage-dark);
  min-height: 100vh;
  position: relative;
  z-index: var(--z-0)
}

#app #page {
  background-color: var(--color-background-homepage-dark);
  min-height: 100vh;
  position: relative;
  z-index: var(--z-0)
}

#app p {
  color: var(--color-text-category-title);
  font-family: var(--font-main);
  font-weight: var(--font-medium);
  max-width: 750px;
  font-size: var(--font-sm);
  line-height: 24px
}

@media(min-width:769px) {
  #app p {
    max-width: 1025px;
    font-size: var(--font-bg);
    line-height: 30px
  }
}

#app a.is-button {
  text-decoration: none
}