.cn-toast{position:fixed;right:20px;bottom:20px;z-index:1080;width:min(380px,calc(100vw - 32px));display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:start;padding:14px 16px;background:#eaf6ee;border:1px solid #1a9c4b;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);color:#171717;opacity:0;transform:translateY(16px);pointer-events:none;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
.cn-toast.on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.cn-toast.is-error{background:#fbeceb;border-color:#a51e16}
.cn-toast .ck{grid-row:1/span 3;width:24px;height:24px;border-radius:50%;background:#1a9c4b;color:#fff;display:grid;place-items:center;font-size:14px}
.cn-toast.is-error .ck{background:#a51e16}
.cn-toast b{font-weight:600}
.cn-toast p{grid-column:2;margin:0;color:#3a3a3a;font-size:.92rem}
.cn-toast a{grid-column:2;font-weight:600;color:#171717}
.cn-toast .x{grid-column:3;grid-row:1;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:#6b6b6b}
@media (max-width:700px){.cn-toast{left:16px;right:16px;bottom:16px;width:auto}}
@media (prefers-reduced-motion:reduce){.cn-toast{transition:none}}