@charset "UTF-8";
@import url("sprite.iconos.css");
@import url("sprite.emojis.css");
@import url("sprite.topicos.css");
@import url("sprite.imagenes.css");

/*
Sprites

*/
:root{
    --espacio: 5px;
    --tamano_emojis: 16px;
    --tamano_topicos: 58px;
    --adjust-x: 0px;
    --adjust-y: 0px;
    --offset-y: 0;
}

i.icon{
    --offset-gen:calc( var(--tamano_iconos) + var(--espacio) );
    --coord-x: calc( var(--offset-gen) * var(--pos-x) * -1 + var(--adjust-x) );
    --coord-y: calc( var(--offset-gen) * ( var(--offset-y) + var(--pos-y) ) * -1 + var(--adjust-y) );
    background-position-x: var(--coord-x);
    background-position-y: var(--coord-y);
    display: inline-block;
}