.wrapper{height:100dvh}.wrapper #popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);display:flex;justify-content:center;align-items:center}.wrapper #popup.popup-hidden{display:none}.wrapper #popup #popup-content{width:80%;height:80%}.wrapper #popup #popup-content video{width:100%;aspect-ratio:0.5625;height:100%}.wrapper .grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(6, 1fr);background-color:#282B28}.wrapper .grid .item{border:1px solid rgba(255, 255, 255, 0.05);position:relative;height:25vh;transition:0.3s ease-in-out;outline:none}.wrapper .grid .item.dim{opacity:0.15}.wrapper .grid .item.played{pointer-events:none;opacity:0.15}.wrapper .grid .item img{width:100%;height:100%;object-fit:cover;object-position:top}