.service-nav-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:start}.service-nav-bar__item{display:block;min-height:78px;text-decoration:none;color:#000;transition:border-color .2s ease,background-color .2s ease}.service-nav-bar__item:hover,.service-nav-bar__item:focus{text-decoration:none;color:#000}.service-nav-bar__item-inner{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 16px;border:1px solid #d8d8d8;border-radius:10px;background:#fff}.service-nav-bar__item:hover .service-nav-bar__item-inner{border-color:#fbba00}.service-nav-bar__item.is-active{min-height:88px;background:var(--service-nav-active-bg) no-repeat center bottom / 100% 100%;padding-bottom:10px}.service-nav-bar__item.is-active .service-nav-bar__item-inner{min-height:78px;border:none;border-radius:0;background:transparent;padding:12px 16px}.service-nav-bar__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.service-nav-bar__icon img{max-width:100%;max-height:100%;display:block}.service-nav-bar__title{color:#000;font-family:Zilla Slab,serif;font-size:17px;font-weight:600;line-height:normal}@media(max-width:1199.98px){.service-nav-bar-wrp{--service-nav-item-half: 100px}.service-nav-bar-scroller{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:20px;scroll-padding-right:calc(50% - var(--service-nav-item-half, 100px));-webkit-overflow-scrolling:touch;scrollbar-width:none}.service-nav-bar-scroller::-webkit-scrollbar{display:none}.service-nav-bar{display:flex;gap:12px;width:max-content;min-width:100%;padding:0 20px 4px;padding-right:calc(50% - var(--service-nav-item-half, 100px));box-sizing:border-box}.service-nav-bar__item{flex:0 0 200px;scroll-snap-align:center}}@media(max-width:767.98px){.service-nav-bar-wrp{--service-nav-item-half: 90px}.service-nav-bar-wrp .container{padding-left:0;padding-right:0}.service-nav-bar__item{flex-basis:180px}.service-nav-bar__title{font-size:15px}}@media(max-width:575.98px){.service-nav-bar-wrp{--service-nav-item-half: 80px}.service-nav-bar__item{flex-basis:160px}.service-nav-bar__item-inner{gap:10px;padding:12px 14px}.service-nav-bar__item.is-active .service-nav-bar__item-inner{padding:12px 14px 0}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-service-nav-bar.css.map */