/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src-extracted/tools/styles/components/tabs.scss ***!
  \**********************************************************************************************************************************************************************/tabs-container,tab-buttons,tab-item,.tab-item{display:block}tab-button{cursor:pointer}tab-button[opened] .tab-button-inner,.tab-button.active .tab-button-inner{background-color:var(--color-primary-button-background);color:var(--color-primary-button-text)}.tab-button{cursor:pointer}.tab-button-inner{width:max-content;display:flex;align-items:center;flex-wrap:nowrap;gap:.8rem;padding:.8rem 1.6rem;border:.1rem solid var(--color-primary-button-background);border-radius:.5rem;color:var(--color-primary-button-background);line-height:1;transition:background-color var(--transition),color var(--transition)}tab-item:not([opened]),.tab-item:not([opened]){display:none}tab-item[opened],.tab-item[opened]{opacity:1;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/493/assets/component.tabs.css.map */