.tooltip {
  background-color: #404040;
  border-radius: 0.4rem;
  box-sizing: border-box;
  color: #fff;
  display: none;
  font-size: 0.8rem;
  margin: 0;
  max-width: 10rem;
  padding: 0.6rem;
  position: fixed; }

.tooltip_bottom:after,
.tooltip_left:after,
.tooltip_top:after,
.tooltip_right:after {
  background-color: #404040;
  border-bottom-right-radius: 1rem;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 0.5rem;
  position: absolute;
  width: 0.5rem; }

.tooltip_bottom:after {
  left: 50%;
  top: -0.25rem;
  transform: translateX(-50%) rotate(45deg); }

.tooltip_left:after {
  right: -0.25rem;
  top: 50%;
  transform: translateY(-50%) rotate(135deg); }

.tooltip_right:after {
  left: -0.25rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg); }

.tooltip_top:after {
  bottom: -0.25rem;
  left: 50%;
  transform: translateX(-50%) rotate(225deg); }

.tooltip_screen-top,
.tooltip_screen-bottom {
  max-width: 100%;
  width: 100%; }

.tooltip_screen-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.tooltip_screen-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/*# sourceMappingURL=aria-tooltip.css.map */
