@import "var";

.@{prefixName}-toast {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  width: fit-content;
  max-width: @toast-max-width;
  transform: translateX(-50%) translateY(-50%);
  z-index: @toast-zindex;

	&.is-shown {
		display: block;
	}

  &.@{prefixName}-toast--pure-text {
    .@{prefixName}-toast__container {
      min-width: 0;
      min-height: 0;
    }
    .@{prefixName}-toast__text {
      margin-top: 0;
    }
  }

  &__container {
    display: flex;
    font-size: @toast-text-size;
    color: @toast-text-color;
    min-width: 120px;
    min-height: 120px;
    line-height: 1;
    padding: 15px;
    border-radius: @toast-border-radius;
    background-color: @toast-background-color;
    word-break: break-all;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
  }

  &__text {
    line-height: 1;
    margin-top: 15px;
  }
}