/**
Extras content
**/

.extras-container * {
	color: white;
	font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.extras-container h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	unicode-bidi: isolate;
}

.extras-container h3 {
	display: block;
	font-size: 1.17em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	unicode-bidi: isolate;
}

.extras-container h4 {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	unicode-bidi: isolate;
}

.extras-paragraph {
	text-align: center;
	padding: 12px 30px;
	overflow: scroll;
}

.extras-paragraph-alert {
	text-align: center;
	padding: 10px 15px;
	background-color: #eb77372e;
	border: 1px solid white;
	border-radius: 20px;
}

.extras-heading {
	text-align: center;
	margin: 25px auto;
}

h2.extras-heading {
	font-size: 14pt;
}

.extras-divided-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	padding: 0 15px;
	height: 60px;
	background-color: #ffffff1a;
	border: 2px solid white;
	border-radius: 20px;
	margin-bottom: 20px;
}

.extras-divided-text.--extra-tip {
	flex-direction: column !important;
	height: initial;
}

.extras-box-badge-container {
	display: flex;
	column-gap: 15px;
	justify-content: space-between;
	margin: 30px auto;
}

.extras-box-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #ffffff1a;
	color: #fff;
	padding: 15px 25px;
	border: 2px solid white;
	border-radius: 20px;
}

.extras-tabs {
	background-color: #ffffff1a;
	overflow: hidden;
	border: 2px solid white;
	border-radius: 20px;
	display: flex;
}

.extras-tabs .extras-tabs-heading {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	border-bottom: 2px solid white;
}

.extras-tabs .extras-tabs-heading h3 {
	padding: 8px;
	margin: 0;
	transition: background-color 0.16s ease;
	width: 100%;
	text-align: center;
}

.extras-tabs .extras-tabs-heading h3.active {
	background-color: #eb773780;
}

.extras-tabs-body {
	padding: 15px 25px;
}

.extras-tabs-body-content.shown {
	display: block;
}