.router-tab{display:flex;flex-direction:column;min-height:300px}.router-tab__header{position:relative;z-index:9;display:flex;flex:none;box-sizing:border-box;height:40px;transition:all .2s ease-in-out}[dir] .router-tab__header{border-bottom:1px solid #eaecef}.router-tab__scroll{position:relative;flex:1 1 0px;height:40px;overflow:hidden}.router-tab__scroll-container{width:100%;height:100%;overflow:hidden}.router-tab__scroll-container.is-mobile{overflow-x:auto;overflow-y:hidden}.router-tab__scrollbar{position:absolute;bottom:0;height:3px;opacity:0;transition:opacity .3s ease-in-out}[dir] .router-tab__scrollbar{background-color:rgba(0,0,0,.1);border-radius:3px}[dir=ltr] .router-tab__scrollbar,[dir=rtl] .router-tab__scrollbar{right:0;left:0}.router-tab__scroll:hover .router-tab__scrollbar,.router-tab__scrollbar.is-dragging{opacity:1}.router-tab__scrollbar-thumb{position:absolute;top:0;height:100%;transition:background-color .3s ease-in-out}[dir] .router-tab__scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:3px}[dir=ltr] .router-tab__scrollbar-thumb{left:0}[dir=rtl] .router-tab__scrollbar-thumb{right:0}[dir] .router-tab__scrollbar-thumb:hover,[dir] .router-tab__scrollbar.is-dragging .router-tab__scrollbar-thumb{background-color:rgba(66,185,131,.8)}.router-tab__nav{position:relative;display:inline-flex;flex-wrap:nowrap;height:100%;list-style:none}[dir] .router-tab__nav{margin:0;padding:0}.router-tab__item{position:relative;display:flex;flex:none;align-items:center;color:#4d4d4d;font-size:14px;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir] .router-tab__item{padding:0 20px;border:1px solid #eaecef;cursor:pointer}[dir=ltr] .router-tab__item{border-left:none;transform-origin:left bottom}[dir=rtl] .router-tab__item{border-right:none;transform-origin:right bottom}[dir=ltr] .router-tab__item:first-child{border-left:1px solid #eaecef}[dir=rtl] .router-tab__item:first-child{border-right:1px solid #eaecef}.router-tab__item.is-contextmenu{color:#000}.router-tab__item.is-active,.router-tab__item:hover{color:#42b983}[dir] .router-tab__item.is-active.is-closable,[dir] .router-tab__item:hover.is-closable{padding:0 11.5px}.router-tab__item.is-active .router-tab__item-close,.router-tab__item:hover .router-tab__item-close{width:13px}[dir=ltr] .router-tab__item.is-active .router-tab__item-close,[dir=ltr] .router-tab__item:hover .router-tab__item-close{margin-left:4px}[dir=rtl] .router-tab__item.is-active .router-tab__item-close,[dir=rtl] .router-tab__item:hover .router-tab__item-close{margin-right:4px}[dir] .router-tab__item.is-active .router-tab__item-close:after,[dir] .router-tab__item.is-active .router-tab__item-close:before,[dir] .router-tab__item:hover .router-tab__item-close:after,[dir] .router-tab__item:hover .router-tab__item-close:before{border-color:#42b983}[dir] .router-tab__item.is-active{border-bottom-color:#fff}.router-tab__item.is-drag-over{transition:background .15s ease}[dir] .router-tab__item.is-drag-over{background:rgba(0,0,0,.05)}.router-tab__item-title{min-width:30px;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.router-tab__item-icon{font-size:16px}[dir=ltr] .router-tab__item-icon{margin-right:5px}[dir=rtl] .router-tab__item-icon{margin-left:5px}.router-tab__item-close{position:relative;display:block;width:0;height:13px;overflow:hidden;transition:all .3s ease-in-out}[dir] .router-tab__item-close{border-radius:50%;cursor:pointer}[dir=ltr] .router-tab__item-close{margin-left:0}[dir=rtl] .router-tab__item-close{margin-right:0}.router-tab__item-close:after,.router-tab__item-close:before{position:absolute;top:6px;display:block;width:8px;height:1px;transition:background-color .2s ease-in-out;content:""}[dir] .router-tab__item-close:after,[dir] .router-tab__item-close:before{background-color:#4d4d4d}[dir=ltr] .router-tab__item-close:after,[dir=ltr] .router-tab__item-close:before{left:50%;margin-left:-4px}[dir=rtl] .router-tab__item-close:after,[dir=rtl] .router-tab__item-close:before{right:50%;margin-right:-4px}[dir=ltr] .router-tab__item-close:before{transform:rotate(-45deg)}[dir=ltr] .router-tab__item-close:after,[dir=rtl] .router-tab__item-close:before{transform:rotate(45deg)}[dir=rtl] .router-tab__item-close:after{transform:rotate(-45deg)}[dir] .router-tab__item-close:hover{background-color:#a6a6a6}[dir] .router-tab__item-close:hover:after,[dir] .router-tab__item-close:hover:before{background-color:#fff}.router-tab__container{position:relative;flex:1;overflow-x:hidden;overflow-y:auto;transition:all .4s ease-in-out}[dir] .router-tab__container{background:#fff}.router-tab__container>.router-alive{height:100%}.router-tab__iframe{position:absolute;top:0;width:100%;height:100%}[dir=ltr] .router-tab__iframe{left:0}[dir=rtl] .router-tab__iframe{right:0}.router-tab__contextmenu{position:fixed;z-index:999;min-width:120px;font-size:14px;transition:all .25s ease-in}[dir] .router-tab__contextmenu{padding:8px 0;background:#fff;border:1px solid #eaecef}[dir=ltr] .router-tab__contextmenu{box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);transform-origin:left top}[dir=rtl] .router-tab__contextmenu{box-shadow:-1px 1px 4px 0 rgba(0,0,0,.1);transform-origin:right top}.router-tab__contextmenu-item{position:relative;display:block;color:#4d4d4d;line-height:30px;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir] .router-tab__contextmenu-item{padding:0 20px;cursor:pointer}.router-tab__contextmenu-item:active,.router-tab__contextmenu-item:hover{color:#42b983}.router-tab__contextmenu-item[disabled]{color:#aaa;pointer-events:none}[dir] .router-tab__contextmenu-item[disabled]{background:none;cursor:default}[dir=ltr] .has-icon .router-tab__contextmenu-item{padding-left:30px}[dir=rtl] .has-icon .router-tab__contextmenu-item{padding-right:30px}.router-tab__contextmenu-icon{position:absolute;top:0;display:none;line-height:30px}[dir=ltr] .router-tab__contextmenu-icon{left:8px}[dir=rtl] .router-tab__contextmenu-icon{right:8px}.has-icon .router-tab__contextmenu-icon{display:block}.router-tab-zoom-enter-active,.router-tab-zoom-leave-active{transition:all .4s}.router-tab-zoom-enter,.router-tab-zoom-leave-to{opacity:0}[dir] .router-tab-zoom-enter,[dir] .router-tab-zoom-leave-to{transform:scale(0)}.router-tab-swap-enter-active,.router-tab-swap-leave-active{transition:all .5s}.router-tab-swap-enter,.router-tab-swap-leave-to{opacity:0}[dir=ltr] .router-tab-swap-enter{transform:translateX(-30px)}[dir=ltr] .router-tab-swap-leave-to,[dir=rtl] .router-tab-swap-enter{transform:translateX(30px)}[dir=rtl] .router-tab-swap-leave-to{transform:translateX(-30px)}