input {
  width: 100%;
}

input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}

*::-webkit-scrollbar-track {
  background-color: transparent;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

*::-webkit-scrollbar-thumb {
  background-color: theme('colors.gray.300');
  border-radius: 8px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: theme('colors.gray.400');
}

.dark *::-webkit-scrollbar-thumb {
  background-color: theme('colors.gray.700');
}

.dark *::-webkit-scrollbar-thumb:hover {
  background-color: theme('colors.gray.900');
}

.hide-scroll::-webkit-scrollbar {
  display: none;
}

[x-cloak] {
  display: none !important;
}

.primary-menu .active {
  background-color: theme('colors.primary.900');
}
.primary-menu .active:hover,
.primary-menu .active:focus {
  background-color: theme('colors.primary.900');
}

.ui-modal > div > div.fixed {
  @apply z-50 backdrop-blur-sm transition-opacity;
}

.shopper-product-wizard > div {
  @apply h-full flex-1;
}

.sh-input-media .filepond--list-scroller {
  z-index: 100;
}

.sh-badge {
  @apply flex items-center justify-center gap-x-1 rounded-md bg-warning-50 px-2 py-1 text-xs font-medium text-warning-600 ring-1 ring-inset ring-warning-600/10 dark:bg-warning-400/10 dark:text-warning-400 dark:ring-warning-400/30;
}

.sh-dropdown-width {
  @apply max-w-[14.5rem];
}