.animation-card{position:relative}.animation-watch{position:absolute;bottom:14px;left:14px;border-radius:99px;background:#14200fe8;color:white;padding:10px 14px;font:600 12px Arial,sans-serif;z-index:2}.grid.animations .card-art img{transform:none!important;opacity:1!important}.legend-animation{display:none;position:relative;border:0;padding:0;width:100%;cursor:pointer;background:transparent;color:inherit}.legend-animation img{display:block;width:100%;height:auto;aspect-ratio:1}main[data-view=animations] .pair{display:none}main[data-view=animations] .legend-animation{display:block}main[data-view=animations]{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px}.doppl-animation-dialog{padding:0;width:min(660px,94vw);max-height:94dvh;overflow:auto;background:#10150e;color:#f1f5ec;border:1px solid #647254;border-radius:22px}.doppl-animation-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.doppl-animation-dialog video{display:block;width:100%;max-height:72dvh;aspect-ratio:1;background:#111}.animation-close{position:absolute;right:12px;top:12px;z-index:3;border:0;border-radius:50%;width:40px;height:40px;background:#111b;color:white;font-size:20px;cursor:pointer}.animation-caption{padding:18px 22px}.animation-caption h2{margin:0;font-size:21px}.animation-caption p{margin:5px 0 0;font-size:13px}.animation-caption p:empty{display:none}.animation-card:focus-visible,.animation-close:focus-visible{outline:3px solid #a8d84b;outline-offset:3px}html[data-theme=light] .doppl-animation-dialog{background:#f7f9f3;color:#172018}@media(max-width:600px){main[data-view=animations]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}main[data-view=animations] h2{font-size:14px;margin:12px}.animation-watch{font-size:11px;padding:7px 9px;left:9px;bottom:9px}.view-switch{flex-wrap:wrap}}