apex-devil{position:relative;z-index:2;display:block;width:min(100%,544px);aspect-ratio:1122/1402;filter:drop-shadow(0 28px 36px rgba(0,0,0,.5)) drop-shadow(0 0 24px rgba(226,27,35,.16))}
.apex-devil__poster{display:block;width:100%;height:auto}
.apex-devil__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.apex-devil__static-highlight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
apex-devil[data-ready] .apex-devil__poster{opacity:0}
apex-devil[data-ready] .apex-devil__static-highlight{opacity:0}
apex-devil[data-ready] .apex-devil__canvas{opacity:1}
.apex-devil__pause{position:absolute;right:0;bottom:12%;z-index:3;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(18,18,20,.65);color:#8b8b94;cursor:pointer;opacity:0;visibility:hidden}
apex-devil[data-ready] .apex-devil__pause{opacity:1;visibility:visible}
.apex-devil__pause:hover{color:#f5f3ef;border-color:#55555e}
.apex-devil__pause:focus-visible{outline:2px solid var(--apex-accent);outline-offset:3px}
.apex-devil__pause svg{width:12px;height:12px}
.apex-devil__play-icon{display:none}
apex-devil[data-paused] .apex-devil__pause-icon{display:none}
apex-devil[data-paused] .apex-devil__play-icon{display:block}
apex-devil[data-reduced] .apex-devil__canvas{opacity:0}
apex-devil[data-reduced] .apex-devil__poster{opacity:1}
apex-devil[data-reduced] .apex-devil__static-highlight{opacity:1}
apex-devil[data-reduced] .apex-devil__pause{display:none}
@media(max-width:749px){apex-devil{width:min(100%,432px)}.apex-devil__pause{width:44px;height:44px;right:4px}}
@media(prefers-reduced-motion:reduce){.apex-devil__canvas{display:none!important}.apex-devil__poster,.apex-devil__static-highlight{opacity:1!important}.apex-devil__pause{display:none!important}}