.tags { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; max-width: 100%; margin: 10px 0; }

.tags:first-child { margin-top: 0; }

.tags:last-child { margin-bottom: 0; }

.tags .tag { max-width: 100%; padding: 5px 10px; border-radius: 999px; color: #000000; background: #81d4fa; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: background 0.25s ease; }

.tags .tag:hover, .tags .tag[data-active="true"] { background: #bdbdbd; }

.tags .tag[data-highlight="true"] { background: #03a9f4; }

/*# sourceMappingURL=tags.css.map */