@use "../abstracts/variables" as *;
@use "../abstracts/mixins" as *;

.rename-tool-tip {
  position: absolute;
  background: var(--background-color);
  padding: 10px 16px;
  width: 260px;
  border-radius: #{$border-radius-large};
  outline: 1px solid var(--border-color);
  z-index: 100;
  .header {
    @include flex-center;
    gap: 8px;
    .icon {
      @include flex-center;
    }
    .name {
      color: var(--text-color);
    }
    input {
      width: 100%;
      margin-top: 6px;
    }
  }
}
