.bn-tabs{--bn-tabs-active-color:var(--bn-primary);--bn-tabs-ink-background-color:var(--bn-primary);--bn-tabs-button-active-background-color:rgb(0 86 255 / 5%);--bn-tabs-button-active-border-color:rgb(0 86 255 / 50%);--bn-tabs-button-hover-border-color:rgb(0 86 255 / 50%);--bn-tabs-nav-height:var(--bn-size-small)}.bn-tabs{width:100%}.bn-tabs__extra-wrapper{display:flex;justify-content:space-between;align-items:flex-end}.bn-tabs__extra{flex-shrink:0;margin-left:10px}.bn-tabs__navs-wrapper{display:flex;width:100%;height:var(--bn-tabs-nav-height)}.bn-tabs__navs-wrapper.is-small{--bn-tabs-nav-height:var(--bn-size-small)}.bn-tabs__navs-wrapper.is-default{--bn-tabs-nav-height:var(--bn-size-default)}.bn-tabs__navs-wrapper.is-large{--bn-tabs-nav-height:var(--bn-size-large)}.bn-tabs__navs-viewport{position:relative;overflow:hidden;height:inherit;flex:1}.bn-tabs__icon-prev{margin-right:5px;width:16px;height:16px;flex-shrink:0;cursor:pointer}.bn-tabs__icon-prev.is-disabled{color:var(--bn-disabled-color);cursor:not-allowed}.bn-tabs__icon-next{margin-left:5px;width:16px;height:16px;flex-shrink:0;cursor:pointer}.bn-tabs__icon-next.is-disabled{color:var(--bn-disabled-color);cursor:not-allowed}.bn-tabs__navs{position:absolute;top:0;left:0;display:flex;height:inherit;transition:transform .3s ease;flex-flow:row nowrap}.bn-tabs__navs.is-button-group .bn-tabs__navs-item{border-radius:0}.bn-tabs__navs.is-button-group .bn-tabs__navs-item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.bn-tabs__navs.is-button-group .bn-tabs__navs-item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.bn-tabs__nav-ink{position:absolute;background-color:var(--bn-tabs-ink-background-color);transition:all .3s ease}.bn-tabs__navs-item{height:inherit;transition:all .3 ease;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.bn-tabs__navs-item.is-line{font-size:16px;color:var(--bn-text-gray-1);line-height:1}.bn-tabs__navs-item.is-line+.bn-tabs__navs-item.is-line{margin-left:40px}.bn-tabs__navs-item.is-line.is-active{font-weight:600;color:var(--bn-tabs-active-color)}.bn-tabs__navs-item.is-button{border:1px solid var(--bn-bc);border-radius:4px;padding:0 28px;height:var(--bn-tabs-nav-height);font-size:14px;color:var(--bn-text-gray-2);box-sizing:border-box;line-height:var(--bn-tabs-nav-height)}.bn-tabs__navs-item.is-button+.bn-tabs__navs-item.is-button{margin-left:6px}.bn-tabs__navs-item.is-button.is-active{border-color:var(--bn-tabs-button-active-border-color);font-weight:500;color:var(--bn-tabs-active-color);background-color:var(--bn-tabs-button-active-background-color)}.bn-tabs__navs-item.is-button:not(.is-active):hover{border-color:var(--bn-tabs-button-hover-border-color)}.bn-tabs__navs-item.is-button-group{z-index:0;margin-left:-1px;border:1px solid var(--bn-bc);border-radius:4px;padding:0 11px;height:var(--bn-tabs-nav-height);font-size:14px;color:var(--bn-text-gray-2);box-sizing:border-box;line-height:var(--bn-tabs-nav-height)}.bn-tabs__navs-item.is-button-group:first-child{margin-left:0}.bn-tabs__navs-item.is-button-group.is-active{border-color:var(--bn-tabs-active-color);color:#fff;background-color:var(--bn-tabs-active-color)}.bn-tabs__navs-item.is-button-group:not(.is-active):hover{z-index:1;border-color:var(--bn-tabs-active-color)}.bn-tabs__panes-viewport{overflow:hidden;padding-top:20px;width:100%;box-sizing:border-box}.bn-tabs__panes{display:flex;width:100%}.bn-tabs__panes.is-animation{transition:transform .3s ease}.bn-tabs__pane{width:100%;flex-shrink:0}