.toast-item{--toast-bg:#eff6ff;--toast-button-hover:#dbeafe;--toast-icon-color:#3b82f6;--toast-text-color:#1e3a5f;pointer-events:auto;border-radius:.375rem;align-items:flex-start;gap:.5rem;width:min(24rem,100vw - 2.8rem);padding:1rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (min-width:48rem){.toast-item{gap:.75rem}}.toast-item[data-variant=success]{--toast-bg:#f0fdf4;--toast-button-hover:#dcfce7;--toast-icon-color:#16a34a;--toast-text-color:#14532d}.toast-item[data-variant=error]{--toast-bg:#fef2f2;--toast-button-hover:#fee2e2;--toast-icon-color:#dc2626;--toast-text-color:#7f1d1d}.toast-item[data-variant=warning]{--toast-bg:#fffbeb;--toast-button-hover:#fef3c7;--toast-icon-color:#d97706;--toast-text-color:#78350f}@layer toast{.toast-item{background-color:var(--toast-bg);color:var(--toast-text-color)}.toast-icon,.toast-action-button{color:var(--toast-icon-color)}}.toast-icon{flex-shrink:0}.toast-content{flex:1;min-width:0;position:relative;top:.125rem}.toast-title{font-size:.875rem;font-weight:600;line-height:1.25rem;display:block}.toast-description{opacity:.9;margin-top:.25rem;font-size:.875rem;line-height:1.25rem}@media (min-width:48rem){.toast-title,.toast-description{font-size:1rem;line-height:1.5rem}}.toast-action-button{text-underline-offset:2px;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;line-height:1.5rem;text-decoration-line:underline}.toast-close-button{opacity:.7;cursor:pointer;border-radius:.25rem;flex-shrink:0;padding:.25rem;transition:opacity .15s,background-color .15s}@media (hover:hover){.toast-close-button:hover{opacity:1;background-color:var(--toast-button-hover)}}.toast-close-button:focus-visible{outline-offset:2px;background-color:var(--toast-button-hover);outline:2px solid}.toast-region{z-index:9999;pointer-events:none;gap:.5rem;display:flex;position:fixed}.toast-region[data-placement=bottom-right]{flex-direction:column;bottom:1rem;right:1rem}.toast-region[data-placement=bottom-left]{flex-direction:column;bottom:1rem;left:1rem}.toast-region[data-placement=bottom-center]{flex-direction:column;bottom:1rem;left:50%;transform:translate(-50%)}.toast-region[data-placement=top-right]{flex-direction:column-reverse;top:1rem;right:1rem}.toast-region[data-placement=top-left]{flex-direction:column-reverse;top:1rem;left:1rem}.toast-region[data-placement=top-center]{flex-direction:column-reverse;top:1rem;left:50%;transform:translate(-50%)}