.tags{display:flex;flex-flow:row wrap;align-items:stretch;align-content:normal;justify-content:flex-start;gap:1rem}.tags>span{--tag-bg-color: var(--color-primary--light);--tag-color: var(--color-primary);padding:.5rem 1rem;--shadow-radius: 1rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 1rem #0003;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, .2));border-radius:m;border-radius:.5rem;display:inline-grid;align-items:center;justify-items:center;place-items:center;background-color:var(--color-primary--light);background-color:var(--tag-bg-color);font-size:1rem;font-size:var(--tag-font-size, 1rem);line-height:1;color:var(--color-primary);color:var(--tag-color);text-transform:uppercase}@media (hover: hover){.tags>spana:hover,.tags>spanbutton:hover,.tags>spanselect:hover,.tags>spaninput:hover,.tags>spantextarea:hover{--shadow-alpha: 30%}}.tags>spaninput:focus,.tags>spantextarea:focus,.tags>span:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 425px){.tags>span{--tag-font-size: .875rem}}.tags>span:first-child{--tag-bg-color: var(--color-bg);--tag-color: var(--color-text)}