/* =================================================================================================
   dameti-icons.css - los iconos de Framework1000
   Framework1000 . .NET 10.00

   UN ICONO ES UNA MASCARA. El dibujo va en un SVG escrito aqui mismo, dentro de la variable
   --dm-icon, y el elemento se pinta del color de su propio texto a traves de esa mascara. Por eso
   todos heredan currentColor y salen bien sobre la barra oscura, sobre una tarjeta blanca o dentro
   de un boton rojo, sin una sola regla de color por icono.

   POR QUE SE CAMBIO. Los iconos estaban dibujados con ::before y ::after: un borde redondeado para
   «usuarios», un cuadrado girado para «roles», dos rayas para «variables». Cada uno costaba diez
   lineas, ninguno se parecia a lo que nombraba, y la campana y el sobre eran la misma mancha de
   16px. En pantalla se leian como suciedad, no como iconos.

   NO ES UNA BIBLIOTECA Y NO TRAE NINGUNA: no hay fuente de iconos, no hay peticion de red y no hay
   dependencia. Es esta hoja y nada mas. Los trazos siguen todos la misma reja de 24x24 con grosor
   1.75, que es lo que hace que veinte dibujos distintos se lean como UN juego.

   ANADIR UNO: se copia un bloque, se cambia el nombre y se pega el contenido del SVG dentro de
   --dm-icon. El resto -tamano, color, alineacion- ya lo pone la regla comun de abajo.
   ================================================================================================= */

/* El comportamiento comun. Va por selector de atributo y no por una clase que haya que escribir en
   cada sitio: el contrato del framework es «IconClass = icon-loquesea», y la entrada de menu de un
   modulo no tiene por que saber que ademas hace falta otra clase.

   Sin dibujo NO SE PINTA NADA -ni un cuadrado de color-: una clase mal escrita, o un icono que
   todavia no existe, deja el hueco y no una mancha solida, que es peor que el hueco. */
