/*
* Tooltips with smooth 3D animation.
* (c) Eugene Tiurin; MIT license
*
* Contributors: nomiad, Friedel Ziegelmayer, Arend van Beelen jr.,
* Peter Richmond, Bruno Wego, Kahmali Rose
*
* 2016-09-13
*/

.html5tooltip-box {
    cursor: default;
    word-wrap: break-word;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    padding: 5px 9px;
    border-radius: 6px;
    white-space: nowrap;
    box-shadow: var(--shadow-md);
}

.html5tooltip-box:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    transform-origin: 0 0;
}
.html5tooltip-text {
    font-size: var(--fontsize14);
    word-wrap: break-word;
    font-weight: var(--font-weight-regular);
    display: flex;
    align-items: center;
    grid-gap: var(--gap6);
}
.html5tooltip-text p{
    font-size: var(--fontsize14);
    word-wrap: break-word;
    font-weight: var(--font-weight-regular);
    margin:0px;
}
.html5tooltip-text img{width:var(--size16); height:var(--size16);}
.html5tooltip-text a
{
  color: inherit;
}
.html5tooltip-more
{
  background-color: inherit;
  border-radius: inherit;
  position: relative;
}
.html5tooltip-more .html5tooltip-text
{
  margin-top:-7px;
}

.html5tooltip-left .html5tooltip-box:before {
    top: 50%;
    right: -14px;
    transform: translate(-50%, -50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid var(--tooltipbg);
}

.html5tooltip-right .html5tooltip-box:before {
    top: 50%;
    left: -4px;
    transform: translate(-50%, -50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid var(--tooltipbg);
}

.html5tooltip-top .html5tooltip-box:before {
    bottom: -14px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid var(--tooltipbg);
}
.html5tooltip-bottom .html5tooltip-box:before {
    top: -4px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid var(--tooltipbg);
}