.texttip {
  position: absolute;
  pointer-events: none;
  background: #fff;
  transform: translate(-50%, -12px);
  transition: none;
  opacity: 0;
  z-index: 1;
  border-radius: 8px;
  user-select: none !important;
}

.texttip--theme-default {
  /* border-radius: 7px; */
  --tw-shadow: rgba(0, 0, 0, 0.08) 0px 16px 24px 0px,
    rgba(0, 0, 0, 0.1) 0px 2px 6px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  --tw-ring-shadow: 0 0 #0000;
  --tw-ring-offset-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transform: translate(-50%, -34px);
  /* border: 1px solid #000; */
}

.texttip--theme-default::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 9px 0 9px;
  border-color: #ccc transparent transparent transparent;
}

.texttip--show {
  pointer-events: auto;
  transform: translate(-50%, -12px);
  opacity: 1;
}

.texttip--theme-default.texttip--show {
  transition:
    opacity 0.3s,
    transform 0.3s;
}

.texttip__inner {
  position: relative;
  display: flex;
  width: fit-content;
  overflow: hidden;
}

.texttip--theme-default .texttip__inner {
  border-radius: 4px;
}

.texttip__btn {
  position: relative;
  cursor: pointer;
  padding: 0.4em;
  transition: none;
  background: #fff;
  width: fit-content;
  border-radius: 8px;
}

.texttip--theme-default .texttip__btn {
  transform: translate(0, 1.5em);
}

.texttip--theme-default .texttip__btn:hover {
  background: #efefef;
}

.texttip--theme-default.texttip--show .texttip__btn {
  transition-property: transform;
  transition-duration: 200ms;
  transform: translate(0, 0);
}

.texttip__btn-cover {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.texttip__btn:last-child {
  margin: 0;
}

.texttip[data-textip-iconformat='url'] img {
  display: block;
  width: auto;
  height: 1.5em;
}

.texttip[data-textip-iconformat='svgsprite'] svg {
  display: block;
  height: 1.5em;
  width: 1.5em;
  pointer-events: none;
}

.texttip[data-textip-iconformat='font'] i {
  display: block;
  font-size: 1.5em;
}

/* Custom btn styling */

.texttip-title-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 0.4em 0.8rem;

  .texttip-icon {
    width: 14px !important;
  }

  .texttip-title {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    user-select: none;
  }
}

.texttip-custom-divider {
  width: 1px;
  height: 100%;
  background-color: #ccc;
  user-select: none;
}
.texttip-custom-divider-contianer {
  padding: 0 4px;
  margin: 0;
  background-color: #fff;
  pointer-events: none !important;
}

.tooltip-gradient-btn {
  .texttip-title {
    color: transparent;
    background: linear-gradient(120deg, #6eb6f2 10%, #a855f7, #ea580c, #eab308);

    background-clip: text;
  }
}

/*# sourceMappingURL=TextTip.css.map*/