/* linkHotspot.css */



.link-hotspot {

    width: 60px;

    height: 60px;

    margin-left: -30px;

    margin-top: -62px;

    opacity: 0.5;

    transition: opacity 0.2s;

  }

  

  .no-touch .link-hotspot:hover {

    opacity: 1;

  }

  

  .mobile .link-hotspot {

    width: 70px;

    height: 70px;

  }

  

  .link-hotspot-icon {

    width: 100%;

    height: 100%;

    cursor: pointer;

  }

  

  .link-hotspot-tooltip {

    position: absolute;

    left: 100%;

    top: 14px;

    margin-left: 3px;

    font-size: 16px;

    max-width: 300px;

    padding: 8px 10px;

    border-radius: 5px;

    background-color: rgba(58,68,84,0.8);

    color: #fff;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    cursor: pointer;

    opacity: 0;

    transform: translateX(-8px);

    transition: transform 0.3s, opacity 0.3s;

    pointer-events: none;

  }

  

  .no-touch .link-hotspot:hover .link-hotspot-tooltip {

    opacity: 1;

    transform: translateX(0);

    pointer-events: all;

  }

  

  /* IE fallback for tooltips */

  .tooltip-fallback .link-hotspot-tooltip {

    display: none;

  }

  .no-touch .tooltip-fallback .link-hotspot:hover .link-hotspot-tooltip {

    display: block;

  }