.modal
  &_autoclosable &__close
    display: block

  &__close
    display: none
    position: absolute
    top: 8px
    right: 8px
    width: 16px
    height: 16px
    cursor: pointer
    z-index: 5
    opacity: .3
    transition: opacity .1s ease-out
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Imljb24tY2xvc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+ICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE0LDAuN0wxMy4zLDBMNyw2LjNMMC43LDBMMCwwLjdMNi4zLDdMMCwxMy4zTDAuNywxNEw3LDcuN2w2LjMsNi4zbDAuNy0wLjdMNy43LDdMMTQsMC43eiIgLz48L3N2Zz4=') no-repeat 50% 50%
    background-size: cover

    &:hover
      opacity: .8

  &__title
    font-weight: 400
    font-size: 20px
    line-height: 20px
    padding: 16px 32px 4px 24px;
    white-space: nowrap

    &:empty
      display: none

  &__body
    padding: 16px 24px
