@charset "UTF-8";
/* NOTE: If you change any of these colours, you MUST change them for the light mode override below. */
/* line 2, app/assets/stylesheets/new/1_base/variables.scss */
:root {
  color-scheme: light dark;
  /* Base colours */
  --blue: hsl(220deg 85% 48%);
  --blue-alpha-10: hsl(220deg 85% 48% / 12%);
  --blue-alpha-30: hsl(220deg 85% 48% / 30%);
  --blue-text: hsl(220deg 85% 48%);
  --blue-background: hsl(220deg 85% 48%);
  --red: hsl(356deg 71% 57%);
  --red-alpha-10: hsl(356deg 71% 57% / 17%);
  --red-alpha-30: hsl(356deg 71% 57% / 30%);
  --red-text: hsl(356deg 73% 46%);
  --yellow: hsl(40deg 100% 45%);
  --yellow-alpha-10: hsl(40deg 100% 45% / 20%);
  --yellow-alpha-30: hsl(40deg 100% 45% / 35%);
  --yellow-text: hsl(33deg 100% 35%);
  --yellow-mark: hsl(45deg 100% 62%);
  --green: hsl(150deg 74% 38%);
  --green-alpha-10: hsl(150deg 74% 38% / 17%);
  --green-alpha-30: hsl(150deg 74% 38% / 30%);
  --green-text: hsl(150deg 94% 25%);
  --purple-text: hsl(270deg 100% 35%);
  /* Base monos */
  --white: #ffffff;
  --mono-50: hsl(230deg 20% 97%);
  --mono-100: hsl(227deg 20% 90%);
  --mono-200: hsl(225deg 15% 85%);
  --mono-300: hsl(222deg 10% 75%);
  --mono-400: hsl(220deg 7% 65%);
  --mono-500: hsl(220deg 7% 45%);
  --mono-600: hsl(220deg 6% 32%);
  --mono-700: hsl(220deg 6% 20%);
  --mono-800: hsl(225deg 5% 15%);
  --mono-900: hsl(230deg 4% 10%);
  --mono-950: hsl(230deg 10% 6%);
  /* Alpha monos */
  --contrast-alpha-5: rgba(0, 0, 0, 0.05);
  --contrast-alpha-10: rgba(0, 0, 0, 0.1);
  --contrast-alpha-20: rgba(0, 0, 0, 0.2);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-80: rgba(255, 255, 255, 0.8);
  /* All text colors */
  --text-default: var(--mono-900);
  --text-secondary: var(--mono-500);
  --text-tertiary: var(--mono-400);
  --text-quaternary: var(--mono-300);
  --text-white: var(--white);
  --text-primary: var(--blue-text);
  --text-info: var(--blue-text);
  --text-success: var(--green-text);
  --text-attention: var(--yellow-text);
  --text-danger: var(--red-text);
  --text-visited: var(--purple-text);
  --text-mark: var(--text-default);
  /* All icon colors */
  --icon-default: var(--mono-900);
  --icon-secondary: var(--mono-500);
  --icon-tertiary: var(--mono-400);
  --icon-quaternary: var(--mono-300);
  --icon-white: var(--white);
  --icon-primary: var(--blue);
  --icon-info: var(--blue);
  --icon-success: var(--green);
  --icon-attention: var(--yellow);
  --icon-danger: var(--red);
  /* All border colors */
  --border-strong: var(--mono-200);
  --border-soft: var(--mono-100);
  --border-primary: var(--blue);
  --border-info: var(--blue);
  --border-success: var(--green);
  --border-attention: var(--yellow);
  --border-danger: var(--red);
  --border-overlay: var(--contrast-alpha-10);
  /* All background colors */
  --background-default: var(--white);
  --background-subdued: var(--mono-50);
  --background-secondary: var(--contrast-alpha-5);
  --background-tertiary: var(--contrast-alpha-10);
  --background-primary: var(--blue-background);
  --background-primary-10: var(--blue-alpha-10);
  --background-primary-30: var(--blue-alpha-30);
  --background-info: var(--blue-background);
  --background-info-10: var(--blue-alpha-10);
  --background-info-30: var(--blue-alpha-30);
  --background-success: var(--green);
  --background-success-10: var(--green-alpha-10);
  --background-success-30: var(--green-alpha-30);
  --background-attention: var(--yellow);
  --background-attention-10: var(--yellow-alpha-10);
  --background-attention-30: var(--yellow-alpha-30);
  --background-danger: var(--red);
  --background-danger-10: var(--red-alpha-10);
  --background-danger-30: var(--red-alpha-30);
  --background-mark: var(--yellow-mark);
  --background-contrast: var(--mono-900);
  /* All report colors */
  --report-primary: var(--blue);
  --report-info: var(--blue);
  --report-success: var(--green);
  --report-attention: var(--yellow);
  --report-danger: var(--red);
  --report-default: var(--mono-900);
  --report-secondary: var(--mono-500);
  --report-tertiary: var(--mono-200);
  --report-background: var(--background-tertiary);
  /* Box shadows */
  --shadow-soft: 0px 1px 1px 0px rgba(0, 0, 0, 0.05),
    0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 2px 8px 0px rgba(0, 0, 0, 0.02),
    0px 6px 16px 0px rgba(0, 0, 0, 0.01), 0px 8px 32px 0px rgba(0, 0, 0, 0.02),
    0px 12px 96px 0px rgba(0, 0, 0, 0.05);
  --shadow-popover: 0 2px 8px rgba(0, 0, 0, 0.05),
    0 4px 16px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.05),
    0 16px 32px rgba(0, 0, 0, 0.05), 0 32px 64px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  --shadow-focus: 0 0 0 3px var(--blue-alpha-30);
}

/* NOTE: If you change any of these colours, you MUST change them for the dark mode override below. */
@media (prefers-color-scheme: dark) {
  /* line 132, app/assets/stylesheets/new/1_base/variables.scss */
  :root {
    --blue: hsl(220deg 100% 68%);
    --blue-text: hsl(220deg 100% 68%);
    --blue-alpha-10: hsl(220deg 85% 48% / 22%);
    --blue-alpha-30: hsl(220deg 85% 48% / 49%);
    --blue-background: hsl(220deg 85% 48%);
    --red: hsl(356deg 71% 57%);
    --red-text: hsl(356deg 71% 57%);
    --red-alpha-10: hsl(356deg 71% 57% / 22%);
    --red-alpha-30: hsl(356deg 71% 57% / 46%);
    --yellow: hsl(40deg 100% 45%);
    --yellow-alpha-10: hsl(40deg 100% 45% / 20%);
    --yellow-alpha-30: hsl(40deg 100% 45% / 44%);
    --yellow-text: hsl(40deg 100% 45%);
    --yellow-mark: hsl(45deg 100% 62%);
    --green: hsl(150deg 74% 38%);
    --green-alpha-10: hsl(150deg 74% 38% / 20%);
    --green-alpha-30: hsl(150deg 74% 38% / 44%);
    --green-text: hsl(150deg 74% 38%);
    --purple-text: hsl(270deg 97% 69%);
    --invert:  var(--mono-900);
    /* Alpha monos */
    --contrast-alpha-5: rgba(255, 255, 255, 0.06);
    --contrast-alpha-10: rgba(255, 255, 255, 0.12);
    --contrast-alpha-20: rgba(255, 255, 255, 0.24);
    /* Override text colors */
    --text-default: var(--mono-100);
    --text-secondary: var(--mono-400);
    --text-tertiary: var(--mono-500);
    --text-quaternary: var(--mono-600);
    --text-mark: var(--yellow-mark);
    /* Override icon colors */
    --icon-default: var(--mono-200);
    --icon-secondary: var(--mono-400);
    --icon-tertiary: var(--mono-500);
    --icon-quaternary: var(--mono-600);
    /* Override border colors */
    --border-strong: var(--mono-600);
    --border-soft: var(--mono-700);
    /* Override background colors */
    --background-default: var(--mono-900);
    --background-subdued: var(--mono-950);
    --background-mark: var(--yellow-alpha-30);
    /* Override report colors */
    --report-default: var(--mono-200);
    --report-secondary: var(--mono-400);
    --report-tertiary: var(--mono-600);
    /* Box shadows */
    --shadow-soft: inset 0 0 0 1px var(--border-soft),
      0px 1px 1px 0px rgba(0, 0, 0, 0.05), 0px 1px 2px 0px rgba(0, 0, 0, 0.05),
      0px 2px 8px 0px rgba(0, 0, 0, 0.02), 0px 6px 16px 0px rgba(0, 0, 0, 0.01),
      0px 8px 32px 0px rgba(0, 0, 0, 0.02),
      0px 12px 96px 0px rgba(0, 0, 0, 0.05);
    --shadow-popover: inset 0 0 0 1px var(--border-strong),
      0 2px 8px rgba(0, 0, 0, 0.05), 0 4px 16px rgba(0, 0, 0, 0.05),
      0 8px 24px rgba(0, 0, 0, 0.05), 0 16px 32px rgba(0, 0, 0, 0.05),
      0 32px 64px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
    --shadow-focus: 0 0 0 3px var(--blue-alpha-10);
    --zIndex-modal: 1030;
  }
}

/* NOTE: If you change any of these colours, you MUST change them for the native dark mode above. */
/* line 202, app/assets/stylesheets/new/1_base/variables.scss */
html.theme-dark {
  --blue: hsl(220deg 100% 68%);
  --blue-text: hsl(220deg 100% 68%);
  --blue-alpha-10: hsl(220deg 85% 48% / 22%);
  --blue-alpha-30: hsl(220deg 85% 48% / 49%);
  --blue-background: hsl(220deg 85% 48%);
  --red: hsl(356deg 71% 57%);
  --red-text: hsl(356deg 71% 57%);
  --red-alpha-10: hsl(356deg 71% 57% / 22%);
  --red-alpha-30: hsl(356deg 71% 57% / 46%);
  --yellow: hsl(40deg 100% 45%);
  --yellow-alpha-10: hsl(40deg 100% 45% / 20%);
  --yellow-alpha-30: hsl(40deg 100% 45% / 44%);
  --yellow-text: hsl(40deg 100% 45%);
  --yellow-mark: hsl(45deg 100% 62%);
  --green: hsl(150deg 74% 38%);
  --green-alpha-10: hsl(150deg 74% 38% / 20%);
  --green-alpha-30: hsl(150deg 74% 38% / 44%);
  --green-text: hsl(150deg 74% 38%);
  --purple-text: hsl(270deg 97% 69%);
  /* Alpha monos */
  --contrast-alpha-5: rgba(255, 255, 255, 0.06);
  --contrast-alpha-10: rgba(255, 255, 255, 0.12);
  --contrast-alpha-20: rgba(255, 255, 255, 0.24);
  /* Override text colors */
  --text-default: var(--mono-100);
  --text-secondary: var(--mono-400);
  --text-tertiary: var(--mono-500);
  --text-quaternary: var(--mono-600);
  --text-mark: var(--yellow-mark);
  --invert:  var(--mono-200);
  /* Override icon colors */
  --icon-default: var(--mono-200);
  --icon-secondary: var(--mono-400);
  --icon-tertiary: var(--mono-500);
  --icon-quaternary: var(--mono-600);
  /* Override border colors */
  --border-strong: var(--mono-600);
  --border-soft: var(--mono-700);
  /* Override background colors */
  --background-default: var(--mono-900);
  --background-subdued: var(--mono-950);
  --background-mark: var(--yellow-alpha-30);
  /* Override report colors */
  --report-default: var(--mono-200);
  --report-secondary: var(--mono-400);
  --report-tertiary: var(--mono-600);
  /* Box shadows */
  --shadow-soft: inset 0 0 0 1px var(--border-soft),
    0px 1px 1px 0px rgba(0, 0, 0, 0.05), 0px 1px 2px 0px rgba(0, 0, 0, 0.05),
    0px 2px 8px 0px rgba(0, 0, 0, 0.02), 0px 6px 16px 0px rgba(0, 0, 0, 0.01),
    0px 8px 32px 0px rgba(0, 0, 0, 0.02), 0px 12px 96px 0px rgba(0, 0, 0, 0.05);
  --shadow-popover: inset 0 0 0 1px var(--border-strong),
    0 2px 8px rgba(0, 0, 0, 0.05), 0 4px 16px rgba(0, 0, 0, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.05), 0 16px 32px rgba(0, 0, 0, 0.05),
    0 32px 64px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
  --shadow-focus: 0 0 0 3px var(--blue-alpha-10);
}

/* NOTE: If you change any of these colours, you MUST change them for the native light mode above. */
/* line 269, app/assets/stylesheets/new/1_base/variables.scss */
html.theme-light {
  --blue: hsl(220deg 85% 48%);
  --blue-alpha-10: hsl(220deg 85% 48% / 12%);
  --blue-alpha-30: hsl(220deg 85% 48% / 30%);
  --blue-text: hsl(220deg 85% 48%);
  --blue-background: hsl(220deg 85% 48%);
  --red: hsl(356deg 71% 57%);
  --red-alpha-10: hsl(356deg 71% 57% / 17%);
  --red-alpha-30: hsl(356deg 71% 57% / 30%);
  --red-text: hsl(356deg 73% 46%);
  --yellow: hsl(40deg 100% 45%);
  --yellow-alpha-10: hsl(40deg 100% 45% / 20%);
  --yellow-alpha-30: hsl(40deg 100% 45% / 35%);
  --yellow-text: hsl(33deg 100% 35%);
  --yellow-mark: hsl(45deg 100% 62%);
  --green: hsl(150deg 74% 38%);
  --green-alpha-10: hsl(150deg 74% 38% / 17%);
  --green-alpha-30: hsl(150deg 74% 38% / 30%);
  --green-text: hsl(150deg 94% 25%);
  --purple-text: hsl(270deg 100% 35%);
  /* Alpha monos */
  --contrast-alpha-5: rgba(0, 0, 0, 0.05);
  --contrast-alpha-10: rgba(0, 0, 0, 0.1);
  --contrast-alpha-20: rgba(0, 0, 0, 0.2);
  /* Override text colors */
  --text-default: var(--mono-900);
  --text-secondary: var(--mono-500);
  --text-tertiary: var(--mono-400);
  --text-quaternary: var(--mono-300);
  --text-mark: var(--text-default);
  /* Override icon colors */
  --icon-default: var(--mono-900);
  --icon-secondary: var(--mono-500);
  --icon-tertiary: var(--mono-400);
  --icon-quaternary: var(--mono-300);
  /* Override border colors */
  --border-strong: var(--mono-200);
  --border-soft: var(--mono-100);
  /* Override background colors */
  --background-default: var(--white);
  --background-subdued: var(--mono-50);
  --background-mark: var(--yellow-mark);
  /* All report colors */
  --report-default: var(--mono-900);
  --report-secondary: var(--mono-500);
  --report-tertiary: var(--mono-200);
  /* Box shadows */
  --shadow-soft: 0px 1px 1px 0px rgba(0, 0, 0, 0.05),
    0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 2px 8px 0px rgba(0, 0, 0, 0.02),
    0px 6px 16px 0px rgba(0, 0, 0, 0.01), 0px 8px 32px 0px rgba(0, 0, 0, 0.02),
    0px 12px 96px 0px rgba(0, 0, 0, 0.05);
  --shadow-popover: 0 2px 8px rgba(0, 0, 0, 0.05),
    0 4px 16px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.05),
    0 16px 32px rgba(0, 0, 0, 0.05), 0 32px 64px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  --shadow-focus: 0 0 0 3px var(--blue-alpha-30);
}

/* line 430, app/assets/stylesheets/new/1_base/variables.scss */
:root {
  --zIndex-modal: 1030;
}

/***********
 * Modules *
 ***********/
/* line 452, app/assets/stylesheets/new/1_base/variables.scss */
:root {
  --Header-height: 3.5rem;
  --Canvas-padding: 1rem;
  --Footer-height: 3.75rem;
}

@media (min-width: 768px) {
  /* line 459, app/assets/stylesheets/new/1_base/variables.scss */
  :root {
    --Canvas-padding: 1.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 465, app/assets/stylesheets/new/1_base/variables.scss */
  :root {
    --Canvas-padding: 2rem;
  }
}

@font-face {
  font-family: "Inter-Variable-Medify";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/Inter-Variable-2c967bc1ea4f01b22b204287cc973c00049a9f2998dfc683eeae9017743bb781.woff2) format("woff2");
}

@font-face {
  font-family: "Inter-Variable-Medify";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Inter-Italic-7b64d07d8c4c37cbc97d50a85c82b91d29f47736d410d17c924ccc6917004c0b.woff2) format("woff2");
}

@font-face {
  font-family: "Inter-Medify";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Inter-Regular-c487fbcceb67a61f40612334eaf9071be15096361a3c42bc45d7d8b1e20ba976.woff2) format("woff2");
}

@font-face {
  font-family: "Inter-Medify";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Inter-Italic-7b64d07d8c4c37cbc97d50a85c82b91d29f47736d410d17c924ccc6917004c0b.woff2) format("woff2");
}

@font-face {
  font-family: "Inter-Medify";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/Inter-Medium-56f967fceaec42064f6ca70102bbf1eeccee370578547ead51f9621426c533ec.woff2) format("woff2");
}

@font-face {
  font-family: "Inter-Medify";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/Inter-SemiBold-2753460f5bb62bce69c25c836a814bec0176742cbe3f16c5d7929ab323b87fce.woff2) format("woff2");
}

@font-face {
  font-family: "Inter-Display-Medify";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/Inter-Display-Bold-02ba01009a2ab6d591a76cb345273c923c11617d0345a9535c93415e736756eb.woff2) format("woff2");
}

@font-face {
  font-family: 'ABCROM';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/assets/ABCROM-Regular-6fb925ad2ec0fb6e44586d3430a4d26cccf45992fdd4dc6fb179e4b3fbdc3897.woff2) format("woff2");
}

@font-face {
  font-family: 'ABCROM';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(/assets/ABCROM-RegularItalic-7cabe91680c34fc7e021ac63cafa5cff4ec9d58c95ea2f3e485fa481bed45e25.woff2) format("woff2");
}

@font-face {
  font-family: 'ABCROM';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/assets/ABCROM-Bold-901d3f5c88287bd5c1fcea529834ae8be0cf7df0f30394b1defe3696282e3976.woff2) format("woff2");
}

