.toc{display:flex;background-color:#eee;border-radius:25px;align-items:center;padding:4px 12px;margin-top:10px;position:relative}.toc__links{display:grid;grid-auto-flow:column;gap:10px;overflow-x:scroll;align-items:center;-ms-overflow-style:none;scrollbar-width:none;cursor:grab}.toc__links::-webkit-scrollbar{display:none}.toc__links--open{display:flex;flex-flow:wrap}.toc a{color:#5b5b5b;background-color:#fff;border-radius:25px;padding:6px 12px;white-space:nowrap;font-weight:600}.toc .toc-section{display:grid;grid-auto-flow:column;gap:8px}.toc .toc-section.active a{color:#fff;background-color:#ff851b}.toc .toc-section:first-of-type{margin-left:40px}@media(max-width: 600px){.toc .toc-section{font-size:14px}}.toc--fade::after{background:linear-gradient(to right, transparent, #eee 30%, #eee);content:"";height:44px;width:75px;position:absolute;right:0;pointer-events:none;border-top-right-radius:25px;border-bottom-right-radius:25px;transition:opacity .4s ease-in-out}@media(max-width: 600px){.toc--fade::after{height:38px}}.toc.no-fade::after{opacity:0;transition:opacity .4s ease-in-out}.toc .icon-bojoko-book{position:absolute;display:flex;align-self:start;width:45px;height:38px;cursor:pointer;background-color:#eee;padding:8px 3px 0;left:6px;top:2px;border-top-left-radius:12px;border-bottom-left-radius:10px}.toc .icon-bojoko-book::before{color:#ff851b}@media(max-width: 600px){.toc .icon-bojoko-book{height:35px;padding:6px 3px 0;left:6px;top:4px}}.toc .icon-arrow-right-2{display:flex;align-items:center;justify-content:center;position:absolute;right:0;z-index:5;cursor:pointer;transition:opacity .4s ease-in-out;width:50px;height:30px}.toc .icon-arrow-right-2.hidden{opacity:0;transition:opacity .4s ease-in-out;z-index:-1}