@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;

.CopyToClipboard {
  cursor: pointer;
}

.windows_tooltip {
  box-sizing: border-box;

  position: relative;
  cursor: pointer;

  .windows_tooltiptext {
    opacity: 0;
    transition:
      opacity 0.3s ease,
      width 0.3s ease;
    pointer-events: none;
    background-color: white;
    color: rgb(46 52 56);
    text-align: left;
    padding: 4px 8px;
    position: absolute;
    z-index: 1;
    line-height: 18px;
    font-size: 13px;
    overflow: hidden;

    left: calc(100% + 8px);
    transform: translateY(42%);
    box-shadow:
      0 2px 3px #00000040,
      0 0 3px #00000026;
  }

  &:hover .windows_tooltiptext {
    visibility: visible;
    opacity: 1;
  }
}