@import '../../src/style/tools.css';

.bx-toast {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: var(--toast-zindex);
  text-align: center;
}

.bx-toast-inner {
  display: inline-block;
  padding: 10px 15px;
  margin: 0 15px;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  color: var(--toast-color);
  background-color: var(--toast-bg-color);

  &.bx-toast-block {
    padding: 8px 19px 15px 19px;
  }

  & .bx-toast-icon {
    display: block;
    margin-bottom: 6px;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
  }
}
