.tags{--tag-border-color:hsla(var(--text-color)/.2);display:flex;flex-wrap:wrap;gap:.5rem;min-height:1.4rem}.tags .tag{border:1px solid var(--tag-border-color);border-radius:3px;pointer-events:all;position:relative;text-decoration:none;transition:border-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tags .tag:before{content:"";top:-.4rem;right:0;bottom:-.4rem;left:0;position:absolute}.tags .tag:after{background:var(--tag-border-color);border-radius:2px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:-1}.tags .tag .text{padding:.5rem .7rem}@media (min-width:900px){.tags .tag .text{padding:.4rem .65rem}}.tags .tag.is-active{transition:color .2s,background-color .2s;--tag-border-color:hsl(var(--text-color));background-color:var(--tag-border-color);color:hsl(var(--background-color))}@media (hover:hover){.tags .tag:hover:not(.is-active){--tag-border-color:hsla(var(--text-color)/.1)}.tags .tag:hover:after{opacity:1}}