.root {
  @apply relative;
}

.mainContainer {
}

.list {
  @apply flex flex-row items-center justify-items-end h-full;
}

.item {
  @apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center;

  &:hover {
    @apply text-accents-8 transition ease-in-out duration-100 transform scale-110;
  }

  &.heart:hover svg {
    fill: var(--accents-9);
  }

  &:last-child {
    @apply mr-0;
  }
}