.blog-category-nav{width:100%;background:var(--deeply-bg);color:var(--deeply-text)}.blog-category-nav__container{position:relative;width:100%;max-width:var(--page-width, 1920px);min-height:86px;margin:0 auto;padding:48px 32px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.blog-category-nav__categories{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.blog-category-nav__category{position:relative;display:flex;align-items:center;justify-content:center;min-width:48px;height:36px;padding:0 16px;border:1px solid var(--deeply-text);background:var(--deeply-card-bg);color:var(--deeply-text);font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:400;text-decoration:none;white-space:nowrap;box-sizing:border-box;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.blog-category-nav__category-label{display:block;white-space:nowrap;pointer-events:none}.blog-category-nav__category:hover{background:var(--deeply-text);color:var(--deeply-bg);border-color:var(--deeply-text)}.blog-category-nav__category.is-active{background:var(--deeply-text);color:var(--deeply-bg);border-color:var(--deeply-text);font-weight:700}.blog-category-nav__category.is-active:hover{background:var(--deeply-text);color:var(--deeply-bg);border-color:var(--deeply-text)}.blog-category-nav__theme-toggle{position:absolute;top:50%;right:32px;transform:translateY(-50%);width:120px;height:34px;padding:1px;display:flex;align-items:center;border:1px solid var(--deeply-border);border-radius:26px;background:var(--deeply-card-bg);overflow:hidden;box-sizing:border-box}.blog-category-nav__theme-btn{flex:1 1 50%;width:60px;height:30px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:24px;background:transparent;color:#737373;font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;box-sizing:border-box;transition:background-color .25s ease,color .25s ease}.blog-category-nav__theme-btn:hover{background:var(--deeply-text);color:var(--deeply-bg)}.blog-category-nav__theme-btn.active{background:var(--deeply-text);color:var(--deeply-bg);font-weight:700}.blog-category-nav__theme-btn.active:hover{background:var(--deeply-text);color:var(--deeply-bg)}@media screen and (max-width:989px){.blog-category-nav__container{min-height:86px;padding:40px 24px}.blog-category-nav__categories{padding-right:130px}.blog-category-nav__theme-toggle{right:24px}}@media screen and (max-width:749px){.blog-category-nav{width:100%;overflow:hidden;background:var(--deeply-bg);color:var(--deeply-text)}.blog-category-nav__container{width:100%;max-width:100%;min-height:120px;margin:0;padding:20px 0 20px 16px;display:grid;grid-template-columns:1fr;grid-template-rows:36px 34px;align-items:center;gap:12px;box-sizing:border-box;overflow:hidden}.blog-category-nav__categories{grid-column:1;grid-row:1;width:100%;min-width:0;height:36px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 16px 0 0;box-sizing:border-box;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.blog-category-nav__categories::-webkit-scrollbar{display:none}.blog-category-nav__category{flex:0 0 auto;width:max-content;min-width:max-content;height:36px;padding:0 16px;font-size:14px;line-height:20px;font-weight:400;white-space:nowrap}.blog-category-nav__theme-toggle{position:absolute;right:0;top:auto;bottom:20px;transform:none;width:120px;height:34px;padding:1px;display:flex;align-items:center;border-radius:36px;box-sizing:border-box}.blog-category-nav__theme-btn{flex:0 0 60px;width:60px;height:30px;font-size:12px;line-height:16px}}#MainContent.theme-mode-dark .blog-category-nav__category{background:#000!important;color:#fff!important;border-color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category .blog-category-nav__category-label{color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category.is-active{background:#fff!important;color:#000!important;border-color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category.is-active .blog-category-nav__category-label{color:#000!important}#MainContent.theme-mode-dark .blog-category-nav__category:hover{background:#fff!important;color:#000!important;border-color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category:hover .blog-category-nav__category-label{color:#000!important}#MainContent.theme-mode-dark .blog-category-nav__category.is-active:hover{background:#fff!important;color:#000!important;border-color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category.is-active:hover .blog-category-nav__category-label{color:#000!important}.blog-category-nav__category{background:#fff;color:#000;border-color:#000}.blog-category-nav__category.is-active{background:#000;color:#fff;border-color:#000}.blog-category-nav__category.is-active .blog-category-nav__category-label{color:#fff}.blog-category-nav__category:hover{background:#000;color:#fff;border-color:#000}.blog-category-nav__category:hover .blog-category-nav__category-label{color:#fff}@media screen and (max-width:749px){#MainContent.theme-mode-dark .blog-category-nav__category{background:#000!important;color:#fff!important;border-color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category .blog-category-nav__category-label{color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category.is-active{background:#fff!important;color:#000!important;border-color:#fff!important}#MainContent.theme-mode-dark .blog-category-nav__category.is-active .blog-category-nav__category-label{color:#000!important}}html body #MainContent.theme-mode-dark .blog-category-nav__category.is-active .blog-category-nav__category-label,html body #MainContent.theme-mode-dark .blog-category-nav__category.is-active .blog-category-nav__category-label span{color:#000!important}#MainContent.theme-mode-dark .blog-category-nav__theme-btn.active,html.theme-mode-dark .blog-category-nav__theme-btn.active,body.theme-mode-dark .blog-category-nav__theme-btn.active{background:#fff!important;color:#000!important}#MainContent.theme-mode-dark .blog-category-nav__theme-btn.active span,html.theme-mode-dark .blog-category-nav__theme-btn.active span,body.theme-mode-dark .blog-category-nav__theme-btn.active span{color:#000!important}#MainContent.theme-mode-dark .blog-category-nav__theme-btn:not(.active),#MainContent.theme-mode-dark .blog-category-nav__theme-btn:not(.active) span,html.theme-mode-dark .blog-category-nav__theme-btn:not(.active),html.theme-mode-dark .blog-category-nav__theme-btn:not(.active) span,body.theme-mode-dark .blog-category-nav__theme-btn:not(.active),body.theme-mode-dark .blog-category-nav__theme-btn:not(.active) span{color:#737373!important}
/*# sourceMappingURL=/cdn/shop/t/44/assets/blog-category-nav.css.map */