.card-header
  display: flex
  align-items: center
  justify-content: space-between
  +media-breakpoint-up(md)
    padding: .75rem 1rem
  +media-breakpoint-down(sm)
    padding: .5rem .75rem
  &.is-sm
    padding-block: .625rem
    .a-button.is-xs
      margin-block: -.25rem
  &:first-child
    +border-radius(top, .25rem)
  & + .a-form-tabs
    margin-top: -1px

.card-header__inner
  display: flex
  align-items: center
  width: 100%
  gap: 1rem

.card-header__title
  +text-block(1em 1.4, 600)
  flex: 1
  +media-breakpoint-up(md)
    font-size: 1rem
  +media-breakpoint-down(sm)
    font-size: .875rem
  .card-header.is-sm &
    font-size: .875rem
  .card-header.is-lg &
    font-size: 1.5rem

.card-header__count
  font-weight: 400
  letter-spacing: 0
  margin-left: .125rem

.card-header__title-emotion-image
  +size(1.25em)
  display: inline-block
  vertical-align: middle
  margin-inline: .125em
  +position(relative, top -.125em)

.card-header__sub-title
  +text-block(.8125rem 1.4)
  +media-breakpoint-down(sm)
    font-size: .75rem

.card-header__action
  display: flex
