.tag{display:flex;align-items:center;justify-content:center;padding:4px 16px;-webkit-padding-end:8px;padding-inline-end:8px;border-radius:var(--forth-radius);border:1px solid var(--neutral-4-color);gap:8px;height:24px;transition:background-color .3s ease-in-out}.tag.without-icon{padding:4px 12px}.tag.primary{background-color:var(--primary-container-color);border:1px solid var(--primary-2-color)}.tag.solid-primary{background-color:var(--surface-color);border:1px solid var(--surface-color)}.tag.bordered-solid-primary{background-color:var(--surface-color);border:1px solid var(--primary-color)}.tag.success{background-color:var(--success-container-color);border:1px solid var(--success-container-color)}.tag.warning{background-color:var(--secondary-color-light);border:1px solid var(--secondary-color-light)}.tag.neutral-2{background-color:var(--neutral-2-color);border:1px solid var(--neutral-2-color)}.tag.error{background-color:var(--error-container-color);border:1px solid var(--error-container-color)}.tag.surface{border:.5px solid var(--surface-color)}.tag.bordered-surface,.tag.surface{background-color:var(--surface-color);color:var(--neutral-11-color)}.tag.bordered-surface{border:.5px solid var(--neutral-11-color)}.tag.active{background-color:var(--neutral-11-color)}.tag.medium{height:32px;padding:6px 16px;border-radius:var(--fifth-radius)}.tag.large{height:40px;padding:10px 0;border-radius:var(--sixth-radius)}.tag.disabled{border:1px solid var(--neutral-3-color)}.tag-icon{width:16px;height:16px}.tag-icon.medium{width:20px;height:20px}.tag-icon svg{width:100%;height:100%}.tag-icon path{transition:fill .3s ease-in-out;fill:var(--neutral-8-color)}.tag-icon.active path{fill:var(--neutral-1-color)}.tag-icon.bordered-solid-primary path,.tag-icon.solid-primary path{fill:var(--primary-color)}.tag-title{color:var(--neutral-8-color);font-family:my-font-regular,Vazirmatn,serif;font-size:var(--small-font);transition:color .3s ease-in-out}.tag-title.primary{color:var(--primary-color)}.tag-title.bordered-solid-primary,.tag-title.solid-primary{color:var(--primary-color)!important}.tag-title.success{color:var(--success-color)}.tag-title.warning{color:var(--secondary-color)}.tag-title.neutral-2{color:var(--neutral-9-color)!important}.tag-title.error{color:var(--error-color)}.tag-title.active{color:var(--neutral-1-color)!important}.tag-title.large,.tag-title.medium{color:var(--neutral-9-color);font-size:var(--title-font)}.tag-title.large{font-family:my-font-medium,Vazirmatn,serif}.tag-title.disabled{color:var(--neutral-5-color)}.tag-close{width:16px;height:16px}.tag-close path{fill:var(--neutral-center-color)}