.tabs-with-content__tabs{display:flex;margin-bottom:var(--spacing-05);position:relative}.tabs-with-content__tabs:has(.tab-button:last-of-type:nth-of-type(2)) .tab-button{flex-basis:50%}.tabs-with-content__tabs:has(.tab-button:last-of-type:first-of-type) .tab-button{flex-basis:auto;padding-inline:0;flex-grow:0}.tabs-with-content__tabs:has(.tab-button:last-of-type:first-of-type) .tab-button:after{display:none}.tabs-with-content__tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:.1rem;background-color:var(--color-background-contrast);z-index:-1}.tab-button{cursor:pointer;flex-grow:1;position:relative;background-color:transparent;border:0;padding:1.6rem 1rem;font-size:var(--font-size-body-xs);font-weight:600;transition:color var(--duration-fast) var(--ease-standard)}.tab-button>*{font-size:inherit;color:inherit}.tab-button:not(.tab-button--active,:hover){color:var(--color-foreground-light)}.tab-button--active{position:relative;color:var(--color-foreground)}.tab-button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:.1rem;background-color:var(--color-background-contrast);transition:all var(--duration-fast) var(--ease-standard)}.tab-button--active:after{background-color:var(--color-foreground);height:.3rem}.tab-button:hover,.tab-button:active{color:var(--color-foreground)}.tabs-with-content__content{position:relative}.tab-content{display:none}.tab-content.tab-content--active{display:block}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-tabs-with-content.css.map */
