body[template="app"] {
    background:var(--theme-light);
    
}

body[template="app"] main {
    display:flex;
    flex-direction:column;
    margin-top:0;
    height:100%;
}
body[template="app"] #title-bar {
    display:none;
}


body[template="app"] .welcome {
    margin-bottom:auto;
}

body[template="app"] .intro-animation {
    position:absolute;
    height:100%;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:auto;
    pointer-events:none;
}
body[template="app"] .intro-animation .inner {
    position:relative;
}
body[template="app"] .intro-animation video {
    position: absolute;
    width: 80%;
    z-index: -1;
    right: -10%;
    left: 0;
    margin: auto;
    top: -18%;
}
body[template="app"] .button-group {
    display:flex;
    padding:0 64px;
    flex-direction: column;
    max-width:500px;
    margin:0 auto;
    justify-content: center;
    align-items: center;
    width:100%;
    padding-bottom:32px;
}

body[template="app"] .button-group .button {
    width:100%;
    margin-bottom:16px;
}

body[template="app"] .welcome {
    text-align:center;
    padding-top:128px;
}