@use 'sass:color'

.box-title
  font-size: 1.75rem
  font-weight: 700

.approver-name
  font-size: 1.25rem

.required-login
  padding: 1rem
  border-radius: 8px
  background-color: color.adjust(#0D64E4, $blackness: 20%)
  opacity: 0.6
  width: 100%
  text-align: center

.modal-tooltip
  display: flex
  flex-direction: column

  &__group
    display: flex
    flex-direction: column
    padding: 0 0 1rem 0

  &__title
    font-weight: bold
    padding: 0 0 0.25rem 0

  &__info
    padding: 0 0 0.15rem 0

  &__note
    font-weight: bold
    font-size: 0.75rem
    padding: 1rem 0 0.75rem 0

  &__note-info
    padding: 0 0 0.25rem 0
    font-size: 0.75rem
