/*
    Speaker Listing
*/

.ea-session-listing-speakers {
    container: speaker-listing / inline-size;
    min-height: 100dvh;
}

.ea-session-listing-speakers__inner {
    display: flex;
    flex-direction: column;
    gap: var(--row-gap) var(--column-gap);
}

.ea-accordion-header {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.ea-accordion-header__button {
   text-align: left;
   flex: 1;
}

.ea-accordion-panel form  {
    padding: 1rem;
}


.ea-session-listing-speakers__list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ea-session-listing-speakers__divider {
    border-top: 1px solid #D3D3D3;
}

.ea-session-listing-speakers__filter {
    display: flex;
    flex-direction: column;
}



@container speaker-listing (min-width: 64rem) {

    .ea-session-listing-speakers__inner {
        gap: 0;
    }
    
    .ea-session-listing-speakers__filter {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 30rem;
        padding: 8rem 2rem;
    }

    .ea-session-listing-speakers__list {
        padding-left: calc(30rem + var(--column-gap));
    }

    .ea-accordion {
        position: sticky;
        top: 2em;
    }

    .ea-accordion-panel form  {
        padding: 0;
    }
    

    .ea-accordion-header {
        display: none;
    }

    .ea-accordion-panel[hidden] {
        display: block;
        height: auto;
    }
}