.f{position:relative;display:flex;flex-wrap:nowrap;background-color:var(--color-panel);border-radius:var(--border-radius);overflow:hidden;.a{display:block;position:relative;background-color:#111;object-fit:cover}.o{margin:var(--space-m);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size:var(--font-size-small);text-decoration:none;color:var(--color-foreground);background-color:transparent;&:after{content:"";position:absolute;inset:0}}&[data-mode=grid]{flex-direction:column;.a{max-width:100%;width:100%;height:auto;aspect-ratio:5 / 3}.o{text-align:center}}&[data-mode=grid-poster]{flex-direction:column;.a{max-width:100%;width:100%;height:auto;aspect-ratio:3 / 4}.o{text-align:center}}&[data-mode=list]{flex-direction:row;align-items:center;.a{width:30vw;height:100%;aspect-ratio:2 / 1}}&:has(.o:is(:hover,:focus-visible)){background-color:var(--color-panel-active);box-shadow:5px 5px 10px #111;.o{text-decoration:underline}}}.m{display:grid;gap:var(--space-m);padding:0;margin:0;list-style:none;&[data-mode=grid],&[data-mode=grid-poster]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}&[data-mode=list]{grid-template-columns:1fr}}.x{margin-bottom:var(--space-xl)}.e{display:flex;flex-flow:row nowrap;gap:var(--space-l);margin-bottom:var(--space-l);.t{width:30vw;height:auto;max-height:400px;object-fit:contain}}@media(max-width:768px){.e{flex-flow:column nowrap;.t{width:100%}}}.g{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.h{display:grid;grid-template:"a b" "a b" "c c";gap:10px;align-items:center;label{display:contents}}.i{display:block;position:relative;width:100%;.v{display:block;width:100%;height:400px;object-fit:cover}.r{display:block;position:absolute;bottom:0;left:100px;transform:translateY(50%);width:200px;height:300px;object-fit:cover}}.l{margin-left:300px}@media(max-width:768px){.i{.r{display:none}}.l{margin-left:0}}.n{display:flex;flex-flow:row nowrap;gap:var(--space-l);margin-bottom:var(--space-l);.p{width:30vw;height:auto;max-height:400px;object-fit:contain}}@media(max-width:768px){.n{flex-flow:column nowrap;.p{width:100%}}}.c{display:block;position:relative;width:100%;.b{display:block;width:100%;height:400px;object-fit:cover}.d{display:block;position:absolute;bottom:0;left:100px;transform:translateY(50%);width:200px;height:300px;object-fit:cover}}.s{margin-left:300px}@media(max-width:768px){.c{.d{display:none}}.s{margin-left:0}}:root{--color-foreground: #eee;--color-background: #333;--color-panel: #444;--color-panel-active: #393939;--color-accent: #7e1a97;--color-accent-faded: #c679da;--border-radius: 8px;--space-xxs: 2px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 32px;--space-xl: 64px;--space-xxl: 128px;--font-size-h1: 48pt;--font-size-h2: 32pt;--font-size-h3: 24pt;--font-size-h4: 20pt;--font-size-p: 16pt;--font-size-small: 12pt;--font-size-smaller: 8pt}*{appearance:none;margin:0;padding:0;font:inherit;color:inherit;outline:none}body{color:var(--color-foreground);background-color:var(--color-background);font-family:Arial,Helvetica,sans-serif;font-size:var(--font-size-p)}main{padding:var(--space-l)}a{color:var(--color-foreground);text-decoration:underline;cursor:pointer;&:hover,&:focus-visible{color:var(--color-accent);background-color:var(--color-foreground)}}button{color:var(--color-foreground);background-color:var(--color-panel);border:1px solid var(--color-panel);padding:var(--space-s) var(--space-m);cursor:pointer;&:hover,&:focus-visible{color:var(--color-panel);background-color:var(--color-foreground)}}ol,ul{padding-left:var(--space-l);margin:0 0 var(--space-xs) 0}ol{list-style-type:decimal}ul{list-style-type:disc}h1{font-size:var(--font-size-h1);margin:0 0 var(--space-l) 0}h2{font-size:var(--font-size-h2);margin:0 0 var(--space-l) 0}h3{font-size:var(--font-size-h3);margin:0 0 var(--space-m) 0}h4{font-size:var(--font-size-h4);margin:0 0 var(--space-m) 0}p{font-size:var(--font-size-p);margin:0 0 var(--space-m) 0}.container{width:100%;margin-left:auto;margin-right:auto;@media(max-width:719px){padding-left:var(--space-s);padding-right:var(--space-s)}@media(min-width:720px){width:700px}@media(min-width:960px){width:900px}@media(min-width:1200px){width:1000px}}form{input{border:none;padding:var(--space-xs);background-color:var(--color-panel)}}
/*# sourceMappingURL=index.css.map */