.accordion {
color: var(--text-secondary);
}
.accordion.accordion-clear {
margin-bottom: -1rem;
}
.accordion-list {
list-style: none;
margin: 0;
padding: 0;
}
.section-bgc .accordion-item {
background-color: var(--background-color);
}
.accordion-item {
display: block;
border-radius: var(--el-border-radius);
background-color: var(--background-secondary-color);
overflow: hidden;
margin-bottom: 1rem;
}
.accordion-item.active .accordion-trigger::before {
transform: rotate(0);
}
.accordion-trigger {
position: relative;
cursor: pointer;
padding: 1.25rem 3.125rem 1.25rem 1.25rem;
color: var(--text-primary);
line-height: 1.2;
}
.accordion-trigger::after, .accordion-trigger::before {
content: "";
position: absolute;
right: 1.25rem;
top: 50%;
width: 0.875rem;
height: 2px;
background-color: var(--accent-color);
margin-top: -1px;
transition: all 0.3s;
}
.accordion-trigger::before {
transform: rotate(90deg);
}
.accordion-content {
display: none;
padding: 1.25rem;
border-top: 1px solid var(--border-color);
}