.auto-toc{background:#fff;border:1px solid #e2e0dc;border-radius:14px;padding:32px 36px;margin:28px 0 44px;box-shadow:0 2px 12px #0000000a;position:relative;overflow:hidden}.auto-toc:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#4a00b4,#7c3aed,#a78bfa);border-radius:4px 0 0 4px}.auto-toc__title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#1a1a2e;margin-bottom:20px;padding-left:2px}.auto-toc__list{list-style:none!important;padding:0!important;margin:0!important;counter-reset:toc-counter}.auto-toc__item{counter-increment:toc-counter;padding:0!important;margin:0!important}.auto-toc__item>a{color:#1a1a2e;text-decoration:none;font-size:15px;font-weight:600;display:flex;align-items:center;gap:14px;padding:10px 14px;margin:2px 0;border-radius:8px;transition:all .2s ease;line-height:1.4}.auto-toc__item>a:before{content:counter(toc-counter,decimal-leading-zero);font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#4a00b4,#7c3aed);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;letter-spacing:.5px}.auto-toc__item>a:hover{background:#f5f3f0;color:#e84d1a}.auto-toc__item>a:hover:before{background:linear-gradient(135deg,#1a1a2e,#4a00b4)}.auto-toc__item--sub{counter-increment:none;padding:0!important;margin:0!important}.auto-toc__item--sub>a{font-size:14px;font-weight:400;color:#5a5a6e;padding:6px 14px 6px 56px;position:relative}.auto-toc__item--sub>a:before{content:"";background:none;min-width:6px;width:6px;height:6px;border-radius:50%;border:1.5px solid #c5c3be;position:absolute;left:24px;top:50%;transform:translateY(-50%)}.auto-toc__item--sub>a:hover{color:#e84d1a;background:#faf8f6}.auto-toc__item--sub>a:hover:before{border-color:#7c3aed;background:#7c3aed}@media(max-width:640px){.auto-toc{padding:24px 20px;border-radius:10px}.auto-toc__item>a{font-size:14px;padding:8px 10px;gap:10px}.auto-toc__item>a:before{min-width:24px;height:24px;font-size:10px}.auto-toc__item--sub>a{font-size:13px;padding-left:44px}.auto-toc__item--sub>a:before{left:18px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/blog-auto-toc.css.map */