:host{display:block}.devui-tabs__nav--pills,.devui-tabs__nav--tabs{background:transparent;font-size:var(--devui-font-size,12px);list-style:none}.devui-tabs__nav--pills li,.devui-tabs__nav--tabs li{border:2px solid transparent;cursor:pointer}.devui-tabs__nav--pills li a,.devui-tabs__nav--tabs li a{background-color:transparent;border:none;color:var(--devui-aide-text,#71757f);cursor:pointer;line-height:30px;padding:0;text-decoration:none}.devui-tabs__nav--pills li a:active,.devui-tabs__nav--pills li a:focus,.devui-tabs__nav--pills li a:hover,.devui-tabs__nav--tabs li a:active,.devui-tabs__nav--tabs li a:focus,.devui-tabs__nav--tabs li a:hover{outline:none}.devui-tabs__nav--pills li.disabled a,.devui-tabs__nav--tabs li.disabled a{color:var(--devui-disabled-text,#cfd0d3);cursor:not-allowed}.devui-tabs__nav--pills li.active a,.devui-tabs__nav--pills li:hover:not(.disabled) a,.devui-tabs__nav--tabs li.active a,.devui-tabs__nav--tabs li:hover:not(.disabled) a{color:var(--devui-brand,#5e7ce0)}.devui-tabs__nav--pills li:after,.devui-tabs__nav--tabs li:after{background:transparent;content:"";display:block;height:2px;margin:auto;transition:width var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95)),background-color var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95));width:0}.devui-tabs__nav--pills li.active:after,.devui-tabs__nav--tabs li.active:after{background:var(--devui-brand,#5e7ce0);width:100%}.devui-tabs__nav--pills .devui-tabs__new-tab,.devui-tabs__nav--tabs .devui-tabs__new-tab{padding:2px 0 0}.devui-tabs__nav--options{background:var(--devui-base-bg,#fff);border:1px solid var(--devui-dividing-line,#f2f2f3);border-radius:var(--devui-border-radius,2px);padding:2px;width:-moz-fit-content;width:fit-content}.devui-tabs__nav--options>li{background-color:var(--devui-base-bg,#fff);border-radius:var(--devui-border-radius,2px);cursor:pointer;transition:background-color var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95)),text-shadow var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95))}.devui-tabs__nav--options>li span>a{border:none;color:var(--devui-aide-text,#71757f);line-height:26px;padding:0 16px}.devui-tabs__nav--options>li span>a:active,.devui-tabs__nav--options>li span>a:focus,.devui-tabs__nav--options>li span>a:hover{outline:none}.devui-tabs__nav--options>li.active{background:var(--devui-global-bg,#f6f6f8)}.devui-tabs__nav--options>li.active span>a{color:var(--devui-brand,#5e7ce0);padding:0 16px}.devui-tabs__nav--options>li.disabled{border-color:var(--devui-disabled-line,#dfe1e6)}.devui-tabs__nav--options>li.disabled a{color:var(--devui-disabled-text,#cfd0d3);cursor:not-allowed}.devui-tabs__nav--options>li.active span>a:hover,.devui-tabs__nav--options>li:hover:not(.disabled) span>a:hover{background:transparent;color:var(--devui-brand,#5e7ce0)}.devui-tabs__nav--options .devui-tabs__close-btn{margin-right:12px}.devui-tabs__nav--options .devui-tabs__new-tab{padding:2px 16px 0}.devui-tabs__nav--slider{align-items:center;background:var(--devui-list-item-hover-bg,#f2f2f3);border:none;border-radius:var(--devui-border-radius,2px);display:flex;font-size:var(--devui-font-size,12px);position:relative;width:-moz-fit-content;width:fit-content}.devui-tabs__nav--slider>li{cursor:pointer;margin:2px;position:relative;z-index:1}.devui-tabs__nav--slider>li:first-child{border-left-width:1px;border-radius:var(--devui-border-radius,2px) 0 0 var(--devui-border-radius,2px)}.devui-tabs__nav--slider>li:last-child{border-radius:0 var(--devui-border-radius,2px) var(--devui-border-radius,2px) 0}.devui-tabs__nav--slider>li a{border:none;color:var(--devui-aide-text,#71757f);cursor:pointer;line-height:28px;padding:0 16px}.devui-tabs__nav--slider>li a:active,.devui-tabs__nav--slider>li a:focus,.devui-tabs__nav--slider>li a:hover{outline:none}.devui-tabs__nav--slider>li.disabled{border-color:var(--devui-disabled-line,#dfe1e6)}.devui-tabs__nav--slider>li.disabled a{color:var(--devui-disabled-text,#cfd0d3);cursor:not-allowed}.devui-tabs__nav--slider>li.active a,.devui-tabs__nav--slider>li:hover:not(.disabled) a{color:var(--devui-brand-active,#526ecc)}.devui-tabs__nav--slider>li.active a:hover,.devui-tabs__nav--slider>li:hover:not(.disabled) a:hover{background:transparent;color:var(--devui-brand-active,#526ecc)}.devui-tabs__nav--slider>li.active{text-shadow:0 0 .7px var(--devui-brand,#5e7ce0)}.devui-tabs__nav--slider>li:hover:not(.active):not(.disabled){color:var(--devui-brand-active,#526ecc)}.devui-tabs__nav--slider .devui-tabs__close-btn{margin-right:12px}.devui-tabs__nav--slider .devui-tabs__new-tab{padding:2px 16px 0}.devui-tabs__nav--wrapped{background:transparent;background-color:var(--devui-base-bg,#fff);border-bottom:1px solid var(--devui-dividing-line,#f2f2f3);font-size:var(--devui-font-size,12px)}.devui-tabs__nav--wrapped>li{cursor:pointer;padding:8px 16px;position:relative}.devui-tabs__nav--wrapped>li a{border:none;border-radius:var(--devui-border-radius,2px) var(--devui-border-radius,2px) 0 0;color:var(--devui-aide-text,#71757f);cursor:pointer}.devui-tabs__nav--wrapped>li a:active,.devui-tabs__nav--wrapped>li a:focus,.devui-tabs__nav--wrapped>li a:hover{outline:none}.devui-tabs__nav--wrapped>li.disabled{border-color:var(--devui-disabled-line,#dfe1e6)}.devui-tabs__nav--wrapped>li.disabled a{color:var(--devui-disabled-text,#cfd0d3);cursor:not-allowed}.devui-tabs__nav--wrapped>li.active{background:var(--devui-global-bg,#f6f6f8);border:1px solid var(--devui-dividing-line,#f2f2f3);border-bottom:1px solid transparent;border-radius:var(--devui-border-radius,2px) var(--devui-border-radius,2px) 0 0;margin:-1px}.devui-tabs__nav--wrapped>li.active a{color:var(--devui-brand-active,#526ecc)}.devui-tabs__nav--wrapped>li:hover:not(.active):not(.disabled) a{color:var(--devui-brand,#5e7ce0)}.devui-tabs__nav--tabs{border-bottom:1px solid var(--devui-line,#d7d8da)}.devui-tabs__nav--tabs li{margin-bottom:-3px;margin-left:32px}.devui-tabs__nav--tabs li:first-child{margin-left:0}.devui-tabs__nav--pills>li{margin-left:32px}.devui-tabs__nav--pills>li:first-child{margin-left:0}.devui-tabs__nav{align-items:center;display:flex;list-style:none;overflow-x:scroll;overflow-y:hidden;padding-left:0;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-overflow-style:none}.devui-tabs__nav::-webkit-scrollbar{display:none}.devui-tabs__nav li a{text-decoration:none}.devui-tabs__nav li a.custom-width{display:inline-block;padding:0;text-align:center}.devui-tabs__nav--left,.devui-tabs__nav--right{margin:0}.devui-tabs__nav--left .devui-tabs__nav-slider-animation,.devui-tabs__nav--right .devui-tabs__nav-slider-animation{transition:top var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95)),height var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95))}.devui-tabs__nav--left .devui-tabs__new-tab,.devui-tabs__nav--right .devui-tabs__new-tab{text-align:center}.devui-tabs__nav--right{border-bottom:none;display:block;float:right;margin-left:10px}.devui-tabs__nav--right>li{margin-left:0;padding:0 16px;position:relative}.devui-tabs__nav--right>li:after{display:none}.devui-tabs__nav--right>li:before{background:transparent;content:" ";height:0;left:-5px;margin:auto;position:absolute;top:0;transition:height var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95)),background-color var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95));width:2px}.devui-tabs__nav--right>li.active:before{background:var(--devui-brand,#5e7ce0);height:100%}.devui-tabs__nav--left{border-bottom:none;display:block;float:left;margin-right:10px}.devui-tabs__nav--left>li{margin-left:0;padding:0 16px;position:relative}.devui-tabs__nav--left>li:after{background:transparent;content:" ";height:0;margin:auto;position:absolute;right:-5px;top:0;transition:height var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95)),background-color var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95));width:2px}.devui-tabs__nav--left>li.active:after{background:var(--devui-brand,#5e7ce0);height:100%;width:2px}.devui-tabs__nav-content{align-items:center;display:flex}.devui-tabs__nav--options{padding-left:2px}.devui-tabs__nav-slider-animation{background-color:var(--devui-base-bg,#fff);border-radius:var(--devui-border-radius,2px);box-shadow:0 2px 4px 0 var(--devui-light-shadow,rgba(37,43,58,.12));height:30px;position:absolute;top:1px;transition:left var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95)),width var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out,cubic-bezier(.5,.05,.5,.95));z-index:0}.devui-tabs__close-btn .devui-icon__container:hover,.devui-tabs__new-tab .devui-icon__container:hover{color:var(--devui-text,#252b3a)}.devui-tabs__close-btn .devui-icon__container>i,.devui-tabs__new-tab .devui-icon__container>i{transition:none}.devui-tabs__new-tab .devui-icon__container{color:var(--devui-aide-text,#71757f)}.devui-tabs__close-btn{margin-left:12px}.devui-tabs__close-btn .devui-icon__container{color:var(--devui-form-control-line,#d7d8da)}.devui-tabs--left .devui-tabs__nav--options,.devui-tabs--left .devui-tabs__nav--wrapped,.devui-tabs--right .devui-tabs__nav--options,.devui-tabs--right .devui-tabs__nav--wrapped{border-bottom:1px solid var(--devui-dividing-line,#f2f2f3)}.devui-tabs--left .devui-tabs__nav--options>li:after,.devui-tabs--left .devui-tabs__nav--options>li:before,.devui-tabs--left .devui-tabs__nav--wrapped>li:after,.devui-tabs--left .devui-tabs__nav--wrapped>li:before,.devui-tabs--right .devui-tabs__nav--options>li:after,.devui-tabs--right .devui-tabs__nav--options>li:before,.devui-tabs--right .devui-tabs__nav--wrapped>li:after,.devui-tabs--right .devui-tabs__nav--wrapped>li:before{display:none}.devui-tabs--left .devui-tabs__nav--wrapped,.devui-tabs--right .devui-tabs__nav--wrapped{border-bottom:none}.devui-tabs--left .devui-tabs__nav--wrapped>li,.devui-tabs--right .devui-tabs__nav--wrapped>li{padding:8px 16px}.devui-tabs--left .devui-tabs__nav--slider>li:after,.devui-tabs--left .devui-tabs__nav--slider>li:before,.devui-tabs--right .devui-tabs__nav--slider>li:after,.devui-tabs--right .devui-tabs__nav--slider>li:before{display:none}.devui-tabs--left .devui-tabs__nav--slider .devui-tabs__nav-slider-animation,.devui-tabs--right .devui-tabs__nav--slider .devui-tabs__nav-slider-animation{left:1px}.devui-tabs--right .devui-tabs__nav--wrapped{border-left:1px solid var(--devui-dividing-line,#f2f2f3)}.devui-tabs--right .devui-tabs__nav--wrapped>li a,.devui-tabs--right .devui-tabs__nav--wrapped>li.active{border-radius:0 var(--devui-border-radius,2px) var(--devui-border-radius,2px) 0}.devui-tabs--right .devui-tabs__nav--wrapped>li.active{border-bottom-color:var(--devui-dividing-line,#f2f2f3);border-left-color:transparent}.devui-tabs--right .devui-tabs__nav--tabs{border-left:1px solid var(--devui-line,#d7d8da)}.devui-tabs--left .devui-tabs__nav--wrapped{border-right:1px solid var(--devui-dividing-line,#f2f2f3)}.devui-tabs--left .devui-tabs__nav--wrapped>li a,.devui-tabs--left .devui-tabs__nav--wrapped>li.active{border-radius:var(--devui-border-radius,2px) 0 0 var(--devui-border-radius,2px)}.devui-tabs--left .devui-tabs__nav--wrapped>li.active{border-bottom-color:var(--devui-dividing-line,#f2f2f3);border-right-color:transparent}.devui-tabs--left .devui-tabs__nav--tabs{border-right:1px solid var(--devui-line,#d7d8da)}.devui-tab__content{margin-top:10px;overflow:hidden;padding:10px 0}