@import '../../../../../styles/common.scss';

.container {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: min-content 1fr;
  grid-gap: 4px;

  &.noIcon {
    grid-template-columns: 1fr;
  }

  align-items: center;

  color: $explorer-external-link-color;
  color: var(--explorer-external-link-color, $explorer-external-link-color);

  p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .externalIcon {
    height: 12px;
    width: 12px;
    padding-top: 3px;
  }

  path {
    stroke: var(--explorer-external-link-color, $explorer-external-link-color);
    stroke-width: 1px;
  }
}
