.tooltip{position:absolute;transition:opacity .3s ease-in-out;z-index:10;visibility:hidden;opacity:0}.tooltip.tooltip-visible{opacity:1;visibility:visible}.tooltip .tooltip-content{display:flex;flex-direction:column;gap:4px;border-radius:8px;width:250px;white-space:normal}@media (max-width:575.98px){.tooltip .tooltip-content{width:150px}}@media (max-width:375.98px){.tooltip .tooltip-content{width:100px}}.tooltip .tooltip-content .tooltip-label{text-align:center}.tooltip .tooltip-content .tooltip-text p{margin:0;padding:0}.tooltip .tooltip-content::after{transform:rotate(45deg);content:"";position:absolute;border-style:solid;display:block;width:6px}.tooltip .tooltip-light{background-color:#f6f6f8;color:#f6f6f8}.tooltip .tooltip-light .tooltip-label{color:#060f4b}.tooltip .tooltip-light .tooltip-text{color:#1d213c}.tooltip .tooltip-dark{background-color:#060f4b;color:#060f4b}.tooltip .tooltip-dark .tooltip-label{color:#fff}.tooltip .tooltip-dark .tooltip-text{color:#cfd3fa}.tooltip.tooltip-top-side{transform:translate(-50%,-100%);bottom:0;left:50%}.tooltip.tooltip-top-side .tooltip-content::after{bottom:-3px}.tooltip.tooltip-bottom-side{transform:translate(-50%,10px);top:0;left:50%}.tooltip.tooltip-bottom-side .tooltip-content::after{bottom:-3px}.tooltip.tooltip-left-side{transform:translate(-100%,-50%);right:100%;top:50%}.tooltip.tooltip-left-side .tooltip-content::after{right:-3px;top:50%}.tooltip.tooltip-right-side{transform:translate(10px,-50%);left:100%;top:50%}.tooltip.tooltip-right-side .tooltip-content::after{left:-3px;top:50%}.tooltip.tooltip-top-side::after{bottom:-3px;left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip.tooltip-bottom-side::after{top:-3px;left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip .tooltip-middle::after{left:50%}.tooltip .tooltip-left::after{left:15%}.tooltip .tooltip-right::after{right:15%}