.tabs-component{width:100%;display:block}.tabs-header{display:flex;flex-wrap:wrap;position:relative}.tab-button{padding:1.5em 3em;font-size:1.5em!important;transition:color .3s ease}.tabs-content{margin-top:1rem}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tabs-component.vertical{display:flex;flex-direction:row;align-items:flex-start}.tabs-component.vertical .tabs-header{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-border);min-width:200px}.tabs-component.vertical .tabs-content{margin-top:0;margin-left:2rem;flex:1}.tabs-component.vertical .indicator{width:2px;height:auto;top:0;right:0;bottom:auto}.tab-scrollable{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.tab-scrollable::-webkit-scrollbar{display:none}@media screen and (max-width: 767px){.tab-scrollable{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;touch-action:pan-x;cursor:grab}.tab-scrollable::-webkit-scrollbar{display:none}.tabs-header{overflow-x:visible;white-space:nowrap;padding-bottom:.5rem;flex-wrap:nowrap;min-width:max-content}.tab-button{padding:1em 1.75em;font-size:1em!important}.tabs-component.vertical{flex-direction:column}.tabs-component.vertical .tabs-header{flex-direction:row;border-right:none;border-bottom:1px solid var(--color-border);width:100%}.tabs-component.vertical .tabs-content{margin-left:0;margin-top:1rem;width:100%}.tabs-component.vertical .indicator{width:auto;height:2px;top:auto;bottom:0;right:auto}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/component-tabs.css.map */
