.cover-image
{
    position: relative;
    overflow: hidden;
    contain: layout paint;
}
.cover-image[class*=is-ratio-]
{
    contain: content;
}
.cover-image[class*=is-ratio-]:before
{
    content: "";
    display: block;
}
.cover-image.is-ratio-1-1:before
{
    padding-bottom: 100%;
}
@media screen and (max-width: 768px)
{
    .cover-image.is-ratio-1-1-mobile:before
    {
        padding-bottom: 100%!important;
    }
}
@media screen and (min-width: 769px)
{
    .cover-image.is-ratio-1-1-tablet:before
    {
        padding-bottom: 100%!important;
    }
}
@media screen and (min-width: 1024px)
{
    .cover-image.is-ratio-1-1-desktop:before
    {
        padding-bottom: 100%!important;
    }
}
.cover-image.is-ratio-4-3:before
{
    padding-bottom: 75%;
}
@media screen and (max-width: 768px)
{
    .cover-image.is-ratio-4-3-mobile:before
    {
        padding-bottom: 75%!important;
    }
}
@media screen and (min-width: 769px)
{
    .cover-image.is-ratio-4-3-tablet:before
    {
        padding-bottom: 75%!important;
    }
}
@media screen and (min-width: 1024px)
{
    .cover-image.is-ratio-4-3-desktop:before
    {
        padding-bottom: 75%!important;
    }
}
.cover-image.is-ratio-16-9:before
{
    padding-bottom: 56.25%;
}
@media screen and (max-width: 768px)
{
    .cover-image.is-ratio-16-9-mobile:before
    {
        padding-bottom: 56.25%!important;
    }
}
@media screen and (min-width: 769px)
{
    .cover-image.is-ratio-16-9-tablet:before
    {
        padding-bottom: 56.25%!important;
    }
}
@media screen and (min-width: 1024px)
{
    .cover-image.is-ratio-16-9-desktop:before
    {
        padding-bottom: 56.25%!important;
    }
}
.cover-image:not([class*=is-ratio-]).is-top .cover-image__img
{
    top: 0;
    bottom: auto;
    transform: translate3d(-50%,0,0);
}
.cover-image:not([class*=is-ratio-]).is-bottom .cover-image__img
{
    bottom: 0;
    top: auto;
    transform: translate3d(-50%,0,0);
}
.cover-image:not([class*=is-ratio-]).is-left .cover-image__img
{
    left: 0;
    right: auto;
    transform: translate3d(0,-50%,0);
}
.cover-image:not([class*=is-ratio-]).is-right .cover-image__img
{
    right: 0;
    left: auto;
    transform: translate3d(0,-50%,0);
}
.cover-image .cover-image__img
{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translateZ(0);
}
.video-embed
{
    position: relative;
    overflow: hidden;
}
.video-embed:before
{
    content: "";
    display: block;
    padding-bottom: 56.25%;
}
.video-embed.is-portrait:before
{
    padding-bottom: 177.7777777778%;
}
.video-embed.is-square:before
{
    padding-bottom: 100%;
}
.video-embed .video-embed-item
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-embed img.video-embed-item
{
    filter: blur(10px);
}
figure .uc-embedding-container
{
    margin-top: -56.25%;
    overflow: hidden;
}
figure .uc-embedding-container img
{
    -o-object-fit: contain!important;
    object-fit: contain!important;
}
.video-hint-container
{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0,25,60,.85);
    color: #fff;
}
.video-hint-container .video-hint
{
    padding: 1rem;
    max-width: 30rem;
}
@media(max-width: 480px)
{
    .video-hint-container .video-hint
    {
        font-size: .75rem;
    }
}
iframe+.video-hint-container
{
    display: none;
}