.list {
  position: relative;
  margin-bottom: var(--mantine-spacing-md);
}

.indicator {
  border-bottom: 2px solid var(--mantine-color-blue-6);
  top: 2px;

  @mixin dark {
    border-color: var(--mantine-color-blue-4);
  }
}

.tab {
  z-index: 1;
  font-weight: 500;
  transition: color 100ms ease;
  color: var(--mantine-color-gray-7);

  &[data-active] {
    color: var(--mantine-color-black);
  }

  @mixin dark {
    color: var(--mantine-color-dark-1);

    &[data-active] {
      color: var(--mantine-color-white);
    }
  }
}