.gridBoxes-container{display:flex;flex-wrap:wrap;width:100%;height:auto;position:relative;overflow:hidden}.gridBoxes{width:160px;height:160px;border:1px solid hsla(0,2%,9%,.5);background:transparent;opacity:.9;position:relative;transition:border-color 6s ease-out}.gridBoxes:before{bottom:0;width:20px;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent);pointer-events:none;z-index:1}.gridBoxes:after,.gridBoxes:before{content:"";position:absolute;top:0;left:0}.gridBoxes:after{width:100%;height:100%;background-color:#5f5e5e46;opacity:0;transition:opacity 4s ease-out;z-index:2}.gridBoxes.highlighted:after,.gridBoxes:hover:after{opacity:1;border:none}.gridBoxes.highlighted{border-color:transparent}.gridBoxes-container:after,.gridBoxes-container:before{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:10}.gridBoxes-container:before{left:0;background:linear-gradient(90deg,rgba(0,0,0,.6),transparent)}.gridBoxes-container:after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.6),transparent)}