/* The site's toast: assets/js/karzaan-toast.js */
.kz-toast { position: fixed; top: 22px; left: 50%; z-index: 100000; width: min(480px, calc(100vw - 24px)); transform: translateX(-50%); animation: kzIn .55s cubic-bezier(.2, 1.3, .4, 1) both; }
.kz-toast.is-out { animation: kzOut .34s ease-in forwards; }
@keyframes kzIn { from { opacity: 0; transform: translate(-50%, -34px) scale(.94); } }
@keyframes kzOut { to { opacity: 0; transform: translate(-50%, -22px) scale(.96); } }
.kz-toast-card { position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; padding: 14px 16px 17px; border-radius: 20px; color: #110E2D; background: #fff; box-shadow: 0 30px 60px -22px rgba(17, 14, 45, .55), 0 0 0 1px rgba(17, 14, 45, .06); }
.kz-toast-logo { flex: none; display: grid; place-items: center; padding-inline-end: 14px; border-inline-end: 1px dashed rgba(17, 14, 45, .14); }
.kz-toast-logo img { display: block; width: 74px; height: auto; }
.kz-toast-badge { flex: none; width: 34px; height: 34px; }
.kz-toast-badge svg { display: block; width: 100%; height: 100%; fill: none; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; }
.kz-toast.is-success .kz-toast-badge svg { stroke: #2FBF71; }
.kz-toast.is-error .kz-toast-badge svg { stroke: #EE5D38; }
.kz-toast-badge circle { stroke-dasharray: 145; stroke-dashoffset: 145; animation: kzDraw .55s .2s ease-out forwards; }
.kz-toast-badge path { stroke-dasharray: 50; stroke-dashoffset: 50; animation: kzDraw .35s .62s ease-out forwards; }
@keyframes kzDraw { to { stroke-dashoffset: 0; } }
.kz-toast-body { flex: 1; min-width: 0; }
.kz-toast-body strong { display: block; font-size: 15px; line-height: 1.6; }
.kz-toast-body p { color: #55536B; font-size: 13px; line-height: 1.8; }
.kz-toast-close { flex: none; align-self: flex-start; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; color: #8A8899; transition: background .2s, color .2s; }
.kz-toast-close:hover { color: #110E2D; background: #F1F1F5; }
.kz-toast-time { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; transform-origin: left; animation: kzTime linear forwards; }
.kz-toast.is-success .kz-toast-time { background: linear-gradient(90deg, #EE5D38, #2FBF71); }
.kz-toast.is-error .kz-toast-time { background: #EE5D38; }
html[dir="rtl"] .kz-toast-time { transform-origin: right; }
@keyframes kzTime { to { transform: scaleX(0); } }
@media (max-width: 480px) {
    .kz-toast-card { gap: 10px; padding: 12px 12px 15px; }
    .kz-toast-logo { padding-inline-end: 10px; }
    .kz-toast-logo img { width: 56px; }
    .kz-toast-badge { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .kz-toast, .kz-toast.is-out { animation-duration: .01s; }
    .kz-toast-badge circle, .kz-toast-badge path { animation: none; stroke-dashoffset: 0; }
}