.blog-nav{--blog-nav-gap: 1.2rem;--blog-nav-transition: .3s cubic-bezier(.4, 0, .2, 1)}.blog-nav--sticky{position:sticky;top:var(--header-height, 0px);z-index:3;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.06)}.blog-nav__header{text-align:center;margin-bottom:3.2rem}.blog-nav__caption{display:block;margin-bottom:1.2rem;letter-spacing:.12em;text-transform:uppercase;font-size:1.2rem;opacity:.7}.blog-nav__title{margin:0 0 1.6rem}.blog-nav__description{max-width:60rem;margin:0 auto;opacity:.8;line-height:1.7}.blog-nav__scroll-container{position:relative}.blog-nav__scroll-container:before,.blog-nav__scroll-container:after{content:"";position:absolute;top:0;bottom:0;width:3.2rem;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.blog-nav__scroll-container:before{left:0;background:linear-gradient(to right,rgb(var(--color-background)),transparent)}.blog-nav__scroll-container:after{right:0;background:linear-gradient(to left,rgb(var(--color-background)),transparent)}.blog-nav__scroll-container--fade-left:before{opacity:1}.blog-nav__scroll-container--fade-right:after{opacity:1}.blog-nav__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--blog-nav-gap);list-style:none;padding:0;margin:0}.blog-nav__item{position:relative}.blog-nav--pills .blog-nav__link{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.4rem;border-radius:10rem;border:1px solid rgba(var(--color-foreground),.15);background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;text-decoration:none;transition:background var(--blog-nav-transition),border-color var(--blog-nav-transition),transform var(--blog-nav-transition),box-shadow var(--blog-nav-transition);white-space:nowrap}.blog-nav--pills .blog-nav__link:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.3);transform:translateY(-2px)}.blog-nav--pills .blog-nav__link:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.blog-nav--pills .blog-nav__link.is-active,.blog-nav--pills .blog-nav__item--active .blog-nav__link{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.blog-nav__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .6rem;border-radius:10rem;background:rgba(var(--color-foreground),.1);font-size:1.1rem;font-weight:600}.blog-nav--pills .blog-nav__link.is-active .blog-nav__count,.blog-nav--pills .blog-nav__item--active .blog-nav__count{background:rgba(var(--color-background),.2)}.blog-nav--blocks .blog-nav__categories{--blog-nav-gap: 1.6rem}.blog-nav--blocks .blog-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.6rem 3.2rem;min-width:16rem;border-radius:var(--buttons-radius, .4rem);border:none;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform var(--blog-nav-transition),box-shadow var(--blog-nav-transition),opacity var(--blog-nav-transition);white-space:nowrap}.blog-nav--blocks .blog-nav__link:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(var(--color-foreground),.2)}.blog-nav--blocks .blog-nav__link:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:3px}.blog-nav--blocks .blog-nav__link.is-active,.blog-nav--blocks .blog-nav__item--active .blog-nav__link{background:rgba(var(--color-foreground),.85)}.blog-nav--blocks .blog-nav__count{background:rgba(var(--color-background),.15);color:rgb(var(--color-background))}.blog-nav--minimal .blog-nav__categories{--blog-nav-gap: 0;border-bottom:1px solid rgba(var(--color-foreground),.1);padding-bottom:1.6rem}.blog-nav--minimal .blog-nav__link{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 2rem;color:rgba(var(--color-foreground),.6);font-size:1.4rem;font-weight:500;text-decoration:none;transition:color var(--blog-nav-transition);position:relative;white-space:nowrap}.blog-nav--minimal .blog-nav__link:after{content:"";position:absolute;bottom:-1.6rem;left:2rem;right:2rem;height:2px;background:rgb(var(--color-foreground));transform:scaleX(0);transition:transform var(--blog-nav-transition)}.blog-nav--minimal .blog-nav__link:hover{color:rgb(var(--color-foreground))}.blog-nav--minimal .blog-nav__link:hover:after{transform:scaleX(1)}.blog-nav--minimal .blog-nav__link.is-active,.blog-nav--minimal .blog-nav__item--active .blog-nav__link{color:rgb(var(--color-foreground));font-weight:600}.blog-nav--minimal .blog-nav__link.is-active:after,.blog-nav--minimal .blog-nav__item--active .blog-nav__link:after{transform:scaleX(1)}.blog-nav--minimal .blog-nav__count{background:transparent;font-size:1.2rem;opacity:.5;min-width:auto;height:auto;padding:0}.blog-nav--glow .blog-nav__link{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.8rem;border-radius:10rem;border:1px solid rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.03);color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;text-decoration:none;transition:all var(--blog-nav-transition);white-space:nowrap;position:relative;overflow:hidden}.blog-nav--glow .blog-nav__link:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#d3a23c66,#19188066,#d3a23c66);opacity:0;z-index:-1;transition:opacity var(--blog-nav-transition);filter:blur(8px)}.blog-nav--glow .blog-nav__link:hover{border-color:#d3a23c80;background:rgba(var(--color-foreground),.05);transform:translateY(-2px)}.blog-nav--glow .blog-nav__link:hover:before{opacity:1}.blog-nav--glow .blog-nav__link:focus-visible{outline:2px solid rgba(211,162,60,.5);outline-offset:2px}.blog-nav--glow .blog-nav__link.is-active,.blog-nav--glow .blog-nav__item--active .blog-nav__link{background:linear-gradient(135deg,#191880,#1b1b57);color:#fff;border-color:transparent}.blog-nav--glow .blog-nav__link.is-active:before,.blog-nav--glow .blog-nav__item--active .blog-nav__link:before{opacity:.6}.blog-nav--glow .blog-nav__count{background:#d3a23c26;color:inherit}.blog-nav--glow .blog-nav__link.is-active .blog-nav__count,.blog-nav--glow .blog-nav__item--active .blog-nav__count{background:#ffffff26}.blog-nav__view-all{margin-top:2.4rem;text-align:center}.blog-nav__view-all-link{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:10rem;background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:500;text-decoration:none;transition:all var(--blog-nav-transition)}.blog-nav__view-all-link:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.4)}.blog-nav__view-all-link svg{width:1.4rem;height:1.4rem;transition:transform var(--blog-nav-transition)}.blog-nav__view-all-link:hover svg{transform:translate(3px)}.blog-nav__icon{width:1.8rem;height:1.8rem;flex-shrink:0}.blog-nav__icon svg{width:100%;height:100%;fill:currentColor}@media screen and (max-width: 749px){.blog-nav__header{margin-bottom:2.4rem}.blog-nav__categories{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.4rem 0;scroll-snap-type:x proximity}.blog-nav__categories::-webkit-scrollbar{display:none}.blog-nav__item{flex-shrink:0;scroll-snap-align:start}.blog-nav--pills .blog-nav__link{padding:1rem 1.8rem;font-size:1.3rem}.blog-nav--blocks .blog-nav__categories{--blog-nav-gap: 1rem}.blog-nav--blocks .blog-nav__link{padding:1.2rem 2rem;min-width:auto;font-size:1.2rem}.blog-nav--minimal .blog-nav__categories{padding-bottom:1.6rem}.blog-nav--minimal .blog-nav__link{padding:.8rem 1.4rem;font-size:1.3rem}.blog-nav--glow .blog-nav__link{padding:1rem 2rem;font-size:1.3rem}.blog-nav--glow .blog-nav__link:before{display:none}.blog-nav__count{min-width:1.8rem;height:1.8rem;padding:0 .4rem;font-size:1rem}}@media screen and (max-width: 480px){.blog-nav__categories{--blog-nav-gap: .8rem}.blog-nav--pills .blog-nav__link{padding:.8rem 1.4rem;font-size:1.2rem}.blog-nav--blocks .blog-nav__link{padding:1rem 1.6rem;font-size:1.1rem}.blog-nav--glow .blog-nav__link{padding:.8rem 1.6rem;font-size:1.2rem}}@media screen and (min-width: 750px){.blog-nav--pills .blog-nav__categories,.blog-nav--glow .blog-nav__categories{gap:1.2rem}.blog-nav--blocks .blog-nav__categories{gap:1.6rem}.blog-nav__categories{max-width:90rem;margin-left:auto;margin-right:auto}}.blog-nav.scroll-trigger .blog-nav__item{opacity:0;transform:translateY(12px)}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item{animation:blogNavItemIn .5s ease forwards}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(1){animation-delay:.05s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(2){animation-delay:.1s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(3){animation-delay:.15s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(4){animation-delay:.2s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(5){animation-delay:.25s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(6){animation-delay:.3s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(7){animation-delay:.35s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(8){animation-delay:.4s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(9){animation-delay:.45s}.blog-nav.scroll-trigger.animate--slide-in .blog-nav__item:nth-child(10){animation-delay:.5s}@keyframes blogNavItemIn{to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-blog-category-nav.css.map */