/* -------------------- Base64 -------------------- */
.i-ico:before { display: block; background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; }

.i-ico-transition { position: relative; }

.i-ico-transition:after { display: block; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 250ms; background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; }
.i-ico-transition:before { display: block; position: relative; opacity: 1; transition: opacity 250ms; background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; }

.i-ico-transition:hover:after { opacity: 1; }
.i-ico-transition:hover:before { opacity: 0; }

.i-ico-trigger:hover.i-ico-transition:after { opacity: 1; }
.i-ico-trigger:hover.i-ico-transition:before { opacity: 0; }

/* * * Base64 svg * * */
.i-ico-:before { width: 7px; height: 7px; }



/* -------------------- Inline SVG -------------------- */
.i-svg { position: relative; top: 0.125em; flex-shrink: 0; height: 1em; width: 1em; fill: currentColor; transition: fill 400ms; }