.feedback.ThemeFeedbackDefault {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 10px;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap-reverse;
  z-index: 1200;
  background-image: radial-gradient(at bottom right, #00000026 -20%, transparent 60%);
  height: fit-content;
  overflow: hidden;
  pointer-events: none;
  opacity: 1;
  transition: var(--speedFF) opacity ease, var(--speedFF) transform ease;
  width: var(--sizeXXL);
  max-width: 100%;
  transform: translateX(0%);
}
.feedback.ThemeFeedbackDefault:empty {
  opacity: 0;
  transform: translateX(100%);
}
.feedback.ThemeFeedbackDefault > .feedbackLog {
  pointer-events: all;
  background-color: var(--colorTextAlt);
  padding: 20px 30px;
  width: calc(15vw + 11vh);
  max-width: 100% !important;
  z-index: 10;
  margin: 2px;
  box-shadow: 0 0 20px var(--colorShadow);
  color: var(--colorText);
  position: relative;
  cursor: no-drop;
  border-radius: 6px;
  border-left: var(--sizeM) solid;
  animation-name: fadeLog;
  animation-duration: 10s;
  animation-fill-mode: both;
  line-height: 1.1;
}
.feedback.ThemeFeedbackDefault > .feedbackLog[data-time]:before {
  content: attr(data-time);
  color: var(--colorShadowDark);
  width: 100%;
  display: block;
  letter-spacing: 2px;
  color: var(--colorShadowDark);
  font-size: var(--fontS);
}
.feedback.ThemeFeedbackDefault > .feedbackLog[data-type=error] {
  border-left-color: var(--colorError);
}
.feedback.ThemeFeedbackDefault > .feedbackLog[data-type=success] {
  border-left-color: var(--colorSuccess);
}
.feedback.ThemeFeedbackDefault > .feedbackLog[data-type=warning] {
  border-left-color: var(--colorWarning);
}
.feedback.ThemeFeedbackDefault > .feedbackLog:not(:last-child) {
  margin-bottom: 3px;
}
.feedback.ThemeFeedbackDefault > .feedbackLog:not(:first-child) {
  margin-top: 3px;
}

@keyframes fadeLog {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  5% {
    opacity: 0;
    transform: translateX(100%);
  }
  10% {
    opacity: 1;
    transform: translateX(0%);
  }
  95% {
    opacity: 0.8;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}