@mixin tooltip---alter() {
}

@mixin tooltip() {
  display: block;
  word-wrap: break-word;
  margin: $tooltip-margin;
  opacity: $tooltip-opacity;
  z-index: $tooltip-z-index;
  @include tooltip---alter;
}

@mixin tooltip__arrow---alter() {
}

@mixin tooltip__arrow() {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent;
  border-style: solid;
  @include tooltip__arrow---alter;
}

@mixin tooltip__inner---alter() {
}

@mixin tooltip__inner() {
  max-width: $tooltip-max-width;
  padding: $tooltip-padding-y $tooltip-padding-x;
  color: $tooltip-color;
  text-align: center;
  background-color: $tooltip-bg;
  border-radius: $border-radius;
  @include tooltip__inner---alter;
}

@mixin tooltip--top---alter() {
}

@mixin tooltip--top() {
  padding: $tooltip-arrow-width 0;
  @include tooltip--top---alter;
}

@mixin tooltip__arrow--top() {
  left: 50%;
  bottom: 0;
  margin-left: -$tooltip-arrow-width;
  border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
  border-top-color: $tooltip-arrow-color;
}

@mixin tooltip--right---alter() {
}

@mixin tooltip--right($arrow-selector: '.tooltip__arrow') {
  padding: 0 $tooltip-arrow-width;
  @include tooltip--right---alter;
}

@mixin tooltip__arrow--right---alter() {
}

@mixin tooltip__arrow--right() {
  left: 0;
  top: 50%;
  margin-top: -$tooltip-arrow-width - 2;
  border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
  border-right-color: $tooltip-arrow-color;
  @include tooltip__arrow--right---alter;
}

@mixin tooltip--bottom---alter() {
}

@mixin tooltip--bottom() {
  padding: $tooltip-arrow-width 0;
  @include tooltip--bottom---alter;
}

@mixin tooltip__arrow--bottom---alter() {
}

@mixin tooltip__arrow--bottom() {
  top: 0;
  left: 50%;
  margin-left: -$tooltip-arrow-width - 2;
  border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
  border-bottom-color: $tooltip-arrow-color;
  @include tooltip__arrow--bottom---alter;
}

@mixin tooltip--left---alter() {
}

@mixin tooltip--left($arrow-selector: '.tooltip__arrow') {
  padding: 0 $tooltip-arrow-width;
}

@mixin tooltip__arrow--left---alter() {
}

@mixin tooltip__arrow--left() {
  right: 0;
  top: 50%;
  margin-top: -$tooltip-arrow-width;
  border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
  border-left-color: $tooltip-arrow-color;
  @include tooltip__arrow--left---alter;
}