/* The header icon as a pencil sketch flipbook in an app icon's shape, as on Karui's, Umete's,
   Sasu's and Kehai's pages: a picture scrolls up a feed and is crossed out in red, and the
   look-alikes after it come crossed out already. Drawn by scripts/make-landing-sketch.mjs
   in the Shadan repository. The shadow keeps its light edges off the white page. */
.shadan-sketch-icon { position: relative; display: block; flex: 0 0 56px; width: 56px; height: 56px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.shadan-sketch-icon-shape { display: block; width: 100%; height: 100%; clip-path: polygon(100.0% 50.0%, 99.8% 72.1%, 99.3% 79.1%, 98.4% 84.0%, 97.2% 87.9%, 95.6% 91.0%, 93.5% 93.5%, 91.0% 95.6%, 87.9% 97.2%, 84.0% 98.4%, 79.1% 99.3%, 72.1% 99.8%, 50.0% 100.0%, 27.9% 99.8%, 20.9% 99.3%, 16.0% 98.4%, 12.1% 97.2%, 9.0% 95.6%, 6.5% 93.5%, 4.4% 91.0%, 2.8% 87.9%, 1.6% 84.0%, 0.7% 79.1%, 0.2% 72.1%, 0.0% 50.0%, 0.2% 27.9%, 0.7% 20.9%, 1.6% 16.0%, 2.8% 12.1%, 4.4% 9.0%, 6.5% 6.5%, 9.0% 4.4%, 12.1% 2.8%, 16.0% 1.6%, 20.9% 0.7%, 27.9% 0.2%, 50.0% 0.0%, 72.1% 0.2%, 79.1% 0.7%, 84.0% 1.6%, 87.9% 2.8%, 91.0% 4.4%, 93.5% 6.5%, 95.6% 9.0%, 97.2% 12.1%, 98.4% 16.0%, 99.3% 20.9%, 99.8% 27.9%); }
.shadan-sketch-icon-shape img, .shadan-sketch-icon-shape video { display: block; width: 100%; height: 100%; }
/* The still, the picture crossed out, stays underneath: it's all that shows with no motion or a blocked video. */
.shadan-sketch-icon-shape video { position: absolute; inset: 0; opacity: 0; }
.shadan-sketch-icon-shape video.is-playing { opacity: 1; }