.toast{color:var(--toast-color-inverse);background-color:var(--toast-color);border:var(--toast-border);padding:var(--size-1-5) var(--size-2);gap:var(--size-1);border-radius:var(--border-radius-m);font-size:var(--font-size-base);line-height:var(--line-height-normal);box-shadow:var(--shadow-md);min-height:var(--size-6);box-sizing:border-box;align-items:center;display:flex}.toast:has(.toast-dismiss-button){padding-block:var(--size-1);padding-inline-end:var(--size-1)}.toast[data-intent=success]{--toast-color:var(--color-surface-positive);--toast-color-inverse:var(--color-text-positive);--toast-border:var(--size-px) solid var(--color-border-positive)}.toast[data-intent=success] .text{color:var(--color-text-positive-emphasis)}.toast[data-intent=error]{--toast-color:var(--color-surface-negative);--toast-color-inverse:var(--color-text-negative);--toast-border:var(--size-px) solid var(--color-border-negative)}.toast[data-intent=error] .text{color:var(--color-text-negative-emphasis)}.toast[data-intent=warning]{--toast-color:var(--color-surface-warning);--toast-color-inverse:var(--color-text-warning);--toast-border:var(--size-px) solid var(--color-border-warning)}.toast[data-intent=warning] .text{color:var(--color-text-warning-emphasis)}.toast[data-intent=info]{--toast-color:var(--color-surface-info);--toast-color-inverse:var(--color-text-info);--toast-border:var(--size-px) solid var(--color-border-info)}.toast[data-intent=info] .text{color:var(--color-text-info-emphasis)}.toast[data-intent=neutral]{--toast-color:var(--color-surface-10);--toast-color-inverse:var(--color-text-primary);--toast-border:var(--size-px) solid var(--color-surface-40)}.toast[data-intent=neutral] .text{color:var(--color-text-primary)}.toast-message{flex:1}.toast-stack{--toast-stack-gap:var(--size-1-5);inset-block-start:calc(env(safe-area-inset-top,0px) + var(--toast-stack-inset-top,0px) + var(--size-2));inset-inline:var(--size-2);z-index:var(--z-70);margin:0 auto;padding:0;list-style:none;position:fixed}@media (width>=768px){.toast-stack{max-width:var(--size-50)}.toast-stack[data-position=start]{margin-inline:0 auto}.toast-stack[data-position=end]{margin-inline:auto 0}}.toast-stack-item{--y:translateY(-100%);z-index:var(--z-index);opacity:0;transform:var(--y);position:absolute;inset-block-start:0;inset-inline:0}@media (prefers-reduced-motion:no-preference){.toast-stack-item{transition:transform var(--duration-short) var(--ease-in-out), opacity var(--duration-short) var(--ease-in-out), height var(--duration-short) var(--ease-in-out)}}.toast-stack-item:after{content:"";height:calc(var(--toast-stack-gap) + 1px);position:absolute;inset-block-start:100%;inset-inline:0}.toast-stack-item>.toast{height:100%;overflow:hidden}@media (prefers-reduced-motion:no-preference){.toast-stack-item>.toast>*{transition:opacity var(--duration-short) var(--ease-in-out)}}.toast-stack-item[data-mounted=true]{--y:translateY(0);opacity:1}.toast-stack-item[data-expanded=false][data-front=false]{--y:translateY(calc(var(--toast-stack-gap) * var(--toasts-before))) scale(calc(1 - var(--toasts-before) * .05));height:var(--front-toast-height)}.toast-stack-item[data-expanded=false][data-front=false]>.toast>*{opacity:0}.toast-stack-item[data-visible=false]{opacity:0;pointer-events:none}.toast-stack-item[data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--heights-before) + var(--toasts-before) * var(--toast-stack-gap)));height:var(--initial-height)}.toast-stack-item[data-removed=true][data-front=true]{--y:translateY(-100%);opacity:0}.toast-stack-item[data-removed=true][data-front=false][data-expanded=true]{--y:translateY(calc(var(--heights-before) + var(--toasts-before) * var(--toast-stack-gap) - 100%));opacity:0}.toast-stack-item[data-removed=true][data-front=false][data-expanded=false]{--y:translateY(-40%);opacity:0}