@require './fallback'

.custom-block
  .custom-block-title
    font-weight 600
    letter-spacing 0.1rem
    margin-bottom -0.4rem
  &.tip, &.warning, &.danger
    padding .1rem 1.5rem
    border none
    border-radius 6px
    margin 1rem 0
  &.tip
    bgColor $badgeTipColorDefault var(--badgeTipColor)
  &.warning
    bgColor $badgeWarningColorDefault var(--badgeWarningColor)
    text $badgeWarningTextColorDefault var(--badgeWarningTextColor)
    .custom-block-title
      text $badgeWarningTitleColorDefault var(--badgeWarningTitleColor)
    a
      text $textMutedColorDefault var(--textMutedColor)
  &.danger
    bgColor $badgeErrorColorDefault var(--badgeErrorColor)
    text $badgeErrorTextColorDefault var(--badgeErrorTextColor)
    .custom-block-title
      text $badgeErrorTitleColorDefault var(--badgeErrorTitleColor)
    a
      text $textMutedColorDefault var(--textMutedColor)
  &.details
    display block
    position relative
    border-radius 6px
    margin 1em 0
    padding 1.5em
    bgColor $selectionColorDefault var(--selectionColor)
    h4
      margin-top 0
    figure, p
      &:last-child
        margin-bottom 0
        padding-bottom 0
    summary
      outline none
      cursor pointer