@keyframes ty-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ty-rotate-reverse {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes ty-processing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.8);
    opacity: 0;
  }
}
.ty-message {
  position: relative;
  padding: var(--ty-message-padding);
  background: var(--ty-message-bg);
  border-radius: var(--ty-message-radius);
  box-shadow: var(--ty-message-shadow);
  transition: all var(--ty-message-transition-duration);
  opacity: 0;
  transform: translateY(var(--ty-message-offset-y-enter));
  box-sizing: border-box;
  display: flex;
  font-size: var(--ty-message-font-size);
  align-items: center;
  pointer-events: all;
}
.ty-message-container {
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
  pointer-events: none;
  transition: top 200ms;
  z-index: var(--ty-message-z-index);
  box-sizing: border-box;
}
.ty-message__content {
  font-size: inherit;
  line-height: var(--ty-message-content-line-height);
  color: var(--ty-message-content-color);
}
.ty-message_fade-slide-enter {
  opacity: 0;
  transform: translateY(var(--ty-message-offset-y-enter));
}
.ty-message_fade-slide-enter-done {
  opacity: 1;
  transform: translateY(0);
}
.ty-message__icon {
  margin-right: var(--ty-message-icon-gap);
}
.ty-message__icon_loading {
  animation: ty-rotate 1s linear infinite;
}
.ty-message__extra {
  margin-left: var(--ty-message-extra-gap);
}