.tempbox {
	border: 6px dashed var(--accent-200);
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top:70px;
	}

@media (min-width:768px) {	
	.tempboxinlet {
		border-right: 4px dashed var(--accent-200);
	}
}

@media (max-width:767px) {	
	.tempboxinlet {
		border-bottom: 4px dashed var(--accent-200);
		Padding-bottom:20px!important
	}
	
}

i {
	/*color: var(--textcolor-100);*/
	opacity: 0.7
}

/*h1 { color: var(--accent-200);word-break: break-word;}*/

.bg-primary-200 {background-color:var(--primary-200);}
.bg-secondary-200 {background-color:var(--secondary-200);}
.bg-tertiary-300 {background-color:var(--tertiary-300);}
.bg-tertiary-200 {background-color:var(--tertiary-200);}
.bg-tertiary-100 {background-color:var(--tertiary-100);}
.txt-accent-200 {color: var(--accent-200);}	
.txt-secondary-200 {color: var(--secondary-200);}	
a:hover {color: var(--secondary-300)!important;}
.ds-tertiary-300 {filter: drop-shadow(3px 3px 0px var(--tertiary-200));}

button {
	color: var(--primary-200)!important;
}

.txt-user {margin-top:-40px!important;}

button[wst="headlights"] span {
	&:nth-child(1) {color: #00169A !important;}
	&:nth-child(2) {color: #e028ff !important;}
	&:nth-child(3) {color: #fdff89 !important;}
}

button[wst="alice"] span {
	&:nth-child(1) {color: #a5deab !important;}
	&:nth-child(2) {color: #ffcd36 !important;}
	&:nth-child(3) {color: #ca154a !important;}
}

button[wst="lockedeyes"] span {
	&:nth-child(1) {color: #bd084f !important;}
	&:nth-child(2) {color: #ffee00 !important;}
	&:nth-child(3) {color: #12d7f9 !important;}
}

button[wst="gradient"] span {
	&:nth-child(1) {color: #d75069 !important;}
	&:nth-child(2) {color: #ebd1a7 !important;}
	&:nth-child(3) {color: #afe3c6 !important;}
}

button[wst="dots"] span {
	&:nth-child(1) {color: var(--b_high) !important;}
	&:nth-child(2) {color: var(--b_med) !important;}
	&:nth-child(3) {color: var(--b_inv) !important;}
}


.b-tertiary-300 {
	border: 3px solid var(--tertiary-300);
}