@layer reset {
  /* TODO: move fonts to CDN (Netstorage or S3) */
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.2px;
    src: url('https://qpp.cms.gov/assets/fonts/Rubik-Light.ttf');
  }

  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.2px;
    src: url('https://qpp.cms.gov/assets/fonts/Rubik-Regular.ttf');
  }

  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.2px;
    src: url('https://qpp.cms.gov/assets/fonts/Rubik-Medium.ttf');
  }

  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.2px;
    src: url('https://qpp.cms.gov/assets/fonts/Rubik-Bold.ttf');
  }

  @font-face {
    font-family: 'FontAwesome';
    src:
      url('https://qpp.cms.gov/assets/fonts/fontawesome-webfont.eot?')
        format('eot'),
      url('https://qpp.cms.gov/assets/fonts/fontawesome-webfont.woff2')
        format('woff2'),
      url('https://qpp.cms.gov/assets/fonts/fontawesome-webfont.woff')
        format('woff'),
      url('https://qpp.cms.gov/assets/fonts/fontawesome-webfont.ttf')
        format('truetype'),
      url('https://qpp.cms.gov/assets/fonts/fontawesome-webfont.svg')
        format('svg');
  }

  :root {
    --spacer-1: 8px;
    --spacer-2: 16px;
    --color-white: #fff;
    --color-base: #262626;
    --color-info: #3e94cf;
    --color-info-lightest: #ecf4fa;
    --color-error: #e31c3d;
    --color-error-lightest: #fef5f7;
    --color-success: #12890e;
    --color-success-lightest: #f6faf5;
    --color-warn: #f8c41f;
    --color-warn-lightest: #fef9e9;
    --primary: #125496;
    --color-visited: #4c2c92;
    --font-family-base: 'Rubik', system-ui;
    --alert__background-color--lightweight: var(--color-white);
    --alert__border-left-color: var(--color-info);
    --alert__border-color--error: var(--color-error);
    --alert__border-color--success: var(--color-success);
    --alert__border-color--warn: var(--color-warn);
    --alert__font-color: var(--color-base);
    --alert__background-color: var(--color-info-lightest);
    --alert__background-color--error: var(--color-error-lightest);
    --alert__background-color--success: var(--color-success-lightest);
    --alert__background-color--warn: var(--color-warn-lightest);
    --alert__icon-size: 1.5rem;
    --alert__padding: var(--spacer-2);
    --alert-bar__width: var(--spacer-1);
    color: #333;
  }

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

  html {
    font-family: var(--font-family-base);
    text-size-adjust: none;
    scroll-behavior: smooth;
  }

  body {
    margin: 0;
    line-height: 1.5;
    min-height: 100vh;
  }

  img,
  picture,
  video,
  canvas {
    display: block;
    max-width: 100%;
  }

  input,
  button,
  textarea,
  select {
    font: inherit;
  }

  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }

  p {
    text-wrap: pretty;
  }

  button:not(:disabled) {
    cursor: pointer;
  }

  a {
    color: #125496;
    :visited {
      color: var(--color-visited);
    }
  }
  a:hover,
  a:focus {
    text-decoration: none;
  }
}

@layer colors {
  :root {
    --accent-color: var(--blue);
    --primary-text-color: var(--gray70);
    --accent-color-hover: #05548f;
  }
}

@layer utilities {
  .hidden {
    display: none;
    @layer homepage-intro {
      .homepage-intro-container {
        max-width: 1489px;
        margin: auto;
      }
    }
  }
}

@layer homepage-intro {
  .homepage-intro-container {
    max-width: 1489px;
    margin: auto;
  }

  .homepage-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr minmax(350px, 900px);
    column-gap: 40px;
    row-gap: 30px;
    justify-self: start;
    align-items: center;
    padding-inline: 30px;

    @media all and (max-width: 1210px) {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .intro-text {
      display: grid;
      row-gap: 30px;

      h1 {
        color: var(--navy);
        font-weight: 400;
        font-size: 48px;
        line-height: 54px;
      }

      p {
        color: var(--gray70);
        font-weight: 400;
        font-size: 24px;
        line-height: 30px;
      }

      a {
        width: 120px;

        &:focus,
        &:hover {
          .get-started-btn {
            background-color: var(--accent-color-hover);
          }
        }
      }

      .get-started-btn {
        background-color: var(--blue);
        color: var(--white);
        border: none;
        border-radius: 31px;
        padding-top: 12px;
        padding-right: 16px;
        padding-bottom: 12px;
        padding-left: 16px;
        gap: 8px;
        text-decoration: none;

        &:focus,
        &:hover {
          background-color: var(--accent-color-hover);
        }
      }
    }
  }

  .video-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 4px 8px var(--shadow20);
  }

  .thumbnail-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
  }

  .thumbnail-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .thumbnail-wrapper:focus,
  .thumbnail-wrapper:hover {
    .thumbnail-image {
      transform: scale(1.05);
    }

    .play-button svg {
      fill: var(--accent-color-hover);
    }
  }

  .play-button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: var(--grayPlayButton);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: all 0.3s ease;

    @media all and (max-width: 440px) {
      width: 50px;
      height: 50px;
    }
  }

  .youtube-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

  .video-title {
    margin-top: 10px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
  }

  .dark-overlay {
    position: absolute;
    display: grid;
    grid-template-columns: 32%;
    grid-template-rows: 25px;
    justify-content: center;
    padding-top: 50px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;

    @media all and (max-width: 400px) {
      padding-top: 15px;
      grid-template-rows: 10px;
    }

    @media (min-width: 400px) and (max-width: 540px) {
      padding-top: 25px;
      grid-template-rows: 15px;
    }

    @media (min-width: 540px) and (max-width: 690px) {
      padding-top: 35px;
      grid-template-rows: 20px;
    }

    .thumbnail-overlay-text {
      font-family: Rubik;
      font-weight: 400;
      font-size: 20px;
      line-height: 100%;
      color: var(--gray80);
      display: block;

      @media all and (max-width: 300px) {
        font-size: 7px;
      }

      @media (min-width: 300px) and (max-width: 380px) {
        font-size: 8px;
      }

      @media (min-width: 380px) and (max-width: 440px) {
        font-size: 11px;
      }

      @media (min-width: 440px) and (max-width: 540px) {
        font-size: 13px;
      }

      @media (min-width: 540px) and (max-width: 690px) {
        font-size: 16px;
      }
    }
  }

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .thumbnail-wrapper:focus {
    outline: 3px solid var(--blue);
    outline-offset: 2px;
  }
}

@layer homepage-search {
  .homepage-search-section {
    margin: auto;
    padding: 0 30px 0 0;

    @media all and (max-width: 900px) {
      padding: 10px 30px;
    }
  }

  .homepage-search-wrapper {
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 40px;
    row-gap: 20px;
    margin-bottom: 45px;

    @media all and (max-width: 900px) {
      grid-template-columns: 1fr;
    }

    .left-search-background {
      background-color: var(--homepageSearch);
      border: none;
      border-radius: 0 100px 100px 0;
      display: grid;
      justify-content: end;
      align-items: center;
      padding-right: 40px;

      @media all and (max-width: 900px) {
        display: none;
      }
    }

    .homepage-search-container {
      display: grid;
      row-gap: 15px;

      @media all and (max-width: 900px) {
        place-self: center stretch;
      }

      h2 {
        font-family: Rubik;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
        color: var(--gray80);
      }

      p {
        font-family: Rubik;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0px;
        color: var(--gray80);
      }

      label {
        font-family: Rubik;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0px;
        color: var(--gray80);
        margin-bottom: 20px;
      }

      .form-button-grid {
        display: grid;
        grid-template-columns: auto 97px;
        justify-content: start;
        align-items: center;
        margin-top: 5px;

        @media all and (max-width: 900px) {
          grid-template-columns: 6fr 1fr;
          place-self: center stretch;
        }

        input {
          display: inline-block;
          background-color: var(--white);
          border: 1px solid var(--gray10);
          border-radius: 25px 0 0 25px;
          height: 42px;
          max-width: none;
          padding: 0 10px;
          width: 600px;

          @media (max-width: 900px) {
            width: auto;
          }
        }

        button {
          display: inline-block;
          border-radius: 0 25px 25px 0;
          cursor: pointer;
          color: var(--white);
          font-size: 1rem;
          height: 42px;
          padding: 0 10px;
          width: 97px;
          border: none;
          background-color: var(--blue);
          font-family: Rubik;
          font-weight: 500;
          font-size: 14px;
          letter-spacing: 0px;
          text-align: center;
          transition: background-color 0.2s;

          &:focus,
          &:hover {
            background-color: var(--accent-color-hover);
          }
        }
      }
    }
  }
}

@layer homepage-timeline {
  .qpp-timeline-container {
    width: 100%;
    max-width: 1489px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 0 20px;
  }

  .section-title {
    margin-bottom: 2rem;
    color: var(--gray80);
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
  }

  .timeline-wrapper {
    position: relative;
  }

  .timeline-line {
    position: absolute;
    height: 4px;
    background-color: var(--gold20);
    width: calc(100% - 60px);
    top: 30px;
    left: 30px;
    z-index: 1;
  }

  .timeline-steps {
    display: grid;
    grid-template-columns: 3fr 3fr 1fr;
    gap: 1rem;
    position: relative;
    z-index: 2;
  }

  .timeline-step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .timeline-node {
    width: 60px;
    height: 60px;
    background-color: var(--gold20);
    border-radius: 50%;
    margin-bottom: 1.5rem;
  }

  .timeline-content {
    width: 100%;
    padding-right: 1rem;
    margin-top: 0;
  }

  .timeline-year {
    color: var(--gray70);
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

  .timeline-title {
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0px;
  }

  .timeline-description {
    margin-bottom: 1.5rem;
    font-family: Rubik;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
  }

  .timeline-buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  .primary-button {
    background-color: var(--blue);
    color: var(--white);
    padding: 12px 16px;
    border-radius: 31px;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    transition: background-color 0.2s;
  }

  .primary-button-alt {
    background-color: var(--white);
    color: var(--gray80);
    border: 1px solid var(--gray10);
  }

  .primary-button:hover {
    background-color: var(--accent-color-hover);
  }

  .primary-button-alt:hover {
    background-color: var(--grayLighter);
  }

  .no-fill {
    background-color: none;
    color: var(--gray80);
  }

  .secondary-button {
    color: var(--blue70);
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
  }

  .timeline-link-container {
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

  .timeline-link {
    color: var(--blue70);
    margin-top: 1.5rem;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0px;
    text-decoration: underline;
  }

  @media (max-width: 767px) {
    .section-title {
      color: var(--gray80);
      margin-bottom: 50px;
      font-family: Rubik;
      font-weight: 400;
      font-size: 32px;
      line-height: 40px;
      letter-spacing: 0px;
    }

    .timeline-steps {
      grid-template-columns: 1fr;
      gap: 60px;
      padding-left: 41px;
      gap: 50px;
    }

    .timeline-line {
      width: 4px;
      height: calc(100% - 30px);
      top: 30px;
      left: 30px;
    }

    .timeline-step {
      flex-direction: row;
      margin-bottom: 1.5rem;
    }

    .timeline-node {
      width: 31px;
      height: 31px;
      margin-right: 1.5rem;
      margin-bottom: 0;
      flex-shrink: 0;
      margin-left: -25px;
    }

    .timeline-content {
      width: 100%;
      padding-right: 1rem;
      margin-top: -23px;
    }

    .timeline-link-container {
      margin-top: -2rem;
      justify-content: flex-start;
      margin-bottom: 25px;
    }

    .timeline-link {
      margin-top: 0;
    }
  }
}

@layer whats-changing {
  .whats-changing-section {
    margin: auto;
  }

  .homepage-changing-wrapper {
    display: grid;
    grid-template-columns: 18% auto;
    margin-bottom: 45px;

    @media all and (max-width: 2000px) {
      grid-template-columns: 17% auto;
    }

    @media all and (max-width: 1900px) {
      grid-template-columns: 16% auto;
    }

    @media all and (max-width: 1800px) {
      grid-template-columns: 15% auto;
    }

    @media all and (max-width: 1700px) {
      grid-template-columns: 14% auto;
    }

    @media all and (max-width: 1600px) {
      grid-template-columns: 13% auto;
    }

    @media all and (max-width: 1500px) {
      grid-template-columns: 12% auto;
    }

    @media all and (max-width: 1400px) {
      grid-template-columns: 20px auto;
    }

    @media all and (max-width: 1080px) {
      display: none;
    }

    .left-changing-background {
      border: none;
      display: block;
      justify-content: end;
      align-items: center;
      height: 168px;
      margin-left: 300px;

      @media all and (max-width: 900px) {
        display: none;
      }

      svg {
        margin-right: 56px;
      }
    }

    .right-changing-background {
      background-color: var(--gray04);
      border: none;
      border-radius: 100px 0 0 100px;
      display: grid;
      justify-content: start;
      align-items: center;
      height: 168px;
      padding-left: 40px;

      @media all and (max-width: 1080px) {
        display: none;
      }
    }
  }

  .info-card-container {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 0 20px;
    max-width: 800px;
    margin: -180px auto 50px auto;

    @media all and (max-width: 1080px) {
      margin: 0px auto 50px auto;
    }
  }

  .info-card {
    flex-grow: 1;
    background-color: var(--white);
    border-radius: 8px;
    border: 1px solid var(--gray20);
    border-top: 10px solid var(--gray20);
    padding: 1.5rem;
  }

  .card-year {
    color: var(--gray60);
    margin-bottom: 0.75rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

  .card-title {
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0px;
  }

  .card-description {
    margin-bottom: 1.5rem;
    color: var(--black);
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
  }

  .card-button {
    display: inline-block;
    background-color: var(--white);
    color: var(--gray80);
    padding: 0.75rem 1.5rem;
    border-radius: 31px;
    text-decoration: none;
    border: 1px solid var(--gray10);
    transition: background-color 0.2s;
    font-family: Rubik;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
  }

  .card-button:hover {
    background-color: var(--grayLighter);
  }

  @media (max-width: 768px) {
    .info-card-container {
      flex-direction: column;
      gap: 0;
    }

    .info-card-icon {
      display: none;
    }

    .info-card {
      width: 100%;
      border-radius: 8px;
    }

    .card-button {
      font-size: 0.95rem;
    }
  }
}

@layer homepage-news-and-updates {
  .wave-container {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='1705' height='1025' viewBox='0 0 1705 1025' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1705 12.8561C1705 12.8561 1442.41 94.1876 979.465 51.2404C707.887 26.0363 585.686 3.499 264.986 0.0767904C130.427 -1.35684 0 17.7582 0 17.7582V978.999C0 978.999 130.427 959.884 264.986 961.317C585.698 964.74 707.898 987.277 979.477 1012.48C1442.41 1055.43 1705 974.097 1705 974.097V12.8561Z' fill='%23F7F7F7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1705 / 400;
    padding: 50px 50px;
    margin-bottom: 100px;

    @media all and (max-width: 1780px) {
      aspect-ratio: 1705 / 1025;
      padding: 5% 20px;
      margin-bottom: 0;
    }

    @media all and (max-width: 992px) {
      background-color: var(--gray04);
      background-image: none;
    }
  }

  .qpp-news-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    .divider {
      height: 1px;
      background-color: var(--gray10);
      margin: 24px 0;
    }
  }

  .qpp-title {
    color: var(--gray80);
    margin: 0 0 24px 0;
    font-family: Rubik;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
  }

  .subscription-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    gap: 20px;

    @media all and (max-width: 1260px) {
      grid-template-columns: 1fr;
      gap: 0;
    }
  }

  .subscription-text {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
  }

  .subscription-form-container {
    width: 380px;

    @media all and (max-width: 1260px) {
      width: 100%;
    }
  }

  .subscription-form {
    display: flex;
    align-items: center;
  }

  .email-field-container {
    flex-grow: 1;
  }

  .email-label {
    position: absolute;
    left: -9999px;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  .subscribe-button {
    margin-left: 8px;
    padding: 8px 16px;
    background-color: var(--blue);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    height: 38px;
  }

  .subscribe-button:hover {
    background-color: var(--navy);
  }

  .news-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;

    @media all and (max-width: 600px) {
      gap: 0;
    }
  }

  .news-item {
    display: flex;
    overflow: hidden;

    @media all and (max-width: 600px) {
      display: block;
      margin: none;
    }

    p {
      color: var(--grayDark);
      margin: 0 0 12px 0;
      font-weight: 400;
      font-size: 18px;
      line-height: 27px;
      letter-spacing: 0px;
      margin: 15px 0;
    }
  }

  .date-box {
    position: relative;
    width: 75px;
    height: 75px;
    min-width: 75px;
    background-color: var(--white);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    margin: 16px 16px 0 0;
    overflow: hidden;
  }

  .date-box-yellow-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: var(--gold20);
  }

  .date-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }

  .date-day,
  .date-month {
    font-weight: 500;
    font-size: 18px;
    line-height: 22.5px;
    letter-spacing: 0px;
    text-align: center;
  }

  .news-content {
    padding: 16px 16px 16px 0;
    flex-grow: 1;
    max-width: 500px;
  }

  .performance-year {
    color: var(--gray70);
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
  }

  .news-title {
    color: var(--gray80);
    margin: 0 0 12px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0px;
    display: inline;
  }

  .news-link {
    color: var(--blue70);
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0px;
    text-decoration: underline;
    text-decoration-style: solid;
  }

  .news-link:hover {
    text-decoration: none;
  }

  @media (max-width: 992px) {
    .news-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 768px) {
    .subscription-section {
      flex-direction: column;
      align-items: flex-start;
    }

    .subscription-text-container {
      max-width: 100%;
      margin-bottom: 16px;
    }

    .subscription-form-container {
      width: 100%;
    }

    .subscription-form {
      flex-direction: column;
      align-items: stretch;
    }

    .subscribe-button {
      margin-left: 0;
      margin-top: 8px;
      width: fit-content;
    }
  }

  .subscription-form-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0;

    @media all and (max-width: 1260px) {
      grid-template-columns: 1fr;

      .qpp-newsletter,
      .qpp-small-practice-newsletter {
        justify-self: start;
        padding-right: none;
        padding-left: none;
        border-left: none;
      }

      .qpp-newsletter {
        margin-bottom: 20px;
      }
    }

    @media all and (min-width: 1260px) {
      grid-template-areas: 'form form';
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

      .qpp-newsletter {
        justify-self: end;
        padding-right: 50px;
      }

      .qpp-small-practice-newsletter {
        justify-self: start;
        padding-left: 50px;
        border-left: 1px solid var(--gray20);
      }
    }

    label {
      display: block;
      font-family: Rubik;
      font-weight: 500;
      font-size: 16px;
      line-height: 18.96px;
      margin: 15px 0;

      @media all and (min-width: 1260px) {
        font-family: Rubik;
        font-weight: 500;
        font-size: 16px;
        line-height: 18.96px;
        margin: 5px 0;
        margin-bottom: 20px;
      }
    }

    h2 {
      color: var(--gray80);
      font-family: Rubik;
      font-weight: 500;
      font-size: 18px;
      line-height: 22.5px;

      @media all and (min-width: 1260px) {
        font-family: Rubik;
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
      }
    }

    input {
      background-color: var(--white);
      border: 1px solid var(--gray10);
      border-radius: 25px 0 0 25px;
      height: 42px;
      padding: 0 10px;
      width: 510px;

      @media all and (max-width: 1260px) {
        width: auto;
      }
    }

    button {
      border-radius: 0 25px 25px 0;
      cursor: pointer;
      color: var(--white);
      font-size: 1rem;
      height: 42px;
      margin-bottom: 4px;
      padding: 0 10px;
      width: 97px;
      border: none;
      background-color: var(--blue);
      font-family: Rubik;
      font-weight: 500;
      font-size: 14px;
      letter-spacing: 0px;
      text-align: center;

      &:focus,
      &:hover {
        background-color: var(--accent-color-hover);
      }
    }

    .form-button-grid {
      display: grid;
      grid-template-columns: auto 97px;
      justify-content: start;

      @media all and (max-width: 1260px) {
        grid-template-columns: 6fr 1fr;
        place-self: center stretch;
      }
    }

    .qpp-newsletter,
    .qpp-small-practice-newsletter {
      input,
      button {
        display: inline-block;
      }
    }
  }
}

