.wb-tooltip {
  position: relative;
}
.wb-tooltip__target {
  display: inline-block;
  cursor: pointer;
}
.wb-tooltip__content {
  color: var(--wb-tooltip__color, inherit);
  font-family: var(--wb-tooltip__font-family, inherit);
  font-size: var(--wb-tooltip__font-size, inherit);
  font-style: var(--wb-tooltip__font-style, inherit);
  font-weight: var(--wb-tooltip__font-weight, inherit);
  line-height: var(--wb-tooltip__line-height, inherit);
  letter-spacing: var(--wb-tooltip__letter-spacing, inherit);
  text-transform: var(--wb-tooltip__text-transform, inherit);
  text-align: var(--wb-tooltip__text-align, inherit);
  opacity: var(--wb-tooltip__opacity, inherit);
  padding-top: var(--wb-tooltip__bezel-top, var(--wb-tooltip__bezel, var(--wb-ds-space--s, 1rem)));
  padding-right: var(--wb-tooltip__bezel-right, var(--wb-tooltip__bezel, var(--wb-ds-space--s, 1rem)));
  padding-bottom: var(--wb-tooltip__bezel-bottom, var(--wb-tooltip__bezel, var(--wb-ds-space--s, 1rem)));
  padding-left: var(--wb-tooltip__bezel-left, var(--wb-tooltip__bezel, var(--wb-ds-space--s, 1rem)));
  --wb-tooltip__box-shadow--value: var(--wb-tooltip__box-shadow, var(--wb-ds-border-is-box-shadow));
  --wb-tooltip__border-width--value: var(--wb-tooltip__border-width, var(--wb-ds-border-width--default));
  --wb-tooltip__border-color--value: var(--wb-tooltip__border-color, var(--wb-ds-color-border--default));
  --wb-tooltip__blur-radius--value: var(--wb-tooltip__blur-radius, var(--wb-ds-border-blur-radius--default, 0));
  --wb-tooltip__spread-radius--value: var(--wb-tooltip__spread-radius, var(--wb-ds-border-spread-radius--default, 0));
  --wb-tooltip__box-shadow-top--value: var(--wb-tooltip__box-shadow-top, inset 0px var(--wb-tooltip__border-width--value) var(--wb-tooltip__blur-radius--value) var(--wb-tooltip__spread-radius--value) var(--wb-tooltip__border-color--value));
  --wb-tooltip__box-shadow-right--value: var(--wb-tooltip__box-shadow-right, inset calc(var(--wb-tooltip__border-width--value) * -1) 0px var(--wb-tooltip__blur-radius--value) var(--wb-tooltip__spread-radius--value) var(--wb-tooltip__border-color--value));
  --wb-tooltip__box-shadow-bottom--value: var(--wb-tooltip__box-shadow-bottom, inset 0px calc(var(--wb-tooltip__border-width--value) * -1) var(--wb-tooltip__blur-radius--value) var(--wb-tooltip__spread-radius--value) var(--wb-tooltip__border-color--value));
  --wb-tooltip__box-shadow-left--value: var(--wb-tooltip__box-shadow-left, inset var(--wb-tooltip__border-width--value) 0px var(--wb-tooltip__blur-radius--value) var(--wb-tooltip__spread-radius--value) var(--wb-tooltip__border-color--value));
  box-shadow: var(--wb-tooltip__box-shadow--value, var(--wb-tooltip__box-shadow-left--value), var(--wb-tooltip__box-shadow-right--value), var(--wb-tooltip__box-shadow-top--value), var(--wb-tooltip__box-shadow-bottom--value));
  border-top: var(--wb-tooltip__border-top, var(--wb-tooltip__border, var(--wb-ds-border-is-border)));
  border-right: var(--wb-tooltip__border-right, var(--wb-tooltip__border, var(--wb-ds-border-is-border)));
  border-bottom: var(--wb-tooltip__border-bottom, var(--wb-tooltip__border, var(--wb-ds-border-is-border)));
  border-left: var(--wb-tooltip__border-left, var(--wb-tooltip__border, var(--wb-ds-border-is-border)));
  border-radius: var(--wb-tooltip__border-radius, var(--wb-ds-border-radius--default));
  outline: var(--wb-tooltip__outline, var(--wb-ds-border-is-outline));
  transition: var(--wb-tooltip__transition);
  background: var(--wb-tooltip__background, var(--wb-ds-color-background--default, initial));
  z-index: var(--wb-ds-zindex--element);
  width: var(--wb-tooltip__width, max-content);
  min-width: var(--wb-tooltip__min-width);
  max-width: var(--wb-tooltip__max-width);
  display: none;
}
.wb-tooltip__content * {
  --wb-tooltip__bezel: initial;
  --wb-tooltip__bezel-top: initial;
  --wb-tooltip__bezel-right: initial;
  --wb-tooltip__bezel-bottom: initial;
  --wb-tooltip__bezel-left: initial;
}
.wb-tooltip__content * {
  --wb-tooltip__border-color: initial;
  --wb-tooltip__border-radius: initial;
  --wb-tooltip__border-width: initial;
  --wb-tooltip__box-shadow: initial;
  --wb-tooltip__box-shadow-top: initial;
  --wb-tooltip__box-shadow-right: initial;
  --wb-tooltip__box-shadow-bottom: initial;
  --wb-tooltip__box-shadow-left: initial;
  --wb-tooltip__border: initial;
  --wb-tooltip__border-top: initial;
  --wb-tooltip__border-right: initial;
  --wb-tooltip__border-bottom: initial;
  --wb-tooltip__border-left: initial;
  --wb-tooltip__outline: initial;
  --wb-tooltip__transition: initial;
}
.wb-tooltip__content * {
  --wb-tooltip__background: initial;
}
.wb-tooltip__content, .wb-tooltip__content-arrow::before {
  background: var(--wb-tooltip__background, var(--wb-ds-tooltip__background, var(--wb-ds-color-background--default)));
}
.wb-tooltip__content--open {
  display: block;
  z-index: calc(var(--wb-ds-zindex--element) - 1);
}
.wb-tooltip__content-arrow, .wb-tooltip__content-arrow::before {
  position: absolute;
  width: var(--wb-tooltip-arrow__size, 1rem);
  height: var(--wb-tooltip-arrow__size, 1rem);
  z-index: calc(var(--wb-ds-zindex--element, 5) - 1);
}
.wb-tooltip__content-arrow::before {
  content: "";
  transform: rotate(45deg);
  border: var(--wb-tooltip__border, var(--wb-ds-border-is-border, var(--wb-tooltip__border-width, var(--wb-ds-border-width--default)) solid var(--wb-tooltip__border-color, var(--wb-ds-color-border--default))));
}
.wb-tooltip__content[data-popper-placement^=top] > .wb-tooltip__content-arrow {
  bottom: var(--wb-tooltip-arrow__position, calc(var(--wb-tooltip-arrow__size, 1rem) / -2));
}
.wb-tooltip__content[data-popper-placement^=top] > .wb-tooltip__content-arrow::before {
  border-top: none;
  border-left: none;
}
.wb-tooltip__content[data-popper-placement^=bottom] > .wb-tooltip__content-arrow {
  top: var(--wb-tooltip-arrow__position, calc(var(--wb-tooltip-arrow__size, 1rem) / -2));
}
.wb-tooltip__content[data-popper-placement^=bottom] > .wb-tooltip__content-arrow::before {
  border-bottom: none;
  border-right: none;
}
.wb-tooltip__content[data-popper-placement^=left] > .wb-tooltip__content-arrow {
  right: var(--wb-tooltip-arrow__position, calc(var(--wb-tooltip-arrow__size, 1rem) / -2));
}
.wb-tooltip__content[data-popper-placement^=left] > .wb-tooltip__content-arrow::before {
  border-bottom: none;
  border-left: none;
}
.wb-tooltip__content[data-popper-placement^=right] > .wb-tooltip__content-arrow {
  left: var(--wb-tooltip-arrow__position, calc(var(--wb-tooltip-arrow__size, 1rem) / -2));
}
.wb-tooltip__content[data-popper-placement^=right] > .wb-tooltip__content-arrow::before {
  border-top: none;
  border-right: none;
}