/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
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.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
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.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[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.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

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

img,
canvas,
iframe,
video,
svg,
select {
  max-width: 100%;
}

html {
  background-color: #f5f7f8;
  color: #1f2426;
  font-family: canada-type-gibson, Arial, sans-serif;
  font-size: 100%;
}

body {
  line-height: 1.5;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 18px;
  font-weight: 600;
}

blockquote,
dl,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
menu,
p,
pre,
ul {
  margin-top: 0;
  margin-bottom: 16px;
}

blockquote:last-child,
dl:last-child,
ol:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
hr:last-child,
menu:last-child,
p:last-child,
pre:last-child,
ul:last-child {
  margin-bottom: 0;
}

b,
strong {
  font-weight: 600;
}

a {
  color: #0073b9;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #005b98;
  text-decoration: none;
}

button,
[type=button],
[type=submit],
[type=reset] {
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  width: auto;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.u-visuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-semibold {
  font-weight: 600 !important;
}

.u-lineHeightReset {
  line-height: 1 !important;
}

.u-textAlignCenter {
  text-align: center;
}

.u-strikethrough {
  position: relative;
}
.u-strikethrough::before {
  content: "";
  border-bottom: 1px solid #495257;
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
}

.shake {
  animation: shake 175ms ease-in-out;
}

.shake-reverse {
  animation: shake-reverse 175ms ease-in-out;
}

.rds-Button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: #0073b9 inset;
  background-color: var(--rds-button-background-color, #0073b9);
  cursor: pointer;
  padding: 12px 20px;
  width: auto;
  text-align: center;
  text-indent: 0;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  line-height: 1;
  letter-spacing: normal;
  color: var(--rds-button-text-color, #ffffff);
  font-family: canada-type-gibson, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  word-break: break-word;
}
.rds-Button:hover:not([disabled]), .rds-Button:focus:not([disabled]), .rds-Button:active:not([disabled]) {
  background-color: var(--rds-button-background-color-interactive, #005b98);
  color: #ffffff;
}
.rds-Button.is-loading {
  background-color: var(--rds-button-background-color-interactive, #005b98);
  color: #ffffff;
}
.rds-Button.on-darkCanvas {
  background-color: #ffffff;
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button.on-darkCanvas:hover:not([disabled]), .rds-Button.on-darkCanvas:focus:not([disabled]), .rds-Button.on-darkCanvas:active:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button.on-darkCanvas.is-loading {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button--alternate, .rds-Button--alternate.on-darkCanvas {
  background-color: var(--rds-button-alternate-background-color, #fcd214);
  color: var(--rds-button-alternate-text-color, #003561);
}
.rds-Button--alternate:hover:not([disabled]), .rds-Button--alternate:focus:not([disabled]), .rds-Button--alternate:active:not([disabled]), .rds-Button--alternate.on-darkCanvas:hover:not([disabled]), .rds-Button--alternate.on-darkCanvas:focus:not([disabled]), .rds-Button--alternate.on-darkCanvas:active:not([disabled]) {
  background-color: var(--rds-button-alternate-background-color-interactive, #ffe45e);
  color: var(--rds-button-alternate-text-color, #003561);
}
.rds-Button--alternate.is-loading, .rds-Button--alternate.on-darkCanvas.is-loading {
  background-color: var(--rds-button-alternate-background-color-interactive, #ffe45e);
  color: var(--rds-button-alternate-text-color, #003561);
}
.rds-Button--ghost {
  border-color: var(--rds-button-background-color, #0073b9);
  box-shadow: 0 0 0 1px var(--rds-button-background-color, #0073b9) inset;
  background-color: transparent;
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button--ghost.on-darkCanvas {
  border-color: #ffffff;
  box-shadow: 0 0 0 1px #ffffff inset;
  background-color: transparent;
  color: #ffffff;
}
.rds-Button--ghost.on-darkCanvas:hover:not([disabled]), .rds-Button--ghost.on-darkCanvas:focus:not([disabled]), .rds-Button--ghost.on-darkCanvas:active:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.rds-Button--ghost.on-darkCanvas.is-loading {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.rds-Button--ghost:hover:not([disabled]), .rds-Button--ghost:focus:not([disabled]), .rds-Button--ghost:active:not([disabled]) {
  background-color: var(--rds-button-transparent-background-color-interactive, rgba(0, 115, 185, 0.1));
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button--ghost.is-loading {
  background-color: var(--rds-button-transparent-background-color-interactive, rgba(0, 115, 185, 0.1));
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button--subtle {
  background-color: transparent;
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button--subtle.on-darkCanvas {
  background-color: transparent;
  color: #ffffff;
}
.rds-Button--subtle.on-darkCanvas:hover:not([disabled]), .rds-Button--subtle.on-darkCanvas:focus:not([disabled]), .rds-Button--subtle.on-darkCanvas:active:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.rds-Button--subtle.on-darkCanvas.is-loading {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.rds-Button--subtle:hover:not([disabled]), .rds-Button--subtle:focus:not([disabled]), .rds-Button--subtle:active:not([disabled]) {
  background-color: var(--rds-button-transparent-background-color-interactive, rgba(0, 115, 185, 0.1));
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button--subtle.is-loading {
  background-color: var(--rds-button-transparent-background-color-interactive, rgba(0, 115, 185, 0.1));
  color: var(--rds-button-background-color, #0073b9);
}
.rds-Button--danger {
  background-color: #e64b40;
  color: #ffffff;
}
.rds-Button--danger.on-darkCanvas {
  background-color: #ffffff;
  color: #e64b40;
}
.rds-Button--danger.on-darkCanvas:hover:not([disabled]), .rds-Button--danger.on-darkCanvas:focus:not([disabled]), .rds-Button--danger.on-darkCanvas:active:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.9);
  color: #e64b40;
}
.rds-Button--danger.on-darkCanvas.is-loading {
  background-color: rgba(255, 255, 255, 0.9);
  color: #e64b40;
}
.rds-Button--danger:hover:not([disabled]), .rds-Button--danger:focus:not([disabled]), .rds-Button--danger:active:not([disabled]) {
  background-color: #cc392f;
  color: #ffffff;
}
.rds-Button--danger.is-loading {
  background-color: #cc392f;
  color: #ffffff;
}
.rds-Button--dangerSubtle {
  background-color: transparent;
  color: #e64b40;
}
.rds-Button--dangerSubtle.on-darkCanvas {
  background-color: #ffffff;
  color: #e64b40;
}
.rds-Button--dangerSubtle.on-darkCanvas:hover:not([disabled]), .rds-Button--dangerSubtle.on-darkCanvas:focus:not([disabled]), .rds-Button--dangerSubtle.on-darkCanvas:active:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.9);
  color: #e64b40;
}
.rds-Button--dangerSubtle.on-darkCanvas.is-loading {
  background-color: rgba(255, 255, 255, 0.9);
  color: #e64b40;
}
.rds-Button--dangerSubtle:hover:not([disabled]), .rds-Button--dangerSubtle:focus:not([disabled]), .rds-Button--dangerSubtle:active:not([disabled]) {
  background: rgba(230, 75, 64, 0.1);
  color: #e64b40;
}
.rds-Button--dangerSubtle.is-loading {
  background: rgba(230, 75, 64, 0.1);
  color: #e64b40;
}
.rds-Button--neutralSubtle {
  background-color: transparent;
  color: #1f2426;
}
.rds-Button--neutralSubtle.on-darkCanvas {
  background-color: transparent;
  color: #ffffff;
}
.rds-Button--neutralSubtle.on-darkCanvas:hover:not([disabled]), .rds-Button--neutralSubtle.on-darkCanvas:focus:not([disabled]), .rds-Button--neutralSubtle.on-darkCanvas:active:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.rds-Button--neutralSubtle.on-darkCanvas.is-loading {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.rds-Button--neutralSubtle:hover:not([disabled]), .rds-Button--neutralSubtle:focus:not([disabled]), .rds-Button--neutralSubtle:active:not([disabled]) {
  background-color: rgba(232, 236, 237, 0.44);
  color: #1f2426;
}
.rds-Button--neutralSubtle.is-loading {
  background-color: rgba(232, 236, 237, 0.44);
  color: #1f2426;
}
.rds-Button--small {
  padding: 8px 16px;
  font-size: 14px;
}
.rds-Button--large {
  padding: 16px 24px;
  font-size: 18px;
}
.rds-Button--xlarge {
  padding: 20px 28px;
  font-size: 20px;
}
.rds-Button--fullWidthOnMobile {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .rds-Button--fullWidthOnMobile {
    width: auto;
  }
}
.rds-Button--iconOnly {
  padding: 12px;
}
.rds-Button--iconOnly.rds-Button--small {
  padding: 8px;
}
.rds-Button--iconOnly.rds-Button--large {
  padding: 13px;
}
.rds-Button--iconOnly.rds-Button--xlarge {
  padding: 18px;
}
.rds-Button-icon {
  flex-shrink: 0;
  pointer-events: none;
  transform-origin: center;
}
.rds-Button-icon--left {
  margin-right: 8px;
}
.rds-Button-icon--right {
  margin-left: 8px;
}
.rds-Button[disabled] {
  cursor: not-allowed;
}
.rds-Button[disabled], .rds-Button.is-disabled {
  opacity: 0.4;
  user-select: none;
}
a.rds-Button.is-disabled, a.rds-Button.is-loading {
  pointer-events: none;
}

.rds-Button.is-loading {
  opacity: 1;
}
.rds-Button.is-loading .rds-Button-icon {
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rds-Card {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-indent: 0;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  line-height: 1;
  letter-spacing: normal;
  color: #1f2426;
  font-family: canada-type-gibson, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}
.rds-Card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}
.rds-Card-content > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .rds-Card-content {
    padding: 32px;
  }
}
.rds-Card-header {
  margin-bottom: 24px;
}
.rds-Card-body {
  margin-bottom: 24px;
  line-height: 1.25;
}
.rds-Card-footer {
  margin-top: auto;
}
.rds-Card-imageWrapper {
  vertical-align: middle;
}
.rds-Card-imageWrapper:not(.rds-Card-imageWrapper--insetImage) img,
.rds-Card-imageWrapper:not(.rds-Card-imageWrapper--insetImage) video {
  width: 100%;
  height: auto;
}
.rds-Card-imageWrapper--insetImage {
  padding: 24px 24px 0;
  text-align: center;
}
@media screen and (min-width: 37.5em) {
  .rds-Card-imageWrapper--insetImage {
    padding: 32px 32px 0;
  }
}

.rds-Heading {
  line-height: 1.25;
  color: #1f2426;
  font-family: canada-type-gibson, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 0;
  text-transform: none;
  text-shadow: none;
  letter-spacing: 0;
  font-style: normal;
}
.rds-Heading sup,
.rds-Heading sub {
  line-height: 0;
  font-size: 0.875em;
}
.rds-Heading sup {
  top: initial;
  vertical-align: super;
}
.rds-Heading sub {
  bottom: initial;
  vertical-align: sub;
}
.rds-Heading--xsmall {
  font-size: 18px;
}
.rds-Heading--small {
  font-size: 20px;
}
.rds-Heading--large {
  font-size: 28px;
}
@media screen and (min-width: 37.5em) {
  .rds-Heading--large {
    font-size: 34px;
  }
}
.rds-Heading--xlarge {
  font-size: 34px;
}
@media screen and (min-width: 37.5em) {
  .rds-Heading--xlarge {
    line-height: 1.1;
    font-size: 48px;
  }
}
.rds-Heading--2xlarge {
  font-size: 40px;
}
@media screen and (min-width: 37.5em) {
  .rds-Heading--2xlarge {
    line-height: 1.1;
    font-size: 60px;
  }
}
.rds-Heading em {
  font-style: italic;
}
.rds-Heading a {
  text-decoration: none;
  color: inherit;
}
.rds-Heading a:hover {
  color: #495257;
}
.rds-Heading--alternate {
  color: #003561;
}
.rds-Heading--alternate a:hover {
  color: #005b98;
}
.rds-Heading--brand {
  color: var(--rds-heading-brand-color, #0073b9);
}
.rds-Heading--brand a:hover {
  color: var(--rds-heading-brand-interactive-color, #005b98);
}
.rds-Heading.on-darkCanvas {
  color: #ffffff;
}
.rds-Heading.on-darkCanvas a:hover {
  color: #f5f7f8;
}

.rds-Icon {
  width: 16px;
  max-width: 100%;
  height: auto;
  fill: currentColor;
  vertical-align: middle;
}
.rds-Icon--xsmall {
  width: 12px;
}
.rds-Icon--small {
  width: 14px;
}
.rds-Icon--large {
  width: 24px;
}
.rds-Icon--xlarge {
  width: 32px;
}
.rds-Icon--primary {
  fill: var(--rds-icon-primary-fill-color, #0073b9);
}
.rds-Icon--alternate {
  fill: var(--rds-icon-alternate-fill-color, #00b2f6);
}
.rds-Icon--neutral {
  fill: #b6bec2;
}
.rds-Icon--light {
  fill: #ffffff;
}
.rds-Icon--positive {
  fill: #35bd59;
}
.rds-Icon--negative {
  fill: #e64b40;
}

.rds-Link {
  display: inline-block;
  flex-shrink: 0;
  outline: none;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  text-indent: 0;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  line-height: 1.5;
  letter-spacing: normal;
  color: #0073b9;
  font-family: canada-type-gibson, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  word-break: break-word;
}
.rds-Link sup,
.rds-Link sub {
  line-height: 0;
  font-size: 0.875em;
}
.rds-Link sup {
  top: initial;
  vertical-align: super;
}
.rds-Link sub {
  bottom: initial;
  vertical-align: sub;
}
.rds-Link.on-darkCanvas {
  color: #ffffff;
}
.rds-Link--inheritColor, .rds-Link--inheritColor.on-darkCanvas {
  color: inherit;
}
.rds-Link--inheritColor:hover, .rds-Link--inheritColor:focus, .rds-Link--inheritColor:active, .rds-Link--inheritColor.on-darkCanvas:hover, .rds-Link--inheritColor.on-darkCanvas:focus, .rds-Link--inheritColor.on-darkCanvas:active {
  color: inherit;
}
.rds-Link--inheritColor:hover:not([disabled]), .rds-Link--inheritColor:focus:not([disabled]), .rds-Link--inheritColor:active:not([disabled]), .rds-Link--inheritColor.on-darkCanvas:hover:not([disabled]), .rds-Link--inheritColor.on-darkCanvas:focus:not([disabled]), .rds-Link--inheritColor.on-darkCanvas:active:not([disabled]) {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 2px;
}
.rds-Link--large {
  font-size: 18px;
}
.rds-Link--small {
  font-size: 14px;
}
.rds-Link-icon {
  position: relative;
  top: 0.1666666667em;
  width: 1em;
  height: 1em;
}
.rds-Link-icon--left {
  margin-right: 4px;
}
.rds-Link-icon--right {
  margin-left: 4px;
}
.rds-Link[disabled] {
  cursor: not-allowed !important;
}
.rds-Link[disabled], .rds-Link.is-disabled {
  opacity: 0.4 !important;
  user-select: none !important;
}
.rds-Link:hover, .rds-Link:focus, .rds-Link:active {
  color: #0073b9;
}
.rds-Link:hover:not([disabled]), .rds-Link:focus:not([disabled]), .rds-Link:active:not([disabled]) {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 2px;
}
a.rds-Link.is-disabled {
  pointer-events: none !important;
}

.rds-ProgressBar {
  border-radius: 8px;
  background-color: rgba(213, 217, 219, 0.5);
  width: 100%;
  height: 8px;
  overflow-x: hidden;
}
.rds-ProgressBar-value {
  transition: width 0.25s ease-out;
  border-radius: inherit;
  background-color: var(--rds-progress-bar-color, #0073b9);
  height: 100%;
}
@media (prefers-reduced-motion) {
  .rds-ProgressBar-value {
    transition: none;
  }
}
.rds-ProgressBar--small {
  height: 4px;
}
.rds-ProgressBar--large {
  height: 12px;
}
.rds-ProgressBar--squared {
  border-radius: 0px;
}
.rds-ProgressBar.on-darkCanvas {
  background-color: rgba(255, 255, 255, 0.2);
}
.rds-ProgressBar--alternate .rds-ProgressBar-value {
  background-color: var(--rds-progress-bar-alternate-color, #fcd214);
}
.rds-ProgressBar--success .rds-ProgressBar-value {
  background-color: #48ce65;
}
.rds-ProgressBar--neutral .rds-ProgressBar-value {
  background-color: #b6bec2;
}
.rds-ProgressBar--neutral.on-darkCanvas .rds-ProgressBar-value {
  background-color: #ffffff;
}
.rds-ProgressBar--animateOnLoad .rds-ProgressBar-value {
  transform: translateX(-100%);
  animation: 0.25s ease-out 1 forwards animateValue;
}
@media (prefers-reduced-motion) {
  .rds-ProgressBar--animateOnLoad .rds-ProgressBar-value {
    transform: translateX(0);
    animation: none;
  }
}

@keyframes animateValue {
  100% {
    transform: translateX(0);
  }
}
.rds-Tag {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 9999px;
  background-color: #69757a;
  padding: 4px 8px;
  text-align: center;
  text-indent: 0;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  line-height: 1;
  letter-spacing: normal;
  color: #ffffff;
  font-family: canada-type-gibson, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
}
a.rds-Tag:hover, a.rds-Tag:focus, a.rds-Tag:active {
  background-color: #495257;
}

.rds-Tag.on-darkCanvas {
  background-color: #ffffff;
  color: #495257;
}
a.rds-Tag.on-darkCanvas:hover, a.rds-Tag.on-darkCanvas:focus, a.rds-Tag.on-darkCanvas:active {
  background-color: #f5f7f8;
}

.rds-Tag--subtle, .rds-Tag--subtle.on-darkCanvas {
  background-color: #e8eced;
  color: #495257;
}
a.rds-Tag--subtle:hover, a.rds-Tag--subtle:focus, a.rds-Tag--subtle:active, a.rds-Tag--subtle.on-darkCanvas:hover, a.rds-Tag--subtle.on-darkCanvas:focus, a.rds-Tag--subtle.on-darkCanvas:active {
  background-color: #d5d9db;
}

.rds-Tag--primary {
  background-color: var(--rds-tag-primary-background-color, #0073b9);
}
a.rds-Tag--primary:hover, a.rds-Tag--primary:focus, a.rds-Tag--primary:active {
  background-color: var(--rds-tag-primary-background-color-interactive, #005b98);
}

.rds-Tag--primary.on-darkCanvas {
  background-color: #ffffff;
  color: var(--rds-tag-primary-background-color, #0073b9);
}
.rds-Tag--primary.rds-Tag--subtle, .rds-Tag--primary.rds-Tag--subtle.on-darkCanvas {
  background-color: var(--rds-tag-primary-background-color-subtle, #ebf4fa);
  color: var(--rds-tag-primary-text-color-subtle, #005b98);
}
a.rds-Tag--primary.rds-Tag--subtle:hover, a.rds-Tag--primary.rds-Tag--subtle:focus, a.rds-Tag--primary.rds-Tag--subtle:active, a.rds-Tag--primary.rds-Tag--subtle.on-darkCanvas:hover, a.rds-Tag--primary.rds-Tag--subtle.on-darkCanvas:focus, a.rds-Tag--primary.rds-Tag--subtle.on-darkCanvas:active {
  background-color: var(--rds-tag-primary-background-color-subtle-interactive, #d8f1fc);
}

.rds-Tag--alternate {
  background-color: var(--rds-tag-alternate-background-color, #003561);
}
a.rds-Tag--alternate:hover, a.rds-Tag--alternate:focus, a.rds-Tag--alternate:active {
  background-color: var(--rds-tag-alternate-background-color-interactive, #002342);
}

.rds-Tag--alternate.on-darkCanvas, .rds-Tag--alternate.on-darkCanvas.rds-Tag--subtle {
  background-color: #ffffff;
  color: var(--rds-tag-alternate-background-color, #003561);
}
a.rds-Tag--alternate.on-darkCanvas:hover, a.rds-Tag--alternate.on-darkCanvas:focus, a.rds-Tag--alternate.on-darkCanvas:active, a.rds-Tag--alternate.on-darkCanvas.rds-Tag--subtle:hover, a.rds-Tag--alternate.on-darkCanvas.rds-Tag--subtle:focus, a.rds-Tag--alternate.on-darkCanvas.rds-Tag--subtle:active {
  background-color: #f5f7f8;
}

.rds-Tag--alternate.rds-Tag--subtle {
  background-color: var(--rds-tag-alternate-background-color-subtle, rgba(0, 53, 97, 0.1));
  color: var(--rds-tag-alternate-text-color-subtle, #004477);
}
a.rds-Tag--alternate.rds-Tag--subtle:hover, a.rds-Tag--alternate.rds-Tag--subtle:focus, a.rds-Tag--alternate.rds-Tag--subtle:active {
  background-color: var(--rds-tag-alternate-background-color-subtle-interactive, rgba(0, 53, 97, 0.2));
}

.rds-Tag--positive {
  background-color: #1b8533;
}
a.rds-Tag--positive:hover, a.rds-Tag--positive:focus, a.rds-Tag--positive:active {
  background-color: #106621;
}

.rds-Tag--positive.on-darkCanvas {
  color: #1b8533;
}
.rds-Tag--positive.rds-Tag--subtle, .rds-Tag--positive.rds-Tag--subtle.on-darkCanvas {
  background-color: #eaf8ee;
  color: #106621;
}
a.rds-Tag--positive.rds-Tag--subtle:hover, a.rds-Tag--positive.rds-Tag--subtle:focus, a.rds-Tag--positive.rds-Tag--subtle:active, a.rds-Tag--positive.rds-Tag--subtle.on-darkCanvas:hover, a.rds-Tag--positive.rds-Tag--subtle.on-darkCanvas:focus, a.rds-Tag--positive.rds-Tag--subtle.on-darkCanvas:active {
  background-color: #d9fae1;
}

.rds-Tag--negative {
  background-color: #cc392f;
}
a.rds-Tag--negative:hover, a.rds-Tag--negative:focus, a.rds-Tag--negative:active {
  background-color: #a62b24;
}

.rds-Tag--negative.on-darkCanvas {
  color: #cc392f;
}
.rds-Tag--negative.rds-Tag--subtle, .rds-Tag--negative.rds-Tag--subtle.on-darkCanvas {
  background-color: #fcedeb;
  color: #a62b24;
}
a.rds-Tag--negative.rds-Tag--subtle:hover, a.rds-Tag--negative.rds-Tag--subtle:focus, a.rds-Tag--negative.rds-Tag--subtle:active, a.rds-Tag--negative.rds-Tag--subtle.on-darkCanvas:hover, a.rds-Tag--negative.rds-Tag--subtle.on-darkCanvas:focus, a.rds-Tag--negative.rds-Tag--subtle.on-darkCanvas:active {
  background-color: #fdded8;
}

.rds-Tag--sm {
  padding: 4px 8px;
  font-size: 12px;
}
.rds-Tag--lg {
  padding: 8px 16px;
  font-size: 16px;
}
.rds-Tag-icon {
  flex-shrink: 0;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.rds-Tag--sm .rds-Tag-icon {
  width: 12px;
  height: 12px;
}

.rds-Select {
  box-sizing: border-box;
  display: block;
  margin: 0;
  border: 1px solid #69757a;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3csvg fill='%231f2426' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill-rule='evenodd' d='m12 15.59-9.3-9.3a1 1 0 0 0-1.4 1.42l10 10a1 1 0 0 0 1.4 0l10-10a1 1 0 1 0-1.4-1.42L12 15.6z'/%3e%3c/svg%3e"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-position: right 12px center, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 14px, 100%;
  padding: 0;
  padding-right: 34px;
  padding-left: 12px;
  width: auto;
  line-height: 40px;
  color: #1f2426;
  font-family: canada-type-gibson, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.rds-Select::-ms-expand {
  display: none;
}
.rds-Select:focus {
  outline: none;
  border-color: #0073b9;
  box-shadow: inset 0 0 0 1px #0073b9;
}
.rds-Select.is-invalid {
  border-color: #cc392f;
  box-shadow: inset 0 0 0 1px #cc392f;
}
.rds-Select:disabled {
  border-color: #d5d9db;
  box-shadow: none;
  background-color: #f5f7f8;
  background-image: url("data:image/svg+xml,%3csvg fill='%23b6bec2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill-rule='evenodd' d='m12 15.59-9.3-9.3a1 1 0 0 0-1.4 1.42l10 10a1 1 0 0 0 1.4 0l10-10a1 1 0 1 0-1.4-1.42L12 15.6z'/%3e%3c/svg%3e"), linear-gradient(to bottom, #f5f7f8 0%, #f5f7f8 100%);
  cursor: not-allowed;
  color: #b6bec2;
}
.rds-Select--sm {
  background-position: right 8px center, 0 0;
  padding-right: 30px;
  padding-left: 8px;
  line-height: 30px;
  font-size: 14px;
}
.rds-Select--lg {
  background-position: right 16px center, 0 0;
  background-size: 16px, 100%;
  padding-right: 40px;
  padding-left: 16px;
  line-height: 50px;
  font-size: 18px;
}

/* Do not edit directly */
/* Generated on Wed, 11 Sep 2024 13:02:44 GMT */
.u-spacingInsetXs {
  padding: 8px !important;
}

.u-spacingInsetSm {
  padding: 12px !important;
}

.u-spacingInsetMd {
  padding: 16px !important;
}

.u-spacingInsetLg {
  padding: 24px !important;
}

.u-spacingInsetXl {
  padding: 32px !important;
}

.u-spacingInset2Xl {
  padding: 48px !important;
}

.u-spacingInsetSquishXs {
  padding: 4px 8px !important;
}

.u-spacingInsetSquishSm {
  padding: 8px 16px !important;
}

.u-spacingInsetSquishMd {
  padding: 12px 20px !important;
}

.u-spacingInsetSquishLg {
  padding: 16px 24px !important;
}

.u-spacingInsetSquishXl {
  padding: 20px 28px !important;
}

.u-spacingInline2Xs {
  margin-right: 2px !important;
}

.u-spacingInlineXs {
  margin-right: 4px !important;
}

.u-spacingInlineSm {
  margin-right: 8px !important;
}

.u-spacingInlineMd {
  margin-right: 16px !important;
}

.u-spacingInlineLg {
  margin-right: 24px !important;
}

.u-spacingInlineXl {
  margin-right: 32px !important;
}

.u-spacingInline2Xl {
  margin-right: 48px !important;
}

.u-spacingInline3Xl {
  margin-right: 64px !important;
}

.u-spacingBlock2Xs {
  margin-bottom: 2px !important;
}

.u-spacingBlockXs {
  margin-bottom: 4px !important;
}

.u-spacingBlockSm {
  margin-bottom: 8px !important;
}

.u-spacingBlockMd {
  margin-bottom: 16px !important;
}

.u-spacingBlockLg {
  margin-bottom: 24px !important;
}

.u-spacingBlockXl {
  margin-bottom: 32px !important;
}

.u-spacingBlock2Xl {
  margin-bottom: 48px !important;
}

.u-spacingBlock3Xl {
  margin-bottom: 64px !important;
}

.u-spacingBlock4Xl {
  margin-bottom: 96px !important;
}

.u-spacingBlock5Xl {
  margin-bottom: 160px !important;
}

.u-spacingBlock6Xl {
  margin-bottom: 256px !important;
}

.u-spacingBlock7Xl {
  margin-bottom: 384px !important;
}

.rds-Card {
  height: unset;
}

.rds-Card-body {
  padding: 0 24px 16px;
}

.animated > .rds-Link-icon {
  transition: transform 200ms ease-out;
}
.animated:hover > .rds-Link-icon--right {
  transform: translateX(4px);
}
.animated:hover > .rds-Link-icon--left {
  transform: translateX(-4px);
}

.gzl-Input {
  position: relative;
}

.gzl-Input input {
  display: inline-block;
  border: 1px solid #b6bec2;
  border-radius: 4px;
  background-color: #fff;
  padding: 0.5rem 1rem;
  width: 100%;
  height: 2.5rem;
  color: #1f2426;
  font-size: 1rem;
}

.gzl-Input input:active,
.gzl-Input input:focus {
  outline: 0;
  border-color: #0073b9;
  box-shadow: inset 0 0 0 1px #0073b9;
}

.gzl-Input input:not(:first-child) {
  padding-left: calc(2rem + 2px);
}

.gzl-Input input:not(:last-child) {
  padding-right: calc(2rem + 2px);
}

.gzl-Input-addon {
  display: flex;
  position: absolute;
  top: 3px;
  bottom: 2px;
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  padding: 0.25rem 0.5rem;
  text-align: center;
  color: #8e999e;
}

.gzl-Input-addon:first-child {
  left: 2px;
}

.gzl-Input-addon:last-child {
  right: 2px;
}

.gzl-Input-button {
  align-self: stretch;
  margin-right: -0.25rem;
  border-radius: 4px;
  padding: 0 0.5rem;
  color: #495257;
  font-size: 0.875rem;
}

.gzl-Input-button:hover {
  background-color: #f5f7f8;
}

.gzl-Input--comfortable input,
.gzl-Input.in-modeComfortable input,
.in-modeComfortable .gzl-Input input {
  height: 3rem;
  font-size: 1.125rem;
}

.gzl-Input--compact input,
.gzl-Input.in-modeCompact input,
.in-modeCompact .gzl-Input input {
  padding: 0.25rem 0.5rem;
  height: 2rem;
  font-size: 0.875rem;
}

.gzl-Input--compact input:not(:first-child),
.gzl-Input.in-modeCompact input:not(:first-child),
.in-modeCompact .gzl-Input input:not(:first-child) {
  padding-left: calc(2rem + 2px);
}

.gzl-Input--compact input:not(:last-child),
.gzl-Input.in-modeCompact input:not(:last-child),
.in-modeCompact .gzl-Input input:not(:last-child) {
  padding-right: calc(2rem + 2px);
}

.gzl-Input.is-invalid input,
.is-invalid .gzl-Input input {
  border-color: #cc392f;
  box-shadow: inset 0 0 0 1px #cc392f;
  fill: #cc392f;
}

.gzl-Input.is-valid input,
.is-valid .gzl-Input input {
  fill: #1b8533;
}

.gzl-Input--mergeable,
.gzl-Input.in-modeMergeable,
.in-modeMergeable .gzl-Input {
  flex: 1;
}

@media (min-width: 37.5em) {
  .gzl-Input--mergeable:not(:first-child) input,
  .gzl-Input.in-modeMergeable:not(:first-child) input,
  .in-modeMergeable .gzl-Input:not(:first-child) input {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .gzl-Input--mergeable:not(:last-child) input,
  .gzl-Input.in-modeMergeable:not(:last-child) input,
  .in-modeMergeable .gzl-Input:not(:last-child) input {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.gzl-Input.is-disabled input,
.gzl-Input input:disabled,
.gzl-Input input[readonly],
.is-disabled .gzl-Input input {
  border-color: #d5d9db !important;
  box-shadow: none !important;
  background-color: #f5f7f8 !important;
  cursor: not-allowed !important;
  user-select: none !important;
  user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
  color: #8e999e !important;
}

.gzl-Radio {
  display: block;
  font-size: 0;
}

.gzl-Radio label {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  line-height: 1.5rem;
  font-size: 1.125rem;
}

.gzl-Radio label::before {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  border: 1px solid #b6bec2;
  border-radius: 50%;
  background-color: #fff;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
}

.gzl-Radio--compact label,
.gzl-Radio.in-modeCompact label,
.in-modeCompact .gzl-Radio label {
  font-size: 0.875rem;
}

.gzl-Radio [type=radio] {
  position: absolute;
  opacity: 0;
}

.gzl-Radio [type=radio]:active + label::before,
.gzl-Radio [type=radio]:focus + label::before {
  outline: 0;
  border-color: #0073b9;
}

.gzl-Radio [type=radio]:checked + label::before {
  border-color: #0073b9;
  background-color: #0073b9;
}

.gzl-Radio [type=radio]:checked + label::after {
  display: inline-block;
  position: absolute;
  top: 0.4375rem;
  left: 0.4375rem;
  border-radius: 50%;
  background-color: #fff;
  width: 0.625rem;
  height: 0.625rem;
  content: "";
}

.gzl-Radio.is-disabled label,
.gzl-Radio [type=radio]:disabled + label,
.is-disabled .gzl-Radio label {
  cursor: not-allowed !important;
  color: #8e999e !important;
  user-select: none !important;
  user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
}

.gzl-Radio.is-disabled label::before,
.gzl-Radio [type=radio]:disabled + label::before,
.is-disabled .gzl-Radio label::before {
  border-color: #d5d9db !important;
  background-color: #f5f7f8 !important;
}

.gzl-Radio.is-disabled label::after,
.gzl-Radio [type=radio]:disabled + label::after,
.is-disabled .gzl-Radio label::after {
  background-color: #b6bec2 !important;
}

.gzl-Textarea {
  display: inline-block;
  position: relative;
  width: 100%;
}

.gzl-Textarea textarea {
  display: block;
  border: 1px solid #b6bec2;
  border-radius: 4px;
  background-color: #fff;
  padding: 0.5rem 1rem;
  width: 100%;
  resize: vertical;
  color: #1f2426;
  font-size: 1rem;
}

.gzl-Textarea textarea:active,
.gzl-Textarea textarea:focus {
  outline: 0;
  border-color: #0073b9;
  box-shadow: inset 0 0 0 1px #0073b9;
}

.gzl-Textarea-counter {
  position: absolute;
  background-color: #fff;
  line-height: 1;
  color: #8e999e;
  font-size: 0.875rem;
  pointer-events: none;
}

.gzl-Textarea-counter:not(:empty) {
  right: 1rem;
  bottom: 0.5rem;
}

.gzl-Textarea-counter:not(:empty) + textarea {
  padding-bottom: 1.5rem;
}

.gzl-Textarea--comfortable textarea,
.gzl-Textarea.in-modeComfortable textarea,
.in-modeComfortable .gzl-Textarea textarea {
  font-size: 1.125rem;
}

.gzl-Textarea--compact textarea,
.gzl-Textarea.in-modeCompact textarea,
.in-modeCompact .gzl-Textarea textarea {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.gzl-Textarea.is-invalid textarea,
.is-invalid .gzl-Textarea textarea {
  border-color: #cc392f;
  box-shadow: inset 0 0 0 1px #cc392f;
  fill: #cc392f;
}

.gzl-Textarea.is-valid textarea,
.is-valid .gzl-Textarea textarea {
  fill: #1b8533;
}

.gzl-Textarea.is-disabled textarea,
.gzl-Textarea textarea:disabled,
.gzl-Textarea textarea[readonly],
.is-disabled .gzl-Textarea textarea {
  border-color: #d5d9db !important;
  box-shadow: none !important;
  background-color: #f5f7f8 !important;
  cursor: not-allowed !important;
  user-select: none !important;
  user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
  color: #8e999e !important;
}

.gzl-Checkbox {
  display: block;
  font-size: 0;
}

.gzl-Checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  line-height: 1.5rem;
  font-size: 1.125rem;
}

.gzl-Checkbox label:before {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #b6bec2;
  border-radius: 4px;
  background-color: #fff;
  content: "";
}

.gzl-Checkbox--compact label,
.gzl-Checkbox.in-modeCompact label,
.in-modeCompact .gzl-Checkbox label {
  font-size: 0.875rem;
}

.gzl-Checkbox [type=checkbox] {
  position: absolute;
  opacity: 0;
}

.gzl-Checkbox [type=checkbox]:active + label:before,
.gzl-Checkbox [type=checkbox]:focus + label:before {
  outline: 0;
  border-color: #0073b9;
}

.gzl-Checkbox [type=checkbox]:checked + label:before {
  border-color: #0073b9;
  background-color: #0073b9;
}

.gzl-Checkbox [type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.375rem;
  width: 0.75rem;
  height: 0.375rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.gzl-Checkbox.is-disabled label,
.gzl-Checkbox [type=checkbox]:disabled + label,
.is-disabled .gzl-Checkbox label {
  cursor: not-allowed !important;
  color: #8e999e !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
}

.gzl-Checkbox.is-disabled label:before,
.gzl-Checkbox [type=checkbox]:disabled + label:before,
.is-disabled .gzl-Checkbox label:before {
  border-color: #d5d9db !important;
  background-color: #f5f7f8 !important;
}

.gzl-Checkbox.is-disabled label:after,
.gzl-Checkbox [type=checkbox]:disabled + label:after,
.is-disabled .gzl-Checkbox label:after {
  border-color: #b6bec2 !important;
}

.gzl-FormField {
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: left;
}

.gzl-FormField:last-child {
  margin-bottom: 0;
}

.gzl-FormField-control,
.gzl-FormField-error,
.gzl-FormField-help,
.gzl-FormField-label {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.gzl-FormField-control:last-child,
.gzl-FormField-error:last-child,
.gzl-FormField-help:last-child,
.gzl-FormField-label:last-child {
  margin-bottom: 0;
}

.gzl-FormField-label {
  display: inline-block;
  line-height: 1;
  font-size: 1rem;
  font-weight: 600;
}

.gzl-FormField-note {
  color: #69757a;
  font-weight: 400;
}

.gzl-FormField-control--xs {
  max-width: 6.25rem;
}

.gzl-FormField-control--s {
  max-width: 12.5rem;
}

.gzl-FormField-control--m {
  max-width: 18.75rem;
}

.gzl-FormField-control--l {
  max-width: 26.5625rem;
}

.gzl-FormField-control--xl {
  max-width: 34.375rem;
}

.gzl-FormField-error,
.gzl-FormField-help {
  line-height: 1;
  font-size: 0.875rem;
}

.gzl-FormField-error > a,
.gzl-FormField-help > a {
  color: inherit;
}

.gzl-FormField-help {
  color: #69757a;
}

.gzl-FormField-error {
  color: #cc392f;
}

.gzl-FormField--compact .gzl-FormField-label,
.gzl-FormField.in-modeCompact .gzl-FormField-label,
.in-modeCompact .gzl-FormField-label {
  font-size: 0.875rem;
}

.gzl-FormField--comfortable .gzl-FormField-label,
.gzl-FormField.in-modeComfortable .gzl-FormField-label,
.in-modeComfortable .gzl-FormField-label {
  font-size: 1.125rem;
}

.gzl-FormField.in-modeDark .gzl-FormField-help,
.gzl-FormField.in-modeDark .gzl-FormField-note {
  color: inherit;
}

.gzl-FormField.is-invalid-label,
.is-invalid .gzl-FormField-label {
  color: #cc392f;
}

.gzl-FormField.is-disabled-help,
.gzl-FormField.is-disabled-label,
.is-disabled .gzl-FormField-help,
.is-disabled .gzl-FormField-label {
  color: #8e999e !important;
}

.gzl-FormField-label {
  font-weight: 400;
  font-size: 18px;
}

@keyframes slide-in-right-center {
  100% {
    transform: translateX(0) translateY(-50%);
  }
}
@keyframes slide-in-right {
  100% {
    transform: translateX(0);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes shake {
  33% {
    transform: rotate(-7deg);
  }
  66% {
    transform: rotate(7deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes shake-reverse {
  33% {
    transform: rotate(7deg);
  }
  66% {
    transform: rotate(-7deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.jw-state-idle .jw-controls,
.jw-controls-backdrop {
  background: transparent !important;
}

:root {
  --rh-color-primary: #004477;
  --rh-color-secondary: #16a597;
  --rh-color-bg-gradient-stop: #002342;
  --rds-heading-brand-color: #003561;
  --rds-heading-brand-color-interactive: #004477;
}

.base-theme {
  --rds-button-text-color: #ffffff;
  --rds-button-background-color: #0073b9;
  --rds-button-background-color-interactive: #005b98;
}

.ice-cream-shoppe {
  --rh-color-primary: #00b6c7;
  --rh-color-secondary: #ed3d9f;
  --rh-color-bg-gradient-stop: #0097a8;
  --rds-heading-brand-color: #0097a8;
  --rds-heading-brand-color-interactive: #007384;
  --rds-button-text-color: #ffffff;
  --rds-button-background-color: #ed3d9f;
  --rds-button-background-color-interactive: #e30a8d;
  --rds-button-alternate-text-color: #4d2502;
  --rds-button-alternate-background-color: #ffd784;
  --rds-button-alternate-background-color-interactive: #ffe6a8;
  --rds-button-transparent-background-color-interactive: rgba(237, 61, 159, 0.1);
  --rds-icon-primary-fill-color: #ed3d9f;
  --rds-icon-alternate-fill-color: #8ec738;
  --rds-progress-bar-color: #ed3d9f;
  --rds-progress-bar-alternate-color: #ffc95e;
}

.tahitian-treat {
  --rh-color-primary: #cc392f;
  --rh-color-secondary: #24a344;
  --rh-color-bg-gradient-stop: #a62b24;
  --rds-heading-brand-color: #a62b24;
  --rds-heading-brand-color-interactive: #821d1a;
  --rds-button-text-color: #ffffff;
  --rds-button-background-color: #24a344;
  --rds-button-background-color-interactive: #1b8533;
  --rds-button-alternate-text-color: #ffffff;
  --rds-button-alternate-background-color: #faab19;
  --rds-button-alternate-background-color-interactive: #e3900b;
  --rds-button-transparent-background-color-interactive: rgba(36, 163, 68, 0.1);
  --rds-icon-primary-fill-color: #cc392f;
  --rds-icon-alternate-fill-color: #faab19;
  --rds-progress-bar-color: #e64b40;
  --rds-progress-bar-alternate-color: #faab19;
}

.Activation-header {
  margin-bottom: 24px;
}
.Activation-message {
  margin-bottom: 48px;
  font-size: 18px;
}

.AvatarGallery-heading {
  margin-bottom: 24px;
}
.AvatarGallery-images {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}
.AvatarGallery-images li {
  display: block;
  height: 150px;
  width: 150px;
  margin: 8px;
  transition: transform 200ms;
}
.AvatarGallery-images li:hover {
  transform: scale(1.1);
}
.AvatarGallery-avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AvatarGallery-avatar--selected {
  border: 4px solid var(--rh-color-secondary);
}
.AvatarGallery-empty {
  padding-top: 24px;
  padding-bottom: 24px;
  color: #b6bec2;
}

.Banner {
  display: flex;
  justify-content: center;
  padding: 16px;
  background-color: var(--rh-color-secondary);
  color: #ffffff;
  font-weight: 600;
}
.Banner:empty {
  display: none;
}
.Banner--danger {
  background-color: #e64b40;
  font-weight: unset;
  font-size: 18px;
  padding: 12px;
}
.Banner--info {
  background-color: #35bd59;
  font-weight: unset;
  font-size: 18px;
  padding: 12px;
}

.BudgetLineItemGroupTotal {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 600;
  color: #495257;
}
@media (max-height: 875px) {
  .BudgetLineItemGroupTotal {
    font-size: 16px;
  }
}
.BudgetLineItemGroupTotal-group {
  text-transform: capitalize;
}

.BudgetLineItem {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
@media (max-height: 875px) {
  .BudgetLineItem {
    padding-bottom: 4px;
  }
}
:last-child > .BudgetLineItem {
  border-bottom: 0;
  padding-bottom: 0;
}
.BudgetLineItem-input {
  outline: none;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px 8px;
  height: 30px;
  background-color: #f5f7f8;
  font-size: 16px;
  color: #495257;
}
.BudgetLineItem-input:focus {
  border-color: #0073b9;
  color: #0073b9;
}
.BudgetLineItem-input--label {
  margin-right: 16px;
  width: 70%;
}
@media (min-height: 800px) and (min-width: 800px) {
  .BudgetLineItem-input--label {
    width: 150px;
  }
}
.BudgetLineItem-input--label::placeholder {
  color: #b6bec2;
}
.BudgetLineItem-input--value {
  width: 30%;
  text-align: right;
}
@media (min-height: 800px) and (min-width: 800px) {
  .BudgetLineItem-input--value {
    width: 88px;
  }
}
.BudgetLineItem-input--value::placeholder {
  color: #b6bec2;
}

.ButtonGroup {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 56.25em) {
  .ButtonGroup {
    flex-direction: row;
  }
  .ButtonGroup a, .ButtonGroup button {
    margin-right: 16px;
  }
  .ButtonGroup a:last-child, .ButtonGroup button:last-child {
    margin-right: 0;
  }
}

.Calculator {
  display: flex;
  flex-direction: column;
  color: #1f2426;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  border-radius: 8px;
}
@media (min-height: 700px) and (min-width: 800px) {
  .Calculator--floating {
    z-index: 1;
    position: fixed;
    top: 50%;
    right: 0;
    width: 248px;
    transform: translateX(248px) translateY(-50%);
    animation: slide-in-right-center 250ms ease-out forwards;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.Calculator-title {
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
  border-bottom: 3px solid #ade9ff;
  padding-bottom: 4px;
  text-align: center;
  font-size: 20px;
  color: #004477;
  transform: translateX(248px);
  animation: slide-in-right 250ms ease-out forwards;
}
.Calculator-inputs {
  padding: 16px 24px;
  border-bottom: 1px solid #d5d9db;
}
.Calculator-input {
  margin-bottom: 8px;
  transform: translateX(248px);
  animation: slide-in-right 250ms ease-out forwards;
}
.Calculator-input:last-child {
  margin-bottom: 0;
}
.Calculator-interestRate {
  margin-bottom: 16px;
}
.Calculator-totals {
  padding: 16px 24px;
  font-size: 16px;
}
.Calculator-totals--incomplete {
  color: #b6bec2;
}
.Calculator-totalRow {
  display: flex;
  justify-content: space-between;
  transform: translateX(248px);
  animation: slide-in-right 250ms ease-out forwards;
}
.Calculator-totalRow--subtotal {
  margin-bottom: 24px;
}
.Calculator-subtotalBreak {
  margin-top: 4px;
  margin-bottom: 4px;
  border: 0;
  border-top: 1px solid #d5d9db;
  transform: translateX(248px);
  animation: slide-in-right 250ms ease-out forwards;
}
.Calculator-delay1 {
  animation-delay: 90ms;
}
.Calculator-delay2 {
  animation-delay: 105ms;
}
.Calculator-delay3 {
  animation-delay: 120ms;
}
.Calculator-delay4 {
  animation-delay: 135ms;
}
.Calculator-delay5 {
  animation-delay: 150ms;
}
.Calculator-delay6 {
  animation-delay: 165ms;
}
.Calculator-delay7 {
  animation-delay: 180ms;
}
.Calculator-delay8 {
  animation-delay: 195ms;
}
.Calculator-delay9 {
  animation-delay: 210ms;
}
.Calculator-delay10 {
  animation-delay: 225ms;
}

.Card {
  border-radius: 8px;
  background-color: #ffffff;
  padding: 32px;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
}
.Card-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 28px;
  color: #003561;
}

.CardHeader {
  padding: 24px 32px;
  display: flex;
  align-items: center;
}
.CardHeader-title {
  margin-right: 32px;
}

.ChapterBreakdown {
  border-radius: 16px;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  background-color: #ffffff;
  overflow: hidden;
}
.ChapterBreakdown-header {
  background-color: #0073b9;
  padding: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 56.25em) {
  .ChapterBreakdown-header {
    flex-direction: row;
    align-items: center;
  }
}
.ChapterBreakdown-title {
  margin-bottom: 16px;
}
@media screen and (min-width: 56.25em) {
  .ChapterBreakdown-title {
    margin-bottom: 0;
  }
}
.ChapterBreakdown-progress {
  width: 100%;
  max-width: 350px;
  position: relative;
}
.ChapterBreakdown-body {
  padding-left: 32px;
  padding-right: 32px;
}

.ChapterCard {
  width: 325px;
  border-radius: 16px;
  border-top: 16px solid #e8eced;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  margin-bottom: 32px;
  padding: 32px;
  background-color: #ffffff;
  position: relative;
}
@media screen and (min-width: 56.25em) {
  .ChapterCard {
    width: 378px;
  }
}
.ChapterCard--skeleton {
  height: 350px;
}
.ChapterCard-number {
  margin-bottom: 4px;
  color: #8e999e;
  font-weight: 600;
  font-size: 20px;
}
.ChapterCard.is-started {
  border-top: 16px solid #0073b9;
}
.ChapterCard-title {
  font-size: 28px;
  line-height: 1;
  height: 52px;
  max-width: 86%;
  margin-bottom: 32px;
}
.ChapterCard-title--teacher {
  margin-bottom: 0;
}
.ChapterCard-titleNumber {
  font-size: 20px;
  color: #8e999e;
  display: block;
  margin-bottom: 8px;
}
.ChapterCard-check {
  width: 45px;
  height: 45px;
  color: #e8eced;
  position: absolute;
  right: 24px;
  top: 24px;
}
.is-complete .ChapterCard-check {
  color: #35bd59;
}
.ChapterCard-progress {
  margin-bottom: 32px;
}
.ChapterCard-mid {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ChapterCard-stats {
  display: flex;
  justify-content: center;
}
.ChapterCard-stat {
  width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  color: #003561;
  line-height: 1;
}
.ChapterCard-statLabel {
  margin-right: 16px;
}
.ChapterCard-statValue {
  font-size: 28px;
  color: #0091d9;
  font-weight: 600;
  text-align: left;
}
@media screen and (min-width: 56.25em) {
  .ChapterCard-statValue {
    display: inline-block;
    width: 90px;
  }
}
.ChapterCard-footer {
  text-align: center;
}

.ContentExpander-header {
  display: grid;
  grid-template-areas: "title" "status" "stats" "toggle";
  grid-gap: 16px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  border-bottom: 2px solid #d5d9db;
  line-height: 1;
}
@media screen and (min-width: 56.25em) {
  .ContentExpander-header {
    grid-template-columns: auto 400px 300px 80px;
    grid-template-areas: "title status stats toggle";
  }
}
.ContentExpander.is-expanded .ContentExpander-header {
  border-bottom: 0;
}
.ContentExpander-title {
  grid-area: title;
  margin-right: 32px;
  font-size: 20px;
  font-weight: 400;
}
.is-unsubmitted .ContentExpander-title {
  color: #8e999e;
}
.ContentExpander-status {
  grid-area: status;
  margin-bottom: 0;
  color: #8e999e;
}
.ContentExpander-toggle {
  grid-area: toggle;
  text-align: center;
}
.ContentExpander-toggleIcon {
  height: 16px;
  cursor: pointer;
}
.ContentExpander-toggleIcon--plus {
  display: inline;
}
.ContentExpander.is-expanded .ContentExpander-toggleIcon--plus {
  display: none;
}
.ContentExpander-toggleIcon--minus {
  display: none;
}
.ContentExpander.is-expanded .ContentExpander-toggleIcon--minus {
  display: inline;
}
.is-unsubmitted .ContentExpander-toggleIcon {
  color: #8e999e;
  cursor: default;
}
.ContentExpander-body {
  position: relative;
  display: none;
}
.ContentExpander.is-expanded .ContentExpander-body {
  display: block;
}

.ContentNav {
  padding: 16px 24px;
}
.ContentNav-chapter {
  padding-bottom: 8px;
}
.ContentNav-lesson {
  padding-left: 24px;
  padding-bottom: 8px;
}
.ContentNav-lesson--selected {
  background-color: #f5f7f8;
}
.ContentNav-lesson--link {
  padding: 8px 24px;
}
.ContentNav-lesson--link:active, .ContentNav-lesson--link:focus, .ContentNav-lesson--link:hover {
  text-decoration: none !important;
}
.ContentNav-lesson--link > h4 {
  color: #0073b9;
}
.ContentNav-contentItem:active, .ContentNav-contentItem:focus, .ContentNav-contentItem:hover, .ContentNav-contentItem--selected {
  background-color: #f5f7f8;
}
.ContentNav-contentLink {
  padding-left: 48px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 600;
  line-height: 1;
  width: 100%;
}
.ContentNav-contentLink:active, .ContentNav-contentLink:focus, .ContentNav-contentLink:hover {
  text-decoration: none !important;
}
.ContentNav ol {
  padding: 0;
}
.ContentNav ol li {
  list-style-type: none;
}

.ContentStats {
  grid-area: stats;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: #495257;
  font-size: 20px;
  line-height: 1;
  flex-direction: column;
}
@media screen and (min-width: 56.25em) {
  .ContentStats {
    align-items: center;
    flex-direction: row;
  }
}
.ContentStats--summary {
  color: #003561;
}
.ContentStats-stat {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ContentStats-stat:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 56.25em) {
  .ContentStats-stat {
    margin-bottom: 0;
  }
}
.is-unsubmitted .ContentStats-stat {
  color: #8e999e;
}
.ContentStats-statLabel {
  margin-right: 16px;
}
.ContentStats-statMessage {
  color: #8e999e;
}
.ContentStats-statValue {
  color: #0091d9;
  font-weight: 600;
  text-align: left;
}
@media screen and (min-width: 56.25em) {
  .ContentStats-statValue {
    display: inline-block;
    width: 90px;
  }
}
.is-unsubmitted .ContentStats-statValue {
  color: #8e999e;
}
.ContentStats--summary .ContentStats-statValue {
  font-size: 28px;
}

.CourseEnrollmentOption {
  position: relative;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  max-width: 255px;
  cursor: pointer;
  overflow: hidden;
}
.CourseEnrollmentOption.is-checked {
  border-color: #b6bec2;
}
.CourseEnrollmentOption-pseudoCheckbox {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
  background-color: #f5f7f8;
  border: 2px solid #8e999e;
  border-radius: 4px;
}
.is-checked .CourseEnrollmentOption-pseudoCheckbox {
  background-color: #35bd59;
  border-color: #35bd59;
}
.is-checked .CourseEnrollmentOption-pseudoCheckbox:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 2px;
  width: 12px;
  height: 6px;
  transform: rotate(-45deg);
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.CourseEnrollmentOption-input {
  position: absolute;
  opacity: 0;
}
.CourseEnrollmentOption-image {
  height: 124px;
}
.CourseEnrollmentOption-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(31, 36, 38, 0.2);
  cursor: default;
}
.CourseEnrollmentOption-info {
  padding: 16px;
  font-size: 14px;
  color: #495257;
}
.CourseEnrollmentOption-info--light {
  color: #69757a;
}

.CourseProgressCard {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  margin-bottom: 24px;
}
@media screen and (min-width: 56.25em) {
  .CourseProgressCard {
    flex-direction: row;
    height: 178px;
  }
}
.CourseProgressCard-content {
  display: flex;
  flex-direction: column;
  flex: 1 0 0px;
  margin-left: 32px;
  margin-right: 32px;
}
.CourseProgressCard-topContent {
  display: flex;
  position: relative;
  align-items: center;
  margin-top: 32px;
}
.CourseProgressCard-bottomContent {
  display: flex;
  justify-content: flex-end;
}
.CourseProgressCard-cta {
  align-self: flex-end;
}
.CourseProgressCard-studentProgressLink {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 600;
  font-size: 16px;
}
@media screen and (min-width: 56.25em) {
  .CourseProgressCard-studentProgressLink {
    position: relative;
    top: 0px;
    font-size: 18px;
  }
}
.CourseProgressCard-studentProgressLink svg {
  margin-left: 8px;
}
.CourseProgressCard-stats {
  margin-bottom: 24px;
  margin-right: 8px;
}
@media screen and (min-width: 56.25em) {
  .CourseProgressCard-stats {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    justify-content: flex-end;
  }
}

.CourseThumbnail {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  height: 100%;
  width: 100%;
  background-size: cover;
  text-align: center;
  color: #495257;
  line-height: 1.1;
}
.CourseThumbnail--offCentered {
  justify-content: space-between;
}
.CourseThumbnail-tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  padding: 4px 16px;
  background-color: var(--rh-color-primary);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
.CourseThumbnail-logo {
  width: 300px;
  padding: 24px;
}
@media screen and (min-width: 56.25em) {
  .CourseThumbnail-logo {
    padding: 0;
  }
}
.CourseThumbnail--offCentered .CourseThumbnail-logo {
  padding-top: 50px;
}

.CurriculumNav {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.CurriculumNav-link {
  padding: 8px 24px;
  margin-bottom: 4px;
  font-weight: 600;
  width: 100%;
  display: flex;
}
.CurriculumNav-link--selected {
  background-color: #f5f7f8;
  border-radius: 4px;
}
.CurriculumNav-link:hover:not([disabled]) {
  text-decoration: none;
  background-color: #f5f7f8;
  border-radius: 4px;
}
.CurriculumNav-link svg {
  margin-right: 8px;
}
.CurriculumNav-linkSecondary {
  width: 100%;
  padding: 8px 24px;
  margin-left: 24px;
  font-weight: 600;
}
.CurriculumNav-linkSecondary--selected {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 2px;
}

.Divider {
  margin-bottom: 32px;
  height: 3px;
  background-color: #d5d9db;
  border: none;
  width: 100%;
}
.Divider--thin {
  height: 1px;
}
.Divider--sm {
  height: 1px;
  margin-bottom: 24px;
}

.EnrollStudentForm-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 32px;
}
@media screen and (min-width: 56.25em) {
  .EnrollStudentForm-options {
    grid-template-columns: 1fr 1fr;
  }
}
.EnrollStudentForm-noOptions {
  margin-bottom: 32px;
  color: #004477;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.EnrollStudentForm-actions {
  text-align: center;
}

.EnrollmentSummary {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
@media screen and (min-width: 56.25em) {
  .EnrollmentSummary {
    flex-direction: row;
    height: 178px;
  }
}
.EnrollmentSummary:last-child {
  margin-bottom: 32px;
}
.EnrollmentSummary-curriculumImage {
  width: 100%;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
@media screen and (min-width: 56.25em) {
  .EnrollmentSummary-curriculumImage {
    width: 375px;
  }
}
.EnrollmentSummary-details {
  flex: auto;
  height: 100%;
  padding: 32px;
  background-color: #f5f7f8;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.EnrollmentSummary-title {
  margin-right: 32px;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1;
}
.EnrollmentSummary-divider {
  margin-bottom: 24px;
  height: 1px;
  background-color: #d5d9db;
  border: none;
  width: 100%;
}
.EnrollmentSummary-progress {
  margin-bottom: 32px;
  flex: 1;
  min-width: 200px;
}
.EnrollmentSummary-link {
  display: flex;
  margin-right: 24px;
  position: relative;
  margin-bottom: 4px;
}
@media screen and (min-width: 56.25em) {
  .EnrollmentSummary-link {
    margin-left: 24px;
  }
}
.EnrollmentSummary-infoIcon {
  color: #0073b9;
  cursor: pointer;
  margin-left: 2px;
  height: 14px;
}
.EnrollmentSummary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 56.25em) {
  .EnrollmentSummary-actions {
    flex-direction: row-reverse;
  }
}

.FillInTheBlank {
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5;
  margin-bottom: 24px;
}
.FillInTheBlank-answer {
  width: 225px;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  position: relative;
}

.FlashMessage {
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.FlashMessage--success {
  color: #24a344;
  background-color: #adffbe;
}
.FlashMessage--error {
  color: #cc392f;
  background-color: #fcedeb;
}

.Gradebook-title {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 8px;
}
.Gradebook-cards {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.Gradebook-cards > * {
  margin-right: 16px;
  margin-left: 16px;
}

.GradebookAssessment {
  color: #495257;
}
.GradebookAssessment-header {
  background-color: #e8eced;
  padding: 24px;
  line-height: 1;
}
.GradebookAssessment-header span {
  font-size: 20px;
  font-weight: 600;
}
.GradebookAssessment-question {
  background-color: #f5f7f8;
  padding: 32px 24px;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-column-gap: 48px;
  border-bottom: #ffffff solid 2px;
}
.GradebookAssessment-question:last-child {
  border-bottom: none;
}
.GradebookAssessment-questionCol p {
  line-height: 1.1;
}

.GradebookOverview {
  background-image: linear-gradient(to right, #005b98, #0091d9);
  border-radius: 16px;
  padding: 32px;
  margin-bottom: 24px;
}
@media screen and (min-width: 56.25em) {
  .GradebookOverview {
    height: 180px;
    margin-bottom: 130px;
  }
}
.GradebookOverview-topRow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-direction: column;
}
@media screen and (min-width: 56.25em) {
  .GradebookOverview-topRow {
    flex-direction: row;
  }
}
.GradebookOverview-title {
  font-size: 28px;
}
.GradebookOverview-progress {
  width: 245px;
}
@media screen and (min-width: 56.25em) {
  .GradebookOverview-progress {
    width: 450px;
  }
}
.GradebookOverview-cardRow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 56.25em) {
  .GradebookOverview-cardRow {
    flex-direction: row;
  }
}
.GradebookOverview-card {
  width: 250px;
  color: #004477;
  font-size: 20px;
  text-align: center;
  padding-top: 24px;
  margin-bottom: 24px;
  border-radius: 16px;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
}
.GradebookOverview-card:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 56.25em) {
  .GradebookOverview-card {
    width: 275px;
    margin-right: 32px;
    margin-bottom: 0;
  }
  .GradebookOverview-card:last-child {
    margin-right: 0;
  }
}
.GradebookOverview-stat {
  color: #0091d9;
  font-size: 72px;
  font-weight: 600;
  line-height: 1;
  display: block;
}

.Hero {
  background-color: var(--rh-color-primary);
}
.Hero-body {
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  max-width: 1264px;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 0;
}
@media screen and (min-width: 75em) {
  .Hero-body {
    max-width: 1328px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
.Hero-body--cardless {
  padding-bottom: 32px;
}

.Home {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80vh;
  background-image: url("https://cdn.ramseysolutions.net/education/ramseyhomeschool/login-screen/rh-brush-bkgd.png");
  background-repeat: no-repeat;
  background-size: 725px;
  background-position: 50% 55%;
}
.Home--old {
  background-size: 725px 600px;
  background-position: 50% 57%;
}
@media screen and (min-width: 37.5em) {
  .Home {
    background-size: 800px;
    background-position: 50% 70%;
  }
  .Home--old {
    background-size: 725px 600px;
    background-position: 50% 57%;
  }
}
.Home-card {
  border-radius: 16px;
  overflow: hidden;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.Home-cardTop {
  padding: 32px;
  background-color: var(--rh-color-bg-gradient-stop);
  box-shadow: 0 8px 24px 0 rgba(31, 36, 38, 0.18);
  margin-bottom: 4px;
}
@media screen and (min-width: 37.5em) {
  .Home-cardTop {
    padding: 48px 64px;
    margin-right: auto;
    margin-left: auto;
  }
}
.Home-cardBottom {
  background-color: var(--rh-color-bg-gradient-stop);
  padding: 32px;
  margin-right: auto;
  margin-left: auto;
}
.Home-course {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
@media screen and (min-width: 37.5em) {
  .Home-course {
    align-items: center;
    flex-direction: row;
  }
}
.Home-course:last-child {
  margin-bottom: 0px;
}
.Home-courseLogo {
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
@media screen and (min-width: 37.5em) {
  .Home-courseLogo {
    margin-bottom: 0;
    flex: 1 1 33%;
  }
}
.Home-courseButtons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
@media screen and (min-width: 37.5em) {
  .Home-courseButtons {
    flex: 1 1 250px;
    justify-content: flex-end;
  }
}
.Home-courseButton {
  margin-right: 16px;
}
.Home-courseButton:last-child {
  margin-right: 0;
}
.Home-courseSeparator {
  height: 2px;
  background-color: #003561;
  margin-bottom: 24px;
}

.LessonExpander-header {
  display: grid;
  grid-template-areas: "title" "stats" "toggle";
  grid-gap: 16px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  border-bottom: 2px solid #d5d9db;
}
.LessonExpander:last-child .LessonExpander-header {
  border-bottom: none;
}
@media screen and (min-width: 56.25em) {
  .LessonExpander-header {
    grid-template-columns: auto 300px 80px;
    grid-template-areas: "title stats toggle";
  }
}
.LessonExpander-body {
  position: relative;
  display: none;
  padding-left: 32px;
}
.LessonExpander-body--noIndent {
  padding-left: 0;
}
.is-expanded .LessonExpander-body {
  display: block;
}
.LessonExpander-title {
  grid-area: title;
  margin-right: 32px;
}
.LessonExpander-toggle {
  grid-area: toggle;
  text-align: center;
}
.LessonExpander-toggleIcon {
  height: 16px;
  cursor: pointer;
}
.LessonExpander-toggleIcon--plus {
  display: inline;
}
.is-expanded .LessonExpander-toggleIcon--plus {
  display: none;
}
.LessonExpander-toggleIcon--minus {
  display: none;
}
.is-expanded .LessonExpander-toggleIcon--minus {
  display: inline;
}

.LmsAssessment-content {
  padding-left: 0;
  list-style: none;
}
.LmsAssessment-content:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-height: 875px) {
  .LmsAssessment-content:not(:last-child) {
    margin-bottom: 8px;
  }
}
.LmsAssessment-content--ordered {
  padding-left: 24px;
  list-style: decimal;
}
.LmsAssessment-question {
  color: #495257;
  margin-bottom: 24px;
}
.LmsAssessment-question--marginless {
  margin-bottom: 0;
}
.LmsAssessment--ordered > .LmsAssessment-question {
  padding-left: 4px;
}
.LmsAssessment-question:last-child {
  margin-bottom: 0;
}
.IntroCard .LmsAssessment-question, .FancyCard .LmsAssessment-question {
  font-size: 20px;
  color: #004477;
}

.Loader {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border: 4px solid #e66f20;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s ease-in-out infinite;
}

.MembershipStartConfirmation {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 18px;
  color: #003561;
  line-height: 1.25;
}
.MembershipStartConfirmation-endDate {
  display: inline-flex;
  flex-wrap: nowrap;
}

.Modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 20;
  background-color: rgba(31, 36, 38, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.Modal-icon {
  align-self: center;
  height: 60px;
  width: 80px;
  color: #003561;
  margin-bottom: 16px;
}
.Modal-title {
  margin-bottom: 8px;
  text-align: center;
}
.Modal-subtitle {
  margin-bottom: 32px;
  text-align: center;
  font-size: 18px;
  color: #495257;
}
.Modal-body {
  position: relative;
  border-radius: 16px;
  margin: 48px;
  padding: 48px 48px 32px;
  text-align: center;
}
@media screen and (min-width: 56.25em) {
  .Modal-body--comfy {
    padding-right: 96px;
    padding-left: 96px;
  }
}
.Modal-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.Modal-button {
  margin-left: 4px;
  margin-right: 4px;
}
.Modal-close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.MainContent {
  position: relative;
  min-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  max-width: 1264px;
  width: 100%;
}
@media screen and (min-width: 75em) {
  .MainContent {
    max-width: 1328px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
.MainContent-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.MainContent-headerLeft {
  display: flex;
  align-items: center;
}
.MainContent-headerTitle {
  margin-right: 32px;
}
.MainContent--full {
  padding: 0;
  max-width: none;
  height: calc(100vh - 70px);
}
@media screen and (min-width: 75em) {
  .MainContent--full {
    padding: 0;
    max-width: none;
  }
}
.MainContent--with-background {
  background-image: url("https://cdn.ramseysolutions.net/education/ramseyhomeschool/product-select/prod-select-bkgd.png"), url("https://cdn.ramseysolutions.net/education/ramseyhomeschool/product-select/prod-select-corner@2x.png");
  background-position: bottom, bottom right;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, 100%;
}

.NavProfileActionMenu {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 38px;
  right: 8px;
  width: 300px;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  color: #495257;
  z-index: 10;
}
.NavProfileActionMenu--hidden {
  display: none;
}
.NavProfileActionMenu-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.NavProfileActionMenu-avatar {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 4px;
}
.NavProfileActionMenu-avatar path {
  fill: #d5d9db;
}
.NavProfileActionMenu-name {
  font-size: 18px;
  font-weight: 600;
}
.NavProfileActionMenu-email {
  font-size: 14px;
}
.NavProfileActionMenu-link {
  padding-top: 4px;
  padding-bottom: 4px;
}
.NavProfileActionMenu-link:last-child {
  padding-bottom: 0;
}
.NavProfileActionMenu-logo {
  width: 150px;
  margin-bottom: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.NavProfileActionMenu-manageAccount {
  display: flex;
  align-items: center;
}
.NavProfileActionMenu-manageAccount svg {
  margin-left: 4px;
}
.NavProfileActionMenu-accentLine {
  height: 1px;
  width: 100%;
  background-color: #d5d9db;
  border: none;
  margin-top: 16px;
  margin-bottom: 16px;
}

.NavProfile {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.NavProfile-name {
  font-weight: 600;
  margin-right: 8px;
}
.NavProfile-expandIcon {
  margin-right: 16px;
}
.NavProfile-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 8px;
}
@media screen and (min-width: 37.5em) {
  .NavProfile-avatar {
    width: 40px;
    height: 40px;
  }
}

.Nav {
  display: flex;
  height: 70px;
  justify-content: space-between;
  padding: 24px;
  background-color: var(--rh-color-primary);
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.Nav-logo {
  display: flex;
  align-items: center;
}

.NoResources {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.NoResources-heading {
  margin-bottom: 24px;
}

.OverUnder {
  border-bottom-left-radius: 8px;
  padding: 16px;
  background: #f5f7f8;
  text-align: center;
  font-size: 18px;
  color: #495257;
}
@media (max-height: 875px) {
  .OverUnder {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
}
.OverUnder-NewBudget {
  color: #0073b9;
}
.OverUnder--zeroBased {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #35bd59;
}
.OverUnder-amountOver {
  color: #cc392f;
  font-weight: 600;
}
.OverUnder-successIcon {
  margin-right: 8px;
}
.OverUnder--hidden {
  display: none;
}

.ProductConfirmation-infoText {
  text-align: left;
  margin-bottom: 8px;
}
.ProductConfirmation-infoBold {
  font-weight: 600;
  color: #003561;
  margin-right: 8px;
}
.ProductConfirmation-body {
  text-align: center;
  padding-top: 16px;
  margin-top: 4px;
  margin-bottom: 24px;
}
.ProductConfirmation-nextSteps {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr 0.1fr 1fr;
  margin-top: 16px;
  color: #003561;
}
.ProductConfirmation-nextIcon {
  max-height: 60px;
  width: 40px;
  color: #004477;
}
.ProductConfirmation-nextIcon--laptop {
  margin: 12px;
  width: 40px;
}
.ProductConfirmation-editLink {
  text-decoration: none;
  margin-bottom: 16px;
}
.ProductConfirmation-editLink:hover {
  text-decoration: underline;
}
.ProductConfirmation-spacer {
  width: 70px;
  align-self: center;
  margin-left: -24px;
  margin-right: -24px;
  border: 1px solid #d5d9db;
}

.Products {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 96px 24px;
}
.Products-headerSubtext {
  margin-top: -24px;
  color: #003561;
  font-size: 28px;
  line-height: 1;
}
.Products-headerMessage {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #003561;
  font-weight: 600;
  width: 339px;
  height: 39px;
  background-image: url("https://cdn.ramseysolutions.net/education/ramseyhomeschool/product-select/prod-select-sale-brush.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 16px;
}
.Products-swoosh {
  margin-top: -7px;
  margin-bottom: 16px;
  width: 70%;
}
@media screen and (min-width: 37.5em) {
  .Products-swoosh {
    margin-top: -14px;
    margin-bottom: 0;
  }
}
.Products-course {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
}
@media screen and (min-width: 56.25em) {
  .Products-course {
    flex-direction: row;
  }
}
.Products-courseMedia {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.Products-courseMediaImage {
  width: 334px;
}
@media screen and (min-width: 56.25em) {
  .Products-courseMediaImage {
    margin-bottom: 32px;
  }
}
.Products-courseTitle {
  margin-bottom: 32px;
  font-size: 28px;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 56.25em) {
  .Products-courseTitle {
    flex-direction: row;
    text-align: left;
  }
}
.Products-courseSelection {
  flex: 1;
  margin-top: 16px;
}
.Products-courseSelectionPricing {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
@media screen and (min-width: 56.25em) {
  .Products-courseSelectionPricing {
    flex-direction: row;
    margin-bottom: 48px;
  }
}
.Products-courseSelectionSeats {
  flex: 1;
  margin-bottom: 16px;
}
@media screen and (min-width: 56.25em) {
  .Products-courseSelectionSeats {
    margin-bottom: 0;
  }
}
.Products-coursePrice {
  flex: 1;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (min-width: 56.25em) {
  .Products-coursePrice {
    margin-right: 48px;
    margin-bottom: 0;
  }
}
.Products-coursePriceTotal {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
}
.Products-coursePriceAmount {
  font-size: 48px;
  font-weight: 600;
  color: #0091d9;
}
.Products-textbookInfo {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  color: #003561;
}
@media screen and (min-width: 56.25em) {
  .Products-textbookInfo {
    margin-left: 24px;
    margin-right: 0;
    padding: 0;
  }
}
@media screen and (min-width: 56.25em) {
  .Products-textbookInfo--mobile {
    display: none;
  }
}
.Products-textbookInfo--desk {
  display: none;
}
@media screen and (min-width: 56.25em) {
  .Products-textbookInfo--desk {
    display: flex;
  }
}
.Products-textbookInfoImage {
  height: 48px;
}
.Products-textbookInfoMessage {
  font-size: 16px;
}
.Products-confirmation {
  text-align: center;
}
@media screen and (min-width: 56.25em) {
  .Products-confirmation {
    float: right;
  }
}

.Profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 32px;
}
.Profile-avatar {
  width: 17vw;
  height: 17vw;
  max-width: 150px;
  max-height: 150px;
  margin-bottom: 16px;
  object-fit: cover;
  border-radius: 50%;
  cursor: pointer;
}
.Profile-avatar:hover {
  border: 4px solid #ffffff;
}
.Profile-avatar--parent {
  width: 23vw;
  height: 23vw;
  max-width: 180px;
  max-height: 180px;
}
.Profile-name {
  font-size: 18px;
}
@media screen and (min-width: 56.25em) {
  .Profile-name {
    font-size: 34px;
  }
}

.ProfileSelector {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 70vh;
}
.ProfileSelector-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.ProgressBar {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
@media screen and (min-width: 56.25em) {
  .ProgressBar {
    flex-direction: row;
    align-items: center;
  }
}
.ProgressBar-percent {
  color: #69757a;
  font-size: 16px;
  margin-top: 8px;
}
@media screen and (min-width: 56.25em) {
  .ProgressBar-percent {
    padding-left: 16px;
    margin-top: 0;
    flex: 0 0 auto;
  }
}
.on-darkCanvas .ProgressBar-percent {
  color: #ffffff;
}

.PurchasedCourse {
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  overflow: hidden;
}
.PurchasedCourse-thumbnail {
  height: 255px;
}
.PurchasedCourse-link {
  font-weight: 600;
  padding-bottom: 16px;
}
.PurchasedCourse-link svg {
  margin-left: 8px;
}
.PurchasedCourse-activationButton {
  background-color: #35bd59;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  transition: all 0.1s ease-in-out;
}
.PurchasedCourse-activationButton:active:not([disabled]), .PurchasedCourse-activationButton:focus:not([disabled]) {
  background-color: #35bd59;
}
.PurchasedCourse-activationButton:hover:not([disabled]) {
  background-color: #35bd59;
  transform: scale(1.1);
}
.PurchasedCourse-courseInfo {
  display: flex;
  flex-direction: column;
  padding: 24px 16px;
  font-size: 16px;
  font-style: italic;
  color: #495257;
}
@media screen and (min-width: 37.5em) {
  .PurchasedCourse-courseInfo {
    flex-direction: row;
  }
}
.PurchasedCourse-enrollmentInfo {
  flex: 1 0 50%;
}
.PurchasedCourse-expirationDate {
  flex: 1 0 50%;
}
@media screen and (min-width: 37.5em) {
  .PurchasedCourse-expirationDate {
    text-align: right;
  }
}

.PurchasedCourses {
  display: grid;
  grid-gap: 24px;
  margin-bottom: 64px;
}
@media screen and (min-width: 37.5em) {
  .PurchasedCourses {
    grid-template-columns: repeat(auto-fill, 375px);
  }
}

.SaveAndSubmit {
  margin-top: 48px;
  text-align: center;
}
.SaveAndSubmit-success {
  color: #495257;
}
.SaveAndSubmit-successIcon {
  height: 45px;
  width: 45px;
  color: #35bd59;
  margin-bottom: 16px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.SeatCount {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  align-items: center;
}
.SeatCount-adjuster {
  margin-right: 20px;
}
.SeatCount-control {
  display: flex;
  align-items: center;
}
.SeatCount-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 46px;
  border: 1px #d5d9db solid;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  font-weight: 600;
  font-size: 24px;
  color: #0091d9;
  margin-right: 4px;
}
.SeatCount-increase {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 21px;
  margin-bottom: 4px;
  border: 1px #d5d9db solid;
  border-top-right-radius: 8px;
  cursor: pointer;
}
.SeatCount-decrease {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 21px;
  border: 1px #d5d9db solid;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}
.SeatCount-title {
  font-size: 18px;
  margin-bottom: 8px;
}
.SeatCount-description {
  width: 110px;
  color: #495257;
  line-height: 1.25;
}

.SideNav {
  position: relative;
  min-width: 250px;
  max-width: 250px;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
}
.SideNav-image {
  height: 90px;
}
.SideNav-backLink {
  display: flex;
  justify-content: center;
  padding-right: 8px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e8eced;
  margin-bottom: 8px;
  font-weight: 600;
}
.SideNav-backLink svg {
  margin-right: 8px;
}
.SideNav-items {
  padding-left: 16px;
  padding-right: 16px;
}

.StudentProfiles-create {
  text-align: center;
}

.StudentSummary {
  border-radius: 8px;
  overflow: unset;
}
.StudentSummary:not(:last-child) {
  margin-bottom: 16px;
}
.StudentSummary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
}
.is-expanded .StudentSummary-header {
  margin-bottom: 32px;
  border-bottom: 4px solid #f5f7f8;
}
.StudentSummary-body {
  display: none;
}
.is-expanded .StudentSummary-body {
  display: block;
  margin-left: 32px;
  margin-right: 32px;
}
.StudentSummary-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
}
.StudentSummary-icon {
  cursor: pointer;
  color: #495257;
}
.StudentSummary-icon:hover {
  color: #69757a;
}
.StudentSummary-icon--expanded {
  display: none;
}
.is-expanded .StudentSummary-icon--expanded {
  display: block;
}
.is-expanded .StudentSummary-icon--collapsed {
  display: none;
}

.Tag--highSchool {
  background-color: #e66f20;
}
.Tag--middleSchool {
  background-color: #00b2f6;
}
.Tag--elementary {
  background-color: #faab19;
}

.TeacherDashboardEmpty {
  border: 1px dashed #d5d9db;
  border-radius: 8px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.TeacherDashboardEmpty-subheading {
  text-align: center;
  font-size: 18px;
  margin-bottom: 24px;
  color: #495257;
  max-width: 632px;
}
.TeacherDashboardEmpty-icon {
  height: 60px;
  width: 80px;
  color: #003561;
  margin-bottom: 8px;
}
.TeacherDashboardEmpty-activationButton {
  background-color: #35bd59;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  transition: all 0.1s ease-in-out;
}
.TeacherDashboardEmpty-activationButton:active:not([disabled]), .TeacherDashboardEmpty-activationButton:focus:not([disabled]) {
  background-color: #35bd59;
}
.TeacherDashboardEmpty-activationButton:hover:not([disabled]) {
  background-color: #35bd59;
  transform: scale(1.1);
}

.TextbookInfo {
  text-align: center;
  max-width: 500px;
}
.TextbookInfo-heading {
  margin-bottom: 16px;
}
.TextbookInfo-message {
  font-size: 18px;
  color: #495257;
  margin-bottom: 32px;
}
.TextbookInfo-product {
  max-width: 365px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.TextbookInfo-product:not(:last-of-type) {
  margin-bottom: 16px;
}
.TextbookInfo-productList {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.TextbookInfo-productImage {
  height: 75px;
  width: 78px;
}
.TextbookInfo-productName {
  text-align: left;
  font-size: 18px;
  color: #495257;
}

.ThemedBackdrop {
  height: 100vh;
  background: linear-gradient(180deg, var(--rh-color-primary), var(--rh-color-bg-gradient-stop));
}

.Tooltip {
  display: none;
  align-items: center;
  position: absolute;
  flex-wrap: nowrap;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  width: 230px;
  background-color: #ffffff;
  color: #495257;
  font-size: 14px;
  padding: 12px;
  border-radius: 8px;
  top: 32px;
}
.Tooltip--display {
  display: flex;
}
.Tooltip-point {
  position: absolute;
  top: -12px;
  width: 17px;
  height: 33px;
  transform: rotate(90deg);
  right: 64px;
  top: -24px;
  background-image: url("https://cdn.ramseysolutions.net/education/ramseyhomeschool/tool-tip-arrow.svg");
}
.Tooltip-close {
  flex: 1 0 12px;
  height: 12px;
  align-self: flex-start;
  cursor: pointer;
}
.Tooltip-image {
  width: 78px;
  height: auto;
}

.Tooltivity {
  margin-bottom: 32px;
  white-space: pre-wrap;
}

.UnpurchasedCourse {
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  overflow: hidden;
}
.UnpurchasedCourse-thumbnail {
  height: 255px;
}
.UnpurchasedCourse-link {
  font-weight: 600;
  padding-bottom: 16px;
}
.UnpurchasedCourse-link svg {
  margin-left: 8px;
}
.UnpurchasedCourse-activationButton {
  background-color: #35bd59;
  box-shadow: 0 2px 4px 0 rgba(31, 36, 38, 0.1);
  transition: all 0.1s ease-in-out;
}
.UnpurchasedCourse-activationButton:active:not([disabled]), .UnpurchasedCourse-activationButton:focus:not([disabled]) {
  background-color: #35bd59;
}
.UnpurchasedCourse-activationButton:hover:not([disabled]) {
  background-color: #35bd59;
  transform: scale(1.1);
}
.UnpurchasedCourse-courseInfo {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  font-size: 16px;
  font-style: italic;
  color: #495257;
}
@media screen and (min-width: 37.5em) {
  .UnpurchasedCourse-courseInfo {
    flex-direction: row;
  }
}
.UnpurchasedCourse-enrollmentInfo {
  flex: 1 0 50%;
}
.UnpurchasedCourse-expirationDate {
  flex: 1 0 50%;
}
@media screen and (min-width: 37.5em) {
  .UnpurchasedCourse-expirationDate {
    text-align: right;
  }
}

.UnpurchasedCourses {
  display: grid;
  grid-gap: 24px;
}
@media screen and (min-width: 37.5em) {
  .UnpurchasedCourses {
    grid-template-columns: repeat(auto-fill, 375px);
  }
}

.ProfileForm {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ProfileForm-title {
  margin-bottom: 24px;
  font-size: 28px;
}
.ProfileForm-noSeats {
  margin-bottom: 16px;
  text-align: center;
}
.ProfileForm-noSeatsMessage {
  font-size: 18px;
  margin-bottom: 32px;
}
.ProfileForm-main {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 56.25em) {
  .ProfileForm-main {
    width: 27rem;
  }
}
.ProfileForm-icon {
  width: 92px;
  height: 69px;
  margin-bottom: 16px;
}
.ProfileForm-label {
  font-weight: 600;
}
.ProfileForm-actions {
  align-self: center;
  margin-top: 16px;
}

.Video {
  margin-bottom: 64px;
}
.Video-duration {
  text-transform: uppercase;
  color: #69757a;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 18px;
  display: flex;
}
.Video-durationIcon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.Video-playerContainer {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 24px 0 rgba(31, 36, 38, 0.18);
}

.VoucherRedemption {
  display: flex;
  flex-direction: column;
}
.VoucherRedemption-title {
  margin-bottom: 16px;
  text-align: center;
}
.VoucherRedemption-body {
  align-self: center;
  margin-top: 130px;
}
@media screen and (min-width: 37.5em) {
  .VoucherRedemption-body {
    margin-top: 260px;
  }
}
@media screen and (min-width: 56.25em) {
  .VoucherRedemption-body {
    width: 27rem;
  }
}
@media screen and (min-width: 75em) {
  .VoucherRedemption-body {
    margin-top: 180px;
  }
}
.VoucherRedemption-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1f2426;
}
.VoucherRedemption-formField--fullWidth {
  width: 100%;
}
.VoucherRedemption-formCurriculum {
  margin-bottom: 24px;
  text-align: center;
}
.VoucherRedemption-formCurriculumName {
  margin-bottom: 0;
}
.VoucherRedemption-formNextStep {
  margin-bottom: 0;
  font-weight: bold;
}
.VoucherRedemption-formActions {
  align-self: center;
  margin-top: 16px;
}
.VoucherRedemption-formActions--alternative {
  margin-top: 16px;
  text-align: center;
}
.VoucherRedemption-formActions--alternative > * {
  margin-bottom: 0;
}
.VoucherRedemption-login {
  margin-top: 16px;
  text-align: center;
}
.VoucherRedemption-footer {
  margin-top: 16px;
  text-align: center;
}
.VoucherRedemption-error {
  color: #e64b40;
}
.VoucherRedemption-error--defaultColor {
  color: #000000;
}
.VoucherRedemption-success {
  text-align: center;
}

.Traditional {
  margin-bottom: 48px;
  color: #495257;
}
.Traditional .gzl-FormField-label {
  display: block;
  font-weight: 600;
  margin-bottom: 24px;
  line-height: 1.25;
}
.Traditional .gzl-Radio {
  margin-bottom: 16px;
  padding-left: 8px;
}
.Traditional-question {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 20px;
}
.Traditional-answers label {
  font-weight: 400;
  font-size: 20px;
}

.Essay-question {
  margin-bottom: 8px;
}
.Essay-textarea {
  height: 160px;
}

.ShortAnswer-question {
  margin-bottom: 4px;
}

.WithSideNav {
  display: flex;
}

.OverlappingHero-hero {
  padding-bottom: 110px;
}
.OverlappingHero-content {
  margin-top: -86px;
  padding-top: 0;
}

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}
.Transcript {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  font-size: 12px;
  color: #495257;
  padding: 48px;
}
.Transcript-logo {
  width: 250px;
  align-self: flex-start;
}
.Transcript-studentName {
  margin-bottom: 32px;
}
.Transcript-courseList {
  width: 100%;
  list-style: none;
  padding: 0;
}
.Transcript-course {
  display: flex;
  flex-direction: column;
  border: 1px solid #b6bec2;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 8px;
}
.Transcript-course:last-child {
  margin-bottom: 0;
}
.Transcript-courseTitle {
  font-weight: 600;
  font-size: 14px;
}
.Transcript-courseStats {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 8px;
}
.Transcript-statLabel {
  display: flex;
  flex-wrap: nowrap;
  padding-right: 16px;
  color: #003561;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.CurriculumLayout {
  background-color: #ffffff;
  background-image: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/digital/vid_page/vid_page_bkgd.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 24px 8px 64px;
  min-height: 100vh;
  color: #004477;
  font-size: 20px;
}
@media screen and (min-width: 37.5em) {
  .CurriculumLayout {
    padding: 64px 40px;
  }
}
@media (min-height: 700px) and (min-width: 800px) {
  .CurriculumLayout--withCalculator {
    animation: add-calculator-gutter ease-out 250ms forwards;
  }
}
@media (min-height: 800px) and (min-width: 800px) {
  .CurriculumLayout--withBudget {
    animation: add-budget-gutter ease-out 250ms 500ms forwards;
  }
}
@media (min-width: 900px) {
  .CurriculumLayout--corners1 {
    background-image: var(--page-corner-style1-top-left), var(--page-corner-style1-bottom-right), url(https://cdn.ramseysolutions.net/education/hs/personal_finance/digital/vid_page/vid_page_bkgd.jpg);
    background-position: top left, bottom right, bottom;
    background-size: 14%, 16%, 100% auto;
  }
}
@media (min-width: 1200px) {
  .CurriculumLayout--corners1 {
    background-size: 260px, auto, 100% auto;
  }
}
@media (min-width: 900px) {
  .CurriculumLayout--corners2 {
    background-image: var(--page-corner-style2-top-left), var(--page-corner-style2-bottom-right), url(https://cdn.ramseysolutions.net/education/hs/personal_finance/digital/vid_page/vid_page_bkgd.jpg);
    background-position: top left, bottom right, bottom;
    background-size: 14%, 16%, 100% auto;
  }
}
@media (min-width: 1200px) {
  .CurriculumLayout--corners2 {
    background-size: 260px, auto, 100% auto;
  }
}
.CurriculumLayout--middle {
  --header-color: #1b9acf;
  --rds-heading-color-1: #146e9f;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #ade9ff;
  --header-divider-color: #ade9ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #1b9acf;
  --intro-card-heading-color: #146e9f;
  --mixin-dark-blue-heading: #146e9f;
  --question-group-heading-color: #146e9f;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #00b3e6, #146e9f);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-post-test-bottom.png);
  color: #231f20;
}
.CurriculumLayout--career {
  --header-color: #004477;
  --rds-heading-color-1: #004477;
  --rds-heading-color-2: #0073b9;
  --rds-heading-color-3: #cc392f;
  --header-divider-color: #d5d9db;
  --body-text-underline-color: #d5d9db;
  --body-text-h2-color: #004477;
  --intro-card-heading-color: #cc392f;
  --mixin-dark-blue-heading: #0073b9;
  --question-group-heading-color: #cc392f;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-underline.png);
  --fancy-bullet-color: #cc392f;
  --did-you-know-underline-color: #d5d9db;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #e64b40, #a62b24);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-post-test-top.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-post-test-bottom.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-post-test-bottom.png);
  color: #002342;
}
.CurriculumLayout--econ {
  --header-color: #24a344;
  --rds-heading-color-1: #24a344;
  --rds-heading-color-2: #1b8533;
  --rds-heading-color-3: #a0d64a;
  --body-text-h2-color: #0073b9;
  --body-text-underline-color: #a0d64a;
  --chapter-badge-color: #fcd214;
  --chapter-badge-text: #003561;
  --intro-card-heading-color: #1b8533;
  --question-group-heading-color: #1b8533;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 20px;
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/top-l-corner-lg.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/bottom-r-corner-lg.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/top-l-corner-lg.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/bottom-r-corner-lg.png);
  --fancy-bullet-color: #1b8533;
  --did-you-know-underline-color: transparent;
  --top-left-corner-image-height: 30px;
  --top-left-corner-image-height-media-query-sm-and-up: 50px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 75px;
}
@media (min-width: 900px) {
  .CurriculumLayout--econ.CurriculumLayout--corners1 {
    background-size: 15%, 45%, 100% auto;
  }
}
@media (min-width: 1200px) {
  .CurriculumLayout--econ.CurriculumLayout--corners1 {
    background-size: 300px, 1000px, 100% auto;
    padding-bottom: 200px;
  }
}
.CurriculumLayout-container {
  margin: auto;
  max-width: 760px;
}

@keyframes add-calculator-gutter {
  100% {
    padding-right: 17.5rem;
  }
}
@keyframes add-budget-gutter {
  100% {
    padding-right: 21rem;
  }
}
/* Override RDS Heading styles */
/* stylelint-disable selector-class-pattern */
.CurriculumLayout .rds-Heading_2 {
  color: var(--rds-heading-color-1);
}
.CurriculumLayout .rds-Heading--alternate_2 {
  color: var(--rds-heading-color-2);
}
.CurriculumLayout .rds-Heading--brand_2 {
  color: var(--rds-heading-color-3);
}

/* stylelint-enable selector-class-pattern */
:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.ChapterOpener {
  position: relative;
  background-color: #ffffff;
  min-height: 100vh;
}
.ChapterOpener-header {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 175px;
}
@media screen and (min-width: 37.5em) {
  .ChapterOpener-header {
    height: 320px;
  }
}
@media screen and (min-width: 56.25em) {
  .ChapterOpener-header {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .ChapterOpener-header {
    height: 600px;
  }
}
.ChapterOpener-body {
  margin-top: -8px;
}
@media screen and (min-width: 37.5em) {
  .ChapterOpener-body {
    margin-top: -32px;
  }
}
@media screen and (min-width: 56.25em) {
  .ChapterOpener-body {
    margin-right: auto;
    margin-left: auto;
    max-width: 760px;
  }
}
.ChapterOpener-chapterNumberContainer {
  display: inline-block;
  margin-left: 1rem;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 4px 8px;
}
@media screen and (min-width: 37.5em) {
  .ChapterOpener-chapterNumberContainer {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 56.25em) {
  .ChapterOpener-chapterNumberContainer {
    margin-left: 0;
    padding-right: 32px;
    padding-left: 32px;
  }
}
.ChapterOpener-chapterNumber {
  border-bottom: 5px solid var(--body-text-underline-color);
  padding-bottom: 4px;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 1px;
  color: #e26c1d;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .ChapterOpener-chapterNumber {
    letter-spacing: 2px;
    font-size: 24px;
  }
}
.ChapterOpener-text {
  padding: 32px 32px 2px;
}
.ChapterOpener-title {
  margin-bottom: 32px;
  line-height: 1;
  color: #0091d9;
  font-size: 34px;
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .ChapterOpener-title {
    margin-bottom: 48px;
    font-size: 60px;
  }
}
@media screen and (min-width: 56.25em) {
  .ChapterOpener-title {
    font-size: 72px;
  }
}
.ChapterOpener-description {
  margin-bottom: 40px;
  line-height: 1.5;
  color: #004477;
  font-size: 28px;
}
@media screen and (min-width: 37.5em) {
  .ChapterOpener-description {
    font-size: 34px;
  }
}
.ChapterOpener-cornerImage {
  display: none;
  position: absolute;
}
@media (min-width: 900px) {
  .ChapterOpener-cornerImage {
    display: block;
  }
}
.ChapterOpener-topLeft {
  top: 0;
  left: 0;
  width: 21%;
}
@media (min-width: 1200px) {
  .ChapterOpener-topLeft {
    width: 22%;
  }
}
.ChapterOpener-bottomRight {
  right: 0;
  bottom: 0;
  width: 23%;
}
@media (min-width: 1200px) {
  .ChapterOpener-bottomRight {
    width: 20%;
  }
}

.ChapterReview-cornerImage {
  display: none;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.BodyText {
  /* stylelint-disable */
  /* stylelint-enable */
}
.in-modeCompact .BodyText p,
.in-modeCompact .BodyText ul,
.in-modeCompact .BodyText ol, .BodyText.in-modeCompact p,
.BodyText.in-modeCompact ul,
.BodyText.in-modeCompact ol {
  margin-bottom: 0;
}
.in-modeCompact .BodyText p:last-child,
.in-modeCompact .BodyText ul:last-child,
.in-modeCompact .BodyText ol:last-child, .BodyText.in-modeCompact p:last-child,
.BodyText.in-modeCompact ul:last-child,
.BodyText.in-modeCompact ol:last-child {
  margin-bottom: 0;
}
.BodyText u {
  border-bottom: 3px solid var(--body-text-underline-color);
  text-decoration: none;
  font-weight: 600;
}
.BodyText s {
  background: linear-gradient(transparent, transparent 69%, #fcd214 70%, #fcd214 90%, transparent 91%, transparent);
  text-decoration: none;
  font-weight: 600;
}
.BodyText h2,
.BodyText h3,
.BodyText h4 {
  margin-bottom: 2px;
  line-height: 1.25;
}
.BodyText h2:not(:first-child),
.BodyText h3:not(:first-child),
.BodyText h4:not(:first-child) {
  margin-top: 16px;
}
.BodyText h2 {
  color: var(--body-text-h2-color);
  font-size: 28px;
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .BodyText h2 {
    font-size: 34px;
  }
}
.BodyText h3 {
  text-transform: uppercase;
  color: var(--mixin-dark-blue-heading);
  font-size: 20px;
  font-weight: 700;
}
.BodyText h4 {
  text-transform: uppercase;
  color: #e26c1d;
}
.BodyText sup {
  font-weight: 700;
}
.BodyText p,
.BodyText ul,
.BodyText ol {
  margin-bottom: 8px;
}
.BodyText p:last-child,
.BodyText ul:last-child,
.BodyText ol:last-child {
  margin-bottom: 24px;
}
@media screen and (min-width: 37.5em) {
  .BodyText p:last-child,
  .BodyText ul:last-child,
  .BodyText ol:last-child {
    margin-bottom: 40px;
  }
}
.BodyText ul ul:last-child {
  margin-bottom: 0;
}
.BodyText table {
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #e8eced;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 16px;
  /* Border Radius */
  /* Round the top-left and top-right corners */
  /* Round the bottom-left and bottom-right corners */
}
.BodyText table table,
.BodyText table td,
.BodyText table th,
.BodyText table tr {
  border-right: 1px solid #e8eced;
  border-left: 1px solid #e8eced;
}
.BodyText table tr:first-child th:first-child {
  border-top-left-radius: 8px;
}
.BodyText table tr:first-child th:last-child {
  border-top-right-radius: 8px;
}
.BodyText table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.BodyText table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.BodyText table thead tr {
  background-color: #e8eced;
}
.BodyText table th {
  font-weight: 700;
}
.BodyText table td,
.BodyText table th {
  padding: 12px;
}
@media screen and (min-width: 37.5em) {
  .BodyText table td,
  .BodyText table th {
    padding: 16px;
  }
}
.BodyText table tbody tr:nth-child(even) {
  background-color: #f5f7f8;
}
.BodyText table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.BodyText table .Cell--top {
  vertical-align: top;
}
.BodyText table .Cell--vcenter {
  vertical-align: center;
}
.BodyText table .Cell--bottom {
  vertical-align: bottom;
}
.BodyText table .Cell--left {
  text-align: left;
}
.BodyText table .Cell--hcenter {
  text-align: center;
}
.BodyText table .Cell--right {
  text-align: right;
}
td .BodyText p:last-child, th .BodyText p:last-child,
td .BodyText ul:last-child,
th .BodyText ul:last-child,
td .BodyText ol:last-child,
th .BodyText ol:last-child {
  margin-bottom: 0;
}

.ThemedCard .BodyText p:last-child,
.ThemedCard .BodyText ul:last-child,
.ThemedCard .BodyText ol:last-child {
  margin-bottom: 0;
}
.ThemedCard .BodyText h4 {
  font-weight: 700;
}

.rs-OneUp--boxBackground .BodyText p:last-child,
.rs-OneUp--boxBackground .BodyText ul:last-child,
.rs-OneUp--boxBackground .BodyText ol:last-child {
  margin-bottom: 0;
}

.BreakdownChart-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 37.5em) {
  .BreakdownChart-content {
    flex-direction: row;
  }
}
.BreakdownChart-chartImage {
  margin-bottom: 32px;
}
@media screen and (min-width: 37.5em) {
  .BreakdownChart-chartImage {
    margin-right: 32px;
    margin-bottom: 0;
  }
}
.BreakdownChart-items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 37.5em) {
  .BreakdownChart-items {
    flex-direction: row;
    font-size: 16px;
  }
}
.BreakdownChart-item {
  display: flex;
  justify-content: flex-start;
  margin-right: 8px;
  margin-bottom: 8px;
}
@media screen and (min-width: 37.5em) {
  .BreakdownChart-item {
    flex-basis: calc(33% - 8px);
  }
}
.BreakdownChart-itemValue {
  margin-right: 2px;
  font-weight: 700;
}

.BudgetHeader {
  margin-bottom: 24px;
  border-bottom: 1px solid #d5d9db;
  padding-bottom: 24px;
}
.BudgetHeader-name {
  margin-bottom: 2px;
  font-size: 24px;
}

.BudgetTool {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  margin-right: 32px;
  margin-left: 32px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
}
@media (min-height: 800px) and (min-width: 800px) {
  .BudgetTool {
    position: fixed;
    top: 54%;
    right: 0;
    transform: translateX(20rem) translateY(-50%);
    z-index: 1;
    margin-right: 0;
    margin-left: 0;
    width: 19rem;
    animation: slide-in-right-center 250ms 500ms ease-out forwards;
  }
}
.BudgetTool-title {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.BudgetTool-titleIcon {
  margin-right: 2px;
  width: 18px;
  height: 18px;
}
@media (max-height: 875px) {
  .BudgetTool-titleIcon {
    width: 16px;
    height: 16px;
  }
}
@media (max-height: 875px) {
  .BudgetTool-heading {
    font-size: 16px;
  }
}
.BudgetTool-incomes {
  padding: 8px 24px;
}
@media (max-height: 875px) {
  .BudgetTool-incomes {
    padding: 8px 24px;
  }
}
.BudgetTool-expenses {
  padding: 8px 24px;
}
@media (max-height: 875px) {
  .BudgetTool-expenses {
    padding: 8px 24px;
  }
}
.BudgetTool-expenseGroup:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-height: 875px) {
  .BudgetTool-expenseGroup:not(:last-child) {
    margin-bottom: 8px;
  }
}
.BudgetTool-divider {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  background-color: #e8eced;
  height: 2px;
}

@keyframes slide-in-right-center {
  100% {
    transform: translateX(0) translateY(-50%);
  }
}
:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.DidYouKnow {
  --top-left-corner-image: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/didyouknow-corner-top.png);
  --bottom-right-corner-image: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/didyouknow-corner-bottom.png);
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  position: relative;
  margin-bottom: 40px;
  padding: 8px 40px 8px 48px;
  font-size: 18px;
}
.DidYouKnow--fipfMs {
  --top-left-corner-image: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-didyouknow-corner-top.png);
  --bottom-right-corner-image: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/ms-fipf/images/ltf/ms-didyouknow-corner-bottom.png);
}
.DidYouKnow--kenCareerCourse {
  --top-left-corner-image: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-didyouknow-corner-top.png);
  --bottom-right-corner-image: url(https://cdn.ramseysolutions.net/education/ramseyhomeschool/career/ltf/career-didyouknow-corner-bottom.png);
}
.DidYouKnow--economics {
  --top-left-corner-image: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/top-l-corner-sm.png);
  --bottom-right-corner-image: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/bottom-r-corner-sm.png);
}
.DidYouKnow-cornerImage {
  position: absolute;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}
.DidYouKnow-topLeft {
  top: 0;
  left: 0;
  background-image: var(--top-left-corner-image);
  width: 100%;
  height: var(--top-left-corner-image-height);
}
@media screen and (min-width: 37.5em) {
  .DidYouKnow-topLeft {
    height: var(--top-left-corner-image-height-media-query-sm-and-up);
  }
}
.DidYouKnow-bottomRight {
  right: 0;
  bottom: 0;
  background-image: var(--bottom-right-corner-image);
  background-position: right bottom;
  width: 100%;
  max-height: var(--bottom-right-corner-image-max-height);
}
@media screen and (min-width: 37.5em) {
  .DidYouKnow-bottomRight {
    max-height: var(--bottom-right-corner-image-max-height-media-query-sm-and-up);
  }
}
.DidYouKnow-title {
  border-bottom: 3px solid var(--did-you-know-underline-color);
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 600;
}
@media (max-width: 37.5em) {
  .DidYouKnow-title {
    margin-bottom: 0;
  }
}
.DidYouKnow-body {
  position: relative;
  z-index: 1;
}
.DidYouKnow-body p:last-child,
.DidYouKnow-body ul:last-child,
.DidYouKnow-body ol:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .DidYouKnow {
    margin-bottom: 40px;
    padding: 24px 64px 24px 48px;
  }
}

.EndOfLessonCard {
  line-height: 1.25;
}
.EndOfLessonCard-comprehensionCheckIcon {
  margin-right: -5px;
  margin-left: 4px;
  padding-bottom: 3px;
  vertical-align: bottom;
}

.FancyBullet:not(:last-child) {
  margin-bottom: 32px;
}
.FancyBullet-content {
  display: flex;
  line-height: 1.1;
  font-size: 18px;
}
.FancyBullet-bullet {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  margin-right: 4px;
  border-radius: 50%;
  background-color: var(--fancy-bullet-color);
  width: 21px;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
.FancyBullet-subtext {
  font-size: 12px;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.FancyCard {
  margin-bottom: 40px;
  line-height: 1.25;
}
@media screen and (min-width: 56.25em) {
  .FancyCard {
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .CurriculumLayout--econ .FancyCard-cutout, .CurriculumLayout--econ .FancyCard--blue .FancyCard-cutout {
    clip-path: shape(from 100% 0, hline to 90px, arc to 0 77px of 160px cw, vline to 100%, hline to calc(100% - 37px - 58px), arc to 100% calc(100% - 45px - 37px) of 157px cw, hline to 100%);
  }
  .CurriculumLayout--econ .FancyCard-card::before, .CurriculumLayout--econ .FancyCard--blue .FancyCard-card::before {
    top: -16px;
    left: -32px;
    width: 97px;
    content: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/top-l-crop-lines.svg);
  }
  .CurriculumLayout--econ .FancyCard-card::after, .CurriculumLayout--econ .FancyCard--blue .FancyCard-card::after {
    right: -27px;
    bottom: -39px;
    width: 120px;
    content: url(https://cdn.ramseysolutions.net/education/hs/economics/first-edition/images/bottom-r-crop-lines.svg);
  }
  .FancyCard-cutout {
    margin: -37px;
    padding: 37px;
    clip-path: polygon(99px 0, 100% 0, 100% calc(100% - 153px), calc(100% - 99px) 100%, 0 100%, 0 142px);
  }
  .FancyCard-card {
    position: relative;
    padding: 48px;
  }
  .FancyCard-card::before {
    position: absolute;
    top: -30px;
    left: -30px;
    content: var(--fancy-card-left-corner);
  }
  .FancyCard-card::after {
    position: absolute;
    right: -37px;
    bottom: -34px;
    content: var(--fancy-card-right-corner);
  }
  .FancyCard--blue .FancyCard-cutout {
    clip-path: polygon(96px 0, 100% 0, 100% calc(100% - 146px), calc(100% - 96px) 100%, 0 100%, 0 145px);
  }
  .FancyCard--blue .FancyCard-card::before {
    top: -36px;
    left: -30px;
    content: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/keyterm-top-corner.svg);
  }
  .FancyCard--blue .FancyCard-card::after {
    right: -37px;
    bottom: -44px;
    content: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/keyterm-bottom-corner.svg);
  }
}
.FancyCard-card {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  padding: 24px;
}
@media screen and (min-width: 37.5em) {
  .FancyCard-card {
    padding: 32px;
  }
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.FoundationHighlight {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  display: inline-block;
  margin-bottom: 40px;
  padding: 8px;
}
.FoundationHighlight-content {
  display: flex;
  align-items: center;
}
.FoundationHighlight-image {
  margin-right: 8px;
  width: 42px;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.GivingCard {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  position: relative;
  margin-bottom: 40px;
  background-color: #0073b9;
  overflow: hidden;
}
.GivingCard-header {
  display: none;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: 8px;
  padding-right: 2px;
  padding-left: 2px;
}
@media screen and (min-width: 37.5em) {
  .GivingCard-header {
    display: block;
  }
}
.GivingCard-text {
  position: relative;
  padding-right: 48px;
  padding-bottom: 40px;
  padding-left: 48px;
  color: #ffffff;
  font-size: 18px;
}
@media screen and (min-width: 37.5em) {
  .GivingCard-text {
    columns: 2;
  }
}
.GivingCard-heading {
  margin-bottom: 8px;
  padding-top: 8px;
  line-height: 1.1;
  font-size: 34px;
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .GivingCard-heading {
    display: none;
  }
}
.GivingCard-topLeft {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/giving-corner-top.png);
  width: 112px;
  height: 203px;
}
.GivingCard-bottomRight {
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/giving-corner-bottom.png);
  width: 69px;
  height: 126px;
}

.Header {
  display: flex;
  margin-bottom: 8px;
  line-height: 1.1;
  color: var(--header-color);
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .Header {
    margin-bottom: 32px;
  }
}
.Header-left {
  display: flex;
}
.Header-lesson {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.Header-lessonLabel {
  text-transform: uppercase;
  font-size: 18px;
}
.Header-lessonNumber {
  margin-top: -4px;
  font-size: 72px;
}
@media screen and (min-width: 37.5em) {
  .Header-lessonNumber {
    margin-top: -8px;
    font-size: 123px;
  }
}
.Header-divider {
  margin-top: 2px;
  margin-right: 8px;
  margin-left: 8px;
  background-color: var(--header-divider-color);
  width: 3px;
  height: 80%;
}
@media screen and (min-width: 37.5em) {
  .Header-divider {
    margin-right: 24px;
    margin-left: 24px;
  }
}
.Header-title {
  margin-top: -4px;
  font-size: 28px;
  font-weight: 700;
}
@media (max-width: 37.5em) {
  .Header-title {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 37.5em) {
  .Header-title {
    font-size: 60px;
  }
}
.Header-title--econ {
  margin-bottom: 16px;
}
.Header--withChapter {
  display: block;
  line-height: 1;
}
.Header--econ {
  display: block;
  line-height: 1;
}
.Header-chapterBadge {
  display: inline-block;
  transform: skew(-15deg);
  background-color: var(--chapter-badge-color);
  padding: 2px 24px;
}
.Header-chapterBadgeText {
  display: block;
  transform: skew(15deg);
  padding-top: 2px;
  line-height: 1.1;
  color: var(--chapter-badge-text);
  font-size: 16px;
  font-weight: 600;
}
.Header--small .Header-title {
  font-size: 28px;
}
@media screen and (min-width: 37.5em) {
  .Header--small .Header-title {
    font-size: 48px;
  }
}
.Header--small .Header-lessonNumber {
  margin-top: -4px;
  font-size: 74px;
}
@media screen and (min-width: 37.5em) {
  .Header--small .Header-lessonNumber {
    font-size: 88px;
  }
}
.Header--small .Header-lessonLabel {
  font-size: 16px;
}
.Header--small .Header-divider {
  margin-top: 0;
  margin-right: 24px;
  margin-left: 24px;
  height: 87%;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.IntroCard {
  margin-bottom: 40px;
}
@media screen and (min-width: 56.25em) {
  .IntroCard {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media screen and (min-width: 56.25em) {
  .IntroCard-cutout {
    margin: -35px;
    padding: 35px;
    clip-path: polygon(98px 0, 100% 0, 100% calc(100% - 147px), calc(100% - 97px) 100%, 0 100%, 0 148px);
  }
}
.IntroCard-topLeft {
  display: none;
}
@media screen and (min-width: 56.25em) {
  .IntroCard-topLeft {
    display: block;
    position: absolute;
    top: -30px;
    left: -28px;
  }
}
.IntroCard-bottomRight {
  display: none;
}
@media screen and (min-width: 56.25em) {
  .IntroCard-bottomRight {
    display: block;
    position: absolute;
    right: -15px;
    bottom: -28px;
  }
}
.IntroCard-card {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  padding: 24px;
  line-height: 1.25;
}
@media screen and (min-width: 56.25em) {
  .IntroCard-card {
    position: relative;
    padding: 40px 64px 40px 48px;
  }
}
.IntroCard-section {
  border-bottom: solid 1px #d5d9db;
  padding-top: 24px;
  padding-bottom: 24px;
}
.IntroCard-section ul {
  padding-left: 20px;
}
.IntroCard-section:first-of-type {
  padding-top: 0;
}
.IntroCard-section:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.IntroCard-title {
  display: inline-block;
  margin-bottom: 0;
  text-transform: uppercase;
  color: var(--intro-card-heading-color);
  font-size: 20px;
  font-weight: 700;
}
.IntroCard-titleText {
  position: relative;
  z-index: 1;
}
.CurriculumLayout--econ .IntroCard-title::after {
  display: block;
  position: relative;
  top: -2px;
  left: -7px;
  transform: skew(-20deg);
  margin-top: -9px;
  background-color: #ebf4fa;
  background-image: none;
  width: calc(100% + 14px);
  height: 10px;
  content: "";
}
.IntroCard-keyTerms p {
  line-height: 1.5;
}
.IntroCard-actions {
  display: flex;
}
.IntroCard-actions > :not(:last-child) {
  margin-right: 24px;
}

.MultiColumnLayout:not(:last-child) {
  margin-bottom: 8px;
}
.MultiColumnLayout-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 37.5em) {
  .MultiColumnLayout-content {
    flex-direction: row;
  }
}
.MultiColumnLayout-content > * {
  flex: 1;
}
.MultiColumnLayout-content > *:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (min-width: 37.5em) {
  .MultiColumnLayout-content > *:not(:last-child) {
    margin-right: 8px;
    margin-bottom: 0;
  }
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.MyStory {
  margin-bottom: 40px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
}
.MyStory-headerImage {
  display: block;
  border-radius: 8px 8px 0 0;
}
.MyStory-body {
  border-radius: 0 0 8px 8px;
  background-image: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/message-background.jpg);
  background-position: top left;
  background-size: cover;
  padding: 40px 48px;
  color: #ffffff;
}
.MyStory-pulloutQuote {
  display: flex;
  align-items: stretch;
  margin-bottom: 32px;
}
.MyStory-pulloutQuoteText {
  padding-right: 32px;
  padding-left: 8px;
  line-height: 1;
  font-size: 24px;
  font-weight: 700;
}
.MyStory-pulloutQuoteAccent {
  flex-shrink: 0;
  margin-top: 3px;
  margin-bottom: 3px;
  background-color: #e26c1d;
  width: 12px;
}

.NoBulletListItem {
  margin-bottom: 8px;
  line-height: 1.1;
}
@media (max-width: 37.5em) {
  .NoBulletListItem:last-child {
    margin-bottom: 8px;
  }
}

.PercentChart {
  font-size: 16px;
}
.PercentChart-chart {
  display: flex;
  align-items: center;
}
.PercentChart-emptyBar {
  position: relative;
  margin-right: 4px;
  border-radius: 8px;
  background-color: #b6bec2;
  width: 68px;
  height: 6px;
}
.PercentChart-progressBar {
  position: absolute;
  border-radius: 4px;
  background-image: var(--progress-bar-background-image);
  height: 6px;
}
.PercentChart-progressBar--rightToLeft {
  right: 0;
  transform: rotate(180deg);
}
.PercentChart-percent {
  font-weight: 700;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.PersonalityQuoteBlock {
  display: flex;
  position: relative;
  margin-bottom: 4px;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (min-width: 37.5em) {
  .PersonalityQuoteBlock {
    padding-bottom: 40px;
  }
}
.PersonalityQuoteBlock-borderLeft {
  flex-shrink: 0;
  margin-right: 8px;
  background-color: #ade9ff;
  width: 6px;
}
@media screen and (min-width: 37.5em) {
  .PersonalityQuoteBlock-borderLeft {
    margin-right: 32px;
    width: 12px;
  }
}
.PersonalityQuoteBlock-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.PersonalityQuoteBlock-text {
  transform: translateY(-6px);
  padding-bottom: 48px;
  line-height: 1.1;
  color: #e26c1d;
  font-size: 28px;
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .PersonalityQuoteBlock-text {
    font-size: 34px;
  }
}
.PersonalityQuoteBlock-image {
  position: absolute;
  bottom: -5px;
  max-width: 70%;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.QuestionGroup {
  margin-bottom: 48px;
}
@media screen and (min-width: 37.5em) {
  .in-modeComfortable .QuestionGroup, .QuestionGroup.in-modeComfortable {
    margin-bottom: 64px;
  }
}
.QuestionGroup:last-child {
  margin-bottom: 0;
}
.QuestionGroup-image {
  display: block;
  margin-bottom: 4px;
}
.QuestionGroup-heading {
  display: inline-block;
  margin-bottom: 4px;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--question-group-heading-color);
  font-size: var(--question-group-heading-font-size);
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .QuestionGroup-heading {
    font-size: var(--question-group-heading-sm-and-up-font-size);
  }
}
.QuestionGroup-headingText {
  position: relative;
  z-index: 1;
}
.QuestionGroup-heading::after {
  display: block;
  position: relative;
  top: -2px;
  background-image: var(--question-group-underline-img);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 16px;
  content: "";
}
.CurriculumLayout--econ .QuestionGroup-heading::after {
  left: -7px;
  transform: skew(-20deg);
  margin-top: -9px;
  background-color: #ebf4fa;
  background-image: none;
  width: calc(100% + 14px);
  height: 10px;
}
.QuestionGroup-instructions {
  margin-bottom: 24px;
  color: #69757a;
  font-size: 20px;
  font-style: italic;
}
.QuestionGroup-instructions:last-child {
  margin-bottom: 8px;
}
.QuestionGroup--noInstructions > .QuestionGroup-heading {
  margin-bottom: 24px;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.QuestionLeadIn {
  margin-bottom: 40px;
}
.QuestionLeadIn-heading {
  text-transform: uppercase;
  color: var(--mixin-dark-blue-heading);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.QuestionLeadIn-text {
  margin-bottom: 0;
  color: #495257;
}
.QuestionLeadIn-helper {
  margin-bottom: 24px;
  color: #69757a;
  font-size: 20px;
  font-style: italic;
}

.Sources {
  margin-top: 64px;
  border-top: 2px solid #d5d9db;
  padding-top: 32px;
  color: #333a3d;
  font-size: 14px;
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.ThirdPartyQuoteBlock {
  position: relative;
  margin-bottom: 40px;
  border-top: 3px solid #e8eced;
  border-bottom: 3px solid #e8eced;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (min-width: 37.5em) {
  .ThirdPartyQuoteBlock {
    padding-left: 7rem;
  }
}
.ThirdPartyQuoteBlock::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/quotation-marks.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5rem;
  height: 5rem;
  content: "";
}
@media (max-width: 37.5em) {
  .ThirdPartyQuoteBlock::before {
    display: none;
  }
}
.ThirdPartyQuoteBlock-attribution {
  font-size: 16px;
}
.ThirdPartyQuoteBlock-attributionName {
  font-weight: 600;
}

.VideoQuote {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 37.5em) {
  .VideoQuote {
    margin-bottom: 8px;
  }
}
.VideoQuote-personalityImage {
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 50%;
  width: 55px;
  height: 55px;
}
@media screen and (min-width: 37.5em) {
  .VideoQuote-personalityImage {
    width: 114px;
    height: 114px;
  }
}
.VideoQuote-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.VideoQuote-contentText {
  margin-bottom: 2px;
  line-height: 1.25;
  color: #004477;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
}
@media screen and (min-width: 37.5em) {
  .VideoQuote-contentText {
    margin-bottom: 4px;
    font-size: 20px;
  }
}
.VideoQuote-contentImage {
  width: 50%;
}
@media screen and (min-width: 37.5em) {
  .VideoQuote-contentImage {
    width: auto;
  }
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.WordsOfWisdom {
  display: flex;
  position: relative;
  margin-bottom: 4px;
  padding-top: 24px;
  padding-bottom: 24px;
  /* stylelint-disable selector-no-qualifying-type */
  /* stylelint-enable selector-no-qualifying-type */
}
@media screen and (min-width: 37.5em) {
  .WordsOfWisdom {
    padding-bottom: 40px;
  }
}
.WordsOfWisdom-borderLeft {
  flex-shrink: 0;
  margin-right: 8px;
  background-color: #ade9ff;
  width: 6px;
}
@media screen and (min-width: 37.5em) {
  .WordsOfWisdom-borderLeft {
    margin-right: 32px;
    width: 12px;
  }
}
.WordsOfWisdom-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.WordsOfWisdom-label {
  margin-top: -2px;
  margin-bottom: 4px;
  text-transform: uppercase;
  line-height: 1;
  color: #004477;
  font-size: 16px;
  font-weight: 600;
}
.WordsOfWisdom blockquote.WordsOfWisdom-text {
  margin-bottom: -5px;
  margin-left: 0;
  line-height: 1.1;
  color: #e26c1d;
  font-size: 28px;
  font-weight: 700;
}
@media screen and (min-width: 37.5em) {
  .WordsOfWisdom blockquote.WordsOfWisdom-text {
    font-size: 34px;
  }
}

:root {
  --header-color: #0091d9;
  --rds-heading-color-1: #0091d9;
  --rds-heading-color-2: #004477;
  --rds-heading-color-3: #e26c1d;
  --header-divider-color: #61d5ff;
  --body-text-underline-color: #ade9ff;
  --body-text-h2-color: #0091d9;
  --chapter-badge-color: #e26c1d;
  --chapter-badge-text: #ffffff;
  --intro-card-heading-color: #e26c1d;
  --mixin-dark-blue-heading: #004477;
  --question-group-heading-color: #e26c1d;
  --question-group-heading-font-size: 20px;
  --question-group-heading-sm-and-up-font-size: 24px;
  --question-group-underline-img: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/Underline.png);
  --fancy-bullet-color: #f58331;
  --did-you-know-underline-color: #ade9ff;
  --top-left-corner-image-height: 75px;
  --top-left-corner-image-height-media-query-sm-and-up: 75px;
  --bottom-right-corner-image-max-height: 75px;
  --bottom-right-corner-image-max-height-media-query-sm-and-up: 150px;
  --fancy-card-left-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-left-diag.svg);
  --fancy-card-right-corner: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/end-card-right-diag.svg);
  --progress-bar-background-image: linear-gradient(90deg, #faab19, #e66f20);
  --page-corner-style1-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-top-corner.png);
  --page-corner-style1-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/ch-review-bottom-corner.png);
  --page-corner-style2-top-left: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-top.png);
  --page-corner-style2-bottom-right: url(https://cdn.ramseysolutions.net/education/hs/personal_finance/images/post-test-bottom.png);
}

.rs-ContentList-item {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.rs-ContentList-item ul {
  list-style: disc;
}
.rs-ContentList-item ul ul {
  list-style: circle;
}
.rs-ContentList-item ul ul ul {
  list-style: square;
}

.WrappedImage {
  margin-bottom: 40px;
}
.WrappedImage--card {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(31, 36, 38, 0.12);
  background-color: #ffffff;
  overflow: hidden;
}

/*# sourceMappingURL=/ruby/ramsey-homeschool-app/assets/application-2b92c7d3.css.map */