/* The header icon as a pencil sketch flipbook in the app icon's shape, as on Karui's pages:
   a bud opens into a plum blossom, the fruit swells and is coloured in, then drops. Drawn
   by AppStoreScreenshots/scripts/sketch.mjs in the Umete repository. The shadow keeps its
   light edges off the white page. */
.ume-icon { position: relative; display: block; flex: 0 0 64px; width: 64px; height: 64px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); }
.ume-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%); }
.ume-icon-shape img, .ume-icon-shape video { display: block; width: 100%; height: 100%; }
/* The still stays underneath: it's all that shows with no motion or a blocked video. */
.ume-icon-shape video { position: absolute; inset: 0; opacity: 0; }
.ume-icon-shape video.is-playing { opacity: 1; }