@font-face {
  font-family: "Cosmica";
  src: url("../assets/fonts/Cosmica/Cosmica-Regular.woff2") format("woff2"), url("../assets/fonts/Cosmica/Cosmica-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("../assets/fonts/Cosmica/Cosmica-RegularItalic.woff2") format("woff2"), url("../assets/fonts/Cosmica/Cosmica-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("../assets/fonts/Cosmica/Cosmica-Semibold.woff2") format("woff2"), url("../assets/fonts/Cosmica/Cosmica-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("../assets/fonts/Cosmica/Cosmica-SemiboldItalic.woff2") format("woff2"), url("../assets/fonts/Cosmica/Cosmica-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("../assets/fonts/Cosmica/Cosmica-Heavy.woff2") format("woff2"), url("../assets/fonts/Cosmica/Cosmica-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("../assets/fonts/Cosmica/Cosmica-HeavyItalic.woff2") format("woff2"), url("../assets/fonts/Cosmica/Cosmica-HeavyItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica Mono";
  src: url("../assets/fonts/Cosmica Mono/CosmicaMono-Semibold.woff2") format("woff2"), url("../assets/fonts/Cosmica Mono/CosmicaMono-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica Mono";
  src: url("../assets/fonts/Cosmica Mono/CosmicaMono-SemiboldItalic.woff2") format("woff2"), url("../assets/fonts/Cosmica Mono/CosmicaMono-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Integral";
  src: url("../assets/fonts/Integral/Integral-Heavy.woff2") format("woff2"), url("../assets/fonts/Integral/Integral-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Integral";
  src: url("../assets/fonts/Integral/Integral-HeavyOblique.woff2") format("woff2"), url("../assets/fonts/Integral/Integral-HeavyOblique.woff") format("woff");
  font-weight: 900;
  font-style: oblique;
  font-display: swap;
}
@font-face {
  font-family: "Molitor";
  src: url("../assets/fonts/Molitor/205TF-Molitor-DisplayRegular.woff2") format("woff2"), url("../assets/fonts/Molitor/205TF-Molitor-DisplayRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Molitor";
  src: url("../assets/fonts/Molitor/205TF-Molitor-DisplayItalic.woff2") format("woff2"), url("../assets/fonts/Molitor/205TF-Molitor-DisplayItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Molitor";
  src: url("../assets/fonts/Molitor/205TF-Molitor-DisplayBold.woff2") format("woff2"), url("../assets/fonts/Molitor/205TF-Molitor-DisplayBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Molitor";
  src: url("../assets/fonts/Molitor/205TF-Molitor-DisplayBoldItalic.woff2") format("woff2"), url("../assets/fonts/Molitor/205TF-Molitor-DisplayBoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
.visually-hidden {
  border: 0;
  padding: 0 !important;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

.rw-display-6xl {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 3.75rem;
}

.rw-display-5xl {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 3rem;
}

.rw-display-4xl {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 2.25rem;
}

.rw-display-3xl {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 1.875rem;
}

.rw-display-2xl {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 1.5rem;
}

.rw-display-xl {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 1.25rem;
}

.rw-display-lg {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 1.125rem;
}

.rw-display-base {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 1rem;
}

.rw-display-md {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 0.875rem;
}

.rw-display-sm {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
}

.rw-display-xs {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 0.625rem;
}

.rw-display-1xs {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 0.5rem;
}

.rw-subheader-6xl {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 3.75rem;
}

.rw-subheader-5xl {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 3rem;
}

.rw-subheader-4xl {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 2.25rem;
}

.rw-subheader-3xl {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.875rem;
}

.rw-subheader-2xl {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.5rem;
}

.rw-subheader-xl {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.25rem;
}

.rw-subheader-lg {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.125rem;
}

.rw-subheader-base {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 1rem;
}

.rw-subheader-md {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 0.875rem;
}

.rw-subheader-sm {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 0.75rem;
}

.rw-subheader-xs {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 0.625rem;
}

.rw-subheader-1xs {
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 0.5rem;
}

.rw-sectionheader-6xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 3.75rem;
}

.rw-sectionheader-5xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 3rem;
}

.rw-sectionheader-4xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 2.25rem;
}

.rw-sectionheader-3xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
}

.rw-sectionheader-2xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
}

.rw-sectionheader-xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
}

.rw-sectionheader-lg {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
}

.rw-sectionheader-base {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.rw-sectionheader-md {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
}

.rw-sectionheader-sm {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
}

.rw-sectionheader-xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.625rem;
}

.rw-sectionheader-1xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.5rem;
}

.rw-title-6xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 3.75rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-5xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 3rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-4xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 2.25rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-3xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.875rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-2xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-lg {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.125rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-base {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 1rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-md {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 0.875rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-sm {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 0.75rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 0.625rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-title-1xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 0.5rem;
  color: var(--colors-text-headings, #2E2E2E);
}

.rw-body-6xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 3.75rem;
}

.rw-body-5xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 3rem;
}

.rw-body-4xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 2.25rem;
}

.rw-body-3xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
}

.rw-body-2xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
}

.rw-body-xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
}

.rw-body-lg {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
}

.rw-body-base {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.rw-body-md {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
}

.rw-body-sm {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
}

.rw-body-xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.625rem;
}

.rw-body-1xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.5rem;
}

.rw-bodysemibold-6xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 3.75rem;
}

.rw-bodysemibold-5xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 3rem;
}

