.TagComponent .tag{align-items:center;margin:30px 0;display:flex}.TagComponent .tag .TagComponent__headingIcon{margin-right:7px}.TagComponent .tag .list{font-size:12px}.TagComponent .tag .list a{color:#666;background-color:#faf9f9;border-radius:20px;align-items:center;gap:0;margin:0 5px;padding:2px 6px;display:inline-flex}.TagComponent .tag .list a:first-child{color:#0d6efd;background-color:#0d6efd1a}.TagComponent .tag .list a:nth-child(2){color:#6610f2;background-color:#6610f21a}.TagComponent .tag .list a:nth-child(3){color:#20c997;background-color:#20c9971a}.TagComponent .tag .list a:nth-child(4){color:#dc3545;background-color:#dc35451a}.TagComponent .tag .list a:nth-child(5){color:#fd7e14;background-color:#fd7e141a}.TagComponent .tag .list .TagComponent__chipMascot{margin:-6px -1px -5px -5px}html[data-skin]:not([data-skin=classic]) .TagComponent .tag{margin-block:34px}html[data-skin]:not([data-skin=classic]) .TagComponent .tag .list{flex-wrap:wrap;gap:8px;display:flex}html[data-skin]:not([data-skin=classic]) .TagComponent .tag .list a{border:1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));min-height:30px;box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 8%, transparent);border-radius:12px 16px 16px 12px;gap:5px;margin:0;padding:3px 10px 3px 5px;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;background:color-mix(in srgb, var(--color-surface) 86%, var(--color-primary-soft))!important;color:var(--color-foreground)!important}html[data-skin]:not([data-skin=classic]) .TagComponent .tag .list a:hover{border-color:color-mix(in srgb, var(--color-primary) 52%, var(--color-border));box-shadow:0 7px 16px color-mix(in srgb, var(--color-primary) 15%, transparent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){html[data-skin]:not([data-skin=classic]) .TagComponent .tag .list a{transition:none}}