@charset "UTF-8";
[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
	top: 2.25em;
  visibility: visible;
}
[data-tooltip]:before {
  z-index: 1001;
  border: 10px solid transparent;
  background: transparent;
  content: "";
}
[data-tooltip]:after {
  color: black;
  background-color: #f7f7f7;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  content: attr(data-tooltip);
  text-transform: none;
  font-size: 1em;
  line-height: 140%;
  padding: 1em;
  z-index: 1000;
	width: 20em;
}
/* "\00000A"*/
[data-tooltip]:before,
[data-tooltip]:after {
  bottom: 100%;
  left: 50%;
}
[data-tooltip]:before {
  margin-bottom: -20px;
}

.tooltip:before,
.tooltip:after {
  top: 100%;
  bottom: auto;
  left: 0%;
}
.tooltip:before {
  margin-top: -20px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #f7f7f7;
}

/**/