/* Original artwork and source-coordinate layers, confined to its graphic strip. */
.coolreader-film{position:relative;width:100%;aspect-ratio:3 / 1;overflow:hidden;isolation:isolate;background:#17191d}
.cr-scene{display:block;width:100%;height:100%;transform-origin:50% 50%}
.cr-animated-scene{display:none}
.coolreader-film.is-animated .cr-animated-scene{display:block}
.coolreader-film.is-animated .cr-approved-final{display:none}
.cr-static-mobile{display:none}
.coolreader.has-cr-animation .scan-title span{transition:opacity .25s ease;color:white;opacity:.36}
.coolreader.has-cr-animation .scan-title span:last-child{color:#71acfa}
.coolreader.has-cr-animation .scan-title span.is-current{opacity:1}
[data-cr-card]{transform-box:view-box;will-change:transform}
[data-cr-search] rect{fill-opacity:.1}
@media(max-width:600px){
 .coolreader-film{aspect-ratio:1.35 / 1}
 .coolreader-film.is-reduced{aspect-ratio:auto}
 .coolreader-film.is-reduced>.cr-scene{position:absolute;width:0;height:0}
 .coolreader-film.is-reduced>.cr-static-mobile{display:grid;gap:20px}
 .cr-static-mobile svg{display:block;width:100%;height:auto}
}
@media(prefers-reduced-motion:reduce){.coolreader .scan-title span{transition:none!important}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){
 .coolreader-film{aspect-ratio:auto}
 .coolreader-film>.cr-scene{position:absolute;width:0;height:0}
 .coolreader-film>.cr-static-mobile{display:grid;gap:20px}
}