.toast-region{bottom:var(--spacing-24);z-index:1100;gap:var(--spacing-8);width:-webkit-max-content;width:max-content;max-width:calc(100% - var(--spacing-32));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.toast{gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-24);border-radius:var(--radius-md);background-color:var(--color-brand-yellow);color:var(--color-brand-dark-blue);font-size:var(--font-size-body);box-shadow:var(--shadow-md);opacity:0;-webkit-transform:translateY(var(--spacing-8));transform:translateY(var(--spacing-8));align-items:center;font-weight:600;line-height:1.5;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;display:flex}.toast--error{background-color:var(--color-extra-red);color:var(--color-white)}.toast--visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.toast__icon{stroke:currentColor;flex:none}@media(prefers-reduced-motion:reduce){.toast{transition:none}}