.x-tabs{position:relative}.x-tabs__wrap{top:0;left:0;right:0;z-index:99;overflow:hidden;position:absolute}.x-tabs__wrap--page-top{position:fixed}.x-tabs__wrap--content-bottom{top:auto;bottom:0}.x-tabs__wrap--scrollable .x-tab{-webkit-box-flex:0;-webkit-flex:0 0 22%;flex:0 0 22%}.x-tabs__wrap--scrollable .x-tabs__nav{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.x-tabs__wrap--scrollable .x-tabs__nav::-webkit-scrollbar{display:none}.x-tabs__nav{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none;position:relative;background-color:#fff}.x-tabs__nav--line{height:100%;padding-bottom:15px;box-sizing:content-box}.x-tabs__nav--card{margin:0 15px;border-radius:2px;box-sizing:border-box;border:1px solid #f44;height:30px}.x-tabs__nav--card .x-tab{color:#f44;border-right:1px solid #f44;line-height:28px}.x-tabs__nav--card .x-tab:last-child{border-right:none}.x-tabs__nav--card .x-tab.x-tab--active{color:#fff;background-color:#f44}.x-tabs__nav--card .x-tab--disabled{color:#c9c9c9}.x-tabs__line{z-index:1;left:0;bottom:15px;height:2px;position:absolute;border-radius:2px 0;background-color:#f44}.x-tabs--line{padding-top:44px}.x-tabs--line .x-tabs__wrap{height:44px}.x-tabs--card{padding-top:30px}.x-tabs--card .x-tabs__wrap{height:30px}.x-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;cursor:pointer;padding:0 5px;font-size:14px;position:relative;color:#333;line-height:44px;text-align:center;box-sizing:border-box;background-color:#fff;min-width:0}.x-tab span{display:block}.x-tab--active{color:#f44}.x-tab--disabled{color:#c9c9c9}