.portfoliobox{max-width:calc((var(--widthXL) - (var(--padding) * 2) - (var(--gap) * 2.5))/ 6)}.portfoliobox__content{bottom:-100%}.portfoliobox:hover .portfoliobox__content{bottom:0}.portfoliobox:hover .portfoliobox__content,.portfoliobox__content{-webkit-transition:bottom var(--transitionTime);transition:bottom var(--transitionTime)}@media(min-width:1121px){.filter,.filter.active{-webkit-transition:color var(--transitionTime),background-color var(--transitionTime);transition:color var(--transitionTime),background-color var(--transitionTime)}.filter.active{color:var(--color__white);background-color:var(--color__primary)}.filterbox{display:none}}@media(max-width:1120.89px){.filter{display:none}.filterbox{max-width:calc(var(--gap) * 65)}}