.item {
  @apply grow flex items-center h-8 px-2.5 rounded-lg bg-gray-25 border border-gray-100 cursor-pointer space-x-2;
}

.item:hover {
  background-color: #ffffff;
  border-color: #B2CCFF;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.item.checked {
  background-color: #ffffff;
  border-color: #528BFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

.radio {
  @apply w-4 h-4 border-[2px] border-gray-200 rounded-full;
}

.item.checked .radio {
  border-width: 5px;
  border-color: #155eef;
}