.spinner{width:25px;height:7px;border:8px solid #add8e6;border-top-color:#00f;border-radius:50%;animation:spin 2s linear infinite}.spinner>div{box-sizing:border-box;width:100%;height:100%}.spinner-dual{width:70px;height:70px;border-color:#00f transparent;border-style:solid;border-width:8px;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-dual>div{box-sizing:border-box;width:100%;height:100%;animation:spin .8s linear infinite reverse}.spinner-fast{width:25px;height:25px;border-top:2px solid #756f9d;border-right:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;transition:.2s ease-in-out;display:none}.spinner-fast>div{box-sizing:border-box;width:100%;height:100%;animation:spin 3s linear infinite}.spinner-triple{width:70px;height:70px;border:5px solid transparent;border-top-color:#00f;border-radius:50%;animation:spin 2s linear infinite}.spinner-triple:before{content:"";border:5px solid transparent;border-top-color:#87cefa;border-radius:50%;position:absolute;top:5px;left:5px;right:5px;bottom:5px;animation:spin 2s linear infinite}.spinner-triple:after{content:"";border:5px solid transparent;border-top-color:#add8e6;border-radius:50%;position:absolute;top:15px;left:15px;right:15px;bottom:15px;animation:spin 1s linear infinite}.spinner-triple>div{box-sizing:border-box;width:100%;height:100%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}