@import './../globals.less';

.mw-notification.drawer {
  z-index: 2;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: transparent;
  box-shadow: none;

  .content {
    box-sizing: border-box;
    left: 0;
    right: 0;
    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.35);
    word-wrap: break-word;
    z-index: 2;
    font-size: 0.9em;
    padding: 0.9em 1em;
    background-color: @toast-bg-color;
    color: @toast-text-color;
    margin: 0 10% 20px;
    width: 80%;
    text-align: center;
    border-radius: 3px;
  }
}