@layer widget{.widget-blog-post-video-with-caption{container-type:inline-size;width:100%}.widget-blog-post-video-with-caption figure{margin:0;padding:0}:is(.widget-blog-post-video-with-caption figure) .element-item-heading{margin-bottom:10px}:is(.widget-blog-post-video-with-caption figure) .element-video{aspect-ratio:1.778;display:block}:is(:is(.widget-blog-post-video-with-caption figure) .element-video) img{display:block;height:auto;width:100%}:is(.widget-blog-post-video-with-caption figure) figcaption{color:var(--ct-color);margin:0;margin-block:10px}:is(:is(.widget-blog-post-video-with-caption figure) figcaption) p{display:inline}:is(:is(.widget-blog-post-video-with-caption figure) figcaption) cite{color:var(--ct-subtle);display:inline;margin-left:.5em}.widget-blog-post-video-with-caption.narrow figure{display:flex}:is(.widget-blog-post-video-with-caption.narrow figure) .element-video{aspect-ratio:1.778;max-width:461px;width:100%}:is(.widget-blog-post-video-with-caption.narrow figure) figcaption{margin-left:30px;margin-block:0;max-width:730px;width:100%}@container (max-width: 580px){.widget-blog-post-video-with-caption.narrow figure{flex-direction:column}:is(.widget-blog-post-video-with-caption.narrow figure) figcaption{margin-left:0;margin-block:10px}}:is(.widget-blog-post-video-with-caption.wide figure) .element-video{aspect-ratio:1.778;max-width:100%}@media screen and (max-width:959px){:is(.widget-blog-post-video-with-caption.wide figure) .element-video{aspect-ratio:1.778}}}@layer module;
