.app-splash-screen {
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    color:var(--c-white-permatext);
    overflow:auto;
    /* background-color: var(--c-background); */
    background: linear-gradient(11.22deg, #000066 19.17%, #00006F 32.14%, #030189 55.1%, #0703B3 85.03%, #0A05CC 100%);
    z-index:10001;
}
.app-splash-screen > app-widget-host {
    display:flex;
    height:100%;
    width:100%;
    flex-direction:column;
    align-items:center;
}
.app-splash-screen .splash-screen-logo {
    max-width: 120px;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}
.app-splash-screen .splash-screen-logo img {
    width:100%;
}
.app-splash-screen .whats-new-container {
    width:100%;
}
.app-splash-screen .whats-new-container > app-widget-host {
    padding:18px;
    padding-bottom: 8px;
    background-color:var(--c-primary-bPerma)
}
.app-splash-screen .whats-new-container .whats-new-heading {
    font-size:24px;
    font-weight:bold;
    line-height:26px;
}
.app-splash-screen .whats-new-container .whats-new-item {
    padding-left:30px;
    min-height:24px;
    display:flex;
    align-items:center;
    background-image:url(/v1.813/r/images/site/icons/tick_green.svg);
    background-repeat:no-repeat;
    background-size:24px;
    background-position:center left;
    margin-top:6px;
}
.app-splash-screen .whats-new-container .whats-new-item div {
    line-height:26px;
    font-size:16px;
    font-weight:bold;
}
.app-splash-screen .instructions-container {
    height:100%;
}
.app-splash-screen .instructions-container > app-widget-host {
    padding: 10px;
    height: 100%;
}
.app-splash-screen .instructions-container .instructions-content {
    line-height:26px;
    font-size: 13px;
    margin-top:auto;
    margin-bottom:auto;
}
.app-splash-screen .instructions-container .instructions-content p {
    font-size:13px;
    font-weight:bold;
    margin: 0;
}
.app-splash-screen .instructions-container ol {
    margin:0;
}
.app-splash-screen .splash-screen-button {
    width:100%;
    margin-top:12px;
}
.app-splash-screen .splash-screen-button > div {
    min-height:41px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background-color:var(--c-emphasis);
    box-shadow:2px 4px 10px rgb(0 0 0 / 15%);
    font-size:15px;
    line-height:18px;
}
.app-splash-screen .splash-screen-button.download div{
    background-color:var(--c-green);
}
.app-splash-screen.old-version .splash-screen-logo {
    margin:40px auto;
    max-width:196px; 
}
.app-splash-screen.old-version .splash-screen-button {
    margin-top:40px;
}
.app-splash-screen.old-version .splash-screen-button div{
     background-color:#1D58FF
}
.app-splash-screen.old-version .instructions-container {
    height:unset;
}
.app-splash-screen.old-version .instructions-container > app-widget-host {
    padding-top:20px;
}
#root .app-splash-screen.old-version .instructions-container .instructions-content p {
    padding-bottom:20px;
}
.loading-start .app-splash-screen .splash-screen-button > div a .button-text {
    display:none;
}
.loading-start .app-splash-screen .splash-screen-button > div a .button-loading {
    width:24px;
    height:24px;
    background-color:transparent;
    background-image:url(/v1.048/r/images/site/icons/Loading.svg);
    filter:invert(1);
    background-size:24px;
    -webkit-animation: rotating 1s ease-in-out infinite;
  -moz-animation: rotating 1s ease-in-out infinite;
  -ms-animation: rotating 1s ease-in-out infinite;
  -o-animation: rotating 1s ease-in-out infinite;
  animation: rotating 1s ease-in-out infinite;
}
.loading-start .app-splash-screen .splash-screen-button.download-install > div {
    opacity:0.8
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}