/* color palette items */
.color-1 {
    background: var(--color-1);
    border: 1px solid #1d1d1b;
}
.color-2 {
    background: var(--color-2);
    border: 1px solid #1d1d1b;
}
.color-3 {
    background: var(--color-3);
    border: 1px solid #1d1d1b;
}
.color-4 {
    background: var(--color-4);
    border: 1px solid #1d1d1b;
}

/* disable original file downloads for dark colors */
.logoShowcaseWrapper .logoShowcaseImageView[data-active-color="3"] .logoShowCaseImageDownload a.original,
.logoShowcaseWrapper .logoShowcaseImageView[data-active-color="4"] .logoShowCaseImageDownload a.original {
    display: none;
}

/* disable negative file downloads for bright colors */
.logoShowcaseWrapper .logoShowcaseImageView[data-active-color="1"] .logoShowCaseImageDownload a.negative,
.logoShowcaseWrapper .logoShowcaseImageView[data-active-color="2"] .logoShowCaseImageDownload a.negative {
    display: none;
}

/* transitions */

svg #text,
svg #image,
svg #background {
    transition: fill 0.5s;
}