@reference "#styles/assets/tailwind.css";

.js-ce-location-list {
  .js-location-list-content {
    @apply max-h-0 overflow-hidden invisible opacity-0 transition-default;
  }

  .js-location-list-content.open {
    @apply max-h-[100rem] visible opacity-100;
  }

  .js-location-list-trigger {
    .open {
      @apply transition-opacity duration-300 ease-in-out visible h-auto opacity-100;
    }
    .close {
      @apply transition-opacity duration-300 ease-in-out invisible h-0 opacity-0;
    }

    &.open {
      .open {
        @apply invisible h-0 opacity-0;
      }
      .close {
        @apply visible h-auto opacity-100;
      }
    }
  }
}