.toast-drawer.svelte-em6ca2{--_drawer-margin: 1rem;--_drawer-toast-gap: .5rem;--_drawer-max-width: 30vw;display:grid;grid-gap:.5rem;grid-gap:var(--_drawer-toast-gap);gap:.5rem;gap:var(--_drawer-toast-gap);position:fixed;margin:1rem;margin:var(--_drawer-margin);max-width:30vw;max-width:var(--_drawer-max-width)}.toast-drawer[data-position^=top].svelte-em6ca2{top:0}.toast-drawer[data-position^=bottom].svelte-em6ca2{bottom:0}.toast-drawer[data-position$=left].svelte-em6ca2{justify-items:start;left:0}.toast-drawer[data-position$=center].svelte-em6ca2{justify-items:center;left:50%;transform:translate(-50%)}.toast-drawer[data-position$=right].svelte-em6ca2{justify-items:end;right:0}.toast-drawer[data-position$=right].svelte-em6ca2>.toast:where(.svelte-em6ca2){text-align:right}.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2){--_toast-color-success: var(--green-4);--_toast-color-info: var(--blue-4);--_toast-color-warning: var(--yellow-4);--_toast-color-error: var(--red-4);--_toast-border-radius: 7px;--_toast-gap: .4rem;background-color:color-mix(in srgb,var(--_toast-color) 50%,white);border:1px solid var(--_toast-color);border-radius:7px;border-radius:var(--_toast-border-radius);color:var(--gray-8);text-align:left;display:grid;grid-template-columns:1fr auto;grid-gap:.4rem;grid-gap:var(--_toast-gap);gap:.4rem;gap:var(--_toast-gap);align-items:center;justify-items:inherit;padding:var(--size-1) var(--size-2)}.toast-drawer.svelte-em6ca2>.toast.success:where(.svelte-em6ca2){--_toast-color: var(--_toast-color-success)}.toast-drawer.svelte-em6ca2>.toast.warning:where(.svelte-em6ca2){--_toast-color: var(--_toast-color-warning)}.toast-drawer.svelte-em6ca2>.toast.error:where(.svelte-em6ca2){--_toast-color: var(--_toast-color-error)}.toast-drawer.svelte-em6ca2>.toast.info:where(.svelte-em6ca2){--_toast-color: var(--_toast-color-info)}.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2)>button.close:where(.svelte-em6ca2){background-color:transparent;border:none;cursor:pointer;color:inherit;font-size:1.5ch;height:1em;width:1em;line-height:0;transition:transform .3s;will-change:transform;padding:0}.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2)>button.close:where(.svelte-em6ca2):hover{transform:rotate(90deg)}.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2)>footer:where(.svelte-em6ca2){display:flex;justify-content:inherit;gap:.4rem;grid-column:span 2}.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2)>footer:where(.svelte-em6ca2)>button:where(.svelte-em6ca2){--_toast-button-color: lightgray;background-color:#ededed;border:1px solid lightgray;border:1px solid var(--_toast-button-color);border-radius:5px;cursor:pointer;padding:.2rem .5rem}@supports (color: color-mix(in lch,red,blue)){.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2)>footer:where(.svelte-em6ca2)>button:where(.svelte-em6ca2){background-color:color-mix(in srgb,var(--_toast-button-color) 40%,white)}}.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2)>footer:where(.svelte-em6ca2)>button.caution:where(.svelte-em6ca2){--_toast-button-color: var(--_toast-color-warning)}.toast-drawer.svelte-em6ca2>.toast:where(.svelte-em6ca2)>footer:where(.svelte-em6ca2)>button.danger:where(.svelte-em6ca2){--_toast-button-color: var(--_toast-color-error)}
