@keyframes rarui-toast_animartionToastBottonCenter__1cy6jj8v {
  from {
    transform: translateY(calc(100%));
  }
  to {
    transform: translateY(0);
  }
}
@keyframes rarui-toast_animartionToastTopCenter__1cy6jj8w {
  from {
    transform: translateY(calc(-100%));
  }
  to {
    transform: translateY(0);
  }
}
@keyframes rarui-toast_animartionToastLeft__1cy6jj8x {
  from {
    transform: translateX(calc(-100%));
  }
  to {
    transform: translateY(0);
  }
}
@keyframes rarui-toast_animartionToastRight__1cy6jj8y {
  from {
    transform: translateX(calc(100%));
  }
  to {
    transform: translateY(0);
  }
}
.rarui-toast__1cy6jj80 {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: var(--rarui-spacing-2xs);
  max-width: 100%;
  width: 420px;
}
.rarui-toast_appearance_info__1cy6jj81 {
  background-color: var(--rarui-colors-surface-info);
  color: var(--rarui-colors-content-on-info);
}
.rarui-toast_appearance_success__1cy6jj82 {
  background-color: var(--rarui-colors-surface-success);
  color: var(--rarui-colors-content-on-success);
}
.rarui-toast_appearance_warning__1cy6jj83 {
  background-color: var(--rarui-colors-surface-warning);
  color: var(--rarui-colors-content-on-warning);
}
.rarui-toast_appearance_error__1cy6jj84 {
  background-color: var(--rarui-colors-surface-error);
  color: var(--rarui-colors-content-on-error);
}
.rarui-toast_appearance_neutral__1cy6jj85 {
  background-color: var(--rarui-colors-surface-invert-secondary);
  color: var(--rarui-colors-content-invert-secondary);
}
.rarui-toast_appearance_invert__1cy6jj86 {
  background-color: var(--rarui-colors-surface-secondary);
  color: var(--rarui-colors-content-secondary);
}
.rarui-toast_size_small__1cy6jj87 {
  padding: var(--rarui-spacing-3xs) var(--rarui-spacing-2xs);
  gap: var(--rarui-spacing-3xs);
}
.rarui-toast_size_medium__1cy6jj88 {
  padding: var(--rarui-spacing-2xs) var(--rarui-spacing-xs);
}
.rarui-toast_size_large__1cy6jj89 {
  padding: var(--rarui-spacing-xs) var(--rarui-spacing-s);
  gap: var(--rarui-spacing-xs);
}
.rarui-toast_variant_tonal__1cy6jj8b {
  color: var(--rarui-colors-content-primary);
}
.rarui-toast_variant_ghost__1cy6jj8c {
  border-left: solid;
  border-width: 4px;
  background-color: var(--rarui-colors-surface-primary);
  color: var(--rarui-colors-content-primary);
}
.rarui-toast__compound_0__1cy6jj8d {
  background-color: var(--rarui-colors-surface-info-subdued);
}
.rarui-toast__compound_1__1cy6jj8e {
  background-color: var(--rarui-colors-surface-warning-subdued);
}
.rarui-toast__compound_2__1cy6jj8f {
  background-color: var(--rarui-colors-surface-success-subdued);
}
.rarui-toast__compound_3__1cy6jj8g {
  background-color: var(--rarui-colors-surface-error-subdued);
}
.rarui-toast__compound_4__1cy6jj8h {
  color: var(--rarui-colors-content-invert-secondary);
}
.rarui-toast__compound_5__1cy6jj8i {
  color: var(--rarui-colors-content-secondary);
}
.rarui-toast__compound_6__1cy6jj8j {
  border-color: var(--rarui-colors-border-info);
}
.rarui-toast__compound_7__1cy6jj8k {
  border-color: var(--rarui-colors-border-warning);
}
.rarui-toast__compound_8__1cy6jj8l {
  border-color: var(--rarui-colors-border-success);
}
.rarui-toast__compound_9__1cy6jj8m {
  border-color: var(--rarui-colors-border-error);
}
.rarui-toast__compound_10__1cy6jj8n {
  border: revert;
  background-color: var(--rarui-colors-surface-invert-secondary);
  color: var(--rarui-colors-content-invert-secondary);
}
.rarui-toast__compound_11__1cy6jj8o {
  border: revert;
  background-color: var(--rarui-colors-surface-secondary);
  color: var(--rarui-colors-content-secondary);
}
.rarui-toast_content__1cy6jj8p {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rarui-toast_toast-container__1cy6jj8q {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: var(--rarui-spacing-xs);
  padding: var(--rarui-spacing-xs);
  list-style: none;
}
.rarui-toast_toast-container_position_bottomRight__1cy6jj8r {
  right: 0;
  bottom: 0;
}
.rarui-toast_toast-container_position_topRight__1cy6jj8s {
  top: 0;
  right: 0;
}
.rarui-toast_toast-container_position_bottomLeft__1cy6jj8t {
  bottom: 0;
  left: 0;
}
.rarui-toast_toast-container_position_topLeft__1cy6jj8u {
  top: 0;
  left: 0;
}
.rarui-toast_wrapper__1cy6jj8z {
  will-change: transform;
}
.rarui-toast_wrapper_placement_bottomCenter__1cy6jj810 {
  animation: rarui-toast_animartionToastBottonCenter__1cy6jj8v 800ms cubic-bezier(0,0.46,0,1.04) both;
}
.rarui-toast_wrapper_placement_bottomLeft__1cy6jj811 {
  animation: rarui-toast_animartionToastLeft__1cy6jj8x 800ms cubic-bezier(0,0.46,0,1.04) both;
}
.rarui-toast_wrapper_placement_bottomRight__1cy6jj812 {
  animation: rarui-toast_animartionToastRight__1cy6jj8y 800ms cubic-bezier(0,0.46,0,1.04) both;
}
.rarui-toast_wrapper_placement_topCenter__1cy6jj813 {
  animation: rarui-toast_animartionToastTopCenter__1cy6jj8w 800ms cubic-bezier(0,0.46,0,1.04) both;
}
.rarui-toast_wrapper_placement_topLeft__1cy6jj814 {
  animation: rarui-toast_animartionToastLeft__1cy6jj8x 800ms cubic-bezier(0,0.46,0,1.04) both;
}
.rarui-toast_wrapper_placement_topRight__1cy6jj815 {
  animation: rarui-toast_animartionToastRight__1cy6jj8y 800ms cubic-bezier(0,0.46,0,1.04) both;
}
.rarui-toast_container__1cy6jj816 {
  display: flex;
  position: fixed;
  flex-direction: column-reverse;
  width: fit-content;
  gap: var(--rarui-spacing-xs);
  z-index: var(--rarui-zIndex-900);
}
.rarui-toast_container_placement_bottomCenter__1cy6jj817 {
  left: 50%;
  transform: translate(-50%);
  bottom: 2rem;
}
.rarui-toast_container_placement_bottomLeft__1cy6jj818 {
  left: 0;
  bottom: 2rem;
}
.rarui-toast_container_placement_bottomRight__1cy6jj819 {
  right: 0;
  bottom: 2rem;
}
.rarui-toast_container_placement_topCenter__1cy6jj81a {
  left: 50%;
  transform: translate(-50%);
  top: 2rem;
}
.rarui-toast_container_placement_topLeft__1cy6jj81b {
  left: 0;
  top: 2rem;
}
.rarui-toast_container_placement_topRight__1cy6jj81c {
  right: 0;
  top: 2rem;
}
@media screen and (min-width: 0px) {
  .rarui-toast_width-xs__1cy6jj81h {
    width: var(--width-xs__1cy6jj81d);
  }
}
@media screen and (min-width: 768px) {
  .rarui-toast_width-md__1cy6jj81i {
    width: var(--width-md__1cy6jj81e);
  }
}
@media screen and (min-width: 1200px) {
  .rarui-toast_width-lg__1cy6jj81j {
    width: var(--width-lg__1cy6jj81f);
  }
}
@media screen and (min-width: 1400px) {
  .rarui-toast_width-xl__1cy6jj81k {
    width: var(--width-xl__1cy6jj81g);
  }
}