:root{--blog-nav-gap: 2rem;--blog-nav-transition: all .2s ease;--blog-nav-active: rgb(var(--color-foreground));--blog-nav-inactive: rgba(var(--color-foreground), .6)}.cleogene-blog-navigation{max-width:1200px;margin:0 auto;text-align:center}.cleogene-blog-navigation__title{font-size:2.5rem;font-weight:700;margin:0 0 2rem;color:var(--blog-nav-active);line-height:1.2}.cleogene-blog-navigation__menu{margin-bottom:2rem}.blog-dropdown-wrapper{display:none}.cleogene-blog-navigation__list{display:flex;justify-content:center;align-items:center;gap:var(--blog-nav-gap);list-style:none;margin:0;padding:0;flex-wrap:wrap}.cleogene-blog-navigation__item{margin:0}.cleogene-blog-navigation__link{display:block;padding:.5rem 0;color:var(--blog-nav-inactive);text-decoration:none;font-size:16px;font-weight:500;transition:var(--blog-nav-transition);position:relative}.cleogene-blog-navigation__link--active{color:var(--blog-nav-active);font-weight:600}.cleogene-blog-navigation__link:hover{color:var(--blog-nav-active)}@media screen and (max-width: 990px){.cleogene-blog-navigation__title{font-size:2rem;margin-bottom:1.5rem}.cleogene-blog-navigation__list{gap:1.5rem}.cleogene-blog-navigation__link{font-size:16px}}@media screen and (max-width: 750px){.cleogene-blog-navigation{overflow:visible}.cleogene-blog-navigation__menu{position:static;top:auto;z-index:auto;background:transparent;width:100%}:root{--blog-nav-gap: 1rem}.cleogene-blog-navigation__title{font-size:1.75rem;margin-bottom:1.25rem}.blog-dropdown-wrapper{display:block;position:relative;width:100%}.blog-dropdown-trigger{display:inline-flex;align-items:center;gap:.6rem;padding:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease;font-size:1.25rem;line-height:1.4;color:var(--blog-nav-active);width:100%;justify-content:center}.blog-dropdown-trigger:hover{opacity:.75}.blog-dropdown-trigger[aria-expanded=true]{outline:none;box-shadow:none}.blog-dropdown-trigger .svg-wrapper{transition:transform .2s ease;width:1.2rem;height:1.2rem}.blog-dropdown-trigger[aria-expanded=true] .svg-wrapper{transform:rotate(180deg)}.blog-dropdown-menu{position:absolute;top:100%;left:50%;background:#fff;border:0;border-radius:0;box-shadow:none;z-index:10;opacity:0;visibility:hidden;transform:translate(-50%,-.5rem);transition:all .2s ease;max-height:300px;overflow-y:auto;width:100%;min-width:0;max-width:none}.blog-dropdown-wrapper[aria-expanded=true] .blog-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)}.blog-dropdown-list{list-style:none;margin:0;padding:.5rem 0;text-align:center}.blog-dropdown-item{display:block;padding:.75rem 1rem;color:rgb(var(--color-foreground));text-decoration:none;font-size:1rem;line-height:1.4}.blog-dropdown-item:hover{background:transparent}.cleogene-blog-navigation__list{display:none}.cleogene-blog-navigation__item{width:auto}.cleogene-blog-navigation__link{font-size:16px;padding:.75rem 0}}@media screen and (max-width: 480px){.cleogene-blog-navigation__title{font-size:1.5rem}.cleogene-blog-navigation__link{font-size:16px}}@media (prefers-reduced-motion: no-preference){.cleogene-blog-navigation__link{transition:color .2s ease}}@media (prefers-reduced-motion: reduce){.cleogene-blog-navigation__link{transition:none}}.cleogene-blog-navigation__link:focus{outline:2px solid var(--blog-nav-active);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion: no-preference){.scroll-trigger{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cleogene_blog_navigation.css.map */