.grid-container[data-v-da108bdd]{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.grid[data-v-da108bdd]{display:grid;grid-auto-rows:50px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));height:100%;width:90%;grid-gap:10px;position:relative}.dot[data-v-da108bdd]{border-radius:50%;height:20px;position:absolute;width:20px}.group[data-v-da108bdd]{height:50px;position:relative;width:50px}.dot[data-v-da108bdd]:nth-child(odd){background-color:#8ad6eb}.dot[data-v-da108bdd]:nth-child(2n){background-color:#375374}