.dots{display:grid;grid-template-columns:repeat(16,1fr);gap:.125rem;width:fit-content;&>.dot{height:2rem;width:2rem;background-color:#f0f0f0;border-radius:.125rem;cursor:pointer;&:hover{background-color:#e7e7e7}}&>.dot.toggled{background-color:#333333;&:hover{background-color:#444444}}}@keyframes toggle-it{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.chat{display:grid;gap:1rem;}