.rw-bodysemibold-4xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 2.25rem;
}

.rw-bodysemibold-3xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.875rem;
}

.rw-bodysemibold-2xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
}

.rw-bodysemibold-xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
}

.rw-bodysemibold-lg {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
}

.rw-bodysemibold-base {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
}

.rw-bodysemibold-md {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
}

.rw-bodysemibold-sm {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
}

.rw-bodysemibold-xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.625rem;
}

.rw-bodysemibold-1xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.5rem;
}

.rw-eyebrow-6xl {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 3.75rem;
}

.rw-eyebrow-5xl {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 3rem;
}

.rw-eyebrow-4xl {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 2.25rem;
}

.rw-eyebrow-3xl {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 1.875rem;
}

.rw-eyebrow-2xl {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 1.5rem;
}

.rw-eyebrow-xl {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 1.25rem;
}

.rw-eyebrow-lg {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 1.125rem;
}

.rw-eyebrow-base {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 1rem;
}

.rw-eyebrow-md {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 0.875rem;
}

.rw-eyebrow-sm {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 0.75rem;
}

.rw-eyebrow-xs {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 0.625rem;
}

.rw-eyebrow-1xs {
  font-family: "Cosmica Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  font-size: 0.5rem;
  line-height: 0.75rem;
  vertical-align: bottom;
  text-transform: uppercase;
}

.rw-link-6xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 3.75rem;
}

.rw-link-5xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 3rem;
}

.rw-link-4xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 2.25rem;
}

.rw-link-3xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.875rem;
}

.rw-link-2xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
}

.rw-link-xl {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
}

.rw-link-lg {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
}

.rw-link-base {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
}

.rw-link-md {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
}

