.beekeys-icon {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.beekeys-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.beekeys-icon-editor {
    min-width: 1em;
    min-height: 1em;
}

/* CSS-class usage: <span class="beekeys-icon"></span>
 * The front-end renderer injects the inline SVG into this marker.
 */
.beekeys-icon {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.beekeys-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.beekeys-icon-sm { font-size: 0.875em; }
.beekeys-icon-lg { font-size: 1.5em; }
.beekeys-icon-xl { font-size: 2em; }
.beekeys-icon-2xl { font-size: 3em; }