:root{--episode-width:270px;--episode-hover-bg:#2b2a31aa;--episode-highlight-bg:#2b2a31}.episode{width:var(--episode-width);gap:var(--gap-1);cursor:pointer;border-radius:8px;outline:8px solid #0000;flex-direction:column;display:flex;position:relative}@media (hover:hover){.episode:not(.episode_highlight):is(:hover,:focus-visible){background-color:var(--episode-hover-bg);outline:8px solid var(--episode-hover-bg)}}@media (hover:none){.episode:not(.episode_highlight):active{background-color:var(--episode-hover-bg);outline:8px solid var(--episode-hover-bg)}}.episode_highlight{background-color:var(--episode-highlight-bg);outline:8px solid var(--episode-highlight-bg)}.episode__thumbnail{aspect-ratio:16/9;border-radius:8px;width:100%;overflow:hidden}.episode__thumbnail img{width:100%;height:auto}@media (hover:hover){.episode:is(:hover,:focus-visible) .episode__thumbnail{scale:1.03}}@media (hover:none){.episode:active .episode__thumbnail{scale:1.03}}.episode__info{gap:var(--gap-1);flex-direction:column;display:flex}
@media (max-width:900px){.episode{gap:var(--gap-3);flex-direction:row;width:100%}.episode_highlight{background-color:var(--episode-highlight-bg);outline:6px solid var(--episode-highlight-bg)}.episode__thumbnail{width:200px}.episode__info{width:calc(100% - 200px - var(--gap-3))}}
.season{width:calc(var(--episode-width)*5 + var(--gap-5)*4);gap:var(--gap-3);flex-direction:column;margin:0 auto;display:flex}.episode-list{gap:var(--gap-5);flex-wrap:wrap;display:flex}
@media (max-width:1475px){.season{width:calc(var(--episode-width)*4 + var(--gap-5)*3)}}@media (max-width:1185px){.season{width:calc(var(--episode-width)*3 + var(--gap-5)*2)}}@media (max-width:900px){.season{width:100%}.episode-list{gap:var(--gap-3);flex-direction:column}}