@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif;font-display:swap}.title{color:#252525;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.subtitle{color:#252525;font-size:18px;font-weight:400;margin-bottom:24px;text-align:center}.card{width:250px;height:250px;padding:24px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;background-color:#fff}input,button{padding:6px;margin:4px 0;border-radius:4px}input{border:1px solid #000}button{border:none;background-color:#039be5;color:#fff;cursor:pointer}.error{color:#f44336;font-size:12px;font-weight:400;text-align:center}.loader{border:4px solid #f3f3f3;border-top:4px solid #039be5;border-radius:50%;width:24px;height:24px;animation:spin 2s linear infinite;margin:24px auto 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.screen-container{display:flex;flex-direction:column;align-items:center;background:#F3F8FA;width:100vw;max-height:100vh;overflow-y:hidden;margin-top:100px;padding-top:100px;padding-bottom:100px}.keys-generator-container{background-color:#cf0e0e;border-radius:10px;margin-top:0;margin-bottom:20px}.keys-generator-title{margin-bottom:5px}.keys-generator-description{margin-top:10px;margin-bottom:50px}.key-value-container{justify-content:center;padding:px}.api-key-item{border-radius:10px;background-color:#fff;padding:20px;width:800px;margin-bottom:20px}.api-key-row{background-color:#f5f5f5;display:flex;flex-direction:row;margin-top:10px;margin-bottom:50px;padding:15px;align-items:center;justify-content:space-between}.hidden-api-key-row{background-color:#f5f5f5;display:flex;flex-direction:row;margin-top:10px;margin-bottom:50px;padding:15px;align-items:center;justify-content:center;gap:15px}.api-key-item .environment{font-weight:700}.api-key-item .public-key,.api-key-item .secret-key{margin-top:8px}