.rw-link-sm {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  color: var(--colors-text-info, #0063B5);
  line-height: var(--lineheight-body-sm, 18px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.rw-link-xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.625rem;
}

.rw-link-1xs {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.5rem;
}

.italic {
  font-style: italic;
}

.site-header, .page-title, .site-container {
  color: #fff;
  background-color: #1C1C1C;
}

.site-container > main.fantasy-awards {
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.fantasy-awards {
  --colors-text-headings: #ffffff;
}
.fantasy-awards > div {
  margin: 0 auto;
}
.fantasy-awards {
  width: 100%;
  color: #fff;
  text-shadow: 0 1px 3px rgba(28, 28, 28, 0.8);
  background-color: #1C1C1C;
}
.fantasy-awards__hero {
  display: flex;
  align-items: center;
  background-color: transparent;
  background-image: url(https://content.rotowire.com/images/rebrand-assets/bg-fantasy-awards.png);
  background-position: center right;
  max-width: 100%;
}
.fantasy-awards__hero h1 {
  color: #fff;
  line-height: 2.75rem;
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 3rem;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__hero h1 {
    font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
    font-weight: 900;
    font-size: 1.25rem;
  }
}
.fantasy-awards__hero > div {
  padding: 2rem;
  max-width: 50%;
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__hero > div {
    font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    font-size: 0.75rem;
    padding-bottom: 0;
  }
}
.fantasy-awards__hero > div > div {
  max-width: 90%;
  margin: 1rem 0;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__hero > div > div {
    margin: 0 auto;
  }
}
.fantasy-awards__hero > div svg {
  fill: none;
}
@media screen and (min-width: 980px) {
  .fantasy-awards__hero {
    min-height: 563px;
  }
}
@media screen and (max-width: 760px) {
  .fantasy-awards__hero {
    text-align: center;
    background-image: none;
  }
  .fantasy-awards__hero > div {
    max-width: 100%;
  }
  .fantasy-awards__hero > div img {
    width: 100vw;
    max-width: none;
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-top: 2rem;
  }
}
.fantasy-awards__content {
  padding: 1rem;
  text-align: center;
}
.fantasy-awards__content h2 {
  font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
  font-weight: 900;
  font-size: 3rem;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__content h2 {
    font-family: "Integral", "Impact", "Arial Black", "Segoe UI Bold", sans-serif;
    font-weight: 900;
    font-size: 1.25rem;
  }
}
.fantasy-awards__content h2 {
  margin-bottom: 1rem;
}
.fantasy-awards form {
  margin: 0 auto;
  max-width: 1440px;
}
.fantasy-awards__selects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  align-items: stretch;
  gap: 3rem 1.5rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__selects {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.fantasy-awards__select-box {
  display: flex;
  flex-direction: column;
  max-width: 390px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 8px;
}
.fantasy-awards__select-box h3 {
  background-color: #000000;
  padding: 1rem;
  border-radius: 6px 6px 0 0;
  text-align: center;
  border-bottom: 2px solid #AF52DE;
}
.fantasy-awards__select-box label {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #1C1C1C;
  margin: 0.5rem 1rem;
}
.fantasy-awards .choices__inner {
  color: #fff;
  background-color: #1C1C1C;
}
.fantasy-awards .choices__item {
  color: #fff;
  text-align: left;
  font-family: "Molitor", "Georgia", "Baskerville", "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.125rem;
}
.fantasy-awards .choices__list--dropdown {
  background-color: #1C1C1C;
  border-color: #1C1C1C;
}
.fantasy-awards .choices__list--dropdown .choices__item {
  color: #fff;
}
.fantasy-awards .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: rgba(255, 255, 255, 0.1);
}
.fantasy-awards .choices[data-type*=select-one]::after {
  content: "" !important;
  background-image: url("https://content.rotowire.com/images/icons/chevron-down-purple.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  border: none !important;
  margin-top: -10px;
  transition: transform 0.3s ease;
}
.fantasy-awards .choices[data-type*=select-one].is-open::after {
  transform: rotate(180deg);
}
.fantasy-awards__form-section {
  padding: 3rem 1rem;
  max-width: 1440px;
  margin: 0 auto;
}
.fantasy-awards__user {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__user {
    max-width: 600px;
    grid-template-columns: 1fr;
  }
}
.fantasy-awards__user-info-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #2E2E2E;
  padding: 3rem 1rem;
}
.fantasy-awards__user--logged-in {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fantasy-awards__user--logged-in .form-column--button {
  width: 100%;
}
.fantasy-awards__user--logged-in .form-column--button button {
  width: 100%;
  max-width: 400px;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__user--logged-in .form-column--button button {
    max-width: 600px;
  }
}
.fantasy-awards__user .form-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.fantasy-awards__user .form-column--button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fantasy-awards__user .form-column--button button {
  width: 80%;
}
@media screen and (max-width: 760px) {
  .fantasy-awards__user .form-column--button button {
    width: 100%;
    max-width: 600px;
  }
}
.fantasy-awards__user .form-field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fantasy-awards__user .form-field label {
  font-family: "Cosmica", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  text-align: left;
}
.fantasy-awards__user .form-field label .required {
  color: #AF52DE;
}
.fantasy-awards__user .form-field input {
  background-color: #000;
  border: 1px solid #333;
  border-radius: 8px;
  color: #fff;
  padding: 1rem;
  font-size: 1rem;
}
.fantasy-awards__user .form-field input::placeholder {
  color: #fff;
  opacity: var(--choices-placeholder-opacity, 0.5);
}
.fantasy-awards__user .form-field input:focus {
  outline: none;
  border-color: #AF52DE;
}
.fantasy-awards__terms {
  text-align: center;
}
.fantasy-awards__terms {
  text-align: center;
}
.fantasy-awards__terms a {
  color: #bf6afe;
}
/*# sourceMappingURL=main.css.map */