*{box-sizing:border-box}html,input,textarea,button{font-family:googleSans,sans-serif;line-height:1.6;letter-spacing:.03em}body{margin:0;min-height:100vh;background-color:#f6f8fc;overflow-y:hidden}body .app-root{min-height:100vh;background-color:#f6f8fc}h1,h2,h3,h4,h5,h6{margin:0;line-height:1}h1{font-size:0}img{width:100%}p{margin:0 0 1em;max-width:40ch}pre{background-color:#d3d3d3;outline:1px solid darkgray;padding:3px;font-family:Courier New,Courier,monospace}button{cursor:pointer}@font-face{font-family:googleSans;src:url(ProductSans-Regular.2fa481789fb8238e.ttf)}.container{padding:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:20px}.text-center{text-align:center}.flex{display:flex}.flex>*.full{flex:1}.flex.column{flex-direction:column}.flex.end{justify-content:flex-end}.flex.justify-center,.flex.center{justify-content:center}.flex.align-center{align-items:center}.flex.space-between{justify-content:space-between}.flex.space-evenly{justify-content:space-evenly}.grow{flex:1}.full-height{height:100%}.full-width{width:100%}.pointer{cursor:pointer}.grey-hover:hover{background-color:#64798f26;border-radius:50%;box-shadow:0 0 1px 8px #64798f26}.square-hover:hover{background-color:#64798f26}