.faq-collapse-panel summary {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;    
}
.faq-collapse-panel {
    display: block;
    width: 100%;
    border-block-start: 1px solid rgba(var(--color-text), 0.08);
}
.faq-collapse-panel__title {
    display: flex;
    flex: 1;
    align-items: center;
    font-size: var(--body1-font-size);
    margin-bottom:0;
}
.faq-collapse-panel__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    overflow: hidden;
}
.faq-collapse-panel__icon svg {
    color: rgb(var(--color-text));
}
.faq-collapse-panel__fold {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: auto;
    overflow: hidden;
    border: 1px solid rgba(var(--color-text), 0.1);
    border-radius: 50%;
}
.faq-collapse-panel details {
    flex: 1;
    border-bottom: 1px solid var(--color-grey);
    padding: var(--size-24) 0;
}
.faq-collapse-panel__collapse {
    overflow: hidden;
}
details .faq-collapse-panel__fold.open {
    display: flex;
}
details[open] .faq-collapse-panel__fold.open {
    display: none;
}

details .faq-collapse-panel__fold.close {
    display: none;
}

details[open] .faq-collapse-panel__fold.close {
    display: flex;
}

.faq-collapse-panel__content {padding-top: var(--size-20);}