.toaster{--toaster-surface:var(--color-surface-container,var(--color-surface,#fff));--toaster-text:var(--color-on-surface,#181818);inline-size:min(32rem,100% - 2rem);z-index:var(--toaster-z-index,1200);pointer-events:none;gap:.75rem;display:grid;position:fixed;inset-block-start:max(1rem, env(safe-area-inset-top));inset-inline-start:50%;transform:translate(-50%)}.toast{--toast-accent:var(--color-info,#005db6);border:1px solid var(--color-outline-variant,#ddd);border-inline-start:.25rem solid var(--toast-accent);border-radius:var(--control-radius-small,.5rem);background:var(--toaster-surface);color:var(--toaster-text);box-shadow:var(--toaster-shadow,0 .25rem 1rem #0003);pointer-events:auto;align-items:center;gap:1rem;padding:1rem;animation:.2s ease-out toast-enter;display:flex}.toast--error{--toast-accent:var(--color-error,#b3261e)}.toast--success{--toast-accent:var(--color-success,#006c47)}.toast--warning{--toast-accent:var(--color-warning,#805600)}.toast__message{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--typography-body-medium-font-size,.875rem);flex:1;margin:0;line-height:1.5}.toast__close{color:var(--toaster-text);flex:none}.toast__close .button__label{font-size:1.5rem}@keyframes toast-enter{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toaster{--toaster-surface:var(--color-surface-container,var(--color-surface,#252525));--toaster-text:var(--color-on-surface,#eee)}}:root[data-theme=dark] .toaster{--toaster-surface:var(--color-surface-container,var(--color-surface,#252525));--toaster-text:var(--color-on-surface,#eee)}@media (forced-colors:active){.toast{border:1px solid canvastext}}