.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.boom-tab-btn{color:var(--tab-default-text)!important;background-color:var(--tab-default-bg)!important;font-size:var(--tab-font-size-mobile)!important;padding:var(--tab-padding-y-mobile) var(--tab-padding-x-mobile)!important;box-sizing:border-box;min-width:0}.boom-layout-scroll{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:var(--tab-padding-y-mobile) 4px!important}.boom-layout-scroll .boom-tab-btn{flex-shrink:0!important}.boom-layout-block{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:10px!important;padding:var(--tab-padding-y-mobile) 0!important}.boom-layout-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:var(--tab-padding-y-mobile) 0!important}.boom-layout-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:var(--tab-padding-y-mobile) 0!important}@media(min-width:768px){.boom-nav-wrapper{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;gap:20px!important;overflow-x:visible!important;padding-top:var(--tab-padding-y-desktop)!important;padding-bottom:var(--tab-padding-y-desktop)!important}.boom-nav-wrapper .boom-tab-btn{flex-shrink:1!important;font-size:var(--tab-font-size-desktop)!important;padding:var(--tab-padding-y-desktop) var(--tab-padding-x-desktop)!important}}.boom-tab-btn.tab-style-text{background-color:transparent!important}.boom-tab-btn.tab-style-border{border-color:#e5e7eb}.boom-tab-btn.tab-style-text.is-active{color:var(--tab-active-text)!important}.boom-tab-btn.tab-style-text.is-active .tab-underline{width:80%;background-color:var(--tab-active-color)}.boom-tab-btn.tab-style-bg.is-active{background-color:var(--tab-active-color)!important;color:var(--tab-active-text)!important}.boom-tab-btn.tab-style-border.is-active{border-color:var(--tab-active-color)!important;color:var(--tab-active-text)!important;background-color:var(--tab-default-bg)!important}
/*# sourceMappingURL=/cdn/shop/t/31/assets/boom-dynamic-tabs.css.map */
