.svoast.svelte-1mo1u96 {
  background: var(--svoast-bg, #333);
  color: var(--svoast-text, #fff);
  padding: var(--svoast-padding, 12px 15px 12px 18px);
  border-radius: var(--svoast-radius, 4px);
  box-shadow: var(--svoast-shadow, 0 2px 7px hsla(0, 0%, 0%, 0.25));
  font-size: var(--svoast-font-size, 14px);
  position: relative;
  overflow: hidden;
  pointer-events: all;
  display: flex;
  gap: var(--svoast-dismiss-gap, 8px);
  max-width: var(--svoast-max-width, unset);
}
.svoast-bar.svelte-1mo1u96 {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--svoast-bar-width, 3px);
  height: 100%;
  background: var(--svoast-colour);
}
.svoast-icon.svelte-1mo1u96 {
  min-width: var(--svoast-icon-size, 21px);
  min-height: var(--svoast-icon-size, 21px);
  max-width: var(--svoast-icon-size, 21px);
  max-height: var(--svoast-icon-size, 21px);
  color: var(--svoast-colour);
}
.svoast-icon.promise.svelte-1mo1u96 {
  animation: svelte-1mo1u96-promiseSpin 1s linear infinite;
}
.svoast-dismiss.svelte-1mo1u96 {
  min-width: var(--svoast-icon-size, 21px);
  min-height: var(--svoast-icon-size, 21px);
  max-width: var(--svoast-icon-size, 21px);
  max-height: var(--svoast-icon-size, 21px);
  padding: var(--svoast-icon-padding, 2px);
}
.svoast.info.svelte-1mo1u96 {
  --svoast-colour: var(--svoast-info-colour, #888);
}
.svoast.attention.svelte-1mo1u96 {
  --svoast-colour: var(--svoast-attention-colour, #38bdf8);
}
.svoast.success.svelte-1mo1u96 {
  --svoast-colour: var(--svoast-success-colour, #4ade80);
}
.svoast.warning.svelte-1mo1u96 {
  --svoast-colour: var(--svoast-warning-colour, #fb923c);
}
.svoast.error.svelte-1mo1u96 {
  --svoast-colour: var(--svoast-error-colour, #ef4444);
}

@keyframes svelte-1mo1u96-promiseSpin {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}.svoast-container.svelte-q3p3ph {
  position: fixed;
  padding: var(--svoast-offset, 16px);
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: var(--svoast-gap, 16px);
  overflow: hidden;
}
.svoast-container[data-position*=center].svelte-q3p3ph {
  align-items: center;
}
.svoast-container[data-position*=bottom].svelte-q3p3ph {
  justify-content: flex-end;
}
.svoast-container[data-position*=center].svelte-q3p3ph {
  left: 50%;
  transform: translateX(-50%);
}
.svoast-container[data-position*=-left].svelte-q3p3ph {
  left: 0;
  align-items: flex-start;
}
.svoast-container[data-position*=-right].svelte-q3p3ph {
  right: 0;
  align-items: flex-end;
}
.svoast-wrapper[data-position=bottom-center].svelte-q3p3ph {
  transform-origin: bottom center;
}
.svoast-wrapper[data-position=bottom-left].svelte-q3p3ph {
  transform-origin: bottom left;
}
.svoast-wrapper[data-position=bottom-right].svelte-q3p3ph {
  transform-origin: bottom right;
}
.svoast-wrapper[data-position=top-center].svelte-q3p3ph {
  transform-origin: top center;
}
.svoast-wrapper[data-position=top-left].svelte-q3p3ph {
  transform-origin: top left;
}
.svoast-wrapper[data-position=top-right].svelte-q3p3ph {
  transform-origin: top right;
}