.video-content{width:calc(270px * 5 + var(--gap-medium) * 4);display:flex;flex-direction:column;gap:var(--gap-small);margin:0 auto}.video-row{display:flex;flex-wrap:wrap;gap:var(--gap-medium)}.video{width:270px;display:flex;flex-direction:column;gap:var(--gap-tiny);border-radius:8px;position:relative;cursor:pointer}.video_highlight{background-color:#2b2a31;outline:8px solid #2b2a31}.video__thumbnail{width:100%}.video__thumbnail img{width:100%;height:100%;max-height:156px;border-radius:8px}@media (hover:hover){.video:focus-visible .video__thumbnail,.video:hover .video__thumbnail{scale:1.03}}@media (hover:none){.video:active .video__thumbnail{scale:1.03}}.video__info{display:flex;flex-direction:column;gap:var(--gap-tiny)}@media screen and (max-width:1475px){.video-content{width:calc(270px * 4 + var(--gap-medium) * 3)}}@media screen and (max-width:1185px){.video-content{width:calc(270px * 3 + var(--gap-medium) * 2)}}@media screen and (max-width:900px){.video-content{width:calc(270px * 2 + var(--gap-medium))}}@media screen and (max-width:620px){.video-content{width:100%}.video-row{flex-direction:column}.video,.video-row{gap:var(--gap-small)}.video{width:100%;flex-direction:row}.video_highlight{background-color:#2b2a31;outline:6px solid #2b2a31}.video__thumbnail{width:200px;height:116.5px}.video__info{width:calc(100% - 200px - var(--gap-small))}}