<style>
/* TODO(b/328210032): move shared font styles to a separate file. */
h1 {
font-size: 2em;
font-weight: normal;
margin-bottom: 16px;
margin-top: 28px;
}
p {
line-height: 1.5;
white-space: pre-line;
}
a {
color: var(--google-blue-700);
text-decoration: none;
}
iron-icon.error-icon {
color: var(--google-blue-600);
}
.container {
display: flex;
flex-direction: column;
height: 100%;
}
.body-container {
flex-grow: 1;
}
</style>
<div class="container">
<iron-icon icon="cr:error-outline" class="error-icon"></iron-icon>
<h1>[[errorTitle]]</h1>
<div class="body-container">
<slot name="body"></slot>
</div>
</div>