/* Reserve the original dimensions before the external document loads. */
.drj-deferred-embed { position: relative; width: 100%; overflow: hidden; background: #26371f; }
.drj-deferred-video { aspect-ratio: 1080 / 608; }
.drj-deferred-map { height: 500px; }
.drj-deferred-embed .drj-embed-preview,
.drj-deferred-embed iframe.drj-embed-frame { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; border: 0; }
.drj-deferred-embed .drj-embed-preview { display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; font-family: Lato, Arial, sans-serif; }
.drj-embed-preview img { width: 100%; height: 100%; object-fit: cover; }
.drj-embed-play { position: absolute; display: grid; place-items: center; width: 68px; height: 48px; padding-left: 3px; border-radius: 12px; background: #26371f; color: #fff; font-size: 25px; line-height: 1; }
.drj-map-invitation { padding: 20px; font-size: 20px; text-decoration: underline; text-underline-offset: 4px; }
.drj-embed-preview:focus-visible { outline: 3px solid #ffd700; outline-offset: -6px; }
.drj-deferred-embed iframe.drj-embed-frame { visibility: hidden; }
.drj-deferred-embed.drj-embed-ready iframe.drj-embed-frame { visibility: visible; }
.drj-deferred-embed.drj-embed-ready .drj-embed-preview { display: none; }