.public-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    fill: currentColor;
    vertical-align: -0.125em;
}

.public-icon + .fab-label,
[data-public-icon] {
    display: inline-flex;
    align-items: center;
}

.service-icon.public-icon {
    width: 1.6rem;
    height: 1.6rem;
}

.map-placeholder-icon .public-icon {
    width: 1.7rem;
    height: 1.7rem;
    vertical-align: middle;
}

.card-device-name .public-icon {
    width: 1em;
    height: 1em;
    color: var(--primary-color);
}

.ba-label .public-icon {
    width: 1em;
    height: 1em;
}

.precio-card-header .public-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--accent, #3b82f6);
}