form .error {
  background-color: #e84a4a;
  border: none;
  border-radius: 0;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: white;
  font-family: 'Poppins Regular';
  font-size: 14px;
    inline-size: 200px;
	left: 105%;
	line-height: 25px;
	margin-left: -1px;
  padding: 0 5px;
  position: absolute;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: transform, opacity, left;
	transition-duration: .5s, .5s, 0s;
	transition-delay: 0s, 0s, .5s;
	-webkit-transition-property: -webkit-transform, opacity, left;
	-webkit-transition-duration: .5s, .5s, 0;
	-webkit-transition-delay: 0, 0, .5s;
  text-shadow: none;
	top: 36px;
	z-index: 10;
}

form select + .error {
	top: 8px;
}

form .error.hide {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
  opacity: 0;
}

/* Move off screen so the user can click-through */
form .error.hide.dismiss {
	left: -9999px;
}

form .error:before {
    border: 9px solid;
    border-color: transparent #e84a4a transparent transparent;
	content: '\00A0';
    display: inline-block;
	height: 0;
    margin: 4px 0 0 -21px;
    position: absolute;
	width: 0;
}

label,
fieldset {
	display: block;
	position: relative;
	width: 100%;
}

form > .error {
	position: static;
}

form > .error:before {
	top: 100%;
	margin: 0 0 0 -9px;
	border-color: #e84a4a transparent transparent transparent;
	left: 50%;
}

form > .explainer-text-error {
    color: #e84a4a;
}

@media (max-width: 768px) {
    form .error {
        display: block;
        float: right;
        height: auto;
        left: 0;
        margin: -10px 0 0 0;
        position: absolute;
        text-align: center;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        white-space: normal;
        width: 100%;
    }
    form .error.hide {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    form .error.inline {
        position: relative;
    }
    form .error:before {
        top: -18px;
        margin: 4px 0 0 -9px;
        border-color: transparent transparent #e84a4a transparent;
        left: 50%;
    }
}