.tags-search-container{width:100%}.tags-search-container .tag-groups__group[hidden],.tags-search-container .tag[hidden],.tags-search-container .tags-nav__link[hidden]{display:none}.tags-search{align-items:center;border-bottom:1px solid var(--border-divider);display:flex;gap:1rem;padding:1rem 1.6rem;top:6rem}.tags-search__icon{color:var(--text-secondary);flex-shrink:0;font-size:1.6rem}.tags-search__input{background:var(--bg-default-light);border:1px solid var(--border-divider);border-radius:.6rem;color:var(--text-primary);flex:1;font-size:1.5rem;height:4rem;outline:none;padding:0 1.2rem;transition:border-color var(--duration-base)}.tags-search__input::placeholder{color:var(--text-secondary-dark)}.tags-search__input:focus{border-color:var(--color-primary-light)}.tags-search__input::-webkit-search-cancel-button{display:none}.tags-search__no-results{color:var(--text-secondary);font-size:1.6rem;padding:3.2rem 1.6rem;text-align:center}.tag-groups{display:flex;flex-direction:column;margin-bottom:3.2rem;padding:1.6rem}.tag-groups__title{color:var(--text-primary);font-size:2.8rem;margin-bottom:1.2rem}.tag-groups__group{display:flex;flex-direction:column;gap:.4rem;scroll-margin-top:6rem;width:100%}.tag-groups__group-title{border-bottom:1px solid var(--border-divider);color:var(--text-secondary);font-size:var(--fs-h2);font-weight:700;margin:1.6rem 0 .8rem;padding-bottom:.4rem}.tag-groups__list{display:flex;flex-wrap:wrap;gap:1rem}.tag-groups__list .tag{width:30rem}.tag__highlight{background:var(--color-accent);border-radius:.2rem;color:var(--color-accent-inverse);font-style:normal;padding:0 .1rem}.tags-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.4rem}.tags-nav__link{align-items:center;background:var(--bg-default-light);border-radius:.6rem;color:var(--text-primary);display:inline-flex;font-size:1.3rem;font-weight:600;height:3.2rem;justify-content:center;padding:0 1.2rem;position:relative;text-decoration:none;transition:background var(--duration-base),color var(--duration-base);white-space:nowrap}.tags-nav__link:after{content:"";height:max(100%,32px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,32px)}[dir=rtl] .tags-nav__link:after{left:auto;right:50%;transform:translate(50%,-50%)}.tags-nav__link:hover{background:var(--color-primary);color:var(--text-light)}