@layer base {
	[data-imaged] {
		& figure {
			width: 100%;

			& * {
				min-width: 0;
				width: 100%;
			}
		}

		&[data-imaged=''] {
			& figure {
				height: auto;

				& * {
					height: auto;
				}
			}
		}

		&[data-imaged='cover'] {
			& figure {
				height: 100%;

				& * {
					height: 100%;
				}
			}
		}
	}
}

[data-imaged] {
	& .components-resizable-box__container {
		width: 100% !important;
		max-width: none !important;
		max-height: none !important;
	}

	& .wp-block-site-logo {
		width: 100%;

		& .custom-logo-link {
			width: 100%;
		}
	}

	&[data-imaged=''] {
		& .components-resizable-box__container {
			height: auto !important;
		}

		& .wp-block-site-logo {
			height: auto;

			& .custom-logo-link {
				height: auto;
			}
		}
	}

	&[data-imaged='cover'] {
		& .components-resizable-box__container {
			height: 100% !important;
		}

		& .wp-block-site-logo {
			height: 100%;

			& .custom-logo-link {
				height: 100%;
			}
		}
	}
}