.f-tag{--tag-border-radius: 2px}.f-tag__default{--tag-color: #1d1d1f;--tag-background: #f0f0f0}.f-tag__primary{--tag-color: #fbfbfd;--tag-background: #2d5af1}.f-tag__success{--tag-color: #fbfbfd;--tag-background: #52b35e}.f-tag__danger{--tag-color: #fbfbfd;--tag-background: #ff0200}.f-tag__warning{--tag-color: #fbfbfd;--tag-background: #fcc202}.f-tag__info{--tag-color: #fbfbfd;--tag-background: #1d1d1f}.f-tag__default.f-tag__simple{--tag-color: #333;--tag-background: #f8f8f8}.f-tag__primary.f-tag__simple{--tag-color: #2d5af1;--tag-background: #dee5fd}.f-tag__success.f-tag__simple{--tag-color: #52b35e;--tag-background: #e7f4e8}.f-tag__danger.f-tag__simple{--tag-color: #ff0200;--tag-background: #ffd7d6}.f-tag__warning.f-tag__simple{--tag-color: #fcc202;--tag-background: #fff5d6}.f-tag__info.f-tag__simple{--tag-color: #1d1d1f;--tag-background: #bdbdbd}.f-tag__default.f-tag__line{--tag-color: #333;--tag-background: none}.f-tag__primary.f-tag__line{--tag-color: #2d5af1;--tag-background: none}.f-tag__success.f-tag__line{--tag-color: #52b35e;--tag-background: none}.f-tag__danger.f-tag__line{--tag-color: #ff0200;--tag-background: none}.f-tag__warning.f-tag__line{--tag-color: #fcc202;--tag-background: none}.f-tag__info.f-tag__line{--tag-color: #1d1d1f;--tag-background: none}.f-tag__large{--tag-height: 40px;--tag-padding: 30px;--tag-font-size: 16px}.f-tag__middle{--tag-height: 35px;--tag-padding: 25px;--tag-font-size: 15px}.f-tag__small{--tag-height: 30px;--tag-padding: 20px;--tag-font-size: 14px}.f-tag__mini{--tag-height: 25px;--tag-padding: 15px;--tag-font-size: 13px}.f-tag__round{--tag-border-radius: 25px}.f-tag{display:inline-flex;white-space:nowrap;justify-content:center;position:relative;flex-wrap:nowrap;align-items:center;vertical-align:middle;font-size:var(--tag-font-size);padding:0 var(--tag-padding);transition:.3s;border-radius:var(--tag-border-radius);height:var(--tag-height);background-color:var(--tag-background);color:var(--tag-color)}.f-tag .f-close-btn{color:var(--tag-color);margin-left:8px;text-align:right}.f-tag__line{border:1px solid var(--tag-color)}.f-tag.f-tag__block{display:flex}.f-tag-enter-active,.f-tag-leave-active{transition:all .2s ease-out}.f-tag-enter-from,.f-tag-leave-to{transform:scale(.5);opacity:0}