.expander {}

/* Main
-------------------------------------------- */
/* Core start */

/* Core end */
.expander {
    padding: 1rem;
}

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

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


/* Needs to be organized
--------------------------------------------
--------------------------------------------
--------------------------------------------
-------------------------------------------- */
/* .expander { display: block; } */
.expander-header { display: flex; align-items: center; white-space: nowrap; padding: 4px 8px; gap: var(--gap); }
.expander-header:hover { background-color: var(--background--hover); }
/* .expander-header > .expander-glyph { display: inline-block; margin-bottom: -2px; width: 16px; height: 16px; } */
/* .expander-header.expanded > .expander-glyph { background-image: url('/experlogix/site/styles/Core/iconArrowDown.png'); }
.expander-header.collapsed > .expander-glyph { background-image: url('/experlogix/site/styles/Core/iconArrowRight.png'); } */

.expander-glyph {
    font-family: var(--font-family--icon);
    font-size: 1rem;
}
.collapsed > .expander-glyph::before { content: var(--icon-chevron--right); }
.expanded > .expander-glyph::before { content: var(--icon-chevron--down); }

.expander-content.expanded { display: block; }
.expander-content.collapsed { display: none; }