.soc-block{border:1px solid var(--border-color);padding:24px;position:relative}.soc-block__nav{display:flex;flex-direction:column}.tags-container{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);margin-bottom:24px;padding:24px 0}.tags-container__inner{display:flex;flex-wrap:wrap;height:300px;overflow:hidden;transition:all .3s}.tags-container__inner.container__all{height:inherit}.tags-link{border:1px solid var(--border-color-second);border-radius:36px;color:var(--color);display:block;font-size:14px;font-weight:800;margin-bottom:6px;margin-right:6px;padding:8px 16px}.tags-link.router-link-active,.tags-link:hover{background:var(--color);color:var(--color-revers)}.tags-container__button{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:8px;position:relative}.tags-container__button span{color:var(--color);font-weight:800}.tags-container__button:before{background:var(--bg-gradient-bw-horizontal);content:"";display:block;height:50px;position:absolute;top:-50px;width:100%}.tags-container__button-arrow{display:flex;margin-left:8px;transform:rotate(180deg);transition:all .5s}.tags-container__button.container__all:before{height:0;opacity:0}.tags-container__button.container__all .tags-container__button-arrow{transform:rotate(0)}@media (max-width:1024px){.tags-container__inner{height:100%}.tags-container{border:0;padding:24px 16px}.tags-link{font-size:16px;margin-bottom:8px;margin-right:8px}}