:root{--toast-z-index: 999;--toast-max-width: 25rem;--toast-line-height: 1.6;--toast-vertical-offset: 7rem;--toast-animation-duration: .5s;--toast-background-color: var(--background-card);--toast-text-color: var(--text-color-dark);--toast-border-color: var(--border-interactive);--toast-border-hover-color: var(--shade800);--toast-box-shadow: var(--box-shadow-card);--toast-bar-track: var(--shade400);--toast-bar-fill: var(--chip-on-text);--toast-bar-height: .375rem}.toast{width:fit-content;max-width:min(var(--toast-max-width),calc(100vw - 2rem));position:fixed;bottom:var(--toast-vertical-offset);left:50%;transform:translate(-50%,calc(-1 * var(--toast-y, 0px))) scale(var(--toast-scale, 1));background-color:var(--toast-background-color);color:var(--toast-text-color);padding:1rem 1.2rem;line-height:var(--toast-line-height);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--toast-box-shadow);z-index:var(--toast-z-index);border:1px solid var(--toast-border-color);transition:all .2s linear;font-size:.8125rem;gap:.75rem;cursor:pointer;touch-action:pan-y}.toast big{color:var(--toast-text-color);font-size:1.5rem;padding-bottom:1rem;display:block}.toast:hover{border-color:var(--toast-border-hover-color)}.toast.is-success{--toast-border-color: var(--status-success);--toast-border-hover-color: var(--status-success)}.toast.is-error{--toast-border-color: var(--status-danger-strong);--toast-border-hover-color: var(--status-danger-strong)}@media(prefers-color-scheme:dark){.toast.is-success{--toast-border-color: color-mix(in srgb, var(--status-success) 70%, var(--status-success-dark));--toast-border-hover-color: color-mix(in srgb, var(--status-success) 70%, var(--status-success-dark))}}.toast.is-success,.toast.is-error{background-color:color-mix(in srgb,var(--toast-border-color) 7%,var(--toast-background-color))}.toast.is-success,.toast.is-error{--toast-status-ink: color-mix(in oklch, var(--toast-border-color) 60%, var(--toast-text-color))}@media(prefers-color-scheme:dark){.toast.is-success,.toast.is-error{--toast-status-ink: color-mix(in oklch, var(--toast-border-color) 40%, var(--toast-text-color))}@supports (color: oklch(from red l c h)){.toast.is-success,.toast.is-error{--toast-status-ink: oklch(from color-mix(in oklch, var(--toast-border-color) 60%, var(--toast-text-color)) .86 c h)}}}.toast.is-success .toast-label,.toast.is-error .toast-label,.toast.is-success .toast-icon,.toast.is-error .toast-icon{color:var(--toast-status-ink)}.toast.is-success,.toast.is-error{border-width:2px}.toast .button{flex:0 0 auto;width:auto}.toast.is-success .button,.toast.is-error .button{box-shadow:inset 0 0 0 1px var(--border-interactive)}.toast.is-dragging{cursor:grabbing}.toast-icon{flex:0 0 auto;display:inline-flex;width:1.125rem;height:1.125rem;align-self:flex-start;margin-top:calc((var(--toast-line-height) * 1em - 1.125rem) / 2)}.toast-icon svg{width:100%;height:100%}.animate-toast-in{animation:slideInToast var(--toast-animation-duration) ease}.animate-toast-out{animation:slideOutToast var(--toast-animation-duration) ease}@keyframes slideInToast{0%{transform:translate(-50%,calc(100% - var(--toast-y, 0px))) scale(calc(.7 * var(--toast-scale, 1)));opacity:0}70%{transform:translate(-50%,calc(-10% - var(--toast-y, 0px))) scale(calc(1.02 * var(--toast-scale, 1)));opacity:1}to{transform:translate(-50%,calc(-1 * var(--toast-y, 0px))) scale(var(--toast-scale, 1));opacity:1}}@keyframes slideOutToast{0%{transform:translate(-50%,calc(-1 * var(--toast-y, 0px))) scale(var(--toast-scale, 1));opacity:1}30%{transform:translate(-50%,calc(-10% - var(--toast-y, 0px))) scale(calc(1.02 * var(--toast-scale, 1)));opacity:1}to{transform:translate(-50%,calc(100% - var(--toast-y, 0px))) scale(calc(.7 * var(--toast-scale, 1)));opacity:0}}@media(prefers-reduced-motion:reduce){.animate-toast-in,.animate-toast-out{animation-duration:.01ms}}.toast:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.toast{transform-origin:top center;transition:transform .22s ease,clip-path .22s ease,opacity .22s ease}.toast.is-stacked{width:min(var(--toast-max-width),calc(100vw - 2rem))}.toast.is-stacked .toast-label{flex:1 1 0;min-width:0}.toast.is-behind>*{opacity:0;pointer-events:none}.toast.is-deck-hidden{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.toast{transition:none}}.toast--with-action{width:min(var(--toast-max-width),calc(100vw - 2rem))}.toast--with-action .toast-label{flex:1 1 0;min-width:0}.toast[data-running]{width:min(var(--toast-max-width),calc(100vw - 2rem));flex-wrap:wrap;row-gap:.625rem;cursor:default}.toast[data-running]:hover{border-color:var(--toast-border-color)}.toast[data-running] .toast-label{flex:1 1 0;min-width:0;font-variant-numeric:tabular-nums}.toast-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.toast-bar{flex:1 0 100%;order:3;height:var(--toast-bar-height);border-radius:calc(var(--toast-bar-height) / 2);background-color:var(--toast-bar-track);overflow:hidden}.toast-bar-fill{display:block;height:100%;inline-size:calc(var(--toast-progress, 0) * 100%);border-radius:inherit;background-color:var(--toast-bar-fill);transition:inline-size .2s cubic-bezier(.2,.8,.3,1)}.toast-bar.is-indeterminate .toast-bar-fill{inline-size:40%;animation:toastBarTravel 1.4s linear infinite}@keyframes toastBarTravel{0%{transform:translate(-100%)}to{transform:translate(250%)}}.toast .toast-cancel[aria-disabled=true]{cursor:progress}@media(prefers-reduced-motion:reduce){.toast-bar.is-indeterminate .toast-bar-fill{animation:none;margin-inline:30%}.toast-bar-fill{transition:none}}
