<style>
#illustration {
background-image: url(chrome://resources/ash/common/cellular_setup/final_page_success.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
#illustration.error {
background-image: url(chrome://resources/ash/common/cellular_setup/error.svg);
background-size: contain;
}
@media(prefers-color-scheme: dark) {
#illustration {
background-image: url(chrome://resources/ash/common/cellular_setup/final_page_success_dark.svg);
}
#illustration.error {
background-image: url(chrome://resources/ash/common/cellular_setup/error_dark.svg);
}
}
#illustrationJelly {
height: 242px;
width: 242px;
align-self: center;
}
:host-context(body.jelly-enabled) #illustration {
display: none;
}
:host-context(body:not(.jelly-enabled)) #illustrationJelly {
display: none;
}
</style>
<base-page title="[[getTitle_(showError)]]"
message="[[getMessage_(showError)]]">
<div id="illustration" class$="[[getPageBodyClass_(showError)]]"
slot="page-body">
</div>
<iron-icon id="illustrationJelly"
icon="[[getJellyIllustrationName_(showError)]]"
slot="page-body">
</iron-icon>
</base-page>