.toast__viewport{position:fixed;z-index:9999;top:0;right:var(--spacing-7);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.toast__overlay{position:fixed;z-index:9998;top:0;right:0;width:100%;max-width:24rem;box-sizing:border-box;padding:var(--spacing-7);margin:0}.toast__overlay:before{position:absolute;top:0;right:0;width:42rem;height:20rem;background:rgba(0,0,0,0);background:linear-gradient(23deg,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,.1));content:"";opacity:1}.toast{position:relative;display:flex;overflow:hidden;width:100%;max-width:18.75rem;box-sizing:border-box;flex-direction:column;padding:var(--spacing-4) var(--spacing-4) var(--spacing-5);border:var(--spacing-px) solid var(--color-neutral-a10);border-radius:var(--border-radius-md);background:var(--color-neutral-white);box-shadow:var(--shadow-md);gap:var(--spacing-2-half)}.toast--default .toast__icon,.toast--default .toast__title{color:var(--color-neutral)}.toast--default:before{background-color:var(--color-neutral-a10)}.toast--default:after{background-color:var(--color-neutral)}.toast--success .toast__icon,.toast--success .toast__title{color:var(--color-primary-700)}.toast--success:before{background-color:var(--color-primary-50)}.toast--success:after{background-color:var(--color-primary-600)}.toast--warning .toast__icon,.toast--warning .toast__title{color:var(--color-orange)}.toast--warning:before{background-color:var(--color-orange-a20)}.toast--warning:after{background-color:var(--color-orange)}.toast--error .toast__icon,.toast--error .toast__title{color:var(--color-red)}.toast--error:before{background-color:var(--color-red-a20)}.toast--error:after{background-color:var(--color-red)}.toast:after,.toast:before{position:absolute;bottom:0;left:0;width:100%;height:.3125rem;content:""}.toast:after{animation:progress 5s linear;transform:translateX(-100%)}.toast:hover:after{animation-play-state:paused}.toast__inner{display:flex;flex-direction:column;gap:var(--spacing-3)}.toast__title__container{display:flex;margin-right:var(--spacing-6);gap:var(--spacing-4)}.toast__icon{flex-shrink:0}.toast__title{flex:1 1;flex-shrink:0;margin-right:var(--spacing-6);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);text-wrap:wrap}.toast__description,.toast__title{line-height:var(--line-height-copy-default)}.toast__description{margin-left:2.8125rem;color:var(--color-text-muted);font-size:var(--font-size-copy-default)}.toast__close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);padding:0;border:none;background-color:rgba(0,0,0,0);color:var(--color-neutral-a40);cursor:pointer;transition:color var(--transition)}.toast__close:hover{color:var(--color-neutral-a20)}@keyframes progress{0%{transform:translateX(0)}to{transform:translateX(-100%)}}