.root { @apply relative; } .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 flex items-center outline-none text-primary; &:hover { @apply text-accent-6 transition scale-110 duration-100; } &:last-child { @apply mr-0; } &:focus, &:active { @apply outline-none; } } .bagCount { @apply border border-accent-1 bg-secondary text-secondary absolute rounded-full right-3 top-3 flex items-center justify-center font-bold text-xs; padding-left: 2.5px; padding-right: 2.5px; min-width: 1.25rem; min-height: 1.25rem; } .avatarButton { @apply inline-flex justify-center rounded-full; } .avatarButton:focus { @apply outline-none; }