@use '../../scss/base/mixins' as *;

.tooltipContainer {
  position: relative;
  background: var(--white);
  border: 1px solid var(--medium-purple);
  border-radius: 4px;
  padding: 10px;
  font-size: var(--font-size-14);
  line-height: var(--line-height-p);
  font-weight: var(--font-weight-regular);
  color: var(--dark-purple);
  word-wrap: break-word;
  box-shadow: 0 3px 6px 0 var(--button-shadow-color);
  border-radius: 4px;

  &.noPadding {
    padding: 0;
  }
}

.copyToClipboard {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px; // to maintain the space between the icon and the text same as the space between the text lines
}
.copy {
  align-self: start;
}

.children {
  display: flex;
}