#toast{position:relative;width:100%;background-color:#0a0e1a;font-family:"Space Grotesk",Inter,sans-serif;color:#e8ecf4;padding:.6rem .9rem;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;align-items:center;z-index:1000;transform:translateY(100%);transition:transform .4s cubic-bezier(.19, .86, .47, 1),background-color .3s;will-change:transform}.toast__content{display:flex;flex-direction:column;flex-grow:1;margin-left:var(--spacing-xs);margin-right:16px}.toast__title{font-size:.6rem;color:#e8ecf4;opacity:.7;margin-bottom:.3rem}.toast__separator{height:1px;background:rgba(255,255,255,.15);margin-bottom:.3rem}.toast__message{margin:0;text-overflow:ellipsis!important}#toast.show{display:flex;transform:translateY(0)}#toast.hide{transform:translateY(100%)}#toast.toast--success{background-color:#00d4aa}#toast.toast--error{background-color:rgba(255,45,123,.2)}#toast.toast--info{background-color:#00f0ff}.toast__close,.toast__copy{background-color:transparent;border:none;font-family:"Space Grotesk",Inter,sans-serif;color:#e8ecf4;cursor:pointer;font-size:16px;margin-left:8px;opacity:.8;transition:opacity .2s}.toast__close:hover,.toast__copy:hover{opacity:1}@keyframes toastIn{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastOut{from{transform:translateY(0)}to{transform:translateY(100%)}}.toast{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.1)}