@layer page-template {
  h1.page-title {
    margin-top: 0;
    font-weight: 400;
    font-size: 48px;
    color: var(--navy);
  }

  .content-page {
    h2 {
      color: var(--navy);
      font-size: 32px;
      font-weight: 400;
      line-height: 40px;
    }

    h3 {
      font-size: 24px;
      font-weight: 400;
      margin-block: 1.5rem;
    }

    h4 {
      font-size: 18px;
      font-weight: 500;
      margin-block: 1rem;
    }

    h5 {
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      margin-block: 0;

      & + p {
        margin-top: 0;
      }
    }

    li {
      margin-block: 8px;
    }

    iframe {
      margin-top: 32px;
    }
  }

  .qpp-page-container {
    display: grid;
    grid-template-columns: 282px 1fr 282px;
    gap: 1.9rem;
    margin: 2.5rem auto;
    max-width: 1589px;
    padding: 0 2rem;
  }

  .new-resources,
  .related-page {
    display: grid;
    grid-template-columns: 15px auto;
    column-gap: 15px;
    margin-top: 15px;

    .download-icon {
      display: inline;
      width: 15px;
      height: 17px;
      margin-top: 6px;
      fill: var(--gray80);
    }

    .resource,
    .related-page-link {
      text-decoration: none;
      position: relative;
      text-underline-offset: 2px;
      text-decoration: none;
      text-decoration-thickness: 2.4px;
      font-weight: 400;
      font-size: 18px;
      line-height: 27px;
      color: var(--gray80);

      &:hover {
        text-decoration-line: underline;
        text-decoration-thickness: 2.4px;
      }

      span {
        color: var(--gray80);
        font-weight: 400;
        font-size: 18px;

        &.uppercase {
          text-transform: uppercase;
        }
      }
    }
  }

  .related-resources {
    padding-left: 1.4rem;
    border-left: 1px solid #ccc;
    align-self: start;

    h2 {
      font-weight: 500;
    }
  }

  .related-section {
    margin-top: 5.2rem;
  }

  .next-steps {
    background-color: var(--gray04);
    padding: 1.4rem;
  }
  .text-align-center {
    text-align: center;
  }
}

@layer qpp-components {
  .qpp-c-process-list__item::before {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 99rem;
    background-color: #f7f7f7;
    border: 0.25rem solid #ddd;
    box-shadow: 0 0 0 0.125rem #fff;
    color: #242424;
    content: counter(qpp-c-process-list, decimal);
    counter-increment: qpp-c-process-list;
    display: flex;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    height: 2.5rem;
    left: 0;
    line-height: 1;
    margin-top: -0.4rem;
    position: absolute;
    width: 2.5rem;
  }

  .qpp-c-process-list > li {
    margin-bottom: 0;
    max-width: unset;
  }

  .qpp-c-process-list {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.25;
    counter-reset: qpp-c-process-list;
    padding: 0.375rem 0 0 1.125rem;
    position: relative;

    ol {
      margin: auto;
    }
  }

  .qpp-c-process-list__item {
    border-left: 0.25rem solid #ddd;
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }

  .qpp-c-process-list__item:last-child {
    border-left: 0.25rem solid rgba(0, 0, 0, 0);
  }

  .qpp-c-process-list__item .qpp-c-process-list__heading {
    font-size: 1.5rem;
    line-height: 1.25;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 500;
    margin: 0 0 1rem 0;
  }
  .responsive-container:has(.qpp-custom-table) {
    margin-bottom: 1rem;
  }
  .py-selector-container {
    /* TODO: remove the !imporant after launch and apply this margin to the component css file */
    margin-block: 32px !important;
  }
  .qpp-custom-table {
    /* TODO: remove the !imporant after launch and apply this margin to the component css file */
    margin-block: 32px !important;
    table {
      border-collapse: collapse;
    }
    thead {
      background-color: #f7f7f7;
      text-align: left;
      border-bottom: 1px solid #d6d6d6;
    }
    th p {
      margin: 0;
    }
    tbody th {
      text-align: left;
      vertical-align: bottom;
    }

    tbody > tr {
      th ~ td {
        background-color: #f7f7f7;
      }
    }

    tbody tr:not(:last-child) {
      border-bottom: 1px solid #d6d6d6;
    }
    tbody td {
      padding: 1rem;
      vertical-align: top;
    }
    td.with-icon {
      vertical-align: middle;
    }
    .large-text {
      font-size: 18px;
      font-weight: 500;
    }
    .icon {
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 0.5rem;
    }
    .check-icon {
      margin-right: 0.32rem;
    }
    .with-icon p {
      display: inline;
    }
  }
}

