.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;background-color:#f7f1ea}h1{font-family:Chakra Petch,sans-serif;font-weight:600}button{padding:10px 20px;font-size:1rem;background-color:#4597fb;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}button:disabled{opacity:.7;cursor:not-allowed}.result{padding:20px;border-radius:5px;background-color:#4597fb;width:70%;height:auto;overflow-x:auto}.error{color:red;margin:10px 0}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top-color:#4597fb;border-radius:50%;animation:spin 1s linear infinite;margin:20px 0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{display:flex;justify-content:center;align-items:center;width:70%;height:200px;background-color:hsla(0,0%,100%,.8);border-radius:5px}