#commodity-show-title {
	background-color: blue;
}

#commodity-show-title:has(#commodit-show-subtitle) {
	background-color: purple;
}

#commodity-show-title:has(.link) {
	background-color: green;
}

#commodity-show-title:has(span) {
	background-color: red;
}

.availability-green>.availabilityclass-title {
	background-color: green;
}

.availability-orange>.availabilityclass-title {
	background-color: orange;
}

.availability-red>.availabilityclass-title {
	background-color: red;
}

.availability-yellow>.availabilityclass-title {
	background-color: yellow;
}

.availabilityclass {
	display: none;
}

.availabilityclass-title {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
	margin-left: 0;
	vertical-align: middle;
	text-indent: -9999px;
	background-color: grey;
}

.availabilityclass.active {
	display: block;
}

.availabilityclasses {
	display: none;
}

.availabilityclasses.active {
	display: block;
}

.availabilityclasses.active+#commodity-show-availability {
	display: none;
}

.form .form-input-wrap input:autofill {
	transition: background-color 1s 9999s;
}

.form .form-input-wrap input:autofill+.form-inlinelabel {
	z-index: 1;
}

.form .form-textarea-wrap textarea:autofill {
	transition: background-color 1s 9999s;
}

.form .form-textarea-wrap textarea:autofill+.form-inlinelabel {
	z-index: 1;
}

.slide-up {
	top: 40px;
}

.slide-up.wipe-in {
	top: 0;
}