ul.tagCloud{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;line-height:2rem;width:100%}ul.tagCloud a{--size:4;--color:#a33;color:var(--color);font-size:calc(var(--size) * .25rem + .5rem);display:block;padding:.125rem .25rem;position:relative;text-decoration:none}ul.tagCloud a[data-weight="1"]{--size:1}ul.tagCloud a[data-weight="2"]{--size:2}ul.tagCloud a[data-weight="3"]{--size:3}ul.tagCloud a[data-weight="4"]{--size:4}ul.tagCloud a[data-weight="5"]{--size:5}ul.tagCloud a[data-weight="6"]{--size:6}ul.tagCloud a[data-weight="7"]{--size:7}ul.tagCloud a[data-weight="8"]{--size:8}ul.tagCloud a[data-weight="9"]{--size:9}ul[data-show-value] a:after{content:" (" attr(data-weight) ")";font-size:1rem}ul.tagCloud li:nth-child(odd) a{--color:#181}ul.tagCloud li:nth-child(3n+1) a{--color:#33a}ul.tagCloud li:nth-child(4n+1) a{--color:#c38}ul.tagCloud a:focus{outline:1px dashed}ul.tagCloud a:before{content:"";position:absolute;top:0;left:50%;width:0;height:100%;background:var(--color);transform:translate(-50%);opacity:.15;transition:width .25s}ul.tagCloud a:focus:before,ul.tagCloud a:hover:before{width:100%}@media(prefers-reduced-motion){ul.tagCloud *{transition:none!important}}