.cmp-accordion {
    margin: 0;
    padding: 0;
    display: block
}

.cmp-accordion__item {
    position: relative
}

.cmp-accordion__header {
    margin: 0
}

.cmp-accordion__button {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: inherit;
    background-color: inherit
}

.cmp-accordion__button--expanded .cmp-accordion__icon::before {
    content: '\f068';
    font-family: 'Font Awesome'
}

.cmp-accordion__title {
    width: 100%
}

.cmp-accordion__icon {
    position: relative;
    padding: 0 0.5em
}

.cmp-accordion__icon::before {
    content: '\f067';
    font-family: 'Font Awesome'
}

.cmp-accordion__panel {
    padding: 0.75em 1em
}

.cmp-accordion__panel--hidden {
    display: none
}

.cmp-accordion__panel--expanded {
    display: block
}

.toggle-accordion {
    text-align: right;
    cursor: pointer
}

.toggle-accordion .collapse-all.active,
.toggle-accordion .expand-all.active {
    display: inline-block
}

.toggle-accordion .collapse-all.active:focus-visible,
.toggle-accordion .expand-all.active:focus-visible {
    outline: auto
}

.toggle-accordion .collapse-all,
.toggle-accordion .expand-all {
    display: none
}

.cmp-accordion--weight-lighter .cmp-accordion__header {
    font-weight: lighter
}

.cmp-accordion--weight-normal .cmp-accordion__header {
    font-weight: normal
}

.cmp-accordion--weight-bold .cmp-accordion__header {
    font-weight: bold
}

.cmp-accordion--weight-bolder .cmp-accordion__header {
    font-weight: bolder
}

.cmp-accordion--decoration-underline .cmp-accordion__title {
    text-decoration: underline
}

.cmp-accordion--transform-capitalize .cmp-accordion__button {
    text-transform: capitalize
}

.cmp-accordion--transform-lowercase .cmp-accordion__button {
    text-transform: lowercase
}

.cmp-accordion--transform-uppercase .cmp-accordion__button {
    text-transform: uppercase
}