.bl-toast-wrap{position:fixed;top:24px;right:24px;z-index:2147483640;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:calc(100vw - 48px)}
.bl-toast{min-width:280px;max-width:420px;background:#ffffff;border-left:4px solid #2eb872;border-radius:10px;box-shadow:0 12px 32px rgba(15,43,71,.18),0 2px 6px rgba(15,43,71,.08);padding:14px 16px 14px 48px;font-family:Arial,"Helvetica Neue",sans-serif;color:#0F2B47;font-size:14px;line-height:1.45;position:relative;transform:translateX(24px);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease;pointer-events:auto}
.bl-toast.bl-show{transform:translateX(0);opacity:1}
.bl-toast.bl-hide{transform:translateX(24px);opacity:0}
.bl-toast.bl-error{border-left-color:#E11E26}
.bl-toast::before{content:"";position:absolute;top:16px;left:16px;width:20px;height:20px;border-radius:50%;background:#2eb872 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l5 5 9-11'/></svg>") center/14px 14px no-repeat}
.bl-toast.bl-error::before{background-color:#E11E26;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='3' stroke-linecap='round' d='M6 6l12 12M18 6L6 18'/></svg>")}
.bl-toast__title{font-weight:700;margin:0 0 2px 0;font-size:14px;color:#0F2B47}
.bl-toast__msg{margin:0;color:#4A5764;font-size:13px}
.bl-toast__close{position:absolute;top:8px;right:8px;background:transparent;border:0;width:24px;height:24px;border-radius:4px;cursor:pointer;color:#9aa5b1;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}
.bl-toast__close:hover{background:rgba(15,43,71,.06);color:#0F2B47}
.bl-toast__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(46,184,114,.2);border-radius:0 0 10px 10px;overflow:hidden}
.bl-toast.bl-error .bl-toast__bar{background:rgba(225,30,38,.2)}
.bl-toast__bar::after{content:"";display:block;height:100%;width:100%;background:#2eb872;transform-origin:left;animation:blToastBar var(--bl-toast-duration,5000ms) linear forwards}
.bl-toast.bl-error .bl-toast__bar::after{background:#E11E26}
@keyframes blToastBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:480px){.bl-toast-wrap{top:12px;right:12px;left:12px}.bl-toast{min-width:0;width:100%}}