@keyframes pack-label{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes loading-bar{0%{width:100%}to{width:0%}}@keyframes loading-stat{0%{opacity:1}66%{opacity:.5}to{opacity:1}}img.type-icon{image-rendering:pixelated}.w-card .loading-stat{height:var(--height, 1.25rem);width:var(--width, 4rem);border-radius:.5rem;background-color:var(--block-section);animation:loading-stat 3s ease-in-out infinite}[data-layout=grid] .w-card{border:1px solid var(--block-border);display:flex;flex-direction:column;gap:0rem;align-items:stretch;transition:background-color .2s;cursor:pointer;position:relative;background-color:var(--block-section);border-radius:1rem;text-decoration:none;min-height:24.5rem}[data-layout=grid] .w-card:hover,[data-layout=grid] .w-card:focus{background-color:var(--block-hover)}[data-layout=grid] .w-card:focus{outline:2px solid var(--text-foreground)}[data-layout=grid] .w-card>header{position:relative;width:calc(100% - .5rem);padding-bottom:calc(56.25% - .5rem);background-color:var(--block-background);border:.25rem solid var(--block-shaded);border-radius:1rem 1rem 0 0;overflow:hidden}[data-layout=grid] .w-card>header>svg,[data-layout=grid] .w-card>header>div{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);color:var(--block-hover)}[data-layout=grid] .w-card>header img.type-placeholder{display:none}[data-layout=grid] .w-card>header img{object-fit:cover;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}[data-layout=grid] .w-card>header img.type-icon{left:50%;top:50%;transform:translate(-50%) translateY(-50%);right:initial;bottom:initial;width:initial;height:100%}[data-layout=grid] .w-card>div{height:2px}[data-layout=grid] .w-card>div .o-loading-bar{background-color:var(--text-inactive);width:0%;height:100%}[data-layout=grid] .w-card>div .o-loading-bar.on-playing{animation:5s linear loading-bar}[data-layout=grid] .w-card>section{display:flex;flex-direction:column;gap:.5rem;align-items:stretch;flex:1;padding:.5rem 1rem 1rem}[data-layout=grid] .w-card>section>div{display:flex;flex-direction:column;gap:.25rem;flex:1}[data-layout=grid] .w-card>section>div>div{display:flex;flex-direction:row;gap:.5rem;align-items:center;gap:.5;flex-wrap:wrap}[data-layout=grid] .w-card>footer{position:absolute;right:-1rem;top:-1rem}[data-layout=grid] .w-card>footer .o-label{animation:.5s ease-in-out .2s infinite alternate pack-label;border:.25rem solid var(--block-background)}[data-layout=list] .w-card,[data-layout=compact] .w-card{border:1px solid var(--block-border);display:flex;flex-direction:row;gap:1rem;align-items:center;gap:1;transition:background-color .2s;cursor:pointer;position:relative;background-color:var(--block-section);border-radius:1rem;text-decoration:none;padding:1rem}[data-layout=list] .w-card:hover,[data-layout=list] .w-card:focus,[data-layout=compact] .w-card:hover,[data-layout=compact] .w-card:focus{background-color:var(--block-hover)}[data-layout=list] .w-card:focus,[data-layout=compact] .w-card:focus{outline:2px solid var(--text-foreground)}[data-layout=list] .w-card>header,[data-layout=compact] .w-card>header{width:6rem;height:6rem;position:relative;background-color:var(--block-background);border:.25rem solid var(--block-shaded)}[data-layout=list] .w-card>header img.type-banner,[data-layout=compact] .w-card>header img.type-banner{display:none}[data-layout=list] .w-card>header img.type-icon,[data-layout=compact] .w-card>header img.type-icon{width:100%;height:100%}[data-layout=list] .w-card>header>svg,[data-layout=list] .w-card>header>div,[data-layout=compact] .w-card>header>svg,[data-layout=compact] .w-card>header>div{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);color:var(--block-hover)}[data-layout=list] .w-card>section,[data-layout=compact] .w-card>section{display:flex;flex-direction:column;gap:.5rem;align-items:stretch;flex:1;padding:0}[data-layout=list] .w-card>section>div,[data-layout=compact] .w-card>section>div{display:flex;flex-direction:column;gap:.25rem;flex:1}[data-layout=list] .w-card>section>div>div,[data-layout=compact] .w-card>section>div>div{display:flex;flex-direction:row;gap:.5rem;align-items:center;gap:.5;flex-wrap:wrap}[data-layout=list] .w-card>footer,[data-layout=compact] .w-card>footer{display:none}[data-layout=compact] .w-card{padding:0;border-radius:0}[data-layout=compact] .w-card>header{width:4rem;height:4rem}[data-layout=compact] .w-card h3{font-size:1rem}[data-layout=compact] .w-card .o-metadata{display:none}[data-layout=compact] .w-card .o-description{line-clamp:2;-webkit-line-clamp:2}.o-label{display:flex;flex-direction:row;gap:.5rem;align-items:center;gap:.5;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.o-label svg{width:.75rem;height:.75rem}.o-label.type-trending{background-color:var(--block-disturbing)}.o-label.type-new{background-color:var(--block-accent)}.o-metadata{display:flex;flex-direction:row;gap:.5rem;align-items:center;gap:.5;flex-wrap:wrap;font-size:.75rem;color:var(--text-inactive);--color: var(--text-inactive);font-weight:500}.o-rating.type-positive{color:var(--text-success);--color: var(--text-success)}.o-rating.type-negative{color:var(--text-disturbing);--color: var(--text-disturbing)}.o-description{line-clamp:3;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}