.media-frame{background:#eef1f4;min-width:0;position:relative;overflow:hidden}.media-frame[data-state=ready]{background:0 0}.media-frame>img{opacity:0;width:100%;height:100%;transition:opacity .2s;display:block}.media-frame[data-state=ready]>img{opacity:1}.media-frame:not([style*=aspect-ratio])>img{height:auto}.media-frame:not([style*=aspect-ratio])[data-state=waiting]{min-height:var(--media-wait-min,120px)}.media-frame-wait{opacity:0;background:linear-gradient(100deg,#eef1f4 30%,#f8fafb 50%,#eef1f4 70%) 0 0/220% 100%;animation:0s .3s forwards media-frame-show,1.5s ease-in-out .3s infinite media-frame-sweep;position:absolute;inset:0}.media-frame-retry,.media-frame-broken{color:#6b7785;background:#eef1f4;border:0;border-radius:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:absolute;inset:0}.media-frame-retry{cursor:pointer}.media-frame-retry:hover{color:#0c1d31}@keyframes media-frame-show{to{opacity:1}}@keyframes media-frame-sweep{0%{background-position:120% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.media-frame-wait{animation:0s .3s forwards media-frame-show}.media-frame>img{transition:none}}.media-frame>img.media-frame-placeholder{opacity:1}.media-frame[data-state=preview]{background:0 0}.media-frame[data-state=preview]>img:not(.media-frame-placeholder),.media-frame[data-state=waiting]>img.media-frame-placeholder~img{height:100%;position:absolute;inset:0}