html.loading hgroup h1,
html.loading hgroup h2,
html.loading span,
html.loading .links a,
html.loading h3,
html.loading p,
html.loading .info h4,
html.loading footer span {
    color: transparent !important;
    border-radius: 4px;
}

html.loading hgroup h1,
html.loading hgroup h2,
html.loading .links a,
html.loading h3,
html.loading p,
html.loading .info h4,
html.loading .info p,
html.loading footer span,
html.loading section img,
html.loading .cta,
html.loading #md-content {
    background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .15) 50%, transparent 65%) 0 0 / 250% 250%;
    animation: loading-sweep 2s infinite linear;
}

html.loading .cta span,
html.loading .cta img {
    visibility: hidden;
}

html.loading #md-content {
    min-height: 240px;
}

html.loading section img,
html.loading .cta,
html.loading .brief:hover {
    pointer-events: none;
    cursor: default;
    transform: none !important;
}

@keyframes loading-sweep {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -50% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.loading * {
        animation: none !important;
    }
}