.tabs__nav{display:flex;gap:1rem;margin-bottom:4rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent}.tabs__nav::-webkit-scrollbar{height:.4rem}.tabs__nav::-webkit-scrollbar-track{background:transparent}.tabs__nav::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.3);border-radius:.2rem}@media screen and (min-width: 750px){.tabs__nav{justify-content:center;flex-wrap:wrap}}.tabs__tab{flex-shrink:0;white-space:nowrap;min-width:auto;transition:all .2s ease}.tabs__tab:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.tabs__tab[aria-selected=true]{cursor:default}.tabs__panels{position:relative}.tabs__panel{opacity:1;transition:opacity .3s ease-in-out}.tabs__panel--hidden{display:none;opacity:0}.tabs__panel:focus{outline:none}@media (prefers-reduced-motion: no-preference){.tabs__panel{animation:fadeIn .3s ease-in-out}}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 749px){.tabs__nav{margin-bottom:2rem;padding-bottom:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-tabs.css.map */