.blog-mega-nav{position:sticky;top:0;z-index:4}.blog-mega-nav__bar{background-color:#fff;border-bottom:1px solid #e2e8f0;position:relative;z-index:4}.blog-mega-nav__bar-inner{display:flex;align-items:stretch;justify-content:flex-start;padding:0 24px;gap:0}.blog-mega-nav__quick-links{display:flex;list-style:none;margin:0;padding:0;gap:0;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.blog-mega-nav__quick-links::-webkit-scrollbar{display:none}.blog-mega-nav__quick-link{display:flex;align-items:center;padding:0 14px;height:46px;font-size:14px;font-weight:600;color:#2d3748;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;flex-shrink:0}.blog-mega-nav__quick-link:hover{color:#1a202c;border-bottom-color:#cbd5e0}.blog-mega-nav__quick-link--active{color:#0084d1;border-bottom-color:#0084d1;font-weight:700}.blog-mega-nav__trigger{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:46px;background:none;border:none;border-left:1px solid #e2e8f0;cursor:pointer;font-size:14px;font-weight:600;color:#2d3748;transition:color .2s ease;flex-shrink:0;white-space:nowrap}.blog-mega-nav__trigger:hover{color:#1a202c}.blog-mega-nav__trigger-label{pointer-events:none}.blog-mega-nav__chevron{transition:transform .25s ease;flex-shrink:0}.blog-mega-nav--open .blog-mega-nav__chevron{transform:rotate(180deg)}.blog-mega-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:2;opacity:0;visibility:hidden}.blog-mega-nav--open .blog-mega-nav__backdrop{opacity:1;visibility:visible}.blog-mega-nav__panel{position:absolute;left:0;right:0;z-index:3;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 8px 30px #0000001f;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.blog-mega-nav--open .blog-mega-nav__panel{max-height:600px;opacity:1}.blog-mega-nav__panel-inner{display:grid;grid-template-columns:200px 1fr 200px;gap:32px;padding:28px 24px 32px}.blog-mega-nav__col-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#718096;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.blog-mega-nav__cat-list{list-style:none;margin:0;padding:0}.blog-mega-nav__cat-link{display:block;padding:5px 0;font-size:14px;color:#4a5568;text-decoration:none;transition:color .15s ease}.blog-mega-nav__cat-link:hover{color:#1a202c}.blog-mega-nav__cat-link--active{color:#0084d1;font-weight:600}.blog-mega-nav__video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-mega-nav__video-card{text-decoration:none;color:#2d3748;display:flex;flex-direction:column;gap:6px;transition:opacity .15s ease}.blog-mega-nav__video-card:hover{opacity:.8}.blog-mega-nav__video-thumb{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:16 / 9;background:#e2e8f0}.blog-mega-nav__video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-mega-nav__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9;transition:opacity .15s ease}.blog-mega-nav__video-card:hover .blog-mega-nav__play-icon{opacity:1}.blog-mega-nav__video-title{font-size:12px;font-weight:500;line-height:1.3;color:#2d3748}.blog-mega-nav__resource-list{list-style:none;margin:0;padding:0}.blog-mega-nav__resource-link{display:block;padding:8px 0;font-size:14px;font-weight:500;color:#2b6cb0;text-decoration:none;transition:color .15s ease;border-bottom:1px solid #edf2f7}.blog-mega-nav__resource-link:hover{color:#1a365d}.blog-mega-nav__resource-desc{display:block;font-size:12px;font-weight:400;color:#718096;margin-top:2px}.blog-mega-nav__mobile-trigger{display:none;align-items:center;gap:14px;width:100%;padding:0 16px;height:44px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#2d3748;text-align:left}.blog-mega-nav__mobile-trigger svg{display:block;flex-shrink:0}.blog-mega-nav__mobile-label{flex:1;pointer-events:none}.blog-mega-nav__mobile-trigger .blog-mega-nav__close-icon,.blog-mega-nav--open .blog-mega-nav__hamburger-icon{display:none}.blog-mega-nav--open .blog-mega-nav__close-icon{display:block}@media screen and (max-width:999px){.blog-mega-nav__bar-inner{justify-content:flex-start}.blog-mega-nav__quick-links{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}.blog-mega-nav__quick-links::-webkit-scrollbar{display:none}.blog-mega-nav__quick-link,.blog-mega-nav__trigger{padding:0 10px;height:42px;font-size:13px}}@media screen and (max-width:999px){.blog-mega-nav__panel-inner{grid-template-columns:1fr 1fr;gap:24px;padding:24px 20px}.blog-mega-nav__col--categories{grid-column:1}.blog-mega-nav__col--videos{grid-column:2;grid-row:1 / 3}.blog-mega-nav__col--resources{grid-column:1}.blog-mega-nav__video-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.blog-mega-nav__mobile-trigger{display:flex}.blog-mega-nav__quick-links,.blog-mega-nav__trigger{display:none}.blog-mega-nav__bar-inner{padding:0}.blog-mega-nav__panel-inner{grid-template-columns:1fr;gap:20px;padding:20px 16px}.blog-mega-nav__col--videos{display:none}.blog-mega-nav__col--resources{grid-column:1}.blog-mega-nav--open .blog-mega-nav__panel{max-height:80vh;overflow-y:auto}.blog-mega-nav__cat-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.blog-mega-nav__cat-link{padding:8px 0}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/blog-category-nav.css.map */