/* /hct_blog/static/src/scss/blog_toc.scss defined in bundle 'web.assets_frontend_d1bfac1' */
 .ttct-page .o_blog_toc{display: none; margin: 20px 0 26px; border: 1px solid #d8e2ec; border-radius: 6px; background: #f8fafc; overflow: hidden;}.ttct-page .o_blog_toc.o_blog_toc_ready{display: block;}.ttct-page .o_blog_toc_heading{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 13px 16px; border: 0; background: #edf4fa; color: #075899; font-size: 16px; font-weight: 700; text-align: left; cursor: pointer;}.ttct-page .o_blog_toc_heading_icon{transition: transform .2s ease;}.ttct-page .o_blog_toc_collapsed .o_blog_toc_nav{display: none;}.ttct-page .o_blog_toc_collapsed .o_blog_toc_heading_icon{transform: rotate(180deg);}.ttct-page .o_blog_toc_nav, .ttct-page .o_blog_toc_floating_nav{padding: 12px 18px 14px;}.ttct-page .o_blog_toc_list, .ttct-page .o_blog_toc_sublist{counter-reset: blog-toc; margin: 0; padding-left: 22px; list-style: none;}.ttct-page .o_blog_toc_sublist{margin-top: 5px;}.ttct-page .o_blog_toc_item{counter-increment: blog-toc; margin: 6px 0; color: #425466;}.ttct-page .o_blog_toc_item_h3{font-size: 14px;}.ttct-page .o_blog_toc_link{color: #294861; line-height: 1.45; text-decoration: none; transition: color .15s ease;}.ttct-page .o_blog_toc_link::before{content: counters(blog-toc, ".") ". ";}.ttct-page .o_blog_toc_link:hover, .ttct-page .o_blog_toc_link:focus, .ttct-page .o_blog_toc_link.o_blog_toc_link_active{color: #e21b23; text-decoration: none;}.ttct-page .o_blog_toc_link.o_blog_toc_link_active{font-weight: 700;}.ttct-page .post-content h1, .ttct-page .post-content h2, .ttct-page .post-content h3{scroll-margin-top: 82px;}.ttct-page .o_blog_toc_floating{position: fixed; z-index: 1035; display: block; visibility: hidden; opacity: 0; transform: translateY(-8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; pointer-events: none;}.ttct-page .o_blog_toc_floating.o_blog_toc_is_visible{visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto;}.ttct-page .o_blog_toc_floating_toggle{display: block; width: 34px; height: 36px; padding: 0; border: 1px solid #ddd; border-radius: 4.5px; background: #fff; box-shadow: none; color: #333; font-size: 21.6px; line-height: 34px; text-align: center; cursor: pointer;}.ttct-page .o_blog_toc_floating_toggle .fa-light{display: inline-block; width: 27px; height: 18px; background: linear-gradient(to bottom, #333 0, #333 2px, transparent 2px, transparent 8px, #333 8px, #333 10px, transparent 10px, transparent 16px, #333 16px, #333 18px); font-size: 0; line-height: 0; vertical-align: middle;}.ttct-page .o_blog_toc_floating_toggle .fa-light::before{content: none;}.ttct-page .o_blog_toc_panel{position: absolute; top: 42px; left: 0; display: none; width: 360px; max-width: calc(100vw - 30px); max-height: calc(70vh - 60px); border: 1px solid #d8e2ec; border-radius: 7px; background: #fff; box-shadow: 0 12px 32px rgba(18, 46, 70, 0.2); overflow: hidden;}.ttct-page .o_blog_toc_panel_open .o_blog_toc_panel{display: block;}.ttct-page .o_blog_toc_panel_header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 12px 15px; border-bottom: 1px solid #d8e2ec; background: #edf4fa; color: #075899;}.ttct-page .o_blog_toc_panel_close{width: 32px; height: 32px; padding: 0; border: 0; background: transparent; color: #425466; cursor: pointer;}.ttct-page .o_blog_toc_floating_nav{max-height: calc(70vh - 116px); overflow-y: auto; overscroll-behavior: contain;}@media (max-width: 767px){.ttct-page .o_blog_toc_floating, .ttct-page .o_blog_toc_floating.o_blog_toc_is_visible{transform: none;}.ttct-page .o_blog_toc{margin: 16px 0 20px;}.ttct-page .o_blog_toc_heading{padding: 11px 13px; font-size: 15px;}.ttct-page .o_blog_toc_nav, .ttct-page .o_blog_toc_floating_nav{padding: 10px 14px 13px;}.ttct-page .o_blog_toc_panel{position: fixed; top: auto; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; max-height: 70vh; border-radius: 14px 14px 0 0;}.ttct-page .o_blog_toc_floating_nav{max-height: calc(70vh - 58px);}.ttct-page .post-content h1, .ttct-page .post-content h2, .ttct-page .post-content h3{scroll-margin-top: 74px;}}