.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-background-color, #fff);color:var(--nutui-color-title, #0d0d0d);padding:var(--nutui-tabs-tabpane-padding, var(--nutui-spacing-3, 16px));box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 48px);-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;background:var(--nutui-tabs-titles-background-color, transparent);scrollbar-width:none}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 var(--nutui-tabs-titles-gap, var(--nutui-spacing-3, 16px));height:var(--nutui-tabs-titles-height, 48px);line-height:var(--nutui-tabs-titles-height, 48px);min-width:var(--nutui-tabs-titles-item-min-width, 34px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 17px));color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #0d0d0d));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item .nut-icon{color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #0d0d0d))}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #0d0d0d))}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";left:50%;transform:translate(-50%);bottom:var(--nutui-tabs-line-bottom, 2px);border-radius:var(--nutui-tabs-line-border-radius, 3px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:20px;width:100%;height:100%}.nut-tabs-titles-item-active .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-item-active .nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 700))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 28px);height:var(--nutui-tabs-tab-line-height, 4px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-item-disabled,.nut-tabs-titles-item-disabled .nut-icon,.nut-tabs-titles-item-disabled .nut-tabs-titles-item-text{color:var(--nutui-color-text-disabled, #999999)}.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon{color:var(--nutui-color-title, #0d0d0d);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-3, 17px))}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 700);background-color:#fff;border-radius:var(--nutui-radius-2, 12px) var(--nutui-radius-2, 12px) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background:var(--nutui-color-default-light);color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc));border-radius:var(--nutui-tabs-button-border-radius, var(--nutui-radius-1, 8px));font-weight:var(--nutui-font-weight-bold, 700);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-background, #e6f0ff));border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-divider{border-bottom:1px solid var(--nutui-color-border, #e6e6e6)}.nut-tabs-titles-divider .nut-tabs-titles-item{position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-color-border, #e6e6e6);transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-vertical .nut-tabs-ellipsis{white-space:break-spaces;padding-left:6px;width:90px;line-height:var(--nutui-font-size-2, 15px)}.nut-tabs-vertical .nut-tabs-titles{flex-direction:column;height:100%;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{flex-direction:column}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line-vertical{top:50%}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, var(--nutui-color-primary, #006dfc)) 0%, var(--nutui-color-primary-light-pressed, var(--nutui-color-primary-background, #e6f0ff)) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-12px;bottom:-2%;left:auto;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;height:var(--nutui-tabs-titles-height, 48px);width:100%;padding:0!important}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{flex-direction:row;height:auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%);width:var(--nutui-tabs-tab-line-width, 28px);height:var(--nutui-tabs-tab-line-height, 4px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}.nut-tabs .nut-tabs-content-no-animate .nut-tabs-content-inactive{display:none}.nut-tabs .nut-tabs-content-no-animate .nut-tabs-content-active{display:block}.nut-tabs .nut-tabs-titles-item-text{height:32px;line-height:32px;display:flex;align-items:center}.nut-tabs .nut-tabs-titles-item-text-icon{margin-right:var(--nutui-spacing-0, 4px)}.nut-tabs .nut-tabs-titles-item-text-icon img{vertical-align:inherit!important}.nut-tabs .nut-tabs-titles-button{background-color:transparent!important}.nut-tabs .nut-tabs-titles-button .nut-tabs-titles-item{font-size:var(--nutui-tabs-tab-button-font-size, var(--nutui-font-size-2, 15px))!important;padding:0 6px}.nut-tabs .nut-tabs-titles-button .nut-tabs-titles-item-text{height:var(--nutui-tabs-button-border-radius, 32px)!important;background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-background, #f8f8f8));border-radius:var(--nutui-tabs-button-border-radius, var(--nutui-radius-1, 8px));box-sizing:border-box;border:1px solid transparent}.nut-tabs .nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background-color:#fff;border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #006dfc))}.nut-tabs .nut-tabs-titles-button-solid{--nutui-tabs-button-active-border: 1px solid transparent}.nut-tabs .nut-tabs-titles-button-solid .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-background, #e6f0ff))}.nut-tabs-fix-width .nut-tabs-titles-item{flex:none!important}.nut-tabs-titles-card .nut-tabs-titles-item-active{background-color:var(--nutui-color-primary-light, var(--nutui-color-primary-background, #e6f0ff))}.nut-tabs-titles-divider .nut-tabs-titles-item,.nut-tabs-titles-card .nut-tabs-titles-item{padding:0 var(--nutui-spacing-3, 16px)!important}