.mat-expansion-panel-header {
    margin-bottom: $spacing-s;
    height: 26px;
    //height: auto;
    padding: 0;

    font-size: $font-m;

    .mat-expansion-panel-header-title {
        flex-grow: 0;

        transition: all .2s ease-in-out;

        color: $neutral-10;
    }

    &:hover {
        background: transparent;

        .mat-expansion-panel-header-title {
            color: $neutral-50;
        }
    }
}

.mat-expansion-panel-spacing {
    margin: 0;
}

/* .mat-expansion-panel {
    margin-bottom: $spacing-s;
} */

/*************/

.custom-expansion-panel {
    position: relative;

    padding-bottom: $spacing-s;

    .item__header {
        align-items: center;

        display: flex;
        min-height: 40px;
        padding-right: 40px;

        cursor: pointer;

        p {
            margin: 0;
        }

        .chevron {
            transform: rotate(360deg);
            transition: all .2s ease-in-out;
        }

        &.collapsed {
            .chevron {
                transform: rotate(270deg);
            }
        }

        ~ .item__body {
            z-index: 1;
            //display: block;

            border-bottom: 1px solid $neutral-90;
            padding-bottom: $spacing-s;
            transition: .2s ease-in-out;

            fieldset {
                break-after: column;
            }
        }

        &.collapsed {
            ~ .item__body {
                z-index: -1;

                display: none;
            }
        }

        .subtle {
            position: relative;
            top: 2px;

            margin-left: $spacing-s;

            color: $neutral-70;
        }
    }

    .btn-icon {
        position: absolute;
        top: 0;
        right: 0;

        width: 40px;
        height: 40px;
    }
}