.tagList{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-block:1em;display:grid;@media screen and (width<=900px){grid-template-columns:repeat(4,1fr)}@media screen and (width<=700px){grid-template-columns:repeat(3,1fr)}@media screen and (width<=550px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=380px){grid-template-columns:1fr}}.tagImage{aspect-ratio:auto 16/9;cursor:pointer;filter:brightness(90%);z-index:-1;background-color:#2a2a2a;width:100%;height:auto;transition:all .2s ease-in-out}.tagItem{text-align:center;cursor:pointer;position:relative;& a:is(:hover,:focus){& .tagImage{filter:brightness(70%);@media screen and (prefers-reduced-motion:no-preference){transform:scale(1.1)}}& .tagTitle{color:#ff0}}border-radius:7px;overflow:clip}.tagTitle{backdrop-filter:saturate(180%)blur(20px);color:#fff;text-shadow:3px 0 7px #000000e6;z-index:1;background:#1e1e1e66;width:100%;padding-block:.2em;position:absolute;bottom:0;left:50%;transform:translate(-50%)}