/* admonition */
:root {
    --admonition-border-width: 4px;
    --admonition-background-color: var(--base-white);
    --admonition-border-color: var(--color-border);
    --admonition-heading-color: var(--color-base-header);
    --admonition-text-color: var(--color-base-text);
    --admoniton-base-color: var(--gray-500);
}

.admonition, .admonitionblock {
	display: inline-flex;
	flex-direction: column;
	width: 100%;
	padding: var(--space-sm) var(--space-md);
	margin: var(--space-xs) 0;
	border-left: var(--admonition-border-width) solid var(--admonition-border-color);
	background: var(--admonition-background-color);
	color: var(--admonition-text-color);
	--admonition-border-color: var(--color-water);
	--admonition-background-color: var(--color-water-lighter);
	--admonition-heading-color: var(--color-water);
}

.admonition::before {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--admonition-border-width);
    height: 100%;
    background-color: var(--admoniton-base-color);
    border-top-left-radius: var(--roundness-base);
    border-bottom-left-radius: var(--roundness-base);
    content: "";
}

.admonition.water {
    --admoniton-base-color: var(--blue-500);
    --admonition-icon-color: var(--blue-500);
}

.admonition.grass {
    --admoniton-base-color: var(--green-500);
    --admonition-icon-color: var(--green-500);
}

.admonition.gold {
    --admoniton-base-color: var(--yellow-500);
    --admonition-icon-color: var(--yellow-500);
}

.admonition.lava {
    --admoniton-base-color: var(--red-500);
    --admonition-icon-color: var(--red-500);
}

.dark-section .admonition {
    --admonition-background-color: var(--gray-750);
    --admonition-border-color: var(--color-border-dark);
    --admonition-text-color: var(--color-alloy);
    --admonition-heading-color: var(--base-white);
}

.admonition.with-icon {
    flex-direction: row;
}

.admonition.with-icon .icon {
    font-size: var(--text-size-2xl);
    line-height: var(--text-leading-sm);
    margin-right: var(--text-margin-sm);
    color: var(--admonition-icon-color);
}

.admonitionblock table tr {
	display: flex;
	flex-direction: column;
}

.admonitionblock table td {
	padding: 0;
}

.admonition .admonition-title, .admonitionblock table .title {
    margin: 0;
    margin-bottom: var(--space-xs);
    color: var(--admonition-heading-color);
	font-size: var(--text-size-md);
	line-height: var(--text-leading-md);
	font-weight: var(--text-weight-bold);
}

.admonition .admonition-content, .admonitionblock table .content {
    color: inherit;
    margin: 0;
    line-height: var(--text-leading-md);
	padding: 0;
}

.admonition > *:first-child {
    padding-top: 0;
    margin-top: 0;
}

.admonition > *:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.admonition p {
    margin: 0;
}