

.map-link-container {
  position: relative;
}

.map-link-container svg path {
  fill: revert-layer;
}
{#--- Tooltip ---#}
path.mini-transaction-readfinness__levers-tooltip {
  cursor: pointer;
}

.tooltip-1,
.tooltip-2,
.tooltip-3,
.tooltip-4,
.tooltip-5,
.tooltip-6,
.tooltip-7,
.tooltip-8,
.tooltip-9,
.tooltip-10,
.tooltip-11,
.tooltip-12,
.tooltip-13,
.tooltip-14,
.tooltip-15,
.tooltip-16,
.tooltip-17 {
  display: none;
  position: absolute;
  background-color: #0F1B31 /*#0f1b3126*/ ; 
  border-radius: 12px;
  padding: 10px;
  color: #AAC833 !important;
  cursor: pointer;
  white-space: nowrap;
}

.tooltip-icon{
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQwNjZfNjkwKSI+CjxwYXRoIGQ9Ik0xMC41MDA5IDBDNi4xODI4NiAwIDIuNjY5OTIgMy41MTQzNSAyLjY2OTkyIDcuODM0MTNDMi42Njk5MiAxNC4yNzAzIDkuNzIxNDcgMjAuNTU0NyAxMC4wMjE4IDIwLjgxOTFDMTAuMTU4NiAyMC45Mzk3IDEwLjMyOTggMjEuMDAwMSAxMC41MDA5IDIxLjAwMDFDMTAuNjcyMSAyMS4wMDAxIDEwLjg0MzIgMjAuOTM5OCAxMC45ODAyIDIwLjgxOTFDMTEuMjgwMyAyMC41NTQ4IDE4LjMzMiAxNC4yNzA0IDE4LjMzMiA3LjgzNDEzQzE4LjMzMiAzLjUxNDM1IDE0LjgxOSAwIDEwLjUwMDkgMFpNMTAuNTAwOSA1LjYzNDg2QzExLjcwMDQgNS42MzQ4NiAxMi42NzYyIDYuNjIxNDMgMTIuNjc2MiA3LjgzNDEzQzEyLjY3NjIgOS4wNDY4MyAxMS43MDA0IDEwLjAzMzQgMTAuNTAwOSAxMC4wMzM0QzkuMzAxNDcgMTAuMDMzNCA4LjMyNTY0IDkuMDQ2ODMgOC4zMjU2NCA3LjgzNDEzQzguMzI1NjQgNi42MjE0MyA5LjMwMTQ3IDUuNjM0ODYgMTAuNTAwOSA1LjYzNDg2WiIgZmlsbD0iI0QzRTI5MyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQwNjZfNjkwIj4KPHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-size: inherit;
  background-repeat: no-repeat;
  width: 37px;
  height: 21px;
}

.tooltip-text-link {
  line-height: 1.2;
  width: 100%;
  display: grid;
  gap: 4px;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.tooltip-text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.tooltip-text:hover {
  color: #AAC833;
}

.tooltip-1.visible,
.tooltip-2.visible,
.tooltip-3.visible,
.tooltip-4.visible,
.tooltip-5.visible,
.tooltip-6.visible,
.tooltip-7.visible,
.tooltip-8.visible,
.tooltip-9.visible,
.tooltip-10.visible,
.tooltip-11.visible,
.tooltip-12.visible,
.tooltip-13.visible,
.tooltip-14.visible,
.tooltip-15.visible,
.tooltip-16.visible,
.tooltip-17.visible {
  display: flex;
  animation: fade-in 1s;
}

@media only screen and (max-width: 1270px){
  .map-min-size {
    display: none;
  }
}


/* ---------- PIN position START ---------- */

.tooltip-1.visible {
  top: 31.5%;
  right: 6.12%;
}

.tooltip-2.visible {
  top: 42%;
  left: 80.1%;
}

.tooltip-3.visible {
  top: 39.1%;
  left: 76%;
}

.tooltip-4.visible {
  top: 44.9%;
  left: 75.7%;
}

.tooltip-5.visible {
  top: 62%;
  left: 73%;
}

.tooltip-6.visible {
  top: 78.1%;
  right: 16.9%;
}

.tooltip-7.visible {
  top: 67.1%;
  right: 21.9%;
}

.tooltip-8.visible {
  top: 29.4%;
  left: 62.7%;
}

.tooltip-9.visible {
  top: 38.5%;
  left: 56.2%;
}

.tooltip-10.visible {
top: 58.17%;
    left: 51.3%;
}

.tooltip-11.visible {
  top: 69.8%;
  right: 48.8%;
}

.tooltip-12.visible {
  top: 34.7%;
  right: 50.9%;
}

.tooltip-13.visible {
  top: 42.3%;
  right: 61.5%;
}

.tooltip-14.visible {
  top: 55.3%;
  right: 72.77%;
}

.tooltip-15.visible {
  top: 36.1%;
  left: 9.7%;
}

.tooltip-16.visible {
  left: 2.6%;
  top: 41.6%;
}

.tooltip-17.visible {
  top: 18.1%;
  left: 6.4%;
}



/* ---------- PIN position START ---------- */

















