@charset "UTF-8";

div[data-brand=local] {
	--zip-font-family: Arial, Helvetica, sans-serif;
	--zip-button-color: #a6d118;
	--zip-button-text-color: #383838;
	--zip-button-hover-color: #76950f;
	--zip-button-border-radius: 10px;
	--zip-error-color: #c30c14;
	--zip-border-radius: 14px;
	--zip-border-color: #c6c7c8;
	--zip-border-width: 2px;
}

div[data-brand=amigoenergy] {
	--zip-font-family: lato, sans-serif;
	--zip-button-color: #a6d118;
	--zip-button-text-color: #383838;
	--zip-button-hover-color: #76950f;
	--zip-button-border-radius: 10px;
	--zip-error-color: #c30c14;
	--zip-border-radius: 14px;
	--zip-border-color: #c6c7c8;
	--zip-border-width: 2px;
	--tooltip-bg-color: #4a97f0;
}

div[data-brand=taraenergy] {
	--zip-font-family: "Muli", sans-serif;
	--zip-button-color: #ef3d43;
	--zip-button-text-color: #fff;
	--zip-button-hover-color: #f30f16;
	--zip-button-border-radius: 3px;
	--zip-error-color: #ef3d43;
	--zip-border-radius: 5px;
	--zip-border-color: #333;
	--zip-border-width: 1px;
	--tooltip-bg-color: #ef3d43;
}

div[data-brand=justenergy] {
	--zip-font-family: azo-sans-web, sans-serif;
	--zip-button-color: #f2b749;
	--zip-button-text-color: #062f6e;
	--zip-button-hover-color: #f0a822;
	--zip-button-border-radius: 40px;
	--zip-error-color: #c30c14;
	--zip-border-radius: 40px;
	--zip-border-color: #c6c7c8;
	--zip-border-width: 2px;
	--tooltip-bg-color: #75ab00;
}

div[data-brand=justenergy] form input[type=text] {
	color: var(--zip-button-text-color);
}

div[data-brand=justenergy] form input[type=text]::placeholder {
	font-weight: 600;
	color: var(--zip-button-text-color);
}

div.je-global-zip-lookup, div.refer-form {
	font-family: var(--zip-font-family);
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}
	
	to {
		transform: rotate(360deg);
	}
}