.toast-region{position:fixed;z-index:200;display:flex;flex-direction:column;gap:1.2rem;outline:0;pointer-events:none;width:calc(100vw - 2rem)}.toast-region--bottom-end{bottom:calc(var(--mobile-sticky-bar-height,0px) + var(--sticky-atc-bar-height,0px) + 1rem);right:1rem}@media screen and (min-width:640px){.toast-region{width:auto;min-width:38rem;max-width:48rem}}.toast{position:relative;pointer-events:auto;display:flex;flex-direction:row;align-items:flex-start;gap:.375rem;padding:1.2rem 1.6rem;background:rgb(var(--color-background));border-radius:min(3.2rem,2rem);box-shadow:0 8px 30px rgba(var(--color-foreground),.14),0 2px 8px rgba(var(--color-foreground),.07);animation:350ms cubic-bezier(.22,1,.36,1) forwards toast-slide-bottom-in;will-change:transform,opacity}.toast__indicator{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:.4rem;color:rgb(var(--color-foreground));user-select:none}.toast__content{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;align-self:center}.toast__title{font-size:var(--font-size-sm);line-height:1.4;font-weight:500;color:rgb(var(--color-foreground));margin:0}.toast__description{font-size:var(--font-size-xs);line-height:1.4;color:rgb(var(--color-foreground-lighten-40));margin:0}.toast__close-button{position:absolute;top:.625rem;right:.625rem;width:2rem;height:2rem;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.08);border:1px solid rgba(var(--color-foreground),.18);border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));opacity:0;pointer-events:none;transition:opacity 150ms,background 150ms}.toast__close-button:hover{background:rgba(var(--color-foreground),.15)}.toast:hover .toast__close-button{opacity:1;pointer-events:auto}@media (hover:none){.toast__close-button{opacity:1;pointer-events:auto}}.toast--success .toast__indicator,.toast--success .toast__title{color:#17c964}.toast--warning .toast__indicator,.toast--warning .toast__title{color:#f5a524}.toast--danger .toast__indicator,.toast--danger .toast__title{color:#f31260}.toast--out{animation:350ms forwards toast-slide-bottom-out}@keyframes toast-slide-bottom-in{from{translate:0 100%;opacity:0}}@keyframes toast-slide-bottom-out{to{translate:0 100%;opacity:0}}@media (prefers-reduced-motion:reduce){.toast,.toast--out{animation:none}}