.block-webform-block.webform--post_brochure {
  color: var(--grey-modern-600);
}

.webform--post_brochure {
  #edit-select-models--wrapper {
    display: none;
  }

  .model-links-dialog {
    padding: 50px;
    border-width: 1px;

    .dialog-close {
      font-weight: normal;
    }
  }

  div[aria-label="Error message"] {
    grid-column: 1 / -1;
  }

  .select-model-wrapper {
    height: 100%;
    padding: 50px 25px 25px;
     &:hover {
      cursor: pointer;
    }
    &.active {
      background-color: #1B325A1A;
      /*background-image: linear-gradient(90deg, #333 50%, transparent 50%), linear-gradient(90deg, #333 50%, transparent 50%), linear-gradient(0deg, #333 50%, transparent 50%), linear-gradient(0deg, #333 50%, transparent 50%);
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
      background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
      background-position: left top, right bottom, left bottom, right top;
      animation: marching-ants 1s infinite linear;*/
      
      .model__select-download {
        display: block;
        margin-top: 1.2rem;
      }

      &::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 20px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMiAyNSI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTExLjI3IDI0LjM3LjUgMTMuMjRsMi42OS0yLjc5IDguMDggOC4zNUwyOC42Ljg4bDIuNyAyLjc4LTIwLjAzIDIwLjcxWiIvPgo8L3N2Zz4=");
        width: 54px;
        height: 54px;
        display: block;
        border-radius: 999px;
        background-color: var(--dusk);
        background-position: center;
        background-size: 30px;
        background-repeat: no-repeat;
      }
    }

    a.btn {
      color: white;
      background-color: var(--dusk);
      font-weight: normal;
    }

    .model__select-download {
      display: none;
    }
  }

  .webform-submission-form .custom-select {
    background: transparent;
    color: var(--dusk);
  }

  .form-actions {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 2rem;

    .form-group {
      margin: 0;
    }

    .btn, button { 
      font-weight: normal;
      text-transform: uppercase;
    }
  }
}

@keyframes marching-ants {
  0% {
    background-position: left top, right bottom, left bottom, right top;
  }
  100% {
    background-position: left 15px top, right 15px bottom, left bottom 15px, right top 15px;
  }
}
