.container{display:grid;grid-template-columns:repeat(2,1fr);margin-right:10px}.header{margin:10px 3px 3px;grid-column:span 2;justify-content:left;height:50px;padding-left:10px;font-size:medium;font-weight:800}.box,.header{border-radius:5px;display:flex;align-items:center;background-color:var(--chakra-colors-gray-200);border:1px solid #ccc}.box{margin:3px;flex-wrap:wrap;justify-content:center;font-size:24px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wide{grid-column:span 2}@media (max-width:576px){.container{grid-template-columns:1fr}.header{margin:2px 0 0;width:100%}.box{display:flex;flex-wrap:wrap;border:1px solid #ccc;height:400px;grid-column:span 2;width:100%;height:auto;margin:2px 0}}:root{--chakra-colors-gray-200:#edf2f7;--chakra-colors-gray-700:#4a5568}@media (prefers-color-scheme:dark){.header{color:#fff}.box,.header{background-color:var(--chakra-colors-gray-200)}}