@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400&display=swap);.video-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:1400px;padding-top:10px;padding-left:40px;padding-right:40px;margin-left:auto;margin-right:auto;margin-top:calc(var(--header-height,120px) + 20px);opacity:0;transition:opacity .3s ease-in-out}.video-grid.shuffled{opacity:1}:root{--header-height:120px}@media (max-width:600px){:root{--header-height:150px}.video-grid{margin-top:calc(var(--header-height) + 80px);padding-left:15px;padding-right:15px}}@media (min-width:601px) and (max-width:900px){:root{--header-height:110px}}.video-card{width:290px;margin:10px;background-color:#272732;border-radius:3px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .3s,box-shadow .3s}@media (max-width:600px){.video-card{background-color:#222f3b}.video-info{background-color:#222f3b}}.video-card:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.4)}.video-thumbnail{width:100%;height:163px;border:none;border-top-left-radius:8px;border-top-right-radius:8px;position:relative;overflow:hidden;box-sizing:border-box;background-size:cover;background-position:center center;transition:transform .3s}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-image:url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 64 64"><polygon points="16,0 64,32 16,64"/></svg>');background-size:contain;background-repeat:no-repeat;opacity:.85;pointer-events:none;transition:opacity .3s,transform .3s}.video-thumbnail:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-info{padding:12px;background-color:#202024;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.video-caption{font-family:Bangers,cursive;color:#f0f0f0;text-align:center;font-weight:300;font-size:1em;letter-spacing:.05em;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.7em,2vw,1em);max-width:100%}.video-card{border:none}