/* Content element r2_iframe — external URL embed (aspect ratio or fixed height) */

/*### //# Shared ###*/
.frame-type-r2_iframe .layout{ position:relative; }
.frame-type-r2_iframe iframe{
    display:block; width:100%;
    border-color:rgb(var(--rgb_color_value_background_light)); border-style:solid; border-width:0;
}
.frame-type-r2_iframe .layout:not(.layout_borderless):not(.layout_unframed) iframe{ border-width:1px; border-radius:16px; }
.frame-type-r2_iframe .layout_borderless:not(.layout_unframed) iframe{ border-width:1px 0; }

/*### //# Aspect ratio — padding box + absolute fill ###*/
.frame-type-r2_iframe .layout_aspect{ height:0; overflow:hidden; }
.frame-type-r2_iframe .layout_aspect iframe{ position:absolute; left:0; top:0; height:100%; }
.frame-type-r2_iframe .layout_3-1{ padding-bottom:33.33%; }
.frame-type-r2_iframe .layout_2-1{ padding-bottom:50%; }
.frame-type-r2_iframe .layout_16-9{ padding-bottom:56.25%; }
.frame-type-r2_iframe .layout_1-1{ padding-bottom:100%; }

@media screen and (max-width:532px){
    .frame-type-r2_iframe .layout_aspect.layout_3-1,
    .frame-type-r2_iframe .layout_aspect.layout_2-1,
    .frame-type-r2_iframe .layout_aspect.layout_16-9{ padding-bottom:150%; }
}

/*### //# Fixed height — normal flow; pixel height from HTML height attribute (no CSS height) ###*/