[data-role="tooltip"] {
    display:block;  
    position:fixed; 
    padding:0;
    /* padding:0.5em 1em;  */
    background-color:var(--cavelo-black); 
    color:var(--cavelo-white); 
    z-index:99999;
    font-family:'Work Sans', sans-serif;
    font-weight:bold;
    font-style:normal;
    font-size:14px;
    line-height:1.5;
    border-radius:0.5em;
    max-width:40rem; 
    max-height:80vh;
    box-shadow: rgba(0,0,0,0.4) 0px 0px 15px 0px;
    overflow:hidden;
}

[data-role="tooltip"] > span:first-child {
    border-radius:0.5em;
    padding:0.5em 1em; 
    box-shadow: var(--cavelo-platinum-40) 0px 0px 5px 0px;
}

[data-role="tooltip"] [data-role="status"] { 
    display:inline-flex;
    align-items:baseline;
    white-space:nowrap; 
}

[data-role="popup"] {
    display:block;  
    position:absolute; 
    padding:0.5em 1em; 
    background-color:var(--cavelo-black); 
    color:var(--cavelo-white); 
    z-index:99999;
    font-family:'Work Sans', sans-serif;
    border-radius:0.5em;
    max-width:100vw;
    max-height:80vh;
    box-shadow: rgba(0,0,0,0.4) 0px 5px 15px 0px;
}

/* INFO TIP */

/* Default navy with white text */
[data-role="infotip"]:not(.cv-bg) {
    --background-color: var(--cavelo-navy); 
    --font-color: var(--cavelo-white); 
}

[data-role="infotip"] {
    display:block;  
    position:absolute !important; 
    padding:0 !important;
    background-color: var(--background-color); 
    border-width: 0;
    color:var(--font-color);
    z-index:99999;
    font-family:'Work Sans', sans-serif;
    font-size:14px;
    line-height:1.5;
    border-radius:0.5em;
    max-width:40rem; 
    max-height:80vh;
    box-shadow: rgba(0,0,0,0.4) 0px 0px 15px 0px, var(--cavelo-platinum-40) 0px 0px 5px 0px;
    overflow:visible;
    font-size:0.8rem;
}

[data-role="infotip"]:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 0.5rem solid transparent;
	border-top-color: var(--background-color);
	border-bottom-color: var(--background-color);
}

[data-role="infotip"][data-position="below"]  { margin-top:0.5rem; }
[data-role="infotip"][data-position="above"]  { margin-top:-0.5rem; }

[data-role="infotip"][data-position="below"]:after  { border-top: 0; bottom:100%; }
[data-role="infotip"][data-position="above"]:after  { border-bottom: 0; top:100%;  }
[data-role="infotip"][data-direction="right"]:after { border-left: 0; left: 0; }
[data-role="infotip"][data-direction="left"]:after  { border-right: 0; right: 0; }

[data-role="infotip"][data-direction="right"][data-position="above"] { border-bottom-left-radius:0px; }
[data-role="infotip"][data-direction="right"][data-position="below"] { border-top-left-radius:0px; }
[data-role="infotip"][data-direction="left"][data-position="above"]  { border-bottom-right-radius:0px; }
[data-role="infotip"][data-direction="left"][data-position="below"]  { border-top-right-radius:0px; }

[data-role="infotip"] > span:first-child {
    border-radius:0.5em;
    padding:0.5em 1em; 
}

[data-role="infotip"] [data-role="status"] { 
    display:inline-flex;
    align-items:baseline;
    white-space:nowrap; 
}

i[data-info], [data-info]:before { cursor:pointer !important; }


[data-role="infotip"] *::-webkit-scrollbar { width: 0.5rem; }
[data-role="infotip"] *::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--cavelo-platinum); border-radius: 10px; }
[data-role="infotip"] *::-webkit-scrollbar-thumb { background: var(--cavelo-platinum); border-radius: 10px; }