.spinner-ring{width:40px;height:40px;display:inline-block;position:relative}.spinner-ring div{box-sizing:border-box;border:4px solid #0000;border-top-color:#fff;border-radius:50%;width:32px;height:32px;margin:4px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spinner-ring;display:block;position:absolute}.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(0)}to{transform:rotate(360deg)}}@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:.4s forwards fadeIn}.animate-fadeOut{animation:.3s forwards fadeOut}.text-appear{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(10px)}.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}