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

		& figure {
			width: 100%;

			& * {
				min-width: 0;
				width: 100%;
			}
		}
		& .wp-block-site-logo {
			width: 100%;

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

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

			& figure {
				height: 100%;

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

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