.alert-info-native {
    --border-color: #FFBB69;
    --bg-color: #FFFBF6;
    --primary-text-color: #8C5411;
    --secondary-text-color: #8C5411;

    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background: var(--bg-color);
}

.alert-info-native i {
    width: 20px;
    height: 20px;
    color: var(--primary-text-color);
}

.alert-info--wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.alert-info--body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.alert-info--body .alert-info--text {
    color: var(--secondary-text-color);
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
    line-height: 20px;
    text-align: start;
}

.alert-info--body .alert-info--text__bold {
    font-weight: 600;
    color: var(--primary-text-color);
}

.alert-info-native a {
    align-self: baseline;
    color: var(--primary-text-color);
    font-weight: 600;
}

.alert-info-native a:hover {
    text-decoration: underline;
}

.alert-info--close {
    margin-left: auto;
    color: var(--primary-text-color);
}

.alert-info-native--resana {
    --border-color: #6A6AF4;
    --bg-color: #F5F5FE;
    --primary-text-color: #0A0A36;
    --secondary-text-color: #0A0A36;
}

.alert-info-native--info {
    --border-color: #90AFD8;
    --bg-color: #F5F8FC;
    --primary-text-color: #0C4A9B;
    --secondary-text-color: #0D51AA;
}