.animate-main{position:relative}.animate-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.media-wrapper{height:100vh;width:100%}.media-wrapper canvas{display:block;position:absolute;height:auto;top:0;left:50%;transform:translate(-50%);max-height:100vh}.timeline-wrapper{position:relative;z-index:1;margin-top:-100vh;height:100vh}.animate-loading{position:fixed;left:0;top:0;z-index:3;width:100vw;height:100vh;background-color:#00000080;color:#fff;font-size:1.25rem;text-align:center;line-height:100vh}@media screen and (max-width: 768px){.media-wrapper canvas{display:block;position:absolute;width:100%;height:auto;top:0}.timeline-wrapper{height:100vh}}.lds-ellipsis{display:inline-block;position:relative;width:5rem;height:5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-ellipsis div{position:absolute;top:2.0625rem;width:.8125rem;height:.8125rem;border-radius:50%;background:#111;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:.5rem;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:.5rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:2rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:3.5rem;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(1.5rem)}}