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

.indicator {
  /* background-color: var(--mantine-color-white); */
  /* border-radius: var(--mantine-radius-md); */
  border-bottom: 2px solid var(--mantine-color-blue-6);
  top: 2px;
  /* box-shadow: var(--mantine-shadow-sm); */

  @mixin dark {
    /* background-color: var(--mantine-color-dark-6); */
    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);
    }
  }
}