body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;background-color:#ededed;overflow:hidden}@media screen and (max-width: 768px){body{overflow:scroll!important}.container{width:100%!important}.hide-mobile{display:none!important}}*{box-sizing:border-box}:root{--red: red;--black: black;--green: #27ae60;--gap: 50px;--main: #3498db;--accent: rgb(58, 176, 255)}pre{width:400px;text-align:left;margin:0 auto}h1,h2,h3,h4{margin:0;padding:0}h1{font-size:19px}.container{width:calc(100% - 40px);max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap)}section{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:calc(var(--gap) / 3);padding:calc(var(--gap) / 2)}form{display:flex;align-items:center;flex-direction:column;width:100%;margin:0 auto;gap:10px}form .form-row{width:100%;display:flex;flex-direction:column;gap:5px}form input{box-sizing:border-box;width:100%;border-radius:5px;border:1px solid rgba(0,0,0,.2);height:40px;padding:0 20px;outline-color:var(--accent)}form label{width:100%}form button{width:100%;border-radius:5px;height:40px;border:1px solid rgba(0,0,0,.1);background-color:var(--accent);color:#fff;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}form button:disabled{background-color:#0003;color:#0003}form .errors{width:100%;color:red}.button-loader{width:30px;height:30px;border-radius:100%;border:5px solid rgba(255,255,255,.1);border-left-color:#fff;margin:0 auto;animation:button-loader .5s infinite ease}@keyframes button-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
