.tabs{display:flex;flex-direction:column}.tabs__list{display:flex;gap:0;border-bottom:1px solid var(--color-border, #e2e8f0);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__trigger{position:relative;flex-shrink:0;padding:.75rem 1.25rem;background:transparent;border:none;font-family:inherit;font-size:.9375rem;font-weight:500;color:var(--color-text-muted, #64748b);cursor:pointer;white-space:nowrap;transition:color .2s}.tabs__trigger:hover{color:var(--color-text, #0f172a)}.tabs__trigger:focus-visible{outline:2px solid var(--color-primary, #0071dc);outline-offset:-2px}.tabs__trigger--active{color:var(--color-text, #0f172a)}.tabs__trigger--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary, #0071dc)}.tabs__panel{padding:1.5rem 0}.tabs__panel[hidden]{display:none}.tabs__panel:focus-visible{outline:none}.tabs--boxed .tabs__list{gap:.25rem;padding:.25rem;background:var(--color-background-subtle, #f1f5f9);border:none;border-radius:.5rem}.tabs--boxed .tabs__trigger{padding:.5rem 1rem;border-radius:.375rem}.tabs--boxed .tabs__trigger--active{background:#fff;box-shadow:0 1px 3px #0000001a}.tabs--boxed .tabs__trigger--active:after{display:none}.tabs--pills .tabs__list{gap:.5rem;border:none}.tabs--pills .tabs__trigger{padding:.5rem 1rem;border-radius:9999px;border:1px solid transparent}.tabs--pills .tabs__trigger:hover{background:var(--color-background-subtle, #f1f5f9)}.tabs--pills .tabs__trigger--active{background:var(--color-primary, #0071dc);color:#fff}.tabs--pills .tabs__trigger--active:after{display:none}.tabs--vertical{flex-direction:row}.tabs--vertical .tabs__list{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-border, #e2e8f0);gap:.25rem;padding-right:1rem}.tabs--vertical .tabs__trigger{text-align:left;padding:.625rem 1rem;border-radius:.375rem}.tabs--vertical .tabs__trigger--active:after{top:0;bottom:0;left:auto;right:-1rem;width:2px;height:auto}.tabs--vertical .tabs__panel{flex:1;padding:0 0 0 1.5rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-tabs.css.map */