/* Material UI SVG sprite icons */
.svg-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.svg-sprite svg {
    display: block;
    width: 0;
    height: 0;
    max-width: none;
}

.icon {
    display: inline-block;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    max-width: none;
}

.feature-icon,
.ref-icon,
.value-icon,
.contact-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-close .icon {
    width: 20px;
    height: 20px;
}

.header-contact .icon,
.footer-contact .icon,
.nav-drawer-contact .icon {
    opacity: 0.9;
}

.alert-success .icon {
    flex-shrink: 0;
    color: var(--color-accent-dark);
}

.audience-list .icon {
    color: var(--color-accent-light);
}

.map-placeholder .icon {
    color: var(--color-accent);
}

.about-image-placeholder .icon {
    width: 80px;
    height: 80px;
    opacity: 0.6;
}