summary::-webkit-details-marker {
display: none
}
.accordion {
row-gap: 1rem;
}
.csdetail {
border-bottom: 1px solid #ccc !important;
position: relative;
margin-bottom: 0rem;
row-gap: 0;
overflow: hidden;
}
.csdetail h4 {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 1rem;
cursor: pointer;
font-size: clamp(16px, 1.4vw, 22px);
font-size: var(--base-font-size);
}
.csdetail h4::after {
content: '+';
content: "\2715";
content: "\f067";
font-family: "Font Awesome 6 Free";
font: var(--fa-font-solid);
margin-left: 1rem;
}
.csdetail.active h4::after {
content: '-';
content: "\f068";
transition-duration: 0.4;
}
.cssummary,
.csdetail:not(.active) .cssummary { margin: 0;
height: 0;
max-height: 0;
transition: max-height 1.5s ease-out, padding-top 0.6s ease-out, padding-bottom 0.6s ease-out;
overflow: hidden;
}
.csdetail.active .cssummary { height: auto;
max-height: 200vh;
}