tabs-component .tab-scrollable{border-bottom:1px solid rgba(var(--color-foreground)/.12)}tabs-component .tab-button{color:rgba(var(--color-foreground)/.7);white-space:nowrap;background:0 0;border-bottom:none;padding-bottom:1.2rem}tabs-component .tab-button.active{color:rgb(var(--color-foreground))}tabs-component .indicator{background-color:rgb(var(--color-heading));height:2px;width:var(--indicator-width);transform:translateX(var(--indicator-offset));transform-origin:0;transition:transform .25s,width .25s;position:absolute;bottom:-1px;display:block!important}tabs-component .tabs-content>.tab-content{animation:var(--animation-fade-in);padding:3rem 0;display:none}tabs-component .tabs-content>.tab-content.active{display:block}@media screen and (width<=640px){tabs-component .tab-scrollable{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;justify-content:flex-start;overflow:scroll hidden}tabs-component .tab-scrollable::-webkit-scrollbar{display:none}tabs-component .tabs-header{margin-bottom:1px}}