@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{wel-toast-region{--wel-toast-gap:var(--wel-space-2);gap:var(--wel-toast-gap);flex-direction:column;display:flex}wel-toast-region:defined{z-index:10;max-inline-size:calc(100dvw - 2 * var(--wel-space-gutter));align-items:flex-end;position:fixed;inset-block-end:var(--wel-space-gutter);inset-inline-end:var(--wel-space-gutter)}wel-toast{--wel-toast-bg:var(--wel-color-surface-raised);--wel-toast-ink:var(--wel-color-ink);--wel-toast-border:var(--wel-color-border);--wel-toast-accent:var(--wel-color-ink-muted);--wel-toast-radius:var(--wel-radius-surface);--wel-toast-shadow:var(--wel-shadow-3);--wel-toast-max-inline-size:24rem;align-items:center;gap:var(--wel-space-2);inline-size:min(100%, var(--wel-toast-max-inline-size));padding-block:var(--wel-space-2);padding-inline:var(--wel-space-3);background-color:var(--wel-toast-bg);color:var(--wel-toast-ink);border:var(--wel-border-width) solid var(--wel-toast-border);border-inline-start:var(--wel-border-width-strong) solid var(--wel-toast-accent);border-radius:var(--wel-toast-radius);box-shadow:var(--wel-toast-shadow);display:flex}wel-toast>:where(button:last-child){margin-inline-start:auto}@supports (transition-behavior:allow-discrete){wel-toast-region:defined wel-toast{transition:opacity calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease), translate calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease)}@starting-style{wel-toast-region:defined wel-toast{opacity:0;translate:0 .5rem}}wel-toast-region:defined wel-toast[data-closing]{opacity:0}}::view-transition-group(.wel-toast){animation-duration:calc(var(--wel-motion-duration-2) * var(--wel-motion))}}@layer variants{wel-toast[data-tone=info]{--wel-toast-bg:var(--wel-color-info-tint);--wel-toast-accent:var(--wel-color-info)}wel-toast[data-tone=success]{--wel-toast-bg:var(--wel-color-success-tint);--wel-toast-accent:var(--wel-color-success)}wel-toast[data-tone=warning]{--wel-toast-bg:var(--wel-color-warning-tint);--wel-toast-accent:var(--wel-color-warning)}wel-toast[data-tone=danger]{--wel-toast-bg:var(--wel-color-danger-tint);--wel-toast-accent:var(--wel-color-danger)}wel-toast-region:defined[data-placement=start]{align-items:flex-start;inset-inline-start:var(--wel-space-gutter);inset-inline-end:auto}wel-toast-region:defined[data-placement=center]{align-items:center;inline-size:fit-content;margin-inline:auto;inset-inline:0}}@layer states{@media (forced-colors:active){wel-toast{border-color:canvastext}}}@layer utilities,overrides;