.grid{line-height:1.3}.grid ol{padding:0;margin:0 0 0 20px}.grid ol.even{position:relative}.grid ol.odd{position:relative;margin-top:-5%;margin-bottom:-5%}.grid .cell{position:relative;margin:1em auto;background:0 0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);display:inline-block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.grid .cell:before,.grid .cell:after{position:absolute;width:inherit;height:inherit;background:inherit;content:''}.grid .cell:before{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}.grid .cell:after{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);transform:rotate(-60deg)}.grid .cell.empty{background-color:#ddd}.grid .cell:hover{background-color:red}textarea{width:100%;padding:20px;height:300px;border:1px dashed #aaa;font-family:fira code,monospace;font-size:12px}fieldset{border:1px solid #aaa}fieldset legend{padding:0 10px}dl dt{float:left;font-weight:400;margin-right:10px;padding:5px;width:170px}.generate{padding:10px 20px;margin:10px;border:1px solid #aaa;background-color:#fff}dl dd{margin:2px 0;padding:5px 0}input[type=text]{border:1px solid #aaa;padding:4px 10px;text-align:center}input[type=text].small{width:60px}input[type=text].medium{width:100px}.column{float:left;width:49%}.svg-cell:focus{outline:none}