:host {
    line-height: 1.5;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    visibility: visible;
}
div.alert {
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    background-color: khaki;
    padding: 0.5rem;
}

div.alert-info {
    color: royalblue;
}
div.alert-error {
    color: crimson;
}
div.alert-warning {
    color: orchid;
}