.tag{--tag-bg-color:transparent;--tag-border-color:var(--clr-primary-dark);--tag-font-color:var(--clr-primary-dark);--tag-active-bg-color:var(--clr-primary-dark);--tag-active-border-color:var(--clr-primary-dark);--tag-active-font-color:var(--clr-primary-white);background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);color:var(--tag-font-color);cursor:pointer;font-size:16px;font-weight:400;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:24px;padding:6px 12px;text-align:center;text-decoration:none;transition:background-color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1)}@media (hover){.tag:hover{--tag-bg-color:var(--tag-active-bg-color);--tag-border-color:var(--tag-active-border-color);--tag-font-color:var(--tag-active-font-color)}}.tag[aria-checked=true],.tag[aria-pressed=true],.tag[aria-selected=true]{--tag-bg-color:var(--tag-active-bg-color);--tag-border-color:var(--tag-active-border-color);--tag-font-color:var(--tag-active-font-color)}.tag>*{pointer-events:none}.tag:focus-visible{border-radius:1px;outline-color:var(--clr-primary-light);outline-offset:2px;outline-style:solid;outline-width:2px}