@font-face {
  font-family: 'ABCROM';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(/../fonts/ABCROM-BoldItalic.woff2) format("woff2");
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* line 8, app/assets/stylesheets/new/1_base/normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 18, app/assets/stylesheets/new/1_base/normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
/* line 31, app/assets/stylesheets/new/1_base/normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 51, app/assets/stylesheets/new/1_base/normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 62, app/assets/stylesheets/new/1_base/normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 71, app/assets/stylesheets/new/1_base/normalize.scss */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
/* line 80, app/assets/stylesheets/new/1_base/normalize.scss */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 93, app/assets/stylesheets/new/1_base/normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 103, app/assets/stylesheets/new/1_base/normalize.scss */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 116, app/assets/stylesheets/new/1_base/normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 126, app/assets/stylesheets/new/1_base/normalize.scss */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 135, app/assets/stylesheets/new/1_base/normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 144, app/assets/stylesheets/new/1_base/normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Correct the font size on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 153, app/assets/stylesheets/new/1_base/normalize.scss */
h1 {
  font-size: 2em;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 161, app/assets/stylesheets/new/1_base/normalize.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 170, app/assets/stylesheets/new/1_base/normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 179, app/assets/stylesheets/new/1_base/normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 187, app/assets/stylesheets/new/1_base/normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 191, app/assets/stylesheets/new/1_base/normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 202, app/assets/stylesheets/new/1_base/normalize.scss */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 210, app/assets/stylesheets/new/1_base/normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 222, app/assets/stylesheets/new/1_base/normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 235, app/assets/stylesheets/new/1_base/normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 249, app/assets/stylesheets/new/1_base/normalize.scss */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
/* line 261, app/assets/stylesheets/new/1_base/normalize.scss */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 270, app/assets/stylesheets/new/1_base/normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 281, app/assets/stylesheets/new/1_base/normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 293, app/assets/stylesheets/new/1_base/normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 304, app/assets/stylesheets/new/1_base/normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 316, app/assets/stylesheets/new/1_base/normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border in all browsers (opinionated).
 */
/* line 327, app/assets/stylesheets/new/1_base/normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 338, app/assets/stylesheets/new/1_base/normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 351, app/assets/stylesheets/new/1_base/normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 360, app/assets/stylesheets/new/1_base/normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 370, app/assets/stylesheets/new/1_base/normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 380, app/assets/stylesheets/new/1_base/normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/* line 389, app/assets/stylesheets/new/1_base/normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/
/* line 398, app/assets/stylesheets/new/1_base/normalize.scss */
::placeholder {
  opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  /* line 409, app/assets/stylesheets/new/1_base/normalize.scss */
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 419, app/assets/stylesheets/new/1_base/normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* line 424, app/assets/stylesheets/new/1_base/normalize.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 429, app/assets/stylesheets/new/1_base/normalize.scss */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 437, app/assets/stylesheets/new/1_base/normalize.scss */
*:focus {
  outline: none;
}

/* line 1, app/assets/stylesheets/new/2_core/typography.scss */
html {
  font-size: 16px;
}

/* line 4, app/assets/stylesheets/new/2_core/typography.scss */
body {
  font-family: "Inter-Medify", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  color: var(--text-default);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1, "calt" 1, "cv10" 1;
  /* fix for Chrome */
  font-variation-settings: "opsz" 14;
  /* fix for Safari 16.2 */
}

@supports (font-variation-settings: normal) {
  /* line 18, app/assets/stylesheets/new/2_core/typography.scss */
  body {
    font-family: "Inter-Variable-Medify", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
}

/* line 23, app/assets/stylesheets/new/2_core/typography.scss */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
.text-jumbo {
  font-weight: 700;
  line-height: 1.2;
  font-variation-settings: normal;
  /* Reset variable font optical sizing */
}

/* line 49, app/assets/stylesheets/new/2_core/typography.scss */
h1 p,
h1 ul,
h1 ol,
.h1 p,
.h1 ul,
.h1 ol,
h2 p,
h2 ul,
h2 ol,
.h2 p,
.h2 ul,
.h2 ol,
h3 p,
h3 ul,
h3 ol,
.h3 p,
.h3 ul,
.h3 ol,
h4 p,
h4 ul,
h4 ol,
.h4 p,
.h4 ul,
.h4 ol,
h5 p,
h5 ul,
h5 ol,
.h5 p,
.h5 ul,
.h5 ol {
  font-size: 14px;
}

/* line 53, app/assets/stylesheets/new/2_core/typography.scss */
h1 p:first-child,
h1 ul:first-child,
h1 ol:first-child,
.h1 p:first-child,
.h1 ul:first-child,
.h1 ol:first-child,
h2 p:first-child,
h2 ul:first-child,
h2 ol:first-child,
.h2 p:first-child,
.h2 ul:first-child,
.h2 ol:first-child,
h3 p:first-child,
h3 ul:first-child,
h3 ol:first-child,
.h3 p:first-child,
.h3 ul:first-child,
.h3 ol:first-child,
h4 p:first-child,
h4 ul:first-child,
h4 ol:first-child,
.h4 p:first-child,
.h4 ul:first-child,
.h4 ol:first-child,
h5 p:first-child,
h5 ul:first-child,
h5 ol:first-child,
.h5 p:first-child,
.h5 ul:first-child,
.h5 ol:first-child {
  margin-top: 0;
  font-size: inherit;
}

/* line 59, app/assets/stylesheets/new/2_core/typography.scss */
h1,
.h1,
.text-jumbo {
  font-size: 1.5rem;
}

/* line 64, app/assets/stylesheets/new/2_core/typography.scss */
h2,
.h2 {
  font-size: 1.375rem;
}

/* line 68, app/assets/stylesheets/new/2_core/typography.scss */
h3,
.h3 {
  font-size: 1.25rem;
}

/* line 72, app/assets/stylesheets/new/2_core/typography.scss */
h4,
.h4,
h5,
.h5 {
  font-size: 1rem;
}

/* line 78, app/assets/stylesheets/new/2_core/typography.scss */
h6,
.h6 {
  font-size: 14px;
}

/* line 82, app/assets/stylesheets/new/2_core/typography.scss */
strong {
  font-weight: bold;
}

/* line 85, app/assets/stylesheets/new/2_core/typography.scss */
mark {
  color: inherit;
  background: var(--background-highlight);
}

/* line 89, app/assets/stylesheets/new/2_core/typography.scss */
.text-subtitle {
  color: var(--text-secondary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.42857143;
  font-variation-settings: "opsz" 14;
  /* fix for Safari 16.2 */
}

/* line 96, app/assets/stylesheets/new/2_core/typography.scss */
.text-jumbo {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* line 99, app/assets/stylesheets/new/2_core/typography.scss */
.text-jumbo + .text-subtitle {
  margin-top: -1.75rem;
  margin-bottom: 2rem;
}

/* line 104, app/assets/stylesheets/new/2_core/typography.scss */
.text-title {
  margin-top: 1em;
}

/* line 106, app/assets/stylesheets/new/2_core/typography.scss */
.text-title:first-child {
  margin-top: 0;
}

/* line 109, app/assets/stylesheets/new/2_core/typography.scss */
.text-title > h1,
.text-title > h2,
.text-title > h3,
.text-title > h4,
.text-title > h5,
.text-title > h6 {
  font-weight: inherit;
}

/* line 118, app/assets/stylesheets/new/2_core/typography.scss */
.text-title--noBorder {
  border-bottom: none !important;
}

/* line 121, app/assets/stylesheets/new/2_core/typography.scss */
.text-capsTitle {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

@media (min-width: 1024px) {
  /* line 127, app/assets/stylesheets/new/2_core/typography.scss */
  .text-jumbo {
    font-size: 1.75rem;
    margin-top: 0;
  }
  /* line 130, app/assets/stylesheets/new/2_core/typography.scss */
  .text-jumbo + .text-subtitle {
    font-size: 16px;
  }
  /* line 134, app/assets/stylesheets/new/2_core/typography.scss */
  h1,
.h1 {
    font-size: 1.75rem;
  }
  /* line 138, app/assets/stylesheets/new/2_core/typography.scss */
  h2,
.h2 {
    font-size: 1.5rem;
  }
  /* line 142, app/assets/stylesheets/new/2_core/typography.scss */
  h3,
.h3 {
    font-size: 1.25rem;
  }
}

/* line 1, app/assets/stylesheets/new/2_core/icons.scss */
.icon, .GuideIndex-listItem.now-active:before, .Experiences-map-marker:before, .Tutorial-tableOfContents-body a.visited:after, .richtext .alert:before, .statusIcon, .metadata-icon, .badge-icon, .button-icon, .alert-icon {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* line 17, app/assets/stylesheets/new/2_core/icons.scss */
.icon, .GuideIndex-listItem.now-active:before, .Experiences-map-marker:before, .Tutorial-tableOfContents-body a.visited:after, .richtext .alert:before, .statusIcon, .metadata-icon, .badge-icon, .button-icon, .alert-icon,
.material-icons {
  vertical-align: middle;
}

/* line 21, app/assets/stylesheets/new/2_core/icons.scss */
.svgIcon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* line 29, app/assets/stylesheets/new/2_core/icons.scss */
.icon--pound {
  font-family: "Inter-Medify", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  font-weight: 500;
  transform: scale(0.9);
}

/* line 34, app/assets/stylesheets/new/2_core/icons.scss */
.icon--pound:before {
  content: "£";
}

/* line 1, app/assets/stylesheets/new/2_core/containers.scss */
.mdfy-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* line 6, app/assets/stylesheets/new/2_core/containers.scss */
.container--xs {
  max-width: 568px;
}

/* line 9, app/assets/stylesheets/new/2_core/containers.scss */
.container--sm {
  max-width: 768px;
}

/* line 12, app/assets/stylesheets/new/2_core/containers.scss */
.container--md {
  max-width: 960px;
}

/* line 15, app/assets/stylesheets/new/2_core/containers.scss */
.container--lg {
  max-width: 1280px;
}

/* line 18, app/assets/stylesheets/new/2_core/containers.scss */
.container--xl {
  max-width: 1440px;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--0 {
  margin: 0 !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--0 {
  padding: 0 !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--xxs {
  margin: 0.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--xxs {
  padding: 0.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--xs {
  margin: 0.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--xs {
  padding: 0.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--sm {
  margin: 1rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--sm {
  padding: 1rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--ms {
  margin: 1.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--ms {
  padding: 1.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--md {
  margin: 1.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--md {
  padding: 1.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--lg {
  margin: 2rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--lg {
  padding: 2rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m--xl {
  margin: 2.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p--xl {
  padding: 2.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--0 {
  margin-top: 0 !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--0 {
  padding-top: 0 !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--xxs {
  margin-top: 0.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--xxs {
  padding-top: 0.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--xs {
  margin-top: 0.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--xs {
  padding-top: 0.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--sm {
  margin-top: 1rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--sm {
  padding-top: 1rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--ms {
  margin-top: 1.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--ms {
  padding-top: 1.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--md {
  margin-top: 1.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--md {
  padding-top: 1.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--lg {
  margin-top: 2rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--lg {
  padding-top: 2rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-top--xl {
  margin-top: 2.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-top--xl {
  padding-top: 2.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--0 {
  margin-left: 0 !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--0 {
  padding-left: 0 !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--xxs {
  margin-left: 0.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--xxs {
  padding-left: 0.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--xs {
  margin-left: 0.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--xs {
  padding-left: 0.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--sm {
  margin-left: 1rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--sm {
  padding-left: 1rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--ms {
  margin-left: 1.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--ms {
  padding-left: 1.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--md {
  margin-left: 1.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--md {
  padding-left: 1.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--lg {
  margin-left: 2rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--lg {
  padding-left: 2rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-left--xl {
  margin-left: 2.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-left--xl {
  padding-left: 2.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--0 {
  margin-right: 0 !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--0 {
  padding-right: 0 !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--xxs {
  margin-right: 0.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--xxs {
  padding-right: 0.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--xs {
  margin-right: 0.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--xs {
  padding-right: 0.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--sm {
  margin-right: 1rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--sm {
  padding-right: 1rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--ms {
  margin-right: 1.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--ms {
  padding-right: 1.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--md {
  margin-right: 1.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--md {
  padding-right: 1.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--lg {
  margin-right: 2rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--lg {
  padding-right: 2rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-right--xl {
  margin-right: 2.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-right--xl {
  padding-right: 2.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--0 {
  margin-bottom: 0 !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--0 {
  padding-bottom: 0 !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--xxs {
  margin-bottom: 0.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--xxs {
  padding-bottom: 0.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--xs {
  margin-bottom: 0.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--xs {
  padding-bottom: 0.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--sm {
  margin-bottom: 1rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--sm {
  padding-bottom: 1rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--ms {
  margin-bottom: 1.25rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--ms {
  padding-bottom: 1.25rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--md {
  margin-bottom: 1.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--md {
  padding-bottom: 1.5rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--lg {
  margin-bottom: 2rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--lg {
  padding-bottom: 2rem !important;
}

/* line 3, app/assets/stylesheets/new/2_core/spacing.scss */
.m-bottom--xl {
  margin-bottom: 2.5rem !important;
}

/* line 12, app/assets/stylesheets/new/2_core/spacing.scss */
.p-bottom--xl {
  padding-bottom: 2.5rem !important;
}

@media (min-width: 360px) {
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--0 {
    margin: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--0 {
    padding: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--xxs {
    margin: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--xxs {
    padding: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--xs {
    margin: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--xs {
    padding: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--sm {
    margin: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--sm {
    padding: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--ms {
    margin: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--ms {
    padding: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--md {
    margin: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--md {
    padding: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--lg {
    margin: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--lg {
    padding: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m--xl {
    margin: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p--xl {
    padding: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--0 {
    margin-top: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--0 {
    padding-top: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--xxs {
    margin-top: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--xxs {
    padding-top: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--xs {
    margin-top: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--xs {
    padding-top: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--sm {
    margin-top: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--sm {
    padding-top: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--ms {
    margin-top: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--ms {
    padding-top: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--md {
    margin-top: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--md {
    padding-top: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--lg {
    margin-top: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--lg {
    padding-top: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-top--xl {
    margin-top: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-top--xl {
    padding-top: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--0 {
    margin-left: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--0 {
    padding-left: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--xxs {
    margin-left: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--xxs {
    padding-left: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--xs {
    margin-left: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--xs {
    padding-left: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--sm {
    margin-left: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--sm {
    padding-left: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--ms {
    margin-left: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--ms {
    padding-left: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--md {
    margin-left: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--md {
    padding-left: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--lg {
    margin-left: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--lg {
    padding-left: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-left--xl {
    margin-left: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-left--xl {
    padding-left: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--0 {
    margin-right: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--0 {
    padding-right: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--xxs {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--xxs {
    padding-right: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--xs {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--xs {
    padding-right: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--sm {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--sm {
    padding-right: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--ms {
    margin-right: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--ms {
    padding-right: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--md {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--md {
    padding-right: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--lg {
    margin-right: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--lg {
    padding-right: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-right--xl {
    margin-right: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-right--xl {
    padding-right: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--0 {
    margin-bottom: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--xxs {
    margin-bottom: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--xxs {
    padding-bottom: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--xs {
    margin-bottom: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--xs {
    padding-bottom: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--sm {
    margin-bottom: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--sm {
    padding-bottom: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--ms {
    margin-bottom: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--ms {
    padding-bottom: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--md {
    margin-bottom: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--md {
    padding-bottom: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--lg {
    margin-bottom: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--lg {
    padding-bottom: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-m-bottom--xl {
    margin-bottom: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xxs-p-bottom--xl {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 400px) {
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--0 {
    margin: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--0 {
    padding: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--xxs {
    margin: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--xxs {
    padding: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--xs {
    margin: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--xs {
    padding: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--sm {
    margin: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--sm {
    padding: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--ms {
    margin: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--ms {
    padding: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--md {
    margin: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--md {
    padding: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--lg {
    margin: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--lg {
    padding: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m--xl {
    margin: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p--xl {
    padding: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--0 {
    margin-top: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--0 {
    padding-top: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--xxs {
    margin-top: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--xxs {
    padding-top: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--xs {
    margin-top: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--xs {
    padding-top: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--sm {
    margin-top: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--sm {
    padding-top: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--ms {
    margin-top: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--ms {
    padding-top: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--md {
    margin-top: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--md {
    padding-top: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--lg {
    margin-top: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--lg {
    padding-top: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-top--xl {
    margin-top: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-top--xl {
    padding-top: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--0 {
    margin-left: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--0 {
    padding-left: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--xxs {
    margin-left: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--xxs {
    padding-left: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--xs {
    margin-left: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--xs {
    padding-left: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--sm {
    margin-left: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--sm {
    padding-left: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--ms {
    margin-left: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--ms {
    padding-left: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--md {
    margin-left: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--md {
    padding-left: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--lg {
    margin-left: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--lg {
    padding-left: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-left--xl {
    margin-left: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-left--xl {
    padding-left: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--0 {
    margin-right: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--0 {
    padding-right: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--xxs {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--xxs {
    padding-right: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--xs {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--xs {
    padding-right: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--sm {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--sm {
    padding-right: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--ms {
    margin-right: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--ms {
    padding-right: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--md {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--md {
    padding-right: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--lg {
    margin-right: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--lg {
    padding-right: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-right--xl {
    margin-right: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-right--xl {
    padding-right: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--0 {
    margin-bottom: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--xxs {
    margin-bottom: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--xxs {
    padding-bottom: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--xs {
    margin-bottom: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--xs {
    padding-bottom: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--sm {
    margin-bottom: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--sm {
    padding-bottom: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--ms {
    margin-bottom: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--ms {
    padding-bottom: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--md {
    margin-bottom: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--md {
    padding-bottom: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--lg {
    margin-bottom: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--lg {
    padding-bottom: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-m-bottom--xl {
    margin-bottom: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xs-p-bottom--xl {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 568px) {
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--0 {
    margin: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--0 {
    padding: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--xxs {
    margin: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--xxs {
    padding: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--xs {
    margin: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--xs {
    padding: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--sm {
    margin: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--sm {
    padding: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--ms {
    margin: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--ms {
    padding: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--md {
    margin: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--md {
    padding: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--lg {
    margin: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--lg {
    padding: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m--xl {
    margin: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p--xl {
    padding: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--0 {
    margin-top: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--0 {
    padding-top: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--xxs {
    margin-top: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--xxs {
    padding-top: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--xs {
    margin-top: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--xs {
    padding-top: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--sm {
    margin-top: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--sm {
    padding-top: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--ms {
    margin-top: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--ms {
    padding-top: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--md {
    margin-top: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--md {
    padding-top: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--lg {
    margin-top: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--lg {
    padding-top: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-top--xl {
    margin-top: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-top--xl {
    padding-top: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--0 {
    margin-left: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--0 {
    padding-left: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--xxs {
    margin-left: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--xxs {
    padding-left: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--xs {
    margin-left: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--xs {
    padding-left: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--sm {
    margin-left: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--sm {
    padding-left: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--ms {
    margin-left: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--ms {
    padding-left: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--md {
    margin-left: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--md {
    padding-left: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--lg {
    margin-left: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--lg {
    padding-left: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-left--xl {
    margin-left: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-left--xl {
    padding-left: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--0 {
    margin-right: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--0 {
    padding-right: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--xxs {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--xxs {
    padding-right: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--xs {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--xs {
    padding-right: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--sm {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--sm {
    padding-right: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--ms {
    margin-right: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--ms {
    padding-right: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--md {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--md {
    padding-right: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--lg {
    margin-right: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--lg {
    padding-right: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-right--xl {
    margin-right: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-right--xl {
    padding-right: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--0 {
    margin-bottom: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--xxs {
    margin-bottom: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--xxs {
    padding-bottom: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--xs {
    margin-bottom: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--xs {
    padding-bottom: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--sm {
    margin-bottom: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--sm {
    padding-bottom: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--ms {
    margin-bottom: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--ms {
    padding-bottom: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--md {
    margin-bottom: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--md {
    padding-bottom: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--lg {
    margin-bottom: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--lg {
    padding-bottom: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-m-bottom--xl {
    margin-bottom: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-sm-p-bottom--xl {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--0 {
    margin: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--0 {
    padding: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--xxs {
    margin: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--xxs {
    padding: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--xs {
    margin: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--xs {
    padding: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--sm {
    margin: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--sm {
    padding: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--ms {
    margin: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--ms {
    padding: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--md {
    margin: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--md {
    padding: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--lg {
    margin: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--lg {
    padding: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m--xl {
    margin: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p--xl {
    padding: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--0 {
    margin-top: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--0 {
    padding-top: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--xxs {
    margin-top: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--xxs {
    padding-top: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--xs {
    margin-top: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--xs {
    padding-top: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--sm {
    margin-top: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--sm {
    padding-top: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--ms {
    margin-top: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--ms {
    padding-top: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--md {
    margin-top: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--md {
    padding-top: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--lg {
    margin-top: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--lg {
    padding-top: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-top--xl {
    margin-top: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-top--xl {
    padding-top: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--0 {
    margin-left: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--0 {
    padding-left: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--xxs {
    margin-left: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--xxs {
    padding-left: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--xs {
    margin-left: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--xs {
    padding-left: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--sm {
    margin-left: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--sm {
    padding-left: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--ms {
    margin-left: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--ms {
    padding-left: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--md {
    margin-left: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--md {
    padding-left: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--lg {
    margin-left: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--lg {
    padding-left: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-left--xl {
    margin-left: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-left--xl {
    padding-left: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--0 {
    margin-right: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--0 {
    padding-right: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--xxs {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--xxs {
    padding-right: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--xs {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--xs {
    padding-right: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--sm {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--sm {
    padding-right: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--ms {
    margin-right: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--ms {
    padding-right: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--md {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--md {
    padding-right: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--lg {
    margin-right: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--lg {
    padding-right: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-right--xl {
    margin-right: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-right--xl {
    padding-right: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--0 {
    margin-bottom: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--xxs {
    margin-bottom: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--xxs {
    padding-bottom: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--xs {
    margin-bottom: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--xs {
    padding-bottom: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--sm {
    margin-bottom: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--sm {
    padding-bottom: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--ms {
    margin-bottom: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--ms {
    padding-bottom: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--md {
    margin-bottom: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--md {
    padding-bottom: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--lg {
    margin-bottom: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--lg {
    padding-bottom: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-m-bottom--xl {
    margin-bottom: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-p-bottom--xl {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--0 {
    margin: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--0 {
    padding: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--xxs {
    margin: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--xxs {
    padding: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--xs {
    margin: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--xs {
    padding: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--sm {
    margin: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--sm {
    padding: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--ms {
    margin: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--ms {
    padding: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--md {
    margin: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--md {
    padding: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--lg {
    margin: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--lg {
    padding: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m--xl {
    margin: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p--xl {
    padding: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--0 {
    margin-top: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--0 {
    padding-top: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--xxs {
    margin-top: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--xxs {
    padding-top: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--xs {
    margin-top: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--xs {
    padding-top: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--sm {
    margin-top: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--sm {
    padding-top: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--ms {
    margin-top: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--ms {
    padding-top: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--md {
    margin-top: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--md {
    padding-top: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--lg {
    margin-top: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--lg {
    padding-top: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-top--xl {
    margin-top: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-top--xl {
    padding-top: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--0 {
    margin-left: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--0 {
    padding-left: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--xxs {
    margin-left: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--xxs {
    padding-left: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--xs {
    margin-left: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--xs {
    padding-left: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--sm {
    margin-left: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--sm {
    padding-left: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--ms {
    margin-left: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--ms {
    padding-left: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--md {
    margin-left: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--md {
    padding-left: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--lg {
    margin-left: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--lg {
    padding-left: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-left--xl {
    margin-left: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-left--xl {
    padding-left: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--0 {
    margin-right: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--0 {
    padding-right: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--xxs {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--xxs {
    padding-right: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--xs {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--xs {
    padding-right: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--sm {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--sm {
    padding-right: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--ms {
    margin-right: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--ms {
    padding-right: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--md {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--md {
    padding-right: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--lg {
    margin-right: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--lg {
    padding-right: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-right--xl {
    margin-right: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-right--xl {
    padding-right: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--0 {
    margin-bottom: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--xxs {
    margin-bottom: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--xxs {
    padding-bottom: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--xs {
    margin-bottom: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--xs {
    padding-bottom: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--sm {
    margin-bottom: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--sm {
    padding-bottom: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--ms {
    margin-bottom: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--ms {
    padding-bottom: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--md {
    margin-bottom: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--md {
    padding-bottom: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--lg {
    margin-bottom: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--lg {
    padding-bottom: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-m-bottom--xl {
    margin-bottom: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-p-bottom--xl {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1100px) {
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--0 {
    margin: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--0 {
    padding: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--xxs {
    margin: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--xxs {
    padding: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--xs {
    margin: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--xs {
    padding: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--sm {
    margin: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--sm {
    padding: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--ms {
    margin: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--ms {
    padding: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--md {
    margin: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--md {
    padding: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--lg {
    margin: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--lg {
    padding: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m--xl {
    margin: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p--xl {
    padding: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--0 {
    margin-top: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--0 {
    padding-top: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--xxs {
    margin-top: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--xxs {
    padding-top: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--xs {
    margin-top: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--xs {
    padding-top: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--sm {
    margin-top: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--sm {
    padding-top: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--ms {
    margin-top: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--ms {
    padding-top: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--md {
    margin-top: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--md {
    padding-top: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--lg {
    margin-top: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--lg {
    padding-top: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-top--xl {
    margin-top: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-top--xl {
    padding-top: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--0 {
    margin-left: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--0 {
    padding-left: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--xxs {
    margin-left: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--xxs {
    padding-left: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--xs {
    margin-left: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--xs {
    padding-left: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--sm {
    margin-left: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--sm {
    padding-left: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--ms {
    margin-left: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--ms {
    padding-left: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--md {
    margin-left: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--md {
    padding-left: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--lg {
    margin-left: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--lg {
    padding-left: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-left--xl {
    margin-left: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-left--xl {
    padding-left: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--0 {
    margin-right: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--0 {
    padding-right: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--xxs {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--xxs {
    padding-right: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--xs {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--xs {
    padding-right: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--sm {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--sm {
    padding-right: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--ms {
    margin-right: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--ms {
    padding-right: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--md {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--md {
    padding-right: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--lg {
    margin-right: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--lg {
    padding-right: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-right--xl {
    margin-right: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-right--xl {
    padding-right: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--0 {
    margin-bottom: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--xxs {
    margin-bottom: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--xxs {
    padding-bottom: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--xs {
    margin-bottom: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--xs {
    padding-bottom: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--sm {
    margin-bottom: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--sm {
    padding-bottom: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--ms {
    margin-bottom: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--ms {
    padding-bottom: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--md {
    margin-bottom: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--md {
    padding-bottom: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--lg {
    margin-bottom: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--lg {
    padding-bottom: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-m-bottom--xl {
    margin-bottom: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-laptop-p-bottom--xl {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1280px) {
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--0 {
    margin: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--0 {
    padding: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--xxs {
    margin: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--xxs {
    padding: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--xs {
    margin: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--xs {
    padding: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--sm {
    margin: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--sm {
    padding: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--ms {
    margin: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--ms {
    padding: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--md {
    margin: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--md {
    padding: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--lg {
    margin: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--lg {
    padding: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m--xl {
    margin: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p--xl {
    padding: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--0 {
    margin-top: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--0 {
    padding-top: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--xxs {
    margin-top: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--xxs {
    padding-top: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--xs {
    margin-top: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--xs {
    padding-top: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--sm {
    margin-top: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--sm {
    padding-top: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--ms {
    margin-top: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--ms {
    padding-top: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--md {
    margin-top: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--md {
    padding-top: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--lg {
    margin-top: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--lg {
    padding-top: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-top--xl {
    margin-top: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-top--xl {
    padding-top: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--0 {
    margin-left: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--0 {
    padding-left: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--xxs {
    margin-left: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--xxs {
    padding-left: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--xs {
    margin-left: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--xs {
    padding-left: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--sm {
    margin-left: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--sm {
    padding-left: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--ms {
    margin-left: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--ms {
    padding-left: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--md {
    margin-left: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--md {
    padding-left: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--lg {
    margin-left: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--lg {
    padding-left: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-left--xl {
    margin-left: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-left--xl {
    padding-left: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--0 {
    margin-right: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--0 {
    padding-right: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--xxs {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--xxs {
    padding-right: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--xs {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--xs {
    padding-right: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--sm {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--sm {
    padding-right: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--ms {
    margin-right: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--ms {
    padding-right: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--md {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--md {
    padding-right: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--lg {
    margin-right: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--lg {
    padding-right: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-right--xl {
    margin-right: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-right--xl {
    padding-right: 2.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--0 {
    margin-bottom: 0 !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--xxs {
    margin-bottom: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--xxs {
    padding-bottom: 0.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--xs {
    margin-bottom: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--xs {
    padding-bottom: 0.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--sm {
    margin-bottom: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--sm {
    padding-bottom: 1rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--ms {
    margin-bottom: 1.25rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--ms {
    padding-bottom: 1.25rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--md {
    margin-bottom: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--md {
    padding-bottom: 1.5rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--lg {
    margin-bottom: 2rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--lg {
    padding-bottom: 2rem !important;
  }
  /* line 28, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-m-bottom--xl {
    margin-bottom: 2.5rem !important;
  }
  /* line 37, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-xl-p-bottom--xl {
    padding-bottom: 2.5rem !important;
  }
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace--0 {
  padding: 0 !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace--sm {
  padding: 1rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace--md {
  padding: 2rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace--lg {
  padding: 4rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-top--0 {
  padding-top: 0 !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-top--sm {
  padding-top: 1rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-top--md {
  padding-top: 2rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-top--lg {
  padding-top: 4rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-left--0 {
  padding-left: 0 !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-left--sm {
  padding-left: 1rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-left--md {
  padding-left: 2rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-left--lg {
  padding-left: 4rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-right--0 {
  padding-right: 0 !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-right--sm {
  padding-right: 1rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-right--md {
  padding-right: 2rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-right--lg {
  padding-right: 4rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-bottom--0 {
  padding-bottom: 0 !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-bottom--sm {
  padding-bottom: 1rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-bottom--md {
  padding-bottom: 2rem !important;
}

/* line 53, app/assets/stylesheets/new/2_core/spacing.scss */
.whitespace-bottom--lg {
  padding-bottom: 4rem !important;
}

@media (min-width: 768px) {
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--0 {
    padding: 0 !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace--0 {
    padding: 0 !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--sm {
    padding: 1.5rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace--sm {
    padding: 1.5rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--md {
    padding: 3rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace--md {
    padding: 3rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--lg {
    padding: 6rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace--lg {
    padding: 6rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--0 {
    padding-top: 0 !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-top--0 {
    padding-top: 0 !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--sm {
    padding-top: 1.5rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-top--sm {
    padding-top: 1.5rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--md {
    padding-top: 3rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-top--md {
    padding-top: 3rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--lg {
    padding-top: 6rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-top--lg {
    padding-top: 6rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--0 {
    padding-left: 0 !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-left--0 {
    padding-left: 0 !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--sm {
    padding-left: 1.5rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-left--sm {
    padding-left: 1.5rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--md {
    padding-left: 3rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-left--md {
    padding-left: 3rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--lg {
    padding-left: 6rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-left--lg {
    padding-left: 6rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--0 {
    padding-right: 0 !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-right--0 {
    padding-right: 0 !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--sm {
    padding-right: 1.5rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-right--sm {
    padding-right: 1.5rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--md {
    padding-right: 3rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-right--md {
    padding-right: 3rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--lg {
    padding-right: 6rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-right--lg {
    padding-right: 6rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--sm {
    padding-bottom: 1.5rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-bottom--sm {
    padding-bottom: 1.5rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--md {
    padding-bottom: 3rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-bottom--md {
    padding-bottom: 3rem !important;
  }
  /* line 68, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--lg {
    padding-bottom: 6rem !important;
  }
  /* line 77, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-md-whitespace-bottom--lg {
    padding-bottom: 6rem !important;
  }
}

@media (min-width: 1024px) {
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--0 {
    padding: 0 !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace--0 {
    padding: 0 !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--sm {
    padding: 2rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace--sm {
    padding: 2rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--md {
    padding: 4rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace--md {
    padding: 4rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace--lg {
    padding: 8rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace--lg {
    padding: 8rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--0 {
    padding-top: 0 !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-top--0 {
    padding-top: 0 !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--sm {
    padding-top: 2rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-top--sm {
    padding-top: 2rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--md {
    padding-top: 4rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-top--md {
    padding-top: 4rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-top--lg {
    padding-top: 8rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-top--lg {
    padding-top: 8rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--0 {
    padding-left: 0 !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-left--0 {
    padding-left: 0 !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--sm {
    padding-left: 2rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-left--sm {
    padding-left: 2rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--md {
    padding-left: 4rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-left--md {
    padding-left: 4rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-left--lg {
    padding-left: 8rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-left--lg {
    padding-left: 8rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--0 {
    padding-right: 0 !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-right--0 {
    padding-right: 0 !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--sm {
    padding-right: 2rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-right--sm {
    padding-right: 2rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--md {
    padding-right: 4rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-right--md {
    padding-right: 4rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-right--lg {
    padding-right: 8rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-right--lg {
    padding-right: 8rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-bottom--0 {
    padding-bottom: 0 !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--sm {
    padding-bottom: 2rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-bottom--sm {
    padding-bottom: 2rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--md {
    padding-bottom: 4rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-bottom--md {
    padding-bottom: 4rem !important;
  }
  /* line 93, app/assets/stylesheets/new/2_core/spacing.scss */
  .whitespace-bottom--lg {
    padding-bottom: 8rem !important;
  }
  /* line 102, app/assets/stylesheets/new/2_core/spacing.scss */
  .when-lg-whitespace-bottom--lg {
    padding-bottom: 8rem !important;
  }
}

/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=c80b5190f73cffd680e7)
 * Config saved to config.json and https://gist.github.com/c80b5190f73cffd680e7
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* line 12, app/assets/stylesheets/new/2_core/flexGrid.scss */
.flexGrid {
  margin-left: -1rem;
  margin-right: -1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 18, app/assets/stylesheets/new/2_core/flexGrid.scss */
.flexGrid-item {
  position: relative;
  min-height: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}

/* line 25, app/assets/stylesheets/new/2_core/flexGrid.scss */
.flexGrid-item--translucent {
  opacity: 0.5;
}

/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=c80b5190f73cffd680e7)
 * Config saved to config.json and https://gist.github.com/c80b5190f73cffd680e7
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* line 12, app/assets/stylesheets/new/2_core/grid.scss */
.mdfy-grid {
  margin-left: -1rem;
  margin-right: -1rem;
  clear: both;
}

/* line 17, app/assets/stylesheets/new/2_core/grid.scss */
.grid-item {
  position: relative;
  min-height: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 23, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-1,
.when-xs-2,
.when-xs-3,
.when-xs-4,
.when-xs-5,
.when-xs-6,
.when-xs-7,
.when-xs-8,
.when-xs-9,
.when-xs-10,
.when-xs-11,
.when-xs-12 {
  float: left;
}

/* line 37, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-12 {
  width: 100%;
}

/* line 40, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-11 {
  width: 91.66666667%;
}

/* line 43, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-10 {
  width: 83.33333333%;
}

/* line 46, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-9 {
  width: 75%;
}

/* line 49, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-8 {
  width: 66.66666667%;
}

/* line 52, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-7 {
  width: 58.33333333%;
}

/* line 55, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-6 {
  width: 50%;
}

/* line 58, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-5 {
  width: 41.66666667%;
}

/* line 61, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-4 {
  width: 33.33333333%;
}

/* line 64, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-3 {
  width: 25%;
}

/* line 67, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-2 {
  width: 16.66666667%;
}

/* line 70, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-1 {
  width: 8.33333333%;
}

/* line 73, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-12 {
  right: 100%;
}

/* line 76, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-11 {
  right: 91.66666667%;
}

/* line 79, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-10 {
  right: 83.33333333%;
}

/* line 82, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-9 {
  right: 75%;
}

/* line 85, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-8 {
  right: 66.66666667%;
}

/* line 88, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-7 {
  right: 58.33333333%;
}

/* line 91, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-6 {
  right: 50%;
}

/* line 94, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-5 {
  right: 41.66666667%;
}

/* line 97, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-4 {
  right: 33.33333333%;
}

/* line 100, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-3 {
  right: 25%;
}

/* line 103, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-2 {
  right: 16.66666667%;
}

/* line 106, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-1 {
  right: 8.33333333%;
}

/* line 109, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-pull-0 {
  right: auto;
}

/* line 112, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-12 {
  left: 100%;
}

/* line 115, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-11 {
  left: 91.66666667%;
}

/* line 118, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-10 {
  left: 83.33333333%;
}

/* line 121, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-9 {
  left: 75%;
}

/* line 124, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-8 {
  left: 66.66666667%;
}

/* line 127, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-7 {
  left: 58.33333333%;
}

/* line 130, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-6 {
  left: 50%;
}

/* line 133, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-5 {
  left: 41.66666667%;
}

/* line 136, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-4 {
  left: 33.33333333%;
}

/* line 139, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-3 {
  left: 25%;
}

/* line 142, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-2 {
  left: 16.66666667%;
}

/* line 145, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-1 {
  left: 8.33333333%;
}

/* line 148, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-push-0 {
  left: auto;
}

/* line 151, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-12 {
  margin-left: 100%;
}

/* line 154, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-11 {
  margin-left: 91.66666667%;
}

/* line 157, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-10 {
  margin-left: 83.33333333%;
}

/* line 160, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-9 {
  margin-left: 75%;
}

/* line 163, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-8 {
  margin-left: 66.66666667%;
}

/* line 166, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-7 {
  margin-left: 58.33333333%;
}

/* line 169, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-6 {
  margin-left: 50%;
}

/* line 172, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-5 {
  margin-left: 41.66666667%;
}

/* line 175, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-4 {
  margin-left: 33.33333333%;
}

/* line 178, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-3 {
  margin-left: 25%;
}

/* line 181, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-2 {
  margin-left: 16.66666667%;
}

/* line 184, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-1 {
  margin-left: 8.33333333%;
}

/* line 187, app/assets/stylesheets/new/2_core/grid.scss */
.when-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 568px) {
  /* line 191, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-1,
.when-sm-2,
.when-sm-3,
.when-sm-4,
.when-sm-5,
.when-sm-6,
.when-sm-7,
.when-sm-8,
.when-sm-9,
.when-sm-10,
.when-sm-11,
.when-sm-12 {
    float: left;
  }
  /* line 205, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-12 {
    width: 100%;
  }
  /* line 208, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-11 {
    width: 91.66666667%;
  }
  /* line 211, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-10 {
    width: 83.33333333%;
  }
  /* line 214, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-9 {
    width: 75%;
  }
  /* line 217, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-8 {
    width: 66.66666667%;
  }
  /* line 220, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-7 {
    width: 58.33333333%;
  }
  /* line 223, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-6 {
    width: 50%;
  }
  /* line 226, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-5 {
    width: 41.66666667%;
  }
  /* line 229, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-4 {
    width: 33.33333333%;
  }
  /* line 232, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-3 {
    width: 25%;
  }
  /* line 235, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-2 {
    width: 16.66666667%;
  }
  /* line 238, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-1 {
    width: 8.33333333%;
  }
  /* line 241, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-12 {
    right: 100%;
  }
  /* line 244, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-11 {
    right: 91.66666667%;
  }
  /* line 247, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-10 {
    right: 83.33333333%;
  }
  /* line 250, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-9 {
    right: 75%;
  }
  /* line 253, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-8 {
    right: 66.66666667%;
  }
  /* line 256, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-7 {
    right: 58.33333333%;
  }
  /* line 259, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-6 {
    right: 50%;
  }
  /* line 262, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-5 {
    right: 41.66666667%;
  }
  /* line 265, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-4 {
    right: 33.33333333%;
  }
  /* line 268, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-3 {
    right: 25%;
  }
  /* line 271, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-2 {
    right: 16.66666667%;
  }
  /* line 274, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-1 {
    right: 8.33333333%;
  }
  /* line 277, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-pull-0 {
    right: auto;
  }
  /* line 280, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-12 {
    left: 100%;
  }
  /* line 283, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-11 {
    left: 91.66666667%;
  }
  /* line 286, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-10 {
    left: 83.33333333%;
  }
  /* line 289, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-9 {
    left: 75%;
  }
  /* line 292, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-8 {
    left: 66.66666667%;
  }
  /* line 295, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-7 {
    left: 58.33333333%;
  }
  /* line 298, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-6 {
    left: 50%;
  }
  /* line 301, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-5 {
    left: 41.66666667%;
  }
  /* line 304, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-4 {
    left: 33.33333333%;
  }
  /* line 307, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-3 {
    left: 25%;
  }
  /* line 310, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-2 {
    left: 16.66666667%;
  }
  /* line 313, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-1 {
    left: 8.33333333%;
  }
  /* line 316, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-push-0 {
    left: auto;
  }
  /* line 319, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-12 {
    margin-left: 100%;
  }
  /* line 322, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 325, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 328, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-9 {
    margin-left: 75%;
  }
  /* line 331, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 334, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 337, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-6 {
    margin-left: 50%;
  }
  /* line 340, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 343, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 346, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-3 {
    margin-left: 25%;
  }
  /* line 349, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  /* line 352, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 355, app/assets/stylesheets/new/2_core/grid.scss */
  .when-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 768px) {
  /* line 360, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-1,
.when-md-2,
.when-md-3,
.when-md-4,
.when-md-5,
.when-md-6,
.when-md-7,
.when-md-8,
.when-md-9,
.when-md-10,
.when-md-11,
.when-md-12 {
    float: left;
  }
  /* line 374, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-12 {
    width: 100%;
  }
  /* line 377, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-11 {
    width: 91.66666667%;
  }
  /* line 380, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-10 {
    width: 83.33333333%;
  }
  /* line 383, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-9 {
    width: 75%;
  }
  /* line 386, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-8 {
    width: 66.66666667%;
  }
  /* line 389, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-7 {
    width: 58.33333333%;
  }
  /* line 392, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-6 {
    width: 50%;
  }
  /* line 395, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-5 {
    width: 41.66666667%;
  }
  /* line 398, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-4 {
    width: 33.33333333%;
  }
  /* line 401, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-3 {
    width: 25%;
  }
  /* line 404, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-2 {
    width: 16.66666667%;
  }
  /* line 407, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-1 {
    width: 8.33333333%;
  }
  /* line 410, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-12 {
    right: 100%;
  }
  /* line 413, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-11 {
    right: 91.66666667%;
  }
  /* line 416, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-10 {
    right: 83.33333333%;
  }
  /* line 419, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-9 {
    right: 75%;
  }
  /* line 422, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-8 {
    right: 66.66666667%;
  }
  /* line 425, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-7 {
    right: 58.33333333%;
  }
  /* line 428, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-6 {
    right: 50%;
  }
  /* line 431, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-5 {
    right: 41.66666667%;
  }
  /* line 434, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-4 {
    right: 33.33333333%;
  }
  /* line 437, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-3 {
    right: 25%;
  }
  /* line 440, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-2 {
    right: 16.66666667%;
  }
  /* line 443, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-1 {
    right: 8.33333333%;
  }
  /* line 446, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-pull-0 {
    right: auto;
  }
  /* line 449, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-12 {
    left: 100%;
  }
  /* line 452, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-11 {
    left: 91.66666667%;
  }
  /* line 455, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-10 {
    left: 83.33333333%;
  }
  /* line 458, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-9 {
    left: 75%;
  }
  /* line 461, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-8 {
    left: 66.66666667%;
  }
  /* line 464, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-7 {
    left: 58.33333333%;
  }
  /* line 467, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-6 {
    left: 50%;
  }
  /* line 470, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-5 {
    left: 41.66666667%;
  }
  /* line 473, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-4 {
    left: 33.33333333%;
  }
  /* line 476, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-3 {
    left: 25%;
  }
  /* line 479, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-2 {
    left: 16.66666667%;
  }
  /* line 482, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-1 {
    left: 8.33333333%;
  }
  /* line 485, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-push-0 {
    left: auto;
  }
  /* line 488, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-12 {
    margin-left: 100%;
  }
  /* line 491, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 494, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 497, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-9 {
    margin-left: 75%;
  }
  /* line 500, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 503, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 506, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-6 {
    margin-left: 50%;
  }
  /* line 509, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 512, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 515, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-3 {
    margin-left: 25%;
  }
  /* line 518, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-2 {
    margin-left: 16.66666667%;
  }
  /* line 521, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 524, app/assets/stylesheets/new/2_core/grid.scss */
  .when-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1024px) {
  /* line 529, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-1,
.when-lg-2,
.when-lg-3,
.when-lg-4,
.when-lg-5,
.when-lg-6,
.when-lg-7,
.when-lg-8,
.when-lg-9,
.when-lg-10,
.when-lg-11,
.when-lg-12 {
    float: left;
  }
  /* line 543, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-12 {
    width: 100%;
  }
  /* line 546, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-11 {
    width: 91.66666667%;
  }
  /* line 549, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-10 {
    width: 83.33333333%;
  }
  /* line 552, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-9 {
    width: 75%;
  }
  /* line 555, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-8 {
    width: 66.66666667%;
  }
  /* line 558, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-7 {
    width: 58.33333333%;
  }
  /* line 561, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-6 {
    width: 50%;
  }
  /* line 564, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-5 {
    width: 41.66666667%;
  }
  /* line 567, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-4 {
    width: 33.33333333%;
  }
  /* line 570, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-3 {
    width: 25%;
  }
  /* line 573, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-2 {
    width: 16.66666667%;
  }
  /* line 576, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-1 {
    width: 8.33333333%;
  }
  /* line 579, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-12 {
    right: 100%;
  }
  /* line 582, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-11 {
    right: 91.66666667%;
  }
  /* line 585, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-10 {
    right: 83.33333333%;
  }
  /* line 588, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-9 {
    right: 75%;
  }
  /* line 591, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-8 {
    right: 66.66666667%;
  }
  /* line 594, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-7 {
    right: 58.33333333%;
  }
  /* line 597, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-6 {
    right: 50%;
  }
  /* line 600, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-5 {
    right: 41.66666667%;
  }
  /* line 603, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-4 {
    right: 33.33333333%;
  }
  /* line 606, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-3 {
    right: 25%;
  }
  /* line 609, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-2 {
    right: 16.66666667%;
  }
  /* line 612, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-1 {
    right: 8.33333333%;
  }
  /* line 615, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-pull-0 {
    right: auto;
  }
  /* line 618, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-12 {
    left: 100%;
  }
  /* line 621, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-11 {
    left: 91.66666667%;
  }
  /* line 624, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-10 {
    left: 83.33333333%;
  }
  /* line 627, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-9 {
    left: 75%;
  }
  /* line 630, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-8 {
    left: 66.66666667%;
  }
  /* line 633, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-7 {
    left: 58.33333333%;
  }
  /* line 636, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-6 {
    left: 50%;
  }
  /* line 639, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-5 {
    left: 41.66666667%;
  }
  /* line 642, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-4 {
    left: 33.33333333%;
  }
  /* line 645, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-3 {
    left: 25%;
  }
  /* line 648, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-2 {
    left: 16.66666667%;
  }
  /* line 651, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-1 {
    left: 8.33333333%;
  }
  /* line 654, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-push-0 {
    left: auto;
  }
  /* line 657, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-12 {
    margin-left: 100%;
  }
  /* line 660, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 663, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 666, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-9 {
    margin-left: 75%;
  }
  /* line 669, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 672, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 675, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-6 {
    margin-left: 50%;
  }
  /* line 678, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 681, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 684, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-3 {
    margin-left: 25%;
  }
  /* line 687, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  /* line 690, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 693, app/assets/stylesheets/new/2_core/grid.scss */
  .when-lg-offset-0 {
    margin-left: 0%;
  }
}

/* line 697, app/assets/stylesheets/new/2_core/grid.scss */
.mdfy-grid:before,
.mdfy-grid:after {
  content: " ";
  display: table;
}

/* line 702, app/assets/stylesheets/new/2_core/grid.scss */
.mdfy-grid:after {
  clear: both;
}

/* line 1, app/assets/stylesheets/new/3_components/defaults.scss */
*,
*:before,
*:after {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 6, app/assets/stylesheets/new/3_components/defaults.scss */
body {
  background: var(--background-default);
}

/* line 9, app/assets/stylesheets/new/3_components/defaults.scss */
hr {
  margin: 2rem 0;
  height: 1px;
  border: none;
  background: var(--border-soft);
}

/* line 15, app/assets/stylesheets/new/3_components/defaults.scss */
.hr--lg {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

/* line 19, app/assets/stylesheets/new/3_components/defaults.scss */
.hr--inverted {
  background: rgba(255, 255, 255, 0.1);
}

/* line 22, app/assets/stylesheets/new/3_components/defaults.scss */
a {
  text-decoration: none;
  cursor: pointer;
}

/* line 26, app/assets/stylesheets/new/3_components/defaults.scss */
[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

/* line 30, app/assets/stylesheets/new/3_components/defaults.scss */
abbr {
  cursor: default;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--border-strong);
}

/* line 34, app/assets/stylesheets/new/3_components/defaults.scss */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--border-strong);
}

/* line 39, app/assets/stylesheets/new/3_components/defaults.scss */
a {
  color: var(--text-primary);
}

/* line 42, app/assets/stylesheets/new/3_components/defaults.scss */
.link, .richtext a {
  color: var(--text-primary);
  cursor: pointer;
  border: none;
  background: none;
  -webkit-appearance: none;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 51, app/assets/stylesheets/new/3_components/defaults.scss */
.link--showVisited:visited, .link--showVisited.visited {
  color: var(--text-visited);
}

/* line 56, app/assets/stylesheets/new/3_components/defaults.scss */
img,
video {
  max-width: 100%;
}

/* line 59, app/assets/stylesheets/new/3_components/defaults.scss */
p + img, p + video {
  margin-top: 1rem;
}

/* line 63, app/assets/stylesheets/new/3_components/defaults.scss */
dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}

/* line 67, app/assets/stylesheets/new/3_components/defaults.scss */
dt {
  color: var(--text-secondary);
  font-weight: bold;
  width: 12rem;
  text-align: right;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* line 76, app/assets/stylesheets/new/3_components/defaults.scss */
dd {
  padding-left: 1rem;
}

/* line 80, app/assets/stylesheets/new/3_components/defaults.scss */
.dl--lg dt {
  width: 18rem;
}

/* line 85, app/assets/stylesheets/new/3_components/defaults.scss */
.dl--sm dt {
  width: 6rem;
}

/* line 89, app/assets/stylesheets/new/3_components/defaults.scss */
::selection {
  background: var(--background-primary-30);
  /* WebKit/Blink Browsers */
}

/* line 92, app/assets/stylesheets/new/3_components/defaults.scss */
::-moz-selection {
  background: var(--background-primary-30);
  /* Gecko Browsers */
}

/* line 1, app/assets/stylesheets/new/3_components/lists.scss */
ul,
ol {
  list-style: none;
}

/* line 6, app/assets/stylesheets/new/3_components/lists.scss */
.list-styled {
  list-style: initial;
  padding-left: 1.5rem;
}

/* line 10, app/assets/stylesheets/new/3_components/lists.scss */
.list-styled li {
  margin-top: 0.5rem;
}

/* line 17, app/assets/stylesheets/new/3_components/lists.scss */
.list-styled li,
list-styled--no-margin li {
  margin-top: 0;
}

/* line 23, app/assets/stylesheets/new/3_components/lists.scss */
.list-w-icon li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

/* line 27, app/assets/stylesheets/new/3_components/lists.scss */
.list-w-icon li .material-icons {
  margin-right: 0.5rem;
}

/* line 33, app/assets/stylesheets/new/3_components/lists.scss */
ol.list-styled {
  list-style-type: decimal;
}

/* line 37, app/assets/stylesheets/new/3_components/lists.scss */
ol.ol-upper-roman {
  list-style-type: upper-roman;
}

/* line 43, app/assets/stylesheets/new/3_components/lists.scss */
ul.comma-separated li:after {
  content: ", ";
}

/* line 47, app/assets/stylesheets/new/3_components/lists.scss */
ul.comma-separated li:last-child:after {
  content: "";
}

/* line 1, app/assets/stylesheets/new/3_components/code.scss */
pre,
code {
  font-family: "Source Code Pro", monospace;
  background: var(--background-secondary);
  color: var(--text-danger);
  font-size: 14px;
}

/* line 8, app/assets/stylesheets/new/3_components/code.scss */
code {
  padding: 0.25rem;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* line 12, app/assets/stylesheets/new/3_components/code.scss */
.code--sm {
  font-size: 12px;
  display: block;
  max-width: 200px;
  word-wrap: break-word;
}

/* line 18, app/assets/stylesheets/new/3_components/code.scss */
pre {
  border: 1px solid var(--border-soft);
  padding: 0.5rem 1rem;
  overflow: auto;
}

/* line 22, app/assets/stylesheets/new/3_components/code.scss */
pre code {
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 27, app/assets/stylesheets/new/3_components/code.scss */
.pre--wrap {
  white-space: pre-wrap;
}

/* line 30, app/assets/stylesheets/new/3_components/code.scss */
pre[class*="language-"][class*="language-"] {
  background-color: var(--background-default);
  background-image: linear-gradient(transparent 50%, var(--background-secondary) 50%);
}

/* line 1, app/assets/stylesheets/new/3_components/keyboardControls.scss */
kbd {
  display: inline-block;
  line-height: 1;
  color: var(--text-default);
  font-family: inherit;
  font-weight: bold;
  background: var(--background-default);
  border: 1px solid var(--border-strong);
  box-shadow: 0 1px 0 var(--border-soft);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  vertical-align: middle;
}

/* line 13, app/assets/stylesheets/new/3_components/keyboardControls.scss */
kbd.icon, kbd.GuideIndex-listItem.now-active:before, kbd.Experiences-map-marker:before, .richtext kbd.alert:before, kbd.statusIcon, kbd.metadata-icon, kbd.badge-icon, kbd.button-icon, kbd.alert-icon {
  font-size: 18px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* line 19, app/assets/stylesheets/new/3_components/keyboardControls.scss */
.keyboardShortcut-description {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25rem;
}

/* line 1, app/assets/stylesheets/new/3_components/equations.scss */
.equation, .MultipleChoice-content i {
  line-height: 1;
  font-family: Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* line 5, app/assets/stylesheets/new/3_components/equations.scss */
.equation sup, .MultipleChoice-content i sup,
.equation sub,
.MultipleChoice-content i sub {
  font-size: 65%;
  font-weight: bold;
  margin-right: 0.1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 12, app/assets/stylesheets/new/3_components/equations.scss */
.equation sup, .MultipleChoice-content i sup {
  top: -0.7em;
}

/* line 15, app/assets/stylesheets/new/3_components/equations.scss */
.equation sub, .MultipleChoice-content i sub {
  bottom: -0.35em;
  left: -0.05em;
}

/* line 23, app/assets/stylesheets/new/3_components/equations.scss */
.mdfy-eqn--display {
  text-align: center;
}

/* line 1, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 3, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: var(--text-secondary);
}

/* line 7, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs > li > a {
  display: flex;
  align-items: center;
  color: inherit;
  padding: 4px 0;
  height: 2.25rem;
}

/* line 13, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs > li > a:hover {
  color: var(--text-primary);
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 19, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs > li + li:before {
  content: "chevron_right";
  color: var(--icon-secondary);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* line 40, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs > li.active, .Navbar-tabs .breadcrumbs > li.tabs-link.now-loading, .breadcrumbs > li.now-active {
  color: var(--text-default);
  font-weight: bold;
}

/* line 48, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs--short li,
.breadcrumbs--short a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 56, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs--inverted > li {
  color: var(--white-80);
}

/* line 58, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs--inverted > li > a:hover {
  color: var(--text-white);
}

/* line 62, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs--inverted > li + li:before {
  color: var(--white-60);
}

/* line 66, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumbs--inverted > li.active, .Navbar-tabs .breadcrumbs--inverted > li.tabs-link.now-loading, .breadcrumbs--inverted > li.now-active {
  color: var(--text-white);
}

/* line 72, app/assets/stylesheets/new/3_components/breadcrumbs.scss */
.breadcrumb--ellipsis {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 36px;
}

/* line 1, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination {
  display: table;
  margin: 2rem auto;
  zoom: 1;
}

/* line 3, app/assets/stylesheets/new/1_base/mixins.scss */
.pagination:before, .pagination:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 10, app/assets/stylesheets/new/1_base/mixins.scss */
.pagination:after {
  clear: both;
}

/* line 5, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li {
  float: left;
}

/* line 7, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li > a {
  cursor: pointer;
  display: block;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  box-shadow: inset 0 0 0 1px var(--border-soft);
  text-align: center;
  color: var(--text-default);
  border-radius: 0.25rem;
}

/* line 17, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li > a:hover {
  background: var(--background-secondary);
}

/* line 21, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li + li {
  margin-left: 2px;
}

/* line 24, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li.active, .Navbar-tabs .pagination > li.tabs-link.now-loading {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* line 27, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li.active > a, .Navbar-tabs .pagination > li.tabs-link.now-loading > a {
  color: var(--text-default);
  background: var(--background-tertiary);
  box-shadow: inset 0 0 0 1px var(--border-strong);
  font-weight: bold;
  border-radius: 0.25rem;
}

/* line 34, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li.active + li, .Navbar-tabs .pagination > li.tabs-link.now-loading + li {
  margin-left: 0;
}

/* line 38, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li.disabled {
  cursor: default;
}

/* line 40, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li.disabled > a {
  color: var(--text-tertiary);
  box-shadow: none;
  pointer-events: none;
}

/* line 48, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li:first-child > a, .pagination > li:last-child > a {
  border-radius: 0.25rem;
}

/* line 52, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li:first-child {
  margin-right: 1rem;
}

/* line 55, app/assets/stylesheets/new/3_components/pagination.scss */
.pagination > li:last-child {
  margin-left: 1rem;
}

/* line 1, app/assets/stylesheets/new/3_components/blockquotes.scss */
.blockquote, .richtext blockquote {
  font-style: italic;
  border-left: 3px solid var(--border-strong);
  padding: 0.5rem 1rem;
}

/* line 6, app/assets/stylesheets/new/3_components/blockquotes.scss */
.blockquote-text {
  font-size: 16px;
  font-family: Georgia, serif;
}

/* line 10, app/assets/stylesheets/new/3_components/blockquotes.scss */
.blockquote-author {
  color: var(--text-secondary);
  font-style: normal;
  margin-top: 0.5rem;
}

/* line 1, app/assets/stylesheets/new/3_components/alerts.scss */
.alert {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  max-width: 768px;
}

/* line 6, app/assets/stylesheets/new/3_components/alerts.scss */
.alert a {
  font-weight: 600;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 9, app/assets/stylesheets/new/3_components/alerts.scss */
.alert a, .alert a:visited {
  color: inherit;
}

/* line 15, app/assets/stylesheets/new/3_components/alerts.scss */
.alert-text, .richtext .alert {
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}

/* line 18, app/assets/stylesheets/new/3_components/alerts.scss */
.alert-text ul, .richtext .alert ul {
  padding-left: 1rem;
  list-style: initial;
}

/* line 23, app/assets/stylesheets/new/3_components/alerts.scss */
.alert-icon {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
}

/* line 29, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--block .alert-text, .alert--block .richtext .alert, .richtext .alert--block .alert {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* line 33, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

/* line 36, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: auto;
}

/* line 40, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin-left: auto;
}

/* line 44, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--empty {
  color: var(--text-default);
}

/* line 46, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--empty .alert-text, .alert--empty .richtext .alert, .richtext .alert--empty .alert {
  background: var(--background-tertiary);
}

/* line 51, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--inverted .alert-icon {
  color: var(--icon-white);
}

/* line 54, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--inverted .alert-text, .alert--inverted .richtext .alert, .richtext .alert--inverted .alert {
  color: var(--text-default);
  background: var(--background-default);
}

/* line 60, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--empty.alert--inverted .alert-text, .alert--empty.alert--inverted .richtext .alert, .richtext .alert--empty.alert--inverted .alert {
  color: var(--text-white);
  background: rgba(255, 255, 255, 0.1);
}

/* line 67, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--success .alert-icon {
  color: var(--icon-success);
}

/* line 70, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--success .alert-text a, .alert--success .richtext .alert a, .richtext .alert--success .alert a {
  color: var(--text-success);
}

/* line 73, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--success .alert-text, .alert--success .richtext .alert, .richtext .alert--success .alert {
  background: var(--background-success-10);
}

/* line 77, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--success.alert--overlay .alert-text, .alert--success.alert--overlay .richtext .alert, .richtext .alert--success.alert--overlay .alert {
  color: var(--text-white);
  background: var(--background-success);
}

/* line 67, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--attention .alert-icon {
  color: var(--icon-attention);
}

/* line 70, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--attention .alert-text a, .alert--attention .richtext .alert a, .richtext .alert--attention .alert a {
  color: var(--text-attention);
}

/* line 73, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--attention .alert-text, .alert--attention .richtext .alert, .richtext .alert--attention .alert {
  background: var(--background-attention-10);
}

/* line 77, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--attention.alert--overlay .alert-text, .alert--attention.alert--overlay .richtext .alert, .richtext .alert--attention.alert--overlay .alert {
  color: var(--text-white);
  background: var(--background-attention);
}

/* line 67, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--danger .alert-icon {
  color: var(--icon-danger);
}

/* line 70, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--danger .alert-text a, .alert--danger .richtext .alert a, .richtext .alert--danger .alert a {
  color: var(--text-danger);
}

/* line 73, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--danger .alert-text, .alert--danger .richtext .alert, .richtext .alert--danger .alert {
  background: var(--background-danger-10);
}

/* line 77, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--danger.alert--overlay .alert-text, .alert--danger.alert--overlay .richtext .alert, .richtext .alert--danger.alert--overlay .alert {
  color: var(--text-white);
  background: var(--background-danger);
}

/* line 67, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--info .alert-icon {
  color: var(--icon-info);
}

/* line 70, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--info .alert-text a, .alert--info .richtext .alert a, .richtext .alert--info .alert a {
  color: var(--text-info);
}

/* line 73, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--info .alert-text, .alert--info .richtext .alert, .richtext .alert--info .alert {
  background: var(--background-info-10);
}

/* line 77, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--info.alert--overlay .alert-text, .alert--info.alert--overlay .richtext .alert, .richtext .alert--info.alert--overlay .alert {
  color: var(--text-white);
  background: var(--background-info);
}

/* line 85, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--tip .alert-icon,
.alert--tip .alert-text,
.alert--tip .richtext .alert,
.richtext .alert--tip .alert {
  border: 1px solid var(--border-attention);
}

/* line 89, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--tip .alert-icon {
  color: var(--icon-attention);
  border-right: none;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

/* line 97, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--tip .alert-text, .alert--tip .richtext .alert, .richtext .alert--tip .alert {
  padding-left: 0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 104, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--overlay {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 2rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1060;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 114, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--overlay.now-active {
  -webkit-animation: alert-in 6s 1;
  animation: alert-in 6s 1;
}

/* line 117, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--overlay .alert-text, .alert--overlay .richtext .alert, .richtext .alert--overlay .alert {
  box-shadow: var(--shadow-popover);
}

/* line 121, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--fullWidth {
  max-width: none !important;
}

/* line 124, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--fullWidth .alert-text, .alert--fullWidth .richtext .alert, .richtext .alert--fullWidth .alert {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* line 128, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--notice {
  color: var(--text-default);
  background: var(--background-mark);
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: none;
  padding: 0;
  overflow: hidden;
  z-index: 1000;
}

/* line 140, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--notice ~ .alert--notice {
  display: none;
}

/* line 143, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--notice.now-calculatingHeight {
  height: auto !important;
  opacity: 0;
}

/* line 147, app/assets/stylesheets/new/3_components/alerts.scss */
.alert--notice .alert-text, .alert--notice .richtext .alert, .richtext .alert--notice .alert {
  padding: 0.5rem;
}

/* line 151, app/assets/stylesheets/new/3_components/alerts.scss */
.alert-noticeOffset {
  height: 0;
}

@keyframes alert-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  15% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  85% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
  }
}

@-webkit-keyframes alert-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  15% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  85% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
  }
}

/* line 1, app/assets/stylesheets/new/3_components/buttons.scss */
.button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  border-radius: 0.25rem;
  font-size: 14px;
  line-height: 1.42857143;
  font-style: normal;
  font-weight: 500;
  height: 2.25rem;
  padding: 0.5rem 1rem;
  transition: 0.1s ease-out;
}

/* line 19, app/assets/stylesheets/new/3_components/buttons.scss */
.button + .button,
.button + .form-disabledButtonWrapper {
  margin-left: 1rem;
}

/* line 23, app/assets/stylesheets/new/3_components/buttons.scss */
.button:focus-visible {
  outline: none;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 27, app/assets/stylesheets/new/3_components/buttons.scss */
.button.disabled, .button[disabled] {
  pointer-events: none;
  color: var(--text-secondary);
  background: var(--background-secondary);
  box-shadow: none !important;
}

/* line 34, app/assets/stylesheets/new/3_components/buttons.scss */
.button:hover {
  box-shadow: inset 0 0 0 100px var(--contrast-alpha-5);
}

/* line 37, app/assets/stylesheets/new/3_components/buttons.scss */
.button:active {
  transform: scale(0.95);
}

/* line 40, app/assets/stylesheets/new/3_components/buttons.scss */
.button:active, .button.active, .Navbar-tabs .button.tabs-link.now-loading, .button.now-loading, .dropdown.open > .button, .dropdown.now-open > .button {
  box-shadow: inset 0 0 0 100px var(--contrast-alpha-10);
}

@media only screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/3_components/buttons.scss */
  .button {
    white-space: normal;
    height: auto;
  }
}

/* line 53, app/assets/stylesheets/new/3_components/buttons.scss */
.button--sm {
  font-size: 14px;
  height: 1.75rem;
  padding: 4px 1rem;
}

/* line 58, app/assets/stylesheets/new/3_components/buttons.scss */
.button--default {
  color: var(--text-default);
  background: var(--background-tertiary);
}

/* line 62, app/assets/stylesheets/new/3_components/buttons.scss */
.button--link {
  color: var(--text-primary);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 66, app/assets/stylesheets/new/3_components/buttons.scss */
.button--link:hover, .button--link:focus, .button--link.active, .Navbar-tabs .button--link.tabs-link.now-loading {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  box-shadow: none;
}

/* line 72, app/assets/stylesheets/new/3_components/buttons.scss */
.dropdown.now-open > .button--link, .button--link:hover:active {
  box-shadow: none;
}

/* line 77, app/assets/stylesheets/new/3_components/buttons.scss */
.button--minimal, .button--minimal-border {
  color: var(--text-default);
}

/* line 79, app/assets/stylesheets/new/3_components/buttons.scss */
.button--minimal:hover, .button--minimal-border:hover, .button--minimal.active, .Navbar-tabs .button--minimal.tabs-link.now-loading, .active.button--minimal-border, .Navbar-tabs .button--minimal-border.tabs-link.now-loading {
  color: var(--text-default);
}

/* line 83, app/assets/stylesheets/new/3_components/buttons.scss */
.button--minimal.disabled, .disabled.button--minimal-border, .button--minimal[disabled], .button--minimal-border[disabled] {
  background: none !important;
}

/* line 88, app/assets/stylesheets/new/3_components/buttons.scss */
.button--minimal-border {
  border: 1px solid var(--border-strong);
}

/* line 92, app/assets/stylesheets/new/3_components/buttons.scss */
.button--primary,
.button--success,
.button--attention,
.button--danger {
  color: var(--text-white);
}

/* line 97, app/assets/stylesheets/new/3_components/buttons.scss */
.button--primary:hover,
.button--success:hover,
.button--attention:hover,
.button--danger:hover {
  box-shadow: inset 0 0 0 100px var(--contrast-alpha-10);
}

/* line 100, app/assets/stylesheets/new/3_components/buttons.scss */
.button--primary:active, .button--primary.active, .Navbar-tabs .button--primary.tabs-link.now-loading, .button--primary.now-loading, .dropdown.open > .button--primary, .dropdown.now-open > .button--primary,
.button--success:active,
.button--success.active,
.Navbar-tabs .button--success.tabs-link.now-loading,
.button--success.now-loading, .dropdown.open > .button--success, .dropdown.now-open > .button--success,
.button--attention:active,
.button--attention.active,
.Navbar-tabs .button--attention.tabs-link.now-loading,
.button--attention.now-loading, .dropdown.open > .button--attention, .dropdown.now-open > .button--attention,
.button--danger:active,
.button--danger.active,
.Navbar-tabs .button--danger.tabs-link.now-loading,
.button--danger.now-loading, .dropdown.open > .button--danger, .dropdown.now-open > .button--danger {
  box-shadow: inset 0 0 0 100px var(--contrast-alpha-20);
}

/* line 108, app/assets/stylesheets/new/3_components/buttons.scss */
.button--primary {
  background: var(--background-primary);
}

/* line 110, app/assets/stylesheets/new/3_components/buttons.scss */
.button--primary.now-loading:before {
  background: var(--background-primary);
}

/* line 114, app/assets/stylesheets/new/3_components/buttons.scss */
.button--success {
  background: var(--background-success);
}

/* line 116, app/assets/stylesheets/new/3_components/buttons.scss */
.button--success.now-loading:before {
  background: var(--background-success);
}

/* line 120, app/assets/stylesheets/new/3_components/buttons.scss */
.button--attention {
  background: var(--background-attention);
}

/* line 122, app/assets/stylesheets/new/3_components/buttons.scss */
.button--attention.now-loading:before {
  background: var(--background-attention);
}

/* line 126, app/assets/stylesheets/new/3_components/buttons.scss */
.button--danger {
  background: var(--background-danger);
}

/* line 128, app/assets/stylesheets/new/3_components/buttons.scss */
.button--danger.now-loading:before {
  background: var(--background-danger);
}

/* line 132, app/assets/stylesheets/new/3_components/buttons.scss */
.button--inverted {
  color: var(--text-white);
}

/* line 134, app/assets/stylesheets/new/3_components/buttons.scss */
.button--inverted:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 137, app/assets/stylesheets/new/3_components/buttons.scss */
.button--inverted:active, .button--inverted.active, .Navbar-tabs .button--inverted.tabs-link.now-loading, .button--inverted.now-loading, .dropdown.open > .button--inverted, .dropdown.now-open > .button--inverted {
  background: rgba(255, 255, 255, 0.2);
}

/* line 144, app/assets/stylesheets/new/3_components/buttons.scss */
.button--inverted:hover, .button--inverted:active, .button--inverted.active, .Navbar-tabs .button--inverted.tabs-link.now-loading, .button--inverted.now-loading, .dropdown.open > .button--inverted, .dropdown.now-open > .button--inverted {
  box-shadow: none;
}

/* line 153, app/assets/stylesheets/new/3_components/buttons.scss */
.button--back {
  color: var(--text-secondary);
  font-weight: 500;
  padding-left: 0;
  padding-right: 0;
  height: auto;
}

/* line 159, app/assets/stylesheets/new/3_components/buttons.scss */
.button--back + .text-jumbo {
  margin-top: 0;
}

/* line 162, app/assets/stylesheets/new/3_components/buttons.scss */
.button--back:hover {
  color: var(--text-default);
  transform: translateX(-4px);
}

/* line 166, app/assets/stylesheets/new/3_components/buttons.scss */
.button--back:focus {
  text-decoration: none;
}

/* line 169, app/assets/stylesheets/new/3_components/buttons.scss */
.button--back:focus, .button--back:hover:active {
  transform: translateX(-8px);
}

/* line 173, app/assets/stylesheets/new/3_components/buttons.scss */
.button--back:hover, .button--back:active, .button--back.active, .Navbar-tabs .button--back.tabs-link.now-loading, .button--back.now-loading, .dropdown.open > .button--back, .dropdown.now-open > .button--back {
  box-shadow: none;
}

/* line 183, app/assets/stylesheets/new/3_components/buttons.scss */
.button--hoverInfo:hover, .button--hoverInfo:active {
  color: var(--text-white);
  background: var(--background-primary);
}

/* line 190, app/assets/stylesheets/new/3_components/buttons.scss */
.button--hoverSuccess:hover, .button--hoverSuccess:active {
  color: var(--text-white);
  background: var(--background-success);
}

/* line 197, app/assets/stylesheets/new/3_components/buttons.scss */
.button--hoverAttention:hover, .button--hoverAttention:active {
  color: var(--text-white);
  background: var(--background-attention);
}

/* line 204, app/assets/stylesheets/new/3_components/buttons.scss */
.button--hoverDanger:hover, .button--hoverDanger:active {
  color: var(--text-white);
  background: var(--background-danger);
}

/* line 210, app/assets/stylesheets/new/3_components/buttons.scss */
.button--block {
  width: 100%;
}

/* line 212, app/assets/stylesheets/new/3_components/buttons.scss */
.button + .button--block {
  margin-top: 0.25rem;
  margin-left: 0;
}

/* line 217, app/assets/stylesheets/new/3_components/buttons.scss */
.button--narrow {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 221, app/assets/stylesheets/new/3_components/buttons.scss */
.button-text {
  display: inline;
}

/* line 224, app/assets/stylesheets/new/3_components/buttons.scss */
.button-icon {
  position: relative;
  vertical-align: top;
}

/* line 228, app/assets/stylesheets/new/3_components/buttons.scss */
.button-icon:first-child:not(:last-child) {
  margin-right: 0.25rem;
}

/* line 231, app/assets/stylesheets/new/3_components/buttons.scss */
.button-icon:last-child:not(:first-child) {
  margin-left: 0.25rem;
}

/* line 234, app/assets/stylesheets/new/3_components/buttons.scss */
.button-icon:first-child:last-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

/* line 238, app/assets/stylesheets/new/3_components/buttons.scss */
.button-icon.button-icon--solo {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

/* line 243, app/assets/stylesheets/new/3_components/buttons.scss */
.button-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* line 255, app/assets/stylesheets/new/3_components/buttons.scss */
button.dropdown-link {
  all: unset;
  color: var(--text-default);
  display: flex;
  align-items: flex-start;
  padding: 0.5rem;
  gap: 0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  border-radius: 0.25rem;
  min-height: 2.25rem;
  white-space: normal;
}

/* line 268, app/assets/stylesheets/new/3_components/buttons.scss */
button.dropdown-link:hover {
  cursor: pointer;
  background: var(--background-secondary);
}

/* line 272, app/assets/stylesheets/new/3_components/buttons.scss */
.now-active > button.dropdown-link {
  font-weight: bold;
}

/* line 275, app/assets/stylesheets/new/3_components/buttons.scss */
button.dropdown-link.active, .Navbar-tabs .dropdown-link.tabs-link.now-loading {
  color: var(--text-primary);
  font-weight: 600;
  background: var(--background-primary-10);
}

/* line 280, app/assets/stylesheets/new/3_components/buttons.scss */
button.dropdown-link[disabled] {
  background: transparent;
  opacity: 1;
  color: var(--text-muted);
  cursor: not-allowed;
}

/* line 287, app/assets/stylesheets/new/3_components/buttons.scss */
button.dropdown-link[disabled]:hover {
  background: transparent !important;
}

@media (min-width: 768px) {
  /* line 293, app/assets/stylesheets/new/3_components/buttons.scss */
  .button--lg {
    font-size: 18px;
    height: auto;
    padding: 9px 1.5rem 10px;
  }
}

/* line 1, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup {
  display: inline-flex;
  background: var(--background-tertiary);
  padding: 2px;
  gap: 2px;
  border-radius: calc(0.25rem + 2px);
}

/* line 7, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup .button {
  margin: 0;
  color: var(--text-secondary);
  border-radius: 0.25rem;
  font-weight: 400;
}

/* line 12, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup .button:hover {
  color: var(--text-default);
}

/* line 15, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup .button.active, .buttonGroup .Navbar-tabs .button.tabs-link.now-loading, .Navbar-tabs .buttonGroup .button.tabs-link.now-loading, .buttonGroup .button.now-active {
  color: var(--text-default);
  background: var(--background-default);
  box-shadow: var(--shadow-soft);
  font-weight: 600;
  z-index: 2;
}

/* line 25, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup label.button input[type="radio"],
.buttonGroup label.button input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* line 32, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup--vertical {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 35, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup--mobile {
  display: flex;
}

/* line 37, app/assets/stylesheets/new/3_components/buttonGroups.scss */
.buttonGroup--mobile .button {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  /* line 45, app/assets/stylesheets/new/3_components/buttonGroups.scss */
  .buttonGroup-flexWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 49, app/assets/stylesheets/new/3_components/buttonGroups.scss */
  .buttonGroup-flexWrapper .buttonGroup {
    padding-left: 1rem;
  }
}

@media (prefers-color-scheme: dark) {
  /* line 56, app/assets/stylesheets/new/3_components/buttonGroups.scss */
  .buttonGroup {
    background: var(--background-secondary);
  }
  /* line 59, app/assets/stylesheets/new/3_components/buttonGroups.scss */
  .buttonGroup .button.active, .buttonGroup .Navbar-tabs .button.tabs-link.now-loading, .Navbar-tabs .buttonGroup .button.tabs-link.now-loading, .buttonGroup .button.now-active {
    background: var(--background-tertiary);
    box-shadow: var(--shadow-popover);
  }
}

/* line 69, app/assets/stylesheets/new/3_components/buttonGroups.scss */
html.theme-dark .buttonGroup {
  background: var(--background-secondary);
}

/* line 72, app/assets/stylesheets/new/3_components/buttonGroups.scss */
html.theme-dark .buttonGroup .button.active, html.theme-dark .buttonGroup .Navbar-tabs .button.tabs-link.now-loading, .Navbar-tabs html.theme-dark .buttonGroup .button.tabs-link.now-loading, html.theme-dark .buttonGroup .button.now-active {
  background: var(--background-tertiary);
  box-shadow: var(--shadow-popover);
}

/* line 82, app/assets/stylesheets/new/3_components/buttonGroups.scss */
html.theme-light .buttonGroup {
  background: var(--background-tertiary);
}

/* line 85, app/assets/stylesheets/new/3_components/buttonGroups.scss */
html.theme-light .buttonGroup .button.active, html.theme-light .buttonGroup .Navbar-tabs .button.tabs-link.now-loading, .Navbar-tabs html.theme-light .buttonGroup .button.tabs-link.now-loading, html.theme-light .buttonGroup .button.now-active {
  background: var(--background-default);
  box-shadow: var(--shadow-soft);
}

/* line 1, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown {
  display: inline-block;
  position: relative;
}

/* line 6, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown.open > .dropdown-menu, .dropdown.now-open > .dropdown-menu {
  display: block;
}

/* line 12, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown--up > .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/* line 18, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown--up .button-caret {
  transform: rotate(180deg);
}

/* line 23, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown--left > .dropdown-menu {
  left: 0;
  right: auto;
}

/* line 28, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1010;
  display: none;
  float: left;
  width: 200px;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: var(--shadow-popover);
  text-align: left;
  list-style: none;
  background-color: var(--background-default);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 1.42857143;
}

/* line 49, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-menu--sm {
  width: 160px;
}

/* line 52, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-menu--lg {
  width: 320px;
}

/* line 55, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 58, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-header {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
}

/* line 64, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-item {
  color: var(--text-secondary);
  min-height: 2.25rem;
  padding: 0 0.5rem;
}

/* line 68, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-item .icon, .dropdown-item .GuideIndex-listItem.now-active:before, .dropdown-item .Experiences-map-marker:before, .dropdown-item .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .dropdown-item a.visited:after, .dropdown-item .richtext .alert:before, .richtext .dropdown-item .alert:before, .dropdown-item .statusIcon, .dropdown-item .metadata-icon, .dropdown-item .badge-icon, .dropdown-item .alert-icon, .dropdown-item .button-icon {
  width: 20px;
  font-size: 20px;
  position: relative;
}

/* line 73, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-item .svgIcon {
  margin-right: 0.25rem;
}

/* line 77, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link {
  color: var(--text-default);
  display: flex;
  align-items: flex-start;
  padding: 0.5rem;
  gap: 0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  border-radius: 0.25rem;
  min-height: 2.25rem;
  white-space: normal;
}

/* line 88, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link:hover {
  cursor: pointer;
  background: var(--background-secondary);
}

/* line 92, app/assets/stylesheets/new/3_components/dropdowns.scss */
.now-active > .dropdown-link {
  font-weight: bold;
}

/* line 95, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link.active, .Navbar-tabs .dropdown-link.tabs-link.now-loading {
  color: var(--text-primary);
  font-weight: 600;
  background: var(--background-primary-10);
}

/* line 100, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link[disabled] {
  background: transparent;
  opacity: 1;
  color: var(--text-muted);
  cursor: not-allowed;
}

/* line 107, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link[disabled]:hover {
  background: transparent !important;
}

/* line 112, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--success {
  color: var(--text-success);
}

/* line 114, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--success:hover {
  color: var(--text-white);
  background: var(--background-success);
}

/* line 112, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--attention {
  color: var(--text-attention);
}

/* line 114, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--attention:hover {
  color: var(--text-white);
  background: var(--background-attention);
}

/* line 112, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--danger {
  color: var(--text-danger);
}

/* line 114, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--danger:hover {
  color: var(--text-white);
  background: var(--background-danger);
}

/* line 112, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--info {
  color: var(--text-info);
}

/* line 114, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--info:hover {
  color: var(--text-white);
  background: var(--background-info);
}

/* line 121, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--toggle .icon, .dropdown-link--toggle .GuideIndex-listItem.now-active:before, .dropdown-link--toggle .Experiences-map-marker:before, .dropdown-link--toggle .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .dropdown-link--toggle a.visited:after, .dropdown-link--toggle .richtext .alert:before, .richtext .dropdown-link--toggle .alert:before, .dropdown-link--toggle .statusIcon, .dropdown-link--toggle .metadata-icon, .dropdown-link--toggle .badge-icon, .dropdown-link--toggle .alert-icon, .dropdown-link--toggle .button-icon {
  opacity: 0;
}

/* line 124, app/assets/stylesheets/new/3_components/dropdowns.scss */
.now-active > .dropdown-link--toggle {
  color: var(--text-primary);
}

/* line 126, app/assets/stylesheets/new/3_components/dropdowns.scss */
.now-active > .dropdown-link--toggle .icon, .now-active > .dropdown-link--toggle .GuideIndex-listItem.now-active:before, .now-active > .dropdown-link--toggle .Experiences-map-marker:before, .now-active > .dropdown-link--toggle .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .now-active > .dropdown-link--toggle a.visited:after, .now-active > .dropdown-link--toggle .richtext .alert:before, .richtext .now-active > .dropdown-link--toggle .alert:before, .now-active > .dropdown-link--toggle .statusIcon, .now-active > .dropdown-link--toggle .metadata-icon, .now-active > .dropdown-link--toggle .badge-icon, .now-active > .dropdown-link--toggle .alert-icon, .now-active > .dropdown-link--toggle .button-icon {
  opacity: 1;
}

/* line 130, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--toggle:hover {
  background: none;
  opacity: 0.75;
}

/* line 133, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-link--toggle:hover .icon, .dropdown-link--toggle:hover .GuideIndex-listItem.now-active:before, .dropdown-link--toggle:hover .Experiences-map-marker:before, .dropdown-link--toggle:hover .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .dropdown-link--toggle:hover a.visited:after, .dropdown-link--toggle:hover .richtext .alert:before, .richtext .dropdown-link--toggle:hover .alert:before, .dropdown-link--toggle:hover .statusIcon, .dropdown-link--toggle:hover .metadata-icon, .dropdown-link--toggle:hover .badge-icon, .dropdown-link--toggle:hover .alert-icon, .dropdown-link--toggle:hover .button-icon {
  opacity: 0.25;
}

/* line 138, app/assets/stylesheets/new/3_components/dropdowns.scss */
.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  background: var(--border-soft);
}

/* line 147, app/assets/stylesheets/new/3_components/dropdowns.scss */
.supports-no-touchevents .dropdown.now-hover > .dropdown-menu {
  display: block;
}

/* line 1, app/assets/stylesheets/new/3_components/inputs.scss */
.input {
  display: block;
  vertical-align: middle;
  touch-action: manipulation;
  white-space: nowrap;
  background: none;
  width: 100%;
  color: var(--text-default);
  border: 1px solid var(--border-strong);
  border-radius: 0.25rem;
  font-weight: normal;
  padding: 0.5rem;
  -webkit-appearance: none;
  font-size: 16px;
  line-height: 24px;
  height: 44px;
}

@media (min-width: 768px) {
  /* line 1, app/assets/stylesheets/new/3_components/inputs.scss */
  .input {
    font-size: 14px;
    line-height: 1.42857143;
    height: 2.25rem;
  }
}

/* line 27, app/assets/stylesheets/new/3_components/inputs.scss */
.input:disabled, .input[disabled] {
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  opacity: 0.7;
}

/* line 32, app/assets/stylesheets/new/3_components/inputs.scss */
.input:hover {
  border-color: var(--border-strong);
}

/* line 35, app/assets/stylesheets/new/3_components/inputs.scss */
.input::-webkit-input-placeholder {
  color: var(--text-tertiary);
}

/* line 38, app/assets/stylesheets/new/3_components/inputs.scss */
.input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--text-tertiary);
}

/* line 42, app/assets/stylesheets/new/3_components/inputs.scss */
.input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--text-tertiary);
}

/* line 46, app/assets/stylesheets/new/3_components/inputs.scss */
.input:-ms-input-placeholder {
  color: var(--text-tertiary);
}

/* line 49, app/assets/stylesheets/new/3_components/inputs.scss */
.input:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px var(--background-attention-10), inset 0 0 0 1000px var(--background-default);
  border-color: var(--border-attention);
}

/* line 52, app/assets/stylesheets/new/3_components/inputs.scss */
.input:-webkit-autofill:focus {
  box-shadow: inset 0 0 0 1000px var(--background-default);
  border-color: var(--border-primary);
}

/* line 58, app/assets/stylesheets/new/3_components/inputs.scss */
.now-success .input {
  border-color: var(--border-success);
}

/* line 58, app/assets/stylesheets/new/3_components/inputs.scss */
.now-attention .input {
  border-color: var(--border-attention);
}

/* line 58, app/assets/stylesheets/new/3_components/inputs.scss */
.now-danger .input {
  border-color: var(--border-danger);
}

/* line 58, app/assets/stylesheets/new/3_components/inputs.scss */
.now-info .input {
  border-color: var(--border-info);
}

/* line 62, app/assets/stylesheets/new/3_components/inputs.scss */
.input:focus {
  border-color: var(--border-primary);
  box-shadow: var(--shadow-focus);
  outline: none;
}

/* line 67, app/assets/stylesheets/new/3_components/inputs.scss */
.input[readonly] {
  border-color: transparent !important;
}

/* line 71, app/assets/stylesheets/new/3_components/inputs.scss */
div.input {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

/* line 74, app/assets/stylesheets/new/3_components/inputs.scss */
textarea.input {
  height: auto;
  white-space: normal;
  resize: vertical;
}

/* line 79, app/assets/stylesheets/new/3_components/inputs.scss */
select.input {
  background-image: url(/assets/ui/light-mode/select-arrows-9f97ad872f3cf39c6026ab09e6581a76a38e9b6afe9ce570f62a725d219aded6.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) center;
  padding-right: 2rem;
}

/* line 86, app/assets/stylesheets/new/3_components/inputs.scss */
.input--inverted {
  color: var(--text-white);
  border-color: rgba(255, 255, 255, 0.6);
}

/* line 89, app/assets/stylesheets/new/3_components/inputs.scss */
.input--inverted:hover {
  border-color: rgba(255, 255, 255, 0.8);
}

/* line 92, app/assets/stylesheets/new/3_components/inputs.scss */
.input--inverted::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 95, app/assets/stylesheets/new/3_components/inputs.scss */
.input--inverted:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
}

/* line 99, app/assets/stylesheets/new/3_components/inputs.scss */
.input--inverted::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}

/* line 103, app/assets/stylesheets/new/3_components/inputs.scss */
.input--inverted:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 106, app/assets/stylesheets/new/3_components/inputs.scss */
.input--inverted:focus {
  border-color: white;
}

/* line 110, app/assets/stylesheets/new/3_components/inputs.scss */
select.input--inverted {
  background-image: url(/assets/ui/dark-mode/select-arrows-6c62c1041c04e498a6a738470f17ac253e20ca6fca67a67aae8d4eb21fd49729.svg);
}

/* line 112, app/assets/stylesheets/new/3_components/inputs.scss */
select.input--inverted option {
  color: var(--text-default);
}

@media (prefers-color-scheme: dark) {
  /* line 118, app/assets/stylesheets/new/3_components/inputs.scss */
  select.input {
    background-image: url(/assets/ui/dark-mode/select-arrows-6c62c1041c04e498a6a738470f17ac253e20ca6fca67a67aae8d4eb21fd49729.svg);
  }
}

/* line 124, app/assets/stylesheets/new/3_components/inputs.scss */
html.theme-dark select.input {
  background-image: url(/assets/ui/dark-mode/select-arrows-6c62c1041c04e498a6a738470f17ac253e20ca6fca67a67aae8d4eb21fd49729.svg);
}

/* line 130, app/assets/stylesheets/new/3_components/inputs.scss */
html.theme-light select.input {
  background-image: url(/assets/ui/light-mode/select-arrows-9f97ad872f3cf39c6026ab09e6581a76a38e9b6afe9ce570f62a725d219aded6.svg);
}

/* line 1, app/assets/stylesheets/new/3_components/choices.scss */
.choice-label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  min-height: 2.25rem;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}

/* line 9, app/assets/stylesheets/new/3_components/choices.scss */
.choice-label input[type="radio"],
.choice-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* line 15, app/assets/stylesheets/new/3_components/choices.scss */
.choice-icon {
  margin-top: 0.5rem;
  position: relative;
  width: 1rem;
  height: 1rem;
  color: var(--icon-tertiary);
  box-shadow: inset 0 0 0 1px;
  transition: 0.2s ease-out;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 1px;
}

/* line 25, app/assets/stylesheets/new/3_components/choices.scss */
.choice-icon:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transition: 0.2s ease-out;
  box-shadow: inset 0 0 0 2px;
  opacity: 0;
}

/* line 37, app/assets/stylesheets/new/3_components/choices.scss */
.now-success .choice-icon {
  color: var(--icon-success);
}

/* line 40, app/assets/stylesheets/new/3_components/choices.scss */
.now-success input:not(:checked) ~ .choice-icon:after {
  opacity: 1;
}

/* line 37, app/assets/stylesheets/new/3_components/choices.scss */
.now-attention .choice-icon {
  color: var(--icon-attention);
}

/* line 40, app/assets/stylesheets/new/3_components/choices.scss */
.now-attention input:not(:checked) ~ .choice-icon:after {
  opacity: 1;
}

/* line 37, app/assets/stylesheets/new/3_components/choices.scss */
.now-danger .choice-icon {
  color: var(--icon-danger);
}

/* line 40, app/assets/stylesheets/new/3_components/choices.scss */
.now-danger input:not(:checked) ~ .choice-icon:after {
  opacity: 1;
}

/* line 37, app/assets/stylesheets/new/3_components/choices.scss */
.now-info .choice-icon {
  color: var(--icon-info);
}

/* line 40, app/assets/stylesheets/new/3_components/choices.scss */
.now-info input:not(:checked) ~ .choice-icon:after {
  opacity: 1;
}

/* line 44, app/assets/stylesheets/new/3_components/choices.scss */
input:checked ~ .choice-icon, .choice-icon.active, .Navbar-tabs .choice-icon.tabs-link.now-loading {
  color: var(--icon-primary);
}

/* line 48, app/assets/stylesheets/new/3_components/choices.scss */
input:focus ~ .choice-icon:after {
  opacity: 1;
  color: var(--icon-primary);
}

/* line 52, app/assets/stylesheets/new/3_components/choices.scss */
input[disabled] ~ .choice-icon {
  color: var(--icon-quaternary);
}

/* line 54, app/assets/stylesheets/new/3_components/choices.scss */
input[disabled] ~ .choice-icon ~ .choice-name {
  color: var(--text-tertiary);
}

/* line 59, app/assets/stylesheets/new/3_components/choices.scss */
.choice-icon--checkbox {
  border-radius: 2px;
}

/* line 61, app/assets/stylesheets/new/3_components/choices.scss */
.choice-icon--checkbox:before {
  content: "";
  width: 12px;
  height: 12px;
  background-size: 12px auto;
  background-image: url(/assets/ui/checkmark-99a07815ea5282663dfaa77941a3f0dbd1c6d43617ecc22d2523059de4855a7b.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transform: scale(0);
  transition: 0.2s ease-out;
}

/* line 77, app/assets/stylesheets/new/3_components/choices.scss */
input:checked ~ .choice-icon--checkbox, .choice-icon--checkbox.active, .Navbar-tabs .choice-icon--checkbox.tabs-link.now-loading {
  box-shadow: inset 0 0 0 8px;
}

/* line 80, app/assets/stylesheets/new/3_components/choices.scss */
input:checked ~ .choice-icon--checkbox:before, .choice-icon--checkbox.active:before, .Navbar-tabs .choice-icon--checkbox.tabs-link.now-loading:before {
  opacity: 1;
  transform: scale(1);
}

/* line 85, app/assets/stylesheets/new/3_components/choices.scss */
.choice-icon--checkbox:after {
  border-radius: 3px;
}

/* line 89, app/assets/stylesheets/new/3_components/choices.scss */
.choice-icon--radioButton {
  border-radius: 50%;
}

/* line 91, app/assets/stylesheets/new/3_components/choices.scss */
input:checked ~ .choice-icon--radioButton, .choice-icon--radioButton.active, .Navbar-tabs .choice-icon--radioButton.tabs-link.now-loading {
  box-shadow: inset 0 0 0 5px;
}

/* line 95, app/assets/stylesheets/new/3_components/choices.scss */
.choice-icon--radioButton:after {
  border-radius: 50%;
}

/* line 99, app/assets/stylesheets/new/3_components/choices.scss */
.choice-image {
  display: block;
  margin-left: 0.5rem;
}

/* line 103, app/assets/stylesheets/new/3_components/choices.scss */
.choice-image--active {
  display: none;
}

/* line 105, app/assets/stylesheets/new/3_components/choices.scss */
input:checked ~ .choice-image--active, .choice-image--active.active, .Navbar-tabs .choice-image--active.tabs-link.now-loading {
  display: block;
}

/* line 111, app/assets/stylesheets/new/3_components/choices.scss */
input:checked ~ .choice-image--inactive, .choice-image--inactive.active, .Navbar-tabs .choice-image--inactive.tabs-link.now-loading {
  display: none;
}

/* line 116, app/assets/stylesheets/new/3_components/choices.scss */
.choice-name {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  margin: 0.5rem;
  margin-right: 0;
  color: var(--text-default);
  line-height: 1.2;
}

/* line 124, app/assets/stylesheets/new/3_components/choices.scss */
.choice-name--short {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

/* line 127, app/assets/stylesheets/new/3_components/choices.scss */
.choice-horizontalGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 130, app/assets/stylesheets/new/3_components/choices.scss */
.choice-horizontalGroup .choice-label + .choice-label {
  margin-left: 1.5rem;
}

/* line 134, app/assets/stylesheets/new/3_components/choices.scss */
.choice-horizontalGroup .choice-name {
  margin-left: 0.25rem;
}

/* line 1, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 0.25rem;
}

/* line 6, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup:hover .inputGroup-addon,
.inputGroup:hover .inputGroup-button,
.inputGroup:hover .inputGroup-input {
  border-color: var(--border-strong);
}

/* line 12, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup.focus {
  box-shadow: var(--shadow-focus);
}

/* line 14, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup.focus .inputGroup-input {
  box-shadow: none;
}

/* line 17, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup.focus .inputGroup-addon,
.inputGroup.focus .inputGroup-button,
.inputGroup.focus .inputGroup-input {
  border-color: var(--border-primary);
}

/* line 22, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup.focus .inputGroup-addon {
  color: var(--icon-primary);
}

/* line 27, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup.now-readonly .inputGroup-addon,
.inputGroup.now-readonly .inputGroup-button,
.inputGroup.now-readonly .inputGroup-input {
  border-color: transparent;
}

/* line 35, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-input:not(:first-child) {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 40, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-input:not(:last-child) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 46, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-addon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 14px;
  color: var(--icon-secondary);
  border: 1px solid var(--border-strong);
  border-left-width: 0;
  border-right-width: 0;
  height: 2.25rem;
}

/* line 56, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-addon:first-child {
  border-left-width: 1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-left: 0.5rem;
}

/* line 62, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-addon:last-child {
  border-right-width: 1px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  padding-right: 0.5rem;
}

/* line 69, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-image {
  width: 24px;
  height: 24px;
}

/* line 73, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-button {
  border: 1px solid var(--border-strong);
  padding-top: 8px;
  padding-bottom: 8px;
}

/* line 77, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 81, app/assets/stylesheets/new/3_components/inputGroups.scss */
.inputGroup-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 89, app/assets/stylesheets/new/3_components/inputGroups.scss */
.now-success .inputGroup-addon, .now-success .inputGroup-button {
  border-color: var(--border-success);
}

/* line 89, app/assets/stylesheets/new/3_components/inputGroups.scss */
.now-attention .inputGroup-addon, .now-attention .inputGroup-button {
  border-color: var(--border-attention);
}

/* line 89, app/assets/stylesheets/new/3_components/inputGroups.scss */
.now-danger .inputGroup-addon, .now-danger .inputGroup-button {
  border-color: var(--border-danger);
}

/* line 89, app/assets/stylesheets/new/3_components/inputGroups.scss */
.now-info .inputGroup-addon, .now-info .inputGroup-button {
  border-color: var(--border-info);
}

/* line 2, app/assets/stylesheets/new/3_components/forms.scss */
.form--hideOptionalMarker .form-label.optional:after,
.form--hideOptionalMarker .form-label--optional:after {
  display: none;
}

/* line 7, app/assets/stylesheets/new/3_components/forms.scss */
.form-group {
  margin-bottom: 1.5rem;
}

/* line 10, app/assets/stylesheets/new/3_components/forms.scss */
.form-group--horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 12, app/assets/stylesheets/new/3_components/forms.scss */
.form-group--horizontal > * + * {
  margin-left: 1rem;
}

/* line 16, app/assets/stylesheets/new/3_components/forms.scss */
.form-footer {
  text-align: right;
}

/* line 19, app/assets/stylesheets/new/3_components/forms.scss */
.form-label {
  display: block;
  color: var(--text-default);
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin-bottom: 0.25rem;
}

/* line 26, app/assets/stylesheets/new/3_components/forms.scss */
.form-label abbr[title="required"] {
  display: none;
}

/* line 30, app/assets/stylesheets/new/3_components/forms.scss */
.form-label.optional:after,
.form-label--optional:after {
  content: "\00a0(Optional)";
  display: inline-block;
  font-size: 14px;
  font-style: italic;
  color: var(--text-primary);
  letter-spacing: 0.02em;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* line 40, app/assets/stylesheets/new/3_components/forms.scss */
.form-label--inverted {
  color: var(--text-white);
}

/* line 43, app/assets/stylesheets/new/3_components/forms.scss */
.form-characterLengthDisplay {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
}

/* line 49, app/assets/stylesheets/new/3_components/forms.scss */
.form-helperText {
  color: var(--text-secondary);
  font-size: 14px;
  margin-top: 0.25rem;
}

/* line 54, app/assets/stylesheets/new/3_components/forms.scss */
.form-feedback {
  display: none;
  font-weight: 500;
  font-size: 14px;
  margin-top: 0.25rem;
}

/* line 59, app/assets/stylesheets/new/3_components/forms.scss */
.form-feedback + .form-helperText {
  margin-top: 0;
}

/* line 62, app/assets/stylesheets/new/3_components/forms.scss */
.now-success .form-feedback, .now-attention .form-feedback, .now-danger .form-feedback, .now-info .form-feedback {
  display: block;
}

/* line 68, app/assets/stylesheets/new/3_components/forms.scss */
.now-info .form-feedback {
  color: var(--text-default);
}

/* line 71, app/assets/stylesheets/new/3_components/forms.scss */
.now-success .form-feedback {
  color: var(--text-success);
}

/* line 74, app/assets/stylesheets/new/3_components/forms.scss */
.now-attention .form-feedback {
  color: var(--text-attention);
}

/* line 77, app/assets/stylesheets/new/3_components/forms.scss */
.now-danger .form-feedback {
  color: var(--text-danger);
}

/* line 81, app/assets/stylesheets/new/3_components/forms.scss */
.input--inline {
  display: inline !important;
  width: auto !important;
}

/* line 85, app/assets/stylesheets/new/3_components/forms.scss */
.form-disabledButtonWrapper {
  display: inline-block;
}

/* line 88, app/assets/stylesheets/new/3_components/forms.scss */
fieldset {
  border: 1px solid var(--border-soft);
  padding: 1.5rem 1.5rem 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
}

/* line 94, app/assets/stylesheets/new/3_components/forms.scss */
fieldset legend {
  font-weight: 600;
  font-size: 14px;
  float: left;
  width: 100%;
  margin-bottom: 1.5rem;
}

/* line 1, app/assets/stylesheets/new/3_components/media.scss */
.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 768px;
}

/* line 5, app/assets/stylesheets/new/3_components/media.scss */
.media-image {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.5rem;
}

/* line 10, app/assets/stylesheets/new/3_components/media.scss */
.media-icon,
.media-avatar {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.5rem;
}

/* line 15, app/assets/stylesheets/new/3_components/media.scss */
.media-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
}

/* line 20, app/assets/stylesheets/new/3_components/media.scss */
.media-body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
}

/* line 24, app/assets/stylesheets/new/3_components/media.scss */
.media-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 29, app/assets/stylesheets/new/3_components/media.scss */
.media-headline {
  font-weight: 500;
  color: var(--text-default);
}

/* line 33, app/assets/stylesheets/new/3_components/media.scss */
.media-title {
  display: inline;
}

/* line 36, app/assets/stylesheets/new/3_components/media.scss */
.media-chevron {
  vertical-align: text-bottom;
  position: relative;
  transition: 0.25s ease-out opacity, 0s 0.25s ease-out transform;
  height: 1rem;
  top: -4px;
  opacity: 0;
}

/* line 44, app/assets/stylesheets/new/3_components/media.scss */
.media-right {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: auto;
  color: var(--text-secondary);
  font-weight: normal;
}

/* line 50, app/assets/stylesheets/new/3_components/media.scss */
.media-meta {
  color: var(--text-secondary);
  font-weight: normal;
}

/* line 54, app/assets/stylesheets/new/3_components/media.scss */
.media-progress, .media .progress {
  margin-top: 2px;
}

/* line 57, app/assets/stylesheets/new/3_components/media.scss */
.media--noMaxWidth {
  max-width: none;
}

/* line 60, app/assets/stylesheets/new/3_components/media.scss */
.media--button {
  position: relative;
  cursor: pointer;
  z-index: 1;
}

/* line 64, app/assets/stylesheets/new/3_components/media.scss */
.media--button:after {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  border-radius: 0.5rem;
  z-index: -1;
}

/* line 74, app/assets/stylesheets/new/3_components/media.scss */
.media--button:hover:after {
  background: var(--background-secondary);
}

/* line 77, app/assets/stylesheets/new/3_components/media.scss */
.media--button:active:after {
  background: var(--background-tertiary);
}

/* line 81, app/assets/stylesheets/new/3_components/media.scss */
.media--link {
  cursor: pointer;
}

/* line 83, app/assets/stylesheets/new/3_components/media.scss */
.media--link .media-headline {
  color: var(--text-primary);
}

/* line 87, app/assets/stylesheets/new/3_components/media.scss */
.media--link:hover .media-title {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 90, app/assets/stylesheets/new/3_components/media.scss */
.media--link:hover .media-chevron {
  transform: translateX(0.25rem);
  transition: 0.25s ease-out;
  opacity: 1;
}

/* line 98, app/assets/stylesheets/new/3_components/media.scss */
.media--link:active .media-chevron, .media--link.now-loading .media-chevron {
  transform: translateX(1rem);
  opacity: 1;
  transition: 0.5s ease-out;
}

/* line 105, app/assets/stylesheets/new/3_components/media.scss */
.media--link[disabled] .media-headline,
.media--link[disabled] .media-meta {
  color: var(--text-secondary);
}

/* line 109, app/assets/stylesheets/new/3_components/media.scss */
.media--link[disabled] .media-chevron {
  display: none;
}

/* line 114, app/assets/stylesheets/new/3_components/media.scss */
.media-headline--lg {
  font-size: 1.25rem;
  font-weight: 700;
  font-variation-settings: normal;
  /* Reset variable font optical sizing */
}

/* line 120, app/assets/stylesheets/new/3_components/media.scss */
.media-headline--lg .media-chevron {
  font-size: 1.5rem;
  top: -7px;
}

@media (min-width: 768px) {
  /* line 130, app/assets/stylesheets/new/3_components/media.scss */
  .media--link:active .media-chevron, .media--link.now-loading .media-chevron {
    opacity: 0;
  }
}

/* line 1, app/assets/stylesheets/new/3_components/modals.scss */
.modal,
.modal-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 10, app/assets/stylesheets/new/3_components/modals.scss */
.modal.in, .modal.now-showing,
.modal-backdrop.in,
.modal-backdrop.now-showing {
  display: block;
}

/* line 16, app/assets/stylesheets/new/3_components/modals.scss */
body.modal-open {
  overflow: hidden;
}

/* line 20, app/assets/stylesheets/new/3_components/modals.scss */
.modal {
  z-index: var(--zIndex-modal);
  overscroll-behavior: contain;
}

/* line 25, app/assets/stylesheets/new/3_components/modals.scss */
.modal-backdrop {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1020;
}

/* line 30, app/assets/stylesheets/new/3_components/modals.scss */
.modal-container {
  margin: var(--Canvas-padding) auto;
  width: calc(100vw - (2*var(--Canvas-padding)));
  max-width: 40rem;
}

/* line 36, app/assets/stylesheets/new/3_components/modals.scss */
.modal-container--sm {
  max-width: 30rem;
}

/* line 40, app/assets/stylesheets/new/3_components/modals.scss */
.modal-container--lg {
  max-width: 60rem;
}

/* line 44, app/assets/stylesheets/new/3_components/modals.scss */
.modal-dialog {
  background: var(--background-default);
  box-shadow: var(--shadow-modal);
  padding: var(--Canvas-padding);
  border-radius: 0.5rem;
  max-height: calc(100vh - (2*var(--Canvas-padding)) - 6rem);
  overflow: auto;
}

/* line 53, app/assets/stylesheets/new/3_components/modals.scss */
.modal-header {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  position: relative;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-soft);
  margin-bottom: 2rem;
}

/* line 63, app/assets/stylesheets/new/3_components/modals.scss */
.modal-title {
  flex-grow: 1;
  align-self: center;
}

/* line 68, app/assets/stylesheets/new/3_components/modals.scss */
.modal-close {
  display: flex;
  -webkit-appearance: none;
  background: none;
  border: none;
  font-size: 1.25rem;
  padding: 0.5rem;
  color: var(--icon-default);
  background: var(--background-secondary);
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
}

/* line 82, app/assets/stylesheets/new/3_components/modals.scss */
.modal-close i {
  font-size: inherit;
  vertical-align: top;
}

/* line 87, app/assets/stylesheets/new/3_components/modals.scss */
.modal-close:hover {
  background: var(--background-tertiary);
}

/* line 91, app/assets/stylesheets/new/3_components/modals.scss */
.modal-close:focus {
  outline: 2px solid;
}

/* line 96, app/assets/stylesheets/new/3_components/modals.scss */
.modal-body {
  padding-top: 1rem;
}

@media (min-width: 768px) {
  /* line 101, app/assets/stylesheets/new/3_components/modals.scss */
  .modal-dialog {
    max-height: calc(100vh - (2*var(--Canvas-padding)));
  }
}

/* line 1, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 3px solid var(--border-soft);
  list-style: none;
}

/* line 7, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-item {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* line 9, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-item + .tabs-item {
  margin-left: 1rem;
}

/* line 13, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-link {
  color: var(--text-secondary);
  font-weight: normal;
  display: block;
  height: 2.25rem;
  padding: 0.25rem 0.25rem 0;
  border-bottom: 3px solid transparent;
  margin-bottom: -3px;
}

/* line 21, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-link:hover {
  cursor: pointer;
  border-color: var(--border-strong);
}

/* line 25, app/assets/stylesheets/new/3_components/tabs.scss */
.active > .tabs-link, .Navbar-tabs .tabs-link.now-loading > .tabs-link, .now-active > .tabs-link, .tabs-link.now-active {
  color: var(--text-default);
  font-weight: 500;
  border-color: initial;
}

/* line 32, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-link.now-unread:after {
  content: "";
  display: inline-block;
  position: relative;
  top: -7px;
  margin-left: -3px;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--icon-danger);
  border-radius: 50%;
}

/* line 44, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-pane {
  margin-top: 1rem;
}

/* line 47, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-content > .tabs-pane {
  display: none;
}

/* line 49, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-content > .tabs-pane.active, .Navbar-tabs .tabs-content > .tabs-pane.tabs-link.now-loading, .tabs-content > .tabs-pane.now-active {
  display: block;
}

/* line 54, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--sm {
  font-size: 14px;
}

/* line 58, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--center .tabs-item:first-child {
  margin-left: auto;
}

/* line 61, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--center .tabs-item:last-child {
  margin-right: auto;
}

/* line 65, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--noWrap, .tabs-overflowWrapper .tabs {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}

/* line 69, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--vertical {
  border: none;
}

/* line 71, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--vertical .tabs-item {
  width: 100%;
}

/* line 73, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--vertical .tabs-item + .tabs-item {
  margin-left: 0;
}

/* line 78, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--vertical .tabs-item.active .tabs-link, .tabs--vertical .Navbar-tabs .tabs-item.tabs-link.now-loading .tabs-link, .Navbar-tabs .tabs--vertical .tabs-item.tabs-link.now-loading .tabs-link, .tabs--vertical .tabs-item.now-active .tabs-link {
  border-color: initial;
}

/* line 83, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--vertical .tabs-link {
  margin-bottom: 0;
  border-bottom: none;
  padding-left: 1rem;
  border-left: 4px solid transparent;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
}

/* line 90, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--vertical .tabs-link:hover {
  color: var(--text-default);
}

/* line 97, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--vertical.tabs--inverted .tabs-link:hover {
  color: var(--text-white);
}

/* line 102, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--pills {
  border-bottom: none;
}

/* line 107, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--pills .tabs-item.active .tabs-link, .tabs--pills .Navbar-tabs .tabs-item.tabs-link.now-loading .tabs-link, .Navbar-tabs .tabs--pills .tabs-item.tabs-link.now-loading .tabs-link, .tabs--pills .tabs-item.now-active .tabs-link {
  color: var(--text-primary);
  background: var(--background-primary-10);
}

/* line 112, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--pills .tabs-item + .tabs-item {
  margin-left: 0.25rem;
}

/* line 116, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--pills .tabs-link {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* line 121, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--pills .tabs-link:hover {
  background: var(--background-secondary);
}

/* line 124, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--pills .tabs-link:active {
  background: var(--background-tertiary);
}

/* line 129, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--pills.tabs--sm .tabs-link {
  padding-top: 1px;
  border: solid var(--background-default);
  border-width: 4px 2px;
  border-radius: 0.5rem;
}

/* line 138, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--simple {
  border-bottom: none;
}

/* line 143, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--simple .tabs-item.active .tabs-link, .tabs--simple .Navbar-tabs .tabs-item.tabs-link.now-loading .tabs-link, .Navbar-tabs .tabs--simple .tabs-item.tabs-link.now-loading .tabs-link, .tabs--simple .tabs-item.now-active .tabs-link {
  color: var(--text-default);
  font-weight: bold;
}

/* line 149, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--simple .tabs-link {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
}

/* line 153, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--simple .tabs-link:hover {
  color: var(--text-default);
}

/* line 156, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--simple .tabs-link:active {
  transform: translateY(1px);
}

/* line 161, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--inverted {
  border-color: transparent;
}

/* line 163, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--inverted .tabs-link {
  color: rgba(255, 255, 255, 0.6);
}

/* line 165, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--inverted .tabs-link:hover {
  color: var(--text-white);
  border-color: transparent;
}

/* line 171, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs--inverted .tabs-item.active .tabs-link, .tabs--inverted .Navbar-tabs .tabs-item.tabs-link.now-loading .tabs-link, .Navbar-tabs .tabs--inverted .tabs-item.tabs-link.now-loading .tabs-link, .tabs--inverted .tabs-item.now-active .tabs-link,
.tabs--inverted .tabs-item .tabs-link.now-active {
  color: var(--text-white);
  border-color: initial;
}

/* line 180, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-overflowWrapper {
  margin-left: -1rem;
  margin-right: -1rem;
}

/* line 186, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-overflowWrapper .tabs-item:first-child {
  padding-left: 1rem;
}

/* line 189, app/assets/stylesheets/new/3_components/tabs.scss */
.tabs-overflowWrapper .tabs-item:last-child {
  padding-right: 1rem;
}

/* line 1, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 4, app/assets/stylesheets/new/3_components/navbar.scss */
.select-region {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 48px;
}

/* line 9, app/assets/stylesheets/new/3_components/navbar.scss */
.select-region .flag {
  display: block;
  width: 22px;
  border-radius: 0.125rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

/* line 15, app/assets/stylesheets/new/3_components/navbar.scss */
.select-region .dropdown-menu {
  background: var(--text-default);
  border-radius: 0.5rem;
  padding: 8px 4px;
  width: 220px;
  left: -12px;
  top: 65%;
}

/* line 22, app/assets/stylesheets/new/3_components/navbar.scss */
.select-region .dropdown-menu:before, .select-region .dropdown-menu:after {
  display: none;
}

/* line 26, app/assets/stylesheets/new/3_components/navbar.scss */
.select-region .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
}

/* line 29, app/assets/stylesheets/new/3_components/navbar.scss */
.select-region .dropdown-menu .dropdown-item .text {
  margin-left: 8px;
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.25;
}

/* line 37, app/assets/stylesheets/new/3_components/navbar.scss */
.select-region .dropdown-menu:hover .dropdown-item .text {
  color: var(--text-white);
}

/* line 47, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  color: inherit;
  font-size: 14px;
  height: 3.5rem;
  padding: 0 1rem;
}

@media (max-width: 960px) {
  /* line 47, app/assets/stylesheets/new/3_components/navbar.scss */
  .navbar-link {
    padding: 0 0.7rem;
  }
}

/* line 60, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  cursor: pointer;
}

/* line 65, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link.now-loading:before {
  background: var(--background-primary);
}

/* line 68, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link.now-loading:after {
  border: 2em solid rgba(255, 255, 255, 0.2);
  border-left-color: white;
}

/* line 73, app/assets/stylesheets/new/3_components/navbar.scss */
.active > .navbar-link, .Navbar-tabs .tabs-link.now-loading > .navbar-link, .now-active > .navbar-link {
  color: rgba(255, 255, 255, 0.65);
}

/* line 79, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link--dropdown:before {
  display: none;
  content: "";
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid white;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1011;
}

/* line 94, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link--dropdown:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid white;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}

/* line 104, app/assets/stylesheets/new/3_components/navbar.scss */
.supports-no-touchevents .navbar-link--dropdown:hover {
  text-decoration: none;
}

/* line 107, app/assets/stylesheets/new/3_components/navbar.scss */
.supports-no-touchevents .dropdown:hover > .navbar-link--dropdown, .dropdown.open > .navbar-link--dropdown, .dropdown.now-open > .navbar-link--dropdown {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.25);
}

/* line 111, app/assets/stylesheets/new/3_components/navbar.scss */
.supports-no-touchevents .dropdown:hover > .navbar-link--dropdown:before, .dropdown.open > .navbar-link--dropdown:before, .dropdown.now-open > .navbar-link--dropdown:before {
  display: block;
}

/* line 114, app/assets/stylesheets/new/3_components/navbar.scss */
.supports-no-touchevents .dropdown:hover > .navbar-link--dropdown:after, .dropdown.open > .navbar-link--dropdown:after, .dropdown.now-open > .navbar-link--dropdown:after {
  transform: translateY(-1px) rotate(180deg);
}

/* line 118, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link--dropdown + .dropdown-menu {
  margin-top: 0;
}

/* line 120, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-link--dropdown + .dropdown-menu:before, .navbar-link--dropdown + .dropdown-menu:after {
  display: none;
}

/* line 126, app/assets/stylesheets/new/3_components/navbar.scss */
.navbar-icon {
  vertical-align: top;
}

@media (max-width: 768px) {
  /* line 130, app/assets/stylesheets/new/3_components/navbar.scss */
  .navbar-collapse {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 3.5rem;
    background: var(--icon-default);
    padding: 0 !important;
  }
  /* line 137, app/assets/stylesheets/new/3_components/navbar.scss */
  .navbar-collapse .navbar {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  /* line 143, app/assets/stylesheets/new/3_components/navbar.scss */
  .navbar-collapse {
    display: block !important;
    height: auto !important;
  }
}

@media (min-width: 1100px) {
  /* line 150, app/assets/stylesheets/new/3_components/navbar.scss */
  .dropdown.now-hover > .navbar-link--dropdown {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.25);
  }
  /* line 152, app/assets/stylesheets/new/3_components/navbar.scss */
  .dropdown.now-hover > .navbar-link--dropdown:before {
    display: block;
  }
  /* line 155, app/assets/stylesheets/new/3_components/navbar.scss */
  .dropdown.now-hover > .navbar-link--dropdown:after {
    transform: translateY(-1px) rotate(180deg);
  }
}

/* line 1, app/assets/stylesheets/new/3_components/banners.scss */
.banner {
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(45deg) translateX(30%) translateY(-20px);
  padding: 0.25rem 3rem;
  font-weight: bold;
  color: var(--text-default);
  background: var(--background-attention);
  font-size: 14px;
  text-transform: uppercase;
}

/* line 1, app/assets/stylesheets/new/3_components/badges.scss */
.badge {
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--text-default);
  background: var(--background-tertiary);
  border-radius: 1em;
  padding: 0 0.5rem;
  white-space: nowrap;
  vertical-align: top;
  line-height: 1.42857143;
}

/* line 15, app/assets/stylesheets/new/3_components/badges.scss */
.badge-icon {
  font-size: 1rem;
  position: relative;
  top: -1px;
}

/* line 21, app/assets/stylesheets/new/3_components/badges.scss */
.badge-icon--start {
  left: -2px;
}

/* line 24, app/assets/stylesheets/new/3_components/badges.scss */
.badge--status {
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
  border-radius: 0.25rem;
}

/* line 29, app/assets/stylesheets/new/3_components/badges.scss */
.badge--status .badge-icon {
  font-size: 20px;
}

/* line 33, app/assets/stylesheets/new/3_components/badges.scss */
.badge--audit {
  float: left;
  margin: 2px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  color: var(--text-white);
  background: var(--background-contrast);
}

/* line 45, app/assets/stylesheets/new/3_components/badges.scss */
.badge--audit:hover {
  transform: scale(1.2);
  opacity: 1 !important;
}

/* line 51, app/assets/stylesheets/new/3_components/badges.scss */
.badge--link:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  cursor: pointer;
}

/* line 58, app/assets/stylesheets/new/3_components/badges.scss */
.badge--success {
  color: var(--text-success);
  background: var(--background-success-10);
}

/* line 58, app/assets/stylesheets/new/3_components/badges.scss */
.badge--attention {
  color: var(--text-attention);
  background: var(--background-attention-10);
}

/* line 58, app/assets/stylesheets/new/3_components/badges.scss */
.badge--danger {
  color: var(--text-danger);
  background: var(--background-danger-10);
}

/* line 58, app/assets/stylesheets/new/3_components/badges.scss */
.badge--info {
  color: var(--text-info);
  background: var(--background-info-10);
}

/* line 1, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata {
  display: table;
}

/* line 4, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-item {
  display: table-row;
}

/* line 7, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-item + .metadata-item .metadata-icon,
.metadata-item + .metadata-item .metadata-label,
.metadata-item + .metadata-item .metadata-label--left,
.metadata-item + .metadata-item .metadata-value,
.metadata-item + .metadata-item .metadata-date {
  padding-top: 1rem;
}

/* line 18, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--tight .metadata-item + .metadata-item .metadata-icon,
.metadata--tight .metadata-item + .metadata-item .metadata-label,
.metadata--tight .metadata-item + .metadata-item .metadata-label--left,
.metadata--tight .metadata-item + .metadata-item .metadata-value,
.metadata--tight .metadata-item + .metadata-item .metadata-date {
  padding-top: 0.5rem;
}

/* line 27, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-icon,
.metadata-label,
.metadata-label--left,
.metadata-value,
.metadata-date {
  display: table-cell;
}

/* line 33, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-icon,
.metadata-label,
.metadata-label--left {
  padding-right: 1rem;
}

/* line 37, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-icon {
  color: var(--icon-secondary);
  vertical-align: top;
}

/* line 42, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-label, .metadata-label--left {
  color: var(--text-secondary);
  font-weight: 500;
  text-align: right;
}

/* line 47, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-label--left {
  text-align: left;
}

/* line 51, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata-date {
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  vertical-align: bottom;
}

/* line 57, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--sm {
  font-size: 12px;
}

/* line 59, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--sm .metadata-icon {
  font-size: 18px;
}

/* line 62, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--sm .metadata-icon,
.metadata--sm .metadata-label,
.metadata--sm .metadata-label--left {
  padding-right: 0.25rem;
}

/* line 67, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 69, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--horizontal .metadata-item {
  display: table-row;
}

/* line 71, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--horizontal .metadata-item + .metadata-item {
  padding-left: 1rem;
}

/* line 73, app/assets/stylesheets/new/3_components/metadata.scss */
.metadata--horizontal .metadata-item + .metadata-item .metadata-icon,
.metadata--horizontal .metadata-item + .metadata-item .metadata-label,
.metadata--horizontal .metadata-item + .metadata-item .metadata-label--left,
.metadata--horizontal .metadata-item + .metadata-item .metadata-value {
  padding-top: 0;
}

/* line 1, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--icon-white);
  border-radius: 0.25rem;
  box-shadow: var(--shadow-soft);
  cursor: inherit;
}

/* line 15, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--success {
  background: var(--background-success);
}

/* line 15, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--attention {
  background: var(--background-attention);
}

/* line 15, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--danger {
  background: var(--background-danger);
}

/* line 15, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--info {
  background: var(--background-info);
}

/* line 20, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--muted {
  background: var(--icon-default);
}

/* line 24, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--minimal {
  color: var(--icon-secondary);
  box-shadow: none;
}

/* line 29, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--placeholder {
  color: var(--icon-secondary);
  border: 2px dashed;
  border-radius: 0.125rem;
  box-shadow: none;
}

/* line 36, app/assets/stylesheets/new/3_components/statusIcons.scss */
.statusIcon--text {
  font-family: inherit;
  font-weight: 500;
  font-feature-settings: "frac" on;
}

@media (prefers-color-scheme: dark) {
  /* line 43, app/assets/stylesheets/new/3_components/statusIcons.scss */
  .statusIcon--muted {
    background: var(--icon-quaternary);
    box-shadow: var(--shadow-popover);
  }
}

/* line 50, app/assets/stylesheets/new/3_components/statusIcons.scss */
html.theme-dark .statusIcon--muted {
  background: var(--icon-quaternary);
  box-shadow: var(--shadow-popover);
}

/* line 57, app/assets/stylesheets/new/3_components/statusIcons.scss */
html.theme-light .statusIcon--muted {
  background: var(--icon-default);
  box-shadow: var(--shadow-soft);
}

/* line 1, app/assets/stylesheets/new/3_components/progress.scss */
.progress {
  height: 1rem;
  background-color: var(--report-background);
}

/* line 5, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar {
  position: relative;
  background-color: var(--report-primary);
  background-size: 16px;
  height: 1rem;
  float: left;
}

/* line 11, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar + .progress-bar {
  border-left: 2px solid var(--background-default);
}

/* line 15, app/assets/stylesheets/new/3_components/progress.scss */
.progress-text {
  position: absolute;
  left: 100%;
  top: -4px;
  font-size: 15px;
  margin-left: 0.25rem;
  font-weight: bold;
}

/* line 23, app/assets/stylesheets/new/3_components/progress.scss */
.progress--sm {
  height: 0.5rem;
}

/* line 25, app/assets/stylesheets/new/3_components/progress.scss */
.progress--sm .progress-bar {
  height: 0.5rem;
}

/* line 28, app/assets/stylesheets/new/3_components/progress.scss */
.progress--sm .progress-text {
  top: -6px;
  font-size: 13px;
}

/* line 33, app/assets/stylesheets/new/3_components/progress.scss */
.progress--xs {
  height: 0.25rem;
}

/* line 35, app/assets/stylesheets/new/3_components/progress.scss */
.progress--xs .progress-bar {
  height: 0.25rem;
}

/* line 39, app/assets/stylesheets/new/3_components/progress.scss */
.progress--xxs {
  height: 2px;
}

/* line 41, app/assets/stylesheets/new/3_components/progress.scss */
.progress--xxs .progress-bar {
  height: 2px;
}

/* line 45, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar--animate {
  transition: 0.1s;
}

/* line 50, app/assets/stylesheets/new/3_components/progress.scss */
.progress--success .progress-text {
  color: var(--text-success);
}

/* line 53, app/assets/stylesheets/new/3_components/progress.scss */
.progress--success .progress-bar {
  background: var(--report-success);
}

/* line 50, app/assets/stylesheets/new/3_components/progress.scss */
.progress--attention .progress-text {
  color: var(--text-attention);
}

/* line 53, app/assets/stylesheets/new/3_components/progress.scss */
.progress--attention .progress-bar {
  background: var(--report-attention);
}

/* line 50, app/assets/stylesheets/new/3_components/progress.scss */
.progress--danger .progress-text {
  color: var(--text-danger);
}

/* line 53, app/assets/stylesheets/new/3_components/progress.scss */
.progress--danger .progress-bar {
  background: var(--report-danger);
}

/* line 50, app/assets/stylesheets/new/3_components/progress.scss */
.progress--info .progress-text {
  color: var(--text-info);
}

/* line 53, app/assets/stylesheets/new/3_components/progress.scss */
.progress--info .progress-bar {
  background: var(--report-info);
}

/* line 59, app/assets/stylesheets/new/3_components/progress.scss */
.progress--mono .progress-text {
  color: var(--text-default);
}

/* line 62, app/assets/stylesheets/new/3_components/progress.scss */
.progress--mono .progress-bar {
  background: var(--report-default);
}

/* line 67, app/assets/stylesheets/new/3_components/progress.scss */
.progress--muted .progress-text {
  color: var(--text-secondary);
}

/* line 70, app/assets/stylesheets/new/3_components/progress.scss */
.progress--muted .progress-bar {
  background: var(--report-secondary);
}

/* line 75, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar--success {
  color: var(--report-success);
}

/* line 75, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar--attention {
  color: var(--report-attention);
}

/* line 75, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar--danger {
  color: var(--report-danger);
}

/* line 75, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar--info {
  color: var(--report-info);
}

/* line 79, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar--attention {
  background-image: url(/assets/patterns/dots-6ada921f68a655b9fe1c9a8a4016ff57a93bf75bcaf17d443283806890a4caa0.png);
}

/* line 82, app/assets/stylesheets/new/3_components/progress.scss */
.progress-bar--danger {
  background-image: url(/assets/patterns/stripes-bbd1e54627b134b84ec107c5e9eed0fbadeb42d65fb7daf4fa02eda2fa0826fe.png);
}

/* line 85, app/assets/stylesheets/new/3_components/progress.scss */
.progress--hasText {
  margin-right: 3rem;
  background: none !important;
}

/* line 2, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext h2,
.richtext h3,
.richtext h4,
.richtext p,
.richtext table,
.richtext blockquote,
.richtext .alert {
  margin-top: 1rem;
}

/* line 10, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext h2:first-child,
.richtext h3:first-child,
.richtext h4:first-child,
.richtext p:first-child,
.richtext table:first-child,
.richtext blockquote:first-child,
.richtext .alert:first-child {
  margin-top: 0;
}

/* line 14, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext ul,
.richtext ol {
  margin-top: 0.5rem;
  padding-left: 1.5rem;
  max-width: 768px;
}

/* line 19, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext ul li + li,
.richtext ol li + li {
  margin-top: 0.5rem;
}

/* line 23, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext ul {
  list-style: initial;
}

/* line 26, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext ol {
  list-style: decimal;
}

/* line 29, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext ol.ol-upper-roman {
  list-style-type: upper-roman;
}

/* line 32, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext img {
  background: white;
  margin-left: auto;
  margin-right: auto;
}

/* line 42, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext blockquote strong {
  font-style: normal;
}

/* line 46, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext .alert {
  display: block;
  background: var(--background-primary-10);
  margin-left: 2rem;
  max-width: calc(768px - 2rem);
}

/* line 52, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext .alert:before {
  content: "info";
  position: absolute;
  top: 0.5rem;
  left: -2rem;
}

/* line 59, app/assets/stylesheets/new/3_components/richtext.scss */
.richtext .alert a, .richtext .alert:before {
  color: var(--icon-primary);
}

/* line 1, app/assets/stylesheets/new/3_components/mathjax.scss */
:root {
  --mathjax-blue: #3865C0;
  --mathjax-violet: #6153A6;
  --mathjax-red: #C91128;
  --mathjax-yellow: #C1620F;
  --mathjax-brown: #AD5D31;
  --mathjax-green: #3C9049;
  --mathjax-light-blue: #90BDEB;
  --mathjax-light-violet: #C3B1EC;
  --mathjax-light-red: #F58E8E;
  --mathjax-light-yellow: #F6C86F;
  --mathjax-light-brown: #DA9B76;
  --mathjax-light-green: #A7D18F;
}

/* line 16, app/assets/stylesheets/new/3_components/mathjax.scss */
.coloured-mathjax {
  box-sizing: content-box;
  background-color: white;
  padding: 1rem;
  border-radius: 0.25em;
}

/* line 1, app/assets/stylesheets/new/3_components/tags.scss */
.tag {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: var(--text-default);
  border-radius: 0.25rem;
  padding: 2px 0.5rem;
  vertical-align: top;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

/* line 11, app/assets/stylesheets/new/3_components/tags.scss */
.tag--md {
  font-size: 16px;
  padding: 2px 1.5rem;
  vertical-align: top;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

/* line 17, app/assets/stylesheets/new/3_components/tags.scss */
.tag-remove {
  font-size: 1rem;
  line-height: 1;
  vertical-align: top;
  color: inherit;
  margin-left: 0.25rem;
}

/* line 24, app/assets/stylesheets/new/3_components/tags.scss */
.tag--link {
  cursor: pointer;
}

/* line 26, app/assets/stylesheets/new/3_components/tags.scss */
.tag--link:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 30, app/assets/stylesheets/new/3_components/tags.scss */
.tag--mono {
  background: var(--background-tertiary);
}

/* line 33, app/assets/stylesheets/new/3_components/tags.scss */
.tag--info {
  color: var(--text-info);
  background: var(--background-info-10);
}

/* line 37, app/assets/stylesheets/new/3_components/tags.scss */
.tag--success {
  color: var(--text-success);
  background: var(--background-success-10);
}

/* line 41, app/assets/stylesheets/new/3_components/tags.scss */
.tag--attention {
  color: var(--text-attention);
  background: var(--background-attention-10);
}

/* line 45, app/assets/stylesheets/new/3_components/tags.scss */
.tag--danger {
  color: var(--text-danger);
  background: var(--background-danger-10);
}

/* line 1, app/assets/stylesheets/new/3_components/cards.scss */
.card {
  background: var(--background-default);
  box-shadow: var(--shadow-soft);
  border-radius: 0.5rem;
}

/* line 6, app/assets/stylesheets/new/3_components/cards.scss */
.card--raised {
  box-shadow: var(--shadow-popover);
}

/* line 9, app/assets/stylesheets/new/3_components/cards.scss */
.card--link {
  cursor: pointer;
  transition: 0.2s ease-in;
}

/* line 12, app/assets/stylesheets/new/3_components/cards.scss */
.card--link:hover, .card--link.active, .Navbar-tabs .card--link.tabs-link.now-loading {
  box-shadow: var(--shadow-popover);
  transform: translateY(-1px);
}

/* line 17, app/assets/stylesheets/new/3_components/cards.scss */
.dropdown.now-open > .card--link, .card--link.now-loading, .card--link:active {
  box-shadow: none;
  transform: translateY(1px);
  background: var(--background-secondary);
}

/* line 24, app/assets/stylesheets/new/3_components/cards.scss */
.card--link.now-loading {
  transition: none;
}

/* line 27, app/assets/stylesheets/new/3_components/cards.scss */
.card--link[disabled] {
  background: var(--background-secondary);
  box-shadow: none;
}

/* line 30, app/assets/stylesheets/new/3_components/cards.scss */
.card--link[disabled]:hover {
  box-shadow: none;
}

/* line 34, app/assets/stylesheets/new/3_components/cards.scss */
.card--link:not(.media) {
  display: block;
}

/* line 38, app/assets/stylesheets/new/3_components/cards.scss */
.card--outline {
  border: 1px solid var(--border-soft);
  box-shadow: none;
}

/* line 42, app/assets/stylesheets/new/3_components/cards.scss */
.card--flat {
  box-shadow: none;
}

/* line 1, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip {
  position: absolute;
  z-index: 1050;
  display: block;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.02em;
}

/* line 11, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip a {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 14, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip .icon, .tooltip .GuideIndex-listItem.now-active:before, .tooltip .Experiences-map-marker:before, .tooltip .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .tooltip a.visited:after, .tooltip .alert-icon, .tooltip .button-icon, .tooltip .badge-icon, .tooltip .metadata-icon, .tooltip .statusIcon, .tooltip .richtext .alert:before, .richtext .tooltip .alert:before {
  font-size: 14px;
  vertical-align: text-bottom;
}

/* line 20, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

/* line 24, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

/* line 28, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

/* line 32, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

/* line 39, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip-inner {
  max-width: 220px;
  padding: 3px 1rem 4px;
  color: var(--text-default);
  background: var(--background-default);
  text-align: center;
  border-radius: 0.25rem;
  box-shadow: var(--shadow-popover);
}

/* line 50, app/assets/stylesheets/new/3_components/bootstrap-tooltips.scss */
.tooltip--sales .tooltip-inner {
  color: var(--text-white);
  background: var(--background-primary);
}

/* line 1, app/assets/stylesheets/new/3_components/tooltips-d3.scss */
.d3-tip {
  font-weight: normal;
  font-size: 14px;
  max-width: 180px;
  padding: 3px 1rem 4px;
  color: var(--text-white);
  background: var(--background-contrast);
  text-align: center;
  border-radius: 0.25rem;
}

/* line 10, app/assets/stylesheets/new/3_components/tooltips-d3.scss */
.d3-tip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: var(--background-contrast);
}

/* line 1, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover {
  position: absolute;
  z-index: 1050;
  display: block;
  font-weight: normal;
  font-size: 14px;
}

/* line 10, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover a {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 13, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover .icon, .popover .GuideIndex-listItem.now-active:before, .popover .Experiences-map-marker:before, .popover .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .popover a.visited:after, .popover .alert-icon, .popover .button-icon, .popover .badge-icon, .popover .metadata-icon, .popover .statusIcon, .popover .richtext .alert:before, .richtext .popover .alert:before {
  font-size: 14px;
  vertical-align: text-bottom;
}

/* line 19, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover.top {
  margin-top: -3px;
  padding: 5px 0;
}

/* line 23, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover.right {
  margin-left: 3px;
  padding: 0 5px;
}

/* line 27, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

/* line 31, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover.left {
  margin-left: -3px;
  padding: 0 5px;
}

/* line 38, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover-inner {
  max-width: 260px;
  padding: 4px 1rem 10px;
  background: var(--background-default);
  border-radius: 0.25rem;
  box-shadow: var(--shadow-popover);
}

/* line 47, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover--onboarding .popover-inner {
  color: var(--text-white);
  border: none;
  background: var(--background-primary);
}

/* line 54, app/assets/stylesheets/new/3_components/bootstrap-popovers.scss */
.popover-title {
  font-size: 1rem;
  padding: 0.5rem 0;
}

/* line 1, app/assets/stylesheets/new/3_components/beamer-plugin.scss */
.now-unread {
  position: relative;
}

/* line 3, app/assets/stylesheets/new/3_components/beamer-plugin.scss */
.now-unread .beamer-notification {
  display: block;
}

/* line 6, app/assets/stylesheets/new/3_components/beamer-plugin.scss */
.now-unread .beamer-icon--unread {
  display: inline-block;
}

/* line 9, app/assets/stylesheets/new/3_components/beamer-plugin.scss */
.now-unread .beamer-icon--read {
  display: none;
}

/* line 13, app/assets/stylesheets/new/3_components/beamer-plugin.scss */
.beamer-icon--unread {
  display: none;
}

/* line 16, app/assets/stylesheets/new/3_components/beamer-plugin.scss */
.beamer-notification {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: var(--background-danger);
  border-radius: 50%;
}

/* line 25, app/assets/stylesheets/new/3_components/beamer-plugin.scss */
.dropdown-link .beamer-notification {
  bottom: 0;
  margin: auto;
  right: 10px;
}

/* line 1, app/assets/stylesheets/new/3_components/tables.scss */
table {
  border-collapse: collapse;
}

/* line 4, app/assets/stylesheets/new/3_components/tables.scss */
th, td {
  text-align: left;
  padding: 0.5rem 1rem;
  border: 1px solid var(--border-soft);
}

/* line 11, app/assets/stylesheets/new/3_components/tables.scss */
.table-borderless th, .table-borderless td {
  border: none;
  font-weight: normal;
  padding-left: 0;
  padding-right: 2rem;
}

/* line 18, app/assets/stylesheets/new/3_components/tables.scss */
.table-borderless th {
  color: var(--text-secondary);
}

/* line 23, app/assets/stylesheets/new/3_components/tables.scss */
.table {
  overflow-y: hidden;
  overflow-x: auto;
  margin: 1.5rem 0;
}

/* line 27, app/assets/stylesheets/new/3_components/tables.scss */
.table thead {
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 32, app/assets/stylesheets/new/3_components/tables.scss */
  table.table {
    display: block;
  }
}

/* line 39, app/assets/stylesheets/new/3_components/tables.scss */
.table--maxWidth {
  width: 100%;
}

/* line 43, app/assets/stylesheets/new/3_components/tables.scss */
.table--admin {
  width: 100%;
}

/* line 45, app/assets/stylesheets/new/3_components/tables.scss */
.table--admin td,
.table--admin th {
  border: none;
  height: 3rem;
}

/* line 49, app/assets/stylesheets/new/3_components/tables.scss */
.table--admin td:first-child,
.table--admin th:first-child {
  padding-left: 0;
}

/* line 52, app/assets/stylesheets/new/3_components/tables.scss */
.table--admin td:last-child,
.table--admin th:last-child {
  padding-right: 0;
}

/* line 56, app/assets/stylesheets/new/3_components/tables.scss */
.table--admin tbody td {
  border-top: 1px solid var(--border-soft);
}

/* line 1, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable {
  margin-top: 1.5rem;
}

/* line 4, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-header {
  text-align: left;
  color: var(--text-secondary);
  font-size: 14px;
}

/* line 8, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-header .flexTable-row {
  padding-bottom: 0.25rem;
}

/* line 11, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-header .flexTable-col {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 14, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-header .flexTable-col.active, .flexTable-header .Navbar-tabs .flexTable-col.tabs-link.now-loading, .Navbar-tabs .flexTable-header .flexTable-col.tabs-link.now-loading {
  font-weight: bold;
}

/* line 17, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-header .flexTable-col.icon, .flexTable-header .flexTable-col.GuideIndex-listItem.now-active:before, .flexTable-header .flexTable-col.Experiences-map-marker:before, .flexTable-header .Tutorial-tableOfContents-body a.flexTable-col.visited:after, .Tutorial-tableOfContents-body .flexTable-header a.flexTable-col.visited:after, .flexTable-header .flexTable-col.alert-icon, .flexTable-header .flexTable-col.button-icon, .flexTable-header .flexTable-col.badge-icon, .flexTable-header .flexTable-col.metadata-icon, .flexTable-header .flexTable-col.statusIcon, .flexTable-header .richtext .flexTable-col.alert:before, .richtext .flexTable-header .flexTable-col.alert:before {
  font-size: 18px;
}

/* line 22, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-body {
  width: 100%;
  color: var(--text-default);
}

/* line 26, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-body .flexTable-col.active, .flexTable-body .Navbar-tabs .flexTable-col.tabs-link.now-loading, .Navbar-tabs .flexTable-body .flexTable-col.tabs-link.now-loading {
  font-weight: bold;
}

/* line 30, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-body > .flexTable-row {
  padding-top: 0.5rem;
}

/* line 34, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}

/* line 40, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-row--divider {
  border-top: 1px solid var(--border-soft);
  padding-bottom: 0.5rem;
}

/* line 43, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-row--divider.flexTable-link {
  border-radius: 0;
}

/* line 47, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-link {
  color: inherit;
  border-radius: 0.5rem;
}

/* line 50, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-link:hover {
  cursor: pointer;
  background: var(--background-secondary);
}

/* line 54, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-link:active {
  background: var(--background-tertiary);
}

/* line 58, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col {
  width: 100px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0.5rem;
}

/* line 64, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col--noGrow {
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

/* line 68, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col--xxs {
  width: 25px;
}

/* line 71, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col--xs {
  width: 50px;
}

/* line 74, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col--sm {
  width: 75px;
}

/* line 77, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col--lg {
  width: 150px;
  -webkit-box-flex: 1.5;
  -webkit-flex-grow: 1.5;
  -moz-flex-grow: 1.5;
  -ms-flex-positive: 1.5;
  flex-grow: 1.5;
}

/* line 81, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col--xl {
  width: 200px;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

/* line 85, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-col--ellipsis {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

/* line 88, app/assets/stylesheets/new/3_components/flexTables.scss */
.flexTable-invisible {
  height: 0px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 1024px) {
  /* line 2, app/assets/stylesheets/new/3_components/affix.scss */
  .affix-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    position: relative;
  }
  /* line 7, app/assets/stylesheets/new/3_components/affix.scss */
  .affix-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    padding-right: 2rem;
  }
  /* line 12, app/assets/stylesheets/new/3_components/affix.scss */
  .affix {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 320px;
    position: sticky;
    top: 3.5rem;
    bottom: 0;
    max-height: calc(100vh - 3.5rem);
    overflow-y: auto;
    overflow-x: hidden;
  }
  /* line 20, app/assets/stylesheets/new/3_components/affix.scss */
  .affix + .affix-body {
    padding-right: 0;
    padding-left: 2rem;
  }
  /* line 25, app/assets/stylesheets/new/3_components/affix.scss */
  .affix--sm {
    width: 200px;
  }
  /* line 28, app/assets/stylesheets/new/3_components/affix.scss */
  .affix--lg {
    width: 568px;
  }
  /* line 31, app/assets/stylesheets/new/3_components/affix.scss */
  .affix--50 {
    width: calc(50% - 1rem);
  }
}

/* line 3, app/assets/stylesheets/new/3_components/collapse.scss */
.mdfy-collapse .flexTable-col:first-child,
.collapsing .flexTable-col:first-child {
  margin-left: -2rem;
  padding-left: 2rem;
}

/* line 8, app/assets/stylesheets/new/3_components/collapse.scss */
.mdfy-collapse .mdfy-collapse .flexTable-col:first-child,
.collapsing .mdfy-collapse .flexTable-col:first-child {
  margin-left: -4rem;
  padding-left: 4rem;
}

/* line 14, app/assets/stylesheets/new/3_components/collapse.scss */
.mdfy-collapse {
  display: none;
}

/* line 16, app/assets/stylesheets/new/3_components/collapse.scss */
.mdfy-collapse.in {
  display: block;
}

/* line 20, app/assets/stylesheets/new/3_components/collapse.scss */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease, visibility 0.35s ease;
}

/* line 26, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  color: var(--text-default);
  font-weight: 500;
}

/* line 31, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button .button-icon {
  transform: rotate(90deg);
  transition: 0.35s ease transform;
}

/* line 35, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button.collapsed {
  color: var(--text-secondary);
  font-weight: 400;
}

/* line 38, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button.collapsed .button-icon {
  transform: rotate(0deg);
}

/* line 42, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button:hover, .collapse-button.active, .Navbar-tabs .collapse-button.tabs-link.now-loading {
  color: var(--text-default);
  box-shadow: none;
}

/* line 47, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button:hover:active {
  box-shadow: none;
}

/* line 50, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button:focus {
  text-decoration: none;
}

/* line 52, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button:focus .button-text {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 57, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-buttonText {
  color: var(--text-default);
  font-weight: bold;
  line-height: 2.25rem;
  padding-right: 1rem;
}

/* line 62, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-button.collapsed .collapse-buttonText {
  color: var(--text-secondary);
  font-weight: normal;
}

/* line 68, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-showHidePrefix .collapse-label:before {
  content: "Show";
}

/* line 71, app/assets/stylesheets/new/3_components/collapse.scss */
.collapse-showHidePrefix[aria-expanded=true] .collapse-label:before {
  content: "Hide";
}

/* line 1, app/assets/stylesheets/new/3_components/loader.scss */
.loader {
  margin-top: 5rem;
}

/* line 5, app/assets/stylesheets/new/3_components/loader.scss */
.loader-animation {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 1rem auto;
}

/* line 10, app/assets/stylesheets/new/3_components/loader.scss */
.loader-animation:before, .loader-animation:after {
  content: "";
  background-color: var(--icon-primary);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: medify-loader-animation 1.8s infinite ease-in-out;
  animation: medify-loader-animation 1.8s infinite ease-in-out;
}

/* line 24, app/assets/stylesheets/new/3_components/loader.scss */
.loader-animation:after {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

/* line 29, app/assets/stylesheets/new/3_components/loader.scss */
.loader-text {
  color: var(--text-primary);
  text-align: center;
  font-size: 18px;
}

/* line 33, app/assets/stylesheets/new/3_components/loader.scss */
.loader-text:after {
  content: "…";
  -webkit-animation: medify-loader-text 2.2s infinite linear;
  animation: medify-loader-text 2.2s infinite linear;
}

@-webkit-keyframes medify-loader-animation {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes medify-loader-animation {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes medify-loader-text {
  0% {
    content: "\00a0\00a0\00a0";
  }
  25% {
    content: ".\00a0\00a0";
  }
  50% {
    content: "..\00a0";
  }
  75% {
    content: "...";
  }
  100% {
    content: "\00a0\00a0\00a0";
  }
}

@keyframes medify-loader-text {
  0% {
    content: "\00a0\00a0\00a0";
  }
  25% {
    content: ".\00a0\00a0";
  }
  50% {
    content: "..\00a0";
  }
  75% {
    content: "...";
  }
  100% {
    content: "\00a0\00a0\00a0";
  }
}

/* line 1, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading {
  position: relative;
  pointer-events: none;
}

/* line 4, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading:before, .now-loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* line 14, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading:before {
  background: var(--background-default);
  opacity: 0.95;
}

/* line 18, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading:after {
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10em;
  height: 10em;
  font-size: 0.15em;
  border-radius: 50%;
  border: 2em solid transparent;
  border-top-color: var(--text-default);
  border-left-color: var(--text-default);
  -webkit-animation: medify-loading 1.1s infinite linear;
  animation: medify-loading 1.1s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 33, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.button--primary, .now-loading.button--success, .now-loading.button--attention, .now-loading.button--danger {
  box-shadow: none;
}

/* line 38, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.button--primary:before, .now-loading.button--success:before, .now-loading.button--attention:before, .now-loading.button--danger:before {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.25);
  border-radius: 0.25rem;
  opacity: 1;
}

/* line 43, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.button--primary:after, .now-loading.button--success:after, .now-loading.button--attention:after, .now-loading.button--danger:after {
  border: 2em solid transparent;
  border-top-color: var(--text-white);
  border-left-color: var(--text-white);
}

/* line 50, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.media--button:before {
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  border-radius: 0.5rem;
}

/* line 59, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.media--link .media-icon {
  color: transparent;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.25);
}

/* line 62, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.media--link .media-icon:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  margin: auto;
  width: 10em;
  height: 10em;
  font-size: 0.1em;
  border-radius: 50%;
  border: 2em solid transparent;
  border-top-color: var(--text-white);
  border-left-color: var(--text-white);
  -webkit-animation: medify-loading 1.1s infinite linear;
  animation: medify-loading 1.1s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 79, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.media--link .statusIcon--minimal {
  box-shadow: none;
}

/* line 81, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.media--link .statusIcon--minimal:after {
  border: 2em solid transparent;
  border-top-color: var(--icon-secondary);
  border-left-color: var(--icon-secondary);
}

/* line 87, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.media--link:before, .now-loading.media--link:after {
  display: none;
}

/* line 93, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.GuideIndex-link:before, .now-loading.GuideIndex-link:after {
  display: none;
}

/* line 97, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.GuideIndex-link .GuideIndex-iconWrapper {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.25);
}

/* line 100, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.GuideIndex-link .GuideIndex-icon {
  color: transparent;
}

/* line 102, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.GuideIndex-link .GuideIndex-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 10em;
  height: 10em;
  font-size: 0.1em;
  border-radius: 50%;
  border: 2em solid transparent;
  border-top-color: var(--icon-white);
  border-left-color: var(--icon-white);
  -webkit-animation: medify-loading 1.1s infinite linear;
  animation: medify-loading 1.1s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 122, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.GuideIndex-link:visited .GuideIndex-icon:after, .now-loading.GuideIndex-link.visited .GuideIndex-icon:after {
  border: 2em solid transparent;
  border-top-color: var(--text-default);
  border-left-color: var(--text-default);
}

/* line 131, app/assets/stylesheets/new/3_components/loading.scss */
.now-loading.CourseDirectory-card:before, .now-loading.CourseDirectory-card:after {
  display: none;
}

@-webkit-keyframes medify-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes medify-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* line 1, app/assets/stylesheets/new/3_components/graphs.scss */
.graph {
  display: block;
  margin: auto;
}

/* line 7, app/assets/stylesheets/new/3_components/graphs.scss */
.graph-axis path,
.graph-axis line {
  fill: none;
  stroke: var(--report-default);
  shape-rendering: crispEdges;
}

/* line 13, app/assets/stylesheets/new/3_components/graphs.scss */
.graph-axis text {
  fill: var(--text-secondary);
}

/* line 18, app/assets/stylesheets/new/3_components/graphs.scss */
.graph-axis--x line {
  opacity: 0.1;
}

/* line 24, app/assets/stylesheets/new/3_components/graphs.scss */
.line {
  fill: none;
  stroke: var(--report-primary);
  stroke-width: 2px;
}

/* line 30, app/assets/stylesheets/new/3_components/graphs.scss */
g {
  font-size: 14px;
  font-family: inherit;
}

/* line 1, app/assets/stylesheets/new/3_components/legend.scss */
.legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 5, app/assets/stylesheets/new/3_components/legend.scss */
.legend-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 8, app/assets/stylesheets/new/3_components/legend.scss */
.legend-item + .legend-item {
  margin-left: 1.5rem;
}

/* line 12, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 2rem;
  color: var(--report-default);
  margin-right: 0.5rem;
}

/* line 18, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon[data-color="info"] {
  color: var(--report-info);
}

/* line 21, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon[data-color="success"] {
  color: var(--report-success);
}

/* line 24, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon[data-color="attention"] {
  color: var(--report-attention);
}

/* line 27, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon[data-color="danger"] {
  color: var(--report-danger);
}

/* line 30, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon[data-color="grey"] {
  color: var(--report-tertiary);
}

/* line 34, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon--bar {
  height: 0.5rem;
  border-top: 0.5rem solid;
}

/* line 38, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon--block {
  width: 1rem;
  height: 1rem;
  border-top: 1rem solid;
}

/* line 43, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon--line {
  height: 2px;
  border-top: 2px solid;
}

/* line 47, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon--lineGlow {
  height: 2px;
  border-top: 2px solid;
}

/* line 50, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon--lineGlow:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.5rem;
  border-top: 0.5rem solid;
  opacity: 0.15;
}

/* line 62, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon--lineDashed {
  height: 2px;
  border-top: 2px dashed;
}

/* line 66, app/assets/stylesheets/new/3_components/legend.scss */
.legend-icon--average {
  opacity: 0.5;
}

/* line 1, app/assets/stylesheets/new/3_components/sortable.scss */
.sortable-row {
  border-radius: 0.25rem;
  border-top: 1px solid transparent;
}

/* line 4, app/assets/stylesheets/new/3_components/sortable.scss */
.sortable-row + .sortable-row {
  border-top-color: var(--border-soft);
}

/* line 7, app/assets/stylesheets/new/3_components/sortable.scss */
.sortable-row:active {
  border-top-color: transparent;
  box-shadow: var(--shadow-popover);
  z-index: 1;
}

/* line 13, app/assets/stylesheets/new/3_components/sortable.scss */
.sortable-handle {
  cursor: move;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: auto;
  padding: 0.5rem;
}

/* line 19, app/assets/stylesheets/new/3_components/sortable.scss */
.sortable-icon {
  width: 6px;
  height: 14px;
  background-image: url(/assets/ui/light-mode/sortable-handle-c43a6b61e7c36064f776f747cd8ab8078c96a08de86d683677bf736609242f84.svg);
}

/* line 24, app/assets/stylesheets/new/3_components/sortable.scss */
.sortable-placeholder {
  background: var(--background-secondary);
  border-radius: 0.25rem;
}

/* line 29, app/assets/stylesheets/new/3_components/sortable.scss */
.sortable-saveBar {
  position: sticky;
  bottom: 0px;
  background: var(--background-default);
  padding: 30px;
  width: fit-content;
}

@media (prefers-color-scheme: dark) {
  /* line 38, app/assets/stylesheets/new/3_components/sortable.scss */
  .sortable-icon {
    background-image: url(/assets/ui/dark-mode/sortable-handle-97682cee835466f2792d22c2e9374c691dfeaa1694961a1ffa9653fce5575dc9.svg);
  }
}

/* line 44, app/assets/stylesheets/new/3_components/sortable.scss */
html.theme-dark .sortable-icon {
  background-image: url(/assets/ui/dark-mode/sortable-handle-97682cee835466f2792d22c2e9374c691dfeaa1694961a1ffa9653fce5575dc9.svg);
}

/* line 50, app/assets/stylesheets/new/3_components/sortable.scss */
html.theme-light .sortable-icon {
  background-image: url(/assets/ui/light-mode/sortable-handle-c43a6b61e7c36064f776f747cd8ab8078c96a08de86d683677bf736609242f84.svg);
}

/* line 1, app/assets/stylesheets/new/3_components/example-box.scss */
.exampleBox {
  margin: 1.5rem 0;
}

/* line 6, app/assets/stylesheets/new/3_components/example-box.scss */
.richtext .exampleBox-title h1, .exampleBox-title h1,
.exampleBox-title .h1,
.richtext .exampleBox-title h2,
.exampleBox-title h2,
.exampleBox-title .h2,
.richtext .exampleBox-title h3,
.exampleBox-title h3,
.exampleBox-title .h3,
.richtext .exampleBox-title h4,
.exampleBox-title h4,
.exampleBox-title .h4,
.richtext .exampleBox-title h5,
.exampleBox-title h5,
.exampleBox-title .h5 {
  font-weight: normal;
  font-style: normal;
  margin: 0;
  border: 0;
  padding: 0;
}

/* line 24, app/assets/stylesheets/new/3_components/example-box.scss */
.exampleBox-title {
  color: var(--text-default);
  padding: 1rem;
  background: var(--background-secondary);
  margin-bottom: 2px;
  font-weight: bold;
}

/* line 34, app/assets/stylesheets/new/3_components/example-box.scss */
.exampleBox-title.exampleBox-title--inverted {
  color: var(--text-white);
}

/* line 45, app/assets/stylesheets/new/3_components/example-box.scss */
.richtext .exampleBox-title h2,
.richtext .exampleBox-title .h2,
.richtext .exampleBox-title h3,
.richtext .exampleBox-title .h3 {
  color: var(--text-default);
}

/* line 53, app/assets/stylesheets/new/3_components/example-box.scss */
.richtext .exampleBox-title.exampleBox-title--inverted h2,
.richtext .exampleBox-title.exampleBox-title--inverted .h2,
.richtext .exampleBox-title.exampleBox-title--inverted h3,
.richtext .exampleBox-title.exampleBox-title--inverted .h3 {
  color: var(--text-white);
}

/* line 62, app/assets/stylesheets/new/3_components/example-box.scss */
.exampleBox-body {
  padding: 1rem;
}

/* line 1, app/assets/stylesheets/new/3_components/passages.scss */
.ContentBlock {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: start;
}

/* line 8, app/assets/stylesheets/new/3_components/passages.scss */
.ContentBlock-centred {
  align-items: center;
}

/* line 13, app/assets/stylesheets/new/3_components/passages.scss */
.ContentBlock-sm > *, .ContentBlock-sm > .TextPassage {
  max-width: 30rem;
}

/* line 16, app/assets/stylesheets/new/3_components/passages.scss */
.ContentBlock-md > *, .ContentBlock-md > .TextPassage {
  max-width: 50rem;
}

/* line 20, app/assets/stylesheets/new/3_components/passages.scss */
.TextPassage {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: max-content;
}

/* line 2, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .ratings {
  margin-bottom: 0.5rem;
}

/* line 4, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .ratings .material-icons {
  font-size: 18px;
  color: var(--icon-attention);
}

/* line 9, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-default);
}

/* line 14, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .feedback {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-default);
  margin-top: 0.5rem;
}

/* line 20, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .author-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 0.5rem;
}

/* line 24, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .author-block .color-secondary {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/* line 29, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .questionmark {
  fill: var(--icon-secondary);
  margin-right: 0.25rem;
}

/* line 33, app/assets/stylesheets/new/3_components/testimonials.scss */
.testimonials .author {
  font-size: 14px;
  color: var(--text-secondary);
  margin-top: 0;
}

/* line 1, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-mainHeader {
  grid-area: header;
}

/* line 5, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-horizontalChart {
  border-radius: 8px;
  border: 1px solid var(--border-soft);
  padding: 1.25rem;
}

/* line 11, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-backButton {
  border-radius: 8px;
  padding: 0.5rem 0;
  color: var(--text-secondary);
}

/* line 17, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-incorrectQuestionsHeader {
  color: var(--text-secondary);
  border-style: none;
  font-weight: 400;
  padding: 0.5rem 0;
}

/* line 24, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-incorrectQuestionsValue {
  border-style: none;
  padding: 0.5rem 0;
  font-weight: 400;
  color: var(--text-default);
}

/* line 31, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-incorrectQuestionsValue > div {
  display: flex;
}

/* line 35, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-incorrectQuestionsValue > div.--partially-incorrect {
  display: flex;
}

/* line 39, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-incorrectQuestionValueIcon {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}

/* line 45, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-incorrectQuestionContext {
  display: flex;
}

/* line 49, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-horizontalChartHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 56, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-horizontalChartHeaderDropdownButton {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: none;
  appearance: none;
  border: none;
}

/* line 65, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-horizontalChartTimeframeFilter {
  display: flex;
  align-items: center;
}

/* line 69, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-horizontalChartTimeframeFilterHeader {
  color: var(--text-primary);
  font-weight: 500;
}

/* line 74, app/assets/stylesheets/new/4_modules/Ucat/Analytics.scss */
.Analytics-timeframeFilterIcon {
  color: var(--text-primary);
}

/* line 2, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin img {
  background: white;
}

/* line 7, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

/* line 14, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-headerLeft,
.Admin-headerRight {
  background: var(--background-default);
}

/* line 18, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-headerLeft {
  padding-right: 1rem;
}

/* line 20, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-headerLeft > * {
  font-weight: inherit;
}

/* line 24, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-headerRight {
  padding-left: 1rem;
}

/* line 26, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-headerRight:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  margin: auto;
  z-index: -1;
}

/* line 38, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 1rem;
}

/* line 43, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-title .button {
  margin-left: auto;
}

/* line 48, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-publicationBadges {
  display: inline-flex;
}

/* line 52, app/assets/stylesheets/new/4_modules/Admin.scss */
.questionSearchResults {
  padding: 28px 0;
}

/* line 56, app/assets/stylesheets/new/4_modules/Admin.scss */
.questionSearchResults--heading {
  margin: 16px 0;
}

/* line 59, app/assets/stylesheets/new/4_modules/Admin.scss */
.questionSearchResult {
  margin: 16px 0;
}

/* line 61, app/assets/stylesheets/new/4_modules/Admin.scss */
.questionSearchResult .questionSearchResult--question,
.questionSearchResult .questionSearchResult--answer {
  padding: 10px 0;
}

/* line 67, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-emberBuilds-button {
  display: inline-flex;
  align-items: center;
  justify-content: end;
}

/* line 72, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-emberBuilds-button.Admin-emberBuilds-button--full {
  display: flex;
}

/* line 76, app/assets/stylesheets/new/4_modules/Admin.scss */
.Admin-emberBuilds-button > div {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-soft);
  margin-bottom: 1rem;
}

/* line 8, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation-productCard {
  padding: 0.25rem;
}

/* line 10, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation-productCard .media-headline {
  color: inherit;
  font-weight: 600;
  margin-top: 4px;
}

/* line 16, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation--inverted {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 20, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation--gamsat {
  position: relative;
  border-bottom: 1px solid #0047d6;
  background-color: #dee8f9;
  color: #0047d6;
  width: 100%;
  margin-top: var(--Header-height);
  margin-bottom: calc(-1 * var(--Header-height)) !important;
}

/* line 29, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation--gamsat .media-body {
  background-color: var(--background-default);
  border-radius: 16px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #0047d6;
}

/* line 36, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation--gamsat .tabs-link {
  color: #0047d6 !important;
  font-weight: bold;
}

/* line 40, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
.AppNavigation--gamsat .now-active {
  color: #0047d6;
  text-decoration: underline;
}

@media (min-width: 768px) {
  /* line 47, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
  .AppNavigation {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 768px) {
  /* line 53, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
  .AppNavigation-tabs-long .tabs-item + .tabs-item {
    margin-left: 0.25rem;
  }
  /* line 56, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
  .AppNavigation-tabs-long a.tabs-link {
    padding: 0.25rem;
  }
}

@media (min-width: 1024px) {
  /* line 63, app/assets/stylesheets/new/4_modules/AppNavigation.scss */
  .AppNavigation {
    margin-bottom: 2rem;
  }
}

/* line 2, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-wrapper {
  display: flex;
}

/* line 6, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-main {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 13, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-answer {
  position: relative;
}

/* line 17, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-image {
  border-style: none;
  vertical-align: middle;
}

/* line 22, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-sidebar {
  width: 100%;
  max-width: 420px;
  margin-left: 80px;
}

/* line 28, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-instruction {
  display: flex;
  align-items: flex-start;
}

/* line 33, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-icon {
  width: 16px;
  min-width: 16px;
  margin-top: 3px;
}

/* line 39, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-message {
  color: #0047d6;
  font-weight: 500;
  margin-left: 10px;
}

/* line 45, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-explanation {
  border-radius: 8px;
  background-color: rgba(0, 71, 214, 0.05);
  padding: 16px 32px 16px 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04LjMzMzAxIDAuMzMzMjUyQzMuOTEzMDEgMC4zMzMyNTIgMC4zMzMwMDggMy45MTMyNSAwLjMzMzAwOCA4LjMzMzI1QzAuMzMzMDA4IDEyLjc1MzMgMy45MTMwMSAxNi4zMzMzIDguMzMzMDEgMTYuMzMzM0MxMi43NTMgMTYuMzMzMyAxNi4zMzMgMTIuNzUzMyAxNi4zMzMgOC4zMzMyNUMxNi4zMzMgMy45MTMyNSAxMi43NTMgMC4zMzMyNTIgOC4zMzMwMSAwLjMzMzI1MlpNOS4xMzMwMSAxMy45MzMzSDcuNTMzMDFWMTIuMzMzM0g5LjEzMzAxVjEzLjkzMzNaTTEwLjc4NSA3LjczNzI1TDEwLjA2OSA4LjQ3MzI1QzkuNDkzMDEgOS4wNDkyNSA5LjEzMzAxIDkuNTMzMjUgOS4xMzMwMSAxMC43MzMzSDcuNTMzMDFWMTAuMzMzM0M3LjUzMzAxIDkuNDQ5MjUgNy44OTMwMSA4LjY0OTI1IDguNDY5MDEgOC4wNjkyNUw5LjQ2NTAxIDcuMDYxMjVDOS43NTMwMSA2Ljc3MzI1IDkuOTMzMDEgNi4zNzMyNSA5LjkzMzAxIDUuOTMzMjVDOS45MzMwMSA1LjA0OTI1IDkuMjE3MDEgNC4zMzMyNSA4LjMzMzAxIDQuMzMzMjVDNy40NDkwMSA0LjMzMzI1IDYuNzMzMDEgNS4wNDkyNSA2LjczMzAxIDUuOTMzMjVINS4xMzMwMUM1LjEzMzAxIDQuMTY1MjUgNi41NjUwMSAyLjczMzI1IDguMzMzMDEgMi43MzMyNUMxMC4xMDEgMi43MzMyNSAxMS41MzMgNC4xNjUyNSAxMS41MzMgNS45MzMyNUMxMS41MzMgNi42MzcyNSAxMS4yNDkgNy4yNzMyNSAxMC43ODUgNy43MzcyNVoiIGZpbGw9IiMwMDQ3RDYiLz4NCjwvc3ZnPg0K);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 13px 18px;
}

/* line 55, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-explanationTitle {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 61, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-list {
  margin-top: 24px;
  margin-bottom: 24px;
}

/* line 66, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-item {
  display: flex;
  align-items: center;
  padding: 11px;
  background-color: #f2f2f3;
  border-radius: 6px;
  margin-bottom: 6px;
}

/* line 75, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-itemText {
  margin-left: 8px;
  color: #818ca2;
  font-weight: 500;
}

/* line 81, app/assets/stylesheets/new/4_modules/ArQuestionPreview.scss */
.ArQuestionPreview-itemTextCorrect {
  color: #32b878;
}

/* line 3, app/assets/stylesheets/new/4_modules/Canvas.scss */
body,
.body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

/* line 9, app/assets/stylesheets/new/4_modules/Canvas.scss */
.Canvas {
  flex: 1;
  padding-top: calc( var(--Canvas-padding) + var(--Header-height) + env(safe-area-inset-top));
  padding-left: var(--Canvas-padding);
  padding-right: var(--Canvas-padding);
  padding-bottom: calc( var(--Canvas-padding) + var(--Footer-height) + env(safe-area-inset-bottom));
}

@media (min-width: 1024px) {
  /* line 22, app/assets/stylesheets/new/4_modules/Canvas.scss */
  .Canvas {
    padding-bottom: var(--Canvas-padding);
  }
}

@media (min-width: 1024px) {
  /* line 2, app/assets/stylesheets/new/4_modules/Checklist.scss */
  body.Checklist-holder section.Canvas {
    padding: 0;
    padding-top: calc(var(--Header-height) + env(safe-area-inset-top));
    background: linear-gradient(to right, var(--background-secondary) 0%, var(--background-secondary) 50%, var(--background-default) 50%, var(--background-default) 50%, var(--background-default) 100%);
  }
}

/* line 18, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist {
  background-color: var(--background-default);
  min-height: 560px;
}

@media (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/new/4_modules/Checklist.scss */
  .Checklist {
    display: grid;
    grid-template-columns: 360px 1fr;
  }
}

@media (max-width: 1024px) {
  /* line 18, app/assets/stylesheets/new/4_modules/Checklist.scss */
  .Checklist {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* line 30, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-sidebar {
  background-color: var(--background-secondary);
  padding: 50px 40px 0 0;
}

@media (max-width: 1280px) {
  /* line 30, app/assets/stylesheets/new/4_modules/Checklist.scss */
  .Checklist .Checklist-sidebar {
    padding: 50px 40px;
  }
}

/* line 37, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-sidebar h4 {
  margin: 25px 0 10px 0;
}

/* line 41, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-sidebar .progress {
  margin: 10px 0 35px 0;
}

/* line 45, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-sidebar li {
  margin: 10px 0;
  color: var(--text-secondary);
}

/* line 49, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-sidebar li span.checklist-section-started {
  color: var(--text-default);
}

/* line 53, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-sidebar li i.checklist-section-started {
  color: var(--icon-success);
}

/* line 58, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-sidebar #checklist--hide-completed-label {
  margin-top: 30px;
}

/* line 63, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body {
  padding: 20px;
}

@media (min-width: 1024px) {
  /* line 63, app/assets/stylesheets/new/4_modules/Checklist.scss */
  .Checklist .Checklist-body {
    padding: 60px 20px 0 60px;
  }
}

/* line 69, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .task-description {
  align-items: center;
}

/* line 72, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .task-description strong {
  display: block;
  padding-bottom: 10px;
}

/* line 78, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-locked {
  color: var(--text-secondary);
}

@media (min-width: 568px) {
  /* line 82, app/assets/stylesheets/new/4_modules/Checklist.scss */
  .Checklist .Checklist-body .checklist-section {
    display: grid;
    grid-template-columns: 65% 1fr;
  }
}

@media (max-width: 568px) {
  /* line 89, app/assets/stylesheets/new/4_modules/Checklist.scss */
  .Checklist .Checklist-body .checklist-section .checklist--section-description {
    padding-top: 20px;
  }
}

/* line 94, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data {
  padding-right: 20px;
}

/* line 97, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data h3 {
  margin-bottom: 15px;
}

/* line 101, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data .flexTable-row {
  padding: 0;
  margin: 0;
}

/* line 105, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data .flexTable-row .flexTable-col {
  padding: 0;
}

/* line 108, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data .flexTable-row .flexTable-col.flexTable-col--xxs {
  max-width: 20px;
}

/* line 114, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data .checklist--task-name {
  color: var(--text-default);
}

/* line 117, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data .checklist--task-name span {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/new/4_modules/Checklist.scss */
.Checklist .Checklist-body .checklist-section .checklist-section-data .choice-name--selected {
  font-weight: bold;
  color: var(--text-primary);
}

/* line 1, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-Preview {
  display: flex;
}

/* line 5, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-PreviewLabel {
  display: flex;
  justify-content: space-between;
}

/* line 9, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-PreviewLabel > label {
  font-weight: 500;
}

/* line 14, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-Preview > .Image-PreviewThumbnail {
  width: 100%;
  min-height: 150px;
  min-width: 280px;
  border-radius: 8px;
  overflow: hidden;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--contrast-alpha-5);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--contrast-alpha-20);
}

/* line 28, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-Preview > .Image-PreviewThumbnail--small {
  min-height: 3rem;
  min-width: 3rem;
  height: 3rem;
  width: 3rem;
}

/* line 36, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-Preview > .Image-PreviewContent {
  max-width: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 43, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-HelperTextTooltip {
  color: var(--icon-tertiary);
}

/* line 48, app/assets/stylesheets/new/4_modules/Image/Preview.scss */
.Image-HelperTextTooltip.js-tooltip[aria-describedby] {
  color: var(--icon-secondary);
}

/* line 1, app/assets/stylesheets/new/4_modules/ContentFormatting.scss */
.underline {
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/* line 6, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-title .text-jumbo {
  margin-top: 0;
}

/* line 10, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-sectionLink {
  display: block;
  color: inherit;
}

/* line 14, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-sectionLink:hover .button {
  color: var(--text-white);
  background: var(--background-primary);
}

/* line 20, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard {
  margin-left: -1rem;
  margin-right: -1rem;
  border-top: 1px solid var(--border-soft);
  box-shadow: 0 1px var(--border-soft);
}

/* line 26, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard.now-loading .DashboardCard-header .DashboardCard-content,
.DashboardCard.now-loading .DashboardCard-footer .DashboardCard-content {
  display: none;
}

/* line 30, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard.now-loading .DashboardCard-header:after,
.DashboardCard.now-loading .DashboardCard-footer:after {
  content: "Loading...";
}

/* line 34, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard.now-loading .DashboardCard-footer:after {
  color: transparent;
}

/* line 37, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard.now-loading .Dashboard-widget {
  visibility: hidden;
}

/* line 40, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard.now-loading:before, .DashboardCard.now-loading:after {
  display: none;
}

/* line 46, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-header {
  position: relative;
  background: var(--background-secondary);
  font-size: 14px;
  box-shadow: 0 1px var(--border-soft);
  padding: 1rem;
}

/* line 52, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-header .DashboardCard-or {
  background: var(--border-soft);
}

/* line 54, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-header .DashboardCard-or:before {
  background: var(--background-secondary);
}

/* line 59, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-header--tall {
  padding-top: 2.5rem;
}

/* line 62, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-headerIcon {
  display: none;
  position: absolute;
  top: 16px;
  right: 1rem;
  color: var(--icon-secondary);
  font-size: 20px;
}

/* line 69, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-headerIcon .icon, .DashboardCard-headerIcon .GuideIndex-listItem.now-active:before, .DashboardCard-headerIcon .Experiences-map-marker:before, .DashboardCard-headerIcon .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .DashboardCard-headerIcon a.visited:after, .DashboardCard-headerIcon .alert-icon, .DashboardCard-headerIcon .button-icon, .DashboardCard-headerIcon .badge-icon, .DashboardCard-headerIcon .metadata-icon, .DashboardCard-headerIcon .statusIcon, .DashboardCard-headerIcon .richtext .alert:before, .richtext .DashboardCard-headerIcon .alert:before {
  display: block;
  font-size: inherit;
}

/* line 74, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-body {
  position: relative;
  padding: 1rem;
}

/* line 78, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footer {
  border-top: 1px solid var(--border-soft);
  margin: 0 1rem;
  padding: 0.5rem 0;
}

/* line 82, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footer .DashboardCard-or {
  background: var(--border-soft);
}

/* line 84, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footer .DashboardCard-or:before {
  background: #e5ecfb;
}

/* line 88, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footer .DashboardCard-action {
  text-decoration: underline;
}

/* line 92, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footerAdvice {
  text-align: right;
}

/* line 94, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footerAdvice .button {
  margin-top: 0.5rem;
  margin-left: auto;
}

/* line 99, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footerAdviceText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
}

/* line 106, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-footerIcon {
  color: var(--icon-attention);
  margin-right: 0.5rem;
  background: var(--background-attention-10);
  border-radius: 50%;
  padding: 0.25rem;
  cursor: default;
}

/* line 114, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-or {
  margin: 1rem 0;
  position: relative;
}

/* line 117, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-or:before {
  content: "or";
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-style: italic;
  width: 2rem;
}

/* line 129, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-action {
  color: var(--text-primary);
  font-weight: 500;
}

/* line 136, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-chart {
  position: relative;
}

/* line 139, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* line 148, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-emptyState {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 151, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-emptyIllustration,
.DashboardCard-emptyText {
  margin-left: auto;
  margin-right: auto;
}

/* line 156, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-emptyIllustration {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 240px;
  margin-bottom: 1rem;
}

/* line 162, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-emptyText {
  max-width: 304px;
}

/* line 165, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-svg {
  display: block;
  width: 100%;
}

/* line 168, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-svg text {
  font-size: 12px;
  fill: var(--text-default);
}

/* line 174, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-axis .domain {
  display: none;
}

/* line 177, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-axis text {
  opacity: 0.5;
}

/* line 180, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.Dashboard-axis line {
  opacity: 0.1;
}

/* line 185, app/assets/stylesheets/new/4_modules/Dashboard.scss */
.DashboardCard-fireIcon {
  display: inline;
  height: 23px;
  vertical-align: middle;
  margin-right: 0.25rem;
}

@media (min-width: 568px) {
  /* line 193, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-footerAdvice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  /* line 196, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-footerAdvice .button {
    margin-top: 0;
    margin-left: auto;
  }
  /* line 201, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-footerAdviceText {
    padding-right: 0.5rem;
  }
}

@media (min-width: 768px) {
  /* line 207, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid var(--border-soft);
    box-shadow: none;
    border-radius: 0.5rem;
  }
  /* line 214, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-header {
    font-size: inherit;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  /* line 219, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-header--hasIcon {
    padding-right: 2.5rem;
  }
  /* line 222, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-header--tall {
    padding-top: 1rem;
  }
  /* line 225, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-headerIcon {
    display: block;
  }
  /* line 228, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-footerAdviceText {
    font-size: inherit;
  }
  /* line 231, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyState {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 234, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyIllustration {
    margin-right: 2rem;
    margin-bottom: 0;
  }
  /* line 238, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyText {
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  /* line 243, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyState {
    display: block;
  }
  /* line 246, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyIllustration {
    margin-right: auto;
    margin-bottom: 1rem;
  }
  /* line 250, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyText {
    margin-left: auto;
  }
}

@media (min-width: 1280px) {
  /* line 255, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyState {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 258, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyIllustration {
    margin-right: 2rem;
    margin-bottom: 0;
  }
  /* line 262, app/assets/stylesheets/new/4_modules/Dashboard.scss */
  .DashboardCard-emptyText {
    margin-left: 0;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 7, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget--wrap .DashboardCalendarWidget-flexWrapper {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 12, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-flexWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 16, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-dayLabels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 19, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-dayLabel {
  font-size: 8px;
  font-weight: 500;
  opacity: 0.4;
  width: 1rem;
  margin: 1px;
  text-align: center;
}

/* line 27, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-dayLabel--today {
  opacity: 1;
  font-weight: 600;
}

/* line 31, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month {
  margin: 0.5rem;
}

/* line 35, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month--today .DashboardCalendarWidget-monthLabel {
  color: inherit;
  font-weight: bold;
}

/* line 40, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-monthLabel {
  color: var(--text-secondary);
}

/* line 43, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-dayCollection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  width: calc((1rem + 2px) * 7);
  height: calc((1rem + 2px) * 6);
}

/* line 50, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day {
  cursor: default;
  color: transparent;
  width: calc(1rem + 2px);
  height: calc(1rem + 2px);
  background: var(--background-secondary);
  border: 1px solid var(--background-default);
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  line-height: 16px;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="1"] {
  background: var(--report-success);
  opacity: 0.4;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="2"] {
  background: var(--report-success);
  opacity: 0.5;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="3"] {
  background: var(--report-success);
  opacity: 0.6;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="4"] {
  background: var(--report-success);
  opacity: 0.7;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="5"] {
  background: var(--report-success);
  opacity: 0.8;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="6"] {
  background: var(--report-success);
  opacity: 0.9;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="7"] {
  background: var(--report-success);
  opacity: 1;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="8"] {
  background: var(--report-success);
  opacity: 1.1;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="9"] {
  background: var(--report-success);
  opacity: 1.2;
}

/* line 63, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day[data-score="10"] {
  background: var(--report-success);
  opacity: 1.3;
}

/* line 70, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month--offset1 .DashboardCalendarWidget-day:first-child {
  margin-left: calc(1 * (1rem + 2px));
}

/* line 70, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month--offset2 .DashboardCalendarWidget-day:first-child {
  margin-left: calc(2 * (1rem + 2px));
}

/* line 70, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month--offset3 .DashboardCalendarWidget-day:first-child {
  margin-left: calc(3 * (1rem + 2px));
}

/* line 70, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month--offset4 .DashboardCalendarWidget-day:first-child {
  margin-left: calc(4 * (1rem + 2px));
}

/* line 70, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month--offset5 .DashboardCalendarWidget-day:first-child {
  margin-left: calc(5 * (1rem + 2px));
}

/* line 70, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-month--offset6 .DashboardCalendarWidget-day:first-child {
  margin-left: calc(6 * (1rem + 2px));
}

/* line 75, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--beforeSubscription {
  color: var(--text-tertiary);
  background: none;
}

/* line 79, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--subscriptionStart {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

/* line 83, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--subscriptionEnd {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

/* line 87, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--subscriptionLapsed {
  color: var(--text-danger);
  background: var(--background-danger-10);
}

/* line 91, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--today,
.DashboardCalendarWidget-day--ukcat {
  color: var(--text-white);
  font-weight: 600;
  border-color: transparent;
  box-shadow: var(--shadow-popover);
  transform: scale(1.25);
  border-radius: 0;
}

/* line 100, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--today {
  background: var(--background-primary) !important;
  opacity: 1 !important;
}

/* line 104, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--ukcat {
  background: var(--background-danger) !important;
  opacity: 1 !important;
}

/* line 107, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
.DashboardCalendarWidget-day--ukcat ~ .DashboardCalendarWidget-day--subscriptionLapsed {
  color: var(--text-tertiary);
  background: none;
}

@media (max-width: 400px) {
  /* line 114, app/assets/stylesheets/new/4_modules/DashboardCalendarWidget.scss */
  .DashboardCalendarWidget--wrap {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin: -0.5rem;
  min-height: 142px;
}

/* line 8, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-gridItem {
  padding: 0.5rem;
  width: 50%;
}

/* line 12, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-gridItem--1of5 {
  width: 20%;
}

/* line 15, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-gridItem--1of4 {
  width: 25%;
}

/* line 18, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-gridItem--1of3 {
  width: 33.33%;
}

/* line 21, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-gridItem--1of2 {
  width: 50%;
}

/* line 24, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-gridItem--1of1 {
  width: 100%;
}

/* line 29, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-label {
  display: block;
  font-size: 14px;
  line-height: 1rem;
  margin-bottom: 0.25rem;
  width: 100px;
}

/* line 36, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card {
  z-index: 100;
  position: relative;
  height: 90px;
}

/* line 40, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--border-soft);
  z-index: -1;
}

/* line 51, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card.DashboardDistributionWidget-card--insufficientData {
  visibility: hidden;
}

/* line 55, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card--insufficientData::after {
  visibility: visible;
  content: "More data needed for comparison";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-default);
  border: 1px solid var(--border-soft);
  z-index: 1;
  padding-top: 0.5rem;
  text-align: center;
}

/* line 69, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
svg.DashboardDistributionWidget-svg {
  display: block;
  width: 100%;
  height: 90px;
  overflow: visible;
}

/* line 75, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-sd {
  fill: var(--report-primary);
  fill-opacity: 0.1;
}

/* line 79, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-sd--1 {
  fill-opacity: 0.5;
}

/* line 82, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-mean {
  fill: var(--report-default);
}

/* line 86, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-myScore-line {
  fill: var(--report-default);
}

/* line 89, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-myScore-whiteout {
  fill: var(--background-default);
}

/* line 92, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-myScore-text {
  text-anchor: middle;
  fill: var(--text-secondary);
}

/* line 98, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card--success:after {
  border: 2px solid var(--border-success);
}

/* line 101, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card--success .DashboardDistributionWidget-myScore-text {
  fill: var(--text-default);
  font-weight: bold;
}

/* line 105, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card--success .DashboardDistributionWidget-sd {
  fill: var(--report-success);
}

/* line 111, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card--danger:after {
  border: 2px solid var(--border-danger);
}

/* line 114, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card--danger .DashboardDistributionWidget-myScore-text {
  fill: var(--text-default);
  font-weight: bold;
}

/* line 118, app/assets/stylesheets/new/4_modules/DashboardDistributionWidget.scss */
.DashboardDistributionWidget-card--danger .DashboardDistributionWidget-sd {
  fill: var(--report-danger);
}

/* line 3, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget {
  position: relative;
  padding-bottom: 1rem;
}

/* line 8, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 1rem;
}

/* line 15, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-listWrapper {
  position: relative;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

/* line 26, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
html.supports-no-touchevents .DashboardTopicWidget-list:hover .DashboardTopicWidget-listItem-wrapper {
  opacity: 0.2;
}

/* line 28, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
html.supports-no-touchevents .DashboardTopicWidget-list:hover .DashboardTopicWidget-listItem-wrapper:hover {
  opacity: 1;
}

/* line 31, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
html.supports-no-touchevents .DashboardTopicWidget-list:hover .DashboardTopicWidget-listItem-wrapper:not(.now-disabled):hover {
  cursor: pointer;
}

/* line 33, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
html.supports-no-touchevents .DashboardTopicWidget-list:hover .DashboardTopicWidget-listItem-wrapper:not(.now-disabled):hover .DashboardTopicWidget-bar--user {
  color: var(--text-default);
}

/* line 35, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
html.supports-no-touchevents .DashboardTopicWidget-list:hover .DashboardTopicWidget-listItem-wrapper:not(.now-disabled):hover .DashboardTopicWidget-bar--user.DashboardTopicWidget-bar--highScore {
  color: var(--text-white);
}

/* line 39, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
html.supports-no-touchevents .DashboardTopicWidget-list:hover .DashboardTopicWidget-listItem-wrapper:not(.now-disabled):hover .DashboardTopicWidget-bar--average {
  color: var(--text-secondary);
}

/* line 41, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
html.supports-no-touchevents .DashboardTopicWidget-list:hover .DashboardTopicWidget-listItem-wrapper:not(.now-disabled):hover .DashboardTopicWidget-bar--average.DashboardTopicWidget-bar--highScore {
  color: var(--text-default);
}

/* line 51, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-listItem-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5rem 0;
}

/* line 55, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-listItem-wrapper.now-disabled {
  cursor: default;
}

/* line 57, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-listItem-wrapper.now-disabled .DashboardTopicWidget-listItem-label {
  color: var(--text-secondary);
  cursor: inherit;
}

/* line 61, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-listItem-wrapper.now-disabled .DashboardTopicWidget-bar--user {
  background: var(--report-tertiary);
}

/* line 69, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-listItem-wrapper--link:not(.now-disabled):hover .DashboardTopicWidget-listItem-label {
  color: var(--text-primary);
  text-decoration: underline;
}

/* line 75, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-listItem-label {
  color: var(--text-default);
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 10rem;
  font-size: 13px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-right: 0.5rem;
  cursor: inherit;
}

/* line 85, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-barWrapper {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}

/* line 90, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-bar {
  color: transparent;
  height: 12px;
  width: 0;
  padding-right: 2px;
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  line-height: 12px;
}

/* line 100, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-bar--user {
  background: var(--report-success);
}

/* line 103, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-bar--average {
  background: var(--report-tertiary);
}

/* line 107, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-bar--noScore {
  color: var(--text-default);
  font-size: 13px;
}

/* line 111, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-bar--lowScore {
  text-align: left;
  white-space: nowrap;
  text-indent: calc(100% + 4px);
}

/* line 116, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-bar--highScore {
  text-indent: 0;
}

/* line 119, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-axes {
  position: absolute;
  top: 0;
  left: 10rem;
  right: 1rem;
  bottom: 1rem;
  border-left: 1px solid var(--border-soft);
  border-right: 1px solid var(--border-soft);
  pointer-events: none;
}

/* line 128, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-axes:before, .DashboardTopicWidget-axes:after {
  position: absolute;
  bottom: -1rem;
  font-size: 12px;
  opacity: 0.5;
  width: 4rem;
  text-align: center;
}

/* line 137, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-axes:before {
  content: "0%";
  left: -2rem;
}

/* line 141, app/assets/stylesheets/new/4_modules/DashboardTopicWidget.scss */
.DashboardTopicWidget-axes:after {
  content: "100%";
  right: -2rem;
}

/* line 2, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionForm.scss */
.DmVennDiagramQuestionForm-imageInputWrapper input {
  display: none;
}

/* line 6, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionForm.scss */
.DmVennDiagramQuestionForm-imageInputWrapper label:hover {
  cursor: pointer;
}

/* line 10, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionForm.scss */
.DmVennDiagramQuestionForm-imageInputWrapper input:checked + div {
  display: none;
}

/* line 14, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionForm.scss */
.DmVennDiagramQuestionForm-imageInputWrapper div {
  text-align: right;
  display: flex;
  flex-direction: column;
}

/* line 19, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionForm.scss */
.DmVennDiagramQuestionForm-imageInputWrapper div img {
  margin-right: 0;
  width: 100%;
}

/* line 2, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-content {
  display: flex;
}

/* line 6, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-main {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

/* line 12, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-sidebar {
  width: 100%;
  max-width: 420px;
  margin-left: 80px;
}

/* line 18, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-problem {
  font-size: 20px;
  font-weight: 600;
  margin-top: 24px;
}

/* line 24, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-statements {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 29, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-statement {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .02em;
  color: #182235;
  margin-bottom: 16px;
  margin-top: 0;
}

/* line 38, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-instruction {
  display: flex;
  align-items: flex-start;
}

/* line 43, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-isntructionIcon {
  width: 16px;
  min-width: 16px;
  margin-top: 3px;
}

/* line 49, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-instructionMessage {
  color: #0047d6;
  font-weight: 500;
  margin-left: 10px;
  margin-top: 0;
}

/* line 56, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  margin-bottom: 24px;
}

/* line 63, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-option {
  margin: 1%;
  width: 48%;
  padding: 6%;
  background-color: #f2f2f3;
  border-radius: 6px;
  position: relative;
}

/* line 72, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-optionImage {
  display: block;
  width: 100%;
  max-width: 120px;
  margin: auto;
}

/* line 79, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-optionIcon {
  position: absolute;
  top: 8px;
  left: 8px;
}

/* line 85, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-explanation {
  border-radius: 8px;
  background-color: rgba(0, 71, 214, 0.05);
  padding: 16px 32px 16px 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04LjMzMzAxIDAuMzMzMjUyQzMuOTEzMDEgMC4zMzMyNTIgMC4zMzMwMDggMy45MTMyNSAwLjMzMzAwOCA4LjMzMzI1QzAuMzMzMDA4IDEyLjc1MzMgMy45MTMwMSAxNi4zMzMzIDguMzMzMDEgMTYuMzMzM0MxMi43NTMgMTYuMzMzMyAxNi4zMzMgMTIuNzUzMyAxNi4zMzMgOC4zMzMyNUMxNi4zMzMgMy45MTMyNSAxMi43NTMgMC4zMzMyNTIgOC4zMzMwMSAwLjMzMzI1MlpNOS4xMzMwMSAxMy45MzMzSDcuNTMzMDFWMTIuMzMzM0g5LjEzMzAxVjEzLjkzMzNaTTEwLjc4NSA3LjczNzI1TDEwLjA2OSA4LjQ3MzI1QzkuNDkzMDEgOS4wNDkyNSA5LjEzMzAxIDkuNTMzMjUgOS4xMzMwMSAxMC43MzMzSDcuNTMzMDFWMTAuMzMzM0M3LjUzMzAxIDkuNDQ5MjUgNy44OTMwMSA4LjY0OTI1IDguNDY5MDEgOC4wNjkyNUw5LjQ2NTAxIDcuMDYxMjVDOS43NTMwMSA2Ljc3MzI1IDkuOTMzMDEgNi4zNzMyNSA5LjkzMzAxIDUuOTMzMjVDOS45MzMwMSA1LjA0OTI1IDkuMjE3MDEgNC4zMzMyNSA4LjMzMzAxIDQuMzMzMjVDNy40NDkwMSA0LjMzMzI1IDYuNzMzMDEgNS4wNDkyNSA2LjczMzAxIDUuOTMzMjVINS4xMzMwMUM1LjEzMzAxIDQuMTY1MjUgNi41NjUwMSAyLjczMzI1IDguMzMzMDEgMi43MzMyNUMxMC4xMDEgMi43MzMyNSAxMS41MzMgNC4xNjUyNSAxMS41MzMgNS45MzMyNUMxMS41MzMgNi42MzcyNSAxMS4yNDkgNy4yNzMyNSAxMC43ODUgNy43MzcyNVoiIGZpbGw9IiMwMDQ3RDYiLz4NCjwvc3ZnPg0K);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 13px 18px;
}

/* line 95, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-explanationTitle {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  margin-top: 0;
}

/* line 102, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-explanationImage {
  width: 100%;
}

/* line 106, app/assets/stylesheets/new/4_modules/DmVennDiagramQuestionPreview.scss */
.DmVennDiagramQuestionPreview-solution {
  box-shadow: 0 0 8px 8px rgba(101, 201, 160, 0.8);
  margin: 0 10px;
}

/* line 1, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 4, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis {
  position: relative;
  width: 12px;
  margin-left: 0.5rem;
}

/* line 8, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background: var(--border-soft);
  margin: auto;
  z-index: -1;
}

/* line 20, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis h6 {
  font-size: 10px;
  font-weight: 400;
  color: var(--text-default);
  line-height: 12px;
  letter-spacing: 0.4px;
  white-space: nowrap;
  text-transform: uppercase;
  padding: 0 0.25rem;
}

/* line 30, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis .ExamSJOrdering-most,
.ExamSJOrdering-axis .ExamSJOrdering-least {
  position: absolute;
  left: 0;
  transform: rotate(-90deg);
}

/* line 36, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis .ExamSJOrdering-most {
  top: 0;
  text-align: right;
  transform-origin: 0% 0%;
}

/* line 40, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis .ExamSJOrdering-most h6 {
  transform: translateX(-100%) translateY(0%);
  position: absolute;
  top: 0;
  left: 0;
}

/* line 47, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis .ExamSJOrdering-least {
  bottom: 0;
}

/* line 49, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-axis .ExamSJOrdering-least h6 {
  position: absolute;
  left: 0;
}

/* line 55, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-table {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: -0.5rem;
}

/* line 58, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-table .sortable-placeholder {
  margin-top: 0.5rem;
}

/* line 62, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-row {
  min-height: 80px;
  border: none;
  margin-top: 0.5rem;
  box-shadow: inset 0 0 0 1px var(--border-soft);
}

/* line 67, app/assets/stylesheets/new/4_modules/ExamSJOrdering.scss */
.ExamSJOrdering-row:active {
  margin-top: 0;
}

/* line 1, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer {
  position: relative;
  box-shadow: 0 -1px var(--border-soft);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 6, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer .icon, .Footer .GuideIndex-listItem.now-active:before, .Footer .Experiences-map-marker:before, .Footer .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .Footer a.visited:after, .Footer .alert-icon, .Footer .button-icon, .Footer .badge-icon, .Footer .metadata-icon, .Footer .statusIcon, .Footer .richtext .alert:before, .richtext .Footer .alert:before {
  fill: var(--icon-secondary);
  width: 16px;
  margin-right: 4px;
}

/* line 12, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer--mobile {
  z-index: 1000;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--Footer-height);
  background-color: var(--background-default);
  padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0 -1px var(--border-soft);
}

/* line 23, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-nav {
  height: 100%;
}

/* line 26, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-list {
  display: flex;
  height: 100%;
}

/* line 30, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-listItem {
  width: 0;
  flex-grow: 1;
}

/* line 34, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-listItem.dropdown > .dropdown-menu {
  justify-content: center;
  margin-right: 8px;
}

/* line 38, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  gap: 4px;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: var(--text-tertiary);
  font-weight: 500;
  transition: ease-out 0.1s;
}

/* line 53, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-link:active {
  transform: scale(0.9);
}

/* line 56, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-link svg {
  width: 1.5rem;
  height: auto;
}

/* line 60, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-link.active, .Navbar-tabs .Footer-link.tabs-link.now-loading {
  color: var(--text-primary);
  font-weight: 600;
}

/* line 64, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 68, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1rem;
}

/* line 73, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-gridItem {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 1rem;
  min-width: 120px;
}

/* line 78, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-copyright {
  color: var(--text-secondary);
  font-size: 14px;
}

/* line 83, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-meta {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

/* line 86, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-siteMap-header {
  color: var(--text-secondary);
  font-weight: 500;
}

/* line 92, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-siteMap-list > li > a {
  display: block;
  height: 2.25rem;
  padding-top: 4px;
  color: var(--text-default);
}

/* line 97, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-siteMap-list > li > a:hover {
  color: var(--text-primary);
  text-decoration: underline;
}

/* line 101, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-siteMap-list > li > a[disabled] {
  display: none;
}

/* line 104, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-siteMap-list > li > a > .icon, .Footer-siteMap-list > li > a > .GuideIndex-listItem.now-active:before, .Footer-siteMap-list > li > a > .Experiences-map-marker:before, .Tutorial-tableOfContents-body .Footer-siteMap-list > li > a > a.visited:after, .Footer-siteMap-list > li > a > .alert-icon, .Footer-siteMap-list > li > a > .button-icon, .Footer-siteMap-list > li > a > .badge-icon, .Footer-siteMap-list > li > a > .metadata-icon, .Footer-siteMap-list > li > a > .statusIcon, .richtext .Footer-siteMap-list > li > a > .alert:before {
  vertical-align: sub;
  font-size: 20px;
}

/* line 111, app/assets/stylesheets/new/4_modules/Footer.scss */
.Footer-product {
  font-weight: 500;
}

@media (min-width: 768px) {
  /* line 116, app/assets/stylesheets/new/4_modules/Footer.scss */
  .Footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 120, app/assets/stylesheets/new/4_modules/Footer.scss */
  .Footer-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  /* line 128, app/assets/stylesheets/new/4_modules/Footer.scss */
  .Footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* line 132, app/assets/stylesheets/new/4_modules/Footer.scss */
  .Footer--mobile {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/GameNavbar.scss */
.GameNavbar {
  position: sticky;
  top: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding: 16px 0;
  background-color: var(--background-default);
}

/* line 11, app/assets/stylesheets/new/4_modules/GameNavbar.scss */
.GameNavbar-back {
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 8px;
  color: var(--text-primary);
  border-radius: 6px;
}

/* line 19, app/assets/stylesheets/new/4_modules/GameNavbar.scss */
.GameNavbar-back:hover {
  background-color: var(--background-secondary);
}

/* line 23, app/assets/stylesheets/new/4_modules/GameNavbar.scss */
.GameNavbar-backIcon {
  display: flex;
  align-items: center;
  width: 20px;
  fill: currentColor;
}

/* line 30, app/assets/stylesheets/new/4_modules/GameNavbar.scss */
.GameNavbar-backText {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 500;
}

/* line 1, app/assets/stylesheets/new/4_modules/Header.scss */
.Header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: var(--background-default);
  width: 100%;
  height: var(--Header-height);
  padding-left: var(--Canvas-padding);
  padding-right: var(--Canvas-padding);
  box-shadow: 0 1px var(--border-soft);
}

/* line 15, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* line 24, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-dropdownLink {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-default);
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}

/* line 32, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-dropdownLink:hover {
  background: var(--background-secondary);
}

/* line 35, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-dropdownLink.active, .Navbar-tabs .Header-dropdownLink.tabs-link.now-loading {
  color: var(--text-primary);
  font-weight: 600;
  background: var(--background-primary-10);
}

/* line 42, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-themeDivider {
  color: var(--text-secondary);
  font-size: 12px;
  padding: 8px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  gap: 10px;
  font-weight: 500;
}

/* line 53, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-leftMenu {
  display: flex;
  position: relative;
  z-index: 1;
}

/* line 58, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseSwitcher {
  appearance: none;
  user-select: none;
  background: none;
  border: none;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  margin: -8px;
  color: var(--text-default);
  font-weight: 600;
  cursor: pointer;
}

/* line 71, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseSwitcherLogo {
  margin-right: 8px;
}

/* line 74, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseSwitcherCaret {
  color: var(--text-secondary);
}

/* line 78, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseNav {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}

/* line 84, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseNavList {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* line 90, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseNavLink {
  display: block;
  padding: 8px;
  color: var(--text-secondary);
}

/* line 94, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseNavLink:hover {
  color: var(--text-default);
}

/* line 97, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-courseNavLink.active, .Navbar-tabs .Header-courseNavLink.tabs-link.now-loading {
  color: var(--text-default);
  font-weight: 600;
}

/* line 103, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-rightMenu {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}

/* line 110, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-userMenuButton {
  appearance: none;
  user-select: none;
  background: none;
  border: none;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  gap: 4px;
  margin-right: -8px;
  color: var(--text-default);
  cursor: pointer;
}

/* line 123, app/assets/stylesheets/new/4_modules/Header.scss */
.Header-loginButton {
  display: inline-flex;
  color: var(--text-white);
  background: var(--background-primary);
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 500;
}

@media (min-width: 1024px) {
  /* line 133, app/assets/stylesheets/new/4_modules/Header.scss */
  .Header-courseNav {
    display: block;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/HomeInfoBanner.scss */
.HomeInfoBanner {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

/* line 6, app/assets/stylesheets/new/4_modules/HomeInfoBanner.scss */
.HomeInfoBanner .alert-text, .HomeInfoBanner .richtext .alert, .richtext .HomeInfoBanner .alert {
  background: var(--background-primary-10);
  color: var(--text-default);
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 12, app/assets/stylesheets/new/4_modules/HomeInfoBanner.scss */
.HomeInfoBanner .alert-text .link, .HomeInfoBanner .richtext .alert .link, .richtext .HomeInfoBanner .alert .link, .HomeInfoBanner .alert-text .richtext a, .richtext .HomeInfoBanner .alert-text a, .HomeInfoBanner .richtext .alert a, .richtext .HomeInfoBanner .alert a {
  margin-left: 2px;
  font-weight: 400;
}

/* line 1, app/assets/stylesheets/new/4_modules/IndexSales.scss */
.IndexSales-coursesList {
  position: relative;
  margin-top: calc(-2rem - 4vw);
}

/* line 2, app/assets/stylesheets/new/4_modules/Interviews.scss */
.InterviewsQuestion-Index {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 3fr 2fr;
  row-gap: 1rem;
}

/* line 11, app/assets/stylesheets/new/4_modules/Interviews.scss */
.InterviewsQuestion-Index-question-prompt {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--text-default);
}

@media (max-width: 520px) {
  /* line 11, app/assets/stylesheets/new/4_modules/Interviews.scss */
  .InterviewsQuestion-Index-question-prompt {
    font-size: 1rem;
  }
}

/* line 22, app/assets/stylesheets/new/4_modules/Interviews.scss */
a.InterviewsQuestion-Index-question-prompt:active, a.InterviewsQuestion-Index-question-prompt:focus, a.InterviewsQuestion-Index-question-prompt:hover {
  text-decoration: underline;
}

/* line 29, app/assets/stylesheets/new/4_modules/Interviews.scss */
.example-responses-menu {
  background-color: var(--background-secondary);
  padding: 15px;
}

/* line 34, app/assets/stylesheets/new/4_modules/Interviews.scss */
.example-responses-menu--title {
  padding: 5px;
}

/* line 38, app/assets/stylesheets/new/4_modules/Interviews.scss */
.example-responses-menu-item {
  display: flex;
  padding: 5px;
}

/* line 43, app/assets/stylesheets/new/4_modules/Interviews.scss */
.example-responses-menu-item.now-selected {
  background-color: var(--background-secondary);
}

/* line 47, app/assets/stylesheets/new/4_modules/Interviews.scss */
.example-responses-menu-item:hover {
  background-color: var(--background-secondary);
}

/* line 51, app/assets/stylesheets/new/4_modules/Interviews.scss */
.example-responses-menu-item--thumbnail {
  height: 131px;
  width: 74px;
  background-color: var(--background-tertiary);
}

/* line 57, app/assets/stylesheets/new/4_modules/Interviews.scss */
.example-response-menu-item--detail {
  padding: 10px;
}

/* line 63, app/assets/stylesheets/new/4_modules/Interviews.scss */
.InterviewsQuestion-ExampleResponse-VideoIframe {
  width: 100%;
  height: 50vh;
}

/* line 73, app/assets/stylesheets/new/4_modules/Interviews.scss */
.InterviewsQuestion-ExampleResponse-Comments--draft {
  background: #c4b4b4;
}

/* variables */
/* colors */
/* breakpoint */
/* transition */
/* header styling */
/* line 2, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header.scss */
.medify-header {
  position: fixed;
  height: var(--Header-height);
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #1948A8;
  width: 100%;
}

/* link item style used in dropdown and explorer menu  */
/* line 14, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header.scss */
.medify-header-link-item {
  transition: ease-in-out .15s;
  display: block;
  text-decoration: none;
  line-height: 1.35;
}

/* line 19, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header.scss */
.medify-header-link-item:hover {
  background-color: rgba(242, 242, 243, 0.75);
}

/* line 22, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header.scss */
.medify-header-link-item .title {
  color: #0047d6;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

/* line 28, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header.scss */
.medify-header-link-item .description {
  font-size: 14px;
  font-weight: 400;
  color: #49556f;
}

/* all of the header navigation */
/* line 3, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  /* navbar submenu dropdown */
  /* main navigation block */
  /* right side header menu */
}

/* line 11, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .logo {
  padding-left: 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 20, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .navbar-link-dropdown {
  position: absolute;
  z-index: 991;
  top: 100%;
  left: 0;
  background: var(--background-default);
  box-shadow: 0px 7px 20px rgba(129, 140, 162, 0.18);
  border-radius: 4px;
  display: none;
  padding: 2px;
}

/* line 30, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .navbar-link-dropdown .medify-header-link-item {
  min-width: 260px;
  padding: 16px 18px;
  border-radius: 6px;
}

@media only screen and (max-width: 1080px) {
  /* line 30, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .navbar-link-dropdown .medify-header-link-item {
    max-width: 180px;
    white-space: normal;
  }
}

/* line 42, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation {
  display: flex;
  height: 100%;
  align-items: center;
  /* show explorer mega menu */
  /* switch navbar to mobile view */
}

/* line 46, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation:hover .medify-header-link {
  opacity: .6;
}

/* line 50, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation.explorer-visible .medify-header-link {
  opacity: .6;
}

/* line 54, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link {
  transition: ease-in-out .15s;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: white;
  padding: 18px 16px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  /*
          This hides links when downscaling resolution.
          Adjust breakpoints as needed.
        */
}

/* line 68, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link .text {
  position: relative;
  top: -1px;
}

/* line 72, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link .mobile-label {
  display: none;
}

/* line 75, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link .arrow {
  position: relative;
  right: -5px;
  fill: white;
  min-width: 10px;
}

/* line 81, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link.hidden {
  display: none;
}

/* line 84, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link.active, .medify-header .medify-header-navbar .medify-header-navigation .Navbar-tabs .medify-header-link.tabs-link.now-loading, .Navbar-tabs .medify-header .medify-header-navbar .medify-header-navigation .medify-header-link.tabs-link.now-loading {
  opacity: 1;
  background-color: rgba(24, 34, 53, 0.3);
}

/* line 88, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link:hover {
  opacity: 1;
  background-color: rgba(24, 34, 53, 0.6);
}

/* line 91, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .medify-header-link:hover .navbar-link-dropdown {
  display: block;
}

@media only screen and (max-width: 1024px) {
  /* line 101, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .medify-header-link:nth-child(6) {
    display: none;
  }
}

@media only screen and (max-width: 940px) {
  /* line 106, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .medify-header-link:nth-child(5) {
    display: none;
  }
}

@media only screen and (max-width: 760px) {
  /* line 111, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .medify-header-link:nth-child(4) {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  /* line 116, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .medify-header-link:nth-child(3) {
    display: none;
  }
}

@media only screen and (max-width: 460px) {
  /* line 121, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .medify-header-link:nth-child(2) {
    display: none;
  }
}

/* line 128, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .explorer-link {
  padding-left: 24px;
  padding-right: 24px;
}

/* line 131, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .explorer-link .navicon {
  position: relative;
  margin-left: 12px;
}

/* line 135, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .medify-header-navigation .explorer-link.active, .medify-header .medify-header-navbar .medify-header-navigation .Navbar-tabs .explorer-link.tabs-link.now-loading, .Navbar-tabs .medify-header .medify-header-navbar .medify-header-navigation .explorer-link.tabs-link.now-loading {
  opacity: 1;
  background-color: rgba(24, 34, 53, 0.6);
}

@media only screen and (max-width: 1080px) {
  /* line 42, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation {
    margin-right: auto;
  }
  /* line 144, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .medify-header-link {
    order: 2;
  }
  /* line 147, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .explorer-link {
    order: 1;
    background-color: rgba(24, 34, 53, 0.3);
    display: flex;
    flex-direction: row-reverse;
    padding-left: 10px;
    padding-right: 10px;
    max-height: 36px;
    border-radius: 6px;
    margin: 0 4px;
  }
  /* line 157, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .explorer-link:active {
    background-color: rgba(24, 34, 53, 0.6);
  }
  /* line 160, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .explorer-link .navicon {
    margin-left: 0;
    margin-right: 10px;
  }
  /* line 164, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .explorer-link .desktop-label {
    display: none;
  }
  /* line 167, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
  .medify-header .medify-header-navbar .medify-header-navigation .explorer-link .mobile-label {
    display: block;
  }
}

/* line 176, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu {
  transition: ease-in-out .15s;
  display: flex;
  align-items: center;
  align-self: stretch;
  height: auto;
  /* region flags */
  /* notification */
  /* login */
  /* logged in state */
}

/* line 184, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link {
  transition: ease-in-out .15s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 35px;
  width: 44px;
  margin-top: -1px;
  border-radius: 6px;
}

/* line 195, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link .region-icon {
  border: 1px solid #182235;
  width: 18px;
  border-radius: 4px;
}

/* line 200, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link .region-dropdown-link {
  position: absolute;
  z-index: 991;
  right: 0;
  bottom: -48px;
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: #182235;
  border-radius: 6px;
  padding: 10px;
  text-decoration: none;
  cursor: pointer;
}

/* line 213, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link .region-dropdown-link .region-icon {
  min-width: 20px;
}

/* line 216, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link .region-dropdown-link .text {
  font-size: 12px;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 8px;
  margin-right: 8px;
  min-width: 120px;
  position: relative;
  top: -1px;
}

/* line 225, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link .region-dropdown-link .text .line {
  white-space: nowrap;
}

/* line 230, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link:hover {
  background-color: rgba(24, 34, 53, 0.3);
}

/* line 232, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link:hover .region-dropdown-link {
  display: flex;
}

/* line 234, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .region-link:hover .region-dropdown-link:hover .text {
  color: white;
}

/* line 242, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .notification-link {
  transition: ease-in-out .15s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: 44px;
  margin-top: -1px;
  border-radius: 6px;
}

/* line 253, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .notification-link .notification-icon {
  width: 22px;
  fill: white;
}

/* line 257, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .notification-link:hover {
  background-color: rgba(24, 34, 53, 0.3);
}

/* line 261, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .notification-link.now-unread:after {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 100px;
  background-color: var(--icon-danger);
}

/* line 276, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .login-link {
  transition: ease-in-out .15s;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  color: white;
  text-decoration: none;
  padding: 9px 12px 9px;
  white-space: nowrap;
  border-radius: 6px;
  background-color: rgba(24, 34, 53, 0.3);
  margin-top: -2px;
  margin-right: 4px;
  margin-left: 2px;
}

/* line 291, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .login-link .text {
  position: relative;
  top: -1px;
}

/* line 295, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .login-link:hover {
  background-color: rgba(24, 34, 53, 0.6);
}

/* line 301, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu {
  transition: ease-in-out .15s;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 100%;
  width: 48px;
  position: relative;
  background-color: transparent;
  border: none;
}

/* line 314, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-icon {
  fill: white;
  width: 20px;
}

/* line 318, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown {
  position: absolute;
  z-index: 991;
  top: 100%;
  right: 0;
  background: var(--background-default);
  box-shadow: 0px 7px 20px rgba(129, 140, 162, 0.18);
  border-radius: 4px;
  display: none;
  padding: 2px;
}

/* line 328, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link {
  transition: ease-in-out .15s;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 180px;
  padding: 12px 16px;
  border-radius: 6px;
  text-decoration: none;
  border: none;
  background-color: transparent;
}

/* line 339, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .GuideIndex-listItem.now-active:before, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .Experiences-map-marker:before, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link a.visited:after, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .alert-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .button-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .badge-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .metadata-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .statusIcon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .richtext .alert:before, .richtext .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .alert:before {
  height: 20px;
  margin-right: 10px;
  margin-left: -4px;
  fill: #818ca2;
}

/* line 345, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

/* line 350, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link .text {
  color: #818ca2;
}

/* line 354, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .GuideIndex-listItem.now-active:before, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .Experiences-map-marker:before, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account a.visited:after, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .alert-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .button-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .badge-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .metadata-icon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .statusIcon, .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .richtext .alert:before, .richtext .medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .alert:before {
  fill: #0047d6;
}

/* line 357, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link.my-account .text {
  color: #0047d6;
}

/* line 361, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu .user-menu-dropdown .user-menu-dropdown-link:hover {
  background-color: rgba(242, 242, 243, 0.75);
}

/* line 366, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu:hover {
  background-color: rgba(24, 34, 53, 0.6);
}

/* line 368, app/assets/stylesheets/new/4_modules/MedifyHeader/_medify-header-navbar.scss */
.medify-header .medify-header-navbar .right-side-menu .user-menu:hover .user-menu-dropdown {
  display: block;
}

/* explorer mega menu */
/* line 3, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer {
  position: absolute;
  z-index: 990;
  display: none;
  background-color: white;
  box-shadow: 0 6px 24px 0 rgba(24, 34, 53, 0.05);
  width: 100%;
  padding-bottom: 64px;
}

@media only screen and (max-width: 768px) {
  /* line 3, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer {
    height: 100vh;
    overflow-y: scroll;
  }
}

/* line 15, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer.show {
  display: block;
}

/* line 18, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .explorer-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1080px;
  margin: 0 auto;
  padding: 24px 2%;
}

@media only screen and (max-width: 1080px) {
  /* line 18, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .explorer-container {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  /* line 18, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .explorer-container {
    flex-direction: column;
    padding: 16px 0 80px;
  }
}

/* line 32, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .explorer-container .explorer-col-double {
  flex-grow: 2;
}

/* line 34, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .explorer-container .explorer-col-double .explorer-col-row {
  display: flex;
}

@media only screen and (max-width: 768px) {
  /* line 34, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .explorer-container .explorer-col-double .explorer-col-row {
    flex-direction: column;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 480px) {
  /* line 34, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .explorer-container .explorer-col-double .explorer-col-row {
    margin-bottom: 24px;
  }
}

/* line 43, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .explorer-container .explorer-col-double .explorer-col-row .explorer-col {
  margin-bottom: 0;
}

/* line 48, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .explorer-container .explorer-col {
  flex-grow: 1;
}

@media only screen and (max-width: 768px) {
  /* line 48, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .explorer-container .explorer-col {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 480px) {
  /* line 48, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .explorer-container .explorer-col {
    margin-bottom: 24px;
  }
}

/* line 58, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .close-explorer {
  position: absolute;
  top: 8px;
  right: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 6px;
  cursor: pointer;
}

/* line 69, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .close-explorer .close-icon {
  transition: ease-in-out .15s;
  fill: #818ca2;
}

/* line 73, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .close-explorer:hover {
  background-color: #f2f2f3;
}

/* line 75, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .close-explorer:hover .close-icon {
  fill: #182235;
}

@media only screen and (max-width: 1080px) {
  /* line 58, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .close-explorer {
    right: 8px;
  }
}

/* line 83, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .section-title {
  font-size: 16px;
  font-weight: 500;
  color: #263451;
  margin-bottom: 4px;
  margin-left: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

@media only screen and (max-width: 768px) {
  /* line 83, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .section-title {
    font-weight: 600;
  }
}

/* line 95, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
.medify-header .explorer .medify-header-link-item {
  padding: 16px;
  border-radius: 8px;
  margin-left: 8px;
  margin-right: 8px;
}

@media only screen and (max-width: 480px) {
  /* line 95, app/assets/stylesheets/new/4_modules/MedifyHeader/_explorer.scss */
  .medify-header .explorer .medify-header-link-item {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  /* line 32, app/assets/stylesheets/new/4_modules/MedifyHeader.scss */
  body.disable-scroll-on-mobile {
    overflow: hidden;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 7, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0.5rem 0;
}

/* line 11, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice > * {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* line 15, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-questionNumber {
  width: 1.5rem;
  text-align: center;
  margin-right: 0.25rem;
}

/* line 20, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-statusIcon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--icon-secondary);
  font-size: 2rem;
  width: 2rem;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

/* line 28, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-tags {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  overflow: hidden;
  margin-left: 0.25rem;
  margin-right: 1rem;
}

/* line 36, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-tags > .tag + .tag {
  margin-top: 0.25rem;
}

/* line 40, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding: 0.5rem;
}

/* line 49, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice.now-success .MultipleChoice-statusIcon,
.MultipleChoice-choice.now-success .MultipleChoice-icon, .MultipleChoice-choice.now-danger .MultipleChoice-statusIcon,
.MultipleChoice-choice.now-danger .MultipleChoice-icon {
  color: inherit;
}

/* line 53, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice.now-success .MultipleChoice-icon:after, .MultipleChoice-choice.now-danger .MultipleChoice-icon:after {
  color: inherit;
}

/* line 57, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice.now-success {
  color: var(--icon-success);
}

/* line 59, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice.now-success input:not(:checked) ~ .MultipleChoice-icon {
  box-shadow: inset 0 0 0 2px;
}

/* line 63, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice.now-danger {
  color: var(--icon-danger);
}

/* line 67, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-label {
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  overflow: visible;
  z-index: 1;
}

/* line 74, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-icon {
  display: none;
  margin-left: 0;
  margin-right: 0.5rem;
}

/* line 79, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-contentWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 0;
}

/* line 84, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-positionLetter {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.25rem;
}

/* line 87, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-positionLetter:after {
  content: ".";
}

/* line 91, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 1rem;
}

/* line 95, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-content p:first-child {
  margin-top: 0;
}

/* line 102, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-textContent {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* line 105, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-htmlContent {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* line 109, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-imageContent {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
}

/* line 116, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-equation {
  color: var(--text-default);
  font-size: 1.1em;
  margin-left: 0.25rem;
}

/* line 121, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--border-soft);
  border-radius: 0.25rem;
  z-index: -1;
}

/* line 130, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-label:hover > .MultipleChoice-background {
  background: var(--background-secondary);
}

/* line 133, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.now-success .MultipleChoice-background {
  border-color: var(--border-success);
}

/* line 136, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.now-danger .MultipleChoice-background {
  border-color: var(--border-danger);
}

/* line 139, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
input:checked ~ .MultipleChoice-background {
  background: var(--background-secondary);
  border-color: var(--border-strong);
}

/* line 142, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.now-success input:checked ~ .MultipleChoice-background {
  border-color: var(--border-success);
  background: var(--background-success-10);
}

/* line 146, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.now-danger input:checked ~ .MultipleChoice-background {
  border-color: var(--border-danger);
  background: var(--background-danger-10);
}

/* line 155, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice--readonly .MultipleChoice-label {
  pointer-events: none;
}

/* line 161, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice--imageDebug .MultipleChoice-imageContent {
  position: relative;
  z-index: 1;
}

/* line 164, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choice--imageDebug .MultipleChoice-imageContent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-danger);
  background-size: 16px;
  background-repeat: repeat;
  background-image: url(/images/patterns/stripes.png);
  z-index: -1;
  opacity: 0.2;
}

/* line 182, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList--imageSquare .MultipleChoice-imageContent {
  padding-bottom: 100%;
}

/* line 187, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList--imageLandscape .MultipleChoice-imageContent {
  padding-bottom: 70%;
}

/* line 192, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList--imagePortrait .MultipleChoice-imageContent {
  padding-bottom: 140%;
}

/* line 197, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList--gridSm .MultipleChoice-choice,
.MultipleChoice-choiceList--gridSm .MultipleChoice-imagePlaceholder {
  -webkit-flex-basis: 15rem;
  -moz-flex-basis: 15rem;
  -ms-flex-preferred-size: 15rem;
  flex-basis: 15rem;
}

/* line 203, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList--gridMd .MultipleChoice-choice,
.MultipleChoice-choiceList--gridMd .MultipleChoice-imagePlaceholder {
  -webkit-flex-basis: 20rem;
  -moz-flex-basis: 20rem;
  -ms-flex-preferred-size: 20rem;
  flex-basis: 20rem;
}

/* line 209, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList--gridLg .MultipleChoice-choice,
.MultipleChoice-choiceList--gridLg .MultipleChoice-imagePlaceholder {
  -webkit-flex-basis: 25rem;
  -moz-flex-basis: 25rem;
  -ms-flex-preferred-size: 25rem;
  flex-basis: 25rem;
}

/* line 215, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-choiceList--gridUCAT .MultipleChoice-content {
  max-width: 10rem;
}

/* line 219, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-imagePlaceholder {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 0.5rem;
}

/* line 228, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-zoomButton {
  display: none;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
}

/* line 235, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-zoomModal {
  position: relative;
  background: var(--background-default);
  margin-top: 2.5rem !important;
  padding: 0 !important;
  border-radius: 0;
}

/* line 241, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-zoomModal .modal-close {
  position: absolute;
  top: -2.5rem;
  color: var(--icon-white);
  opacity: 0.5;
}

/* line 246, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-zoomModal .modal-close:hover {
  opacity: 1;
}

/* line 250, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-zoomModal .modal-body {
  padding: 0;
}

/* line 253, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.MultipleChoice-zoomModal img {
  display: block;
  width: 100%;
}

/* line 259, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.supports-no-touchevents .MultipleChoice-zoomButton {
  display: none;
}

/* line 262, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
.supports-no-touchevents .MultipleChoice-choice:hover .MultipleChoice-zoomButton {
  display: block;
}

@media (min-width: 768px) {
  /* line 268, app/assets/stylesheets/new/4_modules/MultipleChoice.scss */
  .MultipleChoice-icon {
    display: block;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar, .Navbar--sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--background-default);
  padding: 0 0.5rem;
  z-index: 1000;
  box-shadow: 0 1px var(--border-soft);
}

/* line 11, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar--sticky {
  position: sticky;
}

/* line 15, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar--admin {
  color: var(--text-white);
  background: var(--background-contrast);
}

/* line 18, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar--admin .Navbar-logo {
  color: var(--background-contrast);
  background: var(--icon-white);
}

/* line 22, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar--admin .navbar-link.now-loading:before {
  background: var(--background-contrast);
}

/* line 26, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 3.5rem;
  z-index: 1;
}

/* line 34, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* line 39, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-section--left {
  position: absolute;
  left: 0;
  z-index: 1;
}

/* line 44, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-section--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 0 2rem;
}

/* line 48, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-section--right {
  position: absolute;
  right: 0;
  z-index: 1;
}

/* line 53, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-logo {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  background: var(--icon-primary);
  border-radius: 0.125rem;
  color: var(--icon-white);
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* line 64, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-logo:before {
  content: "M";
}

/* line 67, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-logo:hover {
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.25);
}

/* line 72, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-tabs .tabs-link {
  height: 3.5rem;
  padding: 0.75rem 0.25rem;
}

/* line 75, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-tabs .tabs-link.now-loading {
  color: transparent;
}

/* line 78, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-tabs .tabs-link.now-loading:before {
  display: none;
}

/* line 81, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-tabs .tabs-link.now-loading:after {
  border: 2em solid rgba(255, 255, 255, 0.2);
  border-left-color: white;
}

/* line 88, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-separator {
  height: 1.5rem;
  width: 1px;
  background: white;
  opacity: 0.25;
  margin-left: 1rem;
  margin-right: 1rem;
}

/* line 96, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-buttonContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  mix-blend-mode: multiply;
  border-radius: 0.25rem;
}

/* line 103, app/assets/stylesheets/new/4_modules/Navbar.scss */
.Navbar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

/* line 1, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown {
  position: fixed;
  top: 3.5rem;
  right: 1rem;
  width: 310px;
  margin: auto;
  padding: 0.5rem;
  padding: 0;
  border-radius: 1rem;
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  width: 288px;
  transition: 0.25s ease-in-out;
}

/* line 16, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-list {
  color: var(--text-default);
  transition: 0.25s ease-in-out;
}

/* line 20, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-list--primary {
  transform: translate(-100%);
  padding: 0.5rem 1rem;
}

/* line 23, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-list--primary.now-active {
  transform: translate(0%);
}

/* line 27, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-list--secondary {
  transform: translate(100%);
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 34, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-list--secondary.now-active {
  transform: translate(0%);
}

/* line 39, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 43, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-backButton {
  color: var(--text-secondary);
  margin-left: -0.5rem;
  margin-right: -1rem;
}

/* line 47, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-backButton:active {
  color: var(--text-default);
}

/* line 50, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-backButton:hover:active {
  box-shadow: none;
}

/* line 55, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-listItem {
  width: 100%;
  border-bottom: 1px solid var(--border-soft);
}

/* line 58, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-listItem:last-child {
  border-bottom: none;
}

/* line 61, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-listItem .ProductCard {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 66, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-listItem.now-active .ProductCard {
  background: var(--background-secondary);
}

/* line 69, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
.NavbarDropdown-listItem.now-active .media-headline {
  color: var(--text-default);
}

@media (min-width: 768px) {
  /* line 75, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
  .NavbarDropdown {
    position: absolute;
    width: 610px;
    max-height: none;
  }
  /* line 80, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
  .NavbarDropdown-listItem {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  /* line 88, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
  .NavbarDropdown-list:hover .NavbarDropdown-listItem {
    opacity: 0.5;
    filter: grayscale(1);
  }
  /* line 91, app/assets/stylesheets/new/4_modules/NavbarDropdown.scss */
  .NavbarDropdown-list:hover .NavbarDropdown-listItem:hover {
    opacity: 1;
    filter: grayscale(0);
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "header" "main" "mobileDivider" "sidebar";
  gap: 1rem;
}

/* line 12, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout--mobileReverseDirection {
  grid-template-areas: "header" "sidebar" "mobileDivider" "main";
}

/* line 20, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout--noSidebar {
  grid-template-areas: "header" "main";
}

/* line 24, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout--noSidebar .sidebar,
.PageLayout--noSidebar .mobileDivider {
  display: none;
}

/* line 30, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout-header {
  grid-area: header;
}

/* line 34, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout-main {
  grid-area: main;
}

/* line 38, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout-sidebar {
  grid-area: sidebar;
}

/* line 42, app/assets/stylesheets/new/4_modules/PageLayout.scss */
.PageLayout-mobileDivider {
  grid-area: mobileDivider;
  margin: 0 calc(-1 * var(--Canvas-padding));
  height: 0.5rem;
  background: var(--border-soft);
}

@media (min-width: 1024px) {
  /* line 50, app/assets/stylesheets/new/4_modules/PageLayout.scss */
  .PageLayout {
    display: grid;
    grid-template-columns: 1fr 440px;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header sidebar" "main  sidebar";
    row-gap: 1.5rem;
    column-gap: 4rem;
  }
  /* line 60, app/assets/stylesheets/new/4_modules/PageLayout.scss */
  .PageLayout--noSidebar {
    grid-template-columns: 1fr;
    grid-template-areas: "header" "main";
  }
  /* line 66, app/assets/stylesheets/new/4_modules/PageLayout.scss */
  .PageLayout-mobileDivider {
    display: none;
  }
}

/* line 2, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
.PSCardGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 2%;
  grid-row-gap: 1.5rem;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 1024px) {
  /* line 2, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
  .PSCardGrid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 1rem;
  }
}

@media only screen and (max-width: 780px) {
  /* line 2, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
  .PSCardGrid {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 480px) {
  /* line 2, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
  .PSCardGrid {
    grid-template-columns: 100%;
    grid-row-gap: .5rem;
    margin-bottom: 1.5rem;
  }
}

/* line 22, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
.PSCardGrid-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: 1px solid var(--border-soft);
  border-radius: .625rem;
  padding: 1rem 2rem;
}

@media only screen and (max-width: 640px) {
  /* line 22, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
  .PSCardGrid-item {
    padding: .75rem 1rem;
  }
}

/* line 34, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
.PSCardGrid-item:hover .title {
  color: var(--text-primary);
}

/* line 38, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
.PSCardGrid-item .title {
  color: var(--text-default);
  font-weight: 500;
  margin-bottom: .875rem;
}

@media only screen and (max-width: 640px) {
  /* line 38, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
  .PSCardGrid-item .title {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: .1rem;
  }
}

/* line 48, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
.PSCardGrid-item .meta-block {
  margin-top: auto;
}

/* line 51, app/assets/stylesheets/new/4_modules/PersonalStatements/PSCardGrid.scss */
.PSCardGrid-item .meta {
  font-size: 12px;
  color: var(--text-default);
  margin-top: .35rem;
}

/* line 3, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-top-action-bar .action-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

/* line 8, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-top-action-bar .action-group .button {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

/* line 12, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-top-action-bar .action-group .button + .button {
  margin-left: .5rem;
}

@media only screen and (max-width: 640px) {
  /* line 18, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
  .PSDraft-details-top-action-bar .action-group .button + .button {
    margin-left: .25rem;
  }
  /* line 21, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
  .PSDraft-details-top-action-bar .action-group .button {
    font-size: 14px;
    height: 1.5rem;
    padding: 3px 1rem 4px;
    margin-top: .25rem;
    margin-bottom: .25rem;
  }
}

@media only screen and (max-width: 640px) {
  /* line 32, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
  .personal_statements_draft_text {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }
}

/* line 37, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.personal_statements_draft_text .input.text {
  border: none;
  background-color: var(--background-secondary);
  border-radius: 8px;
  padding: 1.25rem 1.625rem;
}

@media only screen and (max-width: 640px) {
  /* line 37, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
  .personal_statements_draft_text .input.text {
    padding: 1rem 1.25rem;
    font-size: .875rem;
  }
}

/* line 46, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.personal_statements_draft_text .input.text::placeholder {
  color: var(--text-default);
  opacity: .6;
}

/* line 53, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-grid {
  display: grid;
  grid-template-columns: 2fr minmax(414px, 1fr);
  grid-column-gap: 6%;
  grid-row-gap: 2rem;
}

/* line 58, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-grid .draft-text {
  white-space: pre-wrap;
}

@media only screen and (max-width: 960px) {
  /* line 53, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
  .PSDraft-details-grid {
    grid-template-columns: 100%;
  }
}

/* line 66, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

/* line 70, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-header .actions {
  margin-top: .5rem;
}

/* line 72, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-header .actions .button {
  white-space: nowrap;
}

/* line 78, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-card {
  border: 1px solid var(--border-soft);
  border-radius: .625rem;
  padding: 2rem;
}

@media only screen and (max-width: 640px) {
  /* line 78, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
  .PSDraft-details-card {
    padding: 1rem 1.25rem;
  }
}

/* line 85, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: .5rem;
}

/* line 90, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-card .meta {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  color: var(--text-default);
  margin-top: .35rem;
}

/* line 97, app/assets/stylesheets/new/4_modules/PersonalStatements/PSDraft.scss */
.PSDraft-details-card .text {
  font-family: monospace;
  font-size: .625rem;
  white-space: pre-line;
}

/* line 2, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 6%;
  grid-row-gap: 2rem;
}

/* line 7, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-grid .example-text {
  white-space: pre-wrap;
}

@media only screen and (max-width: 680px) {
  /* line 2, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
  .PSLibrary-details-grid {
    grid-template-columns: 100%;
  }
}

/* line 15, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card {
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  padding: 24px;
}

/* line 19, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card .item {
  margin-bottom: .5rem;
  font-size: .875rem;
}

/* line 22, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card .item .label {
  font-size: .875rem;
  font-weight: 500;
  color: var(--text-secondary);
  margin-right: 6px;
}

/* line 28, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card .item .value {
  font-weight: 600;
  color: var(--text-default);
}

/* line 33, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 37, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card .highlight {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

/* line 41, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card .highlight .label {
  font-size: .875rem;
  font-weight: 500;
  color: var(--text-secondary);
}

/* line 46, app/assets/stylesheets/new/4_modules/PersonalStatements/PSLibrary.scss */
.PSLibrary-details-card .highlight .value {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-default);
}

/* line 1, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link {
  cursor: pointer;
  color: var(--text-primary);
  width: 100%;
}

/* line 5, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link .PrevNext-headline {
  color: var(--text-primary);
}

/* line 8, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link:hover {
  text-decoration: none;
}

/* line 10, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link:hover .PrevNext-headline {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 13, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link:hover .badge {
  text-decoration: none;
}

/* line 19, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link:visited .PrevNext-icon,
.PrevNext-link:visited .PrevNext-headline, .PrevNext-link.visited .PrevNext-icon,
.PrevNext-link.visited .PrevNext-headline {
  color: var(--text-secondary);
}

/* line 23, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link:visited .PrevNext-headline, .PrevNext-link.visited .PrevNext-headline {
  font-weight: 400;
}

/* line 26, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-link:visited .PrevNext-iconWrapper, .PrevNext-link.visited .PrevNext-iconWrapper {
  color: var(--background-tertiary);
}

/* line 32, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-iconWrapper {
  position: relative;
  color: var(--icon-primary);
  border: 1rem solid;
  box-shadow: none;
}

/* line 38, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-icon {
  color: var(--icon-white);
  position: absolute;
  top: -10px;
  left: -10px;
}

/* line 44, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-headline {
  padding-top: 6px;
}

/* line 47, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle {
  display: block;
  color: inherit;
}

/* line 50, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle:hover {
  text-decoration: none;
}

/* line 52, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle:hover .PrevNext-title {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 55, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle:hover .badge {
  text-decoration: none;
}

/* line 61, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle:visited .PrevNext-icon,
.PrevNext-relatedArticle:visited .PrevNext-title, .PrevNext-relatedArticle.visited .PrevNext-icon,
.PrevNext-relatedArticle.visited .PrevNext-title {
  color: var(--text-secondary);
}

/* line 65, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle:visited .PrevNext-iconWrapper, .PrevNext-relatedArticle.visited .PrevNext-iconWrapper {
  color: var(--background-default);
}

/* line 70, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticleTitle {
  padding: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--border-soft);
}

/* line 74, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticleTitle .icon, .PrevNext-relatedArticleTitle .GuideIndex-listItem.now-active:before, .PrevNext-relatedArticleTitle .Experiences-map-marker:before, .PrevNext-relatedArticleTitle .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .PrevNext-relatedArticleTitle a.visited:after, .PrevNext-relatedArticleTitle .alert-icon, .PrevNext-relatedArticleTitle .button-icon, .PrevNext-relatedArticleTitle .badge-icon, .PrevNext-relatedArticleTitle .metadata-icon, .PrevNext-relatedArticleTitle .statusIcon, .PrevNext-relatedArticleTitle .richtext .alert:before, .richtext .PrevNext-relatedArticleTitle .alert:before {
  vertical-align: top;
}

/* line 78, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle--left {
  text-align: right;
}

/* line 80, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle--left .PrevNext-link {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 83, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-relatedArticle--left .media-body {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

/* line 87, app/assets/stylesheets/new/4_modules/PrevNext.scss */
.PrevNext-icon {
  vertical-align: text-bottom;
}

/* line 1, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 6, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  padding: 1rem;
  max-width: 24rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 15, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable-col--secondary {
  background: var(--background-default);
  box-shadow: inset 0 0 0 2px var(--background-primary);
}

/* line 19, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable-col--primary {
  color: var(--text-white);
  background: var(--background-primary);
  box-shadow: var(--shadow-popover);
  border-radius: 0.5rem;
  z-index: 1;
}

/* line 25, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable-col--primary.PricingTable-col--thirds {
  margin: -2px -0.5rem;
  max-width: none;
}

/* line 31, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable-col--primary hr {
  background: var(--background-default);
  height: 2px;
}

/* line 37, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable-input {
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
}

/* line 43, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable--alt {
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  -webkit-align-items: initial;
  -moz-align-items: initial;
  align-items: initial;
}

/* line 45, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable--alt .PricingTable-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  box-shadow: inset 0 0 0 2px var(--background-primary);
}

/* line 50, app/assets/stylesheets/new/4_modules/PricingTable.scss */
.PricingTable--alt .PricingTable-col:nth-child(2) {
  color: var(--text-white);
  background: var(--background-primary);
  box-shadow: var(--shadow-popover);
  border-radius: 0.5rem;
  margin: -2px -0.5rem;
  max-width: none;
}

@media (min-width: 568px) {
  /* line 62, app/assets/stylesheets/new/4_modules/PricingTable.scss */
  .PricingTable-col {
    width: 33%;
  }
  /* line 64, app/assets/stylesheets/new/4_modules/PricingTable.scss */
  .PricingTable-col.PricingTable-col--primary {
    margin: 0 -2px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  /* line 69, app/assets/stylesheets/new/4_modules/PricingTable.scss */
  .PricingTable-col:first-child:last-child {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 76, app/assets/stylesheets/new/4_modules/PricingTable.scss */
  .PricingTable--alt .PricingTable-col:nth-child(2) {
    margin: -4px -2px;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard[disabled] .ProductCard-image {
  filter: grayscale(1);
  opacity: 0.5;
}

/* line 13, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image {
  width: 64px;
  height: 64px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 20, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--ukcat {
  background-image: url(/assets/product-cards/ukcat-lg-dbe3ab310d17e9ab9a79654842aa5e7580d6b0f00e4bd993bf22fc989099dbf4.svg);
}

/* line 22, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--ukcat.ProductCard-image--sm {
  background-image: url(/assets/product-cards/ukcat-sm-f77bb684e374339dfceebd98e8740436caf02bb56db2c98e00f09bccc3bd9c7f.svg);
}

/* line 26, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--ps {
  background-image: url(/assets/product-cards/ps-lg-78a1331da10edc95bf4b6d6a01d40a430950dece08834eae1f749de78b110109.svg);
}

/* line 28, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--ps.ProductCard-image--sm {
  background-image: url(/assets/product-cards/ps-sm-d5028abd47e6922bc092bd222c9c0a8b4a0d984b7fe55873fc686e1ae97bec7f.svg);
}

/* line 32, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--choices {
  background-image: url(/images/product-cards/grades.png);
}

/* line 35, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--workExperience {
  background-image: url(/assets/product-cards/work-experience-lg-170c0189327ec6897800da2261d0452d1809e0d44ac0e6020cda19e45d9cf0d8.svg);
}

/* line 38, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--sjt {
  background-image: url(/assets/product-cards/sjt-lg-91e4120227421338d00a06ba9e85872c5ea76ddb921b3b12f470663e6a2decf1.svg);
}

/* line 41, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--blog {
  background-image: url(/assets/product-cards/blog-lg-8bb87524f1844b71274a3a7d4d01d2812ed34ce21aad512331f445a3de3de52e.svg);
}

/* line 44, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--interviews {
  background-image: url(/assets/product-cards/interviews-lg-ed997a3c7a46e714c71db03e83cfca09eee96b974d9e5e1b3c91c630fab6f021.svg);
}

/* line 47, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--courseDirectory {
  background-image: url(/images/product-cards/course-directory.svg);
}

/* line 50, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--schools {
  background-image: url(/images/product-cards/schools.png);
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 1rem;
}

/* line 57, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard--schools {
  margin-left: auto;
  margin-right: auto;
}

/* line 60, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard--schools .media-headline {
  color: var(--text-default);
}

/* line 64, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard--hasBanner {
  position: relative;
  padding-right: 3rem !important;
}

/* line 68, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--sm {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}

/* line 73, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-image--md {
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
}

/* line 78, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.5rem;
}

/* line 83, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-listItem {
  padding: 0.5rem;
  width: 100%;
}

/* line 86, app/assets/stylesheets/new/4_modules/ProductCard.scss */
.ProductCard-listItem > .ProductCard {
  height: 100%;
}

@media (min-width: 768px) {
  /* line 92, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard-listItem {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  /* line 97, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard--lg {
    padding: 0.75rem;
  }
  /* line 99, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard--lg .ProductCard-image {
    margin-right: 0.75rem;
  }
  /* line 103, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard-listItem {
    width: 33%;
  }
}

@media (min-width: 1280px) {
  /* line 108, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard--lg {
    padding: 1rem;
  }
  /* line 110, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard--lg .media-headline {
    font-size: 1.125rem;
  }
  /* line 113, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard--lg .media-chevron {
    top: -6px;
  }
  /* line 119, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard-list {
    margin: -1rem;
  }
  /* line 122, app/assets/stylesheets/new/4_modules/ProductCard.scss */
  .ProductCard-listItem {
    padding: 1rem;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/PSSales.scss */
.PSSales-reviewTextarea {
  border-color: var(--text-default);
}

/* line 3, app/assets/stylesheets/new/4_modules/PSSales.scss */
.PSSales-reviewTextarea:hover {
  border-color: var(--border-primary);
}

/* line 2, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-content {
  display: flex;
}

/* line 6, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-main {
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
  width: 100%;
  padding-bottom: 24px;
}

/* line 14, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-instruction {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  justify-content: center;
}

/* line 21, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-message {
  color: #0047d6;
  font-weight: 500;
  margin-left: 10px;
}

/* line 27, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  border-radius: 10px;
  background-color: #f2f2f3;
  font-size: 40px;
  text-align: center;
  letter-spacing: .1em;
  color: #818ca2;
}

/* line 41, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-sidebar {
  width: 100%;
  max-width: 420px;
  margin-left: 80px;
}

/* line 47, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator {
  margin-left: auto;
  max-width: 360px;
  margin-right: auto;
  font-family: "Share Tech Mono",monospace;
  background-color: #0C6DAA;
  padding: 24px;
  border-radius: 4px;
}

/* line 56, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-display {
  position: relative;
  color: #49556f;
  background-color: #FAFAFA;
  border-radius: 2px;
  height: 80px;
  margin-bottom: 40px;
  padding-right: 16px;
  padding-left: 16px;
}

/* line 66, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-display:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 0 8px #C7CEC1;
  z-index: 9;
}

/* line 79, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-buttonPad {
  display: flex;
  flex-basis: 0;
}

/* line 84, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-buttonCol {
  margin-right: 16px;
  flex: 1 1 0;
}

/* line 88, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-buttonCol:last-child {
  margin-left: 16px;
  margin-right: 0;
}

/* line 94, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-button, .QrCalculatorQuestionPreview-calculator-numberButton, .QrCalculatorQuestionPreview-calculator-equalButton {
  padding: 2px 6px 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #B82629;
  border-radius: 2px;
  height: 44px;
  width: 100%;
  margin-right: 16px;
  margin-bottom: 16px;
  cursor: pointer;
  border: none;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}

/* line 116, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-numberButton {
  color: #0C6DAA;
  background-color: #FAFAFA;
}

/* line 121, app/assets/stylesheets/new/4_modules/QrCalculatorQuestionPreview.scss */
.QrCalculatorQuestionPreview-calculator-equalButton {
  height: 104px;
}

/* line 1, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-paymentContainer {
  max-width: 360px;
}

/* line 5, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-signupProgress {
  margin: 0 auto;
  max-width: 720px;
}

/* line 11, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-signupProgress-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 19, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-signupProgress-invisibleConnector {
  flex-grow: 1;
}

/* line 23, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-signupProgress-label {
  flex-grow: 0;
}

/* line 28, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-signupProgress-connector {
  border: 1px solid var(--border-strong);
  height: 0.1rem;
  flex-grow: 1;
}

/* line 34, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-signupProgress-circle {
  flex-grow: 0;
  text-align: center;
  box-sizing: content-box;
  width: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  border: 2px solid var(--border-strong);
  font-weight: 600;
  color: var(--text-tertiary);
}

/* line 49, app/assets/stylesheets/new/4_modules/Sales.scss */
.Sales-signupProgress-circle--active {
  border: 2px solid var(--background-primary);
  background-color: var(--background-primary);
  color: var(--text-white);
}

/* line 1, app/assets/stylesheets/new/4_modules/StripeElements.scss */
.input.StripeElement--invalid {
  border-color: var(--border-danger);
}

/* line 89, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor {
  color: black;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--blue-lightest {
  background: #d1dff5;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--blue-lighter {
  background: #a0bcea;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--blue-light {
  background: #5682d8;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--blue {
  background: #3e64c1;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--blue-dark {
  background: #344ab7;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--blue-background {
  background: #1b50bb;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--blue-darker {
  background: #09296c;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--green-light {
  background: #65c9a0;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--green {
  background: #50ad83;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--green-dark {
  background: #2f9379;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--red-light {
  background: #d04d75;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--red {
  background: #ba3f62;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--red-dark {
  background: #af2e3e;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--orange-hair {
  background: #ea8039;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--orange-lighter {
  background: #ffc92f;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--orange-light {
  background: #e88c4d;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--orange {
  background: #ce7438;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--orange-dark {
  background: #b56523;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--yellow-light {
  background: #f2ba61;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--yellow {
  background: #e0aa53;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--yellow-dark {
  background: #ce9e3e;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--brown-light {
  background: #bd8c4d;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--brown {
  background: #af7f48;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--brown-dark {
  background: #946d2b;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--brown-darker {
  background: #7c4f24;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--brown-darkest {
  background: #26140c;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--cream-lighter {
  background: #fcfadd;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--cream-light {
  background: #f7eb7c;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--cream {
  background: #e0d477;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--cream-dark {
  background: #d6cf56;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--pink-light {
  background: #edabcc;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--pink {
  background: #db8aa9;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--pink-dark {
  background: #cc6e80;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--skin-1 {
  background: #fedac5;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--skin-2 {
  background: #fdd3b1;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--skin-3 {
  background: #efbe8e;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--skin-4 {
  background: #ebaa7b;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--skin-5 {
  background: #dca580;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--skin-6 {
  background: #a96d4c;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--skin-7 {
  background: #603518;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--mono-2 {
  background: #0b1b35;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--mono-3 {
  background: #182d51;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--mono-4 {
  background: #2c406d;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--mono-6 {
  background: #6077a0;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--mono-8 {
  background: #b8c0cc;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--mono-9 {
  background: #dadfe5;
}

/* line 93, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-illustrationColor--mono-95 {
  background: #ededf2;
}

/* line 98, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide {
  padding-bottom: 2rem;
}

/* line 101, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-sidebar {
  display: none;
}

/* line 104, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-section {
  padding: calc(3.5rem + 1.5rem) 0;
}

/* line 106, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-section:first-child {
  margin-top: calc(-3.5rem - 1.5rem);
}

/* line 109, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-section h1:first-child,
.StyleGuide-section h2:first-child,
.StyleGuide-section h3:first-child {
  margin-top: 0;
}

/* line 116, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-section--sublevel + .StyleGuide-section {
  border-top: 1px solid var(--border-soft);
}

/* line 120, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-sectionTitle {
  border-bottom: 1px solid var(--border-soft);
  padding: 0.25rem;
}

/* line 124, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-example {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid var(--border-soft);
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}

/* line 130, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-example > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

/* line 135, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-exampleDemo {
  padding: 1rem;
}

/* line 139, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-exampleList > li + li {
  margin-top: 1rem;
}

/* line 143, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-exampleCode {
  font-size: 14px;
  border-left: 1px solid var(--border-soft);
  background-image: linear-gradient(transparent 50%, var(--background-secondary) 50%);
  background-size: 3em 3em;
}

/* line 151, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-exampleCode pre {
  border: none;
  margin-bottom: 0 !important;
}

/* line 156, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-exampleCode--fullWidth {
  border-top: 1px solid var(--border-soft);
  border-left: none;
}

/* line 163, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-flexGridDemo {
  height: 100%;
}

/* line 167, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-modules-Canvas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 500px;
}

/* line 171, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-modules-Canvas .Navbar, .StyleGuide-modules-Canvas .Navbar--sticky {
  position: relative;
}

/* line 174, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-modules-Canvas .Navbar-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 178, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-modules-Navbar {
  position: relative;
}

/* line 180, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-modules-Navbar .Navbar-dropdown {
  position: absolute;
}

/* line 187, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-modules-richtextPage {
  padding: 2rem;
  border-radius: 0.5rem;
}

/* line 191, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
.StyleGuide-utilities-spacingHelper {
  padding: 0.1px;
}

@media (min-width: 1024px) {
  /* line 196, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
  .StyleGuide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 199, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
  .StyleGuide-sidebar,
.StyleGuide-content {
    padding-top: 1.5rem;
  }
  /* line 203, app/assets/stylesheets/new/4_modules/StyleGuide.scss */
  .StyleGuide-sidebar {
    display: block;
    padding-bottom: 1.5rem;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-sidebar {
  display: none;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  position: fixed;
  top: 3.5rem;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: calc(var(--Footer-height) + env(safe-area-inset-bottom));
  background: var(--background-default);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1;
}

/* line 14, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-sidebar.now-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 19, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-mobileTOCButton {
  position: fixed;
  right: 1rem;
  bottom: calc( 1rem + var(--Footer-height) + env(safe-area-inset-bottom));
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  z-index: 2;
}

/* line 31, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents {
  padding: 1rem;
  color: var(--text-secondary);
}

/* line 36, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents--grey {
  background: var(--background-secondary);
}

/* line 40, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-header {
  color: var(--text-default);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-soft);
  margin-bottom: 0.5rem;
}

/* line 45, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-header li.now-active {
  font-weight: 500;
}

/* line 50, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-body {
  font-size: 14px;
}

/* line 52, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-body a {
  position: relative;
  color: var(--text-secondary);
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  height: 2.25rem;
  line-height: 2.25rem;
}

/* line 59, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-body a.visited {
  padding-right: 12px;
}

/* line 61, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-body a.visited:after {
  content: "check";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: var(--text-secondary);
  line-height: inherit;
}

/* line 72, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-body a:hover {
  color: var(--text-primary);
  text-decoration: underline;
}

/* line 77, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-body .now-active {
  color: var(--text-default);
  font-weight: 500;
}

/* line 80, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-body .now-active a {
  color: inherit;
}

/* line 86, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-tableOfContents-nestedList {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 2px solid var(--border-soft);
}

/* line 92, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* line 97, app/assets/stylesheets/new/4_modules/Tutorial.scss */
.Tutorial-heroVideo {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/new/4_modules/Tutorial.scss */
  .Tutorial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 105, app/assets/stylesheets/new/4_modules/Tutorial.scss */
  .Tutorial-sidebar {
    position: static;
    background: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    margin-right: 2rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 115, app/assets/stylesheets/new/4_modules/Tutorial.scss */
  .Tutorial-mobileTOCButton {
    display: none;
  }
  /* line 118, app/assets/stylesheets/new/4_modules/Tutorial.scss */
  .Tutorial-ad--mobile {
    display: none;
  }
  /* line 121, app/assets/stylesheets/new/4_modules/Tutorial.scss */
  .Tutorial-ad--desktop,
.Tutorial-tableOfContents,
.Tutorial-sidebarTwitter {
    display: block;
  }
  /* line 126, app/assets/stylesheets/new/4_modules/Tutorial.scss */
  .Tutorial-sidebarTwitter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 129, app/assets/stylesheets/new/4_modules/Tutorial.scss */
  .Tutorial-ad--desktop {
    margin-top: 1rem;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin: -0.5rem;
  min-height: 142px;
}

/* line 8, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-gridItem {
  padding: 0.5rem;
  width: 100%;
}

/* line 12, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-gridItem--1of5 {
  width: 100%;
}

/* line 15, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-label {
  display: block;
  font-size: 14px;
  line-height: 1rem;
  margin-bottom: 0.25rem;
  min-width: 100px;
}

/* line 22, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-label-Y {
  display: block;
  font-size: 12px;
  line-height: 13px;
  max-width: 100px;
  text-anchor: start;
  transform: translate(14px, 100px) rotate(270deg);
}

/* line 30, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-label-X {
  display: block;
  font-size: 12px;
  line-height: 13px;
  max-width: 100px;
  text-anchor: start;
  text-align: center;
}

/* line 38, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-scaleX-label,
.UCATTimingWidget-label-scaleX,
.UCATTimingWidget-label-scaleY {
  font-size: 12px;
  line-height: 13px;
}

/* line 44, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-scale-line {
  stroke: silver;
  stroke-width: 1px;
  stroke-dasharray: 1px;
}

/* line 49, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-card {
  position: relative;
  height: 180px;
}

/* line 52, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--border-soft);
  z-index: -1;
}

/* line 63, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
svg.UCATTimingWidget-svg {
  display: block;
  width: 100%;
  height: 180px;
  overflow: visible;
}

/* line 69, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
svg.UCATTimingWidget-svg rect {
  fill: var(--report-default);
  fill-opacity: 0.5;
}

/* line 73, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
svg.UCATTimingWidget-svg rect.bar {
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
svg.UCATTimingWidget-svg rect.correct {
  fill: var(--report-success);
}

/* line 79, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
svg.UCATTimingWidget-svg rect.incorrect {
  fill: var(--report-danger);
}

/* line 82, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
svg.UCATTimingWidget-svg rect.partially_correct {
  fill: var(--report-attention);
}

/* line 88, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-myScore-line {
  fill: var(--report-default);
}

/* line 91, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-myScore-text {
  text-anchor: start;
  fill: var(--text-default);
  font-weight: bold;
}

/* line 98, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-card--success:after {
  border: 2px solid var(--border-success);
}

/* line 104, app/assets/stylesheets/new/4_modules/UCATTimingWidget.scss */
.UCATTimingWidget-card--danger:after {
  border: 2px solid var(--border-danger);
}

/* line 2, app/assets/stylesheets/new/4_modules/VrInferenceGameForm.scss */
.VrInferenceGameForm-solution input {
  display: none;
}

/* line 6, app/assets/stylesheets/new/4_modules/VrInferenceGameForm.scss */
.VrInferenceGameForm-solution label:hover {
  cursor: pointer;
  background: var(--background-secondary);
}

/* line 11, app/assets/stylesheets/new/4_modules/VrInferenceGameForm.scss */
.VrInferenceGameForm-solution input:checked + label {
  background-color: var(--background-success-30);
}

/* line 16, app/assets/stylesheets/new/4_modules/VrInferenceGameForm.scss */
.VrInferenceGameForm-solutionParagraph {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

/* line 21, app/assets/stylesheets/new/4_modules/VrInferenceGameForm.scss */
.VrInferenceGameForm-solutionParagraph span {
  margin: 0 2px;
}

/* line 1, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview {
  display: flex;
}

/* line 4, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-passage {
  margin: 0 auto;
}

/* line 8, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-passageParagraph {
  max-width: 640px;
  margin-bottom: 1rem;
  line-height: 1.6;
}

/* line 14, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-passageSentence {
  margin: 0 4px;
  background: none;
}

/* line 19, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-passageSentence:first-child {
  margin-left: 0;
}

/* line 23, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-passageSentence:hover {
  background-color: var(--background-tertiary);
}

/* line 27, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-passageSelected {
  background: var(--background-success-30);
}

/* line 31, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-sidebar {
  width: 100%;
  max-width: 414px;
  margin-left: 80px;
}

/* line 37, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-statement {
  font-size: 20px;
  font-weight: 600;
}

/* line 42, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-solution {
  margin: 24px 0;
}

/* line 46, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-solutionSentence {
  display: flex;
}

/* line 50, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-solutionSentenceText {
  margin-left: 8px;
  font-size: 16px;
}

/* line 55, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-explanation {
  padding: 16px 32px 16px 40px;
  background-color: rgba(0, 71, 214, 0.05);
  border-radius: 8px;
}

/* line 61, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-explanationTitle {
  position: relative;
}

/* line 65, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-explanationTitleIcon {
  position: absolute;
  top: 50%;
  left: -24px;
  max-height: 1em;
  transform: translateY(-50%);
}

/* line 73, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-explanationTitleText {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 79, app/assets/stylesheets/new/4_modules/VrInferenceGameQuestionPreview.scss */
.VrInferenceGameQuestionPreview-explanationContent {
  font-size: 14px;
  line-height: 1.5;
}

/* line 1, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-canvas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding-top: 3.5rem;
}

@media only screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-canvas {
    flex-direction: column;
  }
}

/* line 14, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-sidebar {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  max-width: 320px;
  z-index: 1;
}

/* line 19, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-sidebar .hint {
  font-size: 12px;
  color: var(--text-secondary);
  margin-top: 6px;
  margin-bottom: 6px;
}

/* line 25, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-sidebar .refresh {
  margin-top: -8px;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 2px;
}

/* line 31, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-sidebar .list-section {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 768px) {
  /* line 14, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-sidebar {
    max-width: 100%;
  }
  /* line 39, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-sidebar.toggle-list {
    height: 100%;
  }
  /* line 42, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-sidebar .refresh {
    margin: 8px;
  }
  /* line 45, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-sidebar .alert {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  /* line 49, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-sidebar .placement {
    padding-top: 24px;
    margin-top: auto;
    text-align: center;
  }
}

/* line 57, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-form-wrap {
  padding: 16px;
  position: relative;
}

/* line 60, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-form-wrap .instruction {
  margin-bottom: 16px;
}

/* line 63, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-form-wrap .form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

/* line 67, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-form-wrap .form-group .toggle-list {
  display: none;
}

/* line 70, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-form-wrap .form-group .locate-me {
  margin-left: 0;
  border-left: 0;
}

/* line 74, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-form-wrap .form-group .inputGroup-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}

/* line 79, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-form-wrap .form-group .inputGroup-button .material-icons {
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  /* line 57, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-form-wrap {
    position: sticky;
    top: 0;
    padding-right: 8px;
    background: var(--background-default);
  }
  /* line 89, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-form-wrap .instruction {
    display: none;
  }
  /* line 92, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-form-wrap .form-group {
    flex-direction: row;
    align-items: center;
    /* fixes .Experiences-form-wrap::after over .form-group issue */
    position: relative;
    z-index: 9;
    /* end */
  }
  /* line 99, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-form-wrap .form-group .toggle-list {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    width: 44px;
    cursor: pointer;
  }
  /* line 106, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-form-wrap .form-group .toggle-list .material-icons {
    color: var(--icon-secondary);
  }
  /* line 110, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
  .Experiences-form-wrap .form-group .toggle-list:hover .material-icons {
    color: var(--icon-default);
  }
}

/* line 119, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* line 122, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map .gm-style {
  font-family: inherit;
}

/* line 126, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map .img-container img {
  display: block;
  max-width: 400px;
}

/* line 131, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map .info-container {
  color: var(--mono-900);
}

/* line 136, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-googleMap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 144, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map-marker {
  width: 2rem;
  height: 2rem;
  transform: translate(-50%, -50%);
  transform-origin: top left;
  overflow: visible !important;
}

/* line 150, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map-marker:before {
  content: "place";
  color: var(--icon-danger);
  -webkit-text-stroke: 1px var(--text-danger);
  padding: 0.25rem;
}

/* line 157, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map-marker.now-emphasise {
  transform: scale(1.2) translate(-50%, -50%);
}

/* line 159, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map-marker.now-emphasise:before {
  color: var(--icon-attention);
  -webkit-text-stroke: 1px var(--text-attention);
}

/* line 165, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map-marker.now-emphasiseAnimation:before {
  animation: jelly-animation 800ms linear both;
}

/* line 169, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map-marker.now-selected {
  transform: scale(1.2) translate(-50%, -50%);
}

/* line 171, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-map-marker.now-selected:before {
  color: var(--icon-primary);
  -webkit-text-stroke: 1px var(--text-primary);
}

/* line 180, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-place.now-active .Experiences-place-link {
  color: var(--text-primary);
  background: var(--background-primary-10);
}

/* line 183, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-place.now-active .Experiences-place-link .Experiences-place-subtitle,
.Experiences-place.now-active .Experiences-place-link .Experiences-place-distance {
  color: inherit;
}

/* line 189, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-place + .Experiences-place {
  border-top: 1px solid var(--border-soft);
}

/* line 193, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-place-link {
  display: block;
  cursor: pointer;
  line-height: 1.2;
}

/* line 197, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-place-link:hover {
  background: var(--background-secondary);
}

/* line 201, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-place-title {
  font-weight: 500;
  font-size: 1rem;
  line-height: inherit;
}

/* line 206, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
.Experiences-place-subtitle,
.Experiences-place-distance {
  color: var(--text-secondary);
  margin-top: 2px;
}

/* line 213, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
#nprogress .bar {
  background: var(--icon-primary);
}

/* line 216, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
#nprogress .peg {
  box-shadow: 0 0 10px var(--icon-primary), 0 0 5px var(--icon-primary);
}

/* line 219, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
#nprogress .spinner {
  top: 11px;
  left: 0;
  right: 0;
  width: 24px;
  margin: auto;
}

/* line 226, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
#nprogress .spinner-icon {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: solid 3px transparent;
  border-top-color: var(--icon-primary);
  border-left-color: var(--icon-primary);
}

/* line 236, app/assets/stylesheets/new/4_modules/WorkExperience.scss */
#Experience-sidebar dt {
  width: auto !important;
}

/* Generated with Bounce.js. Edit at https://goo.gl/POs70A */
@-webkit-keyframes jelly-animation {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.62% {
    -webkit-transform: matrix3d(1.158, 0, 0, 0, 0, 1.203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.158, 0, 0, 0, 0, 1.203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.62% {
    -webkit-transform: matrix3d(1.225, 0, 0, 0, 0, 1.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.225, 0, 0, 0, 0, 1.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.24% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1.446, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.33, 0, 0, 0, 0, 1.446, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.24% {
    -webkit-transform: matrix3d(1.442, 0, 0, 0, 0, 1.584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.442, 0, 0, 0, 0, 1.584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.85% {
    -webkit-transform: matrix3d(1.471, 0, 0, 0, 0, 1.613, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.471, 0, 0, 0, 0, 1.613, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.47% {
    -webkit-transform: matrix3d(1.562, 0, 0, 0, 0, 1.666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.562, 0, 0, 0, 0, 1.666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.86% {
    -webkit-transform: matrix3d(1.57, 0, 0, 0, 0, 1.665, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.57, 0, 0, 0, 0, 1.665, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.48% {
    -webkit-transform: matrix3d(1.604, 0, 0, 0, 0, 1.62, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.604, 0, 0, 0, 0, 1.62, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.4% {
    -webkit-transform: matrix3d(1.606, 0, 0, 0, 0, 1.594, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.606, 0, 0, 0, 0, 1.594, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.4% {
    -webkit-transform: matrix3d(1.598, 0, 0, 0, 0, 1.535, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.598, 0, 0, 0, 0, 1.535, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.71% {
    -webkit-transform: matrix3d(1.575, 0, 0, 0, 0, 1.48, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.575, 0, 0, 0, 0, 1.48, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.4% {
    -webkit-transform: matrix3d(1.567, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.567, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.33% {
    -webkit-transform: matrix3d(1.531, 0, 0, 0, 0, 1.448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.531, 0, 0, 0, 0, 1.448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.98% {
    -webkit-transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.02% {
    -webkit-transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.08% {
    -webkit-transform: matrix3d(1.523, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.523, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.7% {
    -webkit-transform: matrix3d(1.269, 0, 0, 0, 0, 1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.269, 0, 0, 0, 0, 1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.34% {
    -webkit-transform: matrix3d(1.224, 0, 0, 0, 0, 1.217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.224, 0, 0, 0, 0, 1.217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.26% {
    -webkit-transform: matrix3d(1.162, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.162, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.31% {
    -webkit-transform: matrix3d(1.044, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.044, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.57% {
    -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.988, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.93% {
    -webkit-transform: matrix3d(0.918, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.918, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  34.19% {
    -webkit-transform: matrix3d(0.913, 0, 0, 0, 0, 0.933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.913, 0, 0, 0, 0, 0.933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.48% {
    -webkit-transform: matrix3d(0.887, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.887, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40.12% {
    -webkit-transform: matrix3d(0.903, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.903, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.79% {
    -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.923, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.05% {
    -webkit-transform: matrix3d(0.977, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.977, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.1% {
    -webkit-transform: matrix3d(0.977, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.977, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.66% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50.41% {
    -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.012, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.65% {
    -webkit-transform: matrix3d(1.02, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  57.9% {
    -webkit-transform: matrix3d(1.015, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.015, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.19% {
    -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65.76% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.76% {
    -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.74% {
    -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.92% {
    -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.83% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes jelly-animation {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.62% {
    -webkit-transform: matrix3d(1.158, 0, 0, 0, 0, 1.203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.158, 0, 0, 0, 0, 1.203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.62% {
    -webkit-transform: matrix3d(1.225, 0, 0, 0, 0, 1.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.225, 0, 0, 0, 0, 1.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.24% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1.446, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.33, 0, 0, 0, 0, 1.446, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.24% {
    -webkit-transform: matrix3d(1.442, 0, 0, 0, 0, 1.584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.442, 0, 0, 0, 0, 1.584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.85% {
    -webkit-transform: matrix3d(1.471, 0, 0, 0, 0, 1.613, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.471, 0, 0, 0, 0, 1.613, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.47% {
    -webkit-transform: matrix3d(1.562, 0, 0, 0, 0, 1.666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.562, 0, 0, 0, 0, 1.666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.86% {
    -webkit-transform: matrix3d(1.57, 0, 0, 0, 0, 1.665, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.57, 0, 0, 0, 0, 1.665, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.48% {
    -webkit-transform: matrix3d(1.604, 0, 0, 0, 0, 1.62, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.604, 0, 0, 0, 0, 1.62, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.4% {
    -webkit-transform: matrix3d(1.606, 0, 0, 0, 0, 1.594, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.606, 0, 0, 0, 0, 1.594, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.4% {
    -webkit-transform: matrix3d(1.598, 0, 0, 0, 0, 1.535, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.598, 0, 0, 0, 0, 1.535, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.71% {
    -webkit-transform: matrix3d(1.575, 0, 0, 0, 0, 1.48, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.575, 0, 0, 0, 0, 1.48, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.4% {
    -webkit-transform: matrix3d(1.567, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.567, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.33% {
    -webkit-transform: matrix3d(1.531, 0, 0, 0, 0, 1.448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.531, 0, 0, 0, 0, 1.448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.98% {
    -webkit-transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.02% {
    -webkit-transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.524, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.08% {
    -webkit-transform: matrix3d(1.523, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.523, 0, 0, 0, 0, 1.449, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.7% {
    -webkit-transform: matrix3d(1.269, 0, 0, 0, 0, 1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.269, 0, 0, 0, 0, 1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.34% {
    -webkit-transform: matrix3d(1.224, 0, 0, 0, 0, 1.217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.224, 0, 0, 0, 0, 1.217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.26% {
    -webkit-transform: matrix3d(1.162, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.162, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.31% {
    -webkit-transform: matrix3d(1.044, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.044, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.57% {
    -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.988, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.93% {
    -webkit-transform: matrix3d(0.918, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.918, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  34.19% {
    -webkit-transform: matrix3d(0.913, 0, 0, 0, 0, 0.933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.913, 0, 0, 0, 0, 0.933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.48% {
    -webkit-transform: matrix3d(0.887, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.887, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40.12% {
    -webkit-transform: matrix3d(0.903, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.903, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.79% {
    -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.923, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.05% {
    -webkit-transform: matrix3d(0.977, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.977, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.1% {
    -webkit-transform: matrix3d(0.977, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.977, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.66% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50.41% {
    -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.012, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.65% {
    -webkit-transform: matrix3d(1.02, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  57.9% {
    -webkit-transform: matrix3d(1.015, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.015, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.19% {
    -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65.76% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.76% {
    -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.74% {
    -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.995, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.92% {
    -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.997, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.83% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/Product/BackButton.scss */
.BackButton {
  display: inline-flex;
  align-items: center;
  border: none;
  background: transparent;
  border-radius: 6px;
  padding: 8px 16px 8px 8px;
  text-decoration: none;
  margin-left: -8px;
}

/* line 10, app/assets/stylesheets/new/4_modules/Product/BackButton.scss */
.BackButton .icon, .BackButton .GuideIndex-listItem.now-active:before, .BackButton .alert-icon, .BackButton .button-icon, .BackButton .badge-icon, .BackButton .metadata-icon, .BackButton .statusIcon, .BackButton .richtext .alert:before, .richtext .BackButton .alert:before, .BackButton .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .BackButton a.visited:after, .BackButton .Experiences-map-marker:before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  fill: var(--icon-primary);
}

/* line 17, app/assets/stylesheets/new/4_modules/Product/BackButton.scss */
.BackButton .text {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}

@media only screen and (max-width: 640px) {
  /* line 1, app/assets/stylesheets/new/4_modules/Product/BackButton.scss */
  .BackButton {
    padding: 8px;
  }
  /* line 25, app/assets/stylesheets/new/4_modules/Product/BackButton.scss */
  .BackButton .icon, .BackButton .GuideIndex-listItem.now-active:before, .BackButton .alert-icon, .BackButton .button-icon, .BackButton .badge-icon, .BackButton .metadata-icon, .BackButton .statusIcon, .BackButton .richtext .alert:before, .richtext .BackButton .alert:before, .BackButton .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .BackButton a.visited:after, .BackButton .Experiences-map-marker:before {
    width: 16px;
  }
}

/* line 29, app/assets/stylesheets/new/4_modules/Product/BackButton.scss */
.BackButton:hover {
  background: var(--background-primary-10);
}

/* line 32, app/assets/stylesheets/new/4_modules/Product/BackButton.scss */
.BackButton:focus {
  outline: none;
}

/* line 1, app/assets/stylesheets/new/4_modules/Product/ProductTopActionBar.scss */
.Product-top-action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -.875rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/4_modules/Product/ProductTopActionBar.scss */
  .Product-top-action-bar {
    margin-top: -.5rem;
    margin-bottom: .65rem;
  }
}

/* line 2, app/assets/stylesheets/new/4_modules/Product/PageTitle.scss */
.PageTitle {
  font-size: calc(1.125em + 1vw);
}

/* line 1, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
.ProductHero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.25rem;
}

@media only screen and (max-width: 414px) {
  /* line 1, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
  .ProductHero {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 414px) {
  /* line 12, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
  .ProductHero .PageTitle {
    margin-bottom: 1rem;
  }
}

/* line 17, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
.ProductHero .button {
  white-space: nowrap;
}

/* line 20, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
.ProductHero .button .text:before {
  content: "Show";
}

/* line 25, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
.ProductHero .button .button-icon {
  margin-left: .25rem;
  transition: 0.35s ease transform;
  transform-origin: 50% 75%;
}

/* line 30, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
.ProductHero .button:focus {
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
.ProductHero .button[aria-expanded=true] .text:before {
  display: inline-block;
  content: "Hide";
}

/* line 41, app/assets/stylesheets/new/4_modules/Product/ProductHero.scss */
.ProductHero .button[aria-expanded=true] .button-icon {
  transform: rotate(180deg);
}

/* line 1, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter {
  display: flex;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-soft);
}

@media only screen and (min-width: 640px) {
  /* line 1, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter {
    margin-bottom: 2rem;
    padding-bottom: 2vw;
  }
}

@media only screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter {
    flex-direction: column;
  }
}

/* line 13, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .form-group {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  /* line 13, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter .form-group {
    margin-right: 4vw;
  }
}

/* line 19, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .form-label {
  margin-bottom: .25rem;
}

@media only screen and (max-width: 1024px) {
  /* line 22, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter .choice-name {
    font-size: .875rem;
  }
}

/* line 27, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .checkboxes {
  display: flex;
}

@media only screen and (min-width: 768px) {
  /* line 27, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter .checkboxes {
    flex-direction: column;
  }
}

/* line 32, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .checkboxes .choice-label {
  margin-right: 1rem;
}

/* line 36, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .categories {
  display: grid;
  grid-template-columns: auto;
  column-gap: 1.5rem;
}

@media only screen and (min-width: 1024px) {
  /* line 36, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter .categories {
    grid-template-columns: auto auto;
  }
}

@media only screen and (min-width: 1280px) {
  /* line 36, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter .categories {
    grid-template-columns: auto auto auto;
  }
}

/* line 47, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .controls {
  display: flex;
  row-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
  align-self: flex-start;
}

/* line 53, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .controls .link, .ProductFilter .controls .richtext a, .richtext .ProductFilter .controls a {
  font-size: .85rem;
}

/* line 56, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
.ProductFilter .controls .button {
  margin-left: unset;
}

@media only screen and (min-width: 768px) {
  /* line 47, app/assets/stylesheets/new/4_modules/Product/ProductFilter.scss */
  .ProductFilter .controls {
    flex-direction: column;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/Product/ProductDetailsTitle.scss */
.ProductDetails-title {
  max-width: 1080px;
  font-size: calc(1.5em + 1vw);
  font-weight: 500;
  color: var(--text-default);
  letter-spacing: 0.00025rem;
  line-height: 1.35;
  margin-bottom: 2rem;
}

/* line 1, app/assets/stylesheets/new/4_modules/Product/SectionTitle.scss */
.SectionTitle {
  display: flex;
  align-items: center;
  font-size: calc(.875em + .5vw);
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 640px) {
  /* line 1, app/assets/stylesheets/new/4_modules/Product/SectionTitle.scss */
  .SectionTitle {
    margin-bottom: 1rem;
  }
}

/* line 1, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-section {
  margin-bottom: 4rem;
}

/* line 5, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-section-title {
  font-size: calc(.875em + .5vw);
  margin-bottom: 1.5rem;
  color: var(--text-default);
  cursor: pointer;
  border: none;
  background: none;
  display: flex;
  align-items: center;
}

/* line 18, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-section-title:hover {
  transition: color ease-in-out 150ms;
  color: var(--text-secondary);
}

/* line 23, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 2%;
  grid-row-gap: 2rem;
}

@media only screen and (max-width: 980px) {
  /* line 23, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
  .TutorialIndex-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 680px) {
  /* line 23, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
  .TutorialIndex-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 580px) {
  /* line 23, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
  .TutorialIndex-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 414px) {
  /* line 23, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
  .TutorialIndex-grid {
    grid-template-columns: 100%;
  }
}

/* line 46, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item a {
  transition: color ease-in-out 150ms;
}

/* line 50, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item a.visited .TutorialIndex-grid-item-title {
  color: var(--text-secondary);
}

/* line 53, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item a.visited .TutorialIndex-grid-item-icon {
  color: var(--icon-tertiary);
}

/* line 59, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item a:hover .TutorialIndex-grid-item-title {
  color: var(--text-primary);
}

/* line 67, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item--whole-line {
  grid-column-start: 1;
  grid-column-end: -1;
}

/* line 73, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-section-contents {
  margin-top: 1rem;
}

/* line 77, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item-title {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-default);
  margin-top: .75rem;
}

/* line 85, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item-thumbnail {
  height: 8rem;
  border-radius: 0.4rem;
}

/* line 92, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item-icon {
  color: var(--icon-secondary);
}

/* line 96, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item-thumbnail img {
  height: 100%;
}

/* line 100, app/assets/stylesheets/new/4_modules/TutorialIndex.scss */
.TutorialIndex-grid-item .icon[data-tutorial-open-rotate], .TutorialIndex-grid-item .GuideIndex-listItem.now-active[data-tutorial-open-rotate]:before, .TutorialIndex-grid-item .alert-icon[data-tutorial-open-rotate], .TutorialIndex-grid-item .button-icon[data-tutorial-open-rotate], .TutorialIndex-grid-item .badge-icon[data-tutorial-open-rotate], .TutorialIndex-grid-item .metadata-icon[data-tutorial-open-rotate], .TutorialIndex-grid-item .statusIcon[data-tutorial-open-rotate], .TutorialIndex-grid-item .richtext .alert[data-tutorial-open-rotate]:before, .richtext .TutorialIndex-grid-item .alert[data-tutorial-open-rotate]:before, .TutorialIndex-grid-item .Tutorial-tableOfContents-body a.visited[data-tutorial-open-rotate]:after, .Tutorial-tableOfContents-body .TutorialIndex-grid-item a.visited[data-tutorial-open-rotate]:after, .TutorialIndex-grid-item .Experiences-map-marker[data-tutorial-open-rotate]:before {
  height: 1rem;
  vertical-align: unset;
  transition: 0.35s ease transform;
}

/* line 1, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-list {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 2px solid var(--border-soft);
}

/* line 7, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-listItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}

/* line 11, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-listItem.now-active:before {
  content: "chevron_right";
  font-size: 2rem;
}

/* line 16, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-listItem.now-active .GuideIndex-title {
  font-weight: bold;
}

/* line 22, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link {
  cursor: pointer;
  color: var(--text-primary);
  width: 100%;
}

/* line 26, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link .GuideIndex-headline {
  color: var(--text-primary);
}

/* line 29, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link:hover {
  text-decoration: none;
}

/* line 31, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link:hover .GuideIndex-headline {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 34, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link:hover .badge {
  text-decoration: none;
}

/* line 40, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link:visited .GuideIndex-icon,
.GuideIndex-link:visited .GuideIndex-headline, .GuideIndex-link.visited .GuideIndex-icon,
.GuideIndex-link.visited .GuideIndex-headline {
  color: var(--text-secondary);
}

/* line 44, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link:visited .GuideIndex-headline, .GuideIndex-link.visited .GuideIndex-headline {
  font-weight: 400;
}

/* line 47, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-link:visited .GuideIndex-iconWrapper, .GuideIndex-link.visited .GuideIndex-iconWrapper {
  color: var(--mono-100);
}

/* line 53, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-iconWrapper {
  position: relative;
  color: var(--icon-primary);
  border: 1rem solid;
  box-shadow: none;
}

/* line 59, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-icon {
  color: var(--icon-white);
  position: absolute;
  top: -10px;
  left: -10px;
}

/* line 65, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-headline {
  padding-top: 6px;
}

/* line 68, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle {
  display: block;
  color: inherit;
}

/* line 71, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle:hover {
  text-decoration: none;
}

/* line 73, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle:hover .GuideIndex-title {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* line 76, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle:hover .badge {
  text-decoration: none;
}

/* line 82, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle:visited .GuideIndex-icon,
.GuideIndex-relatedArticle:visited .GuideIndex-title, .GuideIndex-relatedArticle.visited .GuideIndex-icon,
.GuideIndex-relatedArticle.visited .GuideIndex-title {
  color: var(--text-secondary);
}

/* line 86, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle:visited .GuideIndex-iconWrapper, .GuideIndex-relatedArticle.visited .GuideIndex-iconWrapper {
  color: var(--mono-100);
}

/* line 91, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticleTitle {
  padding: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--border-soft);
}

/* line 95, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticleTitle .icon, .GuideIndex-relatedArticleTitle .alert-icon, .GuideIndex-relatedArticleTitle .button-icon, .GuideIndex-relatedArticleTitle .badge-icon, .GuideIndex-relatedArticleTitle .metadata-icon, .GuideIndex-relatedArticleTitle .statusIcon, .GuideIndex-relatedArticleTitle .richtext .alert:before, .richtext .GuideIndex-relatedArticleTitle .alert:before, .GuideIndex-relatedArticleTitle .Tutorial-tableOfContents-body a.visited:after, .Tutorial-tableOfContents-body .GuideIndex-relatedArticleTitle a.visited:after, .GuideIndex-relatedArticleTitle .Experiences-map-marker:before, .GuideIndex-relatedArticleTitle .GuideIndex-listItem.now-active:before {
  vertical-align: top;
}

/* line 99, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle--left {
  text-align: right;
}

/* line 101, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle--left .GuideIndex-link {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 104, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-relatedArticle--left .media-body {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

/* line 108, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
.GuideIndex-icon {
  vertical-align: text-bottom;
}

@media (prefers-color-scheme: dark) {
  /* line 116, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
  .GuideIndex-link:visited .GuideIndex-iconWrapper, .GuideIndex-link.visited .GuideIndex-iconWrapper {
    color: var(--mono-700);
  }
  /* line 124, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
  .GuideIndex-relatedArticle:visited .GuideIndex-iconWrapper, .GuideIndex-relatedArticle.visited .GuideIndex-iconWrapper {
    color: var(--mono-700);
  }
}

/* line 135, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
html.theme-dark .GuideIndex-link:visited .GuideIndex-iconWrapper, html.theme-dark .GuideIndex-link.visited .GuideIndex-iconWrapper {
  color: var(--mono-700);
}

/* line 143, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
html.theme-dark .GuideIndex-relatedArticle:visited .GuideIndex-iconWrapper, html.theme-dark .GuideIndex-relatedArticle.visited .GuideIndex-iconWrapper {
  color: var(--mono-700);
}

/* line 154, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
html.theme-light .GuideIndex-link:visited .GuideIndex-iconWrapper, html.theme-light .GuideIndex-link.visited .GuideIndex-iconWrapper {
  color: var(--mono-100);
}

/* line 162, app/assets/stylesheets/new/4_modules/GuideIndex.scss */
html.theme-light .GuideIndex-relatedArticle:visited .GuideIndex-iconWrapper, html.theme-light .GuideIndex-relatedArticle.visited .GuideIndex-iconWrapper {
  color: var(--mono-100);
}

/* line 1, app/assets/stylesheets/new/5_utilities/display.scss */
.now-invisible {
  visibility: hidden !important;
}

/* line 5, app/assets/stylesheets/new/5_utilities/display.scss */
.now-hidden {
  display: none !important;
}

/* line 9, app/assets/stylesheets/new/5_utilities/display.scss */
.display--inline {
  display: inline;
}

@media (max-width: 359px) {
  /* line 15, app/assets/stylesheets/new/5_utilities/display.scss */
  .below-xxs-hidden {
    display: none !important;
  }
}

@media (min-width: 360px) {
  /* line 21, app/assets/stylesheets/new/5_utilities/display.scss */
  .when-xxs-hidden {
    display: none !important;
  }
}

@media (max-width: 399px) {
  /* line 15, app/assets/stylesheets/new/5_utilities/display.scss */
  .below-xs-hidden {
    display: none !important;
  }
}

@media (min-width: 400px) {
  /* line 21, app/assets/stylesheets/new/5_utilities/display.scss */
  .when-xs-hidden {
    display: none !important;
  }
}

@media (max-width: 567px) {
  /* line 15, app/assets/stylesheets/new/5_utilities/display.scss */
  .below-sm-hidden {
    display: none !important;
  }
}

@media (min-width: 568px) {
  /* line 21, app/assets/stylesheets/new/5_utilities/display.scss */
  .when-sm-hidden {
    display: none !important;
  }
}

@media (max-width: 767px) {
  /* line 15, app/assets/stylesheets/new/5_utilities/display.scss */
  .below-md-hidden {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 21, app/assets/stylesheets/new/5_utilities/display.scss */
  .when-md-hidden {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/new/5_utilities/display.scss */
  .below-lg-hidden {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/new/5_utilities/display.scss */
  .when-lg-hidden {
    display: none !important;
  }
}

@media (max-width: 1099px) {
  /* line 15, app/assets/stylesheets/new/5_utilities/display.scss */
  .below-laptop-hidden {
    display: none !important;
  }
}

@media (min-width: 1100px) {
  /* line 21, app/assets/stylesheets/new/5_utilities/display.scss */
  .when-laptop-hidden {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  /* line 15, app/assets/stylesheets/new/5_utilities/display.scss */
  .below-xl-hidden {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  /* line 21, app/assets/stylesheets/new/5_utilities/display.scss */
  .when-xl-hidden {
    display: none !important;
  }
}

@media (min-width: 360px) and (max-width: 399px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xxs-xs-hidden {
    display: none !important;
  }
}

@media (min-width: 360px) and (max-width: 567px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xxs-sm-hidden {
    display: none !important;
  }
}

@media (min-width: 360px) and (max-width: 767px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xxs-md-hidden {
    display: none !important;
  }
}

@media (min-width: 360px) and (max-width: 1023px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xxs-lg-hidden {
    display: none !important;
  }
}

@media (min-width: 360px) and (max-width: 1099px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xxs-laptop-hidden {
    display: none !important;
  }
}

@media (min-width: 360px) and (max-width: 1279px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xxs-xl-hidden {
    display: none !important;
  }
}

@media (min-width: 400px) and (max-width: 567px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xs-sm-hidden {
    display: none !important;
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xs-md-hidden {
    display: none !important;
  }
}

@media (min-width: 400px) and (max-width: 1023px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xs-lg-hidden {
    display: none !important;
  }
}

@media (min-width: 400px) and (max-width: 1099px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xs-laptop-hidden {
    display: none !important;
  }
}

@media (min-width: 400px) and (max-width: 1279px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-xs-xl-hidden {
    display: none !important;
  }
}

@media (min-width: 568px) and (max-width: 767px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-sm-md-hidden {
    display: none !important;
  }
}

@media (min-width: 568px) and (max-width: 1023px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-sm-lg-hidden {
    display: none !important;
  }
}

@media (min-width: 568px) and (max-width: 1099px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-sm-laptop-hidden {
    display: none !important;
  }
}

@media (min-width: 568px) and (max-width: 1279px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-sm-xl-hidden {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-md-lg-hidden {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-md-laptop-hidden {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-md-xl-hidden {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1099px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-lg-laptop-hidden {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-lg-xl-hidden {
    display: none !important;
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  /* line 30, app/assets/stylesheets/new/5_utilities/display.scss */
  .between-laptop-xl-hidden {
    display: none !important;
  }
}

/* line 1, app/assets/stylesheets/new/5_utilities/layout.scss */
.layout-flexHorizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/* line 6, app/assets/stylesheets/new/5_utilities/layout.scss */
.layout-justifyStart {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

/* line 9, app/assets/stylesheets/new/5_utilities/layout.scss */
.layout-justifyCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/new/5_utilities/layout.scss */
.layout-flexAlignSelfCenter {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

/* line 15, app/assets/stylesheets/new/5_utilities/layout.scss */
.layout-flexAlignSelfStart {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/* line 18, app/assets/stylesheets/new/5_utilities/layout.scss */
.layout-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/new/5_utilities/color.scss */
.color-white {
  color: var(--text-white);
}

/* line 4, app/assets/stylesheets/new/5_utilities/color.scss */
.color-inherit {
  color: inherit !important;
}

/* line 7, app/assets/stylesheets/new/5_utilities/color.scss */
.color-default {
  color: var(--text-default) !important;
}

/* line 10, app/assets/stylesheets/new/5_utilities/color.scss */
.color-secondary {
  color: var(--text-secondary) !important;
}

/* line 13, app/assets/stylesheets/new/5_utilities/color.scss */
.color-tertiary {
  color: var(--text-tertiary) !important;
}

/* line 16, app/assets/stylesheets/new/5_utilities/color.scss */
.color-quaternary {
  color: var(--text-quaternary) !important;
}

/* line 19, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-contrast {
  background: var(--background-contrast);
}

/* line 22, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-default {
  background: var(--background-default);
}

/* line 25, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-secondary {
  background: var(--background-secondary);
}

/* line 28, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-tertiary {
  background: var(--background-tertiary);
}

/* line 33, app/assets/stylesheets/new/5_utilities/color.scss */
.color-success {
  color: var(--text-success) !important;
}

/* line 36, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-success {
  background-color: var(--background-success) !important;
}

/* line 39, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-success--light {
  background-color: var(--background-success-10) !important;
}

/* line 33, app/assets/stylesheets/new/5_utilities/color.scss */
.color-attention {
  color: var(--text-attention) !important;
}

/* line 36, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-attention {
  background-color: var(--background-attention) !important;
}

/* line 39, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-attention--light {
  background-color: var(--background-attention-10) !important;
}

/* line 33, app/assets/stylesheets/new/5_utilities/color.scss */
.color-danger {
  color: var(--text-danger) !important;
}

/* line 36, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-danger {
  background-color: var(--background-danger) !important;
}

/* line 39, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-danger--light {
  background-color: var(--background-danger-10) !important;
}

/* line 33, app/assets/stylesheets/new/5_utilities/color.scss */
.color-info {
  color: var(--text-info) !important;
}

/* line 36, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-info {
  background-color: var(--background-info) !important;
}

/* line 39, app/assets/stylesheets/new/5_utilities/color.scss */
.bg-info--light {
  background-color: var(--background-info-10) !important;
}

/* line 1, app/assets/stylesheets/new/5_utilities/float.scss */
.clearfix {
  zoom: 1;
}

/* line 3, app/assets/stylesheets/new/1_base/mixins.scss */
.clearfix:before, .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 10, app/assets/stylesheets/new/1_base/mixins.scss */
.clearfix:after {
  clear: both;
}

/* line 4, app/assets/stylesheets/new/5_utilities/float.scss */
.float-left {
  float: left;
}

/* line 7, app/assets/stylesheets/new/5_utilities/float.scss */
.float-right {
  float: right;
}

/* line 1, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-left {
  text-align: left;
}

/* line 4, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-center, .text-centre {
  text-align: center;
}

/* line 7, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-right {
  text-align: right;
}

/* line 10, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-regular {
  font-weight: normal !important;
}

/* line 13, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-medium {
  font-weight: 500;
}

/* line 16, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-bold {
  font-weight: bold;
}

/* line 19, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-italic {
  font-style: italic;
}

/* line 22, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-noWrap {
  white-space: nowrap;
}

/* line 25, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-forceWrap {
  word-wrap: break-word;
}

/* line 28, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-serif {
  font-family: Georgia, serif;
}

/* line 31, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-strikethrough {
  text-decoration: line-through;
}

/* line 34, app/assets/stylesheets/new/5_utilities/typography.scss */
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (width: 812px) and (orientation: landscape) {
  /* line 2, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .Navbar, .Navbar--sticky,
.Footer {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  /* line 13, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace--0 {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }
  /* line 22, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-left--0 {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
  }
  /* line 29, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-right--0 {
    /* iOS 11 */
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-right: env(safe-area-inset-right) !important;
  }
  /* line 13, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace--sm {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }
  /* line 22, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-left--sm {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
  }
  /* line 29, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-right--sm {
    /* iOS 11 */
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-right: env(safe-area-inset-right) !important;
  }
  /* line 13, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace--md {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }
  /* line 22, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-left--md {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
  }
  /* line 29, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-right--md {
    /* iOS 11 */
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-right: env(safe-area-inset-right) !important;
  }
  /* line 13, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace--lg {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }
  /* line 22, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-left--lg {
    /* iOS 11 */
    padding-left: constant(safe-area-inset-left) !important;
    /* iOS 11.2+ */
    padding-left: env(safe-area-inset-left) !important;
  }
  /* line 29, app/assets/stylesheets/new/5_utilities/iPhoneX.scss */
  .whitespace-right--lg {
    /* iOS 11 */
    padding-right: constant(safe-area-inset-right) !important;
    /* iOS 11.2+ */
    padding-right: env(safe-area-inset-right) !important;
  }
}

/* line 1, app/assets/stylesheets/new/5_utilities/3rdPartyOverrides.scss */
.twitter-tweet-rendered {
  margin: 0 !important;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/new/5_utilities/border.scss */
  .when-md-border-right--solid {
    border-right: solid;
  }
}