@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@400;500&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Poppins,sans-serif;background-color:#52acff;background-image:linear-gradient(90deg,#52ACFF 25%,#FFE32C 100%)}h2{font-family:Lato,sans-serif;font-weight:700;font-size:1rem;margin-bottom:1rem;color:orange}.app-main{display:flex;flex-direction:column;align-items:center}.app-input{height:50px;margin:20px;border:2px solid #0fb4d4;padding:10px;font-size:14px;font-family:Lato,sans-serif}.result-image{margin-top:20px;width:350px}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:72px;height:72px;opacity:0}}:root{font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;color:#f7f7f7;font-family:inherit;background-color:#edb45f;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}