@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);*{box-sizing:border-box;font-family:Roboto;font-size:20px}:focus{outline:none}body{background:#1c1a18;color:#b1a9a1;margin:0}.padding-10{padding:10px}input{background:#38332f;border:1px solid #0000;border-top-color:#2a2723;color:#b1a9a1;margin:5px;padding:5px 10px}input.invalid{border:1px solid #a00}button{background:#3e3833;border:1px solid #0000;border-top-color:#4b453f;color:#958a7f;cursor:pointer;margin:5px;padding:5px 10px}button.active{background:#49433d;color:#beb8b1}button:disabled{cursor:default;opacity:.7}.flex{display:flex;flex-wrap:wrap}.flex.nowrap{flex-wrap:nowrap}.space-between{justify-content:space-between}.text-warning{color:#f0a01ecc}.text-info{color:#64c8c8b3}.text-small{font-size:75%}