/* dependencies popup */
@import "../vars.less";
@import "../mixins/index.less";

.ten-tooltip {
  // padding: 16px;
  background: none;
  box-shadow: none;

  &.ten-popup {
    overflow: visible;
  }

  &-content {
    position: relative;
    z-index: 1;
    padding: 16px;
    color: @text-color-lighter-1;
    background: #fff;
    box-shadow: @shadow-level-2;
    // border: @tooltip-border;
    border-radius: @tooltip-border-radius-default;
  }

  &__extra {
    margin-top: 20px;
    text-align: right;
    a {
      .ten-primary-link();
    }
  }

  &--dark {
    .ten-tooltip {
      &-content {
        border: none;
        background: #5d5d5d;
        color: #fff;
      }
      &__extra {
        a {
          color: #fff;
        }
      }
    }
    &:after {
      z-index: 1;
      border-color: none;
      background-color: #5d5d5d;
    }
  }  
}