@layer qpp-components {
  .qpp-c-search {
    position: relative;

    label {
      color: #333;
      font-size: 0.875rem;
      font-weight: 500;
      text-transform: none;
      display: block;
    }
  }

  .qpp-c-search .qpp-c-search__submit {
    display: inline-block;
    margin-top: 0;
  }

  .qpp-c-search .qpp-c-text-input {
    display: inline-block;
    padding-left: 2.5rem;
    margin-right: 0;
  }

  .qpp-c-search .qpp-c-text-input:placeholder-shown ~ button,
  .qpp-c-search .qpp-c-text-input:placeholder-shown ~ .qpp-c-search__icon {
    color: #515151;
  }

  .qpp-c-search .qpp-c-text-input:placeholder-shown ~ .qpp-c-search__clear {
    display: none;
  }

  .qpp-c-search .qpp-c-text-input::-webkit-search-cancel-button {
    display: none;
    appearance: none;
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  }

  .qpp-c-search .qpp-c-text-input::-ms-clear {
    display: none;
  }

  .qpp-c-search .qpp-c-search__icon {
    background: rgba(0, 0, 0, 0);
    border: 0.0625rem solid rgba(0, 0, 0, 0);
    position: absolute;
    margin: 0.25rem;
    padding: 0.3125rem;
    line-height: 0;
    color: #333;
    border-radius: 50%;
    display: inline-block;
    top: 0;
    left: 0;
  }

  .qpp-c-search .qpp-c-search__icon > svg {
    margin-top: 0;
    margin-bottom: 0;
    width: 1.25rem;
    height: 1.25rem;
  }

  .qpp-c-search .qpp-c-search__wrap {
    position: relative;
    display: inline-block;
    margin-right: 0.75rem;
  }

  .qpp-c-search .qpp-c-search__wrap .qpp-c-text-input {
    display: inline-block;
    margin-right: 0;
  }

  .qpp-c-search.qpp-c-search--global {
    position: relative;
  }

  .qpp-c-search.qpp-c-search--global .qpp-c-text-input {
    padding-left: 1rem;
    border-radius: 3px 0 0 3px;
  }

  .qpp-c-search.qpp-c-search--global .qpp-c-search__wrap {
    margin-right: 0;
    flex: 100%;
    z-index: 1;
  }

  .qpp-c-search.qpp-c-search--global .qpp-c-search__wrap > .qpp-c-text-input {
    width: 100%;
  }

  .qpp-c-search.qpp-c-search--global .qpp-c-search__submit {
    position: relative;
    border-radius: 0 3px 3px 0;
    margin-left: -0.0625rem;
    color: #0073c8;
  }

  .qpp-c-search.qpp-c-search--global .qpp-c-search__submit:focus {
    z-index: 1;
  }

  .qpp-c-search.qpp-c-search--global .qpp-c-search__submit:focus ~ * {
    z-index: 0;
  }

  .qpp-c-search.qpp-c-search--global .qpp-c-search__submit:hover {
    color: #125496 !important;
  }

  @media all and (min-width: 544px) {
    .qpp-c-search.qpp-c-search--global .qpp-c-search__submit {
      padding: 0.75rem 1.5rem;
    }
  }

  .qpp-c-search.qpp-c-search--compact .qpp-c-search__submit {
    background: rgba(0, 0, 0, 0);
    border: 0.0625rem solid rgba(0, 0, 0, 0);
    position: absolute;
    margin: 0.25rem;
    padding: 0.3125rem;
    line-height: 0;
    color: #333;
    border-radius: 50%;
    top: 0;
    right: 0;
  }

  .qpp-c-search.qpp-c-search--compact .qpp-c-search__submit > svg {
    margin-top: 0;
    margin-bottom: 0;
    width: 1.25rem;
    height: 1.25rem;
  }

  .qpp-c-search.qpp-c-search--compact .qpp-c-search__submit:disabled {
    color: #515151;
  }

  .qpp-c-search.qpp-c-search--compact .qpp-c-search__submit:hover {
    color: #333;
    background-color: rgba(0, 0, 0, 0.05);
  }

  .qpp-c-search.qpp-c-search--compact .qpp-c-search__submit:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .qpp-c-search.qpp-c-search--compact .qpp-c-search__submit:focus {
    border: 1px solid #125496;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #cbe4ff;
    outline: none;
    box-shadow: 0 0 0 3px #cbe4ff;
    border-radius: 50%;
    color: #333;
  }

  .qpp-c-search.qpp-c-search--compact
    .qpp-c-search__submit.qpp-c-button
    > .qpp-icon-mat {
    stroke-width: 0;
  }

  .qpp-c-search.qpp-c-search--compact .qpp-c-text-input {
    display: inline-block;
    padding-left: 1rem;
    padding-right: 2.5rem;
    margin-right: 0;
  }

  .qpp-c-search--header-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.25rem;
    margin-right: 0;
  }

  .qpp-c-search--header-container .qpp-c-search--header-container__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 435px;
    width: 100%;
    padding: 0 1.875rem;
  }

  .qpp-c-search--header-container .qpp-c-search--header-container__title {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 84px;
    width: 100%;
    background-color: #e6f5ff;
    color: #000;
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-bottom: 0.625rem;
    padding: 0.1875rem 0px;
    border-radius: 1.5px;
  }

  .qpp-c-search--header-container .survey-link {
    color: #125496;
    font-size: 0.75rem;
  }

  @media all and (min-width: 768px) {
    .qpp-c-search--header-container {
      align-items: flex-end;
      margin-right: 2.5rem;
    }

    .qpp-c-search--header-container .qpp-c-search--header-container__block {
      flex-direction: row;
      align-items: normal;
      padding: 0 0;
    }

    .qpp-c-search--header-container .qpp-c-search--header-container__title {
      margin-bottom: 0;
      border-radius: 3px 0px 0px 3px;
    }
  }

  @media (min-width: 860px) {
    .qpp-c-search--header-container .qpp-c-search--header-container__block {
      max-width: 505px;
    }
  }

  .qpp-c-dropdown {
    display: block;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    font-size: 0.875rem;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-size:
      1.125rem auto,
      100%;
    background-position:
      right 0.75rem top 50%,
      0 0;
    background-repeat: no-repeat, repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .qpp-c-dropdown:hover,
  .qpp-c-dropdown.qpp-c-dropdown--hover {
    background-color: #f7f7f7;
  }

  .qpp-c-dropdown:focus,
  .qpp-c-dropdown.qpp-c-dropdown--focus {
    border: 1px solid #0073c8;
    box-shadow: 0 0 0 4px #cbe4ff;
    outline: none;
    text-decoration: none;
  }

  .qpp-c-dropdown:disabled,
  .qpp-c-dropdown.qpp-c-dropdown--disabled {
    background-color: #f7f7f7;
    color: #717171;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(113, 113, 113)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    opacity: 1;
  }

  .qpp-c-dropdown--big {
    padding: 1rem 2.5rem 1rem 1rem;
  }

  .qpp-u-width--100 {
    width: 100% !important;
  }

  .qpp-u-fill--blue-70 {
    background-color: var(--navyMedium) !important;
  }

  .qpp-u-color--white {
    color: var(--white) !important;
  }

  .qpp-u-visually-hidden,
  .qpp-u-visually-hidden-focusable:not(:focus) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .flex-row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em 0;
  }

  @media (min-width: 768px) {
    .flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 768px) {
    .flex-row .panel,
    .flex-row .well {
      width: calc(50% - 10px);
    }
  }

  .qpp-c-button.qpp-c-button--secondary,
  .qpp-c-button:visited.qpp-c-button--secondary,
  .qppds .qpp-c-button.qpp-c-button--secondary,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary {
    background-color: var(--white);
    border: 1px solid var(--grayLighter);
    color: var(--gray80);
    font-size: 0.875rem;
  }

  .qpp-c-button,
  .qpp-c-button:visited,
  .qppds .qpp-c-button,
  .qppds .qpp-c-button:visited {
    background-color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;
  }

  @media (min-width: 768px) {
    .qpp-u-sm-padding--32 {
      padding: 2rem !important;
    }
  }

  .qpp-u-padding--24 {
    padding: 1.5rem !important;
  }

  .qpp-u-sm-padding--32 {
    padding: 2rem !important;
  }

  .qpp-u-margin-top--24 {
    margin-top: 1.5rem !important;
  }

  .qpp-u-margin-right--16 {
    margin-right: 1rem !important;
  }

  .qpp-u-margin-bottom--48 {
    margin-bottom: 3rem !important;
  }

  .qpp-u-display--flex,
  .qpp-u-flex-wrap--wrap {
    display: flex !important;
  }

  .qpp-u-display--inline-block {
    display: inline-block !important;
  }

  .qpp-u-align-items--center {
    align-items: center !important;
  }

  .qpp-u-margin-bottom--0 {
    margin-bottom: 0rem !important;
  }

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

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

  .qpp-u-font-size--18 {
    font-size: 1.125rem !important;
  }

  .qpp-u-font-size--24 {
    font-size: 1.5rem !important;
  }

  .qpp-u-font-size--medium-em {
    font-size: 1.25em !important;
  }

  .qpp-u-no-wrap {
    white-space: nowrap !important;
  }

  .qpp-c-button--icon-after > svg {
    margin-left: 0.5rem;
  }

  .qppds.qpp-dark-background a,
  .qppds .qpp-dark-background a,
  .qpp-prose.qpp-dark-background a,
  .qpp-prose .qpp-dark-background a {
    color: #fff;
  }

  .qppds
    a:not(.qpp-c-button):not(.qpp-c-tabs__item):not(
      .qpp-c-dropdown-menu__item
    ):not(.qpp-c-breadcrumbs__link)
    > svg,
  .qppds
    .qpp-c-link:not(.qpp-c-button):not(.qpp-c-tabs__item):not(
      .qpp-c-dropdown-menu__item
    ):not(.qpp-c-breadcrumbs__link)
    > svg,
  .qpp-prose
    a:not(.qpp-c-button):not(.qpp-c-tabs__item):not(
      .qpp-c-dropdown-menu__item
    ):not(.qpp-c-breadcrumbs__link)
    > svg,
  .qpp-prose
    .qpp-c-link:not(.qpp-c-button):not(.qpp-c-tabs__item):not(
      .qpp-c-dropdown-menu__item
    ):not(.qpp-c-breadcrumbs__link)
    > svg {
    position: relative;
    vertical-align: middle;
    margin-bottom: -0.1em;
    margin-top: -0.1em;
    height: 1em;
    width: 1em;
    margin-top: -0.3em;
    margin-left: 0.375rem;
    width: 1.2em;
    height: 1.2em;
  }

  .qpp-c-button,
  .qpp-c-button:visited,
  .qppds .qpp-c-button,
  .qppds .qpp-c-button:visited {
    background-color: #0073c8;
    border: 1px solid #0073c8;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;
  }

  .qpp-c-button:hover,
  .qpp-c-button.qpp-c-button--hover,
  .qpp-c-button:visited:hover,
  .qpp-c-button:visited.qpp-c-button--hover,
  .qppds .qpp-c-button:hover,
  .qppds .qpp-c-button.qpp-c-button--hover,
  .qppds .qpp-c-button:visited:hover,
  .qppds .qpp-c-button:visited.qpp-c-button--hover {
    background-color: #125496;
    border: 1px solid #125496;
    color: #fff;
  }

  .qpp-c-button:focus,
  .qpp-c-button.qpp-c-button--focus,
  .qpp-c-button:visited:focus,
  .qpp-c-button:visited.qpp-c-button--focus,
  .qppds .qpp-c-button:focus,
  .qppds .qpp-c-button.qpp-c-button--focus,
  .qppds .qpp-c-button:visited:focus,
  .qppds .qpp-c-button:visited.qpp-c-button--focus {
    border: 1px solid #125496;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #cbe4ff;
    outline: none;
    text-decoration: none;
    color: #fff;
    padding: 0.75rem 1rem;
    margin-left: 0;
    margin-right: 0;
  }

  .qpp-c-button:active,
  .qpp-c-button.qpp-c-button--active,
  .qpp-c-button:visited:active,
  .qpp-c-button:visited.qpp-c-button--active,
  .qppds .qpp-c-button:active,
  .qppds .qpp-c-button.qpp-c-button--active,
  .qppds .qpp-c-button:visited:active,
  .qppds .qpp-c-button:visited.qpp-c-button--active {
    background-color: hsl(210, 78.5714285714%, 29.9411764706%);
    border: 1px solid hsl(210, 78.5714285714%, 29.9411764706%);
    color: #fff;
  }

  .qpp-c-button:disabled,
  .qpp-c-button.qpp-c-button--disabled,
  .qpp-c-button:visited:disabled,
  .qpp-c-button:visited.qpp-c-button--disabled,
  .qppds .qpp-c-button:disabled,
  .qppds .qpp-c-button.qpp-c-button--disabled,
  .qppds .qpp-c-button:visited:disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--disabled {
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #717171;
    pointer-events: none;
  }

  .qpp-c-button.qpp-c-button--big,
  .qpp-c-button:visited.qpp-c-button--big,
  .qppds .qpp-c-button.qpp-c-button--big,
  .qppds .qpp-c-button:visited.qpp-c-button--big {
    padding: 1rem 1.5rem;
  }

  .qpp-c-button.qpp-c-button--text,
  .qpp-c-button:visited.qpp-c-button--text,
  .qppds .qpp-c-button.qpp-c-button--text,
  .qppds .qpp-c-button:visited.qpp-c-button--text {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 1px;
  }

  .qpp-c-button.qpp-c-button--secondary,
  .qpp-c-button:visited.qpp-c-button--secondary,
  .qppds .qpp-c-button.qpp-c-button--secondary,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 0.875rem;
  }

  .qpp-c-button.qpp-c-button--secondary:hover,
  .qpp-c-button.qpp-c-button--secondary.qpp-c-button--hover,
  .qpp-c-button:visited.qpp-c-button--secondary:hover,
  .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--hover,
  .qppds .qpp-c-button.qpp-c-button--secondary:hover,
  .qppds .qpp-c-button.qpp-c-button--secondary.qpp-c-button--hover,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary:hover,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--hover {
    background-color: #f7f7f7;
    color: #333;
  }

  .qpp-c-button.qpp-c-button--secondary:active,
  .qpp-c-button.qpp-c-button--secondary.qpp-c-button--active,
  .qpp-c-button:visited.qpp-c-button--secondary:active,
  .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--active,
  .qppds .qpp-c-button.qpp-c-button--secondary:active,
  .qppds .qpp-c-button.qpp-c-button--secondary.qpp-c-button--active,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary:active,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--active {
    background-color: hsl(0, 0%, 93.862745098%);
    color: #333;
  }

  .qpp-c-button.qpp-c-button--secondary:disabled,
  .qpp-c-button.qpp-c-button--secondary.qpp-c-button--disabled,
  .qpp-c-button:visited.qpp-c-button--secondary:disabled,
  .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--disabled,
  .qppds .qpp-c-button.qpp-c-button--secondary:disabled,
  .qppds .qpp-c-button.qpp-c-button--secondary.qpp-c-button--disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary:disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--disabled {
    background-color: #ddd;
    color: #717171;
  }

  .qpp-c-button.qpp-c-button--secondary:focus,
  .qpp-c-button.qpp-c-button--secondary.qpp-c-button--focus,
  .qpp-c-button:visited.qpp-c-button--secondary:focus,
  .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--focus,
  .qppds .qpp-c-button.qpp-c-button--secondary:focus,
  .qppds .qpp-c-button.qpp-c-button--secondary.qpp-c-button--focus,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary:focus,
  .qppds .qpp-c-button:visited.qpp-c-button--secondary.qpp-c-button--focus {
    border: 1px solid #0073c8;
  }

  .qpp-c-button.qpp-c-button--white,
  .qpp-c-button:visited.qpp-c-button--white,
  .qppds .qpp-c-button.qpp-c-button--white,
  .qppds .qpp-c-button:visited.qpp-c-button--white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #333;
    font-size: 0.875rem;
  }

  .qpp-c-button.qpp-c-button--white:hover,
  .qpp-c-button.qpp-c-button--white.qpp-c-button--hover,
  .qpp-c-button:visited.qpp-c-button--white:hover,
  .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--hover,
  .qppds .qpp-c-button.qpp-c-button--white:hover,
  .qppds .qpp-c-button.qpp-c-button--white.qpp-c-button--hover,
  .qppds .qpp-c-button:visited.qpp-c-button--white:hover,
  .qppds .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--hover {
    border: 1px solid #ddd;
    background-color: #ddd;
    color: #333;
  }

  .qpp-c-button.qpp-c-button--white:active,
  .qpp-c-button.qpp-c-button--white.qpp-c-button--active,
  .qpp-c-button:visited.qpp-c-button--white:active,
  .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--active,
  .qppds .qpp-c-button.qpp-c-button--white:active,
  .qppds .qpp-c-button.qpp-c-button--white.qpp-c-button--active,
  .qppds .qpp-c-button:visited.qpp-c-button--white:active,
  .qppds .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--active {
    background-color: hsl(0, 0%, 83.6666666667%);
    color: #333;
  }

  .qpp-c-button.qpp-c-button--white:focus,
  .qpp-c-button.qpp-c-button--white.qpp-c-button--focus,
  .qpp-c-button:visited.qpp-c-button--white:focus,
  .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--focus,
  .qppds .qpp-c-button.qpp-c-button--white:focus,
  .qppds .qpp-c-button.qpp-c-button--white.qpp-c-button--focus,
  .qppds .qpp-c-button:visited.qpp-c-button--white:focus,
  .qppds .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--focus {
    border: 1px solid #0073c8;
    box-shadow: 0 0 0 4px #cbe4ff;
  }

  .qpp-c-button.qpp-c-button--white:disabled,
  .qpp-c-button.qpp-c-button--white.qpp-c-button--disabled,
  .qpp-c-button:visited.qpp-c-button--white:disabled,
  .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--disabled,
  .qppds .qpp-c-button.qpp-c-button--white:disabled,
  .qppds .qpp-c-button.qpp-c-button--white.qpp-c-button--disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--white:disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--disabled {
    background-color: #ddd;
    color: #717171;
    border-color: #ddd;
  }

  .qpp-c-button.qpp-c-button--white.qpp-c-button--text,
  .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--text,
  .qppds .qpp-c-button.qpp-c-button--white.qpp-c-button--text,
  .qppds .qpp-c-button:visited.qpp-c-button--white.qpp-c-button--text {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 1px;
  }

  .qpp-c-button.qpp-c-button--outline,
  .qpp-c-button:visited.qpp-c-button--outline,
  .qppds .qpp-c-button.qpp-c-button--outline,
  .qppds .qpp-c-button:visited.qpp-c-button--outline {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    color: #fff;
    font-size: 0.875rem;
  }

  .qpp-c-button.qpp-c-button--outline:disabled,
  .qpp-c-button.qpp-c-button--outline.qpp-c-button--disabled,
  .qpp-c-button:visited.qpp-c-button--outline:disabled,
  .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--disabled,
  .qppds .qpp-c-button.qpp-c-button--outline:disabled,
  .qppds .qpp-c-button.qpp-c-button--outline.qpp-c-button--disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--outline:disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--disabled {
    background-color: #ddd;
    color: #717171;
    border-color: #ddd;
  }

  .qpp-c-button.qpp-c-button--outline:hover,
  .qpp-c-button.qpp-c-button--outline.qpp-c-button--hover,
  .qpp-c-button:visited.qpp-c-button--outline:hover,
  .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--hover,
  .qppds .qpp-c-button.qpp-c-button--outline:hover,
  .qppds .qpp-c-button.qpp-c-button--outline.qpp-c-button--hover,
  .qppds .qpp-c-button:visited.qpp-c-button--outline:hover,
  .qppds .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--hover {
    background-color: rgba(0, 0, 0, 0.2);
  }

  .qpp-c-button.qpp-c-button--outline:active,
  .qpp-c-button.qpp-c-button--outline.qpp-c-button--active,
  .qpp-c-button:visited.qpp-c-button--outline:active,
  .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--active,
  .qppds .qpp-c-button.qpp-c-button--outline:active,
  .qppds .qpp-c-button.qpp-c-button--outline.qpp-c-button--active,
  .qppds .qpp-c-button:visited.qpp-c-button--outline:active,
  .qppds .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--active {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .qpp-c-button.qpp-c-button--outline:focus,
  .qpp-c-button.qpp-c-button--outline.qpp-c-button--focus,
  .qpp-c-button:visited.qpp-c-button--outline:focus,
  .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--focus,
  .qppds .qpp-c-button.qpp-c-button--outline:focus,
  .qppds .qpp-c-button.qpp-c-button--outline.qpp-c-button--focus,
  .qppds .qpp-c-button:visited.qpp-c-button--outline:focus,
  .qppds .qpp-c-button:visited.qpp-c-button--outline.qpp-c-button--focus {
    border: 1px solid #0073c8;
    box-shadow: 0 0 0 4px #cbe4ff;
  }

  .qpp-c-button.qpp-c-button--danger,
  .qpp-c-button:visited.qpp-c-button--danger,
  .qppds .qpp-c-button.qpp-c-button--danger,
  .qppds .qpp-c-button:visited.qpp-c-button--danger {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #d92f2f;
    color: #d92f2f;
    font-size: 0.875rem;
  }

  .qpp-c-button.qpp-c-button--danger:disabled,
  .qpp-c-button.qpp-c-button--danger.qpp-c-button--disabled,
  .qpp-c-button:visited.qpp-c-button--danger:disabled,
  .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--disabled,
  .qppds .qpp-c-button.qpp-c-button--danger:disabled,
  .qppds .qpp-c-button.qpp-c-button--danger.qpp-c-button--disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--danger:disabled,
  .qppds .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--disabled {
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #717171;
  }

  .qpp-c-button.qpp-c-button--danger:hover,
  .qpp-c-button.qpp-c-button--danger.qpp-c-button--hover,
  .qpp-c-button:visited.qpp-c-button--danger:hover,
  .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--hover,
  .qppds .qpp-c-button.qpp-c-button--danger:hover,
  .qppds .qpp-c-button.qpp-c-button--danger.qpp-c-button--hover,
  .qppds .qpp-c-button:visited.qpp-c-button--danger:hover,
  .qppds .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--hover {
    background-color: rgba(217, 47, 47, 0.1);
    color: #ae1c1c;
  }

  .qpp-c-button.qpp-c-button--danger:active,
  .qpp-c-button.qpp-c-button--danger.qpp-c-button--active,
  .qpp-c-button:visited.qpp-c-button--danger:active,
  .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--active,
  .qppds .qpp-c-button.qpp-c-button--danger:active,
  .qppds .qpp-c-button.qpp-c-button--danger.qpp-c-button--active,
  .qppds .qpp-c-button:visited.qpp-c-button--danger:active,
  .qppds .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--active {
    background-color: rgba(217, 47, 47, 0.15);
  }

  .qpp-c-button.qpp-c-button--danger:focus,
  .qpp-c-button.qpp-c-button--danger.qpp-c-button--focus,
  .qpp-c-button:visited.qpp-c-button--danger:focus,
  .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--focus,
  .qppds .qpp-c-button.qpp-c-button--danger:focus,
  .qppds .qpp-c-button.qpp-c-button--danger.qpp-c-button--focus,
  .qppds .qpp-c-button:visited.qpp-c-button--danger:focus,
  .qppds .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--focus {
    border: 1px solid #d92f2f;
    box-shadow: 0 0 0 4px #fde7ea;
    outline: none;
    text-decoration: none;
  }

  .qpp-c-button.qpp-c-button--danger.qpp-c-button--text,
  .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--text,
  .qppds .qpp-c-button.qpp-c-button--danger.qpp-c-button--text,
  .qppds .qpp-c-button:visited.qpp-c-button--danger.qpp-c-button--text {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 1px;
  }

  .qpp-c-button.qpp-c-button--text,
  .qppds .qpp-c-button.qpp-c-button--text {
    color: #0073c8;
  }

  .qpp-c-button.qpp-c-button--text:disabled,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--disabled,
  .qppds .qpp-c-button.qpp-c-button--text:disabled,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--disabled {
    color: #717171;
  }

  .qpp-c-button.qpp-c-button--text:focus,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--focus,
  .qppds .qpp-c-button.qpp-c-button--text:focus,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--focus {
    border: 1px solid #0073c8;
    color: #0073c8;
  }

  .qpp-c-button.qpp-c-button--text:hover,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--hover,
  .qppds .qpp-c-button.qpp-c-button--text:hover,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--hover {
    color: #125496;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--danger,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--danger {
    color: #d92f2f;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--danger:disabled,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--danger.qpp-c-button--disabled,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--danger:disabled,
  .qppds
    .qpp-c-button.qpp-c-button--text.qpp-c-button--danger.qpp-c-button--disabled {
    background-color: rgba(0, 0, 0, 0);
    color: #717171;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--danger:hover,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--danger.qpp-c-button--hover,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--danger:hover,
  .qppds
    .qpp-c-button.qpp-c-button--text.qpp-c-button--danger.qpp-c-button--hover {
    color: #ae1c1c;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--danger:focus,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--danger.qpp-c-button--focus,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--danger:focus,
  .qppds
    .qpp-c-button.qpp-c-button--text.qpp-c-button--danger.qpp-c-button--focus {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #d92f2f;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--white,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--white {
    color: #fff;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--white:disabled,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--white.qpp-c-button--disabled,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--white:disabled,
  .qppds
    .qpp-c-button.qpp-c-button--text.qpp-c-button--white.qpp-c-button--disabled {
    background-color: rgba(0, 0, 0, 0);
    color: #ddd;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--white:hover,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--white.qpp-c-button--hover,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--white:hover,
  .qppds
    .qpp-c-button.qpp-c-button--text.qpp-c-button--white.qpp-c-button--hover {
    color: #ddd;
  }

  .qpp-c-button.qpp-c-button--text.qpp-c-button--white:focus,
  .qpp-c-button.qpp-c-button--text.qpp-c-button--white.qpp-c-button--focus,
  .qppds .qpp-c-button.qpp-c-button--text.qpp-c-button--white:focus,
  .qppds
    .qpp-c-button.qpp-c-button--text.qpp-c-button--white.qpp-c-button--focus {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #0073c8;
  }

  .qpp-c-button > svg {
    font-size: inherit;
    height: 1.25em;
    margin-bottom: -0.2em;
    margin-top: -0.3em;
    position: relative;
    vertical-align: middle;
    width: 1.25em;
  }

  .qpp-u-font-weight--regular {
    font-weight: 400 !important;
  }

  .qpp-c-text-input {
    background-color: var(--white);
    border: 1px solid var(--grayLighter);
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--gray80);
    display: block;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    height: 2.5rem;
    line-height: 1;
    padding: 0.75rem 1rem;
  }

  .qpp-c-text-input:focus,
  .qpp-c-text-input.qpp-c-text-input--focus {
    border: 1px solid #0073c8;
    box-shadow: 0 0 0 4px #cbe4ff;
    outline: none;
    text-decoration: none;
  }

  .qpp-c-text-input:disabled,
  .qpp-c-text-input.qpp-c-text-input--disabled {
    background-color: #f7f7f7;
    color: #717171;
  }

  .qpp-c-text-input.qpp-c-text-input--error {
    border: 1px solid #d92f2f;
  }

  .qpp-c-text-input.qpp-c-text-input--error:focus,
  .qpp-c-text-input.qpp-c-text-input--error.qpp-c-button--focus {
    border: 1px solid #d92f2f;
    box-shadow: 0 0 0 4px #fde7ea;
  }

  .qpp-c-text-input.qpp-c-text-input--success {
    padding-right: 2rem;
    background-size:
      1.25rem auto,
      100%;
    background-position:
      right 0.75rem top 50%,
      0 0;
    background-repeat: no-repeat, repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill='rgb(124, 179, 66)' color='currentColor' viewBox='0 0 1792 1792' width='1792' height='1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1412 734q0-28-18-46l-91-90q-19-19-45-19t-45 19l-408 407-226-226q-19-19-45-19t-45 19l-91 90q-18 18-18 46 0 27 18 45l362 362q19 19 45 19 27 0 46-19l543-543q18-18 18-45zm252 162q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z'/%3E%3C/svg%3E");
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .qpp-c-text-input.qpp-c-text-input--big {
    height: 3rem;
    padding: 1rem;
  }

  .qpp-c-text-input::-ms-clear {
    display: none;
  }
  .qppds h1,
  .qppds .h1,
  .qpp-prose h1,
  .qpp-prose .h1 {
    font-size: 3rem;
    line-height: 1.125;
  }

  .qppds h1,
  .qppds .h1,
  .qpp-prose h1,
  .qpp-prose .h1 {
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.125;
  }

  .qpp-c-button.qpp-c-button--white,
  .qpp-c-button:visited.qpp-c-button--white,
  .qppds .qpp-c-button.qpp-c-button--white,
  .qppds .qpp-c-button:visited.qpp-c-button--white {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--gray80);
    font-size: 0.875rem;
  }

  .form-control::placeholder {
    color: var(--grayLight);
  }

  .custom-checkbox {
    display: flex;
  }

  .custom-control-input {
    margin-right: 0.5rem;
    width: 24px;
    height: 24px;
  }

  .accordion-section {
    border: 2px solid var(--grayLighter);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    margin: 15px 0;

    .accordion {
      align-items: center;
      background-color: var(--white);
      color: var(--grayDark);
      cursor: pointer;
      display: flex;
      border: none;
      outline: none;
      padding: 20px 30px;
      transition: background-color 0.6s ease;

      .accordion-left-title {
        color: var(--grayDark);
        flex-grow: 1;
        font-size: 1.125rem;
        font-weight: 500;
        max-width: 100%;
        text-align: left;
        width: 33%;

        .accordion-title {
          width: 75%;
        }

        p {
          margin: 0;
          padding: 0;
        }
      }

      .chevron-container {
        background-color: var(--grayLighter2);
        border: 1px solid var(--grayLight);
        border-radius: 50%;
        display: inline-block;
        height: 30px;
        position: relative;
        width: 30px;
      }

      .rotate {
        transform: rotate(180deg);
      }

      .accordion-icon {
        left: 33%;
        margin-left: auto;
        position: absolute;
        top: 41%;
        transition: transform 0.5s ease;
      }
    }

    .accordion-content {
      overflow: hidden;
      padding: 0 30px;
      transition: max-height 0.5s ease;

      .accordion-text {
        font-size: 1rem;
        line-height: 1.7;
        padding: 15px 0;

        &.dashed-border {
          border-top: 1px dashed var(--grayLighter);
        }
      }
    }
  }

  .cms-content-alert-wrapper {
    .qpp-c-alert {
      background-color: var(--grayLighter);
      background-repeat: no-repeat;
      background-size: 2rem;
      border-left: 4px solid var(--gray60);
      border-radius: 3px;
      box-sizing: border-box;
      font-size: 0.875rem;
      line-height: 1.5;
      padding: 1rem;
      position: relative;
    }

    .qpp-c-alert .qpp-c-alert__body {
      margin-left: 2.5rem;
      max-width: 600px;
      vertical-align: top;
    }

    .qpp-c-alert .qpp-c-alert__heading {
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.25;
      margin-bottom: 0.5rem;
      margin-top: 0;
    }

    .qpp-c-alert .qpp-c-alert__text {
      margin: 0;
    }

    .qpp-c-alert::before {
      background-color: transparent;
      background-repeat: no-repeat;
      content: '';
      height: 100%;
      left: 0;
      margin: 1rem;
      position: absolute;
      top: 0;
      width: 1.5rem;
    }

    .qpp-c-alert.qpp-c-alert--info {
      background-color: var(--alertInfo) !important;
      border-left: 4px solid var(--blue) !important;
      color: var(--black);
    }

    .qpp-c-alert.qpp-c-alert--info::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='24' height='24'%3E%3Cpath fill='currentColor' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z' class=''%3E%3C/path%3E%3C/svg%3E");
    }

    .qpp-c-alert.qpp-c-alert--warning {
      background-color: var(--gold05) !important;
      border-left: 4px solid var(--gold20) !important;
      color: var(--black);
    }

    .qpp-c-alert.qpp-c-alert--warning::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='24' height='24'%3E%3Cpath fill='currentColor' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' class=''%3E%3C/path%3E%3C/svg%3E");
    }

    .qpp-c-alert.qpp-c-alert--error {
      background-color: var(--red10) !important;
      border-left: 4px solid var(--red50) !important;
      color: var(--black);
    }

    .qpp-c-alert.qpp-c-alert--error::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='24' height='24'%3E%3Cpath fill='currentColor' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z' class=''%3E%3C/path%3E%3C/svg%3E");
    }

    .qpp-c-alert.qpp-c-alert--success {
      background-color: var(--green05) !important;
      border-left: 4px solid var(--greenMedium) !important;
      color: var(--black);
    }

    .qpp-c-alert.qpp-c-alert--success::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='24' height='24'%3E%3Cpath fill='currentColor' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z' class=''%3E%3C/path%3E%3C/svg%3E");
    }

    .qpp-c-alert.qpp-c-alert--calendar::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z'/%3E%3C/svg%3E");
    }

    .qppds .qpp-c-alert a,
    .qpp-c-alert .qpp-c-link {
      color: var(--navy);
    }

    .qppds .qpp-c-alert p {
      font-size: 0.875rem;
      line-height: 1.5;
    }

    ul {
      margin: 14px 0;

      li {
        margin-bottom: 0;

        strong {
          font-weight: 500;
        }
      }
    }
  }

  .qpp-u-padding--40 {
    padding: 2.5rem !important;
  }

  .qpp-u-margin-top--0 {
    margin-top: 0rem !important;
  }

  .qpp-u-fill--gray-04 {
    background-color: var(--gray04) !important;
  }

  .qpp-u-text-transform--uppercase {
    text-transform: uppercase !important;
  }

  .qpp-u-text-transform--uppercase {
    text-transform: uppercase !important;
  }

  .qpp-u-margin-bottom--8 {
    margin-bottom: 0.5rem !important;
  }

  .qpp-u-display--flex {
    display: flex !important;
  }

  .qpp-u-flex-wrap--wrap {
    flex-wrap: wrap !important;
  }

  .qpp-u-align-items--end {
    align-items: flex-end !important;
  }

  .qpp-u-margin-right--16 {
    margin-right: 1rem !important;
  }

  .qpp-u-flex-gap-row--48 {
    margin: 0;
    margin-top: -3rem !important;
  }

  .qpp-u-flex-gap-col--32 {
    margin: 0;
    margin-left: -2rem !important;
    width: calc(100% + 2rem);
  }

  .qpp-u-display--inline-flex {
    display: inline-flex !important;
  }

  .qpp-u-flex-gap-col--32 > * {
    padding: 0;
    padding-left: 2rem !important;
    width: 100%;
  }

  .qpp-c-button,
  .qpp-c-button:visited,
  .qppds .qpp-c-button,
  .qppds .qpp-c-button:visited {
    background-color: #0073c8;
    border: 1px solid #0073c8;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;
  }

  .subscribe-box-container {
    h2 {
      color: #036;
      font-size: 46px;
      font-size: 2.875rem;
      font-weight: 300;
      line-height: 1.2;
      margin-bottom: 10px;
      text-transform: initial;
      text-wrap: wrap;
    }

    p {
      line-height: 1.7;
    }

    input {
      width: 400px;
    }

    .qppds label,
    .qpp-prose label {
      color: #333;
      font-size: 0.875rem;
      font-weight: 500;
      text-transform: none;
      display: block;
    }
  }

  .qpp-c-text-input {
    display: block;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0.75rem 1rem;
    height: 2.5rem;
  }

  .card-two-col-container {
    padding: 12px 0;
  }

  .qpp-c-card {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .qpp-c-card .qpp-c-card__content {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .qpp-c-card .qpp-c-card__header {
    background: rgba(0, 0, 0, 0);
    border-top: 4px solid var(--blue);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0;
    position: relative;
    z-index: 0;
  }

  .qpp-c-card .qpp-c-card__title {
    color: var(--gray80);
    font-weight: 400;
    margin: 0;
    padding: 1rem 0 0.5rem;
  }

  .qpp-c-card .qpp-c-card__body {
    display: block;
    margin: 0;
    padding: 0 0 0.5rem;
  }

  .qpp-c-card .qpp-c-card__body p {
    color: var(--gray80);
    font-size: 1rem;
    margin: 0;
    padding: 0;
  }

  .qpp-c-card .qpp-c-card__cta {
    display: block;
    line-height: 1;
    margin: 0;
    padding-top: 0.4375rem;
  }

  .qpp-c-card .qpp-c-card__cta .qpp-c-button {
    margin: -1px;
  }

  .qpp-c-button.qpp-c-button--text,
  .qppds .qpp-c-button.qpp-c-button--text {
    color: var(--blue);
  }

  .qpp-c-button,
  .qpp-c-button:visited,
  .qppds .qpp-c-button,
  .qppds .qpp-c-button:visited {
    background-color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;
  }

  @media (min-width: 768px) {
    .qpp-u-sm-flex--half {
      flex: 50% 0 !important;
    }

    .qpp-u-sm-flex-direction--row {
      flex-direction: row !important;
    }
  }

  .qpp-u-flex-gap-row--48 > * {
    padding: 0;
    padding-top: 3rem !important;
    width: 100%;
  }

  .qpp-u-sm-flex-direction--row {
    flex-direction: row !important;
  }

  .qpp-c-card .qpp-c-card__title {
    color: var(--gray80);
    padding: 1rem 0 0.5rem;
    margin: 0;
    font-weight: 400;
  }

  .qpp-c-card .qpp-c-card__cta .qpp-c-button {
    margin: -1px;
  }

  .qpp-c-button > svg {
    display: inline-block;
    font-size: inherit;
    height: 1.25em;
    margin-bottom: -0.2em;
    margin-top: -0.3em;
    position: relative;
    vertical-align: middle;
    width: 1.25em;
  }
}

@layer qpp-components {
  .subscribe-box-container,
  .qpp-tracking-callout-box-container {
    margin-block: 32px;
  }

  .qpp-c-table {
    color: var(--gray80);
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 1rem 0;
    width: 100%;

    caption {
      background-color: var(--navy);
      color: var(--white);
      font-size: 1.25rem;
      font-weight: 400;
      padding: 1.5rem 2.5rem;
      text-align: left;
    }

    th {
      background-color: var(--gray04);
      border-bottom: 0.0625rem solid var(--grayLighter);
      font-weight: 500;
      padding: 1rem 0.75rem;
      padding-left: 2.5rem;
      text-align: left;
      vertical-align: top;
    }

    td {
      border-bottom: 0.0625rem solid var(--grayLighter);
      background-color: var(--white);
      font-weight: 400;
      padding: 1rem 0.75rem;
      padding-left: 2.5rem;
      text-align: left;
      vertical-align: top;
    }
  }

  p > sup {
    position: relative;
    vertical-align: baseline;
  }
}

@layer qpp-components {
  .qpp-c-table {
    color: var(--gray80);
    box-sizing: border-box;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 1rem 0;
    width: 100%;

    caption {
      background-color: #036;
      color: #fff;
      font-size: 1.25rem;
      font-weight: 400;
      padding: 1.5rem 2.5rem;
      text-align: left;
    }

    th {
      border-bottom: 0.0625rem solid #ddd;
      background-color: #f7f7f7;
      padding: 1rem;
      text-align: left;
      font-weight: 500;
      vertical-align: bottom;
    }

    td {
      border-bottom: 0.0625rem solid #ddd;
      background-color: #fff;
      padding: 1rem;
      text-align: left;
      vertical-align: top;
      font-weight: 400;
    }

    h3,
    h4,
    strong {
      font-weight: 500;
    }
  }

  .qpp-c-tabs {
    border-bottom: 1px solid #ddd;
    display: flex;
  }

  .qpp-c-tabs__panel {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 1rem 0;
  }

  .qpp-c-tabs__panel[aria-hidden='true'] {
    display: none !important;
  }

  @media (min-width: 544px) {
    .qpp-c-tabs__panel {
      padding: 1.5rem 0;
    }
  }

  .qpp-c-tabs__item,
  .qpp-c-tabs__item:visited,
  .qppds .qpp-c-tabs__item,
  .qppds .qpp-c-tabs__item:visited {
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125;
    padding: 1.5rem 0.5rem 1.25rem;
    position: relative;
    text-decoration: none;
  }

  @media (min-width: 544px) {
    .qpp-c-tabs__item,
    .qpp-c-tabs__item:visited,
    .qppds .qpp-c-tabs__item,
    .qppds .qpp-c-tabs__item:visited {
      font-size: 1rem;
      padding: 1.5rem 1rem 1.25rem;
    }
  }

  .qpp-c-tabs__item::after,
  .qpp-c-tabs__item:visited::after,
  .qppds .qpp-c-tabs__item::after,
  .qppds .qpp-c-tabs__item:visited::after {
    background-color: rgba(0, 0, 0, 0);
    content: none;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .qpp-c-tabs__item[aria-selected='true'],
  .qpp-c-tabs__item:visited[aria-selected='true'],
  .qppds .qpp-c-tabs__item[aria-selected='true'],
  .qppds .qpp-c-tabs__item:visited[aria-selected='true'] {
    border-bottom: 4px solid #0073c8;
    color: #333;
    pointer-events: none;
    font-weight: 500;
  }

  .qpp-c-tabs__item[aria-selected='true']::after,
  .qpp-c-tabs__item:visited[aria-selected='true']::after,
  .qppds .qpp-c-tabs__item[aria-selected='true']::after,
  .qppds .qpp-c-tabs__item:visited[aria-selected='true']::after {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  .qpp-c-tabs__item[aria-selected='true']:focus,
  .qpp-c-tabs__item:visited[aria-selected='true']:focus,
  .qppds .qpp-c-tabs__item[aria-selected='true']:focus,
  .qppds .qpp-c-tabs__item:visited[aria-selected='true']:focus {
    border-bottom: 4px solid #0073c8;
  }

  .qpp-c-tabs__item[aria-selected='true']:focus::after,
  .qpp-c-tabs__item:visited[aria-selected='true']:focus::after,
  .qppds .qpp-c-tabs__item[aria-selected='true']:focus::after,
  .qppds .qpp-c-tabs__item:visited[aria-selected='true']:focus::after {
    background-color: rgba(0, 0, 0, 0);
  }

  .qpp-c-tabs__item[aria-disabled='true'],
  .qpp-c-tabs__item:visited[aria-disabled='true'],
  .qppds .qpp-c-tabs__item[aria-disabled='true'],
  .qppds .qpp-c-tabs__item:visited[aria-disabled='true'] {
    background-color: #ddd;
    border-color: #ddd;
    color: #717171;
    pointer-events: none;
  }

  .qpp-c-tabs__item[aria-disabled='true']:hover,
  .qpp-c-tabs__item[aria-disabled='true']:active,
  .qpp-c-tabs__item[aria-disabled='true']:focus,
  .qpp-c-tabs__item:visited[aria-disabled='true']:hover,
  .qpp-c-tabs__item:visited[aria-disabled='true']:active,
  .qpp-c-tabs__item:visited[aria-disabled='true']:focus,
  .qppds .qpp-c-tabs__item[aria-disabled='true']:hover,
  .qppds .qpp-c-tabs__item[aria-disabled='true']:active,
  .qppds .qpp-c-tabs__item[aria-disabled='true']:focus,
  .qppds .qpp-c-tabs__item:visited[aria-disabled='true']:hover,
  .qppds .qpp-c-tabs__item:visited[aria-disabled='true']:active,
  .qppds .qpp-c-tabs__item:visited[aria-disabled='true']:focus {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
    color: #515151;
  }

  .qpp-c-tabs__item:hover,
  .qpp-c-tabs__item:visited:hover,
  .qppds .qpp-c-tabs__item:hover,
  .qppds .qpp-c-tabs__item:visited:hover {
    background-color: rgba(0, 0, 0, 0.04);
    color: #333;
  }

  .qpp-c-tabs__item:active,
  .qpp-c-tabs__item:visited:active,
  .qppds .qpp-c-tabs__item:active,
  .qppds .qpp-c-tabs__item:visited:active {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .qpp-c-tabs__item:focus,
  .qpp-c-tabs__item:visited:focus,
  .qppds .qpp-c-tabs__item:focus,
  .qppds .qpp-c-tabs__item:visited:focus {
    outline: 1px solid #0073c8;
    outline-offset: -1px;
    background-color: #cbe4ff;
    box-shadow: none;
    color: #333;
    text-decoration: none;
    line-height: 1.125;
    padding: 1.5rem 0.5rem 1.25rem;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .qpp-c-tabs__item:focus::after,
  .qpp-c-tabs__item:visited:focus::after,
  .qppds .qpp-c-tabs__item:focus::after,
  .qppds .qpp-c-tabs__item:visited:focus::after {
    background-color: #333;
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  @media (min-width: 544px) {
    .qpp-c-tabs__item:focus,
    .qpp-c-tabs__item:visited:focus,
    .qppds .qpp-c-tabs__item:focus,
    .qppds .qpp-c-tabs__item:visited:focus {
      font-size: 1rem;
      padding: 1.5rem 1rem 1.25rem;
    }
  }

  .qpp-c-tabs__item > svg,
  .qpp-c-tabs__item:visited > svg,
  .qppds .qpp-c-tabs__item > svg,
  .qppds .qpp-c-tabs__item:visited > svg {
    position: relative;
    vertical-align: middle;
    margin-bottom: -0.1em;
    margin-top: -0.1em;
    height: 1em;
    width: 1em;
    margin-bottom: -0.2em;
    margin-top: -0.3em;
    height: 1.25em;
    width: 1.25em;
  }

  .qpp-c-tabs--mui {
    height: unset;
    align-items: unset;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
  }

  .qpp-c-tabs--mui .qpp-c-tabs__item {
    min-width: unset;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: none;
    letter-spacing: normal;
    font-size: 1rem;
    padding: 1.5rem 0.5rem 1.25rem;
    font-weight: 400;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    line-height: 1.125;
  }

  .qpp-c-tabs--mui .qpp-c-tabs__item[aria-selected='true'] {
    border-bottom: 4px solid #0073c8;
    color: #333;
    font-weight: 500;
  }

  @media (min-width: 544px) {
    .qpp-c-tabs--mui .qpp-c-tabs__item {
      font-size: 1rem;
      padding: 1.5rem 1rem 1.25rem;
    }
  }

  .qpp-c-tabs--mui .MuiTab-textColorInherit,
  .qpp-c-tabs--mui .MuiTab-textColorInherit.Mui-disabled {
    opacity: 1;
  }

  .qpp-c-tabs--mui .MuiTabs-indicator {
    display: none;
  }
}

@layer help-and-support-page {
  [data-testid='help-&-support-cms'] {
    .qpp-u-display--inline-flex {
      flex-direction: row;
      display: inline-flex;
      padding: 0rem;
      margin: -2rem 0 0 -2rem;
      width: calc(100% + 2rem);

      @media (max-width: 995px) {
        flex-direction: column;
      }
    }

    .qpp-c-card {
      box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px;
      margin: 2rem 0px 0px 2rem;
      padding: 0px 0px 1.2rem;
      border-radius: 4px;
      overflow: hidden;
      cursor: pointer;
      flex-direction: column;
      display: flex;
      position: relative;
      flex: 1;

      .qpp-c-card__media {
        display: block;
        width: 100%;

        padding: 0 0 0.5rem;
        flex: 0 1 auto;
        order: -1;

        img {
          aspect-ratio: 16 / 9;
          width: 100%;
          height: 100%;
          object-fit: cover;
          vertical-align: middle;
          border: 0;
          overflow-clip-margin: content-box;
          overflow: clip;
        }
      }

      .qpp-c-card__content {
        flex-direction: column;
        display: flex;
        position: relative;
        flex: 0 1 auto;

        .qpp-c-card__cta {
          display: block;
          margin: 0;
          padding-top: 0.4375rem;
          line-height: 1;
        }

        .qpp-c-button {
          border-radius: 3px;
          box-sizing: border-box;
          cursor: pointer;
          display: inline-block;
          font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
          letter-spacing: 0;
          text-decoration: none;
        }
      }
    }

    a[href="https://innovation.cms.gov/"]
    {
      &:hover {
        text-decoration: none;
      }

      &:after {
        content: '\f08e';
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 1em;
        margin-left: 0.25em;
        vertical-align: middle;
      }
    }

    aside {
      padding: 2rem;
      background-color: #125496;
      color: white;

      h2 {
        line-height: 1.25;
        margin-bottom: 1rem;
        margin-top: 0rem;
        font-weight: 400;
        font-size: 1.5rem;
        color: #fff;
      }

      .item {
        font-size: 1.125rem;
        padding: 8px 0;

        a {
          display: flex;
          align-items: flex-start;
          flex-wrap: wrap;

          &:hover {
            text-decoration: none;
          }
        }

        svg {
          display: inline-block;
          margin: -0.3em 1rem -0.1em 0.2rem;
          position: relative;
          vertical-align: middle;
          width: 1.5em;
          height: 1.5em;
        }
      }

      .help-container {
        @media (max-width: 995px) {
          flex-direction: column;
        }
      }

      .qpp-c-button--secondary {
        background-color: #fff;
        border: 1px solid #ddd;
        color: #333;
        font-size: 0.875rem;
        border-radius: 3px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1;
        padding: 0.75rem 1rem;
        width: fit-content;
        text-decoration: none;

        &:hover {
          background-color: #f7f7f7;
          color: #333;
        }

        svg {
          vertical-align: middle;
          height: 1.25em;
          width: 1.25em;
          font-size: inherit;
          margin-left: 0.5rem;
        }
      }
    }
  }
}

@layer qpp-components {
  .anchor-links-container {
    background-color: #f2f2f2;
    padding: 32px;
    border-top: 10px solid #a6a6a6;
    border-radius: 10px 10px 0px 0px;
    margin-block: 32px;

    .redesign-navigate-to {
      column-count: 2;
      column-gap: 1rem;
      gap: 10px;
      font-size: 16px;
      @media (max-width: 1150px) {
        column-count: 1;
      }
    }

    .redesign-btn-quaternary {
      background-color: #f2f2f2;
      border: none;
      text-decoration: underline;
      font-weight: 500;
      line-height: 23px;
      color: #0062b8;
      position: relative;
      padding-left: 15px;
      margin-bottom: 1rem;
      display: block;

      &:hover {
        text-decoration: none;
      }

      &:before {
        content: '•';
        position: absolute;
        left: 0;
      }
    }
  }
}

@layer qpp-components {
  .reset-password-container,
  .security-method-container,
  .login-page .responsive-container,
  .page-login .responsive-container {
    padding: 2rem;
    @media (min-width: 767px) {
      margin: 0 auto;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: flex-start;
      width: 50%;
    }

    h1 {
      margin-top: 0 !important;
    }
  }

  .login-page .password-display-btn {
    top: 2px !important;
  }

  .login-page .qpp-c-button--text:hover {
    text-decoration: underline;
  }

  .login-2fa-container {
    margin-bottom: 5rem;

    hr {
      border-top: 1px solid hsl(0, 0%, 93.5%);
      margin-top: 1rem;
    }
  }

  .logout-confirmation {
    padding: 2rem;
    margin-top: 0 !important;
    .responsive-container {
      display: flex;
      flex-direction: column;
      align-items: flex-start;

      @media (min-width: 767px) {
        margin: 3rem auto;
        width: fit-content;
        flex-direction: row;
        align-items: center;
      }
    }
  }
}

.qpp-c-modal {
  .qpp-c-modal__content {
    background: var(--white);
    border: 0 none;
    border-radius: 4px;
    bottom: auto;
    left: 50%;
    max-width: 95%;
    min-width: 300px;
    outline: none;
    position: fixed;
    right: auto;
    top: 10%;
    transform: translateX(-50%);
    width: 100%;
  }

  @media all and (min-width: 544px) {
    .qpp-c-modal__content {
      max-width: 600px;
    }
  }

  .qpp-c-modal--reverse-content .qpp-c-modal__content {
    display: flex;
    flex-direction: column-reverse;
  }

  .qpp-c-modal__side-panel {
    display: flex;
  }

  .closex,
  .qpp-c-modal__close {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: var(--black);
    fill: var(--black);
    height: 2rem;
    line-height: 0;
    padding: 0;
    width: 2rem;
  }

  .closex:focus,
  .qpp-c-modal__close:focus {
    border: 1px solid var(--navyMedium);
    border-radius: 3px;
    box-shadow: 0 0 0 4px var(--lightSkyBlue);
    outline: none;
  }

  .qpp-c-modal__main ~ .qpp-c-modal__close-wrap {
    align-self: flex-end;
    height: 2rem;
    margin: 2rem 2rem 0 0;
    width: 2rem;
  }

  .qpp-c-modal__main ~ .qpp-c-modal__close-wrap .closex,
  .qpp-c-modal
    .qpp-c-modal__main
    ~ .qpp-c-modal__close-wrap
    .qpp-c-modal__close {
    position: relative;
    top: -0.4375rem;
  }

  .qpp-c-modal__main .qpp-c-modal__header {
    margin: -2rem 2rem 0 0;
    padding: 0 2rem;
  }

  .qpp-c-modal__header {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    padding: 2rem 2rem 0;

    h3 {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 29px;
      margin: 0;
    }

    .closex,
    .qpp-c-modal__close {
      align-self: center;
      margin: -0.5rem 0 0;
    }
  }

  .qpp-c-modal__header-sep {
    border-bottom: 1px solid var(--grayLighter);
    padding-bottom: 25px;
  }

  .qpp-c-modal__header-sep ~ .qpp-c-modal__body {
    padding: 1.5rem 2rem 2rem;
  }

  .qpp-c-modal__body {
    font-size: 18px;
    max-height: 60vh;
    overflow-y: auto;
    padding: 1rem 2rem 2rem;
  }

  .qpp-c-modal__body > p:first-child {
    margin-top: 0;
  }

  .qpp-c-modal__body > p:last-child {
    margin-bottom: 0;
  }

  .qpp-c-modal__body::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .qpp-c-modal__body::-webkit-scrollbar:vertical {
    width: 11px;
  }

  .qpp-c-modal__body::-webkit-scrollbar:horizontal {
    width: 11px;
  }

  .qpp-c-modal__body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid var(--white);
    border-radius: 8px;
  }

  .qpp-c-modal__footer {
    border-top: 1px solid var(--grayLighter);
    display: flex;
    justify-content: flex-end;
    padding: 1rem 2rem;
  }

  .qpp-c-modal__overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000;
  }

  .qpp-c-modal__body-open {
    overflow: hidden;
  }
}

.rla-landing-page {
  display: block;
  font-size: 18px;

  .responsive-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  @media (min-width: 768px) {
    .responsive-container {
      max-width: 768px;
    }
  }

  @media (min-width: 992px) {
    .responsive-container {
      max-width: 992px;
    }
  }

  @media (min-width: 1200px) {
    .responsive-container {
      max-width: 1200px;
    }
  }

  .responsive-container.tight {
    max-width: 800px;
  }

  .responsive-container.tighter {
    max-width: 500px;
  }

  .container.tight {
    max-width: 800px;
  }

  p {
    margin-bottom: 30px;
    margin-top: 18px;
  }

  h2,
  .h2 {
    color: var(--grayDark);
    font-weight: 400;
    margin-bottom: 10px;
  }

  @media (max-width: 767px) {
    h2,
    .h2 {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 30px;
    }
  }

  @media (min-width: 768px) {
    h2,
    .h2 {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 30px;
    }
  }

  @media (min-width: 992px) {
    h2,
    .h2 {
      font-size: 32px;
      font-size: 2rem;
      line-height: 38px;
    }
  }

  p ~ ul,
  p ~ ol {
    margin-bottom: 30px;
    margin-top: -25px;
  }
}

@layer qpp-components {
  .sidenav-container {
    transition-delay: 0s;

    .sidebar {
      background: #21344c;
      color: var(--white);
      display: flex;
      flex-direction: column;
      height: 100%;
      overflow: hidden;
      position: relative;
      transition: width 0.6s ease-in-out;
      width: 300px;

      .left-icon {
        height: 40px;
        width: 40px;
      }

      .account-home-link {
        padding: 25px 22px 0;
        width: 300px;
        color: #80cbc4;
        font-family: 'Rubik', sans-serif;
        font-size: 16px;
        line-height: 22px;
        margin: 0;
        align-items: center;
        display: flex;
        fill: #80cbc4;

        &:hover {
          color: var(--white);
          fill: var(--white);
        }

        .left-icon {
          height: 25px;
          margin-right: 15px;
          width: 25px;
        }
      }

      .practice-container {
        padding: 0 25px;

        .practice-name {
          color: var(--white);
          font-family: 'Rubik', sans-serif;
          font-size: 20px;
          line-height: 26px;
          margin: 0;
          font-weight: 400;
        }

        .practice-tin,
        .vg-id {
          color: var(--white);
          font-family: 'Rubik', sans-serif;
          font-size: 14px;
          line-height: 16px;
          margin: 0;
          padding-top: 10px;
          font-weight: 400;
        }
        .subgroup-id {
          padding-bottom: 25px;
        }
      }

      .individual-container {
        padding: 25px 25px 0;

        .individual-name {
          color: var(--white);
          font-family: 'Rubik', sans-serif;
          font-size: 16px;
          line-height: 22px;
          margin: 0;
          font-weight: 500;
          text-transform: uppercase;
        }

        .individual-npi {
          color: var(--white);
          font-family: 'Rubik', sans-serif;
          font-size: 14px;
          line-height: 16px;
          margin: 0;
          padding: 10px 0 0;
        }

        .individual-link {
          color: #80cbc4;
          font-family: 'Rubik', sans-serif;
          font-size: 14px;
          line-height: 20px;
          margin: 0;
          padding-bottom: 10px;

          &:hover {
            color: var(--white);
          }
        }
      }

      .practice-container,
      .individual-container {
        width: 300px;

        .switch-practice,
        .switch-clinician {
          margin: 0;
          padding-top: 10px;
        }
      }

      hr {
        border-top: 1px solid hsla(0, 0%, 100%, 0.2);
        height: 1px;
        margin: 25px 22px;
        width: auto;
        border: 0;
      }

      ul {
        line-height: 1.7;
        list-style-type: none;
        margin: 0;
        padding: 2px 0;
      }

      a {
        text-decoration: none;
      }

      .link-drawer {
        button {
          background: rgba(0, 0, 0, 0);
          border: none;
          border-left: 3px solid rgba(0, 0, 0, 0);
          border-radius: 0;
          text-align: left;
        }

        .link-body {
          align-items: center;
          display: flex;
          flex-grow: 1;
        }

        .link-inline {
          color: #80cbc4;
          font-family: 'Rubik', sans-serif;
          font-size: 16px;
          line-height: 22px;
          margin: 0;
          align-items: center;
          display: flex;
          fill: #80cbc4;
          padding: 10px 22px;
          width: 300px;

          .left-icon {
            height: 25px;
            margin-right: 15px;
            min-height: 25px;
            min-width: 25px;
            width: 25px;
          }
        }

        .drawer {
          height: 0;
          opacity: 0;
          overflow: hidden;
          padding: 0;
          transition: opacity 0.25s;

          .active-link {
            color: var(--white);
            list-style: disc;
            margin-left: 18px;
          }

          .parent-link {
            line-height: 1.3;
            margin-left: 35px;
          }

          a {
            color: #80cbc4;
            font-family: 'Rubik', sans-serif;
            font-size: 14px;
            line-height: 22px;
            margin: 0;
          }

          .active-link > a {
            color: var(--white);
          }
        }

        .drawer.open {
          height: auto;
          opacity: 1;
          padding: 0 30px 10px 30px;
          transition: opacity 0.25s;
        }

        .drawer.currentPage {
          background: #0f2138;
        }

        button.expanded {
          background-color: #0f2138;
          border-left: solid 3px #80cbc4;
          color: var(--white);
          fill: var(--white);
        }

        button.left-border-disabled {
          border-left: 0;
        }

        button.hidden-label-section {
          height: 0;
          padding: 0;
        }
      }

      .sidebar-content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        overflow-x: hidden;
        transition: overflow-x 0.6s;

        .animation-group hr {
          border-top: 1px solid hsla(0, 0%, 100%, 0.2) !important;
          height: 1px;
          margin: 25px 22px;
          width: auto;
        }

        .SelectRole__Container {
          padding: 0px 25px 20px;
        }

        .practice-container {
          padding: 0 25px;
          width: 300px;

          .practice-name {
            font-weight: 400;
            color: #fff;
            font-family: 'Rubik', sans-serif;
            font-size: 20px;
            line-height: 26px;
            margin: 0;
          }

          .practice-tin {
            color: #fff;
            font-family: 'Rubik', sans-serif;
            font-size: 14px;
            line-height: 16px;
            margin: 0;
            padding-top: 10px;
          }
        }

        .animation-group {
          height: auto;
          opacity: 1;
        }

        h1 {
          max-height: auto;
          padding: 30px 25px 20px;
          color: #fff;
          font-family: Rubik, sans-serif;
          font-size: 20px;
          line-height: 26px;
          margin: 0;
          font-weight: 400;
          text-align: left;
          opacity: 1;
          transition-delay: 0.5s;
          animation-delay: 0s;
          animation-duration: 0.6s;
          animation-fill-mode: forwards;
          animation-name: delayAddSimple;
          animation-timing-function: ease-in-out;
        }

        .level-one-nav {
          background-color: #21344c;
          width: 100%;

          ul {
            line-height: 1.7;
            list-style-type: none;
            margin: 0;
            padding: 2px 0;

            .link-drawer {
              display: flex;
              flex-direction: column;
              width: 300px;

              .link-inline {
                padding: 10px 22px;
                width: 300px;
                stroke: #80cbc4;
                color: #80cbc4;
                font-family: Rubik, sans-serif;
                font-size: 16px;
                line-height: 22px;
                margin: 0;
                align-items: center;
                display: flex;
                fill: #80cbc4;
                border-left: 3px solid transparent;
                text-decoration: none;

                .left-icon {
                  height: 25px;
                  margin-right: 15px;
                  min-height: 25px;
                  min-width: 25px;
                  width: 25px;
                  position: relative;
                  vertical-align: middle;

                  .sidebar-inline-link-label {
                    color: #80cbc4;
                    font-family: Rubik, sans-serif;
                    font-size: 16px;
                    line-height: 22px;
                    margin: 0;
                    align-items: center;
                    display: flex;
                    fill: #80cbc4;
                  }
                }
              }

              .link-inline:hover,
              .link-inline:hover .left-icon {
                fill: #fff;
                color: #fff;
                stroke: #fff;
              }

              .parent-link {
                color: #80cbc4;
                line-height: 1;
                margin-left: 35px;
                margin-bottom: 6px;

                a {
                  font-size: 14px;
                  line-height: 22px;
                  margin: 0;
                  padding: 2px 0;
                  color: #80cbc4;
                  text-decoration: none;

                  &:hover {
                    color: #fff;
                  }
                }
              }

              .active-link {
                a {
                  color: white;
                }
              }
            }

            .link-drawer .active {
              background: #0f2138;
            }
          }
        }
      }

      .account-home-link {
        color: #80cbc4;
        fill: #80cbc4;
        font-family: 'Rubik', sans-serif;
        font-size: 16px;
        line-height: 22px;
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 25px 22px 0;
        width: 300px;

        .left-icon {
          height: 25px;
          margin-right: 15px;
          width: 25px;
        }

        :hover {
          color: #fff;
        }
      }

      .account-home-link:hover .left-icon {
        fill: #fff;
      }

      ul {
        line-height: 1.7;
        list-style-type: none;
        margin: 0;
        padding: 2px 0;

        .link-drawer {
          display: flex;
          flex-direction: column;
          width: 300px;

          .link-inline {
            background: rgba(0, 0, 0, 0);
            border: none;
            border-left: 3px solid rgba(0, 0, 0, 0);
            border-color: #80cbc4;
            border-radius: 0;
            text-align: left;
            padding: 10px 22px;
            width: 300px;
            font-family: 'Rubik', sans-serif;
            font-size: 16px;
            line-height: 22px;
            margin: 0;
            align-items: center;
            display: flex;
          }

          .left-icon {
            height: 25px;
            margin-right: 15px;
            min-height: 25px;
            min-width: 25px;
            width: 25px;
          }

          .link-body {
            align-items: center;
            display: flex;
            flex-grow: 1;
          }

          .drawer.open {
            height: auto;
            opacity: 1;
            padding: 0 30px 10px 50px;
            transition: opacity 0.25s;
          }

          .parent-link a {
            color: white;
            text-decoration: none;
            font-size: 14px;
            line-height: 22px;
          }

          .parent-link a:before {
            content: '';
            display: inline-block;
            width: 0.3rem;
            height: 0.3rem;
            background-color: white;
            border-radius: 50%;
            margin-right: 0.5rem;
          }

          .expanded,
          .open {
            background-color: #0f2138;
            color: white;
            fill: white;
          }

          .link-collapsed {
            padding: 10px 10px 10px 30px;
            border-left: 3px solid #80cbc4;
          }

          .closed {
            margin-left: 22px;
          }
        }
      }
    }

    .sidebar.closed {
      width: 90px;
      transition-delay: 0.5s;

      .SelectRole__Container {
        padding: 0px 25px 0 10px;
      }

      h1,
      .animation-group {
        opacity: 0;
        padding: 0;
        max-height: 0;
      }

      .animation-flat {
        transition-delay: 0s;
        width: 100%;
      }
    }

    .link-collapse,
    .link-expand {
      color: #b0b0b0;
      fill: #b0b0b0;
      position: fixed;
      bottom: 0;
      width: inherit;
      font-size: 14px;
      margin: 0;
      align-items: center;
      background: #21344c;
      border: none;
      border-top: 1px solid #b0b0b0;
      display: flex;
      justify-content: center;
      text-transform: uppercase;
      padding: 20px 0;
    }

    .link-collapse .left-icon {
      margin-right: 15px;
    }

    .link-expand {
      line-height: 14px;
      flex-direction: column;
      padding: 6px 0 20px;

      .left-icon {
        margin-right: 0;
      }
    }
  }

  .updated-tag-container .triangle {
    color: var(--white);
    border: 11px solid var(--black);
    border-bottom-color: transparent;
    border-left-color: var(--navy);
    border-right-color: transparent;
    border-top-color: transparent;
    position: absolute;
    right: -17px;
    top: 4px;
  }

  @media (max-width: 991px) {
    .updated-tag-container {
      display: inline-block;
      height: auto;
      position: inherit;
    }

    .updated-tag {
      left: auto;
      margin-right: 0.5rem;
      top: -4px;
    }
  }
}

@layer qpp-components {
  .qpp-c-text-input.qpp-c-text-input--error {
    border: 1px solid #d92f2f !important;
  }
  .qpp-error-message {
    color: #d92f2f;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .callout-box {
    background: var(--gray04);
    padding: 24px;

    .callout-header {
      font-size: 20px;
      line-height: 25px;
    }

    p {
      margin: auto;
    }

    h3 {
      margin: 0 0 8px 0;
      font-size: 20px;
    }

    img {
      margin: 0 15px 15px 0;
      margin: -10px 18px 0 0;
      float: left;
      width: 100px;
    }
  }

  .callout-box.flex {
    display: flex;
  }

  .card-two-col-container {
    .qpp-u-flex-wrap--wrap {
      display: grid !important;
    }

    .qpp-u-display--inline-flex {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;

      @media (max-width: 1413px) {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    .qpp-c-card {
      .qpp-c-card__title {
        font-size: 1.5rem;
        line-height: 1.25;
        color: #333;
        padding: 1rem 0 0.5rem;
        margin: 0;
        font-weight: 400;
      }
      .qpp-c-card__cta a {
        padding-top: 0.4375rem;
        line-height: 1.3rem;
        text-align: left;
      }

      p {
        color: #333;
        font-size: 1rem;
        padding: 0;
        margin: 0;
      }
    }
  }
}

@layer qpp-components {
  .qpp-c-modal {
    .qpp-c-modal__content {
      background: var(--white);
      border: 0 none;
      border-radius: 4px;
      bottom: auto;
      left: 50%;
      max-width: 95%;
      min-width: 300px;
      width: 100%;
      outline: none;
      position: fixed;
      right: auto;
      top: 10%;
      transform: translateX(-50%);
    }
    @media all and (min-width: 544px) {
      .qpp-c-modal__content {
        max-width: 600px;
      }
    }
    .closex,
    .qpp-c-modal__close {
      background-color: rgba(0, 0, 0, 0);
      border: 0;
      height: 2rem;
      width: 2rem;
      line-height: 0;
      padding: 0;
      fill: #000;
      color: #000;
    }
    .closex:focus,
    .qpp-c-modal__close:focus {
      border: 1px solid var(--navyMedium);
      border-radius: 3px;
      box-shadow: 0 0 0 4px var(--lightSkyBlue);
      outline: none;
    }
    .qpp-c-modal__main ~ .qpp-c-modal__close-wrap {
      align-self: flex-end;
      height: 2rem;
      width: 2rem;
      margin: 2rem 2rem 0 0;
    }
    .qpp-c-modal__main ~ .qpp-c-modal__close-wrap .closex,
    .qpp-c-modal
      .qpp-c-modal__main
      ~ .qpp-c-modal__close-wrap
      .qpp-c-modal__close {
      position: relative;
      top: -0.4375rem;
    }
    .qpp-c-modal__main .qpp-c-modal__header {
      padding: 0 2rem;
      margin: -2rem 2rem 0 0;
    }
    .qpp-c-modal__header {
      padding: 2rem 2rem 0;
      display: flex;
      gap: 10px;
      flex-direction: row;
      justify-content: space-between;

      h3 {
        margin: 0;
        font-size: 1.5rem;
        line-height: 29px;
        font-weight: 500;
      }

      .closex,
      .qpp-c-modal__close {
        align-self: center;
        margin: -0.5rem 0 0;
      }
    }

    .qpp-c-modal__header-sep {
      padding-bottom: 25px;
      border-bottom: 1px solid var(--grayLighter);
    }
    .qpp-c-modal__header-sep ~ .qpp-c-modal__body {
      padding: 1.5rem 2rem 2rem;
    }
    .qpp-c-modal__body {
      max-height: 60vh;
      overflow-y: auto;
      padding: 1rem 2rem 2rem;

      p ~ ul,
      p ~ ol {
        margin-bottom: 30px;
        margin-top: -25px;
      }

      p {
        margin-bottom: 30px;
      }
    }
    .qpp-c-modal__body > p:first-child {
      margin-top: 0;
    }
    .qpp-c-modal__body > p:last-child {
      margin-bottom: 0;
    }
    .qpp-c-modal__body::-webkit-scrollbar {
      -webkit-appearance: none;
    }
    .qpp-c-modal__body::-webkit-scrollbar:vertical,
    .qpp-c-modal__body::-webkit-scrollbar:horizontal {
      width: 11px;
    }
    .qpp-c-modal__body::-webkit-scrollbar-thumb {
      border-radius: 8px;
      border: 2px solid var(--white);
      background-color: rgba(0, 0, 0, 0.5);
    }
    .qpp-c-modal__footer {
      display: flex;
      justify-content: flex-end;
      border-top: 1px solid var(--grayLighter);
      padding: 1rem 2rem;

      .qpp-u-margin-right--16 {
        margin-right: 1rem !important;
      }
    }
  }
}

@layer authenticated-styles {
  .qpp-c-page-header.redesign {
    width: 100%;
    height: auto;
    margin-bottom: 2rem !important;

    .qpp-c-breadcrumbs {
      line-height: 1.5;
      font-size: 0.875rem;
      font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
      color: #333;
    }

    .tight-page-header {
      max-width: 800px;
      padding: 0 !important;
    }

    .qpp-c-breadcrumbs--light {
      color: #fff;
    }

    .qpp-c-breadcrumbs {
      flex: auto;
      order: -1;
      margin-bottom: 2.5rem;
    }

    .qpp-c-breadcrumbs .qpp-c-breadcrumbs__list {
      margin-top: 0;
      margin-bottom: 0;
      list-style-type: none;
      padding-left: 0;
      margin-left: 0;
      display: block;
    }

    .qpp-c-breadcrumbs .qpp-c-breadcrumbs__list-item {
      display: inline-block;
      white-space: nowrap;
    }

    .qpp-c-breadcrumbs .qpp-c-breadcrumbs__list > li {
      margin-bottom: 0;
      max-width: unset;
    }

    .qpp-c-breadcrumbs .qpp-c-breadcrumbs__link {
      color: #333;
      text-decoration: none;
      text-underline-offset: 0.25rem;
      text-decoration-thickness: 0.0625rem;
    }

    .qpp-c-breadcrumbs--light .qpp-c-breadcrumbs__link {
      color: #fff;
    }

    .qpp-c-breadcrumbs .qpp-c-breadcrumbs__link:not(.qpp-c-button):focus {
      border: 1px solid #125496;
      border-radius: 3px;
      box-shadow: 0 0 0 4px #cbe4ff;
      outline: none;
      padding: 2px;
      margin-left: -3px;
      margin-right: -3px;
    }

    .qpp-c-breadcrumbs .qpp-c-breadcrumbs__link > span {
      text-decoration: underline;
    }

    .qpp-c-breadcrumbs .qpp-c-breadcrumbs__list-item::after {
      display: inline-block;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      transform: translateY(3px) rotate(20deg);
      border-right: 0.1em solid rgba(51, 51, 51, 0.3);
      height: 0.9em;
      content: '';
    }

    .qpp-c-breadcrumbs--light .qpp-c-breadcrumbs__list-item::after {
      border-right: 0.1em solid hsla(0, 0%, 100%, 0.4);
    }

    .qpp-c-page-header__main-content {
      background: linear-gradient(-45deg, rgb(46, 116, 187) 0%, #003366 100%);
      border-radius: 0;
      display: flex;
      flex-direction: column;
      padding-top: 3rem;
      padding-bottom: 2rem;
    }

    .header-content-container {
      min-height: 200px;

      &.title-only {
        padding-bottom: 50px !important;
        flex-direction: row !important;

        .qpp-c-page-header__title {
          flex: unset;
          align-self: flex-end;
        }
      }
    }

    .qpp-c-page-header__title {
      font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
      font-weight: 400;
      font-size: 3rem;
      line-height: 1.125;
      color: var(--white);
      flex: auto;
      margin-bottom: 0;
      margin-top: 5px;

      @media (min-width: 544px) {
        font-size: 3rem;
        line-height: 1.125;
      }
    }

    .qpp-c-page-header__description {
      color: #fff;
      flex: auto;
      font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
      font-size: 1rem;
      margin-bottom: 1rem;
      margin-top: 1rem;
    }

    .qpp-c-page-header__subheader {
      border-bottom: 1px solid #ddd;
      background-color: #fff;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }

    .qpp-c-page-header__title.only {
      padding-top: 20px;
    }

    &.connect-to-org-header {
      .qpp-c-page-header__title.only {
        padding-top: 0;
        padding-bottom: 50px;
      }
    }
  }

  /* TODO - Authenticated Style fixes to move out later */
  /* Eligibility and Reporting */
  .qpp-u-xs-margin-bottom--48 {
    margin-bottom: 3rem !important;
  }

  .qpp-u-xxs-margin-bottom--32 {
    margin-bottom: 2rem !important;
  }

  .virtual-group-details .back-button {
    margin-bottom: 40px;
    color: #0073c8 !important;
  }

  .org-info-link {
    color: #0073c8 !important;
  }

  .org-list .h5 {
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 21px;
  }

  .virtual-group-details .results-container .results {
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
  }

  .connect-organization.redesign ~ #qpp-nav-footer {
    margin: auto;
    width: 100%;
  }

  .tab-content-org-container h3 {
    font-size: 1.5rem;
    line-height: 29px;
    font-weight: 500;
  }

  .qpp-c-button.qpp-c-button--text,
  .qppds .qpp-c-button.qpp-c-button--text {
    color: #0073c8;
  }

  .practice-tin-address {
    color: var(--grayMedium);
    font-size: 14px;
    display: inline-block;
  }

  .qpp-raised-border {
    border-radius: 3px;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
  }

  .qpp-u-align-items--start {
    align-items: flex-start !important;
  }

  .qpp-u-justify-content--between {
    justify-content: space-between !important;
  }

  .qpp-u-flex-direction--row {
    flex-direction: row !important;
  }

  .qpp-u-display--flex {
    display: flex !important;
  }

  /* APM Incentive Payments */
  div.entity-info {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 29px;

    p.entity-meta {
      margin: 8px 0 24px;
      font-size: 0.875rem;
      color: var(--gray80);
    }
  }

  h3.entity-title {
    margin: 0;
    font-weight: 500;
  }

  h3.entity-search-header,
  h3.clinician-header {
    margin: 0 0 8px;
    font-size: 1.5rem;
    line-height: 29px;
    font-weight: 500;
  }

  p.entity-search-subheader {
    font-size: 1rem;
  }

  .apm-details h2 {
    color: var(--gray80) !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 8px;
    margin-top: 0;
  }

  .details-summary .h4,
  .clinicians-container .h4 {
    color: var(--gray80) !important;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .print-hidden {
    color: #242424;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
  }

  .clinician-info .bolded {
    color: #242424;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
  }

  .empty-message-container .name {
    font-weight: 500 !important;
  }

  .download-link,
  .menu-dropdown,
  .payment-actions-box {
    .qpp-c-button--text {
      color: #0073c8 !important;
      fill: #0073c8;

      &:hover {
        color: #125496 !important;
        fill: #125496 !important;
      }

      svg {
        margin-right: 0.5rem;
      }
    }

    .qpp-u-xs-margin-bottom--48 {
      margin-bottom: 3rem !important;
    }

    .qpp-u-margin-bottom--24 {
      margin-bottom: 1.5rem !important;
    }

    .qpp-u-font-size--32 {
      font-size: 2rem !important;
    }

    .qpp-u-margin-bottom--40 {
      margin-bottom: 2.5rem !important;
    }
    .qpp-u-margin-top--40 {
      margin-top: 2.5rem !important;
    }

    .qpp-u-margin-top--32 {
      margin-top: 2rem !important;
    }
  }

  hr {
    margin-top: 19px;
    margin-bottom: 35px;
    border: 0;
    border-top: 1px solid var(--grayLighter);
    box-sizing: content-box;
    height: 0;
  }

  /* Collapsible Component PROD Fix */
  .collapsible .collapsible-summary {
    background: transparent;
    border: 0 none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: initial;
    /* original color */
    color: #0073c8 !important;

    .showIcon,
    .hideIcon,
    .collapsible-show-label,
    .collapsible-hide-label {
      display: inline-block;
    }
  }

  /* Manage Access / Connected Users */
  .manage-access .practice-count-header {
    display: inline;
    color: var(--grayDark);

    h2 {
      font-size: 2rem;
      line-height: 38px;
      font-weight: 400;
      margin-bottom: 10px;
    }
  }

  h2.practice-count-header {
    display: inline;
    color: var(--grayDark);
    font-size: 2rem;
    line-height: 38px;
    font-weight: 400;
    margin-bottom: 10px;
  }

  h3.practice-title {
    color: var(--grayDark);
    margin: 0;
    font-size: 1.5rem;
    line-height: 29px;
    font-weight: 500;
  }

  h3.connected-user-full-name {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 29px;
    color: #242424;
    font-weight: 500;
  }

  .dev-tools-container {
    background: var(--gray04);
    padding: 23px 40px;
    margin: 30px -40px 0;
    font-size: 14px;

    h6 {
      font-size: 0.875rem;
      line-height: 19px;
      color: #242424;
      font-weight: 500;
      margin-bottom: 10px;
    }

    p {
      margin-bottom: 30px;
    }

    a {
      color: var(--primary);
    }
  }

  div.dev-tools-card-container {
    background: var(--white);
    border: 1px solid var(--grayLighter);
    border-radius: 2px;
    padding: 12px 40px 0;
    margin: 16px 0 0;

    h4 {
      font-size: 1.125rem;
      line-height: 22px;
      color: #242424;
      font-weight: 500;
      margin-bottom: 10px;
      margin-top: 1rem;
    }

    .registry-subtitle {
      color: var(--grayMedium);
    }
  }

  .manage-pending-requests {
    h2 {
      font-weight: 500;
      margin-top: 0;
      color: #242424;
      font-weight: 400;
      margin-bottom: 10px;
    }

    .connected-user-actions {
      button {
        box-shadow: none;
        background: none;
        border: none;
      }
    }
  }

  /* Connect to Org Flow */
  .select-org-title {
    font-size: 2rem;
    line-height: 38px;
    color: #242424;
    font-weight: 400;
  }

  .connect-organization-headline {
    font-size: 2rem;
    line-height: 38px;
    color: #242424;
    font-weight: 400;
  }

  .org-type-container h2 {
    font-size: 2rem;
    line-height: 38px;
    color: #242424;
    font-weight: 400;
  }

  .connect-organization .custom-radio-org {
    margin-right: 0;
    padding-left: 0;
  }
  .custom-radio {
    margin-bottom: -0.875rem;
    padding-bottom: 0.875rem;
  }
  .custom-control {
    cursor: pointer;
    display: inline-flex;
    margin-right: 1rem;
    min-height: 1.5rem;
    padding-left: 2.2rem;
    position: relative;
    top: -20px;
    user-select: none;
  }

  .org-box-content {
    .qpp-c-alert.qpp-c-alert--info {
      margin-top: 1rem;
    }
  }

  .org-box-content input {
    cursor: pointer;
  }

  /* Custom Radio and Checkbox Styles */
  .form-control {
    -webkit-appearance: none;
    border-color: #b0b0b0;
    border-radius: 2px;
    box-shadow: none;
    color: #686868;
    font-family: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 1rem;
    height: 50px;
    padding: 0.9rem 0.75rem;
  }

  .form-control::placeholder {
    color: #b0b0b0;
  }

  .form-control:focus {
    border-color: #04838a;
    box-shadow: none;
  }

  .form-control-feedback {
    display: none;
    font-size: 0.9rem;
    margin-top: 0;
    position: relative;
    text-align: initial;
    width: initial;
  }

  .custom-control {
    cursor: pointer;
    display: inline-flex;
    margin-right: 1rem;
    min-height: 1.5rem;
    padding-left: 2.2rem;
    position: relative;
    top: -20px;
    user-select: none;
  }

  .custom-control .custom-control-indicator {
    background-color: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #b0b0b0;
    display: block;
    height: 1.5rem;
    left: 0;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    width: 1.5rem;
  }

  .custom-control .custom-control-indicator.radio {
    background-position: 4px 4px;
    background-size: 65%;
    border-radius: 50%;
  }

  .custom-control .custom-control-indicator.checkbox {
    background-size: 90%;
    border-radius: 3px;
  }

  .custom-control .custom-control-indicator.checkbox.white {
    background-color: #fff;
  }

  .custom-control .custom-control-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
  }

  .custom-control .custom-control-input:active ~ .custom-control-indicator {
    background-color: #fff;
    border-color: #b0b0b0;
  }

  .custom-control .custom-control-input:focus ~ .custom-control-indicator {
    border-color: #b0b0b0;
    box-shadow: none;
  }

  .custom-control .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #04838a;
    border-color: #04838a;
  }

  .custom-control
    .custom-control-input:checked:focus
    ~ .custom-control-indicator {
    border-color: #04838a;
    box-shadow: none;
  }

  .custom-control .custom-control-description {
    color: #242424;
    font-weight: normal;
    position: relative;
    text-transform: initial;
    top: 10px;
  }

  .custom-radio,
  .custom-checkbox {
    margin-bottom: -0.875rem;
    padding-bottom: 0.875rem;
  }

  .custom-radio
    .custom-control-input:checked
    ~ .custom-control-indicator.radio {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='4' fill='%2304838a'/%3E%3C/svg%3E");
    border: 1px solid #04838a;
    background-size: 62% !important;
  }

  .org-box-content > label {
    color: var(--navy);
    cursor: pointer;
    padding-left: 45px;
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 1.5rem;
    line-height: 29px;
  }

  p.pb-step-progress-text {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0 0 8px;
  }

  .connect-registry-headline {
    margin: 0 0 8px;
  }

  .connect-organization-headline {
    margin: 0 0 8px;
  }

  .connect-organization .custom-input-org {
    background-color: var(--white);
    margin-top: 9px;
  }

  .org-type-container {
    label.qpp-u-margin-bottom--8,
    label.registry-label,
    label.search-practices-label {
      color: #333;
      font-size: 0.875rem;
      font-weight: 500;
      text-transform: none;
      display: block;
    }

    .qpp-c-button.qpp-c-button--text,
    .qppds .qpp-c-button.qpp-c-button--text {
      color: #0073c8 !important;
    }
  }

  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }

  .connect-organization ~ #qpp-nav-footer {
    margin: auto;
    width: 100%;
  }

  /* Loading screen for Submitting request to connect as a clinician */
  .loading.qpp-u-text-align--center.qpp-u-padding--48 {
    text-align: center !important;
    padding: 3rem !important;
  }

  .qpp-u-margin-bottom--24 {
    margin-bottom: 1.5rem !important;
  }

  .qpp-u-margin-top--8 {
    margin-top: 0.5rem !important;
  }

  .search-practices-container {
    display: flex;
    position: relative;
  }

  .connect-registry-container .registry-text {
    font-size: 16px;
    font-weight: 400;
    color: var(--grayDark);
    text-transform: none;
    margin-bottom: 1.5rem !important;
    margin-top: 0.5rem !important;
  }

  /* Content Management */
  .content-management-landing-text-content {
    margin-bottom: 30px;
  }

  /* Dev Pre */
  .my-applications-page {
    .application-search {
      padding: 0 40px 45px;
      font-size: 0.875rem;
    }

    .applications {
      list-style-type: none;
      padding: 0;
    }

    .applications .application:first-child {
      border-top: 1px solid var(--grayLighter);
    }

    .applications .application {
      border-bottom: 1px solid var(--grayLighter);
      padding: 20px 40px 20px;

      p {
        font-size: 0.875rem;
        margin-top: 10px;
        margin-bottom: 0;
      }
    }

    .application-wrapper {
      display: grid;
      display: -ms-grid;
      column-gap: 1rem;
      -ms-grid-columns: 1fr 1rem 272px;
      grid-template-columns: 1fr 272px;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;

      h2 {
        font-size: 1.5rem;
        line-height: 29px;
        color: #242424;
        font-weight: 500;
        margin-bottom: 10px;
        margin-top: 20px;
      }

      .application-actions {
        text-align: center;

        .btn-link {
          color: var(--gray);
          border-color: rgba(0, 0, 0, 0);
          background-color: rgba(0, 0, 0, 0);
          box-shadow: none;
          font-weight: 400;
          border-radius: 0;

          svg {
            position: relative;
            top: 3px;
          }
          svg:not(:root) {
            overflow: hidden;
          }
          .svg-inline--fa {
            box-sizing: content-box;
            display: var(--fa-display, inline-block);
            height: 1em;
            overflow: visible;
            vertical-align: -0.125em;
            width: var(--fa-width, 1.25em);
          }
        }
      }
    }
  }

  .scenario-gallery-title,
  .reserved-scenarios-title,
  .manage-scenario-title,
  .reserve-scenario-title {
    font-size: 1.5rem;
    line-height: 29px;
    color: #242424;
    font-weight: 500;
    margin-bottom: 10px;
  }

  .my-test-data-content,
  .scenario-gallery-content {
    border-top: 1px solid var(--grayLighter);
    margin-top: 1rem;

    .scenario {
      display: grid;
      display: -ms-grid;
      column-gap: 1rem;
      -ms-grid-columns: 1fr 1rem 272px;
      grid-template-columns: 1fr 272px;
      -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      padding: 1rem 40px;
      border-bottom: 1px solid var(--grayLighter);

      h3 {
        font-size: 1.5rem;
        line-height: 29px;
        color: #242424;
        font-weight: 500;
        margin-bottom: 10px;
      }
    }

    .description {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / 2;
      margin: 0;
    }

    .button {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / span 2;
      grid-column: 2 / -1;
      -ms-grid-column-align: end;
      justify-self: end;
      -ms-grid-row-align: center;
      align-self: center;
    }

    .auth-fill-btn {
      margin: 15px 0;
      min-width: 200px;
      padding: 0 25px;
    }

    .auth-fill-btn {
      background-color: #04838a;
      border: solid #04838a 2px;
      border-radius: 30px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 13px;
      font-weight: 500;
      height: 54px;
      line-height: 54px;
      margin: 10px auto;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      width: 180px;
    }

    .my-test-data-form label {
      display: block;
      color: #333;
      font-size: 0.875rem;
      font-weight: 500;
      text-transform: none;
    }

    .my-test-data-form input {
      margin-bottom: 1rem;
    }
  }

  .register-application-container {
    margin: auto;
    /* max-width: 800px; */
    padding: 0;

    .register-application-form {
      padding: 40px 50px;
    }

    h2 {
      font-size: 2rem;
      line-height: 38px;
      color: #242424;
      font-weight: 400;
      margin-bottom: 10px;
      margin-top: 20px;
    }

    p {
      margin-bottom: 30px;
    }

    .label {
      color: var(--primary);
      font-size: 0.8em;
      font-weight: 500;
      margin-bottom: 0.2rem;
      text-transform: uppercase;
      padding: 0px;
    }

    .organization-title {
      padding-bottom: 20px;
    }

    .radio,
    .checkbox {
      position: relative;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
    }

    label,
    legend {
      border-bottom: none;
      color: #04838a;
      font-size: 0.8em;
      font-weight: 500;
      margin-bottom: 0.2rem;
      text-transform: uppercase;
      display: inline-block;
      max-width: 100%;
    }

    textarea {
      margin-bottom: 20px;
      display: block;
      height: auto;
      width: 100%;
      padding: 0.9rem 0.75rem;
      font-size: 1rem;
      -webkit-appearance: none;
      border-color: #b0b0b0;
      border-radius: 2px;
      box-shadow: none;
      color: #686868;
    }

    .shared-form-container .terms-agreement {
      display: flex;
      padding-bottom: 45px;
      padding-top: 15px;
      max-width: 100%;
    }

    label {
      max-width: 100%;
      text-transform: uppercase;
      border-bottom: none;
      color: #04838a;
      font-size: 0.8em;
      font-weight: 500;
    }

    .custom-control {
      cursor: pointer;
      margin-right: 1rem;
      min-height: 1.5rem;
      padding-left: 2.2rem;
      position: relative;
      top: -20px;
      user-select: none;

      .custom-control-input {
        opacity: 0;
        position: absolute;
        z-index: -1;
      }
    }

    .custom-checkbox {
      margin-bottom: -0.875rem;
      padding-bottom: 0.875rem;
    }

    input[type='checkbox']:focus {
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }

    .custom-control-input {
      opacity: 0;
      position: absolute;
      z-index: -1;
    }

    input {
      margin-bottom: 20px;
    }

    input[type='checkbox'] {
      margin: 4px 0 0;
      line-height: normal;
      box-sizing: border-box;
      padding: 0;
    }

    .custom-control .custom-control-indicator {
      background-color: #ddd;
      background-position: center center;
      background-repeat: no-repeat;
      border: 1px solid #b0b0b0;
      display: block;
      height: 1.5rem;
      left: 0;
      padding: 5px;
      pointer-events: none;
      position: absolute;
      width: 1.5rem;
    }

    .custom-control .custom-control-indicator.checkbox {
      background-size: 90%;
      border-radius: 3px;
    }

    .custom-control .custom-control-description {
      color: #242424;
      font-weight: normal;
      position: relative;
      text-transform: initial;
      top: 10px;
    }

    .checkbox {
      position: relative;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .custom-checkbox
      .custom-control-input:checked
      ~ .custom-control-indicator.checkbox,
    .custom-checkbox
      .custom-control-input:checked
      ~ .custom-control-indicator.checkbox-white {
      background-color: #04838a;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='3 0 20 25'%3E%3Cpath fill='%23fff' d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3E%3C/svg%3E");
      border: 1px solid #04838a;
    }

    .terms-agreement {
      display: flex;
      padding-bottom: 45px;
      padding-top: 15px;
    }

    .auth-fill-btn {
      margin: 15px 0;
      min-width: 200px;
      padding: 0 25px;
    }

    .auth-fill-btn {
      background-color: #04838a;
      border: solid #04838a 2px;
      border-radius: 30px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 13px;
      font-weight: 500;
      height: 54px;
      line-height: 54px;
      margin: 10px auto;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
    }
  }
}