div.svelte-11kvm4p {
  width: 20px;
  opacity: 0;
  height: 20px;
  border-radius: 10px;
  background: var(--primary, #61d345);
  position: relative;
  transform: rotate(45deg);
  animation: svelte-11kvm4p-circleAnimation 0.3s
    cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation-delay: 0.1s;
}
div.svelte-11kvm4p:after {
  content: "";
  box-sizing: border-box;
  animation: svelte-11kvm4p-checkmarkAnimation 0.2s ease-out forwards;
  opacity: 0;
  animation-delay: 0.2s;
  position: absolute;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-color: var(--secondary, #fff);
  bottom: 6px;
  left: 6px;
  height: 10px;
  width: 6px;
}
@keyframes svelte-11kvm4p-circleAnimation {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
@keyframes svelte-11kvm4p-checkmarkAnimation {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }
  40% {
    height: 0;
    width: 6px;
    opacity: 1;
  }
  to {
    opacity: 1;
    height: 10px;
  }
}
div.svelte-1ee93ns {
  width: 20px;
  opacity: 0;
  height: 20px;
  border-radius: 10px;
  background: var(--primary, #ff4b4b);
  position: relative;
  transform: rotate(45deg);
  animation: svelte-1ee93ns-circleAnimation 0.3s
    cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation-delay: 0.1s;
}
div.svelte-1ee93ns:after,
div.svelte-1ee93ns:before {
  content: "";
  animation: svelte-1ee93ns-firstLineAnimation 0.15s ease-out forwards;
  animation-delay: 0.15s;
  position: absolute;
  border-radius: 3px;
  opacity: 0;
  background: var(--secondary, #fff);
  bottom: 9px;
  left: 4px;
  height: 2px;
  width: 12px;
}
div.svelte-1ee93ns:before {
  animation: svelte-1ee93ns-secondLineAnimation 0.15s ease-out forwards;
  animation-delay: 0.18s;
  transform: rotate(90deg);
}
@keyframes svelte-1ee93ns-circleAnimation {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
@keyframes svelte-1ee93ns-firstLineAnimation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes svelte-1ee93ns-secondLineAnimation {
  0% {
    transform: scale(0) rotate(90deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotate(90deg);
    opacity: 1;
  }
}
div.svelte-1j7dflg {
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--secondary, #e0e0e0);
  border-right-color: var(--primary, #616161);
  animation: svelte-1j7dflg-rotate 1s linear infinite;
}
@keyframes svelte-1j7dflg-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.indicator.svelte-1kgeier {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
}
.status.svelte-1kgeier {
  position: absolute;
}
.animated.svelte-1kgeier {
  position: relative;
  transform: scale(0.6);
  opacity: 0.4;
  min-width: 20px;
  animation: svelte-1kgeier-enter 0.3s 0.12s
    cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes svelte-1kgeier-enter {
  0% {
    transform: scale(0.6);
    opacity: 0.4;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.message.svelte-1nauejd {
  display: flex;
  justify-content: center;
  margin: 4px 10px;
  color: inherit;
  flex: 1 1 auto;
  white-space: pre-line;
}
@keyframes svelte-ug60r4-enterAnimation {
  0% {
    transform: translate3d(0, calc(var(--factor) * -200%), 0) scale(0.6);
    opacity: 0.5;
  }
  to {
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
}
@keyframes svelte-ug60r4-exitAnimation {
  0% {
    transform: translateZ(-1px) scale(1);
    opacity: 1;
  }
  to {
    transform: translate3d(0, calc(var(--factor) * -150%), -1px) scale(0.6);
    opacity: 0;
  }
}
@keyframes svelte-ug60r4-fadeInAnimation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes svelte-ug60r4-fadeOutAnimation {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.base.svelte-ug60r4 {
  display: flex;
  align-items: center;
  background: #fff;
  color: #363636;
  line-height: 1.3;
  will-change: transform;
  box-shadow: 0 3px 10px #0000001a, 0 3px 3px #0000000d;
  max-width: 350px;
  pointer-events: auto;
  padding: 8px 10px;
  border-radius: 8px;
}
.transparent.svelte-ug60r4 {
  opacity: 0;
}
.enter.svelte-ug60r4 {
  animation: svelte-ug60r4-enterAnimation 0.35s
    cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}
.exit.svelte-ug60r4 {
  animation: svelte-ug60r4-exitAnimation 0.4s cubic-bezier(0.06, 0.71, 0.55, 1)
    forwards;
}
.fadeIn.svelte-ug60r4 {
  animation: svelte-ug60r4-fadeInAnimation 0.35s
    cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}
.fadeOut.svelte-ug60r4 {
  animation: svelte-ug60r4-fadeOutAnimation 0.4s
    cubic-bezier(0.06, 0.71, 0.55, 1) forwards;
}
.wrapper.svelte-v01oml {
  left: 0;
  right: 0;
  display: flex;
  position: absolute;
  transform: translateY(calc(var(--offset, 16px) * var(--factor) * 1px));
}
.transition.svelte-v01oml {
  transition: all 0.23s cubic-bezier(0.21, 1.02, 0.73, 1);
}
.active.svelte-v01oml {
  z-index: 9999;
}
.active.svelte-v01oml > * {
  pointer-events: auto;
}
.toaster.svelte-1phplh9 {
  --default-offset: 16px;
  position: fixed;
  z-index: 9999;
  top: var(--default-offset);
  left: var(--default-offset);
  right: var(--default-offset);
  bottom: var(--default-offset);
  pointer-events: none;
}