.film-toolbar{flex-wrap:wrap}#film-display{--video-blue:#123e88;--video-yellow:#ffcf3d}.video-store-sign{background:var(--video-blue);color:var(--video-yellow);border-bottom:4px solid var(--video-yellow);justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;display:flex}.video-ticket{letter-spacing:2px;border:2px solid;padding:8px 16px;font-size:22px;font-weight:800;transform:rotate(-3deg)}.video-store-sign>span:last-child{letter-spacing:2px;font-size:12px;font-weight:700}.film-grid{background:#e4e6e6;border:1px solid #c8ced6;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0 22px;padding:24px 26px 0;display:grid}.video-case{min-width:0;margin-bottom:24px;padding:0 0 36px;position:relative}.video-case:after{content:"";background:var(--video-blue);border-top:3px solid #3970b9;border-bottom:3px solid #092957;height:13px;position:absolute;bottom:0;left:-12px;right:-12px;box-shadow:0 7px 7px #17294030}.video-cover{background:#15191f;border-radius:5px 7px 7px 5px;padding:4px 5px 4px 9px;transition:transform .18s;display:block;box-shadow:3px 5px 6px #15213140,inset 3px 0 2px #ffffff30}.video-cover:hover{transform:translateY(-6px)}.video-cover:focus-visible{outline-offset:5px;outline:3px solid #a66c00}.video-case-label,.video-case-foot{justify-content:space-between;gap:8px;padding:7px 8px;font-size:12px;font-weight:700;display:flex}.video-case-label{background:var(--video-blue);color:var(--video-yellow);letter-spacing:1px}.video-case-foot{color:#352508;background:#e9b949}.video-case-foot.watched{color:#123b25;background:#79b68a}.video-case-foot.to-watch{color:#352508;background:#e9b949}.video-case-foot>span:last-child{align-items:center;gap:4px;display:inline-flex}.video-art{aspect-ratio:2/3;background:#17315c;display:block;position:relative;overflow:hidden}.video-art img{object-fit:contain;background:#14191f;width:100%;height:100%;position:absolute;inset:0}.video-fallback{text-align:center;color:#ffdf7a;flex-direction:column;justify-content:center;gap:20px;padding:16px;display:flex;position:absolute;inset:0}.video-fallback strong{font-family:var(--font-serif);font-size:25px;font-weight:400;line-height:1.2}.video-caption{padding:15px 2px 0}.video-caption>progress-control:not([hidden]){margin:0 0 6px}.video-caption h3{font-family:var(--font-serif);margin:0 0 6px;font-size:21px;font-weight:400;line-height:1.2}.video-caption p{margin:0 0 6px;font-size:14px;line-height:1.5}.video-caption>span,.video-caption>a{color:var(--muted);font-size:12px}.video-caption>a{float:right;text-underline-offset:3px;text-decoration:underline}#film-display[data-layout=covers] .video-store-sign{display:none}#film-display[data-layout=covers] .film-grid{background:0 0;border:0;gap:30px 24px;padding:16px 0 0}#film-display[data-layout=covers] .video-case{margin:0;padding:0}#film-display[data-layout=covers] .video-case:after,#film-display[data-layout=covers] .video-case-label{display:none}#film-display[data-layout=covers] .video-cover{border-radius:0;padding:0}#film-display[data-layout=covers] .video-case-foot{color:#352508;background:#f0d28a}#film-display[data-layout=covers] .video-case-foot.watched{color:#123b25;background:#a9d0b2}@media (width<=600px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding:20px 14px 0}.video-store-sign{padding:18px 16px}.video-ticket{letter-spacing:1px;padding:7px 10px;font-size:17px}.video-store-sign>span:last-child{letter-spacing:1px;max-width:100px;font-size:12px;line-height:1.7}.video-case:after{left:-9px;right:-9px}.video-caption h3{font-size:20px}.video-case-label,.video-case-foot{letter-spacing:0;padding:6px 4px}.video-caption>a{float:none;margin-top:6px;display:block}}@media (prefers-reduced-motion:reduce){.video-cover{transition:none}.video-cover:hover{transform:none}}.film-grid>.film-window{grid-column:1/-1;grid-template-columns:repeat(var(--film-columns),minmax(0,1fr));column-gap:inherit;align-items:start;display:grid}#film-display[data-layout=covers] .film-grid{row-gap:0}#film-display[data-layout=covers] .film-window{row-gap:30px;padding-bottom:30px}.film-window:empty{display:block;padding:0!important}.film-render-option{color:var(--muted);align-items:center;gap:10px;margin:24px 0;font-size:14px;display:flex}.film-table{table-layout:fixed;width:100%}.film-table th:first-child{width:8%}.film-table th:nth-child(2){width:42%}.film-table th:nth-child(3){width:9%}.film-table th:nth-child(4){width:15%}.film-table th:nth-child(5){width:16%}.film-table th:nth-child(6){width:10%}@media (width<=600px){.film-table th:first-child{width:10%}.film-table th:nth-child(2){width:40%}.film-table th:nth-child(3){width:12%}.film-table th:nth-child(5){width:23%}.film-table th:nth-child(6){width:15%}}.video-spine-title{display:none}#film-display[data-layout=spines] .film-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));column-gap:4px}#film-display[data-layout=spines] .video-case{margin-bottom:24px;padding-bottom:20px}#film-display[data-layout=spines] .video-case:after{left:-3px;right:-3px}#film-display[data-layout=spines] .video-cover{background:#10254a;flex-direction:column;height:306px;padding:4px;display:flex}#film-display[data-layout=spines] .video-art,#film-display[data-layout=spines] .video-caption{display:none}#film-display[data-layout=spines] .video-case-label{letter-spacing:0;background:var(--video-yellow);color:#122d58;justify-content:center;padding:7px 0;font-size:12px}#film-display[data-layout=spines] .video-case-label>span:first-child{display:none}#film-display[data-layout=spines] .video-spine-title{writing-mode:vertical-rl;text-orientation:mixed;text-overflow:ellipsis;white-space:nowrap;color:#ffdf75;flex:1;align-self:center;max-height:230px;margin:12px 0;font-size:16px;font-weight:650;line-height:1.4;display:block;overflow:hidden}#film-display[data-layout=spines] .video-case-foot{justify-content:center;padding:6px 0;font-size:12px}#film-display[data-layout=spines] .video-case-foot.watched{color:#123b25;background:#79b68a}#film-display[data-layout=spines] .video-case-foot>span{display:none}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption :is(h3,p){-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;height:2lh;display:-webkit-box;overflow:hidden}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption>span{white-space:nowrap;text-overflow:ellipsis;vertical-align:top;max-width:100%;height:1lh;display:inline-block;overflow:hidden}.video-case-foot{white-space:nowrap}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;display:grid}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption :is(h3,p){grid-column:1/-1}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption>a{float:none;grid-area:3/2;align-self:start;margin-top:0}.film-table{min-width:680px}.film-table td{overflow-wrap:normal}.film-table td:first-child,.film-table td:nth-child(3){white-space:nowrap}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption{grid-template-areas:"progress progress""title title""director director""language source"}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption>progress-control{grid-area:progress;min-width:0}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption>h3{grid-area:title}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption>p{grid-area:director}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption>span{grid-area:language}#film-display:is([data-layout=covers],[data-layout=shelf]) .video-caption>a{grid-area:source}