.toast{--toast-margin:32px;z-index:1000;box-sizing:border-box;width:min(400px, calc(100vw - (var(--toast-margin) * 2)));background:var(--gray-steel-1000);opacity:0;border-left:3px solid #0000;align-items:flex-start;padding-left:13px;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .32s;display:flex;position:fixed}@media (max-width:768px){.toast{--toast-margin:24px}}.toast-top-left{top:var(--toast-margin);left:var(--toast-margin);transform:translate(-120%)}.toast-top-right{top:var(--toast-margin);right:var(--toast-margin);transform:translate(120%)}.toast-bottom-left{bottom:var(--toast-margin);left:var(--toast-margin);transform:translate(-120%)}.toast-bottom-right{bottom:var(--toast-margin);right:var(--toast-margin);transform:translate(120%)}.toast.toast-visible{opacity:1;transform:translate(0)}.toast-info{border-left-color:var(--blue-500)}.toast-success{border-left-color:var(--green-500)}.toast-warning{border-left-color:var(--yellow-500)}.toast-error{border-left-color:var(--red-500)}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:14px}.toast-body{flex-direction:column;flex:1 0 0;gap:2px;min-width:0;padding:15px 16px;display:flex}.toast-title,.toast-message{width:100%;font-family:var(--font-main);letter-spacing:.16px;color:var(--white);margin:0;font-size:14px;line-height:18px}.toast-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.toast-message{-webkit-line-clamp:5;line-clamp:5;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;font-weight:400;display:-webkit-box;overflow:hidden}.toast-close{width:48px;height:48px;color:var(--white);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:16px;transition:background .2s;display:flex}.toast-close:hover{background:#ffffff14}.toast-close:focus-visible{outline:2px solid var(--blue-focus);outline-offset:-2px}