/* ==========================================================================
   Embed frame

   A third party's page, held in a box this theme decides the shape of. The
   src has already been read out of whatever an editor pasted and checked
   against a host allowlist — see tfs_parse_financing_src() — so by the time
   anything reaches this file the only untrusted thing left is the layout.

   The ratio is one of theme.json's own aspect tokens, chosen on the options
   screen: an application form has no natural shape, and none of the three
   would be a good guess for all of them. The form scrolls inside the frame
   whichever is picked, so the wrong choice costs a scroll, not an answer.
   ========================================================================== */

.tfs-embed {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: var(--wp--preset--color--surface);
	border: var(--wp--custom--hairline);
	border-radius: var(--wp--custom--radius);
}

.tfs-embed--portrait {
	aspect-ratio: var(--wp--custom--aspect--portrait);
}

.tfs-embed--silo {
	aspect-ratio: var(--wp--custom--aspect--silo);
}

.tfs-embed--room {
	aspect-ratio: var(--wp--custom--aspect--room);
}

.tfs-embed__frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}