/* html body.et-db #et-boc .et_builder_outer_content .et-l[class*="et-l--"] .et_builder_inner_content { */
html body {
	& p {
		& svg {
			display: inline;
			width: auto;
			max-height: 1em;
			vertical-align: middle;
		}

		& a {
			display: inline;
		}

		& mark {
			display: inline;
		}
	}

	& figure {
		display: block;
		margin: 0;
		padding-block: 1.2em;

		&:first-child {
			padding-block-start: 0;
		}

		&:last-child {
			padding-block-end: 0;
		}

		& figcaption {
			display: block;
			width: max-content;
			max-width: 100%;
			border: 0;
			border-radius: 0.25em;
			margin-block-start: -0.5em;
			margin-block-end: 0;
			margin-inline-start: auto;
			margin-inline-end: 1em;
			padding-block-start: 1em;
			padding-block-end: 0.75em;
			padding-inline: 1em;
			color: var(--color-base-background);
			background-color: var(--color-base-foreground);
			text-align: center;

			&:not(.visible) {
				display: none;
			}
		}
	}

	& img {
		display: block;
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		object-position: center;
		margin: 0;
		padding: 0;

		&.alignleft {
			float: left;
			margin-inline-end: 1em;
		}

		&.alignright {
			float: right;
			margin-inline-start: 1em;
		}

		&.aligncenter {
			display: block;
			margin-inline: auto;
		}

		&[class*="align"] {
			margin-block-end: 0.5em;

			&:last-child {
				margin-block-end: 0;
			}

			@media (max-width: 768px) {
				& {
					float: unset;
					display: block;
					margin-block: var(--size-20-40);
					margin-inline: auto;
				}
			}
		}
	}

	& svg {
		display: block;
		max-width: 100%;
		max-height: 100%;

		&:not([width]) {
			width: 0;
		}

		&:not([height]) {
			height: 0;
		}

		& * {
			transform-box: fill-box;
			transform-origin: center center;
			transition: var(--transition-color-fill), var(--transition-color-stroke);
		}
	}

	& a {
		/* display: block; */
		color: inherit;
		border-radius: 5px;
		transition: var(--transition-color-foreground), var(--transition-opacity);

		&:not([data-variant]) {
			&:hover {
				opacity: 0.75;
			}

			&:focus-visible,
			&:focus-within,
			&:active {
				opacity: 0.5;
			}
		}

		&:focus-visible,
		&:focus-within {
			outline: var(--outline-basis);
			outline-offset: var(--outline-off--);
		}

		&[data-variant~="light"] {
			color: var(--color-link-light-foreground);

			&:hover {
				color: var(--color-link-light-hover-----);
			}

			&:focus-visible,
			&:focus-within,
			&:active {
				color: var(--color-link-light-active----);
			}
		}

		&[data-variant~="dark"] {
			color: var(--color-link-dark-foreground);

			&:hover {
				color: var(--color-link-dark-hover-----);
			}

			&:focus-visible,
			&:focus-within,
			&:active {
				color: var(--color-link-dark-active----);
			}
		}
	}

	& blockquote {
		display: block;
		color: var(--color-quote-foreground);
		border-inline-start: 4px solid var(--color-quote-accent----);
		background-color: var(--color-quote-background);
		border-radius: 0;
		margin-block: var(--size-20-40);
		margin-inline: 0;
		padding-inline: var(--size-10-20);
		padding-block: var(--size-10-20);
	}

	& code {
		display: block;
		color: var(--color-code-foreground);
		background-color: var(--color-code-background);
		border-radius: 0;
		margin-block: var(--size-20-40);
		margin-inline: 0;
		padding-block: var(--size-10-20);
		padding-inline: var(--size-10-20);
	}

	& pre {
		box-sizing: border-box;
		display: block;
		overflow: auto;
		width: 100%;
		height: max-content;
		max-width: 100cqi;
		max-height: 600px;
		color: var(--color-code-foreground);
		background-color: var(--color-code-background);
		border-inline-start: 4px solid var(--color-code-accent----);
		margin-block: var(--size-20-40);
		margin-inline: 0;
		padding-block: var(--size-10-20);
		padding-inline: var(--size-10-20);
	}

	& mark {
		box-sizing: border-box;
		display: block;
		width: max-content;
		max-width: 100%;
		color: var(--color-code-foreground);
		background-color: var(--color-code-background);
		border-radius: 0.5em;
		margin-block: 1em;
		margin-inline: 0.25em;
		padding-block: 0.25em;
		padding-inline: 0.75em;
	}

	& details {
		& summary::-webkit-details-marker {
			display: none;
		}
	}

	& hr {
		display: block;
		height: 1px;
		border-radius: 100vw;
		margin-block: var(--size-20-40);
		background-color: var(--color-separator);
		transition: var(--transition-color-background);

		&:first-child {
			margin-block-start: 0;
		}

		&:last-child {
			margin-block-end: 0;
		}
	}

	/* MARK :: ELEMENT :: HELPERS */
	& {
		& .visually-hidden {
			opacity: 0;
			z-index: -1;
			color: transparent;
			position: absolute;
			pointer-events: none;
		}
	}
}