.oq-tabs{--oq-tabs-header-height: 40px;display:flex}.oq-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.oq-tabs__header-vertical{flex-direction:column}.oq-tabs__active-bar{background-color:var(--oq-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--oq-transition-duration) var(--oq-transition-function-ease-in-out-bezier),transform var(--oq-transition-duration) var(--oq-transition-function-ease-in-out-bezier);z-index:1}.oq-tabs__new-tab{align-items:center;border:1px solid var(--oq-border-color);border-radius:3px;color:var(--oq-text-color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.oq-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.oq-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.oq-tabs__new-tab:hover{color:var(--oq-color-primary)}.oq-tabs__new-tab-vertical{margin-left:0}.oq-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.oq-tabs__nav-wrap:after{background-color:var(--oq-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--oq-index-normal)}.oq-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.oq-tabs__nav-scroll{overflow:hidden}.oq-tabs__nav-next,.oq-tabs__nav-prev{color:var(--oq-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.oq-tabs__nav-next{right:0}.oq-tabs__nav-prev{left:0}.oq-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--oq-transition-duration);white-space:nowrap;z-index:calc(var(--oq-index-normal) + 1)}.oq-tabs__nav.is-stretch{display:flex;min-width:100%}.oq-tabs__nav.is-stretch>*{flex:1;text-align:center}.oq-tabs__item{align-items:center;box-sizing:border-box;color:var(--oq-text-color-primary);display:flex;font-size:var(--oq-font-size-base);font-weight:500;height:var(--oq-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.oq-tabs__item:focus,.oq-tabs__item:focus:active{outline:none}.oq-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--oq-color-primary) inset}.oq-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--oq-transition-duration) var(--oq-transition-function-ease-in-out-bezier)}.oq-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.oq-tabs__item .is-icon-close:hover{background-color:var(--oq-text-color-placeholder);color:#fff}.oq-tabs__item.is-active{color:var(--oq-color-primary)}.oq-tabs__item:hover{color:var(--oq-color-primary);cursor:pointer}.oq-tabs__item.is-disabled{color:var(--oq-disabled-text-color);cursor:not-allowed}.oq-tabs__content{flex-grow:1;overflow:hidden;position:relative}.oq-tabs--bottom>.oq-tabs__header .oq-tabs__item:nth-child(2),.oq-tabs--top>.oq-tabs__header .oq-tabs__item:nth-child(2){padding-left:0}.oq-tabs--bottom>.oq-tabs__header .oq-tabs__item:last-child,.oq-tabs--top>.oq-tabs__header .oq-tabs__item:last-child{padding-right:0}.oq-tabs--bottom.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item:nth-child(2),.oq-tabs--bottom.oq-tabs--card>.oq-tabs__header .oq-tabs__item:nth-child(2),.oq-tabs--top.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item:nth-child(2),.oq-tabs--top.oq-tabs--card>.oq-tabs__header .oq-tabs__item:nth-child(2){padding-left:20px}.oq-tabs--bottom.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item:last-child,.oq-tabs--bottom.oq-tabs--card>.oq-tabs__header .oq-tabs__item:last-child,.oq-tabs--top.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item:last-child,.oq-tabs--top.oq-tabs--card>.oq-tabs__header .oq-tabs__item:last-child{padding-right:20px}.oq-tabs--card>.oq-tabs__header{border-bottom:1px solid var(--oq-border-color-light);height:var(--oq-tabs-header-height)}.oq-tabs--card>.oq-tabs__header .oq-tabs__nav-wrap:after{content:none}.oq-tabs--card>.oq-tabs__header .oq-tabs__nav{border:1px solid var(--oq-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.oq-tabs--card>.oq-tabs__header .oq-tabs__active-bar{display:none}.oq-tabs--card>.oq-tabs__header .oq-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.oq-tabs--card>.oq-tabs__header .oq-tabs__item{border-bottom:1px solid #0000;border-left:1px solid var(--oq-border-color-light);transition:color var(--oq-transition-duration) var(--oq-transition-function-ease-in-out-bezier),padding var(--oq-transition-duration) var(--oq-transition-function-ease-in-out-bezier)}.oq-tabs--card>.oq-tabs__header .oq-tabs__item:first-child{border-left:none}.oq-tabs--card>.oq-tabs__header .oq-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.oq-tabs--card>.oq-tabs__header .oq-tabs__item.is-closable:hover .is-icon-close{width:14px}.oq-tabs--card>.oq-tabs__header .oq-tabs__item.is-active{border-bottom-color:var(--oq-bg-color)}.oq-tabs--card>.oq-tabs__header .oq-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.oq-tabs--card>.oq-tabs__header .oq-tabs__item.is-active.is-closable .is-icon-close{width:14px}.oq-tabs--border-card{background:var(--oq-bg-color-overlay);border:1px solid var(--oq-border-color)}.oq-tabs--border-card>.oq-tabs__content{padding:15px}.oq-tabs--border-card>.oq-tabs__header{background-color:var(--oq-fill-color-light);border-bottom:1px solid var(--oq-border-color-light);margin:0}.oq-tabs--border-card>.oq-tabs__header .oq-tabs__nav-wrap:after{content:none}.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item{border:1px solid #0000;color:var(--oq-text-color-secondary);margin-top:-1px;transition:all var(--oq-transition-duration) var(--oq-transition-function-ease-in-out-bezier)}.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item:first-child{margin-left:-1px}.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item+.oq-tabs__item{margin-left:-1px}.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item.is-active{background-color:var(--oq-bg-color-overlay);border-left-color:var(--oq-border-color);border-right-color:var(--oq-border-color);color:var(--oq-color-primary)}.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item:not(.is-disabled):hover{color:var(--oq-color-primary)}.oq-tabs--border-card>.oq-tabs__header .oq-tabs__item.is-disabled{color:var(--oq-disabled-text-color)}.oq-tabs--border-card>.oq-tabs__header .is-scrollable .oq-tabs__item:first-child{margin-left:0}.oq-tabs--bottom{flex-direction:column}.oq-tabs--bottom .oq-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.oq-tabs--bottom.oq-tabs--border-card .oq-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--oq-border-color)}.oq-tabs--bottom.oq-tabs--border-card .oq-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.oq-tabs--bottom.oq-tabs--border-card .oq-tabs__item.is-bottom:not(.is-active){border:1px solid #0000}.oq-tabs--bottom.oq-tabs--border-card .oq-tabs__item.is-bottom{margin:0 -1px -1px}.oq-tabs--left,.oq-tabs--right{overflow:hidden}.oq-tabs--left .oq-tabs__header.is-left,.oq-tabs--left .oq-tabs__header.is-right,.oq-tabs--left .oq-tabs__nav-scroll,.oq-tabs--left .oq-tabs__nav-wrap.is-left,.oq-tabs--left .oq-tabs__nav-wrap.is-right,.oq-tabs--right .oq-tabs__header.is-left,.oq-tabs--right .oq-tabs__header.is-right,.oq-tabs--right .oq-tabs__nav-scroll,.oq-tabs--right .oq-tabs__nav-wrap.is-left,.oq-tabs--right .oq-tabs__nav-wrap.is-right{height:100%}.oq-tabs--left .oq-tabs__active-bar.is-left,.oq-tabs--left .oq-tabs__active-bar.is-right,.oq-tabs--right .oq-tabs__active-bar.is-left,.oq-tabs--right .oq-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.oq-tabs--left .oq-tabs__nav-wrap.is-left,.oq-tabs--left .oq-tabs__nav-wrap.is-right,.oq-tabs--right .oq-tabs__nav-wrap.is-left,.oq-tabs--right .oq-tabs__nav-wrap.is-right{margin-bottom:0}.oq-tabs--left .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-next,.oq-tabs--left .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-prev,.oq-tabs--left .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-next,.oq-tabs--left .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-prev,.oq-tabs--right .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-next,.oq-tabs--right .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-prev,.oq-tabs--right .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-next,.oq-tabs--right .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.oq-tabs--left .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-next i,.oq-tabs--left .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-prev i,.oq-tabs--left .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-next i,.oq-tabs--left .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-prev i,.oq-tabs--right .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-next i,.oq-tabs--right .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-prev i,.oq-tabs--right .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-next i,.oq-tabs--right .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-prev i{transform:rotate(90deg)}.oq-tabs--left .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-prev,.oq-tabs--left .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-prev,.oq-tabs--right .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-prev,.oq-tabs--right .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-prev{left:auto;top:0}.oq-tabs--left .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-next,.oq-tabs--left .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-next,.oq-tabs--right .oq-tabs__nav-wrap.is-left>.oq-tabs__nav-next,.oq-tabs--right .oq-tabs__nav-wrap.is-right>.oq-tabs__nav-next{bottom:0;right:auto}.oq-tabs--left .oq-tabs__nav-wrap.is-left.is-scrollable,.oq-tabs--left .oq-tabs__nav-wrap.is-right.is-scrollable,.oq-tabs--right .oq-tabs__nav-wrap.is-left.is-scrollable,.oq-tabs--right .oq-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.oq-tabs--left .oq-tabs__nav-wrap.is-left:after,.oq-tabs--left .oq-tabs__nav-wrap.is-right:after,.oq-tabs--right .oq-tabs__nav-wrap.is-left:after,.oq-tabs--right .oq-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.oq-tabs--left .oq-tabs__nav.is-left,.oq-tabs--left .oq-tabs__nav.is-right,.oq-tabs--right .oq-tabs__nav.is-left,.oq-tabs--right .oq-tabs__nav.is-right{flex-direction:column}.oq-tabs--left .oq-tabs__item.is-left,.oq-tabs--right .oq-tabs__item.is-left{justify-content:flex-end}.oq-tabs--left .oq-tabs__item.is-right,.oq-tabs--right .oq-tabs__item.is-right{justify-content:flex-start}.oq-tabs--left{flex-direction:row-reverse}.oq-tabs--left .oq-tabs__header.is-left{margin-bottom:0;margin-right:10px}.oq-tabs--left .oq-tabs__nav-wrap.is-left{margin-right:-1px}.oq-tabs--left .oq-tabs__nav-wrap.is-left:after{left:auto;right:0}.oq-tabs--left .oq-tabs__active-bar.is-left{left:auto;right:0}.oq-tabs--left .oq-tabs__item.is-left{text-align:right}.oq-tabs--left.oq-tabs--card .oq-tabs__active-bar.is-left{display:none}.oq-tabs--left.oq-tabs--card .oq-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--oq-border-color-light);border-top:1px solid var(--oq-border-color-light);text-align:left}.oq-tabs--left.oq-tabs--card .oq-tabs__item.is-left:first-child{border-right:1px solid var(--oq-border-color-light);border-top:none}.oq-tabs--left.oq-tabs--card .oq-tabs__item.is-left.is-active{border:1px solid var(--oq-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.oq-tabs--left.oq-tabs--card .oq-tabs__item.is-left.is-active:first-child{border-top:none}.oq-tabs--left.oq-tabs--card .oq-tabs__item.is-left.is-active:last-child{border-bottom:none}.oq-tabs--left.oq-tabs--card .oq-tabs__nav{border-bottom:1px solid var(--oq-border-color-light);border-radius:4px 0 0 4px;border-right:none}.oq-tabs--left.oq-tabs--card .oq-tabs__new-tab{float:none}.oq-tabs--left.oq-tabs--border-card .oq-tabs__header.is-left{border-right:1px solid var(--oq-border-color)}.oq-tabs--left.oq-tabs--border-card .oq-tabs__item.is-left{border:1px solid #0000;margin:-1px 0 -1px -1px}.oq-tabs--left.oq-tabs--border-card .oq-tabs__item.is-left.is-active{border-color:#d1dbe5 #0000}.oq-tabs--right .oq-tabs__header.is-right{margin-bottom:0;margin-left:10px}.oq-tabs--right .oq-tabs__nav-wrap.is-right{margin-left:-1px}.oq-tabs--right .oq-tabs__nav-wrap.is-right:after{left:0;right:auto}.oq-tabs--right .oq-tabs__active-bar.is-right{left:0}.oq-tabs--right.oq-tabs--card .oq-tabs__active-bar.is-right{display:none}.oq-tabs--right.oq-tabs--card .oq-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--oq-border-color-light)}.oq-tabs--right.oq-tabs--card .oq-tabs__item.is-right:first-child{border-left:1px solid var(--oq-border-color-light);border-top:none}.oq-tabs--right.oq-tabs--card .oq-tabs__item.is-right.is-active{border:1px solid var(--oq-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.oq-tabs--right.oq-tabs--card .oq-tabs__item.is-right.is-active:first-child{border-top:none}.oq-tabs--right.oq-tabs--card .oq-tabs__item.is-right.is-active:last-child{border-bottom:none}.oq-tabs--right.oq-tabs--card .oq-tabs__nav{border-bottom:1px solid var(--oq-border-color-light);border-left:none;border-radius:0 4px 4px 0}.oq-tabs--right.oq-tabs--border-card .oq-tabs__header.is-right{border-left:1px solid var(--oq-border-color)}.oq-tabs--right.oq-tabs--border-card .oq-tabs__item.is-right{border:1px solid #0000;margin:-1px -1px -1px 0}.oq-tabs--right.oq-tabs--border-card .oq-tabs__item.is-right.is-active{border-color:#d1dbe5 #0000}.oq-tabs--top{flex-direction:column-reverse}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--oq-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--oq-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--oq-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--oq-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translate(100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translate(-100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(-100%);transform-origin:0 0}}.oq-tabs__header{margin-bottom:30px}.oq-tabs__nav-wrap:after{display:none;height:0}.oq-tabs__nav{background-color:#f5f5f8;border-radius:8px;padding:2px}.oq-tabs__active-bar{border-radius:6px;bottom:2px;height:44px}.oq-tabs__item{color:gray;font-size:16px;font-weight:400;height:44px;min-width:210px;padding:0;transition:.3s;z-index:1}.oq-tabs__item.is-active{color:#f5f5f5}html.dark .oq-tabs__nav{background-color:#1b1b1c}html.dark .oq-tabs--light .oq-tabs__nav{background:#222}html.dark .oq-tabs__active-bar{background-color:#f5f5f5}html.dark .oq-tabs__item.is-active,html.dark .oq-tabs__item.is-active:hover{color:#000}html.dark .oq-tabs__item:hover{color:#f5f5f5}@media (max-width:1024px){.oq-tabs__nav-scroll{overflow:unset}.oq-tabs__nav{width:100%}.oq-tabs__nav-next,.oq-tabs__nav-prev{display:none}.oq-tabs__item{font-size:14px;min-width:auto;width:50%}}