.messages {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
}

.messages > .alert {
    padding: 8px 16px;
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 16px;
}

.messages > .alert.alert-warning {
    background-color: #FBD29C;
    color: #623903;
}

.messages > .alert.alert-warning > svg > path {
    stroke: #623903;
}

.messages > .alert.alert-danger {
    background-color: #F1AE9D;
    color: #581504;
}

.messages > .alert.alert-danger > svg > path {
    stroke: #581504;
}