.FormBubble {
  font-weight: 700;
  display: inline-block;
}

.FormBubble svg {
  display: block;
}

.FormBubble--errors {
  color: var(--colorErrorsDefault);
}

.FormBubble-content {
  position: absolute;
  right: -.7em;
  bottom: calc(100% + .6em);
  opacity: 0;
  display: block;
  transform-origin: right bottom;
  transform: scale(0);
  transition: var(--animationBase);
  color: #fff;
  font-size: .7em;
  font-weight: 600;
  width: 13em;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  padding: .7em .5em;
  text-align: center;
}

.FormBubble-content:after {
  content: ' ';
  display: block;
  position: absolute;
  right: .86em;
  top: 100%;
  border: .6em solid;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.FormBubble--errors .FormBubble-content {
  color: var(--colorErrorsDefault);
  background: hsl(var(--colorErrorsDefault-h), calc(var(--colorErrorsDefault-s) * 1%), calc(var(--colorErrorsDefault-l) * 2.2 * 1%));
}

.FormBubble--errors .FormBubble-content:after {
  border-color: hsl(var(--colorErrorsDefault-h), calc(var(--colorErrorsDefault-s) * 1%), calc(var(--colorErrorsDefault-l) * 2.2 * 1%)) transparent transparent transparent;
}

.FormBubble:hover .FormBubble-content {
  opacity: 1;
  transform: scale(1);
}

/*# sourceMappingURL=form-bubble.min.css.map */