.portfolio-nav{padding-bottom:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px}@media(min-width:992px)and (min-height:700px){.portfolio-nav{padding-block:24px}}.portfolio-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:6px 22px;border-radius:500px;border:1px solid #e2e2e2;color:#000;font-size:14px;font-weight:400;line-height:130%;cursor:pointer;white-space:nowrap;transition:border-color .3s ease}@media(min-width:992px){.portfolio-nav__link{gap:max(.52083vw,8px);height:max(2.08333vw,34px);padding:max(.41667vw,6px) max(1.45833vw,22px);font-size:max(.9375vw,14px)}}@media(hover:hover){.portfolio-nav__link:hover{border-color:#000}}.portfolio-nav__link--active{border-color:#000;background:#000;color:#fff}@media(hover:hover){.portfolio-nav__link--active:hover{border-color:#000}}.portfolio-nav__link svg{width:12px;height:12px;fill:currentColor}@media(min-width:992px){.portfolio-nav__link svg{width:max(.83333vw,12px);height:max(.83333vw,12px)}}.portfolio{padding:max(7.29167vw,96px) var(--page-padding-right) 32px var(--page-padding-x)}