.kd-toast{--accent:var(--kd-sky);--accent-soft:var(--kd-mist);position:relative;display:flex;align-items:center;gap:12px;min-width:260px;max-width:420px;padding:10px 12px 14px 10px;border-radius:22px;background:var(--kd-white);border:2px solid var(--accent-soft);box-shadow:0 4px 0 var(--accent-soft),0 16px 34px rgba(34,36,40,.16);font-family:var(--kd-font-body);overflow:hidden}.kd-toast--success{--accent:#2fbf86;--accent-soft:#c9eedd}.kd-toast--error{--accent:#ff5f7e;--accent-soft:#ffd3dc}.kd-toast--blank{--accent:var(--kd-sun);--accent-soft:#ffeaa8}.kd-toast-msg{flex:1 1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--kd-ink)}.kd-toast-close{flex-shrink:0;width:28px;height:28px;border:0;border-radius:50%;background:var(--kd-mist);color:var(--kd-ink-soft);font-size:18px;line-height:1;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .15s}.kd-toast-close:hover{transform:rotate(90deg);background:var(--accent-soft);color:var(--kd-ink)}.kd-toast-timer{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--accent);border-radius:0 4px 4px 0;transform-origin:left;animation:kd-toast-timer linear forwards}@keyframes kd-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.kd-toast-icon{position:relative;flex-shrink:0;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--kd-white);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.kd-toast-icon--success{animation:kd-toast-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both}.kd-toast-tick{stroke-dasharray:24;stroke-dashoffset:24;animation:kd-toast-draw .4s ease-out .35s forwards}.kd-toast-confetti{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:2px;background:var(--c,var(--kd-sun));opacity:0;animation:kd-toast-confetti .7s ease-out .3s forwards;--a:calc(var(--i) * 60deg)}.kd-toast-confetti:nth-child(3n+2){--c:var(--kd-sky);border-radius:50%}.kd-toast-confetti:nth-child(3n+3){--c:#ff9fb2}@keyframes kd-toast-confetti{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-28px) scale(.6)}}.kd-toast-icon--error{animation:kd-toast-wobble .6s ease .15s both}.kd-toast-icon--loading{background:var(--kd-white);box-shadow:none;border:4px solid var(--kd-mist);border-top-color:var(--kd-sky);animation:kd-spin .8s linear infinite}.kd-toast-icon--info{color:var(--kd-ink);animation:kd-toast-twinkle 1.6s ease-in-out infinite}@keyframes kd-toast-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes kd-toast-draw{to{stroke-dashoffset:0}}@keyframes kd-toast-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-16deg) scale(1.1)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}@keyframes kd-toast-twinkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(18deg) scale(1.1)}}@keyframes kd-toast-in{0%{opacity:0;transform:translateY(-40px) scale(.85) rotate(-4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes kd-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.9) rotate(3deg)}}@media (max-width:575px){.kd-toast{min-width:0;width:calc(100vw - 32px)}}