@import '../style/functions.scss';
@import '../style/theme.scss';
@import '../style/mixins.scss';

$prefix-cls: 'dk-msg';

.#{$prefix-cls} {
  @include reset-component();
  position: fixed;
  z-index: $zindex-message;
  max-width: 50%;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);

  &-item {
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: 0 0;
  }

  &-content {
    box-shadow: $message-content-shadow;
  }
}