/* ============================================================
   ICONOS PROPIOS (B-8 "emojis -> SVG", 12-sep-2026)
   Antes habia ~120 emojis haciendo de icono: cada Android los pinta
   distinto (Samsung, Google, Xiaomi) y en las capturas de la tienda se
   ve "hecho en casa". Ahora: un dibujo por concepto, trazo redondeado,
   que HEREDA el color del texto (mask-image + currentColor) y el tamano
   (1em, como una letra). Uso:
     HTML/JS:  <i class="pa-ic pa-ic--paw" aria-hidden="true"></i>
     CSS:      .x::before { content: ""; } + .pa-ic--nombre (ver books.css)
   Los emojis que van DENTRO de frases ("Repaso hecho! ...") se quedan:
   ahi son texto, no interfaz. Generado por _tools/build_icons.js (node _tools/build_icons.js):
   NO editar a mano los data-URI, editar el script y regenerar.
   ============================================================ */
.pa-ic {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: var(--pa-ic) center / contain no-repeat;
            mask: var(--pa-ic) center / contain no-repeat;
}
.pa-ic--lg { width: 1.35em; height: 1.35em; vertical-align: -0.3em; }
/* Icono + texto dentro de un boton o pestana: un poco de aire */
.pa-ic + span, .pa-ic + b { margin-left: 0.2em; }
.pa-ic-before::before, .pa-ic-after::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    background-color: currentColor;
    -webkit-mask: var(--pa-ic) center / contain no-repeat;
            mask: var(--pa-ic) center / contain no-repeat;
}
:root {
    --ic-paw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.6' cy='10.2' r='1.9' fill='black' stroke='none'/%3E%3Ccircle cx='9.7' cy='7.4' r='2.1' fill='black' stroke='none'/%3E%3Ccircle cx='14.3' cy='7.4' r='2.1' fill='black' stroke='none'/%3E%3Ccircle cx='18.4' cy='10.2' r='1.9' fill='black' stroke='none'/%3E%3Cpath fill='black' stroke='none' d='M12 11.2c-2.6 0-5 2.2-5 4.6 0 1.5 1.1 2.6 2.6 2.6 1 0 1.7-.4 2.4-.4s1.4.4 2.4.4c1.5 0 2.6-1.1 2.6-2.6 0-2.4-2.4-4.6-5-4.6Z'/%3E%3C/svg%3E");
    --ic-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4.4 0 7-2.9 7-6.6 0-3.2-1.9-5.4-3.4-7.2-.5 1.4-1.3 2.3-2.4 2.7 0-3.3-1.4-6.2-4.2-8.9C8.6 5.7 5 8.9 5 15.4 5 19.1 7.6 22 12 22Z'/%3E%3Cpath d='M12 22c-1.8 0-3-1.3-3-3 0-1.6 1.2-2.6 3-4.5 1.8 1.9 3 2.9 3 4.5 0 1.7-1.2 3-3 3Z'/%3E%3C/svg%3E");
    --ic-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='black'/%3E%3C/svg%3E");
    --ic-headphones: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3Cpath d='M4 15a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3Z'/%3E%3Cpath d='M15 15a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3Z'/%3E%3C/svg%3E");
    --ic-dumbbell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 6.5h3v11h-3z'/%3E%3Cpath d='M14.5 6.5h3v11h-3z'/%3E%3Cpath d='M9.5 12h5'/%3E%3Cpath d='M3.5 9.5h3v5h-3z'/%3E%3Cpath d='M17.5 9.5h3v5h-3z'/%3E%3C/svg%3E");
    --ic-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v6a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H5.5a1.5 1.5 0 0 0-1.5 1.5v.5A3 3 0 0 0 7 11h1'/%3E%3Cpath d='M16 6h2.5A1.5 1.5 0 0 1 20 7.5v.5a3 3 0 0 1-3 3h-1'/%3E%3Cpath d='M12 14v4'/%3E%3Cpath d='M8 20h8'/%3E%3Cpath d='M9.5 18h5'/%3E%3C/svg%3E");
    --ic-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='10' width='17' height='10' rx='1.5'/%3E%3Cpath d='M3.5 13.5h17'/%3E%3Cpath d='M12 10v10'/%3E%3Cpath d='M6 10V8.5A2.5 2.5 0 0 1 8.5 6c2 0 3.5 2 3.5 4'/%3E%3Cpath d='M18 10V8.5A2.5 2.5 0 0 0 15.5 6c-2 0-3.5 2-3.5 4'/%3E%3C/svg%3E");
    --ic-tv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='12' rx='2'/%3E%3Cpath d='M8 3l4 4 4-4'/%3E%3Cpath d='M10.5 10.5v5l4-2.5-4-2.5Z' fill='black'/%3E%3C/svg%3E");
    --ic-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 3.5A3 3 0 0 0 6.6 6a3 3 0 0 0-1.9 5 3 3 0 0 0 .9 5.5A3 3 0 0 0 11 19V6a2.5 2.5 0 0 0-1.5-2.5Z'/%3E%3Cpath d='M14.5 3.5A3 3 0 0 1 17.4 6a3 3 0 0 1 1.9 5 3 3 0 0 1-.9 5.5A3 3 0 0 1 13 19V6a2.5 2.5 0 0 1 1.5-2.5Z'/%3E%3Cpath d='M11 10H8.5'/%3E%3Cpath d='M13 10h2.5'/%3E%3Cpath d='M11 14.5H8.8'/%3E%3Cpath d='M13 14.5h2.2'/%3E%3C/svg%3E");
    --ic-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4.5 13.5H11L10 22l8.5-11.5H13L13 2Z' fill='black'/%3E%3C/svg%3E");
    --ic-books: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5V5a1.5 1.5 0 0 1 1.5-1.5H19v16H5.5A1.5 1.5 0 0 0 4 19.5Z'/%3E%3Cpath d='M4 19.5A1.5 1.5 0 0 1 5.5 18H19'/%3E%3Cpath d='M8 7.5h7'/%3E%3Cpath d='M8 11h5'/%3E%3C/svg%3E");
    --ic-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11'/%3E%3Cpath d='M9 12h11'/%3E%3Cpath d='M9 18h11'/%3E%3Cpath d='M4 6h.01'/%3E%3Cpath d='M4 12h.01'/%3E%3Cpath d='M4 18h.01'/%3E%3C/svg%3E");
    --ic-speaker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5v5h3.5L12 18.5v-13L7.5 9.5H4Z' fill='black'/%3E%3Cpath d='M15.5 8.8a4.5 4.5 0 0 1 0 6.4'/%3E%3Cpath d='M18.3 6a8 8 0 0 1 0 12'/%3E%3C/svg%3E");
    --ic-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5Z'/%3E%3C/svg%3E");
    --ic-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2.5'/%3E%3Cpath d='M12 19v2.5'/%3E%3Cpath d='M2.5 12H5'/%3E%3Cpath d='M19 12h2.5'/%3E%3Cpath d='m5.3 5.3 1.8 1.8'/%3E%3Cpath d='m16.9 16.9 1.8 1.8'/%3E%3Cpath d='m5.3 18.7 1.8-1.8'/%3E%3Cpath d='m16.9 7.1 1.8-1.8'/%3E%3C/svg%3E");
    --ic-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3Ccircle cx='12' cy='15.5' r='1.2' fill='black'/%3E%3C/svg%3E");
    --ic-abc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 16 6.5 8l3 8'/%3E%3Cpath d='M4.5 13.5h4'/%3E%3Cpath d='M12.5 8h2.8a2 2 0 0 1 0 4h-2.8Zm0 4h3.2a2 2 0 0 1 0 4h-3.2V8'/%3E%3Cpath d='M21 9.2a2.6 2.6 0 0 0-2-.9c-1.7 0-2.8 1.7-2.8 3.7s1.1 3.7 2.8 3.7c.8 0 1.5-.3 2-.9'/%3E%3C/svg%3E");
    --ic-mic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 11.5a6.5 6.5 0 0 0 13 0'/%3E%3Cpath d='M12 18v3'/%3E%3Cpath d='M9 21h6'/%3E%3C/svg%3E");
    --ic-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m20 20-4.8-4.8'/%3E%3C/svg%3E");
    --ic-repeat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 2.5 20.5 6 17 9.5'/%3E%3Cpath d='M4 11V9a3 3 0 0 1 3-3h13'/%3E%3Cpath d='m7 21.5-3.5-3.5L7 14.5'/%3E%3Cpath d='M20 13v2a3 3 0 0 1-3 3H4'/%3E%3C/svg%3E");
    --ic-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5v14l10-7L5 5Z' fill='black'/%3E%3Cpath d='M18 5v14'/%3E%3C/svg%3E");
    --ic-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18h16'/%3E%3Cpath d='M4 14.5 3 6l5 4 4-6 4 6 5-4-1 8.5H4Z'/%3E%3C/svg%3E");
    --ic-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9.5 7V4.5h5V7'/%3E%3Cpath d='M6 7l1 13h10l1-13'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E");
    --ic-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M9.3 9.5a2.7 2.7 0 1 1 3.9 2.4c-.8.4-1.2 1-1.2 1.9v.2'/%3E%3Cpath d='M12 17.2h.01'/%3E%3C/svg%3E");
    --ic-heartbreak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7.5-4.6-9.3-9.4C1.5 8.3 3.5 4.5 7.2 4.5c2 0 3.4 1 4.8 2.7 1.4-1.7 2.8-2.7 4.8-2.7 3.7 0 5.7 3.8 5 7.1C20 16.4 12 21 12 21Z'/%3E%3Cpath d='m12 7.2-2 4 3.5 2-2 4.5'/%3E%3C/svg%3E");
    --ic-antenna: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12.5' r='1.5' fill='black'/%3E%3Cpath d='M12 14v7'/%3E%3Cpath d='M8.5 9a5 5 0 0 1 7 0'/%3E%3Cpath d='M5.5 6.2a9 9 0 0 1 13 0'/%3E%3C/svg%3E");
    --ic-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5c-1.6-1.4-4-2-7.5-2v13c3.5 0 5.9.6 7.5 2 1.6-1.4 4-2 7.5-2v-13c-3.5 0-5.9.6-7.5 2Z'/%3E%3Cpath d='M12 6.5v13'/%3E%3C/svg%3E");
    --ic-fork: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v7a2.5 2.5 0 0 0 5 0V3'/%3E%3Cpath d='M9.5 3v18'/%3E%3Cpath d='M17.5 3c-2 1.5-2.5 5-2.5 8h2.5v10'/%3E%3C/svg%3E");
    --ic-grimace: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8 15h8'/%3E%3Cpath d='M8 15c0 1.3 1.8 2.3 4 2.3s4-1 4-2.3'/%3E%3Cpath d='M10 15v2.2'/%3E%3Cpath d='M12 15v2.3'/%3E%3Cpath d='M14 15v2.2'/%3E%3Cpath d='M9 9.5h.01'/%3E%3Cpath d='M15 9.5h.01'/%3E%3C/svg%3E");
    --ic-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15L6 16Z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E");
    --ic-sunrise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M4.5 9.5 6.3 11'/%3E%3Cpath d='m19.5 9.5-1.8 1.5'/%3E%3Cpath d='M6 17a6 6 0 0 1 12 0'/%3E%3Cpath d='M3 17h18'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
    --ic-sprout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-8'/%3E%3Cpath d='M12 13c0-3.5 2.5-6 6.5-6 0 3.5-2.5 6-6.5 6Z'/%3E%3Cpath d='M12 15c0-3-2-5-5.5-5 0 3 2 5 5.5 5Z'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E");
    --ic-cap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.5 9 9.5-4.5L21.5 9 12 13.5 2.5 9Z'/%3E%3Cpath d='M6.5 11v4.5c0 1.4 2.5 3 5.5 3s5.5-1.6 5.5-3V11'/%3E%3Cpath d='M21.5 9v5'/%3E%3C/svg%3E");
    --ic-mute: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5v5h3.5L12 18.5v-13L7.5 9.5H4Z' fill='black'/%3E%3Cpath d='m15.5 9.5 5 5'/%3E%3Cpath d='m20.5 9.5-5 5'/%3E%3C/svg%3E");
    --ic-hand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13.5V6a1.5 1.5 0 0 1 3 0v5'/%3E%3Cpath d='M11 11V4.5a1.5 1.5 0 0 1 3 0V11'/%3E%3Cpath d='M14 11V6a1.5 1.5 0 0 1 3 0v6'/%3E%3Cpath d='M17 12V8.5a1.5 1.5 0 0 1 3 0V15a6 6 0 0 1-6 6h-1.6a6 6 0 0 1-4.9-2.5L4.3 14a1.6 1.6 0 0 1 2.6-1.9L8 13.5'/%3E%3C/svg%3E");
    --ic-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.8-4.5 4.3 1.1 6.1L12 16.9 6.6 19.8l1.1-6.1L3.2 9.4l6.1-.8L12 3Z' fill='black'/%3E%3C/svg%3E");
    --ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
    --ic-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6 6 18'/%3E%3C/svg%3E");
    --ic-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
    --ic-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M16 3v4'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3C/svg%3E");
}
.pa-ic--paw{--pa-ic:var(--ic-paw)}
.pa-ic--flame{--pa-ic:var(--ic-flame)}
.pa-ic--target{--pa-ic:var(--ic-target)}
.pa-ic--headphones{--pa-ic:var(--ic-headphones)}
.pa-ic--dumbbell{--pa-ic:var(--ic-dumbbell)}
.pa-ic--trophy{--pa-ic:var(--ic-trophy)}
.pa-ic--gift{--pa-ic:var(--ic-gift)}
.pa-ic--tv{--pa-ic:var(--ic-tv)}
.pa-ic--brain{--pa-ic:var(--ic-brain)}
.pa-ic--bolt{--pa-ic:var(--ic-bolt)}
.pa-ic--books{--pa-ic:var(--ic-books)}
.pa-ic--list{--pa-ic:var(--ic-list)}
.pa-ic--speaker{--pa-ic:var(--ic-speaker)}
.pa-ic--moon{--pa-ic:var(--ic-moon)}
.pa-ic--sun{--pa-ic:var(--ic-sun)}
.pa-ic--lock{--pa-ic:var(--ic-lock)}
.pa-ic--abc{--pa-ic:var(--ic-abc)}
.pa-ic--mic{--pa-ic:var(--ic-mic)}
.pa-ic--search{--pa-ic:var(--ic-search)}
.pa-ic--repeat{--pa-ic:var(--ic-repeat)}
.pa-ic--next{--pa-ic:var(--ic-next)}
.pa-ic--crown{--pa-ic:var(--ic-crown)}
.pa-ic--trash{--pa-ic:var(--ic-trash)}
.pa-ic--question{--pa-ic:var(--ic-question)}
.pa-ic--heartbreak{--pa-ic:var(--ic-heartbreak)}
.pa-ic--antenna{--pa-ic:var(--ic-antenna)}
.pa-ic--book{--pa-ic:var(--ic-book)}
.pa-ic--fork{--pa-ic:var(--ic-fork)}
.pa-ic--grimace{--pa-ic:var(--ic-grimace)}
.pa-ic--bell{--pa-ic:var(--ic-bell)}
.pa-ic--sunrise{--pa-ic:var(--ic-sunrise)}
.pa-ic--sprout{--pa-ic:var(--ic-sprout)}
.pa-ic--cap{--pa-ic:var(--ic-cap)}
.pa-ic--mute{--pa-ic:var(--ic-mute)}
.pa-ic--hand{--pa-ic:var(--ic-hand)}
.pa-ic--star{--pa-ic:var(--ic-star)}
.pa-ic--check{--pa-ic:var(--ic-check)}
.pa-ic--close{--pa-ic:var(--ic-close)}
.pa-ic--clock{--pa-ic:var(--ic-clock)}
.pa-ic--calendar{--pa-ic:var(--ic-calendar)}