.portfolio_container__4tpB7{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio_containerItem__rh8Lu{position:relative}.portfolio_containerItemCover__FlTX7{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);background:var(--background-image);transition-duration:.5s;border-radius:20px;top:50%;bottom:50%;left:50%;right:50%}.portfolio_containerItem__rh8Lu:hover .portfolio_containerItemCover__FlTX7{top:0;bottom:0;left:0;right:0}.portfolio_containerItemCover__FlTX7:after{top:20px;left:20px;border-top-left-radius:20px;border-left:5px solid var(--border-color);border-top:5px solid var(--border-color)}.portfolio_containerItemCover__FlTX7:after,.portfolio_containerItemCover__FlTX7:before{content:"";position:absolute;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;opacity:0;display:block;width:100px;height:100px}.portfolio_containerItemCover__FlTX7:before{bottom:20px;right:20px;border-bottom-right-radius:20px;border-right:5px solid var(--border-color);border-bottom:5px solid var(--border-color)}.portfolio_containerItem__rh8Lu:hover .portfolio_containerItemCover__FlTX7:after,.portfolio_containerItem__rh8Lu:hover .portfolio_containerItemCover__FlTX7:before{opacity:1}.portfolio_itemInfo__r_Lei{opacity:0;z-index:20;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.portfolio_containerItem__rh8Lu:hover .portfolio_itemInfo__r_Lei{opacity:1}@media (768px < width <= 1110px){.portfolio_container__4tpB7{grid-template-columns:repeat(2,1fr);gap:20px}}@media (400px <= width <= 768px){.portfolio_container__4tpB7{grid-template-columns:repeat(1,1fr);gap:20px}}@media (width < 400px){.portfolio_container__4tpB7{grid-template-columns:repeat(1,1fr);gap:20px}}