/************************************
Table of Contents 
************************************/

/*
- Light Tooltip Design
- Dark Tooltip Design
*/


/****** Light Tooltip Design ******/

.tooltip {
  opacity: 1!important;
}
.tooltip-inner {
  font-family: var(--font-oxanium);
  font-weight: var(--font-fw-bold);
  font-size: 1em;
  background: var(--base-color-black);
  color: var(--base-color-white);
  padding: 0.5em 1em;
  border-radius: 0.375rem;
  opacity: 0.9;
}
.tooltip-arrow,
.tooltip-arrow::before {
  width: 8px;
  height: 8px;
}
.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--base-color-white)!important;
}
.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--base-color-white)!important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--base-color-white)!important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--base-color-white)!important;
}


/****** Dark Tooltip Design ******/

.tooltip-dark .tooltip-inner {
  color: var(--base-color-white);
  background: var(--base-color-black);
}
.tooltip-dark.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--base-color-black)!important;
}
.tooltip-dark.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--base-color-black)!important;
}
.tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--base-color-black)!important;
}
.tooltip-dark.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--base-color-black)!important;
}