body {
	margin: 0 0 0 0;
	background-color: var(--ec-theme-light-gray-color, #eaeaea);
	color: var(--ec-theme-black-color, rgb(15, 15, 15));
}
#demo-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: auto;
	width: 524px;
	margin: 0 0 0 0;
}
#myCanvas {
	border: 2px solid var(--ec-theme-black-color, rgb(15, 15, 15));
	margin: 0 auto 0 auto;
}
.slider {
	-webkit-appearance: none;
	appearance: none;
	width: 500px;
	height: 15px;
	background: var(--ec-theme-gray-color, #cacaca);
	outline: none;
	margin: 12px auto 12px auto;
	z-index: 9999;
}
#alpha-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 3px;
	height: 336px;
	background: #cf489d;
	cursor: pointer;
	z-index: 9999;
	margin-top: 307px;
}
#alpha-slider::-moz-range-thumb {
	width: 3px;
	height: 336px;
	background: #cf489d;
	cursor: pointer;
	z-index: 9999;
	transform: translateY(154px);
	border: none;
}
#p-slider {
	margin-top: 11px;
}
#p-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 6px;
	height: 26px;
	cursor: pointer;
	background: #62b851;
}
#p-slider::-moz-range-thumb {
	width: 6px;
	height: 26px;
	background: #62b851;
	cursor: pointer;
	border: none;
}
.label-container {
	width: 100%;
	height: 30px;
	margin: auto;
	margin-bottom: -5px;
	line-height: 30px;
	color: var(--ec-theme-black-color, rgb(15, 15, 15));
	font-size: 30px;
	font-family: "Times New Roman", Times, serif;
	position: relative;
}
#alpha-label {
	margin: 0 0 0 0;
	height: 100%;
	position: absolute;
	left: 350px;
	width: 24px;
	text-align: center;
}
#tick-mark-wrap {
	position: relative;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
	margin: 5px auto 0 auto;
	color: var(--ec-theme-black-color, rgb(15, 15, 15));
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
#zero-tick {
	position: absolute;
	left: 0;
	width: 24px;
	margin: 0 0 0 0;
}
#one-tick {
	position: absolute;
	right: 0;
	width: 24px;
	margin: 0 0 0 0;
}
#p-nought-tick {
	width: 50px;
	margin: 0 auto 0 auto;
}
#p-label-container {
	margin: 0 0 0 0;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
}
#p-label {
	margin: 3px 0 0 0;
	height: 100%;
	position: absolute;
	left: 400px;
	width: 24px;
	text-align: center;
}
#n-label {
	color: var(--ec-theme-black-color, rgb(15, 15, 15));
	text-align: center;
	margin: 35px auto 5px auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
}
#n-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 6px;
	height: 26px;
	cursor: pointer;
	background: #714aa1;
}
#n-slider::-moz-range-thumb {
	width: 6px;
	height: 26px;
	background: #714aa1;
	cursor: pointer;
	border: none;
}
.check-container {
	width: 500px;
	margin: auto;
	height: 30px;
	position: relative;
	margin-top: 40px;
}
.checkbox {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 0 0 0;
	height: 30px;
	width: 30px;
	padding: 0 0 0 0;
	outline: none;
	background-color: var(--ec-theme-gray-color, #cacaca);
	border: 5px solid var(--ec-theme-gray-color, #cacaca);
	cursor: pointer;
}
.probability-text {
	position: absolute;
	text-align: left;
	right: 0;
	top: 0;
	margin: 0 0 0 0;
	width: 440px;
	height: 30px;
	line-height: 30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}
#null-false-container {
	margin-top: 20px;
}
#null-true-button.selected {
	background-color: #2a6bbf;
}
#null-false-button.selected {
	background-color: #62b851;
}