.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    color: var(--ta-color-text);
}

.iconContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ta-color-text-secondary);
}

.spinner {
    animation: transaction-status-spin 1s linear infinite;
    color: var(--ta-color-primary);
}

.success {
    color: var(--ta-color-success);
}

.failed {
    color: var(--ta-color-error);
}

.message {
    composes: labelMedium from "../../../../styles/typography.module.css";
    text-align: center;
    font-family: var(--ta-font-family-mono);
}

@keyframes transaction-status-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}