/* BASE CODE */

.tooltip-container {
    --background: #2b2d31;
    position: relative;
    cursor: var(--custom-pointer);
    }
  
  .tooltip {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-20%);
    padding: 0.2em 0.4em;
    opacity: 0;
    white-space: nowrap;
    pointer-events: none;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    background: var(--background);
    border-radius: 6px;
    scale: 0;
    transform-origin: 0 0;
    font-weight: 400;
    z-index: 999;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    border:1px solid #35373b;
    gap:5px;
  }

  .tooltip>span{
    font-weight: 600;
  }
  
  .tooltip::before {
    position: absolute;
    content: "";
    height: 0.4em;
    width: 0.4em;
    bottom: -0.27em;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    background: var(--background);
    border-bottom:1px solid #35373b;
    border-right:1px solid #35373b;
  }
  
  .tooltip-container:hover .tooltip {
    top: -100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    scale: 1;
  }

  /* ////////////////////////// */

  /* INVIDIVIDUAL CASES */

  /* -----TOURNAMENTS------ */
  

  .tooltip-game .tooltip{
    transform: translateX(-50%) translateY(20%);
  }

  .tooltip-game img{
    max-height: 42px;
    width: auto !important;
    max-width: 180px;
    filter:drop-shadow(0px 0px 5px rgb(0 0 0 / 0.5));
  }

  .tooltip-triangles{
    position: absolute;
    left:10px;
  }

  .tooltip-triangles img{
    height: 12px;
  }

  /* -------MY TOURNAMENTS------- */

  .tooltip-check-in{
    display: flex;
    justify-content: center;
    align-items: center;
    color:var(--main-green-hover)
  }

  .tooltip-check-in .tooltip{
    transform: translateX(-50%) translateY(-50%);
  }

  .tooltip-btns .tooltip{
    transform: translateX(-50%) translateY(-10%);
  }

  .tooltip-proof{
    position: absolute;
    right:15px;
    bottom:12px;
  }
  
  .tooltip-proof .tooltip{
    top:unset !important;
    bottom:46px;
  }

  .tooltip-proof img{
    position: static !important;
  }
  

  /* -----TOOLTIP BOTTOM------ */

  .tooltip-bottom .tooltip{
    transform: translateX(-50%) translateY(160%);
    color:var(--cloudy-white);
  }

  .tooltip-bottom .tooltip::before{
    top:-.275em;
    transform: translate(-50%) rotate(225deg);
  }

  /* ------TOOLTIP LEFT----- */

  .tooltip-left .tooltip{
    top:50%;
    transform: translateX(-130%) translateY(100%);
    color:var(--cloudy-white);
  }

  .tooltip-left .tooltip::before{
    top:50%;
    left:unset;
    right:-.51em;
    transform: translate(-50%) translateY(-50%) rotate(-45deg);
  }

  /* ------TOOLTIP RIGHT----- */

  .tooltip-right .tooltip{
    top:50%;
    
    transform: translateX(15%) translateY(190%);
    color:var(--cloudy-white);
  }

  .tooltip-right .tooltip::before{
    top:50%;
    left:-.05em;
    transform: translate(-50%) translateY(-50%) rotate(135deg);
  }


  /* ------TABLE GAME----- */
  .tooltip-p-game, .tooltip-sp-game{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
  }
  
  .tooltip-p-game .tooltip{
    transform: translateX(-50%) translateY(-40%);
  }

  .tooltip-sp-game .tooltip{
    transform: translateX(-50%) translateY(-20%);
  }

  /* ------PROFILE------ */

  .tooltip-p-af{
    position: absolute;
    top:1px !important;
    right:1px !important;
  }

  .tooltip-achievement .tooltip{
    transform: translateX(-50%) translateY(-55%);
    color:var(--cloudy-white);
  }

    /* ------TOURNAMENT PAGE------ */
    .game-logo .tooltip{
      transform: translateX(-50%) translateY(20%);
      color:var(--cloudy-white);
    }

    .tooltip-regions .tooltip{
      transform: translateX(-50%) translateY(65%);
      color:var(--cloudy-white);
    }


    /* ------BRACKET----- */

    .tooltip-left #fstltp{
      transform: translateX(-120%) translateY(90%);
      color:var(--cloudy-white);
      font-family: Montserrat;
    }

    .tooltip-right #sostn{
      color:var(--cloudy-white);
      font-family: Montserrat;
      transform: translateX(10%) translateY(90%);
    }


    /* ------MAIN LEADERBOARD------*/

    .tooltip-m-l .tooltip{
      top:50%;
      transform: translateX(-110%) translateY(70%);
      color:var(--cloudy-white);
    }

    .tooltip-m-l .tooltip::before{
      top:50%;
      left:unset;
      right:-.51em;
      transform: translate(-50%) translateY(-50%) rotate(-45deg);
  }
  

  /* CREATE YOUR TOURNAMENT PAGE */

  .tooltip-step{
    display: flex;
  }
  
  .tooltip-step .tooltip{
    transform: translateX(-50%) translateY(-110%);
  }