.cai-sign-toast {
    position: fixed;
    left: 50%;
    top: max(20vh, calc(env(safe-area-inset-top, 0px) + 52px));
    z-index: 101010;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 150px;
    max-width: min(90vw, 400px);
    padding: 9px 9px 8px 16px;/*14px 24px 14px 16px;*/
    border-radius: 999px;
    background: #ffffff;
    box-shadow:
            0 8px 30px rgba(0, 0, 0, 0.08),
            0 2px 10px rgba(0, 0, 0, 0.05);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #1a5c38;
    opacity: 0;
    transform: translateX(-50%) translateY(-12px);
    pointer-events: none;
    transition:
            opacity 0.32s cubic-bezier(0.25, 0.8, 0.25, 1),
            transform 0.32s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cai-sign-toast[hidden] {
    display: none !important;
}
.cai-sign-toast.cai-sign-toast--visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.cai-sign-toast__ico {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #27ae60;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 3px 8px rgba(39, 174, 96, 0.3);
}
.cai-sign-toast__svg {
    display: block;
    width: 17px;
    height: 17px;
}
.cai-sign-toast--error {
    color: #b83020;
}
.cai-sign-toast--error .cai-sign-toast__ico {
    background: #e74c3c;
    box-shadow: 0 3px 8px rgba(231, 76, 60, 0.3);
}
.cai-sign-toast__text {
    flex: 1;
    min-width: 0;
    text-align: left;
    padding-right: 15px;
}