.MediaFrame{isolation:isolate;width:100%;position:relative;overflow:hidden}.MediaFrame--shimmer{background-color:rgb(35 35 35/var(--tw-bg-opacity));--tw-bg-opacity:.05}.MediaFrame--shimmer:before{content:"";z-index:-1;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);width:100%;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) infinite shimmer;position:absolute}@keyframes shimmer{0%{transform:translate(-100%)translateZ(0)}to{transform:translate(120%)translateZ(0)}}.MediaFrame__frame{width:100%;height:100%}@supports not (aspect-ratio:1/1){.MediaFrame__frame{padding-top:var(--padding-ratio)}}.MediaFrame--ratio-portland .MediaFrame__frame{--padding-ratio:calc(4 / 3 * 100%);aspect-ratio:3/4}@media (min-width:800px){.MediaFrame--ratio-portland .MediaFrame__frame{--padding-ratio:calc(9 / 16 * 100%);aspect-ratio:16/9}}@supports not (aspect-ratio:1/1){.MediaFrame__canvas{position:absolute;top:0;left:0}}.MediaFrame__canvas{width:100%;height:inherit}.MediaFrame--ratio-portrait{--padding-ratio:calc(4 / 3 * 100%);aspect-ratio:3/4}.MediaPicture{height:inherit;opacity:1;display:block}.MediaPicture__el{width:100%;height:inherit;content-visibility:auto;display:block}.MediaPicture.has-transition .MediaPicture__el{opacity:0;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.MediaPicture.has-loaded .MediaPicture__el{opacity:1}.MediaPictureFrame__observer{height:inherit}