@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500";html{font-family:Roboto}body{margin:0}.selection-wrapper{display:inline-block;margin-right:10px}.card-wrapper{align-items:center;display:inline-flex;font-family:Helvetica;font-size:120%;height:180px;justify-content:center;vertical-align:top;white-space:normal;width:180px}.card{border-radius:10px;border:1px solid black;box-sizing:border-box;height:160px;padding:10px;transition:.2s;width:160px}.card.black{background:#000;color:#fff}.card.white{background:#fff;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.card.highlighted{border:5px solid #1976d2}.card.disabled{cursor:default}