@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a,
abbr,
address,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
menu,
object,
ol,
p,
pre,
q,
s,
small,
span,
strong,
sub,
sup,
tbody,
td,
tfoot,
th,
thead,
tr,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

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

caption,
td,
th {
  text-align: left;
  font-weight: 500;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: 500;
}

menu,
ol,
ul {
  list-style: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

*,
:after,
:before {
  box-sizing: border-box;
}

a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button {
  background-color: transparent;
  cursor: pointer;
}

@font-face {
  font-family: Montserrat-fallback;
  size-adjust: 113.39999999999998%;
  ascent-override: 75%;
  src: local("Arial"), local("Helvetica");
}

:root {
  --container-max-width-small: none;
  --container-max-width-medium: none;
  --container-max-width-large: 1600px;
  --primary: #fb4d94;
  --primary-alt: #fb4d94;
  --secondary: #191862;
  --secondary-alt: #221f87;
  --tertiary: #24d2e5;
  --tertiary-alt: #a2f3fc;
  --background: #fff;
  --background-alt: #f8f8f8;
  --neutral: #909090;
  --neutral-alt: #f8f8f8;
  --accent: #fec208;
  --accent-alt: #fec208;
  --contrast: #fff;
  --contrast-alt: #fff;
  --positive: #1dc909;
  --positive-alt: #c6f1c1;
  --negative: #f00;
  --negative-alt: #f68282;
  --warning: #f60;
  --warning-alt: #ff8b3e;
  --informative: #00b4ff;
  --informative-alt: #7fd7fb;
  --monochrome-0: #000;
  --monochrome-1: #111;
  --monochrome-2: #222;
  --monochrome-3: #333;
  --monochrome-4: #444;
  --monochrome-5: #555;
  --monochrome-6: #666;
  --monochrome-7: #777;
  --monochrome-8: #888;
  --monochrome-9: #999;
  --monochrome-10: #aaa;
  --monochrome-11: #bbb;
  --monochrome-12: #ccc;
  --monochrome-13: #ddd;
  --monochrome-14: #eee;
  --monochrome-15: #fff;
  --primary-25: #fb4d9440;
  --primary-alt-25: #fb4d9440;
  --secondary-25: #19186240;
  --secondary-alt-25: #221f8740;
  --tertiary-25: #24d2e540;
  --tertiary-alt-25: #a2f3fc40;
  --background-25: #ffffff40;
  --background-alt-25: #f8f8f840;
  --neutral-25: #90909040;
  --neutral-alt-25: #f8f8f840;
  --accent-25: #fec20840;
  --accent-alt-25: #fec20840;
  --contrast-25: #ffffff40;
  --contrast-alt-25: #ffffff40;
  --positive-25: #1dc90940;
  --positive-alt-25: #8ced8040;
  --negative-25: #ff000040;
  --negative-alt-25: #f6828240;
  --warning-25: #ff660040;
  --warning-alt-25: #ff8b3e40;
  --informative-25: #00b4ff40;
  --informative-alt-25: #7fd7fb40;
  --primary-50: #fb4d9480;
  --primary-alt-50: #fb4d9480;
  --secondary-50: #19186280;
  --secondary-alt-50: #221f8780;
  --tertiary-50: #24d2e580;
  --tertiary-alt-50: #a2f3fc80;
  --background-50: #ffffff80;
  --background-alt-50: #f8f8f880;
  --neutral-50: #90909080;
  --neutral-alt-50: #f8f8f880;
  --accent-50: #fec20880;
  --accent-alt-50: #fec20880;
  --contrast-50: #ffffff80;
  --contrast-alt-50: #ffffff80;
  --positive-50: #1dc90980;
  --positive-alt-50: #8ced8080;
  --negative-50: #ff000080;
  --negative-alt-50: #f6828280;
  --warning-50: #ff660080;
  --warning-alt-50: #ff8b3e80;
  --informative-50: #00b4ff80;
  --informative-alt-50: #7fd7fb80;
  --primary-75: #fb4d94bf;
  --primary-alt-75: #fb4d94bf;
  --secondary-75: #191862bf;
  --secondary-alt-75: #221f87bf;
  --tertiary-75: #24d2e5bf;
  --tertiary-alt-75: #a2f3fcbf;
  --background-75: #ffffffbf;
  --background-alt-75: #f8f8f8bf;
  --neutral-75: #909090bf;
  --neutral-alt-75: #f8f8f8bf;
  --accent-75: #fec208bf;
  --accent-alt-75: #fec208bf;
  --contrast-75: #ffffffbf;
  --contrast-alt-75: #ffffffbf;
  --positive-75: #1dc909bf;
  --positive-alt-75: #8ced80bf;
  --negative-75: #ff0000bf;
  --negative-alt-75: #f68282bf;
  --warning-75: #ff6600bf;
  --warning-alt-75: #ff8b3ebf;
  --informative-75: #00b4ffbf;
  --informative-alt-75: #7fd7fbbf;
  --monochrome-0-25: #00000040;
  --monochrome-1-25: #11111140;
  --monochrome-2-25: #22222240;
  --monochrome-3-25: #33333340;
  --monochrome-4-25: #44444440;
  --monochrome-5-25: #55555540;
  --monochrome-6-25: #66666640;
  --monochrome-7-25: #77777740;
  --monochrome-8-25: #88888840;
  --monochrome-9-25: #99999940;
  --monochrome-10-25: #aaaaaa40;
  --monochrome-11-25: #bbbbbb40;
  --monochrome-12-25: #cccccc40;
  --monochrome-13-25: #dddddd40;
  --monochrome-14-25: #eeeeee40;
  --monochrome-15-25: #ffffff40;
  --monochrome-0-50: #00000080;
  --monochrome-1-50: #11111180;
  --monochrome-2-50: #22222280;
  --monochrome-3-50: #33333380;
  --monochrome-4-50: #44444480;
  --monochrome-5-50: #55555580;
  --monochrome-6-50: #66666680;
  --monochrome-7-50: #77777780;
  --monochrome-8-50: #88888880;
  --monochrome-9-50: #99999980;
  --monochrome-10-50: #aaaaaa80;
  --monochrome-11-50: #bbbbbb80;
  --monochrome-12-50: #cccccc80;
  --monochrome-13-50: #dddddd80;
  --monochrome-14-50: #eeeeee80;
  --monochrome-15-50: #ffffff80;
  --monochrome-0-75: #000000bf;
  --monochrome-1-75: #111111bf;
  --monochrome-2-75: #222222bf;
  --monochrome-3-75: #333333bf;
  --monochrome-4-75: #444444bf;
  --monochrome-5-75: #555555bf;
  --monochrome-6-75: #666666bf;
  --monochrome-7-75: #777777bf;
  --monochrome-8-75: #888888bf;
  --monochrome-9-75: #999999bf;
  --monochrome-10-75: #aaaaaabf;
  --monochrome-11-75: #bbbbbbbf;
  --monochrome-12-75: #ccccccbf;
  --monochrome-13-75: #ddddddbf;
  --monochrome-14-75: #eeeeeebf;
  --monochrome-15-75: #ffffffbf;
  --font-family: Montserrat, Montserrat-fallback, sans-serif;
  --root-font-size: 3.75vw;
  --root-font-size-small: 14px;
  --root-font-size-medium: 16px;
  --root-font-size-large: 16px;
  --root-line-height: 1.4;
  --root-font-weight: 500;
  --root-text-transform: none;
  --root-font-style: normal;
  --root-text-color: var(--secondary);
  --transition-speed: 0.1s;
  --transition-timing: ease-in;
  --input-padding-horizontal: var(--spacing-medium);
  --input-padding-vertical: var(--spacing-small);
  --input-border-radius: 10rem;
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-focus-border-style: solid;
  --input-invalid-border-style: solid;
  --input-valid-border-style: solid;
  --input-button-border-width: var(--button-secondary-border-width);
  --input-button-bg-color: var(--button-secondary-bg-color);
  --input-button-color-icon: var(--button-secondary-color-icon);
  --input-button-border-color: var(--button-secondary-border-color);
  --input-button-horizontal-padding: var(--spacing-small);
  --input-button-hover-bg-color: var(--button-secondary-hover-bg-color);
  --input-button-hover-color-icon: var(--button-secondary-hover-color-icon);
  --input-button-hover-border-color: var(--button-secondary-hover-border-color);
  --input-primary-bg-color: var(--background);
  --input-primary-color: var(--root-text-color);
  --input-primary-border-color: var(--neutral);
  --input-primary-placeholder-color: var(--neutral);
  --input-primary-focus-bg-color: var(--background);
  --input-primary-focus-color: var(--root-text-color);
  --input-primary-focus-border-color: var(--tertiary);
  --input-primary-valid-bg-color: var(--background);
  --input-primary-valid-color: var(--root-text-color);
  --input-primary-valid-border-color: var(--positive);
  --input-primary-invalid-bg-color: var(--background);
  --input-primary-invalid-color: var(--root-text-color);
  --input-primary-invalid-border-color: var(--negative);
  --input-primary-highlighted-bg-color: var(--positive-alt);
  --input-primary-highlighted-color: var(--root-text-color);
  --input-primary-highlighted-border-color: var(--positive-alt);
  --input-primary-highlighted-placeholder-color: var(--neutral);
  --input-primary-highlighted-focus-bg-color: var(--positive-alt);
  --input-primary-highlighted-focus-color: var(--root-text-color);
  --input-primary-highlighted-focus-border-color: var(--positive);
  --input-primary-highlighted-valid-bg-color: var(--positive-alt);
  --input-primary-highlighted-valid-color: var(--root-text-color);
  --input-primary-highlighted-valid-border-color: var(--positive-alt);
  --input-primary-highlighted-invalid-bg-color: var(--positive-alt);
  --input-primary-highlighted-invalid-color: var(--root-text-color);
  --input-primary-highlighted-invalid-border-color: var(--negative);
  --input-secondary-bg-color: var(--monochrome-13);
  --input-secondary-color: var(--monochrome-0);
  --input-secondary-border-color: transparent;
  --input-secondary-placeholder-color: var(--neutral);
  --input-secondary-focus-bg-color: var(--input-secondary-bg-color);
  --input-secondary-focus-color: var(--input-secondary-color);
  --input-secondary-focus-border-color: var(--tertiary);
  --input-secondary-valid-bg-color: var(--input-secondary-bg-color);
  --input-secondary-valid-color: var(--input-secondary-color);
  --input-secondary-valid-border-color: var(--positive);
  --input-secondary-invalid-bg-color: var(--input-secondary-bg-color);
  --input-secondary-invalid-color: var(--input-secondary-color);
  --input-secondary-invalid-border-color: var(--negative);
  --input-secondary-highlighted-bg-color: var(--positive-alt);
  --input-secondary-highlighted-color: var(--root-text-color);
  --input-secondary-highlighted-border-color: var(--positive-alt);
  --input-secondary-highlighted-placeholder-color: var(--neutral);
  --input-secondary-highlighted-focus-bg-color: var(--positive-alt);
  --input-secondary-highlighted-focus-color: var(--root-text-color);
  --input-secondary-highlighted-focus-border-color: var(--positive);
  --input-secondary-highlighted-valid-bg-color: var(--positive-alt);
  --input-secondary-highlighted-valid-color: var(--root-text-color);
  --input-secondary-highlighted-valid-border-color: var(--positive-alt);
  --input-secondary-highlighted-invalid-bg-color: var(--positive-alt);
  --input-secondary-highlighted-invalid-color: var(--root-text-color);
  --input-secondary-highlighted-invalid-border-color: var(--negative);
  --input-tertiary-bg-color: var(--positive-alt);
  --input-tertiary-color: var(--neutral);
  --input-tertiary-border-color: transparent;
  --input-tertiary-placeholder-color: var(--neutral);
  --input-tertiary-focus-bg-color: var(--input-tertiary-bg-color);
  --input-tertiary-focus-color: var(--input-tertiary-color);
  --input-tertiary-focus-border-color: var(--tertiary);
  --input-tertiary-valid-bg-color: var(--input-tertiary-bg-color);
  --input-tertiary-valid-color: var(--input-tertiary-color);
  --input-tertiary-valid-border-color: var(--positive);
  --input-tertiary-invalid-bg-color: var(--input-tertiary-bg-color);
  --input-tertiary-invalid-color: var(--input-tertiary-color);
  --input-tertiary-invalid-border-color: var(--negative);
  --input-tertiary-highlighted-bg-color: var(--positive-alt);
  --input-tertiary-highlighted-color: var(--root-text-color);
  --input-tertiary-highlighted-border-color: var(--positive-alt);
  --input-tertiary-highlighted-placeholder-color: var(--neutral);
  --input-tertiary-highlighted-focus-bg-color: var(--positive-alt);
  --input-tertiary-highlighted-focus-color: var(--root-text-color);
  --input-tertiary-highlighted-focus-border-color: var(--positive);
  --input-tertiary-highlighted-valid-bg-color: var(--positive-alt);
  --input-tertiary-highlighted-valid-color: var(--root-text-color);
  --input-tertiary-highlighted-valid-border-color: var(--positive-alt);
  --input-tertiary-highlighted-invalid-bg-color: var(--positive-alt);
  --input-tertiary-highlighted-invalid-color: var(--root-text-color);
  --input-tertiary-highlighted-invalid-border-color: var(--negative);
  --tooltip-padding: var(--spacing-medium);
  --tooltip-primary-text-color: var(--contrast);
  --tooltip-primary-bg-color: var(--monochrome-3);
  --tooltip-primary-border: none;
  --tooltip-primary-box-shadow: none;
  --tooltip-primary-border-radius: var(--radius-small);
  --single-line-text-line-height: 1;
  --text-reduced-ratio: 82%;
  --text-primary-color: var(--secondary);
  --text-secondary-color: var(--neutral);
  --text-tertiary-color: var(--primary);
  --text-primary-sub-color: var(--text-primary-color);
  --text-secondary-sub-color: var(--text-secondary-color);
  --text-tertiary-sub-color: var(--text-tertiary-color);
  --text-font-size-small: 0.875rem;
  --text-line-height-small: var(--root-line-height);
  --text-font-weight-small: var(--root-font-weight);
  --text-font-style-small: var(--root-font-style);
  --text-text-transform-small: var(--root-text-transform);
  --text-sub-font-weight-small: 700;
  --text-sub-font-style-small: var(--root-font-style);
  --text-font-size-medium: 1rem;
  --text-line-height-medium: var(--root-line-height);
  --text-font-weight-medium: var(--root-font-weight);
  --text-font-style-medium: var(--root-font-style);
  --text-text-transform-medium: var(--root-text-transform);
  --text-sub-font-weight-medium: 700;
  --text-sub-font-style-medium: var(--root-font-style);
  --text-font-size-large: 1.5rem;
  --text-line-height-large: var(--root-line-height);
  --text-font-weight-large: var(--root-font-weight);
  --text-font-style-large: var(--root-font-style);
  --text-text-transform-large: var(--root-text-transform);
  --text-sub-font-weight-large: 700;
  --text-sub-font-style-large: var(--root-font-style);
  --title-primary-color: var(--secondary);
  --title-secondary-color: var(--tertiary);
  --title-tertiary-color: var(--primary);
  --title-primary-sub-color: var(--primary);
  --title-secondary-sub-color: var(--primary);
  --title-tertiary-sub-color: var(--secondary);
  --title-font-size-small: 1.125rem;
  --title-line-height-small: var(--root-line-height);
  --title-font-weight-small: 700;
  --title-font-style-small: var(--root-font-style);
  --title-text-transform-small: uppercase;
  --title-sub-font-weight-small: 700;
  --title-sub-font-style-small: var(--root-font-style);
  --title-font-size-medium: 1.5rem;
  --title-line-height-medium: var(--root-line-height);
  --title-font-weight-medium: 700;
  --title-font-style-medium: var(--root-font-style);
  --title-text-transform-medium: uppercase;
  --title-sub-font-weight-medium: 700;
  --title-sub-font-style-medium: var(--root-font-style);
  --title-font-size-large: 1.5rem;
  --title-line-height-large: var(--root-line-height);
  --title-font-weight-large: 900;
  --title-font-style-large: var(--root-font-style);
  --title-text-transform-large: uppercase;
  --title-sub-font-weight-large: 900;
  --title-sub-font-style-large: var(--root-font-style);
  --spacing-small: 0.625rem;
  --spacing-medium: 1.25rem;
  --spacing-large: 1.5rem;
  --radius-small: 0.625rem;
  --radius-medium: 1.25rem;
  --radius-large: 1.25rem;
  --border-width-small: 1px;
  --border-width-medium: 2px;
  --border-width-large: 0.25rem;
  --link-primary-font-weight: 700;
  --link-primary-color: var(--primary);
  --link-primary-text-decoration: none;
  --link-primary-text-transform: normal;
  --link-primary-hover-color: var(--tertiary);
  --link-primary-hover-text-decoration: none;
  --link-secondary-font-weight: 700;
  --link-secondary-color: var(--secondary);
  --link-secondary-text-decoration: none;
  --link-secondary-text-transform: uppercase;
  --link-secondary-hover-color: var(--tertiary);
  --link-secondary-hover-text-decoration: none;
  --link-tertiary-font-weight: 500;
  --link-tertiary-color: var(--neutral);
  --link-tertiary-text-decoration: none;
  --link-tertiary-text-transform: uppercase;
  --link-tertiary-hover-color: var(--tertiary);
  --link-tertiary-hover-text-decoration: none;
  --button-font-weight: 700;
  --button-text-transform: uppercase;
  --button-radius: 10rem;
  --chip-font-size-small: var(--text-font-size-small);
  --chip-font-size-medium: var(--text-font-size-medium);
  --chip-font-size-large: var(--text-font-size-large);
  --chip-font-weight: 500;
  --chip-text-transform: uppercase;
  --chip-text-decoration: none;
  --chip-radius: 10rem;
  --chip-border-width: var(--border-width-small);
  --chip-color: var(--secondary);
  --chip-bg-color: transparent;
  --chip-border-color: var(--neutral);
  --chip-hover-color: var(--contrast);
  --chip-hover-text-decoration: none;
  --chip-hover-bg-color: var(--tertiary);
  --chip-hover-border-color: var(--tertiary);
  --button-disabled-bg-color: var(--neutral);
  --button-disabled-border-color: var(--neutral);
  --button-disabled-color: var(--contrast);
  --button-primary-font-size-small: var(--text-font-size-small);
  --button-primary-font-size-medium: var(--text-font-size-medium);
  --button-primary-font-size-large: var(--text-font-size-large);
  --button-primary-font-weight: 700;
  --button-primary-text-transform: uppercase;
  --button-primary-text-decoration: none;
  --button-primary-radius: 10rem;
  --button-primary-border-width: var(--border-width-medium);
  --button-primary-color: var(--primary);
  --button-primary-color-w-icon: var(--neutral);
  --button-primary-color-icon: var(--primary);
  --button-primary-bg-color: transparent;
  --button-primary-border-color: var(--primary);
  --button-primary-hover-color: var(--contrast);
  --button-primary-hover-color-w-icon: var(--button-primary-hover-color);
  --button-primary-hover-color-icon: var(--button-primary-hover-color);
  --button-primary-hover-text-decoration: none;
  --button-primary-hover-bg-color: var(--primary);
  --button-primary-hover-border-color: var(--primary);
  --button-secondary-font-size-small: var(--text-font-size-small);
  --button-secondary-font-size-medium: var(--text-font-size-medium);
  --button-secondary-font-size-large: var(--text-font-size-large);
  --button-secondary-font-weight: 700;
  --button-secondary-text-transform: uppercase;
  --button-secondary-text-decoration: none;
  --button-secondary-radius: 10rem;
  --button-secondary-border-width: var(--border-width-medium);
  --button-secondary-color: var(--contrast);
  --button-secondary-color-w-icon: var(--button-secondary-color);
  --button-secondary-color-icon: var(--button-secondary-color);
  --button-secondary-bg-color: var(--primary);
  --button-secondary-border-color: transparent;
  --button-secondary-hover-color: var(--button-secondary-color);
  --button-secondary-hover-color-w-icon: var(--button-secondary-color);
  --button-secondary-hover-color-icon: var(--button-secondary-color);
  --button-secondary-hover-text-decoration: none;
  --button-secondary-hover-bg-color: var(--tertiary);
  --button-secondary-hover-border-color: transparent;
  --button-tertiary-font-size-small: var(--text-font-size-small);
  --button-tertiary-font-size-medium: var(--text-font-size-medium);
  --button-tertiary-font-size-large: var(--text-font-size-large);
  --button-tertiary-font-weight: 700;
  --button-tertiary-text-transform: uppercase;
  --button-tertiary-text-decoration: none;
  --button-tertiary-radius: 10rem;
  --button-tertiary-border-width: var(--border-width-medium);
  --button-tertiary-color: var(--contrast);
  --button-tertiary-color-w-icon: var(--button-tertiary-color);
  --button-tertiary-color-icon: var(--button-tertiary-color);
  --button-tertiary-bg-color: var(--tertiary);
  --button-tertiary-border-color: transparent;
  --button-tertiary-hover-color: var(--button-tertiary-color);
  --button-tertiary-hover-color-w-icon: var(--button-tertiary-color);
  --button-tertiary-hover-color-icon: var(--button-tertiary-color);
  --button-tertiary-hover-text-decoration: none;
  --button-tertiary-hover-bg-color: var(--primary);
  --button-tertiary-hover-border-color: transparent;
  --icon-small: 0.875rem;
  --icon-medium: 1rem;
  --icon-large: 1.4rem;
  --modal-primary-bg-mask: var(--monochrome-0-75);
  --modal-primary-bg-color: var(--neutral-alt);
  --modal-secondary-bg-mask: var(--secondary-75);
  --modal-secondary-bg-color: var(--secondary-alt);
  --modal-tertiary-bg-mask: var(--secondary-75);
  --modal-tertiary-bg-color: var(--contrast);
  --dropdown-background-color: var(--background);
  --dropdown-border-width: var(--border-width-small);
  --dropdown-border-color: var(--neutral);
  --dropdown-border-radius: var(--radius-medium);
  --badge-border-radius: var(--radius-small);
  --badge-primary-bg-color: var(--tertiary);
  --badge-secondary-bg-color: var(--primary);
  --badge-tertiary-bg-color: var(--secondary);
  --join-form-container-bg-color: #e0e0e0;
  --join-form-title-color: #000;
  --join-form-title-sub-color: #000;
  --join-form-safetyicons-label-color: #111;
  --join-form-label-color: #757575;
  --join-form-promocode-label-color: #111;
  --join-form-input-color: #000;
  --join-form-input-placeholder-color: var(--monochrome-8);
  --join-form-input-bg-color: #fff;
  --join-form-promocode-input-bg-color: #dbefde;
  --join-form-input-border-color: #757575;
  --join-form-input-invalid-border-color: var(
    --input-primary-invalid-border-color
  );
  --join-form-input-valid-border-color: var(--input-primary-valid-border-color);
  --join-form-input-focus-border-color: var(--informative);
  --join-form-cta-color: #fff;
  --join-form-cta-bg-color-1: var(--tertiary);
  --join-form-cta-bg-color-2: var(--tertiary);
  --join-form-cta-arrow-color: #00000080;
  --join-form-cta-hover-bg-color-1: var(--primary);
  --join-form-cta-hover-bg-color-2: var(--primary);
  --join-form-cta-hover-color: #fff;
  --join-form-cta-hover-arrow-color: #00000080;
  --join-form-footer-login-text-color: var(--monochrome-1);
  --join-form-footer-login-link-color: var(--tertiary);
  --join-form-footer-login-link-hover-color: var(--tertiary);
  --join-form-footer-text-color: var(--monochrome-9);
  --join-form-footer-creator-link-color: var(--monochrome-9);
  --join-form-footer-creator-link-hover-color: var(--monochrome-9);
  --join-form-footer-out-login-text-color: var(--monochrome-1);
  --join-form-footer-out-login-link-color: var(--tertiary);
  --join-form-footer-out-login-link-hover-color: var(--tertiary);
  --join-form-footer-out-text-color: var(--monochrome-9);
  --join-form-footer-out-creator-link-color: var(--monochrome-9);
  --join-form-footer-out-creator-link-hover-color: var(--monochrome-9);
  --modal-form-container-bg-color: #e0e0e0;
  --modal-form-title-color: #000;
  --modal-form-title-sub-color: #000;
  --modal-form-safetyicons-label-color: #111;
  --modal-form-label-color: #757575;
  --modal-form-promocode-label-color: #111;
  --modal-form-input-color: #000;
  --modal-form-input-placeholder-color: var(--monochrome-8);
  --modal-form-input-bg-color: var(--neutral-25);
  --modal-form-promocode-input-bg-color: #dbefde;
  --modal-form-input-border-color: transparent;
  --modal-form-input-invalid-border-color: var(
    --input-primary-invalid-border-color
  );
  --modal-form-input-valid-border-color: var(
    --input-primary-valid-border-color
  );
  --modal-form-input-focus-border-color: var(--informative);
  --modal-form-cta-color: #fff;
  --modal-form-cta-bg-color-1: var(--tertiary);
  --modal-form-cta-bg-color-2: var(--tertiary);
  --modal-form-cta-arrow-color: #00000080;
  --modal-form-cta-hover-bg-color-1: var(--primary);
  --modal-form-cta-hover-bg-color-2: var(--primary);
  --modal-form-cta-hover-color: #fff;
  --modal-form-cta-hover-arrow-color: #00000080;
  --modal-form-footer-login-text-color: var(--monochrome-1);
  --modal-form-footer-login-link-color: var(--tertiary);
  --modal-form-footer-login-link-hover-color: var(--tertiary);
  --modal-form-footer-text-color: var(--monochrome-9);
  --modal-form-footer-creator-link-color: var(--monochrome-9);
  --modal-form-footer-creator-link-hover-color: var(--monochrome-9);
  --modal-form-footer-out-login-text-color: var(--monochrome-1);
  --modal-form-footer-out-login-link-color: var(--tertiary);
  --modal-form-footer-out-login-link-hover-color: var(--tertiary);
  --modal-form-footer-out-text-color: var(--monochrome-9);
  --modal-form-footer-out-creator-link-color: var(--monochrome-9);
  --modal-form-footer-out-creator-link-hover-color: var(--monochrome-9);
  --accent-b: #9747ff;
  --font-heading-xxl: 2rem;
  --font-heading-xl: 1.75rem;
  --font-heading-l: 1.5rem;
  --font-heading-m: 1.25rem;
  --font-heading-s: 1rem;
  --font-heading-xs: 0.875rem;
  --font-heading-xxs: 0.75rem;
  --font-body-l: 1.125rem;
  --font-body: 1rem;
  --font-body-s: 0.875rem;
  --font-body-xs: 0.75rem;
  --font-body-xxs: 0.625rem;
  --space-0: 0;
  --space-025: 0.125rem;
  --space-050: 0.25rem;
  --space-075: 0.375rem;
  --space-100: 0.5rem;
  --space-150: 0.75rem;
  --space-200: 1rem;
  --space-250: 1.25rem;
  --space-300: 1.5rem;
  --space-400: 2rem;
  --space-500: 2.5rem;
  --space-600: 3rem;
  --space-800: 4rem;
  --space-1000: 5rem;
  --radius-full: 50rem;
  --radius-l: 1.25rem;
  --radius-m: 0.625rem;
  --radius-s: 0.375rem;
  --radius-xs: 0.25rem;
  --radius-none: 0;
  --bg-accent-b: var(--accent-b);
  --text-default-inverted: var(--contrast);
  --button-d-default-bg: var(--contrast);
  --button-d-default-text: var(--secondary);
  --button-d-hover-bg: var(--tertiary);
  --button-d-hover-text: var(--contrast);
  --button-d-sm-radius: var(--radius-full);
  --button-d-sm-padding-h: var(--space-200);
  --button-d-sm-padding-v: var(--space-100);
  --icon-d-fill: var(--tertiary);
}

@media (max-width: 749px) {
  :root {
    --spacing-medium: var(--spacing-small);
  }
}

@media (min-width: 750px) {
  :root {
    --root-font-size: var(--root-font-size-small);
  }
}

@media (min-width: 1025px) {
  :root {
    --root-font-size: var(--root-font-size-medium);
  }
}

@media (min-width: 1440px) {
  :root {
    --root-font-size: var(--root-font-size-large);
  }
}

html {
  font-family: var(--font-family);
  font-size: var(--root-font-size);
  font-weight: var(--root-font-weight);
  line-height: var(--root-line-height);
  color: var(--secondary);
  background-color: var(--background);
  text-transform: var(--root-text-transform);
}