.article-template__table-of-contents{margin-top:3rem;margin-bottom:3rem}.table-of-contents__heading{font-size:calc(var(--font-heading-scale) * 1.6rem);margin:0 0 1.2rem;letter-spacing:.06rem;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.table-of-contents__list{list-style:none;margin:0;padding:0;border-left:1px solid rgba(var(--color-foreground),.12)}.table-of-contents__item{margin:0}.table-of-contents__link{display:block;padding:.6rem 1.2rem;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.65);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:color .15s ease,border-color .15s ease,padding-left .15s ease;word-break:break-word}.table-of-contents__link:hover{color:rgba(var(--color-foreground),.9);border-left-color:rgba(var(--color-foreground),.3);padding-left:1.6rem}.table-of-contents__link--active{color:rgb(var(--color-foreground));border-left-color:rgb(var(--color-foreground));font-weight:500;padding-left:1.6rem}.table-of-contents__item--h3 .table-of-contents__link{padding-left:2.8rem;font-size:1.3rem}.table-of-contents__item--h3 .table-of-contents__link:hover,.table-of-contents__item--h3 .table-of-contents__link--active{padding-left:3.2rem}.article-template__content h2,.article-template__content h3{scroll-margin-top:8rem}@media screen and (min-width:990px){.article-template__table-of-contents{position:fixed;width:200px;max-width:22vw;max-height:70vh;overflow-y:auto;z-index:10;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:.8rem;padding:1.6rem;box-shadow:0 2px 12px #0000000f;margin:0;will-change:top,left,opacity;opacity:0;pointer-events:none;transition:opacity .2s ease}.article-template__table-of-contents.is-visible{opacity:1;pointer-events:auto}.article-template__table-of-contents .table-of-contents__heading{font-size:1.3rem;margin-bottom:.8rem}.article-template__table-of-contents .table-of-contents__link{padding:.4rem 1rem;font-size:1.3rem}.article-template__table-of-contents .table-of-contents__item--h3 .table-of-contents__link{padding-left:2.2rem;font-size:1.2rem}.article-template__table-of-contents .table-of-contents__item--h3 .table-of-contents__link:hover,.article-template__table-of-contents .table-of-contents__item--h3 .table-of-contents__link--active{padding-left:2.6rem}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-table-of-contents.css.map */