.article-toc{position:fixed;left:2rem;top:50%;transform:translateY(-50%);width:280px;max-height:70vh;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--popup-corner-radius);box-shadow:0 4px 20px rgba(var(--color-shadow),.15);z-index:100;overflow:hidden;transition:all .3s ease}.article-toc__header{padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(var(--color-foreground),.1);display:flex;justify-content:space-between;align-items:center;background:rgba(var(--color-background-accent),.05)}.article-toc__title{margin:0;color:rgb(var(--color-heading));font-weight:500}.article-toc__toggle{background:none;border:none;color:rgb(var(--color-foreground));cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.article-toc__toggle:hover{background:rgba(var(--color-foreground),.1)}.article-toc__toggle svg{width:16px;height:16px;transition:transform .3s ease}.article-toc.collapsed .article-toc__toggle svg{transform:rotate(180deg)}.article-toc__nav{max-height:calc(70vh - 80px);overflow-y:auto;padding:0;transition:max-height .3s ease}.article-toc.collapsed .article-toc__nav{max-height:0}.article-toc__list{list-style:none;margin:0;padding:1rem 0}.article-toc__item{margin:0;border-bottom:1px solid rgba(var(--color-foreground),.05)}.article-toc__item:last-child{border-bottom:none}.article-toc__link{display:block;padding:1rem 2rem;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;line-height:1.4;transition:all .2s ease;border-left:3px solid transparent}.article-toc__link:hover,.article-toc__link.active{background:rgba(var(--color-accent),.1);color:rgb(var(--color-accent));border-left-color:rgb(var(--color-accent));transform:translate(2px)}@media screen and (max-width: 1400px){.article-toc{position:static;left:auto;top:auto;transform:none;width:100%;max-width:100%;margin:2rem 0;max-height:none}.article-toc.collapsed .article-toc__nav{max-height:0}.article-toc:not(.collapsed) .article-toc__nav{max-height:50vh}}.article-sidebar-ad{position:relative}.article-sidebar-ad__desktop{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:90;transition:all .3s ease}.article-sidebar-ad__desktop .article-sidebar-ad__image{width:250px;height:500px;object-fit:cover;border-radius:var(--popup-corner-radius);box-shadow:0 4px 20px rgba(var(--color-shadow),.15);transition:transform .3s ease}.article-sidebar-ad__desktop .article-sidebar-ad__link:hover .article-sidebar-ad__image{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--color-shadow),.2)}.article-sidebar-ad__mobile{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;padding:0;margin:0;transition:transform .3s ease}.article-sidebar-ad__mobile.ad-hidden{transform:translateY(100%)}.article-sidebar-ad__mobile .article-sidebar-ad__image{width:100%;height:auto;max-width:100%;object-fit:cover;display:block;border-radius:0}.article-template__mobile-ad,.article-template__mobile-ad .article-sidebar-ad__mobile,.article-template__mobile-ad .article-sidebar-ad__desktop{display:none}@media screen and (max-width: 1200px){.article-sidebar-ad__desktop{display:none}.article-sidebar-ad__mobile{display:block}}@media screen and (max-width: 1200px){body{padding-bottom:60px}}@media screen and (max-width: 1600px){.article-sidebar-ad__desktop{right:1rem}.article-sidebar-ad__desktop .article-sidebar-ad__image{width:200px;height:400px}}@media screen and (min-width: 1400px){.article-template--with-sidebars .article-template__article{margin:0 320px}}@media screen and (min-width: 1200px) and (max-width: 1399px){.article-template--with-sidebars .article-template__article{margin-right:240px}}.article-toc,.article-sidebar-ad__desktop{bottom:2rem;top:auto;transform:none;max-height:calc(100vh - 4rem)}html{scroll-behavior:smooth}.article-template__content h2[id^=toc-]{scroll-margin-top:2rem}.article-toc.toc-hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(-20px)}.article-sidebar-ad.ad-hidden{opacity:0;pointer-events:none}@media print{.article-toc,.article-sidebar-ad{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-article-sidebar.css.map */