@import "./product";
@import "./brand";

/* Doubling class to override .ads-Checkbox class */
.ads-Checkbox-Label.ads-Checkbox-Label {
  @apply inline-flex
    items-center;
}

.ads-Checkbox-LabelText {
  @apply ml-2 font-regular;
}

.ads-Checkbox-BoxWrapper {
  @apply relative w-4 h-4 flex-shrink-0;
}

.ads-Checkbox-Input {
  @apply absolute
         opacity-0;
  z-index: -1;
}

.ads-Checkbox-Box {
  @apply border
         border-solid
         w-full
         h-full
         rounded-sm;
}

/* Disabled */
.ads-Checkbox.is-disabled .ads-Checkbox-Label {
  @apply cursor-not-allowed;
}

/* Checked */
.ads-Checkbox-Check {
  @apply absolute
         text-h5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Focused */
.ads-Checkbox.is-focused .ads-Checkbox-Box {
  @apply shadow-focus
         transition-all;
}