.app-error{align-items:start;display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;position:relative}.app-error h2{color:var(--text-primary-color);margin-top:10px}.app-loading{flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:relative}.app-loading,.propagate-loader{align-items:center;display:flex;justify-content:center}.propagate-loader{height:100vh}.dot{background-color:var(--accent-color);border-radius:50%;font-size:5px;height:15px;position:absolute;width:15px}.dot:first-child{animation:propagate-0 1.5s ease infinite;-webkit-animation:propagate-0 1.5s ease infinite}.dot:nth-child(2){animation:propagate-1 1.5s ease infinite;-webkit-animation:propagate-1 1.5s ease infinite}.dot:nth-child(3){animation:propagate-2 1.5s ease infinite;-webkit-animation:propagate-2 1.5s ease infinite}.dot:nth-child(4){animation:propagate-3 1.5s ease infinite;-webkit-animation:propagate-3 1.5s ease infinite}.dot:nth-child(5){animation:propagate-4 1.5s ease infinite;-webkit-animation:propagate-4 1.5s ease infinite}.dot:nth-child(6){animation:propagate-5 1.5s ease infinite;-webkit-animation:propagate-5 1.5s ease infinite}@keyframes propagate-0{25%{transform:translateX(-1rem) scale(.75)}50%{transform:translateX(-3rem) scale(.6)}75%{transform:translateX(-5rem) scale(.5)}95%{transform:translateX(0) scale(1)}}@-webkit-keyframes propagate-0{25%{transform:translateX(-1rem) scale(.75)}50%{transform:translateX(-3rem) scale(.6)}75%{transform:translateX(-5rem) scale(.5)}95%{transform:translateX(0) scale(1)}}@keyframes propagate-1{25%{transform:translateX(-1rem) scale(.75)}50%{transform:translateX(-3rem) scale(.6)}75%{transform:translateX(-3rem) scale(.6)}95%{transform:translateX(0) scale(1)}}@-webkit-keyframes propagate-1{25%{transform:translateX(-1rem) scale(.75)}50%{transform:translateX(-3rem) scale(.6)}75%{transform:translateX(-3rem) scale(.6)}95%{transform:translateX(0) scale(1)}}@keyframes propagate-2{25%{transform:translateX(-1rem) scale(.75)}75%{transform:translateX(-1rem) scale(.75)}95%{transform:translateX(0) scale(1)}}@-webkit-keyframes propagate-2{25%{transform:translateX(-1rem) scale(.75)}75%{transform:translateX(-1rem) scale(.75)}95%{transform:translateX(0) scale(1)}}@keyframes propagate-3{25%{transform:translateX(1rem) scale(.75)}75%{transform:translateX(1rem) scale(.75)}95%{transform:translateX(0) scale(1)}}@-webkit-keyframes propagate-3{25%{transform:translateX(1rem) scale(.75)}75%{transform:translateX(1rem) scale(.75)}95%{transform:translateX(0) scale(1)}}@keyframes propagate-4{25%{transform:translateX(1rem) scale(.75)}50%{transform:translateX(3rem) scale(.6)}75%{transform:translateX(3rem) scale(.6)}95%{transform:translateX(0) scale(1)}}@-webkit-keyframes propagate-4{25%{transform:translateX(1rem) scale(.75)}50%{transform:translateX(3rem) scale(.6)}75%{transform:translateX(3rem) scale(.6)}95%{transform:translateX(0) scale(1)}}@keyframes propagate-5{25%{transform:translateX(1rem) scale(.75)}50%{transform:translateX(3rem) scale(.6)}75%{transform:translateX(5rem) scale(.5)}95%{transform:translateX(0) scale(1)}}@-webkit-keyframes propagate-5{25%{transform:translateX(1rem) scale(.75)}50%{transform:translateX(3rem) scale(.6)}75%{transform:translateX(5rem) scale(.5)}95%{transform:translateX(0) scale(1)}}