:root {
    --preloader-logo: url(/assets/images/preloader-logo.png);
}

.image-placeholder {
    position: relative;
    display: inline-block;
}

.image-placeholder::before {
    content: "Image Placeholder";
    position: absolute;
    top: -1.2rem;
    right: 0;
    background-color: #C40000;
    color: white;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
}

.text-placeholder {
    position: relative;
}

.text-placeholder::before {
    content: "Text Placeholder";
    position: absolute;
    top: -1.2rem;
    right: 0;
    background-color: #C40000;
    color: white;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
}

.text-image-placeholder {
    position: relative;
}

.text-image-placeholder::before {
    content: "Text and Image Placeholder";
    position: absolute;
    top: -1.2rem;
    right: 0;
    background-color: #C40000;
    color: white;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
}

.missing-content {
    position: relative;
}

.missing-content::before {
    content: "Missing Content";
    position: absolute;
    top: -1.2rem;
    right: 0;
    background-color: #8F0000;
    color: white;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
}

a[href="#"].missing {
    position: relative;
}

a[href="#"].missing::after {
    content: "\26A0 Missing Link";
    display: inline-block;
    margin-left: 0.5em;
    color: #8F0000;
}

a[href].standout {
    color: var(--primary-color) !important;
}

a[href].standout:hover,
a[href].standout:active {
    color: var(--primary-color-900) !important;
}