:host {
  @apply inline-block;
}

.ui-bullet-wrapper {
  @apply flex items-center justify-center w-px-30 h-px-30 -mt-px-5;
  background-color: #eee;
  -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50%;

  &.checked {
    @apply bg-active-customer;
  }
}

::ng-deep .branch ui-select-bullet .ui-bullet-wrapper.checked {
  @apply bg-active-branch;
}

ui-icon {
  @apply text-white;
}
