.spinner-container{cursor:pointer;height:150px;position:relative;width:150px}.spinner{background:conic-gradient(#fffbf0 0 10%,#ffdd9e 10% 20%,#ffd773 20% 30%,#ffd773 30% 40%,#ffdd9e 40% 50%,#fffbf0 50% 60%,#ffdd9e 60% 70%,#ffd773 70% 80%,#ffd773 80% 90%,#ffdd9e 90% 100%);border:8px solid #f1f1f1;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);height:100%;width:100%}.arrow,.spinner{position:absolute;transition:transform 2s cubic-bezier(.3,0,.3,1)}.arrow{border-bottom:12px solid #fffbf0;border-left:8px solid transparent;border-right:8px solid transparent;height:0;left:50%;margin-left:-4px;margin-top:-8px;top:50%;transform-origin:50% 100%;width:0}.spinning .spinner{animation:none}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner-container:before{animation:shine 2s linear infinite;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.3));content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:1}.app-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}