.tag{--f-tag-color: var(--theme-color-secondary-500);--f-tag-color-hover: var(--f-text-color-light);--f-tag-background-color: var(--theme-color-white);--f-tag-background-color-hover: var(--theme-color-secondary-900);--f-tag-padding: var(--u-spacing-1) var(--u-spacing-4);--f-tag-font-size: var(--u-font-size-caption-2);--f-tag-border: none;display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:var(--f-tag-padding);font-family:var(--theme-font-secondary);font-size:var(--f-tag-font-size);font-weight:var(--u-font-weight-medium);color:var(--f-tag-color);text-decoration:none;background-color:var(--f-tag-background-color);border:var(--f-tag-border);transition:var(--u-default-transition)}.tag:focus,.tag:hover,.tag--active{color:var(--f-tag-color-hover);text-decoration:none;background-color:var(--f-tag-background-color-hover)}.tag--light{--f-tag-background-color-hover: var(--theme-color-secondary-500)}.tag--outlined{--f-tag-background-color: var(--theme-color-white);--f-tag-border: 1px solid var(--theme-color-secondary-100)}.tag--outlined:not(.tag--active):hover{--f-tag-background-color-hover: var(--theme-color-secondary-50);--f-tag-color: var(--theme-color-secondary-500);--f-tag-color-hover: var(--theme-color-secondary-500);--f-tag-border: 1px solid var(--theme-color-secondary-50)}.tag--outlined.tag--active{--f-tag-background-color: var(--theme-color-secondary-500);--f-tag-background-color-hover: var(--theme-color-secondary-500);--f-tag-color: var(--theme-color-white);--f-tag-color-hover: var(--theme-color-white);--f-tag-border: 1px solid var(--theme-color-secondary-500)}.tag--dark{--f-tag-color: var(--theme-color-white);--f-tag-color-hover: var(--theme-color-white);--f-tag-background-color: var(--theme-color-secondary-300);--f-tag-background-color-hover: var(--theme-color-secondary-400)}.tag--big{min-height:44px;--f-tag-padding: var(--u-spacing-2) var(--u-spacing-4);--f-tag-font-size: var(--u-font-size-caption)}