.episodesList{grid-template-columns:repeat(var(--numColumns),1fr);grid-auto-columns:0;max-width:100%;margin-top:1em;margin-left:2em;margin-right:2em;display:grid}@media (min-width:1280px){.episodesList{grid-template-columns:repeat(4,1fr)}}.episodeThumbnail{--progress-width:0;background-color:var(--bg-light);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.5em;width:100%;height:0;padding-bottom:56.25%;transition:all .2s ease-out;position:relative;overflow:hidden}.episodeThumbnail:after{content:"";background-color:var(--primary-color-dark);height:6px;width:var(--progress-width);position:absolute;bottom:0;left:0}.episodeItem{flex-direction:column;gap:.25em;transition:all .2s ease-out;display:flex;transform:scale(.95)}.episodeTitle{padding-top:.25rem;padding-bottom:1em}.episodeDuration{background-color:#0009;border-radius:4px;padding:2px 4px;font-size:14px;position:absolute;bottom:10px;right:10px}.playIcon{opacity:0;width:1.5em;height:1.5em;transition:all .2s ease-out;position:absolute;bottom:calc(1em - 4px);left:1em}@media (hover:hover) and (pointer:fine){.playIcon:hover{transform:scale(1.1)}}.episodeThumbnail:not(.lockedEpisodeThumbnail):hover .playIcon{opacity:1}@media (hover:hover) and (pointer:fine){.episodeItem:hover .episodeThumbnail{box-shadow:inset 0 0 0 2px var(--primary-color-dark)}.episodeItem:hover,.episodeItem:hover .lockedEpisodeThumbnail{transform:scale(1)}}@media screen and (max-width:100ch){.episodeItem{flex-direction:column}.episodeThumbnail{--thumbnailWidth:min(30em,calc(100vw - 4rem))}}