.custom-block {
  background-color: var(--AaBgClr);
  border-color: var(--AaBClr);
  color: var(--AaTClr);
  a, a:visited {
    color: var(--AaLClr);
    :hover {
      color: var(--AaLHClr);
    }
  }
  .custom-block-title {
    color: var(--AaAClr);
    font-weight: 600;
    margin-bottom: -0.4rem;
  }
  &.tip, &.warning, &.danger {
    padding: .1rem 1.5rem;
    border-left-width: .5rem;
    border-left-style: solid;
    margin: 1rem 0;
  }
  &.tip {
    background-color: var(--AtBgClr);
    border-color: var(--AtBClr);
    color: var(--AtTClr);
    .custom-block-title {
      color: var(--AtAClr);
    }
    a, a:visited {
      color: var(--AtLClr);
      :hover {
        color: var(--AtLHClr);
      }
    }
  }
  &.hint {
    background-color: var(--AhBgClr);
    border-color: var(--AhBClr);
    color: var(--AhTClr);
    .custom-block-title {
      color: var(--AhAClr);
    }
    a, a:visited {
      color: var(--AhLClr);
      :hover {
        color: var(--AhLHClr);
      }
    }
  }
  &.important {
    background-color: var(--AiBgClr);
    border-color: var(--AiBClr);
    color: var(--AiTClr);
    .custom-block-title {
      color: var(--AiAClr);
    }
    a, a:visited {
      color: var(--AiLClr);
      :hover {
        color: var(--AiLHClr);
      }
    }
  }
  &.note {
    background-color: var(--AnBgClr);
    border-color: var(--AnBClr);
    color: var(--AnTClr);
    .custom-block-title {
      color: var(--AnAClr);
    }
    a, a:visited {
      color: var(--AnLClr);
      :hover {
        color: var(--AnLHClr);
      }
    }
  }
  &.success {
    background-color: var(--AsBgClr);
    border-color: var(--AsBClr);
    color: var(--AsTClr);
    .custom-block-title {
      color: var(--AsAClr);
    }
    a, a:visited {
      color: var(--AsLClr);
      :hover {
        color: var(--AsLHClr);
      }
    }
  }
  &.warning {
    background-color: var(--AwBgClr);
    border-color: var(--AwBClr);
    color: var(--AwTClr);
    .custom-block-title {
      color: var(--AwAClr);
    }
    a, a:visited {
      color: var(--AwLClr);
      :hover {
        color: var(--AwLHClr);
      }
    }
  }
  &.caution {
    background-color: var(--AcBgClr);
    border-color: var(--AcBClr);
    color: var(--AcTClr);
    .custom-block-title {
      color: var(--AcAClr);
    }
    a, a:visited {
      color: var(--AcLClr);
      :hover {
        color: var(--AcLHClr);
      }
    }
  }
  &.danger {
    background-color: var(--AdBgClr);
    border-color: var(--AdBClr);
    color: var(--AdTClr);
    .custom-block-title {
      color: var(--AdAClr);
    }
    a, a:visited {
      color: var(--AdLClr);
      :hover {
        color: var(--AdLHClr);
      }
    }
  }
  &.error {
    background-color: var(--AeBgClr);
    border-color: var(--AeBClr);
    color: var(--AeTClr);
    .custom-block-title {
      color: var(--AeAClr);
    }
    a, a:visited {
      color: var(--AeLClr);
      :hover {
        color: var(--AeLHClr);
      }
    }
  }
}
