/* -----------------------------------------------------------------------------
Genesis Block: Definition

@since 0.0.7
----------------------------------------------------------------------------- */

:root {
	--definition-max-width: 640px;
	--definition-colour: var(--secondaryaccent);
	--definition-shadow: 0 0 17px rgba(0, 0, 0, 0.16);
}

.mtw-block-definition {
	margin: 4rem auto;
}

.mtw-block-definition--wrapper {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(2, auto);
	gap: 1rem;
	border-top: 9px solid var(--definition-colour);
	border-radius: 11px;
	box-shadow: var(--definition-shadow);
	padding: 1.75rem 1.5rem;
	max-width: var(--definition-max-width);
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.mtw-block-definition--title-row {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
}

.mtw-block-definition--icon {
	width: 14px;
	height: auto;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAyLjk2NyAzMDIuOTY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDIuOTY3IDMwMi45Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMTAwMDI7IiBkPSJNMTUxLjQ4MywzMDIuOTY3QzY3Ljk1NiwzMDIuOTY3LDAsMjM1LjAxNywwLDE1MS40ODNTNjcuOTU2LDAsMTUxLjQ4MywwDQoJCQkJczE1MS40ODMsNjcuOTU2LDE1MS40ODMsMTUxLjQ4M1MyMzUuMDE3LDMwMi45NjcsMTUxLjQ4MywzMDIuOTY3eiBNMTUxLjQ4MywyNC40MTZjLTcwLjA2NiwwLTEyNy4wNjcsNTcuMDAxLTEyNy4wNjcsMTI3LjA2Nw0KCQkJCXM1Ny4wMDEsMTI3LjA2NywxMjcuMDY3LDEyNy4wNjdzMTI3LjA2Ny01Ny4wMDEsMTI3LjA2Ny0xMjcuMDY3UzIyMS41NTUsMjQuNDE2LDE1MS40ODMsMjQuNDE2eiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPGc+DQoJCQkJPHBhdGggc3R5bGU9ImZpbGw6IzAxMDAwMjsiIGQ9Ik0xMTYuNTg2LDExOC4xMmMxLjc5NS00LjYwNyw0LjI5Ny04LjU4OCw3LjUxMS0xMS45NjFjMy4yMjUtMy4zODksNy4xMTQtNi4wMTYsMTEuNjY3LTcuODk4DQoJCQkJCWM0LjU0Ny0xLjkwNCw5LjYzMy0yLjg0NSwxNS4yNjItMi44NDVjNy4yNjEsMCwxMy4zMiwwLjk5NSwxOC4xODMsMi45OTdjNC44NTcsMS45OTYsOC43NjgsNC40ODIsMTEuNzM4LDcuNDQxDQoJCQkJCWMyLjk2NCwyLjk3LDUuMDkxLDYuMTY4LDYuMzY5LDkuNTg0YzEuMjczLDMuNDMyLDEuOTE1LDYuNjM2LDEuOTE1LDkuNTk1YzAsNC45MDEtMC42NDIsOC45NDctMS45MTUsMTIuMTE4DQoJCQkJCWMtMS4yNzgsMy4xNzEtMi44NjYsNS44OC00Ljc1OSw4LjEzMWMtMS44OTgsMi4yNTItMy45ODcsNC4xNzItNi4yOTMsNS43NTVjLTIuMjk1LDEuNTg4LTQuNDcxLDMuMTcxLTYuNTE2LDQuNzU5DQoJCQkJCWMtMi4wNDUsMS41ODMtMy44NjIsMy4zOTQtNS40NDUsNS40MzljLTEuNTg4LDIuMDQtMi41ODksNC42MDEtMi45OTEsNy42NjR2NS44MzFIMTQwLjZ2LTYuOTA4DQoJCQkJCWMwLjMwNS00LjM5NSwxLjE1My04LjA3MiwyLjUyOS0xMS4wMzZjMS4zODItMi45NjQsMi45OTEtNS40OTksNC44My03LjU5OGMxLjg0NC0yLjA4OSwzLjc4Ni0zLjkxMSw1LjgzNi01LjQ0NQ0KCQkJCQljMi4wNC0xLjUzOSwzLjkyNy0zLjA3Myw1LjY3My00LjU5MWMxLjczLTEuNTQ1LDMuMTQ0LTMuMjI1LDQuMjIxLTUuMDY5YzEuMDcxLTEuODMzLDEuNTU2LTQuMTUsMS40NTItNi45MDgNCgkJCQkJYzAtNC43MDUtMS4xNDgtOC4xOC0zLjQ1NC0xMC40MjdjLTIuMjk1LTIuMjU3LTUuNDkzLTMuMzc4LTkuNTg5LTMuMzc4Yy0yLjc1OCwwLTUuMTM0LDAuNTMzLTcuMTMxLDEuNjA1DQoJCQkJCXMtMy42MjgsMi41MTMtNC45MTEsNC4zMDJjLTEuMjc4LDEuNzk1LTIuMjI1LDMuODk0LTIuODM0LDYuMjg4Yy0wLjYxNSwyLjQxNS0wLjkxOSw0Ljk4Mi0wLjkxOSw3Ljc1NmgtMjIuNTUNCgkJCQkJQzExMy44NSwxMjcuNzg1LDExNC43OTEsMTIyLjczMiwxMTYuNTg2LDExOC4xMnogTTE2Mi41MzYsMTgzLjkzOHYyMy42MTZoLTI0LjA5di0yMy42MTZIMTYyLjUzNnoiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	animation: pulse 3s infinite;
}

@media screen and (min-width: 544px) {
	.mtw-block-definition--icon {
		width: 16px;
	}
}

.mtw-block-definition--title {
	text-align: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
}

@media screen and (min-width: 544px) {
	.mtw-block-definition--title {
		font-size: 16px;
	}
}

.mtw-block-definition--description {
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
}

@media screen and (min-width: 544px) {
	.mtw-block-definition--description {
		font-size: 16px;
	}
}

.mtw-block-definition--description p {
	text-align: left;
}

.mtw-block-definition--description p:last-of-type {
	margin-bottom: 0 !important;
}

@keyframes pulse {
	0,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.33);
	}
}