[class*="icon-"] {
    --dm-icon: none;

    display: inline-block;
    flex: 0 0 auto;
    width: var(--dm-icon-size, 18px);
    height: var(--dm-icon-size, 18px);
    vertical-align: -.2em;
    background-color: transparent;

    -webkit-mask-image: var(--dm-icon);
            mask-image: var(--dm-icon);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

/* Solo los que tienen dibujo se pintan. Ver la regla de arriba. */
.icon-bell,
.icon-mail,
.icon-tasks,
.icon-messages,
.icon-dashboard,
.icon-settings,
.icon-users,
.icon-roles,
.icon-organization,
.icon-profile,
.icon-variables,
.icon-install,
.icon-regional,
.icon-tenants,
.icon-edit,
.icon-delete,
.icon-check,
.icon-open,
.icon-undo,
.icon-enable,
.icon-disable,
.icon-info,
.icon-success,
.icon-warning,
.icon-danger,
.icon-search,
.icon-plus,
.icon-chevron,
.icon-back,
.icon-logout {
    background-color: currentColor;
}

/* --- Los dibujos ------------------------------------------------------------------------------ */

.icon-bell {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M10.268%2021a2%202%200%200%200%203.464%200%27%2F%3E%3Cpath%20d%3D%27M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%27%2F%3E%3C%2Fsvg%3E");
}

.icon-mail {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2720%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%27%2F%3E%3C%2Fsvg%3E");
}

.icon-tasks {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M11%2012H3%27%2F%3E%3Cpath%20d%3D%27M16%206H3%27%2F%3E%3Cpath%20d%3D%27M16%2018H3%27%2F%3E%3Cpath%20d%3D%27m15%2015%202%202%204-4%27%2F%3E%3C%2Fsvg%3E");
}

.icon-messages {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020a8%208%200%201%200-6.9-3.96%27%2F%3E%3Cpath%20d%3D%27M5.1%2016.04%204%2020l3.96-1.1%27%2F%3E%3Cpath%20d%3D%27M9%2010h.01%27%2F%3E%3Cpath%20d%3D%27M12%2010h.01%27%2F%3E%3Cpath%20d%3D%27M15%2010h.01%27%2F%3E%3C%2Fsvg%3E");
}

.icon-dashboard {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%279%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%275%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2712%27%20width%3D%277%27%20height%3D%279%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2716%27%20width%3D%277%27%20height%3D%275%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E");
}

.icon-settings {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E");
}

.icon-users {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M22%2021v-2a4%204%200%200%200-3-3.87%27%2F%3E%3Cpath%20d%3D%27M16%203.13a4%204%200%200%201%200%207.75%27%2F%3E%3C%2Fsvg%3E");
}

.icon-roles {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%27%2F%3E%3Cpath%20d%3D%27m9%2012%202%202%204-4%27%2F%3E%3C%2Fsvg%3E");
}

.icon-organization {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%2022V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v18Z%27%2F%3E%3Cpath%20d%3D%27M6%2012H4a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h2%27%2F%3E%3Cpath%20d%3D%27M18%209h2a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202h-2%27%2F%3E%3Cpath%20d%3D%27M10%206h4%27%2F%3E%3Cpath%20d%3D%27M10%2010h4%27%2F%3E%3Cpath%20d%3D%27M10%2014h4%27%2F%3E%3Cpath%20d%3D%27M10%2018h4%27%2F%3E%3C%2Fsvg%3E");
}

.icon-profile {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3C%2Fsvg%3E");
}

.icon-variables {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%204h-7%27%2F%3E%3Cpath%20d%3D%27M10%204H3%27%2F%3E%3Cpath%20d%3D%27M21%2012h-9%27%2F%3E%3Cpath%20d%3D%27M8%2012H3%27%2F%3E%3Cpath%20d%3D%27M21%2020h-5%27%2F%3E%3Cpath%20d%3D%27M12%2020H3%27%2F%3E%3Cpath%20d%3D%27M14%202v4%27%2F%3E%3Cpath%20d%3D%27M8%2010v4%27%2F%3E%3Cpath%20d%3D%27M16%2018v4%27%2F%3E%3C%2Fsvg%3E");
}

.icon-install {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m7.5%204.27%209%205.15%27%2F%3E%3Cpath%20d%3D%27M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%27%2F%3E%3Cpath%20d%3D%27m3.3%207%208.7%205%208.7-5%27%2F%3E%3Cpath%20d%3D%27M12%2022V12%27%2F%3E%3C%2Fsvg%3E");
}

.icon-regional {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%27%2F%3E%3Cpath%20d%3D%27M2%2012h20%27%2F%3E%3C%2Fsvg%3E");
}

.icon-tenants {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2021h18%27%2F%3E%3Cpath%20d%3D%27M5%2021V7l8-4v18%27%2F%3E%3Cpath%20d%3D%27M19%2021V11l-6-4%27%2F%3E%3Cpath%20d%3D%27M9%209h.01%27%2F%3E%3Cpath%20d%3D%27M9%2013h.01%27%2F%3E%3Cpath%20d%3D%27M9%2017h.01%27%2F%3E%3C%2Fsvg%3E");
}

.icon-edit {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%27%2F%3E%3Cpath%20d%3D%27M18.4%202.6a2%202%200%200%201%202.8%202.8L12%2014.6%208%2015.6l1-4Z%27%2F%3E%3C%2Fsvg%3E");
}

.icon-delete {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%206h18%27%2F%3E%3Cpath%20d%3D%27M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%27%2F%3E%3Cpath%20d%3D%27M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27%2F%3E%3Cpath%20d%3D%27M10%2011v6%27%2F%3E%3Cpath%20d%3D%27M14%2011v6%27%2F%3E%3C%2Fsvg%3E");
}

.icon-check {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E");
}

.icon-open {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M15%203h6v6%27%2F%3E%3Cpath%20d%3D%27M10%2014%2021%203%27%2F%3E%3Cpath%20d%3D%27M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%27%2F%3E%3C%2Fsvg%3E");
}

.icon-undo {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207v6h6%27%2F%3E%3Cpath%20d%3D%27M21%2017a9%209%200%200%200-9-9%209%209%200%200%200-6%202.3L3%2013%27%2F%3E%3C%2Fsvg%3E");
}

.icon-enable {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%276%27%20width%3D%2720%27%20height%3D%2712%27%20rx%3D%276%27%2F%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2712%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E");
}

.icon-disable {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%276%27%20width%3D%2720%27%20height%3D%2712%27%20rx%3D%276%27%2F%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2712%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E");
}

.icon-info {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M12%2016v-4%27%2F%3E%3Cpath%20d%3D%27M12%208h.01%27%2F%3E%3C%2Fsvg%3E");
}

.icon-success {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27m9%2012%202%202%204-4%27%2F%3E%3C%2Fsvg%3E");
}

.icon-warning {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m21.7%2018-8-14a2%202%200%200%200-3.4%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.7-3%27%2F%3E%3Cpath%20d%3D%27M12%209v4%27%2F%3E%3Cpath%20d%3D%27M12%2017h.01%27%2F%3E%3C%2Fsvg%3E");
}

.icon-danger {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27m15%209-6%206%27%2F%3E%3Cpath%20d%3D%27m9%209%206%206%27%2F%3E%3C%2Fsvg%3E");
}

.icon-search {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cpath%20d%3D%27m21%2021-4.3-4.3%27%2F%3E%3C%2Fsvg%3E");
}

.icon-plus {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14%27%2F%3E%3Cpath%20d%3D%27M12%205v14%27%2F%3E%3C%2Fsvg%3E");
}

.icon-chevron {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m6%209%206%206%206-6%27%2F%3E%3C%2Fsvg%3E");
}

.icon-back {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2012H5%27%2F%3E%3Cpath%20d%3D%27m12%2019-7-7%207-7%27%2F%3E%3C%2Fsvg%3E");
}

.icon-logout {
    --dm-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%27%2F%3E%3Cpath%20d%3D%27m16%2017%205-5-5-5%27%2F%3E%3Cpath%20d%3D%27M21%2012H9%27%2F%3E%3C%2Fsvg%3E");
}


/* --- Tamanos ----------------------------------------------------------------------------------
   El tamano se pide con una variable y no con una clase por medida: asi un contenedor que quiera
   iconos mas pequenos lo dice UNA vez y lo heredan todos los de dentro.
--------------------------------------------------------------------------------------------- */

.sidebar__icon         { --dm-icon-size: 17px; }
.app-header__tool-icon { --dm-icon-size: 19px; }
.row-action__icon      { --dm-icon-size: 16px; }
.row-action--icon [class*="icon-"] { --dm-icon-size: 16px; }
.btn__icon [class*="icon-"]        { --dm-icon-size: 15px; }
.banner__icon          { --dm-icon-size: 18px; }
.tag__icon             { --dm-icon-size: 13px; }
.page-back__icon       { --dm-icon-size: 15px; }
.card-link__icon       { --dm-icon-size: 22px; }