:host {
  @apply block p-4;
}

.options-wrapper {
  @apply grid grid-flow-col justify-start gap-4;
}

.option {
  @apply font-bold;

  button.cta-picker {
    @apply bg-transparent text-base outline-none border-none font-bold inline-flex flex-row items-center justify-between;
    width: 100px;
  }

  ui-icon {
    @apply ml-2 transition transform rotate-90 text-cool-grey;
  }

  button.cta-picker.open ui-icon {
    @apply -rotate-90;
  }
}

.option-wrapper {
  @apply grid grid-flow-col gap-2 items-center;
  min-height: 24px;
}

::ng-deep ui-input-option-date-range ui-datepicker.dp-left {
  .dp {
    left: 102px;
  }
}

::ng-deep ui-input-option-date-range ui-datepicker.dp-right {
  .dp {
    right: -6px;
  }
}
