/* Auto-generated by MGRVISION - do not edit manually */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

.font-base-1 { font-family: 'Nunito Sans', sans-serif; }
.font-base-2 { font-family: 'Lato', sans-serif; }
.font-base-3 { font-family: 'Montserrat', sans-serif; }

.color-base-1 { color: #41aacd; }
.bg-color-base-1 { background-color: #41aacd; }
.border-color-base-1 { border-color: #41aacd; }
.color-base-1-rgb { --rgb-base-1: 65, 170, 205; }
.color-base-2 { color: #e61582; }
.bg-color-base-2 { background-color: #e61582; }
.border-color-base-2 { border-color: #e61582; }
.color-base-2-rgb { --rgb-base-2: 230, 21, 130; }
.color-base-3 { color: #0f1a18; }
.bg-color-base-3 { background-color: #0f1a18; }
.border-color-base-3 { border-color: #0f1a18; }
.color-base-3-rgb { --rgb-base-3: 15, 26, 24; }
.color-base-4 { color: #ffffff; }
.bg-color-base-4 { background-color: #ffffff; }
.border-color-base-4 { border-color: #ffffff; }
.color-base-4-rgb { --rgb-base-4: 255, 255, 255; }
.color-base-5 { color: #8fa3a0; }
.bg-color-base-5 { background-color: #8fa3a0; }
.border-color-base-5 { border-color: #8fa3a0; }
.color-base-5-rgb { --rgb-base-5: 143, 163, 160; }
.color-base-6 { color: #11111E; }
.bg-color-base-6 { background-color: #11111E; }
.border-color-base-6 { border-color: #11111E; }
.color-base-6-rgb { --rgb-base-6: 17, 17, 30; }

:root {
  --fs-xs: 11px;
  --fs-s: 13px;
  --fs-m: 15px;
  --fs-l: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;
  --fs-4xl: 48px;
  --fs-5xl: 64px;
  --fs-6xl: 80px;
}

.font-size-xs { font-size: var(--fs-xs); }
.font-size-s { font-size: var(--fs-s); }
.font-size-m { font-size: var(--fs-m); }
.font-size-l { font-size: var(--fs-l); }
.font-size-xl { font-size: var(--fs-xl); }
.font-size-2xl { font-size: var(--fs-2xl); }
.font-size-3xl { font-size: var(--fs-3xl); }
.font-size-4xl { font-size: var(--fs-4xl); }
.font-size-5xl { font-size: var(--fs-5xl); }
.font-size-6xl { font-size: var(--fs-6xl); }