.metro-toast-root{pointer-events:none;z-index:9999;position:fixed;inset:0}.metro-toast-region{pointer-events:none;flex-direction:column;gap:0;display:flex;position:absolute}.metro-toast-region .metro-toast:not(:first-child){border-top:1px solid #00000014}.metro-toast-region>*{pointer-events:auto}.metro-toast-region--top-right{align-items:flex-end;top:1.5rem;right:1.5rem}.metro-toast-region--top{align-items:stretch;padding:.75rem 1rem 0;top:0;left:0;right:0}.metro-toast-region--bottom{flex-direction:column-reverse;align-items:stretch;padding:0 1rem .75rem;bottom:0;left:0;right:0}.metro-toast-region--center{justify-content:center;align-items:center;padding:1rem;inset:0}@keyframes metro-toast-enter-left{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes metro-toast-enter-right{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}@keyframes metro-toast-enter-up{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes metro-toast-enter-down{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}@keyframes metro-toast-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes metro-toast-exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@keyframes metro-toast-exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes metro-toast-exit-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120%)}}@keyframes metro-toast-exit-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120%)}}@keyframes metro-toast-exit-fade{0%{opacity:1}to{opacity:0}}.metro-toast{border:none;border-radius:0;flex-direction:row;align-items:stretch;width:100%;max-width:24rem;display:flex;overflow:hidden;box-shadow:0 1px #0000000d,0 3px 12px -4px #0000001f}.metro-toast__accent{flex:0 0 6px;align-self:stretch;min-height:3.5rem}.metro-toast--success .metro-toast__accent{background:#38a169}.metro-toast--danger .metro-toast__accent{background:#e53e3e}.metro-toast--warning .metro-toast__accent{background:#ed8936}.metro-toast--info .metro-toast__accent{background:#3182ce}.metro-toast__body{flex-direction:row;flex:1;align-items:center;gap:.625rem;min-width:0;padding:.9375rem .75rem .9375rem .875rem;display:flex}.metro-toast--success{background:#f0fff4}.metro-toast--danger{background:#fff5f5}.metro-toast--warning{background:#fffbeb}.metro-toast--info{background:#ebf8ff}.metro-toast--pos-top-right:not(.metro-toast--full-width),.metro-toast--pos-center:not(.metro-toast--full-width){width:auto}@media (max-width:639px){.metro-toast-region--top-right{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);align-items:stretch;top:0;left:0;right:0}.metro-toast-region--center{padding:env(safe-area-inset-top,0px)env(safe-area-inset-right,0px)1rem env(safe-area-inset-left,0px);justify-content:flex-start;align-items:stretch}.metro-toast-region--top{padding:max(.75rem,env(safe-area-inset-top,0px))env(safe-area-inset-right,0px)0 env(safe-area-inset-left,0px)}.metro-toast-region--bottom{padding:0 env(safe-area-inset-right,0px)max(.75rem,env(safe-area-inset-bottom,0px))env(safe-area-inset-left,0px)}.metro-toast,.metro-toast--pos-top-right:not(.metro-toast--full-width),.metro-toast--pos-center:not(.metro-toast--full-width){width:100%;max-width:none}}.metro-toast--full-width{max-width:none}.metro-toast--pos-top.metro-toast--full-width,.metro-toast--pos-bottom.metro-toast--full-width{border-radius:0}.metro-toast--in-left{animation:.28s cubic-bezier(.4,0,.2,1) forwards metro-toast-enter-left}.metro-toast--in-right{animation:.28s cubic-bezier(.4,0,.2,1) forwards metro-toast-enter-right}.metro-toast--in-up{animation:.28s cubic-bezier(.4,0,.2,1) forwards metro-toast-enter-up}.metro-toast--in-down{animation:.28s cubic-bezier(.4,0,.2,1) forwards metro-toast-enter-down}.metro-toast--in-fade{animation:.28s cubic-bezier(.4,0,.2,1) forwards metro-toast-enter-fade}.metro-toast--out-left{animation:.22s cubic-bezier(.4,0,1,1) forwards metro-toast-exit-left}.metro-toast--out-right{animation:.22s cubic-bezier(.4,0,1,1) forwards metro-toast-exit-right}.metro-toast--out-up{animation:.22s cubic-bezier(.4,0,1,1) forwards metro-toast-exit-up}.metro-toast--out-down{animation:.22s cubic-bezier(.4,0,1,1) forwards metro-toast-exit-down}.metro-toast--out-fade{animation:.22s cubic-bezier(.4,0,1,1) forwards metro-toast-exit-fade}@media (prefers-reduced-motion:reduce){.metro-toast--in-left,.metro-toast--in-right,.metro-toast--in-up,.metro-toast--in-down{animation:.01ms linear forwards metro-toast-enter-fade}.metro-toast--out-left,.metro-toast--out-right,.metro-toast--out-up,.metro-toast--out-down{animation:.01ms linear forwards metro-toast-exit-fade}}.metro-toast__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.metro-toast__icon-inner{justify-content:center;align-items:center;line-height:0;display:flex}.metro-toast--success .metro-toast__icon-inner{color:#38a169}.metro-toast--info .metro-toast__icon-inner{color:#2b6cb0}.metro-toast--danger .metro-toast__icon-inner{color:#fff;background:#e53e3e;border-radius:9999px;width:1.75rem;height:1.75rem}.metro-toast--warning .metro-toast__icon-inner{color:#fff;background:#ed8936;border-radius:9999px;width:1.75rem;height:1.75rem}.metro-toast__content{flex:1;min-width:0}.metro-toast__title{font-size:.875rem;font-weight:700;line-height:1.4}.metro-toast--success .metro-toast__title{color:#22543d}.metro-toast--danger .metro-toast__title{color:#9b2c2c}.metro-toast--warning .metro-toast__title{color:#9c4221}.metro-toast--info .metro-toast__title{color:#2c5282}.metro-toast__message{margin-top:.1875rem;font-size:.8125rem;font-weight:400;line-height:1.4}.metro-toast--success .metro-toast__message{color:#2f855a}.metro-toast--danger .metro-toast__message{color:#c53030}.metro-toast--warning .metro-toast__message{color:#c05621}.metro-toast--info .metro-toast__message{color:#4299e1}.metro-toast__close{cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;align-self:center;padding:.25rem;transition:color .15s,background-color .15s}.metro-toast--success .metro-toast__close{color:#38a169}.metro-toast--success .metro-toast__close:hover{color:#22543d;background:#38a1691a}.metro-toast--danger .metro-toast__close{color:#e53e3e}.metro-toast--danger .metro-toast__close:hover{color:#9b2c2c;background:#e53e3e1a}.metro-toast--warning .metro-toast__close{color:#ed8936}.metro-toast--warning .metro-toast__close:hover{color:#9c4221;background:#ed89361f}.metro-toast--info .metro-toast__close{color:#4299e1}.metro-toast--info .metro-toast__close:hover{color:#2c5282;background:#3182ce1f}