.qi-block-accordion {
    overflow-anchor: none;
    visibility: hidden
}

.qi-block-accordion,
.qi-block-accordion .qodef-e-content-inner {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%
}

.qi-block-accordion.qodef--init {
    visibility: visible
}

.qi-block-accordion .qodef-e-icon>svg {
    fill: currentColor;
    stroke: currentColor;
    height: 1em;
    vertical-align: top;
    width: 1em
}

.qi-block-accordion .qodef-e-title-holder {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 26px 10px 26px 26px;
    position: relative;
    transition: all .2s ease-out
}

.qi-block-accordion .qodef-e-title-holder:not(:first-child) {
    margin: 12px 0 0
}

.qi-block-accordion .qodef-e-title-holder .qodef-e-mark {
    flex-shrink: 0;
    height: 18px;
    line-height: 1;
    position: relative;
    text-align: center;
    width: 20px
}

.qi-block-accordion .qodef-e-title-holder .qodef-e-mark span {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.qi-block-accordion .qodef-e-title-holder .qodef-e-mark span:before {
    display: block;
    line-height: inherit
}

.qi-block-accordion .qodef-e-title-holder .qodef-e-mark span.qodef-icon--minus,
.qi-block-accordion .qodef-e-title-holder .qodef-e-mark span.qodef-icon--plus {
    transition: opacity .2s ease-out, color .2s ease-out
}

.qi-block-accordion .qodef-e-title-holder .qodef-e-mark span.qodef-icon--minus {
    opacity: 0
}

.qi-block-accordion .qodef-e-title-holder .qodef-e-mark span.qodef-icon--plus,
.qi-block-accordion .qodef-e-title-holder.ui-state-active .qodef-e-mark span.qodef-icon--minus {
    opacity: 1
}

.qi-block-accordion .qodef-e-title-holder.ui-state-active .qodef-e-mark span.qodef-icon--plus,
.qi-block-accordion .qodef-e-title-holder.ui-state-active.ui-state-hover .qodef-e-mark span.qodef-icon--plus {
    opacity: 0
}

.qi-block-accordion .qodef-e-content {
    margin: 0;
    padding: 0 26px 16px;
    transition: background-color .2s ease-out
}

.qi-block-accordion .qodef-e-content p {
    margin: 0
}

.qi-block-accordion.qodef-behavior--toggle .qodef-e-content {
    display: none
}

.qi-block-accordion.qodef-style--standard .qodef-e-content {
    padding: 16px 26px
}

.qi-block-accordion.qodef-style--standard .qodef-e-title-holder.ui-state-active {
    background-color: #f4f4f4
}

.qi-block-accordion.qodef-style--boxed {
    border: 1px solid #ebebeb
}

.qi-block-accordion.qodef-style--boxed .qodef-e-title-holder:not(:first-child) {
    border-top: 1px solid #ebebeb;
    margin: 0
}

.qi-block-accordion.qodef-style--border-top {
    border-bottom: 1px solid #ebebeb
}

.qi-block-accordion.qodef-style--border-top .qodef-e-title-holder {
    border-top: 1px solid #ebebeb;
    margin: 0
}

.qi-block-accordion.qodef-style--border-between .qodef-e-title-holder {
    border-bottom: 1px solid #ebebeb;
    margin: 0
}

.qi-block-accordion.qodef-style--border-between .qodef-e-content {
    border-bottom: 1px solid #ebebeb;
    padding: 16px 26px
}