.trigger {
  @apply rounded-md bg-inv-4 w-full min-h-11;

  &:focus,
  &:hover {
    @apply outline outline-def-1 outline-1;
    background:
      linear-gradient(
        90deg,
        var(--clr-bg-inv-acc-3, #2c4347) 0%,
        var(--clr-bg-inv-acc-2, #4f747a) 100%
      ),
      var(--clr-bg-inv-4, #203637);
    box-shadow: 0 0 0 2px var(--clr-bg-inv-acc-4, #162324) inset;
  }

  &.open {
    @apply bg-inv-acc-4;
  }
}
