.sudoku-square{background:#fff;font-size:24px;font-weight:700;height:34px;padding:0;text-align:center;width:34px}.sudoku-square-right{border-right-width:3px;border-right:solid}.sudoku-square-bottom{border-bottom-width:3px;border-bottom:solid}.sudoku-square:focus{outline:none}.sudoku-given-square{color:#556cd6}.sudoku-grid-container{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto;background-color:#2196f3;padding:1px}.sudoku-grid-item{background-color:#fffc;padding:1px;font-size:30px;text-align:center}.sudoku-square-grid-container{display:grid;grid-template-areas:"tl tr" "mid mid" "bl br"}.sudoku-square-grid-item{font-size:9px;text-align:center}.sudoku-square-grid-item-tl{grid-area:tl}.sudoku-square-grid-item-tr{grid-area:tr}.sudoku-square-grid-item-mid{grid-area:mid}.sudoku-square-grid-item-bl{grid-area:bl}.sudoku-square-grid-item-br{grid-area:br}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}