@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;position:relative;width:200px;height:200px}.loading-line{position:absolute;width:4px;height:60px;background:transparent;transform-origin:bottom center}.loading-line:before{content:"";position:absolute;width:100%;height:100%;background:currentColor;border-radius:2px}.loading-line.yellow{color:gold;animation:spin 2s linear infinite}.loading-line.red{color:red;animation:spin 2s linear infinite;animation-delay:-.5s}.loading-line.green{color:#0f0;animation:spin 2s linear infinite;animation-delay:-1s}.loading-line.blue{color:#00f;animation:spin 2s linear infinite;animation-delay:-1.5s}.big-spinner{position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.spinner-arc{position:absolute;width:80px;height:80px;border:8px solid transparent;border-radius:50%;box-sizing:border-box;animation:spin 1.2s linear infinite}.arc-blue{transform:rotate(0deg);z-index:1}.arc-green{transform:rotate(90deg);z-index:2}.arc-red{transform:rotate(180deg);z-index:3}.arc-yellow{transform:rotate(270deg);z-index:4}.big-spinner-nested{position:relative;width:110px;height:110px;display:flex;justify-content:center;align-items:center}.spinner-arc-nested{position:absolute;border:8px solid transparent;border-radius:50%;box-sizing:border-box;animation:spin 1.2s linear infinite}.arc-blue{width:80px;height:80px;border-top-color:#1976d2;animation-duration:1.2s;z-index:4}.arc-green{width:90px;height:90px;border-right-color:#43a047;animation-duration:1.5s;z-index:3}.arc-red{width:100px;height:100px;border-bottom-color:#e53935;animation-duration:1.8s;z-index:2}.arc-yellow{width:110px;height:110px;border-left-color:#fbc02d;animation-duration:2.1s;z-index:1}