.zgds-gzd-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.zgds-gzd-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    flex-shrink: 0;
    fill: none;
    color: inherit;
}

.zgds-gzd-icon--sm {
    width: 0.875em;
    height: 0.875em;
}

.zgds-gzd-icon--md {
    width: 1.125em;
    height: 1.125em;
}

.zgds-gzd-icon--lg {
    width: 1.375em;
    height: 1.375em;
}

.zgds-gzd-icon--gold {
    color: var(--h-gold, #c4a062);
}

.zgds-gzd-icon--red {
    color: var(--h-red-light, #9a4545);
}

.zgds-home-header__search-kicker .zgds-gzd-icon,
.zgds-home-header__input-icon.zgds-gzd-icon {
    color: var(--h-gold, #a88858);
}

.zgds-home-header__submit .zgds-gzd-icon {
    width: 1.0625em;
    height: 1.0625em;
}

.zgds-empty-state__icon .zgds-gzd-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--h-gold-deep, #8b6914);
    opacity: 0.85;
}

.zgds-hall-nav__kicker .zgds-gzd-icon,
.zgds-hall-nav__heading .zgds-gzd-icon {
    color: var(--h-gold, #a88858);
}

.zgds-home-page--atelier .zgds-atelier-nav__panel .zgds-hall-nav__kicker .zgds-gzd-icon,
.zgds-home-page--atelier .zgds-atelier-nav__panel .zgds-hall-nav__heading .zgds-gzd-icon {
    color: var(--a-gold, #c4a062);
}

.zgds-gzd-icon--spin {
    animation: zgdsIconSpin 0.85s linear infinite;
}

@keyframes zgdsIconSpin {
    to { transform: rotate(360deg); }
}

.zgds-loading-row .zgds-gzd-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--h-red, #6b2a2a);
}

.zgds-loading-row--done .zgds-gzd-icon {
    width: 1.125rem;
    height: 1.125rem;
    color: var(--h-gold, #a88858);
}

.zgds-mag-card__cta .zgds-gzd-icon,
.zgds-mag-row__go .zgds-gzd-icon {
    width: 0.875em;
    height: 0.875em;
}

.zgds-journal-card__meta .zgds-gzd-icon {
    width: 0.8125em;
    height: 0.8125em;
    margin-right: 0.2em;
    color: var(--h-gold, #a88858);
}

.timeline-group-header__chevron.zgds-gzd-icon {
    width: 0.875rem;
    height: 0.875rem;
    transition: transform 0.2s ease;
}

.timeline-group-header__chevron.zgds-gzd-icon.is-open {
    transform: rotate(180deg);
}

.zgds-year-tag__remove .zgds-gzd-icon {
    width: 0.75rem;
    height: 0.75rem;
}

.zgds-hall-btn .zgds-gzd-icon {
    width: 0.9375em;
    height: 0.9375em;
    margin-right: 0.25em;
}
