| <style> | |
| :host { | |
| color: var(--cr-primary-text-color); | |
| } | |
| cr-view-manager { | |
| display: flex; | |
| font-size: 100%; | |
| margin: 0; | |
| } | |
| #product-logo-animation { | |
| height: 160px; | |
| left: 50%; | |
| position: absolute; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| width: 160px; | |
| } | |
| </style> | |
| <cr-view-manager id="viewManager"> | |
| <div id="splash" slot="view"> | |
| <img id="product-logo-animation" src="product-logo-animation.svg"> | |
| </div> | |
| <sign-in-promo id="signInPromo" slot="view"></sign-in-promo> | |
| </cr-view-manager> |