.flexRow{flex-direction:row}.flexCol,.flexRow{display:flex;align-items:center;justify-content:center}.flexCol{flex-direction:column}:root{font-family:Helvetica,sans-serif;font-size:8px;--info:#3aaed8;--error:#e53d00;--warn:#e2c044;--success:#27ae60;--gray-000:#fff;--gray-100:#fdfffc;--gray-200:#dbdbd7;--gray-300:#bab9b5;--gray-400:#999796;--gray-500:#797877;--gray-600:#595959;--gray-800:#3d3d3d;--gray-999:#000;--px2:0.25rem;--px4:0.5rem;--px8:1rem;--px12:1.5rem;--px16:2rem;--px20:2.5rem;--px24:3rem;--px28:3.5rem;--px32:4rem;--px64:8rem}body,body *{font-size:2rem;box-sizing:border-box}input,textarea{border:1px solid var(--gray-300);border-radius:4px;padding:4px 8px;background-color:var(--gray-000);color:var(--gray-999);outline-offset:-1px;transition:border-color .15s ease,outline-color .15s ease;font-family:inherit;resize:none}input:focus,textarea:focus{outline:2px solid var(--info);border-color:var(--info)}input:disabled,textarea:disabled{opacity:.45;cursor:not-allowed;background-color:var(--gray-200)}h1,h2,h3,h4,h5{font-family:Roboto Serif,serif;font-size:4rem;font-weight:500}