Load asciicast css async (#22502)

Load asciicast css asynchronously.

Related to #22448.

Author: wolfogre

web_src/js/markup/asciicast.js

@@ -2,7 +2,10 @@ export async function renderAsciinemaPlayer() {
   const els = document.querySelectorAll('.asciinema-player-container');
   if (!els.length) return;
 
-  const player = await import(/* webpackChunkName: "asciinema-player" */'asciinema-player');
+  const [player] = await Promise.all([
+    import(/* webpackChunkName: "asciinema-player" */'asciinema-player'),
+    import(/* webpackChunkName: "asciinema-player" */'asciinema-player/dist/bundle/asciinema-player.css'),
+  ]);
 
   for (const el of els) {
     player.create(el.getAttribute('data-asciinema-player-src'), el, {

web_src/less/markup/asciicast.less

@@ -1,5 +1,3 @@
-@import "../asciinema-player/dist/bundle/asciinema-player.css";
-
 .asciinema-player-container {
   width: 100%;
   height: auto;