.main-media{width:100%;max-height:500px;object-fit:contain}.media-thumbnail{position:relative;width:100px;height:68px;margin:5px;padding:0;overflow:hidden;cursor:pointer;background:#e8e8e8;border:2px solid transparent;border-radius:.375rem}.media-thumbnail.active{border-color:#ff7f00}.media-thumbnail img{width:100%;height:100%;object-fit:cover}.video-thumbnail{display:flex;align-items:center;justify-content:center;color:#fff;background:#333;font-size:28px}.video-thumbnail span{margin-left:4px}@media (max-width:768px){.main-media{max-height:300px}.media-thumbnail{width:80px;height:58px}}