.audit_container {
  max-height: 7.5rem;
  min-height: 7.5rem;
  overflow: hidden;
  transition: all 0.5s ease; }
  .audit_container.closed {
    max-height: 0px;
    min-height: 0px;
    border-width: 0px; }
  .audit_container .audit {
    display: flex;
    flex-direction: column;
    min-height: calc(7.5rem - 8px);
    margin: 0px;
    border: solid var(--highlight);
    border-width: 4px;
    border-radius: 10px; }
    .audit_container .audit .content {
      flex: 1 1 10px;
      padding: 10px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-items: center; }
      .audit_container .audit .content > span {
        text-align: center;
        min-width: 250px; }
      .audit_container .audit .content .cta {
        flex: 1 1;
        white-space: nowrap;
        font-weight: bold; }
      .audit_container .audit .content .question {
        flex: 10 1;
        padding: 0px 10px; }
      .audit_container .audit .content .response {
        flex: 1 1;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center; }
        .audit_container .audit .content .response span {
          white-space: nowrap; }
        .audit_container .audit .content .response .button {
          min-width: 10px !important;
          height: 20px; }
    .audit_container .audit .footer {
      flex: 0 0 20px;
      padding: 0px 5px;
      display: flex;
      align-items: center;
      justify-items: center;
      color: white;
      background-color: var(--highlight);
      text-transform: uppercase;
      font-size: 75%;
      margin-bottom: -2px; }
      .audit_container .audit .footer.mobile {
        display: none; }
        @media screen and (max-width: 40rem) {
          .audit_container .audit .footer.mobile {
            display: block; } }
      @media screen and (max-width: 40rem) {
        .audit_container .audit .footer.desktop {
          display: none; } }
      .audit_container .audit .footer span {
        flex: 1 1;
        white-space: nowrap; }
      .audit_container .audit .footer .bar {
        flex: 10 1;
        height: 15px;
        margin: 0px 10px;
        border-radius: 10px;
        background-color: white;
        overflow: hidden; }
        .audit_container .audit .footer .bar .fill {
          display: block;
          height: 100%;
          background-color: var(--highlight_tint); }
      .audit_container .audit .footer .about {
        flex: 1 1;
        padding-right: 10px;
        text-align: center; }
        .audit_container .audit .footer .about a {
          display: inline-block;
          width: 100%;
          color: white; }
          .audit_container .audit .footer .about a:hover {
            text-decoration: underline; }

@media screen and (max-width: 60rem) {
  #keep_scrolling {
    display: none; }
  .audit_container {
    margin-top: 1.5rem;
    min-height: auto;
    max-height: 1000px;
    height: auto; }
    .audit_container.closed {
      max-height: 0px;
      min-height: 0px;
      border-width: 0px;
      margin-bottom: -1.5rem; }
    .audit_container .audit {
      min-height: auto;
      max-height: 1000px;
      height: auto; } }

/*# sourceMappingURL=audit.css.map */