/*------------------------------------------------------------------

MEJO-Accordion
Version:     0.1;

/*-----------------------------------------------------------------*/

.mejo-accordion-panel {
    overflow: hidden;
    height: 0;
    transition: height 0.35s cubic-bezier(.4,0,.2,1);
}
button.mejo-accordion-trigger:hover,
button.mejo-accordion-trigger:focus {
    border: none !important;
}
.mejo-accordion-trigger {
    all: unset;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 1rem;
    width: 100%;
    background: rgba(255,255,255,.1);
    border-radius: 1rem;
}
.mejo-accordion-trigger::after {
    content: "\2303";
    position: absolute;
    top: 10px;
    right: 20px;
    transform: rotate(180deg);
    width: auto;
    height: auto;
    background: none;
    border: none;
}
.mejo-accordion-trigger[aria-expanded="true"]::after {
        transform: rotate(0deg);
}
.mejo-accordion-trigger:focus-visible {
    outline: 2px solid blue;
}
.mejo-accordion-header {
    margin: 1rem 0;
    padding: 0;
}