:root{--root-background: #0f0f11;--background: rgba(255, 255, 255, .25);--middleground: rgba(255, 255, 255, .25);--forground: white;--text-color: #fefefe}body{background:var(--root-background);color:var(--text-color);font-family:Haas Grot Text R Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}section{background:var(--background);padding:10px;border-radius:10px}input{padding:10px;outline:none;border:none;border-radius:6px}.error{outline:2px solid red;outline:2px solid #ff2121}button{padding:10px;outline:none;border:none;border-radius:6px;cursor:pointer}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.grid{display:grid}.full-height{height:100%}.gutter-md{grid-row-gap:10px;grid-column-gap:10px}.gutter-sm{grid-row-gap:5px;grid-column-gap:5px}.text-center{text-align:center}h1{padding:0;line-hight:1}h2{padding:0;line-hight:1;font-size:18px}.text-subtitle-1{font-size:18px}