.youtube-embedder{position:relative;margin:1.5rem auto}.youtube-embedder img{max-width:100%;height:auto}.youtube-embedder iframe{max-width:100%;max-height:calc(100vw * .567)}@media (min-width:800px){.youtube-embedder{display:block;margin:var(--section-spacing-desktop) auto;text-align:center}.youtube-embedder iframe{height:454px;width:760px}}
.youtube-embedder .thumbnailvideo a.loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.youtube-embedder .thumbnailvideo a.loading img{
    filter: brightness(0.5);
    height: 100%;
    object-fit: cover;
}
.youtube-embedder .thumbnailvideo a.loading .spinner{
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    z-index: 100;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    border-color: var(--color-secondary-light) var(--color-secondary-light) var(--color-secondary-light) #fff;
    background: transparent;
    font-size: 0;
    color: transparent;
    pointer-events: none;
    animation: spin 1.2s infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}