@layer base {
    /**Accordion*/
    .accordion,
    .table-accordion {
        @apply m-0 p-4 border-t border-tlx-light-grey bg-[url("../images/arrow-down-dark-blue-5f9ab225b9b4e03a6997e00b7bc22906.svg")] bg-3 bg-right-4-center bg-no-repeat box-border cursor-pointer;
    }

    .accordion .empty {
        @apply border-t-[2px] border-tlx-light-grey text-tlx-mid-grey cursor-not-allowed;
    }

    .accordion {
        @apply w-full bg-white;
    }

    .accordion.active,
    .table-accordion.active {
        @apply bg-[url("../images/arrow-up-dark-blue-e528768493946393837fb502b53f2030.svg")] bg-3 bg-right-4-center bg-no-repeat;
    }

    .accordion.active,
    .accordion:hover {
        @apply bg-tlx-light-blue;
    }

    .accordion-panel {
        @apply hidden;
    }

    .accordion-panel.active {
        @apply block;
    }
}