.section-nav-bar{position:sticky;top:60px;z-index:89;box-sizing:border-box;transition:all .3s ease}.section-nav-bar .nav-bar{position:relative;overflow:hidden}.section-nav-bar .nav-bar-container{width:100%;position:relative;display:flex;justify-content:center;align-items:center;gap:46px;flex-wrap:nowrap;overflow-x:auto;min-height:40px;padding:0 20px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.section-nav-bar .nav-bar-container::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.section-nav-bar .nav-bar .nav-bar-item{color:#b2b2b2;padding:12px 0;cursor:pointer;white-space:nowrap;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;-webkit-user-select:none;user-select:none;z-index:2}.section-nav-bar .nav-bar-indicator-line{position:absolute;bottom:0;left:0;height:3px;background-color:#000;border-radius:2px 2px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;will-change:left,width,background-color}@media screen and (max-width: 768px){.section-nav-bar{top:48px;padding:0}.section-nav-bar .nav-bar-container{gap:20px;padding:0 16px;justify-content:flex-start}}@media screen and (max-width: 480px){.section-nav-bar .nav-bar-container{gap:28px;padding:0 12px}}.section-nav-bar .nav-bar[style*=background-image]{color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}.section-nav-bar .nav-bar[style*=background-image]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000004d;border-radius:inherit;z-index:1}.section-nav-bar .nav-bar[style*=background-image] .nav-bar-container{position:relative;z-index:2}.section-nav-bar .nav-bar[style*=background-image] .nav-bar-item{color:#fff}.section-nav-bar .nav-bar[style*=background-image] .nav-bar-item:hover{background-color:#ffffff1a}.section-nav-bar .nav-bar[style*=background-image] .nav-bar-item.active{background-color:#fff3}.section-nav-bar .nav-bar[style*=background-image] .nav-bar-indicator-line{background-color:#fff}.section-nav-bar .nav-bar{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-nav-bar .nav-bar-container{scroll-behavior:smooth}.section-nav-bar .nav-bar .nav-bar-item:focus{outline:2px solid rgba(0,123,255,.5);outline-offset:2px}.section-nav-bar .nav-bar-container.loading{opacity:.7;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/65/assets/navbar.css.map */