.extras {
	width: 570px;
	margin-left: 50%;
	transform: translateX(-50%);
	top: 100px;
}

.extrasList {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 1px 15px #dcdcdc;
}

.extra {
	width: calc(100% - 50px);
	padding: 25px;
	transition: 100ms transform, 50ms background-color;
	-webkit-user-select: none;
	user-select: none;
	border-radius: 10px 10px 0px 0px;
}

.extra:hover {
	cursor: pointer;
}

.extra:not(:last-child) {
	border-bottom: 1px solid #d1d1d1;
}

.extra p {
	display: inline-block;
	width: fit-content;
	margin: 0px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 23px;
}

.extras h3 {
	font-size: 2rem;
	font-family: "Century Gothic Bold";
	margin: 20px 0px;
}

.checkbox .check {
	width: 18px;
	transform: translateY(2px);
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(3deg) brightness(100%) contrast(104%);
}

.checkbox {
	display: inline-block;
	width: fit-content;
	border: 1px solid rgb(86, 86, 86);
	padding: 4px 5px;
	border-radius: 10px;
	transition: 50ms background-color, 50ms transform;
}

.extra[checked] {
	background-color: #f5fcff;
}

.extra[checked] .checkbox {
	background-color: #569cb9;
	border: 1px solid #569cb9;
	transform: scale(1.1);
}