.chapters-component{position:sticky;top:20px;border-radius:8px;background-color:#fff;border:1px solid #e5e5e5;width:100%;max-width:326px;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.chapters-header{display:flex;align-items:center;background-color:#f7f7f7;border-radius:8px 8px 0 0;border-bottom:1px solid #e5e5e5}
.chapters-title{margin:0;padding:12px 16px;font-family:"Clario",sans-serif;font-weight:500;font-size:20px;line-height:120%;color:#212223}
.chapters-toggle-mobile{display:none;margin-left:auto;margin-right:8px;background:transparent;border:0;cursor:pointer;padding:8px}
.chapters-content{padding:8px 0;max-height:500px;overflow-y:auto;background-color:#f7f7f7;transition:max-height .25s ease}
.chapters-list{list-style:none;margin:0;padding:0}
.chapters-item{margin:0}
.chapters-link{display:block;padding:8px 16px;text-decoration:none;font-family:"Source Sans 3",sans-serif;font-weight:400;font-size:16px;line-height:150%;color:#404040 !important;background-color:transparent;border-left:4px solid transparent}
.chapters-link:hover{color:#404040;background-color:#fff;border-left-color:#d64000}
.chapters-link.active{color:#404040;background-color:#fff;border-left-color:#d64000}
.chapters-content::-webkit-scrollbar{width:5px}
.chapters-content::-webkit-scrollbar-track{background:transparent}
.chapters-content::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}
.chapters-content::-webkit-scrollbar-thumb:hover{background:#f60}
.chapters-component.collapsed .chapters-content{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}
.chapters-toggle-mobile svg{transform:rotate(270deg);transition:transform .2s ease}
.chapters-component:not(.collapsed) .chapters-toggle-mobile svg{transform:rotate(90deg)}
@media(max-width:800px){.chapters-component{position:relative;top:0;max-width:100%;margin:16px 0}
.chapters-toggle-mobile{display:inline-flex;align-items:center;justify-content:center}
}