.y-tabs{--y-tabs-nav-border-color:var(--y-color-border-secondary);--y-tabs-line-bg-color:var(--y-color-primary);--y-tabs-tab-card-bg-color:var(--y-color-fill-quaternary);--y-tabs-nav-active-text-color:var(--y-color-primary);--y-tabs-nav-radio-active-color:var(--y-color-primary);--y-tabs-disabled-color:var(--y-color-text-quaternary)}.y-tabs{display:block;box-sizing:border-box;max-height:100%}.y-tabs__nav{position:relative;display:flex;overflow:hidden;white-space:nowrap;box-sizing:border-box}.y-tabs__nav::after,.y-tabs__nav::before{display:block;border-bottom:1px solid var(--y-tabs-nav-border-color);content:" "}.y-tabs__nav::after{flex:1}.y-tabs__nav.is-center::before{flex:1}.y-tabs__list{position:relative}.y-tabs__list--tab:not(.y-tabs__list--tab:first-child)::before{display:block;content:""}.y-tabs__list--tab.is-active{color:var(--y-tabs-nav-active-text-color)}.y-tabs__list--tab.is-top::before{width:36px;border-bottom:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-top .y-tabs__list--tab-btn{text-align:right;padding:8px 0;border-bottom:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-bottom::before{width:36px;border-top:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-bottom .y-tabs__list--tab-btn{text-align:left;padding:8px 0;border-top:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-left::before{height:16px;border-right:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-left .y-tabs__list--tab-btn{text-align:right;padding:8px 10px;border-right:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-right::before{height:16px;border-left:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-right .y-tabs__list--tab-btn{text-align:left;padding:8px 10px;border-left:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-card .y-tabs__list--tab-btn{padding:6px 16px;background:var(--y-tabs-tab-card-bg-color);border:1px solid var(--y-tabs-nav-border-color)}.y-tabs__list--tab.is-card.is-top::before{width:2px!important}.y-tabs__list--tab.is-card.is-top .y-tabs__list--tab-btn{border-radius:8px 8px 0 0}.y-tabs__list--tab.is-card.is-top.is-active .y-tabs__list--tab-btn{border-bottom-color:transparent;background-color:transparent}.y-tabs__list--tab.is-card.is-bottom::before{width:2px!important}.y-tabs__list--tab.is-card.is-bottom .y-tabs__list--tab-btn{border-radius:0 0 8px 8px}.y-tabs__list--tab.is-card.is-bottom.is-active .y-tabs__list--tab-btn{border-top-color:transparent;background-color:transparent}.y-tabs__list--tab.is-card.is-left::before{height:2px!important}.y-tabs__list--tab.is-card.is-left .y-tabs__list--tab-btn{border-radius:8px 0 0 8px}.y-tabs__list--tab.is-card.is-left.is-active .y-tabs__list--tab-btn{border-right-color:transparent;background-color:transparent}.y-tabs__list--tab.is-card.is-right::before{height:2px!important}.y-tabs__list--tab.is-card.is-right .y-tabs__list--tab-btn{border-radius:0 8px 8px 0}.y-tabs__list--tab.is-card.is-right.is-active .y-tabs__list--tab-btn{border-right-color:transparent;background-color:transparent}.y-tabs__list--tab.is-disabled{color:var(--y-tabs-disabled-color)}.y-tabs__list--tab.is-disabled .y-tabs__list--tab-btn{cursor:not-allowed}.y-tabs__list--tab-btn{cursor:pointer;box-sizing:border-box}.y-tabs__list--bar{position:absolute;background:var(--y-tabs-line-bg-color);pointer-events:none;transition:width .3s,left .3s,right .3s,top .3s,bottom .3s;z-index:1}.y-tabs__list--bar.is-hide{display:none}.y-tabs__list--bar.is-top{height:2px;bottom:0}.y-tabs__list--bar.is-bottom{height:2px;top:0}.y-tabs__list--bar.is-left{width:2px;right:0}.y-tabs__list--bar.is-right{width:2px;left:0}.y-tabs__content{flex:1}