.spinner{position:relative;width:80px;height:80px}.circle{width:5px;height:5px;border-radius:60%;position:absolute;animation:spin 1.5s linear infinite}.orange{background-color:#ff8003}.yellow{background-color:#fbdb00}.lime{background-color:#80fe02}.green{background-color:#2bee0a}.blue{background-color:#1663ff}.lightblue{background-color:#4edbff}.purple{background-color:#7e01fb}.red{background-color:#fe0207}@keyframes spin{0%{transform:rotate(0) translate(15px) rotate(0)}to{transform:rotate(360deg) translate(15px) rotate(-360deg)}}.spinner .circle:nth-child(1){animation-delay:0s}.spinner .circle:nth-child(2){animation-delay:-.19s}.spinner .circle:nth-child(3){animation-delay:-.38s}.spinner .circle:nth-child(4){animation-delay:-.56s}.spinner .circle:nth-child(5){animation-delay:-.75s}.spinner .circle:nth-child(6){animation-delay:-.94s}.spinner .circle:nth-child(7){animation-delay:-1.13s}.spinner .circle:nth-child(8){animation-delay:-1.32s}.formContainer{display:flex;flex-direction:column;max-width:600px;margin:10px}.formGroup{display:flex;flex-direction:column;margin-bottom:10px}.labelStyle{margin-bottom:5px}.requiredLabel{color:red}.inputStyle{padding:8px;font-size:16px;border-radius:4px;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;width:100%;color:#a9a9a9}.inputStyle.blackText{color:#000}.inputWrapper{display:flex;align-items:center}.countryCode{padding:6px;background-color:#e9ecef;border:1px solid #ced4da;border-right:none;border-radius:4px 0 0 4px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}