.title {
    width: 100%;
    box-sizing: border-box;
    padding: var(--lib_size_10);
    border-top: 1px solid var(--lib_base_accordion_title_border);
}
.title:hover{
    cursor: pointer;
}
.content{
    border-top: 1px solid var(--lib_base_accordion_content_border);
}
[dir=ltr] .accordionItem, [dir=ltr] .content > div{
    padding: var(--lib_size_10) var(--lib_size_10) var(--lib_size_10) var(--lib_size_20);
}
[dir=rtl] .accordionItem, [dir=rtl] .content > div{
    padding: var(--lib_size_10) var(--lib_size_20) var(--lib_size_10) var(--lib_size_10);
}
.content .title, .content .content{
    border: 0;
}