.okui-dialog{--inner-okd-dialog-close-btn-padding:var(--okd-dialog-window-action-fixed-padding,16px);height:100%;pointer-events:none;width:100%}.okui-dialog-float{left:0;position:fixed;top:0}.okui-dialog *{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.okui-dialog-window-float{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)){.okui-dialog-window-safe{padding-bottom:env(safe-area-inset-bottom)}}.okui-dialog-window{border-radius:var(--okd-dialog-window-border-radius);box-shadow:var(--okd-dialog-window-box-shadow);display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-height:calc(100% - 48px);outline:none;pointer-events:auto;width:calc(100% - 32px)}.okui-dialog-window-border{border:1px solid transparent;border:1px solid var(--okd-dialog-window-border-color,transparent)}.okui-dialog-title-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between}.okui-dialog-title-container .title-center{text-align:center}.okui-dialog-title-container .title-center .modal-title{justify-content:center}.okui-dialog-title-block{display:flex;flex-direction:column;flex-grow:1}.okui-dialog-title-block .modal-title{font-size:16px;font-size:var(--okd-dialog-title-font-size,16px);font-weight:700;font-weight:var(--okd-dialog-title-font-weight,700);line-height:var(--okd-dialog-title-line-height);padding-top:2px}.okui-dialog-title-block .modal-sub-title{font-size:var(--okd-dialog-sub-title-font-size);font-weight:400;line-height:var(--okd-dialog-sub-title-line-height);margin-top:2px}.okui-dialog-b-btn,.okui-dialog-c-btn{cursor:pointer;display:inline-block;height:var(--okd-dialog-window-close-icon-size);justify-content:center;line-height:1;position:relative;vertical-align:middle;width:var(--okd-dialog-window-close-icon-size);z-index:1}.okui-dialog-b-btn.icon,.okui-dialog-c-btn.icon{font-size:var(--okd-dialog-window-close-icon-size)}.okui-dialog-b-btn:after,.okui-dialog-c-btn:after{content:" ";display:block;height:calc(var(--okd-dialog-window-close-icon-size)*1.5);left:-25%;position:absolute;top:-25%;width:calc(var(--okd-dialog-window-close-icon-size)*1.5)}.okui-dialog-b-btn{height:var(--okd-dialog-window-back-icon-size);margin-right:16px;margin-right:var(--okd-dialog-title-icon-back-margin-right,16px);width:var(--okd-dialog-window-back-icon-size)}.okui-dialog-b-btn.icon{font-size:var(--okd-dialog-window-back-icon-size)}.okui-dialog-c-btn{margin-left:32px;margin-left:var(--okd-dialog-title-icon-close-margin-left,32px)}.okui-dialog-top-action-fixed{padding:var(--inner-okd-dialog-close-btn-padding);position:absolute;top:0}.okui-dialog-top-action-fixed .okui-dialog-b-btn,.okui-dialog-top-action-fixed .okui-dialog-c-btn{margin:0}.okui-dialog-top-l{align-self:flex-start;left:0}.okui-dialog-top-r{align-self:flex-start;right:0}.okui-dialog-top-hidden-for-t-center{pointer-events:none;visibility:hidden}.okui-dialog-top-action-hidden{display:none;pointer-events:none}.okui-dialog-scroll-box{flex-grow:1;overflow-y:auto}.okui-dialog-scroll-box.scroll-disable{overflow-y:unset}.okui-dialog-container,.okui-dialog-customer-box{height:100%}.okui-dialog-container.no-padding,.okui-dialog-customer-box.no-padding{padding:0}.okui-dialog .okui-dialog-footer-line{border-top:thin solid var(--okd-dialog-window-split-line-border-color)}.okui-dialog .okui-dialog-header-line{border-bottom:thin solid var(--okd-dialog-window-split-line-border-color)}.okui-dialog-btn-box{display:flex}.okui-dialog-btn-box.layout-right{justify-content:flex-end}.okui-dialog-btn-box.layout-left{justify-content:flex-start}.okui-dialog-btn-box.layout-full .dialog-btn{flex:1 1}.okui-dialog .okui-dialog-window{background:var(--okd-dialog-window-background);color:var(--okd-dialog-window-default-text-color)}.okui-dialog .okui-dialog-window.container-mode{background:transparent;box-shadow:none}.okui-dialog .okui-dialog-title-container .modal-title{align-items:center;color:var(--okd-dialog-title-color);display:flex}.okui-dialog .okui-dialog-title-container .modal-sub-title{color:var(--okd-dialog-sub-title-color)}.okui-dialog .okui-dialog-c-btn{color:var(--okd-color-gray-400);color:var(--okd-dialog-title-icon-close-color,var(--okd-color-gray-400))}.okui-dialog .okui-dialog-c-btn:hover{background-color:var(--okd-color-background-hover);background-color:var(--okd-dialog-title-icon-hover-background-color,var(--okd-color-background-hover));border-radius:4px;border-radius:var(--okd-dialog-title-icon-hover-border-radius,4px);color:var(--okd-color-gray-900);color:var(--okd-dialog-title-icon-close-hover-color,var(--okd-color-gray-900))}.okui-dialog .okui-dialog-b-btn{color:var(--okd-color-gray-900);color:var(--okd-dialog-title-icon-back-color,var(--okd-color-gray-900))}.okui-dialog .okui-dialog-b-btn:hover{background-color:var(--okd-color-background-hover);background-color:var(--okd-dialog-title-icon-hover-background-color,var(--okd-color-background-hover));border-radius:4px;border-radius:var(--okd-dialog-title-icon-hover-border-radius,4px)}.okui-dialog-mask{background:var(--okd-dialog-window-mask-color)}.okui-dialog-scroll-bar-end::-webkit-scrollbar,.okui-dialog-scroll-bar-start::-webkit-scrollbar{background-color:initial}.okui-dialog-scroll-bar-start::-webkit-scrollbar-button:vertical:start:increment{background-color:initial;display:block;height:var(--okd-dialog-window-border-radius)}.okui-dialog-scroll-bar-end::-webkit-scrollbar-button:vertical:end:increment{background-color:initial;display:block;height:var(--okd-dialog-window-border-radius)}@media (min-width:768px){.okui-dialog-window{min-width:var(--okd-dialog-window-min-width);width:auto}.okui-dialog-title-container{padding:var(--okd-dialog-title-box-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal)}.okui-dialog-container{padding:var(--okd-dialog-container-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal)}.okui-dialog-customer-box{padding:0 var(--okd-dialog-container-md-padding-horizontal)}.okui-dialog-footer-box{padding:var(--okd-dialog-footer-box-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal)}.okui-dialog-btn-box .dialog-btn.double-btn{width:auto}.okui-dialog-btn-box.layout-full{flex-direction:row}.okui-dialog-btn-box .dialog-btn+.dialog-btn{margin-left:16px;margin-left:var(--okd-dialog-footer-btn-md-margin-left,16px)}}@media (max-width:767px){.okui-dialog-title-container{padding:var(--okd-dialog-title-box-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal)}.okui-dialog-container{padding:var(--okd-dialog-container-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal)}.okui-dialog-customer-box{padding:0 var(--okd-dialog-container-sm-padding-horizontal)}.okui-dialog-footer-box{padding:var(--okd-dialog-footer-box-sm-padding-top,12px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-footer-box-sm-padding-bottom,20px)}.okui-dialog-btn-box .dialog-btn{width:100%}.okui-dialog-btn-box .dialog-btn+.dialog-btn{margin-left:12px;margin-left:var(--okd-dialog-footer-btn-sm-margin-left,12px)}.okui-dialog-btn-box.layout-full{flex-direction:column-reverse}.okui-dialog-btn-box.layout-full .dialog-btn+.dialog-btn{margin-left:0}.okui-dialog-btn-box.layout-full .double-btn:first-child{margin-top:8px;margin-top:var(--okd-dialog-footer-btn-full-sm-margin-top,8px)}.okui-dialog-window{border-radius:8px;border-radius:var(--okd-dialog-window-sm-border-radius,8px)}.okui-dialog-window.full-page{height:auto!important;min-height:calc(100% - 48px)!important}.okui-dialog-window.full-page-with-show-header{height:auto!important}.okui-dialog-window.bottom-align{border-radius:var(--okd-dialog-window-border-radius) var(--okd-dialog-window-border-radius) 0 0;bottom:0;top:auto;transform:translate(-50%)}.okui-dialog-window.no-margin{min-width:unset;width:100%}}.okui-dialog-mobile-mode .okui-dialog-title-container{padding:var(--okd-dialog-title-box-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal)}.okui-dialog-mobile-mode .okui-dialog-container{padding:var(--okd-dialog-container-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal)}.okui-dialog-mobile-mode .okui-dialog-customer-box{padding:0 var(--okd-dialog-container-sm-padding-horizontal)}.okui-dialog-mobile-mode .okui-dialog-footer-box{padding:var(--okd-dialog-footer-box-sm-padding-top,12px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-footer-box-sm-padding-bottom,20px)}.okui-dialog-mobile-mode .okui-dialog-btn-box .dialog-btn{width:100%}.okui-dialog-mobile-mode .okui-dialog-btn-box .dialog-btn+.dialog-btn{margin-left:12px;margin-left:var(--okd-dialog-footer-btn-sm-margin-left,12px)}.okui-dialog-mobile-mode .okui-dialog-btn-box.layout-full{flex-direction:column-reverse}.okui-dialog-mobile-mode .okui-dialog-btn-box.layout-full .dialog-btn+.dialog-btn{margin-left:0}.okui-dialog-mobile-mode .okui-dialog-btn-box.layout-full .double-btn:first-child{margin-top:8px;margin-top:var(--okd-dialog-footer-btn-full-sm-margin-top,8px)}.okui-dialog-mobile-mode .okui-dialog-window{border-radius:8px;border-radius:var(--okd-dialog-window-sm-border-radius,8px)}.okui-dialog-mobile-mode .okui-dialog-window.full-page{height:auto!important;min-height:calc(100% - 48px)!important}.okui-dialog-mobile-mode .okui-dialog-window.full-page-with-show-header{height:auto!important}.okui-dialog-mobile-mode .okui-dialog-window.bottom-align{border-radius:var(--okd-dialog-window-border-radius) var(--okd-dialog-window-border-radius) 0 0;bottom:0;top:auto;transform:translate(-50%)}.okui-dialog-mobile-mode .okui-dialog-window.no-margin{min-width:unset;width:100%}.okui-dialog-mobile-mode .okui-dialog-container.no-padding,.okui-dialog-mobile-mode .okui-dialog-customer-box.no-padding{padding:0}.okui-dialog-mobile-mode .okui-dialog-window{min-width:unset;width:calc(100% - 32px)}.okui-dialog.okui-action-dialog .okui-dialog-window.no-radius{border-radius:0}.okui-dialog-group{overflow:hidden}.okui-dialog-group-window{display:flex;flex-direction:column}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-title-box{width:100%}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-title{font-size:var(--okd-dialog-tip-title-font-size);font-weight:500;line-height:var(--okd-dialog-tip-title-line-height);min-height:var(--okd-dialog-tip-title-line-height)}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-detail{font-size:var(--okd-dialog-tip-detail-font-size);font-weight:400;line-height:var(--okd-dialog-tip-detail-line-height);margin-top:8px}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-detail+.tip-detail{margin-top:2px}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-title{color:var(--okd-dialog-tip-title-color)}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-detail{color:var(--okd-dialog-tip-detail-color)}.okui-dialog.okui-tip-dialog .okui-dialog-footer-box{border-top:none}@media (max-width:767px){.okui-dialog.okui-tip-dialog .okui-dialog-window.bottom-align{border-radius:var(--okd-dialog-window-border-radius);bottom:16px}.okui-dialog.okui-tip-dialog .okui-dialog-container{padding:var(--okd-dialog-tip-container-sm-padding-top,20px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-tip-container-sm-padding-bottom,24px)}.okui-dialog.okui-tip-dialog .okui-dialog-footer-box{padding:0 var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-tip-footer-box-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal)}}@media (min-width:768px){.okui-dialog.okui-tip-dialog .okui-dialog-tip-content{margin-left:auto;margin-right:auto;max-width:var(--okd-dialog-tip-window-min-width)}.okui-dialog.okui-tip-dialog .okui-dialog-tip-content.two-btn{max-width:var(--okd-dialog-tip-window-2btn-min-width)}.okui-dialog.okui-tip-dialog .okui-dialog-container{padding:var(--okd-dialog-tip-container-md-padding-top,28px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-tip-container-md-padding-bottom,24px)}.okui-dialog.okui-tip-dialog .okui-dialog-footer-box{padding:0 var(--okd-dialog-container-md-padding-horizontal) var(--okd-dialog-tip-footer-box-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal)}}.okui-dialog-tip-icon-bg{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.okui-dialog-tip-icon-bg .tip-icon{font-size:var(--okd-dialog-tip-icon-font-size)}.okui-dialog-alert-icon{margin-top:-6px}.okui-dialog .okui-dialog-window-tip{background-color:var(--okd-dialog-window-background);background-color:var(--okd-dialog-confirm-window-background,var(--okd-dialog-window-background))}.okui-dialog.okui-new-tip-dialog .okui-dialog-new-tip-top{padding:24px 24px 0;padding:var(--okd-dialog-confirm-title-padding-top,24px) var(--okd-dialog-confirm-title-padding-horizontal,24px) var(--okd-dialog-confirm-title-padding-bottom,0)}.okui-dialog.okui-new-tip-dialog .okui-dialog-container.okui-dialog-new-tip-container{color:#000;color:var(--okd-dialog-confirm-container-color,#000);font-size:14px;font-size:var(--okd-dialog-confirm-container-font-size,14px);line-height:20px;line-height:var(--okd-dialog-confirm-container-line-height,20px)}@media (min-width:768px){.okui-dialog.okui-new-tip-dialog .okui-dialog-window{max-width:520px;max-width:var(--okd-dialog-confirm-max-width,520px);min-width:280px;min-width:var(--okd-dialog-confirm-min-width,280px)}.okui-dialog.okui-new-tip-dialog .okui-dialog-container.okui-dialog-new-tip-container{padding-bottom:32px;padding-bottom:var(--okd-dialog-confirm-container-padding-bottom,32px);padding-top:32px;padding-top:var(--okd-dialog-confirm-container-padding-top,32px)}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box{padding-bottom:24px;padding-bottom:var(--okd-dialog-confirm-footer-padding-bottom,24px);padding-top:0;padding-top:var(--okd-dialog-confirm-footer-padding-top,0)}}@media (max-width:767px){.okui-dialog.okui-new-tip-dialog .okui-dialog-window{width:calc(100% - 64px)}.okui-dialog.okui-new-tip-dialog .okui-dialog-container.okui-dialog-new-tip-container{padding:8px 24px 24px;padding:var(--okd-dialog-confirm-container-sm-padding-top,8px) var(--okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--okd-dialog-confirm-container-sm-padding-bottom,24px)}.okui-dialog.okui-new-tip-dialog .okui-dialog-container.okui-dialog-no-title{padding-top:24px;padding-top:var(--okd-dialog-confirm-no-title-padding-top,24px)}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer{padding:0}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button{border:0;border-radius:0;border-top:thin solid #dbdbdb;border-top:thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb)}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button-color{color:var(--okd-color-blue-800);color:var(--okd-dialog-confirm-footer-sm-button-color,var(--okd-color-blue-800))}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button-confirm{font-weight:700}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button-cancel{font-weight:400}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-only-one{border-radius:0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius)}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-border-top:first-child{border-radius:0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius);margin-top:0}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-border-left:first-child{border-radius:0 0 0 var(--okd-dialog-window-sm-border-radius)}.okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-border-left+.okui-dialog-tip-border-left{border-left:thin solid #dbdbdb;border-left:thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb);border-radius:0 0 var(--okd-dialog-window-sm-border-radius) 0;margin-left:0}}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-window{width:calc(100% - 64px)}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-container.okui-dialog-new-tip-container{padding:8px 24px 24px;padding:var(--okd-dialog-confirm-container-sm-padding-top,8px) var(--okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--okd-dialog-confirm-container-sm-padding-bottom,24px)}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-container.okui-dialog-no-title{padding-top:24px;padding-top:var(--okd-dialog-confirm-no-title-padding-top,24px)}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer{padding:0}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button{border:0;border-radius:0;border-top:thin solid #dbdbdb;border-top:thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb)}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button-color{color:var(--okd-color-blue-800);color:var(--okd-dialog-confirm-footer-sm-button-color,var(--okd-color-blue-800))}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button-confirm{font-weight:700}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-button-cancel{font-weight:400}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-only-one{border-radius:0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius)}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-border-top:first-child{border-radius:0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius);margin-top:0}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-border-left:first-child{border-radius:0 0 0 var(--okd-dialog-window-sm-border-radius)}.okui-dialog-mobile-mode.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-tip-footer .okui-dialog-tip-border-left+.okui-dialog-tip-border-left{border-left:thin solid #dbdbdb;border-left:thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb);border-radius:0 0 var(--okd-dialog-window-sm-border-radius) 0;margin-left:0}.iconfont.okui-dialog-tip-icon{align-self:flex-start;font-size:22px;font-size:var(--okd-dialog-confirm-icon-font-size,22px);font-weight:400;line-height:22px;line-height:var(--okd-dialog-confirm-icon-line-height,22px);margin-right:10px;margin-right:var(--okd-dialog-confirm-icon-margin-right,10px)}.okui-dialog-success-icon,.okui-dialog-success-tip-icon{color:var(--okd-dialog-tip-success-icon-color)}.okui-dialog-info-icon,.okui-dialog-info-tip-icon{color:var(--okd-dialog-tip-info-icon-color)}.okui-dialog-prompt-icon,.okui-dialog-prompt-tip-icon{color:var(--okd-dialog-tip-prompt-icon-color)}.okui-dialog-warn-icon,.okui-dialog-warn-tip-icon{color:var(--okd-dialog-tip-warn-icon-color)}.okui-dialog-alert-icon,.okui-dialog-alert-tip-icon{color:var(--okd-dialog-tip-alert-icon-color)}.okui-dialog-error-icon,.okui-dialog-error-tip-icon{color:var(--okd-dialog-tip-error-icon-color)}.okui-dialog .okui-dialog-confirmation-window{background-color:var(--okd-dialog-window-background);background-color:var(--okd-dialog-confirmation-window-background,var(--okd-dialog-window-background))}.okui-dialog-confirmation{--inner-okd-dialog-close-btn-padding:22px}.okui-dialog-confirmation-header{font-size:16px;font-size:var(--okd-dialog-title-font-size,16px);font-weight:700;font-weight:var(--okd-dialog-title-font-weight,700);line-height:var(--okd-dialog-title-line-height);padding:24px;padding:var(--okd-dialog-confirmation-header-padding-top,24px) var(--okd-dialog-confirmation-padding-right,24px) var(--okd-dialog-confirmation-header-padding-top,24px) var(--okd-dialog-confirmation-padding-left,24px)}.okui-dialog-confirmation-header-margin{margin-right:36px}.okui-dialog-confirmation-container{flex-grow:1;line-height:22px;overflow-y:auto;padding-bottom:8px;padding-left:24px;padding-left:var(--okd-dialog-confirmation-padding-left,24px);padding-right:24px;padding-right:var(--okd-dialog-confirmation-padding-right,24px);padding-top:8px}.okui-dialog-confirmation-container-no-header{padding-top:32px;padding-top:var(--okd-dialog-confirmation-container-padding-top,32px)}.okui-dialog-confirmation-container-no-footer{padding-bottom:32px;padding-bottom:var(--okd-dialog-confirmation-container-padding-bottom,32px)}.okui-dialog-confirmation-footer{padding:24px;padding:var(--okd-dialog-confirmation-footer-padding-bottom,24px) var(--okd-dialog-confirmation-padding-right,24px) var(--okd-dialog-confirmation-footer-padding-bottom,24px) var(--okd-dialog-confirmation-padding-left,24px)}:root{--okd-dialog-window-background:var(--okd-color-modal-primary);--okd-dialog-window-mask-color:var(--okd-color-background-scrim);--okd-dialog-window-box-shadow:var(--okd-shadow-xl);--okd-dialog-window-default-text-color:var(--okd-color-content-primary);--okd-dialog-window-border-radius:8px;--okd-dialog-window-close-btn-color:var(--okd-color-content-contrast);--okd-dialog-window-close-size:32px;--okd-dialog-window-split-line-border-color:var(--okd-color-border-primary);--okd-dialog-tip-window-min-width:344px;--okd-dialog-tip-window-2btn-min-width:448px;--okd-dialog-title-color:var(--okd-color-content-primary);--okd-dialog-title-font-size:16px;--okd-dialog-title-line-height:20px;--okd-dialog-title-box-sm-padding-vertical:14px;--okd-dialog-title-box-md-padding-vertical:12px;--okd-dialog-sub-title-color:var(--okd-color-content-contrast);--okd-dialog-sub-title-font-size:14px;--okd-dialog-sub-title-line-height:16px;--okd-dialog-tip-title-color:var(--okd-color-gray-900);--okd-dialog-tip-title-font-size:18px;--okd-dialog-tip-title-line-height:24px;--okd-dialog-tip-detail-color:var(--okd-color-gray-700);--okd-dialog-tip-detail-font-size:14px;--okd-dialog-tip-detail-line-height:20px;--okd-dialog-tip-success-icon-bg:var(--okd-color-semantic-positive);--okd-dialog-tip-info-icon-bg:var(--okd-color-semantic-neutral);--okd-dialog-tip-prompt-icon-bg:rgba(241,101,20,.2);--okd-dialog-tip-warn-icon-bg:var(--okd-color-semantic-notice);--okd-dialog-tip-alert-icon-bg:rgba(241,80,123,.2);--okd-dialog-tip-error-icon-bg:var(--okd-color-semantic-negative);--okd-dialog-tip-success-icon-color:var(--okd-color-semantic-positive);--okd-dialog-tip-info-icon-color:var(--okd-color-semantic-neutral);--okd-dialog-tip-prompt-icon-color:var(--okd-color-orange-700);--okd-dialog-tip-warn-icon-color:var(--okd-color-semantic-notice);--okd-dialog-tip-alert-icon-color:var(--okd-color-fq-red-lv1);--okd-dialog-tip-error-icon-color:var(--okd-color-semantic-negative);--okd-dialog-tip-icon-bg-size:48px;--okd-dialog-tip-icon-font-size:48px;--okd-dialog-action-close-btn-color:var(--okd-color-blue-700);--okd-dialog-footer-box-sm-padding-vertical:20px;--okd-dialog-footer-box-md-padding-vertical:12px;--okd-dialog-tip-footer-box-sm-padding-vertical:16px;--okd-dialog-tip-footer-box-md-padding-vertical:24px;--okd-dialog-container-sm-padding-horizontal:16px;--okd-dialog-container-md-padding-horizontal:24px;--okd-dialog-container-md-padding-vertical:24px;--okd-dialog-container-sm-padding-vertical:16px;--okd-dialog-window-close-icon-size:24px;--okd-dialog-window-back-icon-size:24px;--okd-dialog-tip-container-md-padding-top:28px;--okd-dialog-tip-container-md-padding-bottom:24px;--okd-dialog-tip-container-sm-padding-top:20px;--okd-dialog-tip-container-sm-padding-bottom:24px;--okd-dialog-window-action-padding:16px;--okd-dialog-footer-action-cancel-type:secondary;--okd-dialog-footer-action-confirm-type:highlight;--okd-dialog-footer-action-cancel-size:sm;--okd-dialog-footer-action-confirm-size:sm;--okd-dialog-window-sm-border-radius:12px;--okd-dialog-title-font-weight:700;--okd-dialog-footer-btn-full-sm-margin-top:8px;--okd-dialog-footer-btn-md-margin-left:12px;--okd-dialog-footer-btn-sm-margin-left:12px;--okd-dialog-confirm-footer-sm-button-border-color:var(--okd-color-border-primary);--okd-dialog-confirm-footer-padding-top:0;--okd-dialog-confirm-footer-padding-bottom:24px;--okd-dialog-confirm-title-padding-top:24px;--okd-dialog-confirm-no-title-padding-top:24px;--okd-dialog-confirm-title-padding-bottom:0px;--okd-dialog-confirm-max-width:520px;--okd-dialog-confirm-min-width:280px;--okd-dialog-confirm-container-color:var(--okd-color-content-secondary);--okd-dialog-confirm-container-line-height:20px;--okd-dialog-confirm-container-font-size:14px;--okd-dialog-confirm-container-sm-padding-bottom:24px;--okd-dialog-confirm-icon-font-size:22px;--okd-dialog-confirm-icon-margin-right:10px;--okd-dialog-confirm-icon-line-height:22px;--okd-dialog-title-icon-close-color:var(--okd-color-content-contrast);--okd-dialog-title-icon-back-color:var(--okd-color-content-primary);--okd-dialog-title-icon-close-hover-color:var(--okd-color-content-primary);--okd-dialog-title-icon-hover-background-color:hsla(0,0%,95%,0);--okd-dialog-title-icon-hover-border-radius:4px;--okd-dialog-title-icon-close-margin-left:32px;--okd-dialog-title-icon-back-margin-right:8px;--okd-dialog-window-back-btn-color:var(--okd-color-container-inverse);--okd-dialog-window-back-btn-margin-right:12px;--okd-dialog-window-close-btn-margin-left:12px;--okd-dialog-confirm-container-sm-padding-top:8px;--okd-dialog-confirm-container-sm-padding-horizontal:24px;--okd-dialog-confirm-title-padding-horizontal:24px;--okd-dialog-footer-box-sm-padding-top:12px;--okd-dialog-footer-box-sm-padding-bottom:20px;--okd-dialog-confirmation-header-padding-top:24px;--okd-dialog-confirmation-footer-padding-bottom:24px;--okd-dialog-confirmation-padding-left:24px;--okd-dialog-confirmation-padding-right:24px;--okd-dialog-confirmation-container-padding-top:32px;--okd-dialog-confirmation-container-padding-bottom:32px;--okd-dialog-confirm-footer-sm-button-color:var(--okd-color-content-primary);--okd-dialog-window-min-width:392px;--okd-dialog-confirm-container-padding-top:32px;--okd-dialog-confirm-container-padding-bottom:32px;--okd-dialog-confirm-window-background:var(--okd-color-modal-tertiary);--okd-dialog-confirmation-window-background:var(--okd-color-modal-primary);--okd-dialog-window-border-color:var(--okd-color-border-primary)}.theme-dark{--okd-dialog-window-background:var(--okd-color-modal-primary);--okd-dialog-window-close-btn-color:var(--okd-color-content-contrast);--okd-dialog-window-split-line-border-color:var(--okd-color-border-primary);--okd-dialog-title-color:var(--okd-color-content-primary);--okd-dialog-sub-title-color:var(--okd-color-content-contrast);--okd-dialog-window-mask-color:var(--okd-color-background-scrim);--okd-dialog-window-default-text-color:var(--okd-color-content-primary);--okd-dialog-window-box-shadow:0px 0px 0px 0px #2e2e2e,0px 13px 20px -15px #000;--okd-dialog-tip-title-color:var(--okd-color-gray-900);--okd-dialog-tip-detail-color:var(--okd-color-gray-700);--okd-dialog-tip-success-icon-bg:var(--okd-color-semantic-positive);--okd-dialog-tip-info-icon-bg:var(--okd-color-semantic-neutral);--okd-dialog-tip-prompt-icon-bg:var(--okd-color-orange-100);--okd-dialog-tip-warn-icon-bg:var(--okd-color-semantic-notice);--okd-dialog-tip-alert-icon-bg:var(--okd-color-red-100);--okd-dialog-tip-error-icon-bg:var(--okd-color-semantic-negative);--okd-dialog-tip-success-icon-color:var(--okd-color-semantic-positive);--okd-dialog-tip-info-icon-color:var(--okd-color-semantic-neutral);--okd-dialog-tip-prompt-icon-color:var(--okd-color-orange-800);--okd-dialog-tip-warn-icon-color:var(--okd-color-semantic-notice);--okd-dialog-tip-alert-icon-color:var(--okd-color-fq-critical);--okd-dialog-tip-error-icon-color:var(--okd-color-semantic-negative);--okd-dialog-tip-icon-bg-size:48px;--okd-dialog-tip-icon-font-size:48px;--okd-dialog-tip-title-font-size:18px;--okd-dialog-tip-title-line-height:24px;--okd-dialog-tip-detail-font-size:14px;--okd-dialog-tip-detail-line-height:20px;--okd-dialog-action-close-btn-color:var(--okd-color-blue-700);--okd-dialog-window-border-radius:8px;--okd-dialog-title-font-size:16px;--okd-dialog-title-line-height:20px;--okd-dialog-sub-title-font-size:var(--okd-font-size-md);--okd-dialog-sub-title-line-height:16px;--okd-dialog-window-close-size:32px;--okd-dialog-container-sm-padding-horizontal:16px;--okd-dialog-title-box-sm-padding-vertical:14px;--okd-dialog-container-sm-padding-vertical:16px;--okd-dialog-footer-box-sm-padding-vertical:12px;--okd-dialog-container-md-padding-horizontal:24px;--okd-dialog-title-box-md-padding-vertical:12px;--okd-dialog-container-md-padding-vertical:24px;--okd-dialog-footer-box-md-padding-vertical:12px;--okd-dialog-tip-window-min-width:344px;--okd-dialog-tip-window-2btn-min-width:448px;--okd-dialog-tip-footer-box-sm-padding-vertical:16px;--okd-dialog-tip-footer-box-md-padding-vertical:24px;--okd-dialog-window-close-icon-size:24px;--okd-dialog-window-back-icon-size:24px;--okd-dialog-tip-container-md-padding-top:28px;--okd-dialog-tip-container-md-padding-bottom:24px;--okd-dialog-tip-container-sm-padding-top:20px;--okd-dialog-tip-container-sm-padding-bottom:24px;--okd-dialog-window-action-padding:16px;--okd-dialog-footer-action-cancel-type:primary;--okd-dialog-footer-action-cancel-size:sm;--okd-dialog-footer-action-confirm-type:highlight;--okd-dialog-footer-action-confirm-size:sm;--okd-dialog-window-sm-border-radius:12px;--okd-dialog-title-font-weight:700;--okd-dialog-footer-btn-full-sm-margin-top:8px;--okd-dialog-footer-btn-md-margin-left:12px;--okd-dialog-footer-btn-sm-margin-left:12px;--okd-dialog-confirm-footer-sm-button-border-color:var(--okd-color-border-secondary);--okd-dialog-confirm-footer-padding-top:0;--okd-dialog-confirm-footer-padding-bottom:24px;--okd-dialog-confirm-title-padding-top:24px;--okd-dialog-confirm-no-title-padding-top:24px;--okd-dialog-confirm-title-padding-bottom:0;--okd-dialog-confirm-max-width:520px;--okd-dialog-confirm-min-width:280px;--okd-dialog-confirm-container-color:var(--okd-color-content-secondary);--okd-dialog-confirm-container-line-height:20px;--okd-dialog-confirm-container-font-size:14px;--okd-dialog-confirm-container-sm-padding-bottom:24px;--okd-dialog-confirm-icon-font-size:22px;--okd-dialog-confirm-icon-margin-right:10px;--okd-dialog-confirm-icon-line-height:22px;--okd-dialog-title-icon-close-color:var(--okd-color-content-contrast);--okd-dialog-title-icon-back-color:var(--okd-color-content-primary);--okd-dialog-title-icon-close-hover-color:var(--okd-color-content-primary);--okd-dialog-title-icon-hover-background-color:rgba(29,29,29,0);--okd-dialog-title-icon-hover-border-radius:4px;--okd-dialog-title-icon-close-margin-left:32px;--okd-dialog-title-icon-back-margin-right:8px;--okd-dialog-confirm-container-sm-padding-top:8px;--okd-dialog-confirm-container-sm-padding-horizontal:24px;--okd-dialog-confirm-title-padding-horizontal:24px;--okd-dialog-footer-box-sm-padding-top:12px;--okd-dialog-footer-box-sm-padding-bottom:20px;--okd-dialog-confirmation-header-padding-top:24px;--okd-dialog-confirmation-footer-padding-bottom:24px;--okd-dialog-confirmation-padding-left:24px;--okd-dialog-confirmation-padding-right:24px;--okd-dialog-confirmation-container-padding-top:32px;--okd-dialog-confirmation-container-padding-bottom:32px;--okd-dialog-confirm-footer-sm-button-color:var(--okd-color-content-primary);--okd-dialog-window-min-width:392px;--okd-dialog-window-back-btn-color:var(--okd-color-container-inverse);--okd-dialog-confirm-container-padding-top:32px;--okd-dialog-confirm-container-padding-bottom:32px;--okd-dialog-confirm-window-background:var(--okd-color-modal-tertiary);--okd-dialog-confirmation-window-background:var(--okd-color-modal-primary);--okd-dialog-window-border-color:var(--okd-color-border-primary)}.okui-mask{background:rgba(0,0,0,.65);background:var(--okd-dialog-window-mask-color,rgba(0,0,0,.65));bottom:0;left:0;position:fixed;right:0;top:0}.okui-transition-fade{transition:opacity .3s linear}.okui-transition-fade-active{will-change:opacity}.okui-transition-fade-ease-out{transition-timing-function:cubic-bezier(.5,0,.52,1)}.okui-transition-fade-entered,.okui-transition-fade-entering{opacity:1}.okui-transition-fade-exited,.okui-transition-fade-exiting{opacity:0}.okui-plain-button{color:inherit;cursor:pointer;font:inherit;text-align:unset}.okui-plain-button:focus-visible{border-radius:4px;outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-plain-button[disabled]{cursor:not-allowed}.okui-plain-button-as-div{display:block;line-height:inherit;width:100%}.okui-transition-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;position:fixed;transform:translateY(100%);transform-style:preserve-3d;transition:transform .3s linear,opacity .3s linear}.okui-transition-slide-active{will-change:transform,opacity}.okui-transition-slide-cubic{transition-timing-function:ease}.okui-transition-slide-top{left:0;top:0;width:100%}.okui-transition-slide-bottom{bottom:0;left:0;width:100%}.okui-transition-slide-left{height:100%;left:0;top:0}.okui-transition-slide-right{height:100%;right:0;top:0}.okui-transition-slide-entered,.okui-transition-slide-entering{opacity:1;transform:none}.okui-transition-slide-exited,.okui-transition-slide-exiting{opacity:0}.okui-transition-slide-exited.okui-transition-slide-top,.okui-transition-slide-exiting.okui-transition-slide-top{transform:translateY(-100%)}.okui-transition-slide-exited.okui-transition-slide-bottom,.okui-transition-slide-exiting.okui-transition-slide-bottom{transform:translateY(100%)}.okui-transition-slide-exited.okui-transition-slide-left,.okui-transition-slide-exiting.okui-transition-slide-left{transform:translateX(-100%)}.okui-transition-slide-exited.okui-transition-slide-right,.okui-transition-slide-exiting.okui-transition-slide-right{transform:translateX(100%)}@media (hover:none) and (pointer:coarse){.okui-transition-slide{transition-duration:.2s}}:root{--okd-tabs-pane-bg-color:var(--okd-color-transparent);--okd-tabs-pane-label-color:var(--okd-color-gray-400);--okd-tabs-pane-label-active-color:var(--okd-color-gray-700);--okd-tabs-pane-icon-color:var(--okd-color-gray-400);--okd-tabs-pane-icon-active-color:var(--okd-color-gray-700);--okd-tabs-pane-icon-bg-color:var(--okd-color-text-white);--okd-tabs-pane-slot-bg-color:var(--okd-color-transparent);--okd-tabs-pane-active-color:var(--okd-color-blue-700);--okd-tabs-pane-background-color:var(--okd-color-text-white);--okd-tabs-pane-nav-shadow-color:var(--okd-color-gray-100);--okd-tabs-green-color:var(--okd-color-green-700);--okd-tabs-blue-color:var(--okd-color-blue-700);--okd-tabs-red-color:var(--okd-color-red-700);--okd-tabs-underline-pane-list-border-color:var(--okd-color-gray-100);--okd-tabs-underline-pane-list-bg-color:var(--okd-color-gray-100);--okd-tabs-underline-pane-blue-label-active-color:var(--okd-color-content-primary);--okd-tabs-underline-pane-blue-border-active-color:var(--okd-color-border-selected);--okd-tabs-underline-pane-green-border-active-color:var(--okd-color-semantic-positive);--okd-tabs-underline-pane-green-label-active-color:var(--okd-color-semantic-positive);--okd-tabs-underline-pane-red-border-active-color:var(--okd-color-semantic-negative);--okd-tabs-underline-pane-red-label-active-color:var(--okd-color-semantic-negative);--okd-tabs-underline-pane-grey-border-active-color:var(--okd-color-border-selected);--okd-tabs-underline-pane-grey-label-active-color:var(--okd-color-content-primary);--okd-tabs-segmented-pane-bg-color:var(--okd-color-transparent);--okd-tabs-segmented-pane-green-bg-active-color:var(--okd-color-semantic-positive);--okd-tabs-segmented-pane-green-label-active-color:var(--okd-color-content-inverse);--okd-tabs-segmented-pane-red-bg-active-color:var(--okd-color-semantic-negative);--okd-tabs-segmented-pane-red-label-active-color:var(--okd-color-content-inverse);--okd-tabs-segmented-pane-blue-bg-active-color:var(--okd-color-text-amplifed);--okd-tabs-segmented-pane-blue-label-active-color:var(--okd-color-text-white);--okd-tabs-segmented-pane-grey-bg-active-color:var(--okd-color-neutral-5);--okd-tabs-segmented-pane-grey-label-active-color:var(--okd-color-content-primary);--segmented-pane-label-active-color:var(--okd-tabs-pane-icon-active-color);--okd-tabs-segmented-pane-bg-shadow-color:0px 2px 4px -1px #0000000f,0px 4px 6px -1px #0000001a;--okd-tabs-segmented-pane-list-bg-color:var(--okd-color-gray-100);--okd-tabs-muted-pane-border-color:var(--okd-color-gray-200);--okd-tabs-muted-pane-blue-border-active-color:var(--okd-color-border-secondary);--okd-tabs-muted-pane-blue-label-active-color:var(--okd-color-content-secondary);--okd-tabs-muted-pane-green-border-active-color:var(--okd-color-semantic-positive);--okd-tabs-muted-pane-green-label-active-color:var(--okd-color-semantic-positive);--okd-tabs-muted-pane-red-border-active-color:var(--okd-color-semantic-negative);--okd-tabs-muted-pane-red-label-active-color:var(--okd-color-semantic-negative);--okd-tabs-muted-pane-grey-border-active-color:var(--okd-color-border-secondary);--okd-tabs-muted-pane-grey-label-active-color:var(--okd-color-content-secondary);--okd-tabs-button-pane-bg-color:var(--okd-color-transparent);--okd-tabs-button-pane-border-color:var(--okd-color-gray-200);--okd-tabs-button-pane-blue-bg-active-color:var(--okd-color-background-surface-primary);--okd-tabs-button-pane-blue-label-active-color:var(--okd-color-content-primary);--okd-tabs-button-pane-green-bg-active-color:var(--okd-color-semantic-positive);--okd-tabs-button-pane-green-label-active-color:var(--okd-color-content-inverse);--okd-tabs-button-pane-red-bg-active-color:var(--okd-color-semantic-negative);--okd-tabs-button-pane-red-label-active-color:var(--okd-color-content-inverse);--okd-tabs-button-pane-grey-bg-active-color:var(--okd-color-neutral-20);--okd-tabs-button-pane-grey-label-active-color:var(--okd-color-content-primary);--okd-tabs-lg-font-size:var(--okd-font-size-md);--okd-tabs-md-font-size:var(--okd-font-size-md);--okd-tabs-sm-font-size:var(--okd-font-size-xs);--okd-tabs-xs-font-size:var(--okd-font-size-xs);--okd-tabs-lg-icon-size:16px;--okd-tabs-md-icon-size:16px;--okd-tabs-sm-icon-size:14px;--okd-tabs-xs-icon-size:14px;--okd-tabs-lg-height:44px;--okd-tabs-md-height:40px;--okd-tabs-sm-height:36px;--okd-tabs-xs-height:28px;--okd-tabs-lg-label-padding:16px;--okd-tabs-md-label-padding:16px;--okd-tabs-sm-label-padding:10px;--okd-tabs-xs-label-padding:10px;--okd-tabs-lg-gutter-padding:4px;--okd-tabs-md-gutter-padding:4px;--okd-tabs-sm-gutter-padding:3px;--okd-tabs-xs-gutter-padding:3px;--okd-tabs-lg-margin:16px;--okd-tabs-md-margin:12px;--okd-tabs-sm-margin:8px;--okd-tabs-xs-margin:8px;--okd-tabs-lg-icon-width:10px;--okd-tabs-md-icon-width:10px;--okd-tabs-sm-icon-width:8px;--okd-tabs-xs-icon-width:8px;--okd-tabs-underline-pane-common-border-color:var(--okd-color-border-primary);--okd-tabs-underline-pane-common-bg-color:var(--okd-color-border-primary);--okd-tabs-button-pane-common-border-color:var(--okd-color-border-primary);--okd-tabs-muted-pane-common-border-color:var(--okd-color-transparent-white);--okd-tabs-segmented-pane-common-list-bg-color:var(--okd-color-neutral-20);--okd-tabs-segmented-pane-common-shadow:0px 0px 0px 0px #0000001a;--okd-tabs-common-pane-icon-color:var(--okd-color-content-contrast);--okd-tabs-common-pane-icon-active-color:var(--okd-color-content-secondary);--okd-tabs-common-pane-icon-bg-color:var(--okd-color-content-inverse);--okd-tabs-common-pane-label-color:var(--okd-color-content-contrast);--okd-tabs-common-pane-nav-shadow-color:var(--okd-color-content-contrast);--okd-tabs-xs-underline-height:28px;--okd-tabs-underline-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-button-pane-common-bg-color:var(--okd-color-transparent-white);--okd-tabs-button-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-muted-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-segmented-pane-common-bg-color:var(--okd-color-transparent-white);--okd-tabs-segmented-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-xs-underline-font-size:12px;--okd-tabs-xs-underline-label-padding:0px;--okd-tabs-xs-underline-spacing:24px;--okd-tabs-xs-common-icon-size:14px;--okd-tabs-xs-button-font-size:12px;--okd-tabs-xs-button-height:28px;--okd-tabs-xs-button-label-padding:8px;--okd-tabs-xs-button-spacing:8px;--okd-tabs-xs-muted-font-size:12px;--okd-tabs-xs-muted-height:28px;--okd-tabs-xs-muted-label-padding:8px;--okd-tabs-xs-muted-spacing:8px;--okd-tabs-xs-segmented-font-size:12px;--okd-tabs-xs-segmented-height:28px;--okd-tabs-xs-segmented-label-padding:8px;--okd-tabs-xs-segmented-spacing:2px;--okd-tabs-xs-segmented-container-padding:2px;--okd-tabs-sm-underline-font-size:12px;--okd-tabs-sm-underline-height:36px;--okd-tabs-sm-underline-label-padding:0px;--okd-tabs-sm-underline-spacing:24px;--okd-tabs-sm-common-icon-size:14px;--okd-tabs-sm-button-font-size:12px;--okd-tabs-sm-button-height:36px;--okd-tabs-sm-button-label-padding:12px;--okd-tabs-sm-button-spacing:8px;--okd-tabs-sm-muted-font-size:12px;--okd-tabs-sm-muted-height:36px;--okd-tabs-sm-muted-label-padding:12px;--okd-tabs-sm-muted-spacing:8px;--okd-tabs-sm-segmented-font-size:12px;--okd-tabs-sm-segmented-height:36px;--okd-tabs-sm-segmented-label-padding:12px;--okd-tabs-sm-segmented-spacing:2px;--okd-tabs-sm-segmented-container-padding:4px;--okd-tabs-md-underline-font-size:14px;--okd-tabs-md-underline-height:40px;--okd-tabs-md-underline-label-padding:0px;--okd-tabs-md-underline-spacing:24px;--okd-tabs-md-common-icon-size:16px;--okd-tabs-md-button-font-size:14px;--okd-tabs-md-button-height:40px;--okd-tabs-md-button-label-padding:12px;--okd-tabs-md-button-spacing:8px;--okd-tabs-md-muted-font-size:14px;--okd-tabs-md-muted-height:40px;--okd-tabs-md-muted-label-padding:12px;--okd-tabs-md-muted-spacing:8px;--okd-tabs-md-segmented-font-size:14px;--okd-tabs-md-segmented-height:40px;--okd-tabs-md-segmented-label-padding:12px;--okd-tabs-md-segmented-spacing:2px;--okd-tabs-md-segmented-container-padding:4px;--okd-tabs-lg-underline-font-size:14px;--okd-tabs-lg-underline-height:44px;--okd-tabs-lg-underline-label-padding:0px;--okd-tabs-lg-underline-spacing:24px;--okd-tabs-lg-common-icon-size:16px;--okd-tabs-lg-button-font-size:14px;--okd-tabs-lg-button-height:44px;--okd-tabs-lg-button-label-padding:12px;--okd-tabs-lg-button-spacing:8px;--okd-tabs-lg-muted-font-size:14px;--okd-tabs-lg-muted-height:44px;--okd-tabs-lg-muted-label-padding:12px;--okd-tabs-lg-muted-spacing:8px;--okd-tabs-lg-segmented-font-size:14px;--okd-tabs-lg-segmented-height:44px;--okd-tabs-lg-segmented-label-padding:12px;--okd-tabs-lg-segmented-spacing:2px;--okd-tabs-lg-segmented-container-padding:4px;--okd-tabs-xl-common-icon-size:18px;--okd-tabs-xl-underline-font-size:16px;--okd-tabs-xl-underline-height:48px;--okd-tabs-xl-underline-label-padding:0px;--okd-tabs-xl-underline-spacing:24px;--okd-tabs-xl-button-font-size:16px;--okd-tabs-xl-button-height:48px;--okd-tabs-xl-button-label-padding:16px;--okd-tabs-xl-button-spacing:8px;--okd-tabs-xl-muted-font-size:16px;--okd-tabs-xl-muted-height:48px;--okd-tabs-xl-muted-label-padding:16px;--okd-tabs-xl-muted-spacing:8px;--okd-tabs-xl-segmented-font-size:16px;--okd-tabs-xl-segmented-height:48px;--okd-tabs-xl-segmented-label-padding:16px;--okd-tabs-xl-segmented-spacing:2px;--okd-tabs-xl-segmented-container-padding:4px;--okd-tabs-xxl-common-icon-size:20px;--okd-tabs-xxl-underline-font-size:18px;--okd-tabs-xxl-underline-height:48px;--okd-tabs-xxl-underline-label-padding:0px;--okd-tabs-xxl-underline-spacing:24px;--okd-tabs-xxl-button-font-size:18px;--okd-tabs-xxl-button-height:48px;--okd-tabs-xxl-button-label-padding:16px;--okd-tabs-xxl-button-spacing:8px;--okd-tabs-xxl-muted-font-size:18px;--okd-tabs-xxl-muted-height:48px;--okd-tabs-xxl-muted-label-padding:16px;--okd-tabs-xxl-muted-spacing:8px;--okd-tabs-xxl-segmented-font-size:18px;--okd-tabs-xxl-segmented-height:48px;--okd-tabs-xxl-segmented-label-padding:16px;--okd-tabs-xxl-segmented-spacing:2px;--okd-tabs-xxl-segmented-container-padding:4px;--okd-tabs-xxxl-common-icon-size:20px;--okd-tabs-xxxl-underline-font-size:22px;--okd-tabs-xxxl-underline-height:56px;--okd-tabs-xxxl-underline-label-padding:0px;--okd-tabs-xxxl-underline-spacing:24px;--okd-tabs-xxxl-button-font-size:22px;--okd-tabs-xxxl-button-height:56px;--okd-tabs-xxxl-button-label-padding:16px;--okd-tabs-xxxl-button-spacing:8px;--okd-tabs-xxxl-muted-font-size:22px;--okd-tabs-xxxl-muted-height:56px;--okd-tabs-xxxl-muted-label-padding:16px;--okd-tabs-xxxl-muted-spacing:8px;--okd-tabs-xxxl-segmented-font-size:22px;--okd-tabs-xxxl-segmented-height:56px;--okd-tabs-xxxl-segmented-label-padding:16px;--okd-tabs-xxxl-segmented-spacing:2px;--okd-tabs-xxxl-segmented-container-padding:4px;--okd-tabs-common-pane-nav-icon-bg-color-1:var(--okd-color-background-base-primary);--okd-tabs-common-pane-nav-icon-bg-color-2:var(--okd-color-transparent-white);--okd-tabs-button-pane-common-border-radius:4px;--okd-tabs-muted-pane-common-border-radius:4px;--okd-tabs-segmented-pane-common-border-radius:8px;--okd-tabs-xxxl-button-font-weight:400;--okd-tabs-lg-button-font-weight:400;--okd-tabs-lg-muted-font-weight:400;--okd-tabs-md-button-font-weight:400;--okd-tabs-md-muted-font-weight:400;--okd-tabs-xl-muted-font-weight:400;--okd-tabs-xl-button-font-weight:400;--okd-tabs-xxxl-muted-font-weight:400;--okd-tabs-xxl-muted-font-weight:400;--okd-tabs-xxl-button-font-weight:400;--okd-tabs-sm-button-font-weight:400;--okd-tabs-sm-muted-font-weight:400;--okd-tabs-xs-button-font-weight:400;--okd-tabs-xs-muted-font-weight:400;--okd-tabs-xs-segmented-font-weight:400;--okd-tabs-sm-segmented-font-weight:500;--okd-tabs-md-segmented-font-weight:500;--okd-tabs-lg-segmented-font-weight:500;--okd-tabs-xl-segmented-font-weight:500;--okd-tabs-xxl-segmented-font-weight:500;--okd-tabs-xxxl-segmented-font-weight:500;--okd-tabs-pane-fill-highlight-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-fill-highlight-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-highlight-default-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-fill-highlight-active-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-fill-highlight-active-border-color:var(--okd-color-transparent-black);--okd-tabs-pane-fill-highlight-active-background-color:var(--okd-color-container-inverse);--okd-tabs-pane-fill-highlight-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-highlight-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-highlight-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-fill-primary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-fill-primary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-primary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-active-background-color:var(--okd-color-neutral-20);--okd-tabs-pane-fill-primary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-primary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-hover-background-color:var(--okd-color-transparent-base-white);--okd-tabs-pane-fill-secondary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-fill-secondary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-secondary-default-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-fill-secondary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-secondary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-secondary-active-background-color:var(--okd-color-neutral-20);--okd-tabs-pane-fill-secondary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-secondary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-secondary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-outline-highlight-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-outline-highlight-default-border-color:var(--okd-color-border-primary);--okd-tabs-pane-outline-highlight-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-highlight-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-highlight-active-border-color:var(--okd-color-border-selected);--okd-tabs-pane-outline-highlight-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-highlight-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-highlight-hover-border-color:var(--okd-color-border-primary);--okd-tabs-pane-outline-highlight-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-outline-primary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-outline-primary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-primary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-primary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-primary-active-border-color:var(--okd-color-border-selected);--okd-tabs-pane-outline-primary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-primary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-primary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-primary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-outline-secondary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-outline-secondary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-secondary-active-border-color:var(--okd-color-border-secondary);--okd-tabs-pane-outline-secondary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-secondary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-text-highlight-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-text-highlight-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-highlight-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-highlight-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-hover-background-color:var(--okd-color-transparent-base-white);--okd-tabs-pane-text-primary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-text-primary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-primary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-primary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-text-secondary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-text-secondary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-secondary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-secondary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-xs-height:24px;--okd-tabs-pane-xs-font-size:12px;--okd-tabs-pane-xs-font-weight:400;--okd-tabs-pane-xs-active-font-weight:500;--okd-tabs-pane-xs-hover-font-weight:400;--okd-tabs-pane-xs-padding-vertical:8px;--okd-tabs-pane-xs-margin-right:8px;--okd-tabs-pane-xs-border-width:1px;--okd-tabs-pane-xs-border-radius:4px;--okd-tabs-pane-sm-height:28px;--okd-tabs-pane-sm-font-size:12px;--okd-tabs-pane-sm-font-weight:400;--okd-tabs-pane-sm-active-font-weight:500;--okd-tabs-pane-sm-hover-font-weight:400;--okd-tabs-pane-sm-padding-vertical:8px;--okd-tabs-pane-sm-margin-right:8px;--okd-tabs-pane-sm-border-width:1px;--okd-tabs-pane-sm-border-radius:4px;--okd-tabs-pane-md-height:32px;--okd-tabs-pane-md-font-size:14px;--okd-tabs-pane-md-font-weight:400;--okd-tabs-pane-md-active-font-weight:500;--okd-tabs-pane-md-hover-font-weight:400;--okd-tabs-pane-md-padding-vertical:8px;--okd-tabs-pane-md-margin-right:8px;--okd-tabs-pane-md-border-width:1px;--okd-tabs-pane-md-border-radius:6px;--okd-tabs-pane-lg-height:36px;--okd-tabs-pane-lg-font-size:14px;--okd-tabs-pane-lg-font-weight:400;--okd-tabs-pane-lg-active-font-weight:500;--okd-tabs-pane-lg-hover-font-weight:400;--okd-tabs-pane-lg-padding-vertical:12px;--okd-tabs-pane-lg-margin-right:8px;--okd-tabs-pane-lg-border-width:1px;--okd-tabs-pane-lg-border-radius:6px;--okd-tabs-pane-xl-height:40px;--okd-tabs-pane-xl-font-size:14px;--okd-tabs-pane-xl-font-weight:400;--okd-tabs-pane-xl-active-font-weight:500;--okd-tabs-pane-xl-hover-font-weight:400;--okd-tabs-pane-xl-padding-vertical:16px;--okd-tabs-pane-xl-margin-right:8px;--okd-tabs-pane-xl-border-width:1px;--okd-tabs-pane-xl-border-radius:8px;--okd-tabs-pane-xxl-height:44px;--okd-tabs-pane-xxl-font-size:16px;--okd-tabs-pane-xxl-font-weight:400;--okd-tabs-pane-xxl-active-font-weight:500;--okd-tabs-pane-xxl-hover-font-weight:400;--okd-tabs-pane-xxl-padding-vertical:16px;--okd-tabs-pane-xxl-margin-right:8px;--okd-tabs-pane-xxl-border-width:1px;--okd-tabs-pane-xxl-border-radius:8px;--okd-tabs-pane-xxxl-height:50px;--okd-tabs-pane-xxxl-font-size:18px;--okd-tabs-pane-xxxl-font-weight:400;--okd-tabs-pane-xxxl-active-font-weight:500;--okd-tabs-pane-xxxl-hover-font-weight:400;--okd-tabs-pane-xxxl-padding-vertical:16px;--okd-tabs-pane-xxxl-margin-right:8px;--okd-tabs-pane-xxxl-border-width:1px;--okd-tabs-pane-xxxl-border-radius:8px;--okd-tabs-xs-button-border-radius:8px;--okd-tabs-xs-muted-border-radius:8px;--okd-tabs-xs-segmented-border-radius:6px;--okd-tabs-sm-button-border-radius:8px;--okd-tabs-sm-muted-border-radius:8px;--okd-tabs-sm-segmented-border-radius:4px;--okd-tabs-md-button-border-radius:8px;--okd-tabs-md-muted-border-radius:8px;--okd-tabs-md-segmented-border-radius:4px;--okd-tabs-lg-button-border-radius:8px;--okd-tabs-lg-muted-border-radius:8px;--okd-tabs-lg-segmented-border-radius:4px;--okd-tabs-xl-button-border-radius:8px;--okd-tabs-xl-muted-border-radius:8px;--okd-tabs-xl-segmented-border-radius:4px;--okd-tabs-xxl-button-border-radius:8px;--okd-tabs-xxl-muted-border-radius:8px;--okd-tabs-xxl-segmented-border-radius:4px;--okd-tabs-xxxl-button-border-radius:8px;--okd-tabs-xxxl-muted-border-radius:8px;--okd-tabs-xxxl-segmented-border-radius:4px;--okd-tabs-xs-button-container-border-radius:0px;--okd-tabs-xs-muted-container-border-radius:0px;--okd-tabs-xs-segmented-container-border-radius:8px;--okd-tabs-sm-button-container-border-radius:0px;--okd-tabs-sm-muted-container-border-radius:0px;--okd-tabs-sm-segmented-container-border-radius:8px;--okd-tabs-md-button-container-border-radius:0px;--okd-tabs-md-muted-container-border-radius:0px;--okd-tabs-md-segmented-container-border-radius:8px;--okd-tabs-lg-button-container-border-radius:0px;--okd-tabs-lg-muted-container-border-radius:0px;--okd-tabs-lg-segmented-container-border-radius:8px;--okd-tabs-xl-button-container-border-radius:0px;--okd-tabs-xl-muted-container-border-radius:0px;--okd-tabs-xl-segmented-container-border-radius:8px;--okd-tabs-xxl-button-container-border-radius:0px;--okd-tabs-xxl-muted-container-border-radius:0px;--okd-tabs-xxl-segmented-container-border-radius:8px;--okd-tabs-xxxl-button-container-border-radius:0px;--okd-tabs-xxxl-muted-container-border-radius:0px;--okd-tabs-xxxl-segmented-container-border-radius:8px;--okd-tabs-xs-underline-font-weight:500;--okd-tabs-sm-underline-font-weight:500;--okd-tabs-md-underline-font-weight:500;--okd-tabs-lg-underline-font-weight:500;--okd-tabs-xl-underline-font-weight:500;--okd-tabs-xxl-underline-font-weight:700;--okd-tabs-xxxl-underline-font-weight:700;--okd-tabs-xxs-button-container-border-radius:0px;--okd-tabs-xxs-muted-container-border-radius:0px;--okd-tabs-xxs-segmented-container-border-radius:8px;--okd-tabs-xxs-button-border-radius:8px;--okd-tabs-xxs-muted-border-radius:8px;--okd-tabs-xxs-segmented-border-radius:6px;--okd-tabs-pane-xxs-height:24px;--okd-tabs-pane-xxs-font-size:12px;--okd-tabs-pane-xxs-font-weight:400;--okd-tabs-pane-xxs-active-font-weight:500;--okd-tabs-pane-xxs-hover-font-weight:500;--okd-tabs-pane-xxs-padding-vertical:8px;--okd-tabs-pane-xxs-margin-right:8px;--okd-tabs-pane-xxs-border-width:1px;--okd-tabs-pane-xxs-border-radius:4px;--okd-tabs-xxs-underline-font-size:12px;--okd-tabs-xxs-underline-font-weight:500;--okd-tabs-xxs-underline-label-padding:0px;--okd-tabs-xxs-underline-spacing:16px;--okd-tabs-xxs-common-icon-size:12px;--okd-tabs-xxs-button-font-size:12px;--okd-tabs-xxs-button-font-weight:400;--okd-tabs-xxs-button-height:24px;--okd-tabs-xxs-button-label-padding:8px;--okd-tabs-xxs-button-spacing:8px;--okd-tabs-xxs-muted-font-size:12px;--okd-tabs-xxs-muted-font-weight:400;--okd-tabs-xxs-muted-height:24px;--okd-tabs-xxs-muted-label-padding:8px;--okd-tabs-xxs-muted-spacing:8px;--okd-tabs-xxs-segmented-font-size:12px;--okd-tabs-xxs-segmented-font-weight:400;--okd-tabs-xxs-segmented-height:24px;--okd-tabs-xxs-segmented-label-padding:8px;--okd-tabs-xxs-segmented-spacing:2px;--okd-tabs-xxs-segmented-container-padding:2px;--okd-tabs-xxs-font-size:12px;--okd-tabs-xxs-icon-size:12px;--okd-tabs-xxs-height:24px;--okd-tabs-xxs-label-padding:10px;--okd-tabs-xxs-gutter-padding:10px;--okd-tabs-xxs-margin:2px;--okd-tabs-xxs-icon-width:10px;--okd-tabs-xxs-underline-height:24px;--okd-tabs-pane-fill-reversed-default-text-color:hsla(0,0%,100%,.5);--okd-tabs-pane-fill-reversed-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-reversed-default-background-color:hsla(0,0%,100%,.15);--okd-tabs-pane-fill-reversed-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-reversed-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-reversed-active-background-color:var(--okd-color-background-base-primary);--okd-tabs-pane-fill-reversed-hover-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-fill-reversed-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-reversed-hover-background-color:hsla(0,0%,100%,.15);--okd-tabs-pane-outline-reversed-default-text-color:hsla(0,0%,100%,.5);--okd-tabs-pane-outline-reversed-default-border-color:hsla(0,0%,98%,.15);--okd-tabs-pane-outline-reversed-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-reversed-active-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-outline-reversed-active-border-color:var(--okd-color-border-contrast);--okd-tabs-pane-outline-reversed-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-reversed-hover-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-outline-reversed-hover-border-color:hsla(0,0%,98%,.15);--okd-tabs-pane-outline-reversed-hover-background-color:hsla(0,0%,100%,.15);--okd-tabs-pane-text-reversed-default-text-color:hsla(0,0%,100%,.5);--okd-tabs-pane-text-reversed-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-active-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-text-reversed-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-hover-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-text-reversed-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-hover-background-color:var(--okd-color-transparent-base-black);--okd-tabs-xxs-underline-active-font-weight:500;--okd-tabs-xxs-button-active-font-weight:500;--okd-tabs-xxs-muted-active-font-weight:500;--okd-tabs-xxs-segmented-active-font-weight:400;--okd-tabs-xs-underline-active-font-weight:500;--okd-tabs-xs-button-active-font-weight:500;--okd-tabs-xs-muted-active-font-weight:500;--okd-tabs-xs-segmented-active-font-weight:400;--okd-tabs-sm-underline-active-font-weight:500;--okd-tabs-sm-button-active-font-weight:500;--okd-tabs-sm-muted-active-font-weight:500;--okd-tabs-sm-segmented-active-font-weight:500;--okd-tabs-md-underline-active-font-weight:500;--okd-tabs-md-button-active-font-weight:500;--okd-tabs-md-muted-active-font-weight:500;--okd-tabs-md-segmented-active-font-weight:500;--okd-tabs-lg-underline-active-font-weight:500;--okd-tabs-lg-button-active-font-weight:500;--okd-tabs-lg-muted-active-font-weight:500;--okd-tabs-lg-segmented-active-font-weight:500;--okd-tabs-xl-underline-active-font-weight:500;--okd-tabs-xl-button-active-font-weight:500;--okd-tabs-xl-muted-active-font-weight:500;--okd-tabs-xl-segmented-active-font-weight:500;--okd-tabs-xxl-underline-active-font-weight:700;--okd-tabs-xxl-button-active-font-weight:500;--okd-tabs-xxl-muted-active-font-weight:500;--okd-tabs-xxl-segmented-active-font-weight:500;--okd-tabs-xxxl-underline-active-font-weight:700;--okd-tabs-xxxl-button-active-font-weight:500;--okd-tabs-xxxl-muted-active-font-weight:500;--okd-tabs-xxxl-segmented-active-font-weight:500;--okd-tabs-xxs-underline-border-width:2px;--okd-tabs-xs-underline-border-width:2px;--okd-tabs-sm-underline-border-width:2px;--okd-tabs-md-underline-border-width:2px;--okd-tabs-lg-underline-border-width:2px;--okd-tabs-xl-underline-border-width:2px;--okd-tabs-xxl-underline-border-width:2px;--okd-tabs-xxxl-underline-border-width:2px}.theme-dark{--okd-tabs-pane-bg-color:var(--okd-color-transparent);--okd-tabs-pane-label-color:var(--okd-color-gray-700);--okd-tabs-pane-label-active-color:var(--okd-color-gray-900);--okd-tabs-pane-icon-color:var(--okd-color-gray-700);--okd-tabs-pane-icon-active-color:var(--okd-color-gray-900);--okd-tabs-pane-icon-bg-color:var(--okd-color-gray-200);--okd-tabs-pane-slot-bg-color:var(--okd-color-transparent);--okd-tabs-pane-active-color:var(--okd-color-blue-900);--okd-tabs-pane-background-color:var(--okd-color-gray-200);--okd-tabs-pane-nav-shadow-color:var(--okd-color-gray-400);--okd-green-color:var(--okd-color-green-900);--okd-red-color:var(--okd-color-red-900);--okd-tabs-underline-pane-list-border-color:var(--okd-tabs-pane-nav-shadow-color);--okd-tabs-underline-pane-list-bg-color:var(--okd-tabs-pane-nav-shadow-color);--okd-tabs-underline-pane-blue-label-active-color:var(--okd-color-content-primary);--okd-tabs-underline-pane-blue-border-active-color:var(--okd-color-border-selected);--okd-tabs-underline-pane-green-border-active-color:var(--okd-color-semantic-positive);--okd-tabs-underline-pane-green-label-active-color:var(--okd-color-semantic-positive);--okd-tabs-underline-pane-red-border-active-color:var(--okd-color-semantic-negative);--okd-tabs-underline-pane-red-label-active-color:var(--okd-color-semantic-negative);--okd-tabs-underline-pane-grey-border-active-color:var(--okd-color-border-selected);--okd-tabs-underline-pane-grey-label-active-color:var(--okd-color-content-primary);--okd-tabs-segmented-pane-bg-color:var(--okd-color-transparent);--okd-tabs-segmented-pane-green-bg-active-color:var(--okd-color-semantic-positive);--okd-tabs-segmented-pane-green-label-active-color:var(--okd-color-content-primary);--okd-tabs-segmented-pane-red-bg-active-color:var(--okd-color-semantic-negative);--okd-tabs-segmented-pane-red-label-active-color:var(--okd-color-content-primary);--okd-tabs-segmented-pane-blue-bg-active-color:var(--okd-color-background-surface-pressed);--okd-tabs-segmented-pane-blue-label-active-color:var(--okd-color-text-white);--okd-tabs-segmented-pane-grey-bg-active-color:var(--okd-color-neutral-160);--okd-tabs-segmented-pane-grey-label-active-color:var(--okd-color-content-primary);--segmented-pane-label-active-color:var(--okd-tabs-pane-icon-active-color);--okd-tabs-segmented-pane-bg-shadow-color:0px 2px 4px -1px #0000000f,0px 4px 6px -1px #0000001a;--okd-tabs-segmented-pane-list-bg-color:var(--okd-color-gray-100);--okd-tabs-muted-pane-border-color:var(--okd-color-gray-500);--okd-tabs-muted-pane-blue-border-active-color:var(--okd-color-border-secondary);--okd-tabs-muted-pane-blue-label-active-color:var(--okd-color-content-secondary);--okd-tabs-muted-pane-green-border-active-color:var(--okd-color-semantic-positive);--okd-tabs-muted-pane-green-label-active-color:var(--okd-color-semantic-positive);--okd-tabs-muted-pane-red-border-active-color:var(--okd-color-semantic-negative);--okd-tabs-muted-pane-red-label-active-color:var(--okd-color-semantic-negative);--okd-tabs-muted-pane-grey-border-active-color:var(--okd-color-border-secondary);--okd-tabs-muted-pane-grey-label-active-color:var(--okd-color-content-secondary);--okd-tabs-button-pane-bg-color:var(--okd-color-transparent);--okd-tabs-button-pane-border-color:var(--okd-color-gray-500);--okd-tabs-button-pane-blue-bg-active-color:var(--okd-color-background-surface-primary);--okd-tabs-button-pane-blue-label-active-color:var(--okd-color-content-primary);--okd-tabs-button-pane-green-bg-active-color:var(--okd-color-semantic-positive);--okd-tabs-button-pane-green-label-active-color:var(--okd-color-content-primary);--okd-tabs-button-pane-red-bg-active-color:var(--okd-color-semantic-negative);--okd-tabs-button-pane-red-label-active-color:var(--okd-color-content-primary);--okd-tabs-button-pane-grey-bg-active-color:var(--okd-color-neutral-180);--okd-tabs-button-pane-grey-label-active-color:var(--okd-color-content-primary);--okd-tabs-lg-font-size:var(--okd-font-size-md);--okd-tabs-md-font-size:var(--okd-font-size-md);--okd-tabs-sm-font-size:var(--okd-font-size-xs);--okd-tabs-xs-font-size:var(--okd-font-size-xs);--okd-tabs-lg-icon-size:16px;--okd-tabs-md-icon-size:16px;--okd-tabs-sm-icon-size:14px;--okd-tabs-xs-icon-size:14px;--okd-tabs-lg-height:44px;--okd-tabs-md-height:40px;--okd-tabs-sm-height:36px;--okd-tabs-xs-height:28px;--okd-tabs-lg-label-padding:16px;--okd-tabs-md-label-padding:16px;--okd-tabs-sm-label-padding:10px;--okd-tabs-xs-label-padding:10px;--okd-tabs-lg-gutter-padding:4px;--okd-tabs-md-gutter-padding:4px;--okd-tabs-sm-gutter-padding:3px;--okd-tabs-xs-gutter-padding:3px;--okd-tabs-lg-margin:16px;--okd-tabs-md-margin:12px;--okd-tabs-sm-margin:8px;--okd-tabs-xs-margin:8px;--okd-tabs-lg-icon-width:10px;--okd-tabs-md-icon-width:10px;--okd-tabs-sm-icon-width:8px;--okd-tabs-xs-icon-width:8px;--okd-tabs-underline-pane-common-border-color:var(--okd-color-border-primary);--okd-tabs-underline-pane-common-bg-color:var(--okd-color-border-primary);--okd-tabs-button-pane-common-border-color:var(--okd-color-border-primary);--okd-tabs-muted-pane-common-border-color:var(--okd-color-transparent-white);--okd-tabs-segmented-pane-common-list-bg-color:var(--okd-color-neutral-180);--okd-tabs-common-pane-icon-color:var(--okd-color-content-contrast);--okd-tabs-common-pane-icon-active-color:var(--okd-color-content-secondary);--okd-tabs-common-pane-icon-bg-color:var(--okd-color-content-inverse);--okd-tabs-common-pane-label-color:var(--okd-color-content-contrast);--okd-tabs-common-pane-nav-shadow-color:var(--okd-color-content-contrast);--okd-tabs-segmented-pane-common-shadow:0px 0px 0px 0px #0000001a;--okd-tabs-button-pane-common-bg-color:var(--okd-color-transparent-white);--okd-tabs-underline-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-button-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-muted-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-segmented-pane-common-bg-color:var(--okd-color-transparent-white);--okd-tabs-segmented-pane-common-label-color:var(--okd-color-content-contrast);--okd-tabs-xs-underline-font-size:12px;--okd-tabs-xs-underline-height:28px;--okd-tabs-xs-underline-label-padding:0px;--okd-tabs-xs-underline-spacing:24px;--okd-tabs-xs-common-icon-size:14px;--okd-tabs-xs-button-font-size:12px;--okd-tabs-xs-button-height:28px;--okd-tabs-xs-button-label-padding:8px;--okd-tabs-xs-button-spacing:8px;--okd-tabs-xs-muted-font-size:12px;--okd-tabs-xs-muted-height:28px;--okd-tabs-xs-muted-label-padding:8px;--okd-tabs-xs-muted-spacing:8px;--okd-tabs-xs-segmented-font-size:12px;--okd-tabs-xs-segmented-height:28px;--okd-tabs-xs-segmented-label-padding:8px;--okd-tabs-xs-segmented-spacing:2px;--okd-tabs-xs-segmented-container-padding:2px;--okd-tabs-sm-underline-height:36px;--okd-tabs-sm-underline-font-size:12px;--okd-tabs-sm-underline-label-padding:0px;--okd-tabs-sm-underline-spacing:24px;--okd-tabs-sm-common-icon-size:14px;--okd-tabs-sm-button-font-size:12px;--okd-tabs-sm-button-height:36px;--okd-tabs-sm-button-label-padding:12px;--okd-tabs-sm-button-spacing:8px;--okd-tabs-sm-muted-font-size:12px;--okd-tabs-sm-muted-height:36px;--okd-tabs-sm-muted-label-padding:12px;--okd-tabs-sm-muted-spacing:8px;--okd-tabs-sm-segmented-font-size:12px;--okd-tabs-sm-segmented-height:36px;--okd-tabs-sm-segmented-label-padding:12px;--okd-tabs-sm-segmented-spacing:2px;--okd-tabs-sm-segmented-container-padding:4px;--okd-tabs-md-underline-font-size:14px;--okd-tabs-md-underline-height:40px;--okd-tabs-md-underline-label-padding:0px;--okd-tabs-md-underline-spacing:24px;--okd-tabs-md-common-icon-size:16px;--okd-tabs-md-button-font-size:14px;--okd-tabs-md-button-height:40px;--okd-tabs-md-button-label-padding:12px;--okd-tabs-md-button-spacing:8px;--okd-tabs-md-muted-font-size:14px;--okd-tabs-md-muted-height:40px;--okd-tabs-md-muted-label-padding:12px;--okd-tabs-md-muted-spacing:12px;--okd-tabs-md-segmented-font-size:14px;--okd-tabs-md-segmented-height:40px;--okd-tabs-md-segmented-label-padding:12px;--okd-tabs-md-segmented-spacing:2px;--okd-tabs-md-segmented-container-padding:4px;--okd-tabs-lg-underline-font-size:14px;--okd-tabs-lg-underline-height:44px;--okd-tabs-lg-underline-label-padding:0px;--okd-tabs-lg-underline-spacing:24px;--okd-tabs-lg-common-icon-size:16px;--okd-tabs-lg-button-font-size:14px;--okd-tabs-lg-button-height:44px;--okd-tabs-lg-button-label-padding:12px;--okd-tabs-lg-button-spacing:8px;--okd-tabs-lg-muted-font-size:14px;--okd-tabs-lg-muted-height:44px;--okd-tabs-lg-muted-label-padding:12px;--okd-tabs-lg-muted-spacing:8px;--okd-tabs-lg-segmented-font-size:14px;--okd-tabs-lg-segmented-height:44px;--okd-tabs-lg-segmented-label-padding:12px;--okd-tabs-lg-segmented-spacing:2px;--okd-tabs-lg-segmented-container-padding:4px;--okd-tabs-xl-common-icon-size:18px;--okd-tabs-xl-underline-font-size:16px;--okd-tabs-xl-underline-height:48px;--okd-tabs-xl-underline-label-padding:0px;--okd-tabs-xl-underline-spacing:24px;--okd-tabs-xl-button-font-size:16px;--okd-tabs-xl-button-height:48px;--okd-tabs-xl-button-label-padding:16px;--okd-tabs-xl-button-spacing:8px;--okd-tabs-xl-muted-font-size:16px;--okd-tabs-xl-muted-height:48px;--okd-tabs-xl-muted-label-padding:16px;--okd-tabs-xl-muted-spacing:8px;--okd-tabs-xl-segmented-font-size:16px;--okd-tabs-xl-segmented-height:48px;--okd-tabs-xl-segmented-label-padding:16px;--okd-tabs-xl-segmented-spacing:2px;--okd-tabs-xl-segmented-container-padding:4px;--okd-tabs-xxl-common-icon-size:20px;--okd-tabs-xxl-underline-font-size:18px;--okd-tabs-xxl-underline-height:48px;--okd-tabs-xxl-underline-label-padding:0px;--okd-tabs-xxl-underline-spacing:24px;--okd-tabs-xxl-button-font-size:18px;--okd-tabs-xxl-button-height:48px;--okd-tabs-xxl-button-label-padding:16px;--okd-tabs-xxl-button-spacing:8px;--okd-tabs-xxl-muted-font-size:18px;--okd-tabs-xxl-muted-height:48px;--okd-tabs-xxl-muted-label-padding:16px;--okd-tabs-xxl-muted-spacing:8px;--okd-tabs-xxl-segmented-font-size:18px;--okd-tabs-xxl-segmented-height:48px;--okd-tabs-xxl-segmented-label-padding:16px;--okd-tabs-xxl-segmented-spacing:2px;--okd-tabs-xxl-segmented-container-padding:4px;--okd-tabs-xxxl-common-icon-size:20px;--okd-tabs-xxxl-underline-font-size:22px;--okd-tabs-xxxl-underline-height:56px;--okd-tabs-xxxl-underline-label-padding:0px;--okd-tabs-xxxl-underline-spacing:24px;--okd-tabs-xxxl-button-font-size:22px;--okd-tabs-xxxl-button-height:56px;--okd-tabs-xxxl-button-label-padding:16px;--okd-tabs-xxxl-button-spacing:8px;--okd-tabs-xxxl-muted-font-size:22px;--okd-tabs-xxxl-muted-height:56px;--okd-tabs-xxxl-muted-label-padding:16px;--okd-tabs-xxxl-muted-spacing:8px;--okd-tabs-xxxl-segmented-font-size:22px;--okd-tabs-xxxl-segmented-height:56px;--okd-tabs-xxxl-segmented-label-padding:16px;--okd-tabs-xxxl-segmented-spacing:2px;--okd-tabs-xxxl-segmented-container-padding:4px;--okd-tabs-common-pane-nav-icon-bg-color-1:var(--okd-color-background-base-primary);--okd-tabs-common-pane-nav-icon-bg-color-2:var(--okd-color-transparent-white);--okd-tabs-button-pane-common-border-radius:4px;--okd-tabs-muted-pane-common-border-radius:4px;--okd-tabs-segmented-pane-common-border-radius:8px;--okd-tabs-xxxl-button-font-weight:400;--okd-tabs-xxl-button-font-weight:400;--okd-tabs-xl-button-font-weight:400;--okd-tabs-lg-button-font-weight:400;--okd-tabs-md-button-font-weight:400;--okd-tabs-xs-button-font-weight:400;--okd-tabs-xs-muted-font-weight:400;--okd-tabs-xs-segmented-font-weight:500;--okd-tabs-sm-segmented-font-weight:500;--okd-tabs-sm-muted-font-weight:400;--okd-tabs-sm-button-font-weight:400;--okd-tabs-md-muted-font-weight:400;--okd-tabs-md-segmented-font-weight:500;--okd-tabs-lg-muted-font-weight:400;--okd-tabs-lg-segmented-font-weight:500;--okd-tabs-xl-muted-font-weight:400;--okd-tabs-xl-segmented-font-weight:500;--okd-tabs-xxl-segmented-font-weight:500;--okd-tabs-xxl-muted-font-weight:400;--okd-tabs-xxxl-segmented-font-weight:500;--okd-tabs-xxxl-muted-font-weight:400;--okd-tabs-pane-fill-primary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-fill-primary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-primary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-active-background-color:var(--okd-color-neutral-180);--okd-tabs-pane-fill-primary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-primary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-primary-hover-background-color:var(--okd-color-transparent-base-white);--okd-tabs-pane-fill-highlight-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-fill-highlight-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-highlight-default-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-fill-highlight-active-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-fill-highlight-active-border-color:var(--okd-color-transparent-black);--okd-tabs-pane-fill-highlight-active-background-color:var(--okd-color-container-inverse);--okd-tabs-pane-fill-highlight-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-highlight-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-highlight-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-fill-secondary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-fill-secondary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-secondary-default-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-fill-secondary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-secondary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-secondary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-fill-secondary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-secondary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-secondary-active-background-color:var(--okd-color-neutral-180);--okd-tabs-pane-outline-primary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-outline-primary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-primary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-primary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-primary-active-border-color:var(--okd-color-border-selected);--okd-tabs-pane-outline-primary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-highlight-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-outline-highlight-hover-border-color:var(--okd-color-border-primary);--okd-tabs-pane-outline-highlight-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-highlight-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-highlight-active-border-color:var(--okd-color-border-selected);--okd-tabs-pane-outline-highlight-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-highlight-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-outline-highlight-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-highlight-default-border-color:var(--okd-color-border-primary);--okd-tabs-pane-text-highlight-hover-background-color:var(--okd-color-transparent-base-white);--okd-tabs-pane-text-highlight-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-highlight-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-highlight-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-highlight-default-text-color:var(--okd-color-content-contrast);--okd-tabs-xs-button-border-radius:8px;--okd-tabs-xs-muted-border-radius:8px;--okd-tabs-xs-segmented-border-radius:6px;--okd-tabs-sm-button-border-radius:8px;--okd-tabs-sm-muted-border-radius:8px;--okd-tabs-sm-segmented-border-radius:4px;--okd-tabs-md-button-border-radius:8px;--okd-tabs-md-muted-border-radius:8px;--okd-tabs-md-segmented-border-radius:4px;--okd-tabs-lg-button-border-radius:8px;--okd-tabs-lg-muted-border-radius:8px;--okd-tabs-lg-segmented-border-radius:4px;--okd-tabs-xl-button-border-radius:8px;--okd-tabs-xl-muted-border-radius:8px;--okd-tabs-xl-segmented-border-radius:4px;--okd-tabs-xxl-button-border-radius:8px;--okd-tabs-xxl-muted-border-radius:8px;--okd-tabs-xxl-segmented-border-radius:4px;--okd-tabs-xxxl-button-border-radius:8px;--okd-tabs-xxxl-muted-border-radius:8px;--okd-tabs-xxxl-segmented-border-radius:4px;--okd-tabs-xs-button-container-border-radius:0px;--okd-tabs-xs-muted-container-border-radius:0px;--okd-tabs-xs-segmented-container-border-radius:8px;--okd-tabs-sm-button-container-border-radius:0px;--okd-tabs-sm-muted-container-border-radius:0px;--okd-tabs-sm-segmented-container-border-radius:8px;--okd-tabs-md-button-container-border-radius:0px;--okd-tabs-md-muted-container-border-radius:0px;--okd-tabs-md-segmented-container-border-radius:8px;--okd-tabs-lg-button-container-border-radius:0px;--okd-tabs-lg-muted-container-border-radius:0px;--okd-tabs-lg-segmented-container-border-radius:8px;--okd-tabs-xl-button-container-border-radius:0px;--okd-tabs-xl-muted-container-border-radius:0px;--okd-tabs-xl-segmented-container-border-radius:8px;--okd-tabs-xxl-button-container-border-radius:0px;--okd-tabs-xxl-muted-container-border-radius:0px;--okd-tabs-xxl-segmented-container-border-radius:8px;--okd-tabs-xxxl-button-container-border-radius:0px;--okd-tabs-xxxl-muted-container-border-radius:0px;--okd-tabs-xxxl-segmented-container-border-radius:8px;--okd-tabs-pane-xs-border-radius:4px;--okd-tabs-pane-sm-border-radius:4px;--okd-tabs-pane-md-border-radius:6px;--okd-tabs-pane-lg-border-radius:6px;--okd-tabs-pane-xl-border-radius:8px;--okd-tabs-pane-xxl-border-radius:8px;--okd-tabs-pane-xxxl-border-radius:8px;--okd-tabs-pane-xs-font-weight:400;--okd-tabs-pane-xs-active-font-weight:500;--okd-tabs-pane-xs-hover-font-weight:400;--okd-tabs-pane-md-font-weight:400;--okd-tabs-pane-md-active-font-weight:500;--okd-tabs-pane-md-hover-font-weight:400;--okd-tabs-pane-sm-font-weight:400;--okd-tabs-pane-sm-active-font-weight:500;--okd-tabs-pane-sm-hover-font-weight:400;--okd-tabs-pane-lg-font-weight:400;--okd-tabs-pane-lg-active-font-weight:500;--okd-tabs-pane-lg-hover-font-weight:400;--okd-tabs-pane-xl-font-weight:400;--okd-tabs-pane-xl-active-font-weight:500;--okd-tabs-pane-xl-hover-font-weight:400;--okd-tabs-pane-xxl-font-weight:400;--okd-tabs-pane-xxl-active-font-weight:500;--okd-tabs-pane-xxl-hover-font-weight:400;--okd-tabs-pane-xxxl-font-weight:400;--okd-tabs-pane-xxxl-active-font-weight:500;--okd-tabs-pane-xxxl-hover-font-weight:400;--okd-tabs-pane-xs-height:24px;--okd-tabs-pane-xs-font-size:12px;--okd-tabs-pane-xs-padding-vertical:8px;--okd-tabs-pane-xs-margin-right:8px;--okd-tabs-pane-xs-border-width:1px;--okd-tabs-pane-sm-height:28px;--okd-tabs-pane-sm-font-size:12px;--okd-tabs-pane-sm-padding-vertical:8px;--okd-tabs-pane-sm-margin-right:8px;--okd-tabs-pane-sm-border-width:1px;--okd-tabs-pane-md-height:32px;--okd-tabs-pane-md-font-size:14px;--okd-tabs-pane-md-padding-vertical:8px;--okd-tabs-pane-md-margin-right:8px;--okd-tabs-pane-md-border-width:1px;--okd-tabs-pane-lg-height:36px;--okd-tabs-pane-lg-font-size:14px;--okd-tabs-pane-lg-padding-vertical:12px;--okd-tabs-pane-lg-margin-right:8px;--okd-tabs-pane-lg-border-width:1px;--okd-tabs-pane-xl-height:40px;--okd-tabs-pane-xl-font-size:14px;--okd-tabs-pane-xl-padding-vertical:16px;--okd-tabs-pane-xl-margin-right:8px;--okd-tabs-pane-xl-border-width:1px;--okd-tabs-pane-xxl-height:44px;--okd-tabs-pane-xxl-font-size:16px;--okd-tabs-pane-xxl-padding-vertical:16px;--okd-tabs-pane-xxl-margin-right:8px;--okd-tabs-pane-xxl-border-width:1px;--okd-tabs-pane-xxxl-height:50px;--okd-tabs-pane-xxxl-font-size:18px;--okd-tabs-pane-xxxl-padding-vertical:16px;--okd-tabs-pane-xxxl-margin-right:8px;--okd-tabs-pane-xxxl-border-width:1px;--okd-tabs-xs-underline-font-weight:500;--okd-tabs-sm-underline-font-weight:500;--okd-tabs-md-underline-font-weight:500;--okd-tabs-lg-underline-font-weight:500;--okd-tabs-xl-underline-font-weight:500;--okd-tabs-xxl-underline-font-weight:700;--okd-tabs-xxxl-underline-font-weight:700;--okd-tabs-xxs-button-container-border-radius:0px;--okd-tabs-xxs-muted-container-border-radius:0px;--okd-tabs-xxs-segmented-container-border-radius:8px;--okd-tabs-xxs-button-border-radius:8px;--okd-tabs-xxs-muted-border-radius:8px;--okd-tabs-xxs-segmented-border-radius:6px;--okd-tabs-pane-xxs-height:24px;--okd-tabs-pane-xxs-font-size:12px;--okd-tabs-pane-xxs-font-weight:400;--okd-tabs-pane-xxs-active-font-weight:500;--okd-tabs-pane-xxs-hover-font-weight:500;--okd-tabs-pane-xxs-padding-vertical:8px;--okd-tabs-pane-xxs-margin-right:8px;--okd-tabs-pane-xxs-border-width:1px;--okd-tabs-pane-xxs-border-radius:4px;--okd-tabs-xxs-underline-font-size:12px;--okd-tabs-xxs-underline-font-weight:500;--okd-tabs-xxs-underline-label-padding:0px;--okd-tabs-xxs-underline-spacing:16px;--okd-tabs-xxs-common-icon-size:12px;--okd-tabs-xxs-button-font-size:12px;--okd-tabs-xxs-button-font-weight:400;--okd-tabs-xxs-button-height:24px;--okd-tabs-xxs-button-label-padding:8px;--okd-tabs-xxs-button-spacing:8px;--okd-tabs-xxs-muted-font-size:12px;--okd-tabs-xxs-muted-font-weight:400;--okd-tabs-xxs-muted-height:24px;--okd-tabs-xxs-muted-label-padding:8px;--okd-tabs-xxs-muted-spacing:8px;--okd-tabs-xxs-segmented-font-size:12px;--okd-tabs-xxs-segmented-font-weight:400;--okd-tabs-xxs-segmented-height:24px;--okd-tabs-xxs-segmented-label-padding:8px;--okd-tabs-xxs-segmented-spacing:2px;--okd-tabs-xxs-segmented-container-padding:2px;--okd-tabs-xxs-font-size:12px;--okd-tabs-xxs-icon-size:12px;--okd-tabs-xxs-height:24px;--okd-tabs-xxs-label-padding:10px;--okd-tabs-xxs-gutter-padding:10px;--okd-tabs-xxs-margin:2px;--okd-tabs-xxs-icon-width:10px;--okd-tabs-xxs-underline-height:24px;--okd-tabs-pane-fill-reversed-default-text-color:rgba(0,0,0,.5);--okd-tabs-pane-fill-reversed-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-reversed-default-background-color:rgba(0,0,0,.06);--okd-tabs-pane-fill-reversed-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-fill-reversed-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-reversed-active-background-color:var(--okd-color-background-base-primary);--okd-tabs-pane-fill-reversed-hover-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-fill-reversed-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-fill-reversed-hover-background-color:rgba(0,0,0,.06);--okd-tabs-pane-outline-reversed-default-text-color:rgba(0,0,0,.5);--okd-tabs-pane-outline-reversed-default-border-color:rgba(0,0,0,.15);--okd-tabs-pane-outline-reversed-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-reversed-active-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-outline-reversed-active-border-color:var(--okd-color-border-contrast);--okd-tabs-pane-outline-reversed-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-reversed-hover-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-outline-reversed-hover-border-color:rgba(0,0,0,.15);--okd-tabs-pane-outline-reversed-hover-background-color:var(--okd-color-transparent-black);--okd-tabs-pane-text-reversed-default-text-color:rgba(0,0,0,.5);--okd-tabs-pane-text-reversed-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-active-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-text-reversed-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-hover-text-color:var(--okd-color-content-inverse);--okd-tabs-pane-text-reversed-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-reversed-hover-background-color:var(--okd-color-transparent-base-black);--okd-tabs-xxs-underline-active-font-weight:500;--okd-tabs-xxs-button-active-font-weight:500;--okd-tabs-xxs-muted-active-font-weight:500;--okd-tabs-xxs-segmented-active-font-weight:400;--okd-tabs-xs-underline-active-font-weight:500;--okd-tabs-xs-button-active-font-weight:500;--okd-tabs-xs-muted-active-font-weight:500;--okd-tabs-xs-segmented-active-font-weight:400;--okd-tabs-sm-underline-active-font-weight:500;--okd-tabs-sm-button-active-font-weight:500;--okd-tabs-sm-muted-active-font-weight:500;--okd-tabs-sm-segmented-active-font-weight:500;--okd-tabs-md-underline-active-font-weight:500;--okd-tabs-md-button-active-font-weight:500;--okd-tabs-md-muted-active-font-weight:500;--okd-tabs-md-segmented-active-font-weight:500;--okd-tabs-lg-underline-active-font-weight:500;--okd-tabs-lg-button-active-font-weight:500;--okd-tabs-lg-muted-active-font-weight:500;--okd-tabs-lg-segmented-active-font-weight:500;--okd-tabs-xl-underline-active-font-weight:500;--okd-tabs-xl-button-active-font-weight:500;--okd-tabs-xl-muted-active-font-weight:500;--okd-tabs-xl-segmented-active-font-weight:500;--okd-tabs-xxl-underline-active-font-weight:700;--okd-tabs-xxl-button-active-font-weight:500;--okd-tabs-xxl-muted-active-font-weight:500;--okd-tabs-xxl-segmented-active-font-weight:500;--okd-tabs-xxxl-underline-active-font-weight:700;--okd-tabs-xxxl-button-active-font-weight:500;--okd-tabs-xxxl-muted-active-font-weight:500;--okd-tabs-xxxl-segmented-active-font-weight:500;--okd-tabs-pane-outline-primary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-outline-primary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-primary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-text-primary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-primary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-primary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-primary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-text-secondary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-text-secondary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-secondary-active-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-text-secondary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-text-secondary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-pane-outline-secondary-default-text-color:var(--okd-color-content-contrast);--okd-tabs-pane-outline-secondary-default-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-default-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-active-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-secondary-active-border-color:var(--okd-color-border-secondary);--okd-tabs-pane-outline-secondary-active-background-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-hover-text-color:var(--okd-color-content-primary);--okd-tabs-pane-outline-secondary-hover-border-color:var(--okd-color-transparent-white);--okd-tabs-pane-outline-secondary-hover-background-color:var(--okd-color-background-surface-primary);--okd-tabs-xxs-underline-border-width:2px;--okd-tabs-xs-underline-border-width:2px;--okd-tabs-sm-underline-border-width:2px;--okd-tabs-md-underline-border-width:2px;--okd-tabs-lg-underline-border-width:2px;--okd-tabs-xl-underline-border-width:2px;--okd-tabs-xxl-underline-border-width:2px;--okd-tabs-xxxl-underline-border-width:2px}.okui-tabs-pane.okui-tabs-pane-outline-highlight{background-color:initial;background-color:var(--okd-tabs-pane-outline-highlight-default-background-color,transparent);border-color:#dbdbdb;border-color:var(--okd-tabs-pane-outline-highlight-default-border-color,#dbdbdb);border-style:solid;color:#929292;color:var(--okd-tabs-pane-outline-highlight-default-text-color,#929292)}.okui-tabs-pane.okui-tabs-pane-outline-highlight.okui-tabs-active{background-color:initial;background-color:var(--okd-tabs-pane-outline-highlight-active-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-outline-highlight-active-border-color,#000);color:#000;color:var(--okd-tabs-pane-outline-highlight-active-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-outline-highlight.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#000;outline-color:var(--okd-tabs-pane-outline-highlight-active-text-color,#000);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-outline-highlight:hover:not(.okui-tabs-active){background-color:initial;background-color:var(--okd-tabs-pane-outline-highlight-hover-background-color,transparent);border-color:#dbdbdb;border-color:var(--okd-tabs-pane-outline-highlight-hover-border-color,#dbdbdb);color:#000;color:var(--okd-tabs-pane-outline-highlight-hover-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-outline-primary{background-color:initial;background-color:var(--okd-tabs-pane-outline-primary-default-background-color,transparent);border-color:transparent;border-color:var(--okd-tabs-pane-outline-primary-default-border-color,transparent);border-style:solid;color:#929292;color:var(--okd-tabs-pane-outline-primary-default-text-color,#929292)}.okui-tabs-pane.okui-tabs-pane-outline-primary.okui-tabs-active{background-color:initial;background-color:var(--okd-tabs-pane-outline-primary-active-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-outline-primary-active-border-color,#000);color:#000;color:var(--okd-tabs-pane-outline-primary-active-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-outline-primary.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#000;outline-color:var(--okd-tabs-pane-outline-primary-active-text-color,#000);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-outline-primary:hover:not(.okui-tabs-active){background-color:initial;background-color:var(--okd-tabs-pane-outline-primary-hover-background-color,transparent);border-color:transparent;border-color:var(--okd-tabs-pane-outline-primary-hover-border-color,transparent);color:#000;color:var(--okd-tabs-pane-outline-primary-hover-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-outline-secondary{background-color:initial;background-color:var(--okd-tabs-pane-outline-secondary-default-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-outline-secondary-default-border-color,#000);border-style:solid;color:#fff;color:var(--okd-tabs-pane-outline-secondary-default-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-outline-secondary.okui-tabs-active{background-color:initial;background-color:var(--okd-tabs-pane-outline-secondary-active-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-outline-secondary-active-border-color,#000);color:#fff;color:var(--okd-tabs-pane-outline-secondary-active-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-outline-secondary.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-outline-secondary-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-outline-secondary:hover:not(.okui-tabs-active){background-color:initial;background-color:var(--okd-tabs-pane-outline-secondary-hover-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-outline-secondary-hover-border-color,#000);color:#fff;color:var(--okd-tabs-pane-outline-secondary-hover-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-outline-reversed{background-color:#f7f7f7;background-color:var(--okd-tabs-pane-outline-reversed-default-background-color,#f7f7f7);border-color:#f7f7f7;border-color:var(--okd-tabs-pane-outline-reversed-default-border-color,#f7f7f7);border-style:solid;color:#3d3d3d;color:var(--okd-tabs-pane-outline-reversed-default-text-color,#3d3d3d)}.okui-tabs-pane.okui-tabs-pane-outline-reversed:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-outline-reversed-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-outline-reversed.okui-tabs-active{background-color:#000;background-color:var(--okd-tabs-pane-outline-reversed-active-background-color,#000);border-color:#000;border-color:var(--okd-tabs-pane-outline-reversed-active-border-color,#000);color:#fff;color:var(--okd-tabs-pane-outline-reversed-active-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-outline-reversed.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-outline-reversed-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-outline-reversed:hover:not(.okui-tabs-active){background-color:#ebebeb;background-color:var(--okd-tabs-pane-outline-reversed-hover-background-color,#ebebeb);border-color:#ebebeb;border-color:var(--okd-tabs-pane-outline-reversed-hover-border-color,#ebebeb);color:#3d3d3d;color:var(--okd-tabs-pane-outline-reversed-hover-text-color,#3d3d3d)}.okui-tabs-pane.okui-tabs-pane-fill-highlight{background-color:#f7f7f7;background-color:var(--okd-tabs-pane-fill-highlight-default-background-color,#f7f7f7);border-color:#f7f7f7;border-color:var(--okd-tabs-pane-fill-highlight-default-border-color,#f7f7f7);border-style:solid;color:#3d3d3d;color:var(--okd-tabs-pane-fill-highlight-default-text-color,#3d3d3d)}.okui-tabs-pane.okui-tabs-pane-fill-highlight.okui-tabs-active{background-color:#000;background-color:var(--okd-tabs-pane-fill-highlight-active-background-color,#000);border-color:#000;border-color:var(--okd-tabs-pane-fill-highlight-active-border-color,#000);color:#fff;color:var(--okd-tabs-pane-fill-highlight-active-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-fill-highlight.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-fill-highlight-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-fill-highlight:hover:not(.okui-tabs-active){background-color:#ebebeb;background-color:var(--okd-tabs-pane-fill-highlight-hover-background-color,#ebebeb);border-color:#ebebeb;border-color:var(--okd-tabs-pane-fill-highlight-hover-border-color,#ebebeb);color:#3d3d3d;color:var(--okd-tabs-pane-fill-highlight-hover-text-color,#3d3d3d)}.okui-tabs-pane.okui-tabs-pane-fill-primary{background-color:#f7f7f7;background-color:var(--okd-tabs-pane-fill-primary-default-background-color,#f7f7f7);border-color:#f7f7f7;border-color:var(--okd-tabs-pane-fill-primary-default-border-color,#f7f7f7);border-style:solid;color:#929292;color:var(--okd-tabs-pane-fill-primary-default-text-color,#929292)}.okui-tabs-pane.okui-tabs-pane-fill-primary.okui-tabs-active{background-color:#f7f7f7;background-color:var(--okd-tabs-pane-fill-primary-active-background-color,#f7f7f7);border-color:#f7f7f7;border-color:var(--okd-tabs-pane-fill-primary-active-border-color,#f7f7f7);color:#000;color:var(--okd-tabs-pane-fill-primary-active-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-fill-primary.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#000;outline-color:var(--okd-tabs-pane-fill-primary-active-text-color,#000);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-fill-primary:hover:not(.okui-tabs-active){background-color:#ebebeb;background-color:var(--okd-tabs-pane-fill-primary-hover-background-color,#ebebeb);border-color:#ebebeb;border-color:var(--okd-tabs-pane-fill-primary-hover-border-color,#ebebeb);color:#000;color:var(--okd-tabs-pane-fill-primary-hover-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-fill-secondary{background-color:initial;background-color:var(--okd-tabs-pane-fill-secondary-default-background-color,transparent);border-color:transparent;border-color:var(--okd-tabs-pane-fill-secondary-default-border-color,transparent);border-style:solid;color:#929292;color:var(--okd-tabs-pane-fill-secondary-default-text-color,#929292)}.okui-tabs-pane.okui-tabs-pane-fill-secondary.okui-tabs-active{background-color:#f7f7f7;background-color:var(--okd-tabs-pane-fill-secondary-active-background-color,#f7f7f7);border-color:#f7f7f7;border-color:var(--okd-tabs-pane-fill-secondary-active-border-color,#f7f7f7);color:#000;color:var(--okd-tabs-pane-fill-secondary-active-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-fill-secondary.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#000;outline-color:var(--okd-tabs-pane-fill-secondary-active-text-color,#000);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-fill-secondary:hover:not(.okui-tabs-active){background-color:initial;background-color:var(--okd-tabs-pane-fill-secondary-hover-background-color,transparent);border-color:transparent;border-color:var(--okd-tabs-pane-fill-secondary-hover-border-color,transparent);color:#000;color:var(--okd-tabs-pane-fill-secondary-hover-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-fill-reversed{background-color:#f7f7f7;background-color:var(--okd-tabs-pane-fill-reversed-default-background-color,#f7f7f7);border-color:#f7f7f7;border-color:var(--okd-tabs-pane-fill-reversed-default-border-color,#f7f7f7);border-style:solid;color:#3d3d3d;color:var(--okd-tabs-pane-fill-reversed-default-text-color,#3d3d3d)}.okui-tabs-pane.okui-tabs-pane-fill-reversed:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-fill-reversed-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-fill-reversed.okui-tabs-active{background-color:#000;background-color:var(--okd-tabs-pane-fill-reversed-active-background-color,#000);border-color:#000;border-color:var(--okd-tabs-pane-fill-reversed-active-border-color,#000);color:#fff;color:var(--okd-tabs-pane-fill-reversed-active-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-fill-reversed.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-fill-reversed-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-fill-reversed:hover:not(.okui-tabs-active){background-color:#ebebeb;background-color:var(--okd-tabs-pane-fill-reversed-hover-background-color,#ebebeb);border-color:#ebebeb;border-color:var(--okd-tabs-pane-fill-reversed-hover-border-color,#ebebeb);color:#3d3d3d;color:var(--okd-tabs-pane-fill-reversed-hover-text-color,#3d3d3d)}.okui-tabs-pane.okui-tabs-pane-text-highlight{background-color:initial;background-color:var(--okd-tabs-pane-text-highlight-default-background-color,transparent);border-color:transparent;border-color:var(--okd-tabs-pane-text-highlight-default-border-color,transparent);border-style:solid;color:#929292;color:var(--okd-tabs-pane-text-highlight-default-text-color,#929292)}.okui-tabs-pane.okui-tabs-pane-text-highlight.okui-tabs-active{background-color:initial;background-color:var(--okd-tabs-pane-text-highlight-active-background-color,transparent);border-color:transparent;border-color:var(--okd-tabs-pane-text-highlight-active-border-color,transparent);color:#000;color:var(--okd-tabs-pane-text-highlight-active-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-text-highlight.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#000;outline-color:var(--okd-tabs-pane-text-highlight-active-text-color,#000);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-text-highlight:hover:not(.okui-tabs-active){background-color:initial;background-color:var(--okd-tabs-pane-text-highlight-hover-background-color,transparent);border-color:transparent;border-color:var(--okd-tabs-pane-text-highlight-hover-border-color,transparent);color:#000;color:var(--okd-tabs-pane-text-highlight-hover-text-color,#000)}.okui-tabs-pane.okui-tabs-pane-text-primary{background-color:initial;background-color:var(--okd-tabs-pane-text-primary-default-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-text-primary-default-border-color,#000);border-style:solid;color:#fff;color:var(--okd-tabs-pane-text-primary-default-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-text-primary.okui-tabs-active{background-color:initial;background-color:var(--okd-tabs-pane-text-primary-active-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-text-primary-active-border-color,#000);color:#fff;color:var(--okd-tabs-pane-text-primary-active-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-text-primary.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-text-primary-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-text-primary:hover:not(.okui-tabs-active){background-color:initial;background-color:var(--okd-tabs-pane-text-primary-hover-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-text-primary-hover-border-color,#000);color:#fff;color:var(--okd-tabs-pane-text-primary-hover-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-text-secondary{background-color:initial;background-color:var(--okd-tabs-pane-text-secondary-default-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-text-secondary-default-border-color,#000);border-style:solid;color:#fff;color:var(--okd-tabs-pane-text-secondary-default-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-text-secondary.okui-tabs-active{background-color:initial;background-color:var(--okd-tabs-pane-text-secondary-active-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-text-secondary-active-border-color,#000);color:#fff;color:var(--okd-tabs-pane-text-secondary-active-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-text-secondary.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-text-secondary-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-text-secondary:hover:not(.okui-tabs-active){background-color:initial;background-color:var(--okd-tabs-pane-text-secondary-hover-background-color,transparent);border-color:#000;border-color:var(--okd-tabs-pane-text-secondary-hover-border-color,#000);color:#fff;color:var(--okd-tabs-pane-text-secondary-hover-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-text-reversed{background-color:#f7f7f7;background-color:var(--okd-tabs-pane-text-reversed-default-background-color,#f7f7f7);border-color:#f7f7f7;border-color:var(--okd-tabs-pane-text-reversed-default-border-color,#f7f7f7);border-style:solid;color:#3d3d3d;color:var(--okd-tabs-pane-text-reversed-default-text-color,#3d3d3d)}.okui-tabs-pane.okui-tabs-pane-text-reversed:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-text-reversed-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-text-reversed.okui-tabs-active{background-color:#000;background-color:var(--okd-tabs-pane-text-reversed-active-background-color,#000);border-color:#000;border-color:var(--okd-tabs-pane-text-reversed-active-border-color,#000);color:#fff;color:var(--okd-tabs-pane-text-reversed-active-text-color,#fff)}.okui-tabs-pane.okui-tabs-pane-text-reversed.okui-tabs-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:#fff;outline-color:var(--okd-tabs-pane-text-reversed-active-text-color,#fff);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane.okui-tabs-pane-text-reversed:hover:not(.okui-tabs-active){background-color:#ebebeb;background-color:var(--okd-tabs-pane-text-reversed-hover-background-color,#ebebeb);border-color:#ebebeb;border-color:var(--okd-tabs-pane-text-reversed-hover-border-color,#ebebeb);color:#3d3d3d;color:var(--okd-tabs-pane-text-reversed-hover-text-color,#3d3d3d)}.okui-tabs-pane-xxs.category-size{border-radius:4px;border-radius:var(--okd-tabs-pane-xxs-border-radius,4px);border-width:1px;border-width:var(--okd-tabs-pane-xxs-border-width,1px);font-size:12px;font-size:var(--okd-tabs-pane-xxs-font-size,12px);font-weight:400;font-weight:var(--okd-tabs-pane-xxs-font-weight,400);height:24px;height:var(--okd-tabs-pane-xxs-height,24px);margin-right:8px;margin-right:var(--okd-tabs-pane-xxs-margin-right,8px);padding:0 8px;padding:0 var(--okd-tabs-pane-xxs-padding-vertical,8px)}.okui-tabs-pane-xxs.category-size:last-child{margin-right:0}.okui-tabs-pane-xxs.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-xxs-active-font-weight,500)}.okui-tabs-pane-xxs.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-xxs-hover-font-weight,500)}.okui-tabs-pane-xxs.category-size.okui-tabs-pane-circle{border-radius:12px;border-radius:calc(var(--okd-tabs-pane-xxs-height, 24px)/2)}.okui-tabs-pane-xs.category-size{border-radius:4px;border-radius:var(--okd-tabs-pane-xs-border-radius,4px);border-width:1px;border-width:var(--okd-tabs-pane-xs-border-width,1px);font-size:12px;font-size:var(--okd-tabs-pane-xs-font-size,12px);font-weight:400;font-weight:var(--okd-tabs-pane-xs-font-weight,400);height:24px;height:var(--okd-tabs-pane-xs-height,24px);margin-right:8px;margin-right:var(--okd-tabs-pane-xs-margin-right,8px);padding:0 8px;padding:0 var(--okd-tabs-pane-xs-padding-vertical,8px)}.okui-tabs-pane-xs.category-size:last-child{margin-right:0}.okui-tabs-pane-xs.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-xs-active-font-weight,500)}.okui-tabs-pane-xs.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-xs-hover-font-weight,500)}.okui-tabs-pane-xs.category-size.okui-tabs-pane-circle{border-radius:12px;border-radius:calc(var(--okd-tabs-pane-xs-height, 24px)/2)}.okui-tabs-pane-sm.category-size{border-radius:4px;border-radius:var(--okd-tabs-pane-sm-border-radius,4px);border-width:1px;border-width:var(--okd-tabs-pane-sm-border-width,1px);font-size:12px;font-size:var(--okd-tabs-pane-sm-font-size,12px);font-weight:400;font-weight:var(--okd-tabs-pane-sm-font-weight,400);height:28px;height:var(--okd-tabs-pane-sm-height,28px);margin-right:8px;margin-right:var(--okd-tabs-pane-sm-margin-right,8px);padding:0 8px;padding:0 var(--okd-tabs-pane-sm-padding-vertical,8px)}.okui-tabs-pane-sm.category-size:last-child{margin-right:0}.okui-tabs-pane-sm.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-sm-active-font-weight,500)}.okui-tabs-pane-sm.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-sm-hover-font-weight,500)}.okui-tabs-pane-sm.category-size.okui-tabs-pane-circle{border-radius:14px;border-radius:calc(var(--okd-tabs-pane-sm-height, 28px)/2)}.okui-tabs-pane-md.category-size{border-radius:6px;border-radius:var(--okd-tabs-pane-md-border-radius,6px);border-width:1px;border-width:var(--okd-tabs-pane-md-border-width,1px);font-size:14px;font-size:var(--okd-tabs-pane-md-font-size,14px);font-weight:400;font-weight:var(--okd-tabs-pane-md-font-weight,400);height:32px;height:var(--okd-tabs-pane-md-height,32px);margin-right:8px;margin-right:var(--okd-tabs-pane-md-margin-right,8px);padding:0 8px;padding:0 var(--okd-tabs-pane-md-padding-vertical,8px)}.okui-tabs-pane-md.category-size:last-child{margin-right:0}.okui-tabs-pane-md.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-md-active-font-weight,500)}.okui-tabs-pane-md.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-md-hover-font-weight,500)}.okui-tabs-pane-md.category-size.okui-tabs-pane-circle{border-radius:16px;border-radius:calc(var(--okd-tabs-pane-md-height, 32px)/2)}.okui-tabs-pane-lg.category-size{border-radius:6px;border-radius:var(--okd-tabs-pane-lg-border-radius,6px);border-width:1px;border-width:var(--okd-tabs-pane-lg-border-width,1px);font-size:14px;font-size:var(--okd-tabs-pane-lg-font-size,14px);font-weight:400;font-weight:var(--okd-tabs-pane-lg-font-weight,400);height:36px;height:var(--okd-tabs-pane-lg-height,36px);margin-right:8px;margin-right:var(--okd-tabs-pane-lg-margin-right,8px);padding:0 12px;padding:0 var(--okd-tabs-pane-lg-padding-vertical,12px)}.okui-tabs-pane-lg.category-size:last-child{margin-right:0}.okui-tabs-pane-lg.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-lg-active-font-weight,500)}.okui-tabs-pane-lg.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-lg-hover-font-weight,500)}.okui-tabs-pane-lg.category-size.okui-tabs-pane-circle{border-radius:18px;border-radius:calc(var(--okd-tabs-pane-lg-height, 36px)/2)}.okui-tabs-pane-xl.category-size{border-radius:8px;border-radius:var(--okd-tabs-pane-xl-border-radius,8px);border-width:1px;border-width:var(--okd-tabs-pane-xl-border-width,1px);font-size:14px;font-size:var(--okd-tabs-pane-xl-font-size,14px);font-weight:400;font-weight:var(--okd-tabs-pane-xl-font-weight,400);height:40px;height:var(--okd-tabs-pane-xl-height,40px);margin-right:8px;margin-right:var(--okd-tabs-pane-xl-margin-right,8px);padding:0 16px;padding:0 var(--okd-tabs-pane-xl-padding-vertical,16px)}.okui-tabs-pane-xl.category-size:last-child{margin-right:0}.okui-tabs-pane-xl.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-xl-active-font-weight,500)}.okui-tabs-pane-xl.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-xl-hover-font-weight,500)}.okui-tabs-pane-xl.category-size.okui-tabs-pane-circle{border-radius:20px;border-radius:calc(var(--okd-tabs-pane-xl-height, 40px)/2)}.okui-tabs-pane-xxl.category-size{border-radius:8px;border-radius:var(--okd-tabs-pane-xxl-border-radius,8px);border-width:1px;border-width:var(--okd-tabs-pane-xxl-border-width,1px);font-size:16px;font-size:var(--okd-tabs-pane-xxl-font-size,16px);font-weight:400;font-weight:var(--okd-tabs-pane-xxl-font-weight,400);height:44px;height:var(--okd-tabs-pane-xxl-height,44px);margin-right:8px;margin-right:var(--okd-tabs-pane-xxl-margin-right,8px);padding:0 16px;padding:0 var(--okd-tabs-pane-xxl-padding-vertical,16px)}.okui-tabs-pane-xxl.category-size:last-child{margin-right:0}.okui-tabs-pane-xxl.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-xxl-active-font-weight,500)}.okui-tabs-pane-xxl.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-xxl-hover-font-weight,500)}.okui-tabs-pane-xxl.category-size.okui-tabs-pane-circle{border-radius:22px;border-radius:calc(var(--okd-tabs-pane-xxl-height, 44px)/2)}.okui-tabs-pane-xxxl.category-size{border-radius:10px;border-radius:var(--okd-tabs-pane-xxxl-border-radius,10px);border-width:1px;border-width:var(--okd-tabs-pane-xxxl-border-width,1px);font-size:18px;font-size:var(--okd-tabs-pane-xxxl-font-size,18px);font-weight:400;font-weight:var(--okd-tabs-pane-xxxl-font-weight,400);height:50px;height:var(--okd-tabs-pane-xxxl-height,50px);margin-right:8px;margin-right:var(--okd-tabs-pane-xxxl-margin-right,8px);padding:0 16px;padding:0 var(--okd-tabs-pane-xxxl-padding-vertical,16px)}.okui-tabs-pane-xxxl.category-size:last-child{margin-right:0}.okui-tabs-pane-xxxl.category-size.okui-tabs-active{font-weight:500;font-weight:var(--okd-tabs-pane-xxxl-active-font-weight,500)}.okui-tabs-pane-xxxl.category-size:hover:not(.okui-tabs-active){font-weight:500;font-weight:var(--okd-tabs-pane-xxxl-hover-font-weight,500)}.okui-tabs-pane-xxxl.category-size.okui-tabs-pane-circle{border-radius:25px;border-radius:calc(var(--okd-tabs-pane-xxxl-height, 50px)/2)}.okui-tabs-pane-xxs:last-child{margin-right:0!important}.okui-tabs-pane-xxs.okui-tabs-pane-underline{font-size:var(--okd-tabs-xxs-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-xxs-underline-font-weight,400);margin-right:var(--okd-tabs-xxs-underline-spacing);padding:0 var(--okd-tabs-xxs-underline-label-padding)}.okui-tabs-pane-xxs.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxs-underline-height)/2)}.okui-tabs-pane-xxs.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-xxs-underline-active-font-weight,400)}.okui-tabs-pane-xxs.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-xxs-button-border-radius,4px);font-size:var(--okd-tabs-xxs-button-font-size);font-weight:var(--okd-tabs-xxs-button-font-weight);margin-right:var(--okd-tabs-xxs-button-spacing);padding:0 var(--okd-tabs-xxs-button-label-padding)}.okui-tabs-pane-xxs.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxs-button-height)/2)}.okui-tabs-pane-xxs.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-xxs-button-active-font-weight,400)}.okui-tabs-pane-xxs.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-xxs-muted-border-radius,4px);font-size:var(--okd-tabs-xxs-muted-font-size);font-weight:var(--okd-tabs-xxs-muted-font-weight);margin-right:var(--okd-tabs-xxs-muted-spacing);padding:0 var(--okd-tabs-xxs-muted-label-padding)}.okui-tabs-pane-xxs.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxs-muted-height)/2)}.okui-tabs-pane-xxs.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-xxs-muted-active-font-weight,400)}.okui-tabs-pane-xxs.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-xxs-segmented-border-radius,4px);font-size:var(--okd-tabs-xxs-segmented-font-size);font-weight:var(--okd-tabs-xxs-segmented-font-weight);margin-right:var(--okd-tabs-xxs-segmented-spacing);padding:0 var(--okd-tabs-xxs-segmented-label-padding)}.okui-tabs-pane-xxs.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-xxs-segmented-active-font-weight,400)}.okui-tabs-pane-xxs.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxs-segmented-height)/2)}.okui-tabs-pane-list-xxs .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-xxs-common-icon-size)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-xxs-underline-font-size);height:var(--okd-tabs-xxs-underline-height)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxs-underline-height)/2)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-button{font-size:var(--okd-tabs-xxs-button-font-size);height:var(--okd-tabs-xxs-button-height);line-height:var(--okd-tabs-xxs-button-height)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxs-button-container-border-radius,4px)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxs-button-height)/2)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-xxs-muted-font-size);height:var(--okd-tabs-xxs-muted-height);line-height:var(--okd-tabs-xxs-muted-height)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxs-muted-container-border-radius,4px)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxs-muted-height)/2)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-xxs-segmented-font-size);height:var(--okd-tabs-xxs-segmented-height);line-height:var(--okd-tabs-xxs-segmented-height)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxs-segmented-container-border-radius,4px)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxs-segmented-height)/2)}.okui-tabs-pane-list-xxs.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-xxs-segmented-container-padding)}.okui-tabs-pane-xs:last-child{margin-right:0!important}.okui-tabs-pane-xs.okui-tabs-pane-underline{font-size:var(--okd-tabs-xs-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-xs-underline-font-weight,400);margin-right:var(--okd-tabs-xs-underline-spacing);padding:0 var(--okd-tabs-xs-underline-label-padding)}.okui-tabs-pane-xs.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xs-underline-height)/2)}.okui-tabs-pane-xs.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-xs-underline-active-font-weight,400)}.okui-tabs-pane-xs.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-xs-button-border-radius,4px);font-size:var(--okd-tabs-xs-button-font-size);font-weight:var(--okd-tabs-xs-button-font-weight);margin-right:var(--okd-tabs-xs-button-spacing);padding:0 var(--okd-tabs-xs-button-label-padding)}.okui-tabs-pane-xs.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xs-button-height)/2)}.okui-tabs-pane-xs.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-xs-button-active-font-weight,400)}.okui-tabs-pane-xs.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-xs-muted-border-radius,4px);font-size:var(--okd-tabs-xs-muted-font-size);font-weight:var(--okd-tabs-xs-muted-font-weight);margin-right:var(--okd-tabs-xs-muted-spacing);padding:0 var(--okd-tabs-xs-muted-label-padding)}.okui-tabs-pane-xs.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xs-muted-height)/2)}.okui-tabs-pane-xs.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-xs-muted-active-font-weight,400)}.okui-tabs-pane-xs.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-xs-segmented-border-radius,4px);font-size:var(--okd-tabs-xs-segmented-font-size);font-weight:var(--okd-tabs-xs-segmented-font-weight);margin-right:var(--okd-tabs-xs-segmented-spacing);padding:0 var(--okd-tabs-xs-segmented-label-padding)}.okui-tabs-pane-xs.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-xs-segmented-active-font-weight,400)}.okui-tabs-pane-xs.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xs-segmented-height)/2)}.okui-tabs-pane-list-xs .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-xs-common-icon-size)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-xs-underline-font-size);height:var(--okd-tabs-xs-underline-height)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xs-underline-height)/2)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-button{font-size:var(--okd-tabs-xs-button-font-size);height:var(--okd-tabs-xs-button-height);line-height:var(--okd-tabs-xs-button-height)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xs-button-container-border-radius,4px)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xs-button-height)/2)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-xs-muted-font-size);height:var(--okd-tabs-xs-muted-height);line-height:var(--okd-tabs-xs-muted-height)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xs-muted-container-border-radius,4px)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xs-muted-height)/2)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-xs-segmented-font-size);height:var(--okd-tabs-xs-segmented-height);line-height:var(--okd-tabs-xs-segmented-height)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xs-segmented-container-border-radius,4px)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xs-segmented-height)/2)}.okui-tabs-pane-list-xs.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-xs-segmented-container-padding)}.okui-tabs-pane-sm:last-child{margin-right:0!important}.okui-tabs-pane-sm.okui-tabs-pane-underline{font-size:var(--okd-tabs-sm-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-sm-underline-font-weight,400);margin-right:var(--okd-tabs-sm-underline-spacing);padding:0 var(--okd-tabs-sm-underline-label-padding)}.okui-tabs-pane-sm.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-sm-underline-height)/2)}.okui-tabs-pane-sm.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-sm-underline-active-font-weight,400)}.okui-tabs-pane-sm.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-sm-button-border-radius,4px);font-size:var(--okd-tabs-sm-button-font-size);font-weight:var(--okd-tabs-sm-button-font-weight);margin-right:var(--okd-tabs-sm-button-spacing);padding:0 var(--okd-tabs-sm-button-label-padding)}.okui-tabs-pane-sm.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-sm-button-height)/2)}.okui-tabs-pane-sm.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-sm-button-active-font-weight,400)}.okui-tabs-pane-sm.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-sm-muted-border-radius,4px);font-size:var(--okd-tabs-sm-muted-font-size);font-weight:var(--okd-tabs-sm-muted-font-weight);margin-right:var(--okd-tabs-sm-muted-spacing);padding:0 var(--okd-tabs-sm-muted-label-padding)}.okui-tabs-pane-sm.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-sm-muted-height)/2)}.okui-tabs-pane-sm.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-sm-muted-active-font-weight,400)}.okui-tabs-pane-sm.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-sm-segmented-border-radius,4px);font-size:var(--okd-tabs-sm-segmented-font-size);font-weight:var(--okd-tabs-sm-segmented-font-weight);margin-right:var(--okd-tabs-sm-segmented-spacing);padding:0 var(--okd-tabs-sm-segmented-label-padding)}.okui-tabs-pane-sm.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-sm-segmented-active-font-weight,400)}.okui-tabs-pane-sm.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-sm-segmented-height)/2)}.okui-tabs-pane-list-sm .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-sm-common-icon-size)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-sm-underline-font-size);height:var(--okd-tabs-sm-underline-height)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-sm-underline-height)/2)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-button{font-size:var(--okd-tabs-sm-button-font-size);height:var(--okd-tabs-sm-button-height);line-height:var(--okd-tabs-sm-button-height)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-sm-button-container-border-radius,4px)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-sm-button-height)/2)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-sm-muted-font-size);height:var(--okd-tabs-sm-muted-height);line-height:var(--okd-tabs-sm-muted-height)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-sm-muted-container-border-radius,4px)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-sm-muted-height)/2)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-sm-segmented-font-size);height:var(--okd-tabs-sm-segmented-height);line-height:var(--okd-tabs-sm-segmented-height)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-sm-segmented-container-border-radius,4px)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-sm-segmented-height)/2)}.okui-tabs-pane-list-sm.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-sm-segmented-container-padding)}.okui-tabs-pane-md:last-child{margin-right:0!important}.okui-tabs-pane-md.okui-tabs-pane-underline{font-size:var(--okd-tabs-md-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-md-underline-font-weight,400);margin-right:var(--okd-tabs-md-underline-spacing);padding:0 var(--okd-tabs-md-underline-label-padding)}.okui-tabs-pane-md.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-md-underline-height)/2)}.okui-tabs-pane-md.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-md-underline-active-font-weight,400)}.okui-tabs-pane-md.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-md-button-border-radius,4px);font-size:var(--okd-tabs-md-button-font-size);font-weight:var(--okd-tabs-md-button-font-weight);margin-right:var(--okd-tabs-md-button-spacing);padding:0 var(--okd-tabs-md-button-label-padding)}.okui-tabs-pane-md.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-md-button-height)/2)}.okui-tabs-pane-md.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-md-button-active-font-weight,400)}.okui-tabs-pane-md.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-md-muted-border-radius,4px);font-size:var(--okd-tabs-md-muted-font-size);font-weight:var(--okd-tabs-md-muted-font-weight);margin-right:var(--okd-tabs-md-muted-spacing);padding:0 var(--okd-tabs-md-muted-label-padding)}.okui-tabs-pane-md.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-md-muted-height)/2)}.okui-tabs-pane-md.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-md-muted-active-font-weight,400)}.okui-tabs-pane-md.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-md-segmented-border-radius,4px);font-size:var(--okd-tabs-md-segmented-font-size);font-weight:var(--okd-tabs-md-segmented-font-weight);margin-right:var(--okd-tabs-md-segmented-spacing);padding:0 var(--okd-tabs-md-segmented-label-padding)}.okui-tabs-pane-md.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-md-segmented-active-font-weight,400)}.okui-tabs-pane-md.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-md-segmented-height)/2)}.okui-tabs-pane-list-md .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-md-common-icon-size)}.okui-tabs-pane-list-md.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-md-underline-font-size);height:var(--okd-tabs-md-underline-height)}.okui-tabs-pane-list-md.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-md-underline-height)/2)}.okui-tabs-pane-list-md.okui-tabs-pane-list-button{font-size:var(--okd-tabs-md-button-font-size);height:var(--okd-tabs-md-button-height);line-height:var(--okd-tabs-md-button-height)}.okui-tabs-pane-list-md.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-md-button-container-border-radius,4px)}.okui-tabs-pane-list-md.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-md-button-height)/2)}.okui-tabs-pane-list-md.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-md-muted-font-size);height:var(--okd-tabs-md-muted-height);line-height:var(--okd-tabs-md-muted-height)}.okui-tabs-pane-list-md.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-md-muted-container-border-radius,4px)}.okui-tabs-pane-list-md.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-md-muted-height)/2)}.okui-tabs-pane-list-md.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-md-segmented-font-size);height:var(--okd-tabs-md-segmented-height);line-height:var(--okd-tabs-md-segmented-height)}.okui-tabs-pane-list-md.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-md-segmented-container-border-radius,4px)}.okui-tabs-pane-list-md.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-md-segmented-height)/2)}.okui-tabs-pane-list-md.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-md-segmented-container-padding)}.okui-tabs-pane-lg:last-child{margin-right:0!important}.okui-tabs-pane-lg.okui-tabs-pane-underline{font-size:var(--okd-tabs-lg-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-lg-underline-font-weight,400);margin-right:var(--okd-tabs-lg-underline-spacing);padding:0 var(--okd-tabs-lg-underline-label-padding)}.okui-tabs-pane-lg.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-lg-underline-height)/2)}.okui-tabs-pane-lg.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-lg-underline-active-font-weight,400)}.okui-tabs-pane-lg.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-lg-button-border-radius,4px);font-size:var(--okd-tabs-lg-button-font-size);font-weight:var(--okd-tabs-lg-button-font-weight);margin-right:var(--okd-tabs-lg-button-spacing);padding:0 var(--okd-tabs-lg-button-label-padding)}.okui-tabs-pane-lg.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-lg-button-height)/2)}.okui-tabs-pane-lg.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-lg-button-active-font-weight,400)}.okui-tabs-pane-lg.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-lg-muted-border-radius,4px);font-size:var(--okd-tabs-lg-muted-font-size);font-weight:var(--okd-tabs-lg-muted-font-weight);margin-right:var(--okd-tabs-lg-muted-spacing);padding:0 var(--okd-tabs-lg-muted-label-padding)}.okui-tabs-pane-lg.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-lg-muted-height)/2)}.okui-tabs-pane-lg.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-lg-muted-active-font-weight,400)}.okui-tabs-pane-lg.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-lg-segmented-border-radius,4px);font-size:var(--okd-tabs-lg-segmented-font-size);font-weight:var(--okd-tabs-lg-segmented-font-weight);margin-right:var(--okd-tabs-lg-segmented-spacing);padding:0 var(--okd-tabs-lg-segmented-label-padding)}.okui-tabs-pane-lg.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-lg-segmented-active-font-weight,400)}.okui-tabs-pane-lg.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-lg-segmented-height)/2)}.okui-tabs-pane-list-lg .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-lg-common-icon-size)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-lg-underline-font-size);height:var(--okd-tabs-lg-underline-height)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-lg-underline-height)/2)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-button{font-size:var(--okd-tabs-lg-button-font-size);height:var(--okd-tabs-lg-button-height);line-height:var(--okd-tabs-lg-button-height)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-lg-button-container-border-radius,4px)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-lg-button-height)/2)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-lg-muted-font-size);height:var(--okd-tabs-lg-muted-height);line-height:var(--okd-tabs-lg-muted-height)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-lg-muted-container-border-radius,4px)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-lg-muted-height)/2)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-lg-segmented-font-size);height:var(--okd-tabs-lg-segmented-height);line-height:var(--okd-tabs-lg-segmented-height)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-lg-segmented-container-border-radius,4px)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-lg-segmented-height)/2)}.okui-tabs-pane-list-lg.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-lg-segmented-container-padding)}.okui-tabs-pane-xl:last-child{margin-right:0!important}.okui-tabs-pane-xl.okui-tabs-pane-underline{font-size:var(--okd-tabs-xl-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-xl-underline-font-weight,400);margin-right:var(--okd-tabs-xl-underline-spacing);padding:0 var(--okd-tabs-xl-underline-label-padding)}.okui-tabs-pane-xl.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xl-underline-height)/2)}.okui-tabs-pane-xl.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-xl-underline-active-font-weight,400)}.okui-tabs-pane-xl.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-xl-button-border-radius,4px);font-size:var(--okd-tabs-xl-button-font-size);font-weight:var(--okd-tabs-xl-button-font-weight);margin-right:var(--okd-tabs-xl-button-spacing);padding:0 var(--okd-tabs-xl-button-label-padding)}.okui-tabs-pane-xl.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xl-button-height)/2)}.okui-tabs-pane-xl.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-xl-button-active-font-weight,400)}.okui-tabs-pane-xl.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-xl-muted-border-radius,4px);font-size:var(--okd-tabs-xl-muted-font-size);font-weight:var(--okd-tabs-xl-muted-font-weight);margin-right:var(--okd-tabs-xl-muted-spacing);padding:0 var(--okd-tabs-xl-muted-label-padding)}.okui-tabs-pane-xl.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xl-muted-height)/2)}.okui-tabs-pane-xl.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-xl-muted-active-font-weight,400)}.okui-tabs-pane-xl.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-xl-segmented-border-radius,4px);font-size:var(--okd-tabs-xl-segmented-font-size);font-weight:var(--okd-tabs-xl-segmented-font-weight);margin-right:var(--okd-tabs-xl-segmented-spacing);padding:0 var(--okd-tabs-xl-segmented-label-padding)}.okui-tabs-pane-xl.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-xl-segmented-active-font-weight,400)}.okui-tabs-pane-xl.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xl-segmented-height)/2)}.okui-tabs-pane-list-xl .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-xl-common-icon-size)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-xl-underline-font-size);height:var(--okd-tabs-xl-underline-height)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xl-underline-height)/2)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-button{font-size:var(--okd-tabs-xl-button-font-size);height:var(--okd-tabs-xl-button-height);line-height:var(--okd-tabs-xl-button-height)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xl-button-container-border-radius,4px)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xl-button-height)/2)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-xl-muted-font-size);height:var(--okd-tabs-xl-muted-height);line-height:var(--okd-tabs-xl-muted-height)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xl-muted-container-border-radius,4px)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xl-muted-height)/2)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-xl-segmented-font-size);height:var(--okd-tabs-xl-segmented-height);line-height:var(--okd-tabs-xl-segmented-height)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xl-segmented-container-border-radius,4px)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xl-segmented-height)/2)}.okui-tabs-pane-list-xl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-xl-segmented-container-padding)}.okui-tabs-pane-xxl:last-child{margin-right:0!important}.okui-tabs-pane-xxl.okui-tabs-pane-underline{font-size:var(--okd-tabs-xxl-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-xxl-underline-font-weight,400);margin-right:var(--okd-tabs-xxl-underline-spacing);padding:0 var(--okd-tabs-xxl-underline-label-padding)}.okui-tabs-pane-xxl.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxl-underline-height)/2)}.okui-tabs-pane-xxl.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-xxl-underline-active-font-weight,400)}.okui-tabs-pane-xxl.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-xxl-button-border-radius,4px);font-size:var(--okd-tabs-xxl-button-font-size);font-weight:var(--okd-tabs-xxl-button-font-weight);margin-right:var(--okd-tabs-xxl-button-spacing);padding:0 var(--okd-tabs-xxl-button-label-padding)}.okui-tabs-pane-xxl.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxl-button-height)/2)}.okui-tabs-pane-xxl.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-xxl-button-active-font-weight,400)}.okui-tabs-pane-xxl.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-xxl-muted-border-radius,4px);font-size:var(--okd-tabs-xxl-muted-font-size);font-weight:var(--okd-tabs-xxl-muted-font-weight);margin-right:var(--okd-tabs-xxl-muted-spacing);padding:0 var(--okd-tabs-xxl-muted-label-padding)}.okui-tabs-pane-xxl.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxl-muted-height)/2)}.okui-tabs-pane-xxl.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-xxl-muted-active-font-weight,400)}.okui-tabs-pane-xxl.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-xxl-segmented-border-radius,4px);font-size:var(--okd-tabs-xxl-segmented-font-size);font-weight:var(--okd-tabs-xxl-segmented-font-weight);margin-right:var(--okd-tabs-xxl-segmented-spacing);padding:0 var(--okd-tabs-xxl-segmented-label-padding)}.okui-tabs-pane-xxl.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-xxl-segmented-active-font-weight,400)}.okui-tabs-pane-xxl.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxl-segmented-height)/2)}.okui-tabs-pane-list-xxl .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-xxl-common-icon-size)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-xxl-underline-font-size);height:var(--okd-tabs-xxl-underline-height)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxl-underline-height)/2)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-button{font-size:var(--okd-tabs-xxl-button-font-size);height:var(--okd-tabs-xxl-button-height);line-height:var(--okd-tabs-xxl-button-height)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxl-button-container-border-radius,4px)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxl-button-height)/2)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-xxl-muted-font-size);height:var(--okd-tabs-xxl-muted-height);line-height:var(--okd-tabs-xxl-muted-height)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxl-muted-container-border-radius,4px)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxl-muted-height)/2)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-xxl-segmented-font-size);height:var(--okd-tabs-xxl-segmented-height);line-height:var(--okd-tabs-xxl-segmented-height)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxl-segmented-container-border-radius,4px)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxl-segmented-height)/2)}.okui-tabs-pane-list-xxl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-xxl-segmented-container-padding)}.okui-tabs-pane-xxxl:last-child{margin-right:0!important}.okui-tabs-pane-xxxl.okui-tabs-pane-underline{font-size:var(--okd-tabs-xxxl-underline-font-size);font-weight:400;font-weight:var(--okd-tabs-xxxl-underline-font-weight,400);margin-right:var(--okd-tabs-xxxl-underline-spacing);padding:0 var(--okd-tabs-xxxl-underline-label-padding)}.okui-tabs-pane-xxxl.okui-tabs-pane-underline.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxxl-underline-height)/2)}.okui-tabs-pane-xxxl.okui-tabs-pane-underline-active{font-weight:400;font-weight:var(--okd-tabs-xxxl-underline-active-font-weight,400)}.okui-tabs-pane-xxxl.okui-tabs-pane-button{border-radius:4px;border-radius:var(--okd-tabs-xxxl-button-border-radius,4px);font-size:var(--okd-tabs-xxxl-button-font-size);font-weight:var(--okd-tabs-xxxl-button-font-weight);margin-right:var(--okd-tabs-xxxl-button-spacing);padding:0 var(--okd-tabs-xxxl-button-label-padding)}.okui-tabs-pane-xxxl.okui-tabs-pane-button.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxxl-button-height)/2)}.okui-tabs-pane-xxxl.okui-tabs-pane-button-active{font-weight:400;font-weight:var(--okd-tabs-xxxl-button-active-font-weight,400)}.okui-tabs-pane-xxxl.okui-tabs-pane-muted{border-radius:4px;border-radius:var(--okd-tabs-xxxl-muted-border-radius,4px);font-size:var(--okd-tabs-xxxl-muted-font-size);font-weight:var(--okd-tabs-xxxl-muted-font-weight);margin-right:var(--okd-tabs-xxxl-muted-spacing);padding:0 var(--okd-tabs-xxxl-muted-label-padding)}.okui-tabs-pane-xxxl.okui-tabs-pane-muted.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxxl-muted-height)/2)}.okui-tabs-pane-xxxl.okui-tabs-pane-muted-active{font-weight:400;font-weight:var(--okd-tabs-xxxl-muted-active-font-weight,400)}.okui-tabs-pane-xxxl.okui-tabs-pane-segmented{border-radius:4px;border-radius:var(--okd-tabs-xxxl-segmented-border-radius,4px);font-size:var(--okd-tabs-xxxl-segmented-font-size);font-weight:var(--okd-tabs-xxxl-segmented-font-weight);margin-right:var(--okd-tabs-xxxl-segmented-spacing);padding:0 var(--okd-tabs-xxxl-segmented-label-padding)}.okui-tabs-pane-xxxl.okui-tabs-pane-segmented-active{font-weight:400;font-weight:var(--okd-tabs-xxxl-segmented-active-font-weight,400)}.okui-tabs-pane-xxxl.okui-tabs-pane-segmented.okui-tabs-pane-circle{border-radius:calc(var(--okd-tabs-xxxl-segmented-height)/2)}.okui-tabs-pane-list-xxxl .okui-tabs-pane-list-nav-icon .icon{font-size:var(--okd-tabs-xxxl-common-icon-size)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-underline{font-size:var(--okd-tabs-xxxl-underline-font-size);height:var(--okd-tabs-xxxl-underline-height)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-underline .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxxl-underline-height)/2)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-button{font-size:var(--okd-tabs-xxxl-button-font-size);height:var(--okd-tabs-xxxl-button-height);line-height:var(--okd-tabs-xxxl-button-height)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-button .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxxl-button-container-border-radius,4px)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-button .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxxl-button-height)/2)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-muted{font-size:var(--okd-tabs-xxxl-muted-font-size);height:var(--okd-tabs-xxxl-muted-height);line-height:var(--okd-tabs-xxxl-muted-height)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-muted .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxxl-muted-container-border-radius,4px)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-muted .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxxl-muted-height)/2)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-segmented{font-size:var(--okd-tabs-xxxl-segmented-font-size);height:var(--okd-tabs-xxxl-segmented-height);line-height:var(--okd-tabs-xxxl-segmented-height)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{border-radius:4px;border-radius:var(--okd-tabs-xxxl-segmented-container-border-radius,4px)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-circle{border-radius:calc(var(--okd-tabs-xxxl-segmented-height)/2)}.okui-tabs-pane-list-xxxl.okui-tabs-pane-list-segmented .okui-tabs-pane-list-flex{padding:var(--okd-tabs-xxxl-segmented-container-padding)}.okui-tabs-pane.okui-tabs-pane-blue-no-border.okui-tabs-pane-underline-active{border-bottom-color:transparent}.okui-tabs-pane-blue.okui-tabs-pane-underline{color:var(--okd-tabs-underline-pane-common-label-color)}.okui-tabs-pane-blue.okui-tabs-pane-underline:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:-2px;outline-style:solid;outline-width:2px}.okui-tabs-pane-blue.okui-tabs-pane-underline-active{border-bottom-color:var(--okd-tabs-underline-pane-blue-border-active-color)}.okui-tabs-pane-blue.okui-tabs-pane-underline-active,.okui-tabs-pane-blue.okui-tabs-pane-underline:hover:not(.is-mobile){color:var(--okd-tabs-underline-pane-blue-label-active-color)}.okui-tabs-pane-blue.okui-tabs-pane-button{color:var(--okd-tabs-button-pane-common-label-color)}.okui-tabs-pane-blue.okui-tabs-pane-button-active{background-color:var(--okd-tabs-button-pane-blue-bg-active-color);border-color:transparent;color:var(--okd-tabs-button-pane-blue-label-active-color)}.okui-tabs-pane-blue.okui-tabs-pane-button:hover:not(.is-mobile){border-color:var(--okd-tabs-button-pane-blue-bg-active-color)}.okui-tabs-pane-blue.okui-tabs-pane-muted{color:var(--okd-tabs-muted-pane-common-label-color)}.okui-tabs-pane-blue.okui-tabs-pane-muted-active{border-color:var(--okd-tabs-muted-pane-blue-border-active-color)}.okui-tabs-pane-blue.okui-tabs-pane-muted-active,.okui-tabs-pane-blue.okui-tabs-pane-muted:hover:not(.is-mobile){color:var(--okd-tabs-muted-pane-blue-label-active-color)}.okui-tabs-pane-blue.okui-tabs-pane-segmented{color:var(--okd-tabs-segmented-pane-common-label-color)}.okui-tabs-pane-blue.okui-tabs-pane-segmented-active{background-color:var(--okd-tabs-segmented-pane-blue-bg-active-color);color:var(--okd-tabs-segmented-pane-blue-label-active-color)}.okui-tabs-pane-blue.okui-tabs-pane-segmented-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-tabs-segmented-pane-blue-label-active-color);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane-list-blue .okui-tabs-transitions-underline{background-color:var(--okd-tabs-underline-pane-blue-border-active-color)}.okui-tabs-pane.okui-tabs-pane-grey-no-border.okui-tabs-pane-underline-active{border-bottom-color:transparent}.okui-tabs-pane-grey.okui-tabs-pane-underline{color:var(--okd-tabs-underline-pane-common-label-color)}.okui-tabs-pane-grey.okui-tabs-pane-underline:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:-2px;outline-style:solid;outline-width:2px}.okui-tabs-pane-grey.okui-tabs-pane-underline-active{border-bottom-color:var(--okd-tabs-underline-pane-grey-border-active-color)}.okui-tabs-pane-grey.okui-tabs-pane-underline-active,.okui-tabs-pane-grey.okui-tabs-pane-underline:hover:not(.is-mobile){color:var(--okd-tabs-underline-pane-grey-label-active-color)}.okui-tabs-pane-grey.okui-tabs-pane-button{color:var(--okd-tabs-button-pane-common-label-color)}.okui-tabs-pane-grey.okui-tabs-pane-button-active{background-color:var(--okd-tabs-button-pane-grey-bg-active-color);border-color:transparent;color:var(--okd-tabs-button-pane-grey-label-active-color)}.okui-tabs-pane-grey.okui-tabs-pane-button:hover:not(.is-mobile){border-color:var(--okd-tabs-button-pane-grey-bg-active-color)}.okui-tabs-pane-grey.okui-tabs-pane-muted{color:var(--okd-tabs-muted-pane-common-label-color)}.okui-tabs-pane-grey.okui-tabs-pane-muted-active{border-color:var(--okd-tabs-muted-pane-grey-border-active-color)}.okui-tabs-pane-grey.okui-tabs-pane-muted-active,.okui-tabs-pane-grey.okui-tabs-pane-muted:hover:not(.is-mobile){color:var(--okd-tabs-muted-pane-grey-label-active-color)}.okui-tabs-pane-grey.okui-tabs-pane-segmented{color:var(--okd-tabs-segmented-pane-common-label-color)}.okui-tabs-pane-grey.okui-tabs-pane-segmented-active{background-color:var(--okd-tabs-segmented-pane-grey-bg-active-color);color:var(--okd-tabs-segmented-pane-grey-label-active-color)}.okui-tabs-pane-grey.okui-tabs-pane-segmented-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-tabs-segmented-pane-grey-label-active-color);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane-list-grey .okui-tabs-transitions-underline{background-color:var(--okd-tabs-underline-pane-grey-border-active-color)}.okui-tabs-pane.okui-tabs-pane-green-no-border.okui-tabs-pane-underline-active{border-bottom-color:transparent}.okui-tabs-pane-green.okui-tabs-pane-underline{color:var(--okd-tabs-underline-pane-common-label-color)}.okui-tabs-pane-green.okui-tabs-pane-underline:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:-2px;outline-style:solid;outline-width:2px}.okui-tabs-pane-green.okui-tabs-pane-underline-active{border-bottom-color:var(--okd-tabs-underline-pane-green-border-active-color)}.okui-tabs-pane-green.okui-tabs-pane-underline-active,.okui-tabs-pane-green.okui-tabs-pane-underline:hover:not(.is-mobile){color:var(--okd-tabs-underline-pane-green-label-active-color)}.okui-tabs-pane-green.okui-tabs-pane-button{color:var(--okd-tabs-button-pane-common-label-color)}.okui-tabs-pane-green.okui-tabs-pane-button-active{background-color:var(--okd-tabs-button-pane-green-bg-active-color);border-color:transparent;color:var(--okd-tabs-button-pane-green-label-active-color)}.okui-tabs-pane-green.okui-tabs-pane-button:hover:not(.is-mobile){border-color:var(--okd-tabs-button-pane-green-bg-active-color)}.okui-tabs-pane-green.okui-tabs-pane-muted{color:var(--okd-tabs-muted-pane-common-label-color)}.okui-tabs-pane-green.okui-tabs-pane-muted-active{border-color:var(--okd-tabs-muted-pane-green-border-active-color)}.okui-tabs-pane-green.okui-tabs-pane-muted-active,.okui-tabs-pane-green.okui-tabs-pane-muted:hover:not(.is-mobile){color:var(--okd-tabs-muted-pane-green-label-active-color)}.okui-tabs-pane-green.okui-tabs-pane-segmented{color:var(--okd-tabs-segmented-pane-common-label-color)}.okui-tabs-pane-green.okui-tabs-pane-segmented-active{background-color:var(--okd-tabs-segmented-pane-green-bg-active-color);color:var(--okd-tabs-segmented-pane-green-label-active-color)}.okui-tabs-pane-green.okui-tabs-pane-segmented-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-tabs-segmented-pane-green-label-active-color);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane-list-green .okui-tabs-transitions-underline{background-color:var(--okd-tabs-underline-pane-green-border-active-color)}.okui-tabs-pane.okui-tabs-pane-red-no-border.okui-tabs-pane-underline-active{border-bottom-color:transparent}.okui-tabs-pane-red.okui-tabs-pane-underline{color:var(--okd-tabs-underline-pane-common-label-color)}.okui-tabs-pane-red.okui-tabs-pane-underline:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:-2px;outline-style:solid;outline-width:2px}.okui-tabs-pane-red.okui-tabs-pane-underline-active{border-bottom-color:var(--okd-tabs-underline-pane-red-border-active-color)}.okui-tabs-pane-red.okui-tabs-pane-underline-active,.okui-tabs-pane-red.okui-tabs-pane-underline:hover:not(.is-mobile){color:var(--okd-tabs-underline-pane-red-label-active-color)}.okui-tabs-pane-red.okui-tabs-pane-button{color:var(--okd-tabs-button-pane-common-label-color)}.okui-tabs-pane-red.okui-tabs-pane-button-active{background-color:var(--okd-tabs-button-pane-red-bg-active-color);border-color:transparent;color:var(--okd-tabs-button-pane-red-label-active-color)}.okui-tabs-pane-red.okui-tabs-pane-button:hover:not(.is-mobile){border-color:var(--okd-tabs-button-pane-red-bg-active-color)}.okui-tabs-pane-red.okui-tabs-pane-muted{color:var(--okd-tabs-muted-pane-common-label-color)}.okui-tabs-pane-red.okui-tabs-pane-muted-active{border-color:var(--okd-tabs-muted-pane-red-border-active-color)}.okui-tabs-pane-red.okui-tabs-pane-muted-active,.okui-tabs-pane-red.okui-tabs-pane-muted:hover:not(.is-mobile){color:var(--okd-tabs-muted-pane-red-label-active-color)}.okui-tabs-pane-red.okui-tabs-pane-segmented{color:var(--okd-tabs-segmented-pane-common-label-color)}.okui-tabs-pane-red.okui-tabs-pane-segmented-active{background-color:var(--okd-tabs-segmented-pane-red-bg-active-color);color:var(--okd-tabs-segmented-pane-red-label-active-color)}.okui-tabs-pane-red.okui-tabs-pane-segmented-active:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-tabs-segmented-pane-red-label-active-color);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane-list-red .okui-tabs-transitions-underline{background-color:var(--okd-tabs-underline-pane-red-border-active-color)}.okui-tabs-pane{align-items:center;box-sizing:border-box;color:var(--okd-tabs-common-pane-label-color);cursor:pointer;display:flex;font-weight:500;height:100%;justify-content:center;text-align:center;white-space:nowrap}.okui-tabs-pane:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:-4px;outline-style:solid;outline-width:2px}.okui-tabs-pane-underline{border-bottom:2px solid transparent;padding-top:2px}.okui-tabs-pane.no-active-border{border-bottom:none;padding-top:0}.okui-tabs-pane-button{border:1px solid var(--okd-tabs-button-pane-common-border-color);border-radius:var(--okd-tabs-button-pane-common-border-radius)}.okui-tabs-pane-button.okui-tabs-pane-button-no-border{border:none}.okui-tabs-pane-muted{border:1px solid var(--okd-tabs-muted-pane-common-border-color);border-radius:var(--okd-tabs-muted-pane-common-border-radius)}.okui-tabs-pane-segmented{border-radius:var(--okd-tabs-segmented-pane-common-border-radius);line-height:1}.okui-tabs-pane-segmented-active{box-shadow:var(--okd-tabs-segmented-pane-common-shadow)}.okui-tabs-pane-no-padding{padding:0!important}.okui-tabs .okui-tabs-pane.okui-tabs-pane-spacing{margin-right:var(--okd-inner-tabs-spacing)}a.okui-tabs-pane{text-decoration:none}.okui-tabs-panel{display:none;width:100%}.okui-tabs-panel:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:-2px;outline-style:solid;outline-width:1px}.okui-tabs-panel-show{display:block}.okui-tabs-pane-list{box-sizing:border-box;display:flex;flex-shrink:0;position:relative;width:100%}.okui-tabs-pane-list-wrapper{display:flex;flex:1 1;overflow:hidden;position:relative}.okui-tabs-pane-list-center{justify-content:center}.okui-tabs-pane-list-slot{height:100%}.okui-tabs-pane-list-container{box-sizing:border-box;display:flex;overflow:scroll;position:relative;scroll-behavior:smooth;scrollbar-width:none}.okui-tabs-pane-list-container::-webkit-scrollbar{display:none;height:0;width:0}.okui-tabs-pane-list-nav{--okd-inner-tabs-nav-button-bg-color:var(--okd-tabs-common-pane-nav-icon-bg-color-1);cursor:pointer}.okui-tabs-pane-list-nav-icon{align-items:center;background-image:linear-gradient(270deg,var(--okd-inner-tabs-nav-button-bg-color) 72.22%,var(--okd-tabs-common-pane-nav-icon-bg-color-2) 100%);color:var(--okd-tabs-common-pane-icon-color);display:flex;height:100%;justify-content:center;position:absolute;top:0;width:36px;z-index:9}.okui-tabs-pane-list-nav-icon:hover{color:var(--okd-tabs-common-pane-icon-active-color)}.okui-tabs-pane-list-nav .icon-left{background-image:linear-gradient(-270deg,var(--okd-inner-tabs-nav-button-bg-color) 72.22%,var(--okd-tabs-common-pane-nav-icon-bg-color-2) 100%);left:0}.okui-tabs-pane-list-nav .icon-left-inner{transform:rotate(180deg)}.okui-tabs-pane-list-nav .icon-right{right:0}.okui-tabs-pane-list-flex-shrink{display:flex;flex-shrink:0;position:relative;transition:transform .2s}.okui-tabs-pane-list-flex{flex:1 1}.okui-tabs-pane-list-overflow{overflow:unset}.okui-tabs-pane-list-average,.okui-tabs-pane-list-average .okui-tabs-pane{flex:1 1}.okui-tabs-pane-list-right-alpha{background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--okd-tabs-common-pane-icon-bg-color) 100%);height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20px;z-index:9}.okui-tabs-pane-list-underline{border-bottom:1px solid var(--okd-tabs-underline-pane-common-border-color)}.okui-tabs-pane-list-underline-no-line{border-bottom:none}.okui-tabs-pane-list-segmented .okui-tabs-pane-list-container{background-color:var(--okd-tabs-segmented-pane-common-list-bg-color);border-radius:4px}.okui-tabs-panel-list{display:flex;flex:auto;width:100%}.okui-tabs{display:flex;flex-direction:column;height:100%;width:100%}.okui-tabs-transitions-underline{bottom:0;height:2px;left:0;position:absolute;transition:all .3s}