.media{border-radius:.5em;width:100%;position:relative}.aspect-ratio{padding-top:133.333%}.cover-media{border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.cover-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.cover-video{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.cover-placeholder{text-align:center;border-radius:inherit;background-color:#80808026;justify-content:center;align-items:center;width:100%;height:100%;padding:1em;display:flex;position:absolute;top:0;left:0;container-type:inline-size}.cover-placeholder__p{margin-bottom:0;font-size:5cqw}[data-media-init][data-media-status=playing] .cover-image,[data-media-init][data-media-status=loading] .cover-image{opacity:0;visibility:hidden}[data-media-init] .cover-image{transition:opacity .3s linear,visibility .3s linear}[data-aspect-ratio="5:4"]{padding-top:80%}[data-aspect-ratio="4:3"]{padding-top:75%}[data-aspect-ratio="3:2"]{padding-top:66.66%}[data-aspect-ratio="16:9"]{padding-top:56.25%}[data-aspect-ratio="1:1"]{padding-top:100%}[data-aspect-ratio="4:5"]{padding-top:125%}[data-aspect-ratio="3:4"]{padding-top:133.33%}[data-aspect-ratio="2:3"]{padding-top:150%}[data-aspect-ratio="9:16"]{padding-top:177.77%}