:root{--toast-height:114px;--toast-animation-duration:.5s;--toast-close-button-top:1.5rem;--toast-close-button-left:1.5rem;--toast-gradient-stop:90%}.toast{z-index:10000;border:2px solid var(--color-white);height:var(--toast-height);animation:slideIn var(--toast-animation-duration)ease-out forwards;border-radius:1rem;align-items:center;padding:1rem 1.25rem 1rem 2rem;display:flex;position:relative}.toast .icon-wrapper{z-index:10;border-radius:.375rem;padding:.5rem}.toast .flex-container{align-items:center;gap:1rem;display:flex}.toast .title{margin:0;font-size:1.5rem;font-weight:600;line-height:2rem}.toast .description{color:#9ca3af;margin:0;font-size:1rem;line-height:1.5rem}.toast .cancel-icon{z-index:20;cursor:pointer;top:var(--toast-close-button-top);left:var(--toast-close-button-left);position:absolute}.toast .image-wrapper{z-index:0;border-radius:1rem;position:absolute;top:0;right:0}.toast .image-wrapper svg{border-radius:1rem}.toast .progress-bar{transform-origin:0;width:100%;height:.25rem;animation:progress var(--progress-duration,3s)linear forwards;border-radius:2rem;margin-left:.5rem;margin-right:.5rem;position:absolute;bottom:-.25rem;left:0}.toast.paused .progress-bar{animation-play-state:paused}.toast.toast-info{background:linear-gradient(to top right,var(--color-white)0%,var(--color-white)var(--toast-gradient-stop),#dbeafe 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toast.toast-info .icon-wrapper{background-color:#3b82f626}.toast.toast-info .title{color:var(--color-info-400)}.toast.toast-info .icon{color:var(--color-info-200)}.toast.toast-info .progress-bar{background:linear-gradient(to left,var(--color-info-400),#ffffff80)}.toast.toast-success{background:linear-gradient(to top right,var(--color-white)0%,var(--color-white)var(--toast-gradient-stop),#dcfce7 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toast.toast-success .icon-wrapper{background-color:#4ade8026}.toast.toast-success .title{color:var(--color-success-400)}.toast.toast-success .icon{color:var(--color-success-200)}.toast.toast-success .progress-bar{background:linear-gradient(to left,var(--color-success-400),#ffffff80)}.toast.toast-error{background:linear-gradient(to top right,var(--color-white)0%,var(--color-white)var(--toast-gradient-stop),#fee2e2 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toast.toast-error .icon-wrapper{background-color:#ef444426}.toast.toast-error .title{color:var(--color-error-400)}.toast.toast-error .icon{color:var(--color-error-200)}.toast.toast-error .progress-bar{background:linear-gradient(to left,var(--color-error-400),#ffffff80)}.toast.toast-warning{background:linear-gradient(to top right,var(--color-white)0%,var(--color-white)var(--toast-gradient-stop),#fef3c7 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toast.toast-warning .icon-wrapper{background-color:#f59e0b26}.toast.toast-warning .title{color:var(--color-warning-400)}.toast.toast-warning .icon{color:var(--color-warning-200)}.toast.toast-warning .progress-bar{background:linear-gradient(to left,var(--color-warning-400),#ffffff80)}.toast:not(.visible){animation:slideOut var(--toast-animation-duration)ease-out forwards}.toast-container{z-index:10000;flex-direction:column;gap:.5rem;width:100%;max-width:640px;display:flex;position:fixed;bottom:3.5rem;left:50%;transform:translate(-50%)}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}