.spinner-ring{display:inline-block;position:relative;width:40px;height:40px}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:4px;border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-top-color:#fff}.spinner-ring div:first-child{animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.animate-fadeIn{animation:fadeIn .4s ease forwards}.animate-fadeOut{animation:fadeOut .3s ease forwards}.text-appear{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.text-appear.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.media-transition-enter{opacity:0}.media-transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.media-transition-exit{opacity:1}.media-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}