.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;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);background-color:var(--f-tag-background-color);border:var(--f-tag-border);transition:var(--u-default-transition);align-items:center;text-decoration:none;display:inline-flex}.tag:focus,.tag:hover,.tag--active{color:var(--f-tag-color-hover);background-color:var(--f-tag-background-color-hover);text-decoration:none}.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{--f-tag-padding:var(--u-spacing-2) var(--u-spacing-4);--f-tag-font-size:var(--u-font-size-caption);min-height:44px}