/* Content element r2_video — embed and self-hosted video */

.frame-type-r2_video .embeddedvideo{ position:relative; }
.frame-type-r2_video .aspect-ratio-16-9{ position:relative; height:0; overflow:hidden; padding-bottom:56.25%; }
.frame-type-r2_video .aspect-ratio-24-10{ position:relative; height:0; overflow:hidden; padding-bottom:41.66666667%; }

    .frame-type-r2_video iframe,
    .frame-type-r2_video .local-video{
        position:absolute; top:0; left:0; width:100%; height:100%;
    }


    /* .frame-type-r2_video .consent{ } */
        .frame-type-r2_video .placeholder{
            cursor:pointer;
        }
        .frame-type-r2_video .local-video-wrapper .placeholder,
        .frame-type-r2_video .bunny-video-wrapper .placeholder,
        .frame-type-r2_video .youtube-video-wrapper .placeholder,
        .frame-type-r2_video .vimeo-video-wrapper .placeholder{
            display:block; width:100%; height:100%;
            position:absolute; top:0; left:0;
            margin:0; padding:0; border:0;
            background:transparent;
        }
        .frame-type-r2_video .placeholder::after{
            content:""; position:absolute; left:50%; top:50%; height:100%; width:15%;  transform:translate(-50%, -50%);
            background-image: url('data:image/svg+xml;utf8,<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle cx="8" cy="8" fill="%23fff" r="8"/><circle cx="8" cy="8" fill="%23000" r="7"/><path d="m8.37888611 4.28125 3.03108889 5.25c.1208123.20925302.0491169.4768238-.1601361.5976361-.0665084.0383987-.1419527.0586139-.21875.0586139h-6.06217781c-.24162458 0-.4375-.19587542-.4375-.4375 0-.07679729.02021524-.1522416.05861388-.21875l3.03108892-5.25c.12081228-.20925302.38838309-.2809484.59763611-.16013611.0665084.03839864.12173747.09362771.16013611.16013611z" fill="%23fff" transform="matrix(0 1 -1 0 16 0)"/></g></svg>');
            background-size:contain; background-repeat:no-repeat; background-position:center;
            opacity:0.3; pointer-events:none;
        }
        .frame-type-r2_video .placeholder:hover::after{ width:14%; opacity:0.6; transition: all 0.3s; }

            .frame-type-r2_video .placeholder img{
                display:block; width:100%; height:100%; object-fit:cover;
                transition:transform 0.3s ease;
            }
            .frame-type-r2_video .placeholder:hover img,
            .frame-type-r2_video .placeholder:focus-visible img{ transform:scale(1.02); }
            .frame-type-r2_video .placeholder--neutral{
                background:rgb(var(--rgb_color_value_3));
                min-height:100%;
            }
            .frame-type-r2_video .consent figcaption{
                position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.2); color:#fff; padding:10px;
                font-size:var(--font-size-s-2); line-height:var(--line-height-s-2);
            }
                .frame-type-r2_video .consent figcaption a{ color:#fff; }

    /*### //# Local video (active state) ###*/
    .frame-type-r2_video .local-video-wrapper .consent,
    .frame-type-r2_video .bunny-video-wrapper .consent,
    .frame-type-r2_video .youtube-video-wrapper .consent,
    .frame-type-r2_video .vimeo-video-wrapper .consent{
        position:absolute; top:0; left:0; width:100%; height:100%;
    }
    .frame-type-r2_video .local-video-wrapper.is-local-video-active .placeholder{ display:none; }
    .frame-type-r2_video .local-video[hidden]{ display:none; }
    .frame-type-r2_video .local-video-wrapper.is-local-video-active .local-video{
        display:block; object-fit:contain; background:#000;
    }

@media (prefers-reduced-motion:reduce){
    .frame-type-r2_video .placeholder img{ transition:none; }
}