tabs-component .tab-scrollable{border-bottom:1px solid rgba(var(--color-foreground)/.12)}tabs-component .tab-button{padding-bottom:1.2rem;border-bottom:none;background:none;color:rgba(var(--color-foreground)/.7);white-space:nowrap;font-weight:600}tabs-component .tab-button.active{color:rgb(var(--color-foreground))}tabs-component .tab-scrollable.cstm-collection-tab-styl-2{border:none}tabs-component .cstm-collection-tab-styl-2 .tab-button{position:relative;z-index:0;overflow:hidden;transition:color .3s ease,border-color .3s ease;border-radius:50px;justify-content:center;border:2px solid;border-color:var(--tab-border-color);background-image:linear-gradient(to right,var(--tab-active-bg-color) 50%,var(--tab-bg-color) 0);background-size:200% 100%;background-position:right;background-clip:border-box;transition:background-position .4s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .3s ease;color:var(--tab-text-color);padding:4px 24px;font-size:20px}tabs-component .cstm-collection-tab-styl-2 .tab-button.active{background-position:left;color:var(--tab-active-text-color);border-color:var(--tab-active-border-color)}tabs-component .indicator{display:block!important;position:absolute;bottom:-1px;height:2px;background-color:rgb(var(--color-heading));width:var(--indicator-width);transform:translate(var(--indicator-offset));transition:transform .25s ease,width .25s ease;transform-origin:left}tabs-component .tabs-content>.tab-content{display:none;padding:3rem 0;animation:var(--animation-fade-in)}tabs-component .tabs-content>.tab-content.active{display:block}.tab-button:focus-visible{outline:none;box-shadow:none}@media screen and (max-width:640px){tabs-component .tab-scrollable{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;overflow-y:hidden;justify-content:flex-start;margin-left:calc(-1 * var(--fluid-offset, 24px));margin-right:calc(-1 * var(--fluid-offset, 24px));padding-left:var(--fluid-offset, 24px);padding-right:var(--fluid-offset, 24px)}tabs-component .tab-scrollable::-webkit-scrollbar{display:none}tabs-component .tabs-header{margin-bottom:1px}tabs-component .cstm-collection-tab-styl-2 .tab-button{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/263/assets/component-tabs.css.map */