body,html {
    background-color: #121212
}

.BlockdreamVenture_BlockdreamVenture__fB32U {
    background-image: url(/cdn/dotonce/assets/imgs/226/24F7A0405D388B72.png);
    background-image: -webkit-image-set(url("/cdn/dotonce/assets/imgs/226/E83F5B0EEA8107CF.png") 1x,url("/cdn/dotonce/assets/imgs/226/24F7A0405D388B72.png") 2x,url("/cdn/dotonce/assets/imgs/226/394CE90B2B9959D7.png") 3x);
    background-image: image-set(url("/cdn/dotonce/assets/imgs/226/E83F5B0EEA8107CF.png") 1x,url("/cdn/dotonce/assets/imgs/226/24F7A0405D388B72.png") 2x,url("/cdn/dotonce/assets/imgs/226/394CE90B2B9959D7.png") 3x);
    background-position: top 133px right 0;
    background-repeat: no-repeat;
    background-size: auto 272px;
    color: var(--okd-color-white)
}

@media (min-width: 768px) {
    .BlockdreamVenture_BlockdreamVenture__fB32U {
        background-image:url(/cdn/dotonce/assets/imgs/226/B3B4BB801F2E517C.png),url(/cdn/dotonce/assets/imgs/226/A0A652611A3260FF.png),url(/cdn/dotonce/assets/imgs/226/683452B325EC7C98.png);
        background-image: -webkit-image-set(url("/cdn/dotonce/assets/imgs/226/A0C12BAA84D49535.png") 1x,url("/cdn/dotonce/assets/imgs/226/B3B4BB801F2E517C.png") 2x,url("/cdn/dotonce/assets/imgs/226/62F14DA4822070A1.png") 3x),-webkit-image-set(url("/cdn/dotonce/assets/imgs/226/65C74A732DCB5934.png") 1x,url("/cdn/dotonce/assets/imgs/226/A0A652611A3260FF.png") 2x,url("/cdn/dotonce/assets/imgs/226/9CE882DD460172D3.png") 3x),-webkit-image-set(url("/cdn/dotonce/assets/imgs/226/AF1D1B7D56433B1F.png") 1x,url("/cdn/dotonce/assets/imgs/226/683452B325EC7C98.png") 2x,url("/cdn/dotonce/assets/imgs/226/6A0691DD4A01E869.png") 3x);
        background-image: image-set(url("/cdn/dotonce/assets/imgs/226/A0C12BAA84D49535.png") 1x,url("/cdn/dotonce/assets/imgs/226/B3B4BB801F2E517C.png") 2x,url("/cdn/dotonce/assets/imgs/226/62F14DA4822070A1.png") 3x),image-set(url("/cdn/dotonce/assets/imgs/226/65C74A732DCB5934.png") 1x,url("/cdn/dotonce/assets/imgs/226/A0A652611A3260FF.png") 2x,url("/cdn/dotonce/assets/imgs/226/9CE882DD460172D3.png") 3x),image-set(url("/cdn/dotonce/assets/imgs/226/AF1D1B7D56433B1F.png") 1x,url("/cdn/dotonce/assets/imgs/226/683452B325EC7C98.png") 2x,url("/cdn/dotonce/assets/imgs/226/6A0691DD4A01E869.png") 3x);
        background-position: top 240px right -24px,top 360px left 0,top 886px left 40px;
        background-size: auto 429px,124px auto,44px auto
    }
}

@media (min-width: 1024px) {
    .BlockdreamVenture_BlockdreamVenture__fB32U {
        background-position:top 340px right -24px,top 544px left 0,top 1166px left 56px;
        background-size: auto 686px,124px auto,72px auto
    }
}

@media (min-width: 1270px) {
    .BlockdreamVenture_BlockdreamVenture__fB32U {
        background-position:top 232px right 0,top 579px left 0,top 1186px left 7vw;
        background-size: auto 1032px,9vw auto,5vw auto
    }
}

.BlockdreamVenture_BlockdreamVenture__fB32U * {
    box-sizing: border-box
}

.AboutSection_AboutSection__fTnra {
  
    padding: 40px 8px 45px
}

@media (min-width: 768px) {
    .AboutSection_AboutSection__fTnra {
        padding-left:12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .AboutSection_AboutSection__fTnra {
        padding-left:calc(50% - 480px);
        padding-right: calc(50% - 480px)
    }
}

@media (min-width: 1270px) {
    .AboutSection_AboutSection__fTnra {
        padding-left:calc(50% - 624px);
        padding-right: calc(50% - 624px)
    }
}

@media (min-width: 768px) {
    .AboutSection_AboutSection__fTnra {
        padding-top:117px
    }
}

@media (min-width: 1024px) {
    .AboutSection_AboutSection__fTnra {
        padding-top:177px
    }
}

@media (min-width: 768px) {
    .AboutSection_AboutSection__fTnra {
        padding-bottom:75px
    }
}

@media (min-width: 1024px) {
    .AboutSection_AboutSection__fTnra {
        padding-bottom:150px
    }
}

@media (max-width: 767px) {
    .AboutSection_content__O7rZy {
        box-sizing:border-box;
        padding-left: 8px;
        padding-right: 8px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .AboutSection_content__O7rZy {
        box-sizing:border-box;
        margin-left: 8.33333333%;
        padding-left: 12px;
        padding-right: 12px;
        width: 83.33333333%
    }
}

@media (min-width: 1024px) {
    .AboutSection_content__O7rZy {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 66.66666667%
    }
}

@media (min-width: 1270px) {
    .AboutSection_content__O7rZy {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 50%
    }
}

.AboutSection_tabs__WmpGC {
    --okd-tabs-pane-md-font-size: 18px;
    --okd-tabs-pane-md-margin-right: 20px;
    --okd-tabs-pane-text-highlight-active-text-color: var(--okd-color-white);
    --okd-tabs-pane-text-highlight-default-text-color: var(--okd-color-text-lighter);
    --okd-tabs-pane-md-font-weight: 700;
    --okd-tabs-pane-md-height: auto;
    --okd-tabs-pane-md-padding-vertical: 0;
    --okd-tabs-pane-md-active-font-weight: 700;
    --okd-tabs-pane-text-highlight-hover-background-color: transparent;
    --okd-tabs-pane-md-hover-font-weight: 700
}

@media (min-width: 768px) {
    .AboutSection_tabs__WmpGC {
        --okd-tabs-pane-md-font-size:28px;
        --okd-tabs-pane-md-margin-right: 40px
    }
}

.AboutSection_tabPaneList__HYERU {
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .AboutSection_tabPaneList__HYERU {
        padding-bottom:36px
    }
}

.AboutSection_tabButton__\+UMiP {
    line-height: 1.33;
    transition: color .3s ease;
    will-change: color
}

.AboutSection_tabContent__ybtKG p {
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    line-height: 1.57
}

@media (min-width: 768px) {
    .AboutSection_tabContent__ybtKG p {
        font-size:16px;
        line-height: 1.75
    }
}

.AboutSection_tabContent__ybtKG p+p {
    margin-top: 20px
}

:root {
    --okd-color-gray-050: #f9f9f9;
    --okd-color-gray-100: #ebebeb;
    --okd-color-gray-200: #dbdbdb;
    --okd-color-gray-300: #bdbdbd;
    --okd-color-gray-400: #929292;
    --okd-color-gray-500: #6e6e6e;
    --okd-color-gray-600: #545454;
    --okd-color-gray-700: #3d3d3d;
    --okd-color-gray-800: #1a1a1a;
    --okd-color-gray-900: #000;
    --okd-color-blue-050: #f5f9ff;
    --okd-color-blue-100: #d1e3ff;
    --okd-color-blue-200: #afcfff;
    --okd-color-blue-300: #8dbbff;
    --okd-color-blue-400: #6ba6ff;
    --okd-color-blue-500: #4992ff;
    --okd-color-blue-600: #277dff;
    --okd-color-blue-700: #0569ff;
    --okd-color-blue-800: #005eea;
    --okd-color-blue-900: #0051ca;
    --okd-color-green-050: #f2fff7;
    --okd-color-green-100: #d2f4de;
    --okd-color-green-200: #a5e9be;
    --okd-color-green-300: #78de9d;
    --okd-color-green-400: #4bd37d;
    --okd-color-green-500: #31bd65;
    --okd-color-green-600: #18a04a;
    --okd-color-green-700: #127837;
    --okd-color-green-800: #0c5025;
    --okd-color-green-900: #0c5025;
    --okd-color-red-050: #fff8f9;
    --okd-color-red-100: #fcdce5;
    --okd-color-red-200: #f9b9ca;
    --okd-color-red-300: #f796b0;
    --okd-color-red-400: #f07596;
    --okd-color-red-500: #f1507b;
    --okd-color-red-600: #c14062;
    --okd-color-red-700: #91304a;
    --okd-color-red-800: #602031;
    --okd-color-red-900: #301019;
    --okd-color-orange-050: #fef9f6;
    --okd-color-orange-100: #fce3d4;
    --okd-color-orange-200: #fbceb4;
    --okd-color-orange-300: #f9b994;
    --okd-color-orange-400: #f7a474;
    --okd-color-orange-500: #f58f54;
    --okd-color-orange-600: #f6813d;
    --okd-color-orange-700: #f16514;
    --okd-color-orange-800: #e96010;
    --okd-color-orange-900: #bf4803;
    --okd-color-yellow-050: #fffcf5;
    --okd-color-yellow-100: #fff2d1;
    --okd-color-yellow-200: #ffe9af;
    --okd-color-yellow-300: #ffdf8d;
    --okd-color-yellow-400: #ffd66b;
    --okd-color-yellow-500: #ffcc49;
    --okd-color-yellow-600: #ffc327;
    --okd-color-yellow-700: #ffb905;
    --okd-color-yellow-800: #eaa900;
    --okd-color-yellow-900: #d29801;
    --okd-color-text-white: #fff;
    --okd-color-text-black: #1f2933;
    --okd-color-background-1: #fff;
    --okd-color-background-2: #f7f7f7;
    --okd-color-transparent: transparent;
    --okd-color-white: #fff;
    --okd-color-black: #000;
    --okd-color-line-muted: #ebebeb;
    --okd-color-line-secondary: #dbdbdb;
    --okd-color-line-amplifed: #bdbdbd;
    --okd-color-text-lighter: #bdbdbd;
    --okd-color-text-light: #929292;
    --okd-color-text-secondary: #3d3d3d;
    --okd-color-text-amplifed: #000;
    --okd-color-background-3: #f2f2f2;
    --okd-color-fq-blue-lv1: #0569ff;
    --okd-color-fq-green-lv1: #19cc5b;
    --okd-color-fq-red-lv1: #f1507b;
    --okd-color-fq-orange-lv1: #f16514;
    --okd-color-fq-blue-lv2: #0569ff;
    --okd-color-background-hover: #ebebeb;
    --okd-color-prefer-red-chart: #f1507b;
    --okd-color-prefer-red-bg: #eb4b6d;
    --okd-color-prefer-green-chart: #19cc5b;
    --okd-color-prefer-green-bg: #31bd65;
    --okd-color-prefer-red-text: #eb4b6d;
    --okd-color-prefer-green-text: #31bd65;
    --okd-color-branded-primary: #bcff2f;
    --okd-color-fq-critical: #eb4b6d;
    --okd-color-fq-warning: #f16514;
    --okd-color-fq-positive: #31bd65;
    --okd-color-fq-neutral: #000;
    --okd-color-fq-accent: #0569ff;
    --okd-color-prefer-neutral-text: #929292;
    --okd-color-prefer-neutral-bg: #929292;
    --okd-color-background-base-primary: #fff;
    --okd-color-background-base-secondary: #fafafa;
    --okd-color-background-surface-primary: rgba(0,0,0,.04);
    --okd-color-background-surface-secondary: #fff;
    --okd-color-background-surface-pressed: rgba(0,9,3,.08);
    --okd-color-background-surface-disable: rgba(0,0,0,.02);
    --okd-color-background-scrim: rgba(0,0,0,.43);
    --okd-color-container-primary: #fff;
    --okd-color-container-secondary: #fafafa;
    --okd-color-container-tertiary: #fff;
    --okd-color-container-contrast: #414141;
    --okd-color-container-inverse: #0d0d0d;
    --okd-color-content-primary: #000;
    --okd-color-content-secondary: rgba(0,0,0,.76);
    --okd-color-content-tertiary: rgba(0,0,0,.57);
    --okd-color-content-contrast: rgba(0,0,0,.43);
    --okd-color-content-disabled: rgba(0,0,0,.26);
    --okd-color-content-inverse: #fff;
    --okd-color-border-primary: rgba(0,9,3,.08);
    --okd-color-border-secondary: rgba(0,0,0,.14);
    --okd-color-border-contrast: #fafafa;
    --okd-color-border-selected: #000;
    --okd-color-semantic-neutral: #000;
    --okd-color-semantic-notice: #ffb117;
    --okd-color-semantic-positive: #31bd65;
    --okd-color-semantic-negative: #eb4b6d;
    --okd-color-semantic-informative: #8a91ff;
    --okd-color-semantic-highlight: #bcff2f;
    --okd-color-dvp-neutral: rgba(0,0,0,.57);
    --okd-color-dvp-profit: #00bc4b;
    --okd-color-dvp-loss: #f5384f;
    --okd-color-categorical-01: #8a91ff;
    --okd-color-categorical-02: #ffb117;
    --okd-color-categorical-03: #bcff2f;
    --okd-color-categorical-04: #12e366;
    --okd-color-categorical-05: #ff7888;
    --okd-color-common-transparent: hsla(0,0%,100%,0);
    --okd-font-size-base: 16px;
    --okd-font-size-md: 14px;
    --okd-font-size-xs: 12px;
    --okd-line-height-base: 20px;
    --okd-line-height-md: 20px;
    --okd-line-height-xs: 16px;
    --okd-shadow-none: 0 0 0 0 transparent;
    --okd-shadow-xs: 0 0 0 1px #0000000d;
    --okd-shadow-sm: 0 1px 2px 0 #0000000d;
    --okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;
    --okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;
    --okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;
    --okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;
    --okd-shadow-2xl: 0 25px 50px -12px #00000040;
    --okd-border-radius-none: 0;
    --okd-border-radius-sm: 2px;
    --okd-border-radius-md: 4px;
    --okd-border-radius-lg: 6px;
    --okd-border-radius-xl: 8px;
    --okd-border-radius-xxl: 10px;
    --okd-border-radius-xxxl: 12px;
    --okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif;
    --okd-text-display-lg-font-size: 56px;
    --okd-text-display-lg-font-weight: 500;
    --okd-text-display-lg-line-height: 1.32;
    --okd-text-display-md-font-size: 40px;
    --okd-text-display-md-font-weight: 500;
    --okd-text-display-md-line-height: 52px;
    --okd-text-display-sm-font-size: 40px;
    --okd-text-display-sm-font-weight: 500;
    --okd-text-display-sm-line-height: 52px;
    --okd-text-heading-lg-font-size: 30px;
    --okd-text-heading-lg-font-weight: 500;
    --okd-text-heading-lg-line-height: 40px;
    --okd-text-heading-md-font-size: 24px;
    --okd-text-heading-md-font-weight: 500;
    --okd-text-heading-md-line-height: 30px;
    --okd-text-heading-sm-font-size: 18px;
    --okd-text-heading-sm-font-weight: 500;
    --okd-text-heading-sm-line-height: 24px;
    --okd-text-heading-xl-font-size: 36px;
    --okd-text-heading-xl-line-height: 1.32;
    --okd-text-heading-xl-font-weight: 600;
    --okd-text-heading-xxl-font-size: 40px;
    --okd-text-heading-xxl-line-height: 1.32;
    --okd-text-heading-xxl-font-weight: 600;
    --okd-text-heading-overline-font-size: 12px;
    --okd-text-heading-overline-line-height: 15px;
    --okd-text-heading-overline-font-weight: 500;
    --okd-text-body-sm-regular-font-size: 14px;
    --okd-text-body-sm-regular-font-weight: 400;
    --okd-text-body-sm-regular-line-height: 21px;
    --okd-text-body-sm-bold-font-size: 14px;
    --okd-text-body-sm-bold-font-weight: 500;
    --okd-text-body-sm-bold-line-height: 21px;
    --okd-text-body-md-regular-font-size: 16px;
    --okd-text-body-md-regular-font-weight: 400;
    --okd-text-body-md-regular-line-height: 24px;
    --okd-text-body-md-bold-font-size: 16px;
    --okd-text-body-md-bold-font-weight: 500;
    --okd-text-body-md-bold-line-height: 24px;
    --okd-text-body-xs-regular-font-size: 12px;
    --okd-text-body-xs-regular-font-weight: 400;
    --okd-text-body-xs-regular-line-height: 18px;
    --okd-text-body-xs-bold-font-size: 12px;
    --okd-text-body-xs-bold-font-weight: 500;
    --okd-text-body-xs-bold-line-height: 18px;
    --okd-font-weight-400: 400;
    --okd-font-weight-500: 500;
    --okd-font-weight-600: 600;
    --okd-font-weight-700: 700;
    --okd-font-weight-800: 800;
    --okd-font-weight-900: 900;
    --okd-font-weight-regular: 400;
    --okd-font-weight-medium: 500;
    --okd-font-weight-bold: 700;
    --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-gray-900);
    --okd-tabs-underline-pane-blue-border-active-color: var(--okd-color-blue-700);
    --okd-tabs-underline-pane-green-border-active-color: var(--okd-color-prefer-green-text);
    --okd-tabs-underline-pane-green-label-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-underline-pane-red-border-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-underline-pane-red-label-active-color: var(--okd-color-prefer-red-text);
    --okd-tabs-underline-pane-grey-border-active-color: var(--okd-color-gray-900);
    --okd-tabs-underline-pane-grey-label-active-color: var(--okd-color-gray-900);
    --okd-tabs-segmented-pane-bg-color: var(--okd-color-transparent);
    --okd-tabs-segmented-pane-green-bg-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-segmented-pane-green-label-active-color: var(--okd-color-text-white);
    --okd-tabs-segmented-pane-red-bg-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-segmented-pane-red-label-active-color: var(--okd-color-text-white);
    --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-text-white);
    --okd-tabs-segmented-pane-grey-label-active-color: var(--okd-color-gray-700);
    --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-blue-400);
    --okd-tabs-muted-pane-blue-label-active-color: var(--okd-color-blue-700);
    --okd-tabs-muted-pane-green-border-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-muted-pane-green-label-active-color: var(--okd-color-prefer-green-text);
    --okd-tabs-muted-pane-red-border-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-muted-pane-red-label-active-color: var(--okd-color-prefer-red-text);
    --okd-tabs-muted-pane-grey-border-active-color: var(--okd-color-gray-200);
    --okd-tabs-muted-pane-grey-label-active-color: var(--okd-color-gray-700);
    --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-blue-050);
    --okd-tabs-button-pane-blue-label-active-color: var(--okd-color-blue-700);
    --okd-tabs-button-pane-green-bg-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-button-pane-green-label-active-color: var(--okd-color-text-white);
    --okd-tabs-button-pane-red-bg-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-button-pane-red-label-active-color: var(--okd-color-text-white);
    --okd-tabs-button-pane-grey-bg-active-color: hsla(0,0%,92%,.7);
    --okd-tabs-button-pane-grey-label-active-color: var(--okd-color-gray-900);
    --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-gray-100);
    --okd-tabs-underline-pane-common-bg-color: var(--okd-color-gray-100);
    --okd-tabs-button-pane-common-border-color: var(--okd-color-gray-100);
    --okd-tabs-muted-pane-common-border-color: var(--okd-color-transparent);
    --okd-tabs-segmented-pane-common-list-bg-color: hsla(0,0%,92%,.7);
    --okd-tabs-segmented-pane-common-shadow: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;
    --okd-tabs-common-pane-icon-color: var(--okd-color-gray-400);
    --okd-tabs-common-pane-icon-active-color: var(--okd-color-gray-700);
    --okd-tabs-common-pane-icon-bg-color: var(--okd-color-white);
    --okd-tabs-common-pane-label-color: var(--okd-color-gray-400);
    --okd-tabs-common-pane-nav-shadow-color: var(--okd-color-gray-400);
    --okd-tabs-xs-underline-height: 28px;
    --okd-tabs-underline-pane-common-label-color: var(--okd-color-gray-400);
    --okd-tabs-button-pane-common-bg-color: var(--okd-color-transparent);
    --okd-tabs-button-pane-common-label-color: var(--okd-color-gray-400);
    --okd-tabs-muted-pane-common-label-color: var(--okd-color-gray-400);
    --okd-tabs-segmented-pane-common-bg-color: var(--okd-color-transparent);
    --okd-tabs-segmented-pane-common-label-color: var(--okd-color-text-secondary);
    --okd-tabs-xs-underline-font-size: 12px;
    --okd-tabs-xs-underline-label-padding: 10px;
    --okd-tabs-xs-underline-spacing: 8px;
    --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: 10px;
    --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: 10px;
    --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: 10px;
    --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: 10px;
    --okd-tabs-sm-underline-spacing: 8px;
    --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: 10px;
    --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: 10px;
    --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: 10px;
    --okd-tabs-sm-segmented-spacing: 2px;
    --okd-tabs-sm-segmented-container-padding: 2px;
    --okd-tabs-md-underline-font-size: 14px;
    --okd-tabs-md-underline-height: 40px;
    --okd-tabs-md-underline-label-padding: 16px;
    --okd-tabs-md-underline-spacing: 12px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --okd-tabs-lg-underline-spacing: 16px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --okd-tabs-lg-segmented-spacing: 2px;
    --okd-tabs-lg-segmented-container-padding: 2px;
    --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: 16px;
    --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: 2px;
    --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: 16px;
    --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: 2px;
    --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: 16px;
    --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: 2px;
    --okd-tabs-common-pane-nav-icon-bg-color-1: #fff;
    --okd-tabs-common-pane-nav-icon-bg-color-2: hsla(0,0%,100%,0);
    --okd-tabs-button-pane-common-border-radius: 4px;
    --okd-tabs-muted-pane-common-border-radius: 4px;
    --okd-tabs-segmented-pane-common-border-radius: 4px;
    --okd-tabs-xxxl-button-font-weight: 500;
    --okd-tabs-lg-button-font-weight: 500;
    --okd-tabs-lg-muted-font-weight: 500;
    --okd-tabs-md-button-font-weight: 500;
    --okd-tabs-md-muted-font-weight: 500;
    --okd-tabs-xl-muted-font-weight: 500;
    --okd-tabs-xl-button-font-weight: 500;
    --okd-tabs-xxxl-muted-font-weight: 500;
    --okd-tabs-xxl-muted-font-weight: 500;
    --okd-tabs-xxl-button-font-weight: 500;
    --okd-tabs-sm-button-font-weight: 500;
    --okd-tabs-sm-muted-font-weight: 500;
    --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-text-light);
    --okd-tabs-pane-fill-highlight-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-highlight-default-background-color: rgba(0,0,0,.04);
    --okd-tabs-pane-fill-highlight-active-text-color: #fff;
    --okd-tabs-pane-fill-highlight-active-border-color: #000;
    --okd-tabs-pane-fill-highlight-active-background-color: #000;
    --okd-tabs-pane-fill-highlight-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-highlight-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-highlight-hover-background-color: rgba(0,0,0,.07);
    --okd-tabs-pane-fill-primary-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-fill-primary-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-primary-default-background-color: transparent;
    --okd-tabs-pane-fill-primary-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-primary-active-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-primary-active-background-color: rgba(0,0,0,.04);
    --okd-tabs-pane-fill-primary-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-primary-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-primary-hover-background-color: rgba(0,0,0,.07);
    --okd-tabs-pane-fill-secondary-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-fill-secondary-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-secondary-default-background-color: rgba(0,0,0,.04);
    --okd-tabs-pane-fill-secondary-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-secondary-active-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-secondary-active-background-color: rgba(0,0,0,.04);
    --okd-tabs-pane-fill-secondary-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-secondary-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-secondary-hover-background-color: rgba(0,0,0,.07);
    --okd-tabs-pane-outline-highlight-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-outline-highlight-default-border-color: var(--okd-color-line-muted);
    --okd-tabs-pane-outline-highlight-default-background-color: transparent;
    --okd-tabs-pane-outline-highlight-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-highlight-active-border-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-highlight-active-background-color: transparent;
    --okd-tabs-pane-outline-highlight-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-highlight-hover-border-color: var(--okd-color-line-muted);
    --okd-tabs-pane-outline-highlight-hover-background-color: rgba(0,0,0,.04);
    --okd-tabs-pane-outline-primary-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-outline-primary-default-border-color: transparent;
    --okd-tabs-pane-outline-primary-default-background-color: transparent;
    --okd-tabs-pane-outline-primary-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-primary-active-border-color: var(--okd-color-line-secondary);
    --okd-tabs-pane-outline-primary-active-background-color: transparent;
    --okd-tabs-pane-outline-primary-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-primary-hover-border-color: transparent;
    --okd-tabs-pane-outline-primary-hover-background-color: rgba(0,0,0,.04);
    --okd-tabs-pane-outline-secondary-default-text-color: var(--okd-color-gray-500);
    --okd-tabs-pane-outline-secondary-default-border-color: #000;
    --okd-tabs-pane-outline-secondary-default-background-color: transparent;
    --okd-tabs-pane-outline-secondary-active-text-color: var(--okd-color-gray-900);
    --okd-tabs-pane-outline-secondary-active-border-color: #000;
    --okd-tabs-pane-outline-secondary-active-background-color: transparent;
    --okd-tabs-pane-outline-secondary-hover-text-color: #fff;
    --okd-tabs-pane-outline-secondary-hover-border-color: #000;
    --okd-tabs-pane-outline-secondary-hover-background-color: transparent;
    --okd-tabs-pane-text-highlight-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-text-highlight-default-border-color: transparent;
    --okd-tabs-pane-text-highlight-default-background-color: transparent;
    --okd-tabs-pane-text-highlight-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-text-highlight-active-border-color: transparent;
    --okd-tabs-pane-text-highlight-active-background-color: transparent;
    --okd-tabs-pane-text-highlight-hover-text-color: #000;
    --okd-tabs-pane-text-highlight-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-highlight-hover-background-color: rgba(0,0,0,.04);
    --okd-tabs-pane-text-primary-default-text-color: #fff;
    --okd-tabs-pane-text-primary-default-border-color: #000;
    --okd-tabs-pane-text-primary-default-background-color: transparent;
    --okd-tabs-pane-text-primary-active-text-color: #fff;
    --okd-tabs-pane-text-primary-active-border-color: #000;
    --okd-tabs-pane-text-primary-active-background-color: transparent;
    --okd-tabs-pane-text-primary-hover-text-color: #fff;
    --okd-tabs-pane-text-primary-hover-border-color: #000;
    --okd-tabs-pane-text-primary-hover-background-color: transparent;
    --okd-tabs-pane-text-secondary-default-text-color: #fff;
    --okd-tabs-pane-text-secondary-default-border-color: #000;
    --okd-tabs-pane-text-secondary-default-background-color: transparent;
    --okd-tabs-pane-text-secondary-active-text-color: #fff;
    --okd-tabs-pane-text-secondary-active-border-color: #000;
    --okd-tabs-pane-text-secondary-active-background-color: transparent;
    --okd-tabs-pane-text-secondary-hover-text-color: #fff;
    --okd-tabs-pane-text-secondary-hover-border-color: #000;
    --okd-tabs-pane-text-secondary-hover-background-color: transparent;
    --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: 4px;
    --okd-tabs-xs-muted-border-radius: 4px;
    --okd-tabs-xs-segmented-border-radius: 4px;
    --okd-tabs-sm-button-border-radius: 4px;
    --okd-tabs-sm-muted-border-radius: 4px;
    --okd-tabs-sm-segmented-border-radius: 4px;
    --okd-tabs-md-button-border-radius: 4px;
    --okd-tabs-md-muted-border-radius: 4px;
    --okd-tabs-md-segmented-border-radius: 4px;
    --okd-tabs-lg-button-border-radius: 4px;
    --okd-tabs-lg-muted-border-radius: 4px;
    --okd-tabs-lg-segmented-border-radius: 4px;
    --okd-tabs-xl-button-border-radius: 4px;
    --okd-tabs-xl-muted-border-radius: 4px;
    --okd-tabs-xl-segmented-border-radius: 4px;
    --okd-tabs-xxl-button-border-radius: 4px;
    --okd-tabs-xxl-muted-border-radius: 4px;
    --okd-tabs-xxl-segmented-border-radius: 4px;
    --okd-tabs-xxxl-button-border-radius: 4px;
    --okd-tabs-xxxl-muted-border-radius: 4px;
    --okd-tabs-xxxl-segmented-border-radius: 4px;
    --okd-tabs-xs-button-container-border-radius: 4px;
    --okd-tabs-xs-muted-container-border-radius: 4px;
    --okd-tabs-xs-segmented-container-border-radius: 4px;
    --okd-tabs-sm-button-container-border-radius: 4px;
    --okd-tabs-sm-muted-container-border-radius: 4px;
    --okd-tabs-sm-segmented-container-border-radius: 4px;
    --okd-tabs-md-button-container-border-radius: 4px;
    --okd-tabs-md-muted-container-border-radius: 4px;
    --okd-tabs-md-segmented-container-border-radius: 4px;
    --okd-tabs-lg-button-container-border-radius: 4px;
    --okd-tabs-lg-muted-container-border-radius: 4px;
    --okd-tabs-lg-segmented-container-border-radius: 4px;
    --okd-tabs-xl-button-container-border-radius: 4px;
    --okd-tabs-xl-muted-container-border-radius: 4px;
    --okd-tabs-xl-segmented-container-border-radius: 4px;
    --okd-tabs-xxl-button-container-border-radius: 4px;
    --okd-tabs-xxl-muted-container-border-radius: 4px;
    --okd-tabs-xxl-segmented-container-border-radius: 4px;
    --okd-tabs-xxxl-button-container-border-radius: 4px;
    --okd-tabs-xxxl-muted-container-border-radius: 4px;
    --okd-tabs-xxxl-segmented-container-border-radius: 4px;
    --okd-tabs-xs-underline-font-weight: 400;
    --okd-tabs-sm-underline-font-weight: 400;
    --okd-tabs-md-underline-font-weight: 400;
    --okd-tabs-lg-underline-font-weight: 400;
    --okd-tabs-xl-underline-font-weight: 400;
    --okd-tabs-xxl-underline-font-weight: 400;
    --okd-tabs-xxxl-underline-font-weight: 400;
    --okd-tabs-xxs-button-container-border-radius: 4px;
    --okd-tabs-xxs-muted-container-border-radius: 4px;
    --okd-tabs-xxs-segmented-container-border-radius: 4px;
    --okd-tabs-xxs-button-border-radius: 4px;
    --okd-tabs-xxs-muted-border-radius: 4px;
    --okd-tabs-xxs-segmented-border-radius: 4px;
    --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: 400;
    --okd-tabs-xxs-underline-label-padding: 10px;
    --okd-tabs-xxs-underline-spacing: 10px;
    --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: 10px;
    --okd-tabs-xxs-button-spacing: 10px;
    --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: 10px;
    --okd-tabs-xxs-muted-spacing: 10px;
    --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: 10px;
    --okd-tabs-xxs-segmented-spacing: 10px;
    --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: var(--okd-color-gray-050);
    --okd-tabs-pane-fill-reversed-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-reversed-default-background-color: var(--okd-color-gray-800);
    --okd-tabs-pane-fill-reversed-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-reversed-active-border-color: #000;
    --okd-tabs-pane-fill-reversed-active-background-color: var(--okd-color-background-1);
    --okd-tabs-pane-fill-reversed-hover-text-color: var(--okd-color-gray-050);
    --okd-tabs-pane-fill-reversed-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-reversed-hover-background-color: var(--okd-color-gray-700);
    --okd-tabs-pane-outline-reversed-default-text-color: var(--okd-color-gray-500);
    --okd-tabs-pane-outline-reversed-default-border-color: var(--okd-color-gray-700);
    --okd-tabs-pane-outline-reversed-default-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-reversed-active-text-color: #fff;
    --okd-tabs-pane-outline-reversed-active-border-color: var(--okd-color-white);
    --okd-tabs-pane-outline-reversed-active-background-color: var(--okd-color-black);
    --okd-tabs-pane-outline-reversed-hover-text-color: var(--okd-color-white);
    --okd-tabs-pane-outline-reversed-hover-border-color: var(--okd-color-gray-700);
    --okd-tabs-pane-outline-reversed-hover-background-color: var(--okd-color-gray-700);
    --okd-tabs-pane-text-reversed-default-text-color: var(--okd-color-gray-700);
    --okd-tabs-pane-text-reversed-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-default-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-active-text-color: var(--okd-color-white);
    --okd-tabs-pane-text-reversed-active-border-color: #000;
    --okd-tabs-pane-text-reversed-active-background-color: #000;
    --okd-tabs-pane-text-reversed-hover-text-color: var(--okd-color-white);
    --okd-tabs-pane-text-reversed-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-hover-background-color: var(--okd-color-gray-800);
    --okd-tabs-xxs-underline-active-font-weight: 500;
    --okd-tabs-xxs-button-active-font-weight: 400;
    --okd-tabs-xxs-muted-active-font-weight: 400;
    --okd-tabs-xxs-segmented-active-font-weight: 400;
    --okd-tabs-xs-underline-active-font-weight: 500;
    --okd-tabs-xs-button-active-font-weight: 400;
    --okd-tabs-xs-muted-active-font-weight: 400;
    --okd-tabs-xs-segmented-active-font-weight: 400;
    --okd-tabs-sm-underline-active-font-weight: 500;
    --okd-tabs-sm-button-active-font-weight: 400;
    --okd-tabs-sm-muted-active-font-weight: 400;
    --okd-tabs-sm-segmented-active-font-weight: 400;
    --okd-tabs-md-underline-active-font-weight: 500;
    --okd-tabs-md-button-active-font-weight: 400;
    --okd-tabs-md-muted-active-font-weight: 400;
    --okd-tabs-md-segmented-active-font-weight: 400;
    --okd-tabs-lg-underline-active-font-weight: 500;
    --okd-tabs-lg-button-active-font-weight: 400;
    --okd-tabs-lg-muted-active-font-weight: 400;
    --okd-tabs-lg-segmented-active-font-weight: 400;
    --okd-tabs-xl-underline-active-font-weight: 500;
    --okd-tabs-xl-button-active-font-weight: 400;
    --okd-tabs-xl-muted-active-font-weight: 400;
    --okd-tabs-xl-segmented-active-font-weight: 400;
    --okd-tabs-xxl-underline-active-font-weight: 500;
    --okd-tabs-xxl-button-active-font-weight: 400;
    --okd-tabs-xxl-muted-active-font-weight: 400;
    --okd-tabs-xxl-segmented-active-font-weight: 400;
    --okd-tabs-xxxl-underline-active-font-weight: 500;
    --okd-tabs-xxxl-button-active-font-weight: 400;
    --okd-tabs-xxxl-muted-active-font-weight: 400;
    --okd-tabs-xxxl-segmented-active-font-weight: 400
}

.theme-dark {
    --okd-color-gray-050: #000;
    --okd-color-gray-100: #2e2e2e;
    --okd-color-gray-200: #404040;
    --okd-color-gray-300: #6c6c6c;
    --okd-color-gray-400: #909090;
    --okd-color-gray-500: #b0b0b0;
    --okd-color-gray-600: #ccc;
    --okd-color-gray-700: #e3e3e3;
    --okd-color-gray-800: #f0f0f0;
    --okd-color-gray-900: #fafafa;
    --okd-color-blue-050: #051738;
    --okd-color-blue-100: #082356;
    --okd-color-blue-200: #0c3178;
    --okd-color-blue-300: #0f3c94;
    --okd-color-blue-400: #1148b0;
    --okd-color-blue-500: #1453cc;
    --okd-color-blue-600: #175fe8;
    --okd-color-blue-700: #1e6bff;
    --okd-color-blue-800: #3077ff;
    --okd-color-blue-900: #4283ff;
    --okd-color-green-050: #002b1f;
    --okd-color-green-100: #062b12;
    --okd-color-green-200: #0c5625;
    --okd-color-green-300: #138037;
    --okd-color-green-400: #19ab4a;
    --okd-color-green-500: #25a750;
    --okd-color-green-600: #4cde7d;
    --okd-color-green-700: #79e69d;
    --okd-color-green-800: #a5efbe;
    --okd-color-green-900: #d2f7de;
    --okd-color-red-050: #270b12;
    --okd-color-red-100: #300e17;
    --okd-color-red-200: #601d2e;
    --okd-color-red-300: #902b44;
    --okd-color-red-400: #c03a5b;
    --okd-color-red-500: #f04872;
    --okd-color-red-600: #f76489;
    --okd-color-red-700: #f994ae;
    --okd-color-red-800: #f9b6c7;
    --okd-color-red-900: #fff8f9;
    --okd-color-orange-050: #361604;
    --okd-color-orange-100: #532206;
    --okd-color-orange-200: #743008;
    --okd-color-orange-300: #8f3b0a;
    --okd-color-orange-400: #aa460c;
    --okd-color-orange-500: #c5510e;
    --okd-color-orange-600: #e15c0f;
    --okd-color-orange-700: #f76816;
    --okd-color-orange-800: #f87428;
    --okd-color-orange-900: #fa8c4d;
    --okd-color-yellow-050: #2d2104;
    --okd-color-yellow-100: #493603;
    --okd-color-yellow-200: #674b04;
    --okd-color-yellow-300: #7f5d05;
    --okd-color-yellow-400: #966e06;
    --okd-color-yellow-500: #ae8007;
    --okd-color-yellow-600: #c69208;
    --okd-color-yellow-700: #dba20e;
    --okd-color-yellow-800: #dea921;
    --okd-color-yellow-900: #e0b134;
    --okd-color-text-white: #fff;
    --okd-color-text-black: #1f2933;
    --okd-color-background-1: #121212;
    --okd-color-background-2: #1a1a1a;
    --okd-color-transparent: transparent;
    --okd-color-white: #fff;
    --okd-color-black: #000;
    --okd-color-line-muted: #2e2e2e;
    --okd-color-line-amplifed: #6c6c6c;
    --okd-color-line-secondary: #404040;
    --okd-color-text-lighter: #6c6c6c;
    --okd-color-text-light: #909090;
    --okd-color-text-secondary: #e3e3e3;
    --okd-color-text-amplifed: #fafafa;
    --okd-color-background-3: #242424;
    --okd-color-fq-blue-lv1: #3077ff;
    --okd-color-fq-blue-lv2: #1e6bff;
    --okd-color-fq-green-lv1: #1fd65c;
    --okd-color-fq-red-lv1: #f04872;
    --okd-color-fq-orange-lv1: #f76816;
    --okd-color-prefer-red-chart: #f04872;
    --okd-color-prefer-red-bg: #ca3f64;
    --okd-color-prefer-green-chart: #1fd65c;
    --okd-color-prefer-green-bg: #25a750;
    --okd-color-prefer-red-text: #ca3f64;
    --okd-color-prefer-green-text: #25a750;
    --okd-color-branded-primary: #bcff2f;
    --okd-color-fq-critical: #f04872;
    --okd-color-fq-positive: #25a750;
    --okd-color-fq-warning: #f76816;
    --okd-color-fq-accent: #1e6bff;
    --okd-color-fq-neutral: #fafafa;
    --okd-color-prefer-neutral-bg: #909090;
    --okd-color-prefer-neutral-text: #909090;
    --okd-color-background-base-primary: #121212;
    --okd-color-background-base-secondary: #121212;
    --okd-color-background-surface-primary: hsla(0,0%,100%,.06);
    --okd-color-background-surface-secondary: hsla(0,0%,100%,.06);
    --okd-color-background-surface-pressed: hsla(0,0%,100%,.12);
    --okd-color-background-surface-disable: hsla(0,0%,100%,.03);
    --okd-color-background-scrim: rgba(0,0,0,.68);
    --okd-color-container-primary: #272727;
    --okd-color-container-secondary: #272727;
    --okd-color-container-tertiary: #383838;
    --okd-color-container-contrast: #414141;
    --okd-color-container-inverse: #fafafa;
    --okd-color-content-primary: #fff;
    --okd-color-content-secondary: hsla(0,0%,100%,.88);
    --okd-color-content-tertiary: hsla(0,0%,100%,.76);
    --okd-color-content-contrast: hsla(0,0%,100%,.54);
    --okd-color-content-disabled: hsla(0,0%,100%,.36);
    --okd-color-content-inverse: #000;
    --okd-color-border-primary: hsla(0,0%,100%,.12);
    --okd-color-border-secondary: hsla(0,0%,100%,.19);
    --okd-color-border-contrast: #000;
    --okd-color-border-selected: #fff;
    --okd-color-semantic-neutral: #fff;
    --okd-color-semantic-notice: #ffb117;
    --okd-color-semantic-positive: #25a750;
    --okd-color-semantic-negative: #ca3f64;
    --okd-color-semantic-informative: #8a91ff;
    --okd-color-semantic-highlight: #bcff2f;
    --okd-color-dvp-neutral: hsla(0,0%,100%,.76);
    --okd-color-dvp-profit: #25a750;
    --okd-color-dvp-loss: #ca3f64;
    --okd-color-categorical-01: #8a91ff;
    --okd-color-categorical-02: #ffb117;
    --okd-color-categorical-03: #bcff2f;
    --okd-color-categorical-04: #00bc4b;
    --okd-color-categorical-05: #f5384f;
    --okd-color-common-transparent: hsla(0,0%,100%,0);
    --okd-font-size-base: 16px;
    --okd-font-size-md: 14px;
    --okd-font-size-xs: 12px;
    --okd-line-height-base: 20px;
    --okd-line-height-md: 20px;
    --okd-line-height-xs: 16px;
    --okd-shadow-none: 0 0 0 0 transparent;
    --okd-shadow-xs: 0 0 0 1px #0000000d;
    --okd-shadow-sm: 0 1px 2px 0 #0000000d;
    --okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;
    --okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;
    --okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;
    --okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;
    --okd-shadow-2xl: 0 25px 50px -12px #00000040;
    --okd-border-radius-none: 0;
    --okd-border-radius-sm: 2px;
    --okd-border-radius-md: 4px;
    --okd-border-radius-lg: 6px;
    --okd-border-radius-xl: 8px;
    --okd-border-radius-xxl: 10px;
    --okd-border-radius-xxxl: 12px;
    --okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif;
    --okd-text-display-lg-font-size: 56px;
    --okd-text-display-lg-font-weight: 500;
    --okd-text-display-lg-line-height: 1.32;
    --okd-text-display-md-font-size: 40px;
    --okd-text-display-md-font-weight: 500;
    --okd-text-display-md-line-height: 52px;
    --okd-text-display-sm-font-size: 40px;
    --okd-text-display-sm-font-weight: 500;
    --okd-text-display-sm-line-height: 52px;
    --okd-text-heading-lg-font-size: 30px;
    --okd-text-heading-lg-font-weight: 500;
    --okd-text-heading-lg-line-height: 40px;
    --okd-text-heading-md-font-size: 24px;
    --okd-text-heading-md-font-weight: 500;
    --okd-text-heading-md-line-height: 30px;
    --okd-text-heading-sm-font-size: 18px;
    --okd-text-heading-sm-font-weight: 500;
    --okd-text-heading-sm-line-height: 24px;
    --okd-text-heading-xl-font-size: 36px;
    --okd-text-heading-xl-line-height: 1.32;
    --okd-text-heading-xl-font-weight: 600;
    --okd-text-heading-xxl-font-size: 40px;
    --okd-text-heading-xxl-line-height: 1.32;
    --okd-text-heading-xxl-font-weight: 600;
    --okd-text-heading-overline-font-size: 12px;
    --okd-text-heading-overline-line-height: 15px;
    --okd-text-heading-overline-font-weight: 500;
    --okd-text-body-sm-regular-font-size: 14px;
    --okd-text-body-sm-regular-font-weight: 400;
    --okd-text-body-sm-regular-line-height: 21px;
    --okd-text-body-sm-bold-font-size: 14px;
    --okd-text-body-sm-bold-font-weight: 500;
    --okd-text-body-sm-bold-line-height: 21px;
    --okd-text-body-md-regular-font-size: 16px;
    --okd-text-body-md-regular-font-weight: 400;
    --okd-text-body-md-regular-line-height: 24px;
    --okd-text-body-md-bold-font-size: 16px;
    --okd-text-body-md-bold-font-weight: 500;
    --okd-text-body-md-bold-line-height: 24px;
    --okd-text-body-xs-regular-font-size: 12px;
    --okd-text-body-xs-regular-font-weight: 400;
    --okd-text-body-xs-regular-line-height: 18px;
    --okd-text-body-xs-bold-font-size: 12px;
    --okd-text-body-xs-bold-font-weight: 500;
    --okd-text-body-xs-bold-line-height: 18px;
    --okd-font-weight-400: 400;
    --okd-font-weight-500: 500;
    --okd-font-weight-600: 600;
    --okd-font-weight-700: 700;
    --okd-font-weight-800: 800;
    --okd-font-weight-900: 900;
    --okd-font-weight-regular: 400;
    --okd-font-weight-medium: 500;
    --okd-font-weight-bold: 700;
    --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-gray-900);
    --okd-tabs-underline-pane-blue-border-active-color: var(--okd-color-blue-900);
    --okd-tabs-underline-pane-green-border-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-underline-pane-green-label-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-underline-pane-red-border-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-underline-pane-red-label-active-color: var(--okd-color-prefer-red-text);
    --okd-tabs-underline-pane-grey-border-active-color: var(--okd-color-gray-800);
    --okd-tabs-underline-pane-grey-label-active-color: var(--okd-color-gray-900);
    --okd-tabs-segmented-pane-bg-color: var(--okd-color-transparent);
    --okd-tabs-segmented-pane-green-bg-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-segmented-pane-green-label-active-color: var(--okd-color-white);
    --okd-tabs-segmented-pane-red-bg-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-segmented-pane-red-label-active-color: var(--okd-color-white);
    --okd-tabs-segmented-pane-blue-bg-active-color: var(--okd-color-fq-blue-lv2);
    --okd-tabs-segmented-pane-blue-label-active-color: var(--okd-color-text-white);
    --okd-tabs-segmented-pane-grey-bg-active-color: hsla(0,0%,100%,.15);
    --okd-tabs-segmented-pane-grey-label-active-color: var(--okd-color-text-amplifed);
    --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-blue-900);
    --okd-tabs-muted-pane-blue-label-active-color: var(--okd-color-blue-900);
    --okd-tabs-muted-pane-green-border-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-muted-pane-green-label-active-color: var(--okd-color-prefer-green-text);
    --okd-tabs-muted-pane-red-border-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-muted-pane-red-label-active-color: var(--okd-color-prefer-red-text);
    --okd-tabs-muted-pane-grey-border-active-color: var(--okd-color-gray-500);
    --okd-tabs-muted-pane-grey-label-active-color: var(--okd-color-gray-700);
    --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-blue-050);
    --okd-tabs-button-pane-blue-label-active-color: var(--okd-color-blue-900);
    --okd-tabs-button-pane-green-bg-active-color: var(--okd-color-prefer-green-bg);
    --okd-tabs-button-pane-green-label-active-color: var(--okd-color-white);
    --okd-tabs-button-pane-red-bg-active-color: var(--okd-color-prefer-red-bg);
    --okd-tabs-button-pane-red-label-active-color: var(--okd-color-white);
    --okd-tabs-button-pane-grey-bg-active-color: var(--okd-color-gray-100);
    --okd-tabs-button-pane-grey-label-active-color: var(--okd-color-gray-900);
    --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-line-muted);
    --okd-tabs-underline-pane-common-bg-color: var(--okd-color-gray-400);
    --okd-tabs-button-pane-common-border-color: var(--okd-color-gray-100);
    --okd-tabs-muted-pane-common-border-color: var(--okd-color-gray-100);
    --okd-tabs-segmented-pane-common-list-bg-color: hsla(0,0%,100%,.06);
    --okd-tabs-common-pane-icon-color: var(--okd-color-gray-700);
    --okd-tabs-common-pane-icon-active-color: var(--okd-color-gray-900);
    --okd-tabs-common-pane-icon-bg-color: var(--okd-color-gray-200);
    --okd-tabs-common-pane-label-color: var(--okd-color-gray-400);
    --okd-tabs-common-pane-nav-shadow-color: var(--okd-color-gray-400);
    --okd-tabs-segmented-pane-common-shadow: 0 0 0 0 transparent;
    --okd-tabs-button-pane-common-bg-color: var(--okd-color-transparent);
    --okd-tabs-underline-pane-common-label-color: var(--okd-color-gray-400);
    --okd-tabs-button-pane-common-label-color: var(--okd-color-gray-400);
    --okd-tabs-muted-pane-common-label-color: var(--okd-color-gray-400);
    --okd-tabs-segmented-pane-common-bg-color: var(--okd-color-transparent);
    --okd-tabs-segmented-pane-common-label-color: var(--okd-color-gray-400);
    --okd-tabs-xs-underline-font-size: 12px;
    --okd-tabs-xs-underline-height: 28px;
    --okd-tabs-xs-underline-label-padding: 10px;
    --okd-tabs-xs-underline-spacing: 8px;
    --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: 10px;
    --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: 10px;
    --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: 10px;
    --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: 10px;
    --okd-tabs-sm-underline-spacing: 8px;
    --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: 10px;
    --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: 10px;
    --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: 20px;
    --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: 16px;
    --okd-tabs-md-underline-spacing: 12px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --okd-tabs-lg-underline-spacing: 16px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --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: 16px;
    --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-1);
    --okd-tabs-common-pane-nav-icon-bg-color-2: hsla(0,0%,7%,0);
    --okd-tabs-button-pane-common-border-radius: 4px;
    --okd-tabs-muted-pane-common-border-radius: 4px;
    --okd-tabs-segmented-pane-common-border-radius: 4px;
    --okd-tabs-xxxl-button-font-weight: 500;
    --okd-tabs-xxl-button-font-weight: 500;
    --okd-tabs-xl-button-font-weight: 500;
    --okd-tabs-lg-button-font-weight: 500;
    --okd-tabs-md-button-font-weight: 500;
    --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: 500;
    --okd-tabs-sm-button-font-weight: 500;
    --okd-tabs-md-muted-font-weight: 500;
    --okd-tabs-md-segmented-font-weight: 500;
    --okd-tabs-lg-muted-font-weight: 500;
    --okd-tabs-lg-segmented-font-weight: 500;
    --okd-tabs-xl-muted-font-weight: 500;
    --okd-tabs-xl-segmented-font-weight: 500;
    --okd-tabs-xxl-segmented-font-weight: 500;
    --okd-tabs-xxl-muted-font-weight: 500;
    --okd-tabs-xxxl-segmented-font-weight: 500;
    --okd-tabs-xxxl-muted-font-weight: 500;
    --okd-tabs-pane-fill-primary-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-fill-primary-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-primary-default-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-primary-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-primary-active-border-color: transparent;
    --okd-tabs-pane-fill-primary-active-background-color: hsla(0,0%,100%,.06);
    --okd-tabs-pane-fill-primary-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-primary-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-primary-hover-background-color: hsla(0,0%,100%,.15);
    --okd-tabs-pane-fill-highlight-default-text-color: var(--okd-color-text-secondary);
    --okd-tabs-pane-fill-highlight-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-highlight-default-background-color: hsla(0,0%,100%,.06);
    --okd-tabs-pane-fill-highlight-active-text-color: var(--okd-color-black);
    --okd-tabs-pane-fill-highlight-active-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-highlight-active-background-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-highlight-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-highlight-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-highlight-hover-background-color: hsla(0,0%,100%,.15);
    --okd-tabs-pane-fill-secondary-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-fill-secondary-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-secondary-default-background-color: hsla(0,0%,100%,.06);
    --okd-tabs-pane-fill-secondary-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-secondary-active-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-secondary-hover-background-color: hsla(0,0%,100%,.15);
    --okd-tabs-pane-fill-secondary-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-fill-secondary-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-fill-secondary-active-background-color: hsla(0,0%,100%,.06);
    --okd-tabs-pane-outline-primary-hover-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-primary-hover-border-color: hsla(0,0%,100%,.4);
    --okd-tabs-pane-outline-primary-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-primary-active-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-primary-active-border-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-primary-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-highlight-hover-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-highlight-hover-border-color: hsla(0,0%,100%,.4);
    --okd-tabs-pane-outline-highlight-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-highlight-active-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-highlight-active-border-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-highlight-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-outline-highlight-default-text-color: var(--okd-color-text-light);
    --okd-tabs-pane-outline-highlight-default-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-highlight-default-border-color: hsla(0,0%,100%,.15);
    --okd-tabs-pane-text-highlight-hover-background-color: rgba(64,64,64,.15);
    --okd-tabs-pane-text-highlight-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-highlight-hover-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-text-highlight-active-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-highlight-active-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-highlight-active-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-pane-text-highlight-default-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-highlight-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-highlight-default-text-color: var(--okd-color-text-amplifed);
    --okd-tabs-xs-button-border-radius: 4px;
    --okd-tabs-xs-muted-border-radius: 4px;
    --okd-tabs-xs-segmented-border-radius: 4px;
    --okd-tabs-sm-button-border-radius: 4px;
    --okd-tabs-sm-muted-border-radius: 4px;
    --okd-tabs-sm-segmented-border-radius: 4px;
    --okd-tabs-md-button-border-radius: 4px;
    --okd-tabs-md-muted-border-radius: 4px;
    --okd-tabs-md-segmented-border-radius: 4px;
    --okd-tabs-lg-button-border-radius: 4px;
    --okd-tabs-lg-muted-border-radius: 4px;
    --okd-tabs-lg-segmented-border-radius: 4px;
    --okd-tabs-xl-button-border-radius: 4px;
    --okd-tabs-xl-muted-border-radius: 4px;
    --okd-tabs-xl-segmented-border-radius: 4px;
    --okd-tabs-xxl-button-border-radius: 4px;
    --okd-tabs-xxl-muted-border-radius: 4px;
    --okd-tabs-xxl-segmented-border-radius: 4px;
    --okd-tabs-xxxl-button-border-radius: 4px;
    --okd-tabs-xxxl-muted-border-radius: 4px;
    --okd-tabs-xxxl-segmented-border-radius: 4px;
    --okd-tabs-xs-button-container-border-radius: 4px;
    --okd-tabs-xs-muted-container-border-radius: 4px;
    --okd-tabs-xs-segmented-container-border-radius: 4px;
    --okd-tabs-sm-button-container-border-radius: 4px;
    --okd-tabs-sm-muted-container-border-radius: 4px;
    --okd-tabs-sm-segmented-container-border-radius: 4px;
    --okd-tabs-md-button-container-border-radius: 4px;
    --okd-tabs-md-muted-container-border-radius: 4px;
    --okd-tabs-md-segmented-container-border-radius: 4px;
    --okd-tabs-lg-button-container-border-radius: 4px;
    --okd-tabs-lg-muted-container-border-radius: 4px;
    --okd-tabs-lg-segmented-container-border-radius: 4px;
    --okd-tabs-xl-button-container-border-radius: 4px;
    --okd-tabs-xl-muted-container-border-radius: 4px;
    --okd-tabs-xl-segmented-container-border-radius: 4px;
    --okd-tabs-xxl-button-container-border-radius: 4px;
    --okd-tabs-xxl-muted-container-border-radius: 4px;
    --okd-tabs-xxl-segmented-container-border-radius: 4px;
    --okd-tabs-xxxl-button-container-border-radius: 4px;
    --okd-tabs-xxxl-muted-container-border-radius: 4px;
    --okd-tabs-xxxl-segmented-container-border-radius: 4px;
    --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: 400;
    --okd-tabs-sm-underline-font-weight: 400;
    --okd-tabs-md-underline-font-weight: 400;
    --okd-tabs-lg-underline-font-weight: 400;
    --okd-tabs-xl-underline-font-weight: 400;
    --okd-tabs-xxl-underline-font-weight: 400;
    --okd-tabs-xxxl-underline-font-weight: 400;
    --okd-tabs-xxs-button-container-border-radius: 4px;
    --okd-tabs-xxs-muted-container-border-radius: 4px;
    --okd-tabs-xxs-segmented-container-border-radius: 4px;
    --okd-tabs-xxs-button-border-radius: 4px;
    --okd-tabs-xxs-muted-border-radius: 4px;
    --okd-tabs-xxs-segmented-border-radius: 4px;
    --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: 400;
    --okd-tabs-xxs-underline-label-padding: 10px;
    --okd-tabs-xxs-underline-spacing: 10px;
    --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: 10px;
    --okd-tabs-xxs-button-spacing: 10px;
    --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: 10px;
    --okd-tabs-xxs-muted-spacing: 10px;
    --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: 10px;
    --okd-tabs-xxs-segmented-spacing: 10px;
    --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: #3d3d3d;
    --okd-tabs-pane-fill-reversed-default-border-color: #f7f7f7;
    --okd-tabs-pane-fill-reversed-default-background-color: #f7f7f7;
    --okd-tabs-pane-fill-reversed-active-text-color: #fff;
    --okd-tabs-pane-fill-reversed-active-border-color: #000;
    --okd-tabs-pane-fill-reversed-active-background-color: #000;
    --okd-tabs-pane-fill-reversed-hover-text-color: #3d3d3d;
    --okd-tabs-pane-fill-reversed-hover-border-color: #ebebeb;
    --okd-tabs-pane-fill-reversed-hover-background-color: #ebebeb;
    --okd-tabs-pane-outline-reversed-default-text-color: var(--okd-color-gray-200);
    --okd-tabs-pane-outline-reversed-default-border-color: var(--okd-color-gray-700);
    --okd-tabs-pane-outline-reversed-default-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-reversed-active-text-color: var(--okd-color-black);
    --okd-tabs-pane-outline-reversed-active-border-color: #000;
    --okd-tabs-pane-outline-reversed-active-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-outline-reversed-hover-text-color: var(--okd-color-black);
    --okd-tabs-pane-outline-reversed-hover-border-color: var(--okd-color-gray-400);
    --okd-tabs-pane-outline-reversed-hover-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-default-text-color: var(--okd-color-black);
    --okd-tabs-pane-text-reversed-default-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-default-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-active-text-color: var(--okd-color-black);
    --okd-tabs-pane-text-reversed-active-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-active-background-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-hover-text-color: #3d3d3d;
    --okd-tabs-pane-text-reversed-hover-border-color: var(--okd-color-transparent);
    --okd-tabs-pane-text-reversed-hover-background-color: var(--okd-color-gray-800);
    --okd-tabs-xxs-underline-active-font-weight: 500;
    --okd-tabs-xxs-button-active-font-weight: 400;
    --okd-tabs-xxs-muted-active-font-weight: 400;
    --okd-tabs-xxs-segmented-active-font-weight: 400;
    --okd-tabs-xs-underline-active-font-weight: 500;
    --okd-tabs-xs-button-active-font-weight: 400;
    --okd-tabs-xs-muted-active-font-weight: 400;
    --okd-tabs-xs-segmented-active-font-weight: 400;
    --okd-tabs-sm-underline-active-font-weight: 500;
    --okd-tabs-sm-button-active-font-weight: 400;
    --okd-tabs-sm-muted-active-font-weight: 400;
    --okd-tabs-sm-segmented-active-font-weight: 400;
    --okd-tabs-md-underline-active-font-weight: 500;
    --okd-tabs-md-button-active-font-weight: 400;
    --okd-tabs-md-muted-active-font-weight: 400;
    --okd-tabs-md-segmented-active-font-weight: 400;
    --okd-tabs-lg-underline-active-font-weight: 500;
    --okd-tabs-lg-button-active-font-weight: 400;
    --okd-tabs-lg-muted-active-font-weight: 400;
    --okd-tabs-lg-segmented-active-font-weight: 400;
    --okd-tabs-xl-underline-active-font-weight: 500;
    --okd-tabs-xl-button-active-font-weight: 400;
    --okd-tabs-xl-muted-active-font-weight: 400;
    --okd-tabs-xl-segmented-active-font-weight: 400;
    --okd-tabs-xxl-underline-active-font-weight: 500;
    --okd-tabs-xxl-button-active-font-weight: 400;
    --okd-tabs-xxl-muted-active-font-weight: 400;
    --okd-tabs-xxl-segmented-active-font-weight: 400;
    --okd-tabs-xxxl-underline-active-font-weight: 500;
    --okd-tabs-xxxl-button-active-font-weight: 400;
    --okd-tabs-xxxl-muted-active-font-weight: 400;
    --okd-tabs-xxxl-segmented-active-font-weight: 400
}

.okds-academy:before {
    content: "\e000";
    font-family: fa-b983c4766d
}

.okds-analysis:before {
    content: "\e002";
    font-family: fa-b983c4766d
}

.okds-assets:before {
    content: "\e003";
    font-family: fa-b983c4766d
}

.okds-bank:before {
    content: "\e004";
    font-family: fa-b983c4766d
}

.okds-bell:before {
    content: "\e005";
    font-family: fa-b983c4766d
}

.okds-borrow:before {
    content: "\e007";
    font-family: fa-b983c4766d
}

.okds-brush:before {
    content: "\e008";
    font-family: fa-b983c4766d
}

.okds-calendar:before {
    content: "\e009";
    font-family: fa-b983c4766d
}

.okds-candlestick:before {
    content: "\e00a";
    font-family: fa-b983c4766d
}

.okds-cancel-order:before {
    content: "\e00b";
    font-family: fa-b983c4766d
}

.okds-chat-bubble:before {
    content: "\e00c";
    font-family: fa-b983c4766d
}

.okds-checkmark:before {
    content: "\e00d";
    font-family: fa-b983c4766d
}

.okds-clear-fill:before {
    content: "\e00e";
    font-family: fa-b983c4766d
}

.okds-clock:before {
    content: "\e00f";
    font-family: fa-b983c4766d
}

.okds-close:before {
    content: "\e010";
    font-family: fa-b983c4766d
}

.okds-convertokb:before {
    content: "\e011";
    font-family: fa-b983c4766d
}

.okds-copy:before {
    content: "\e012";
    font-family: fa-b983c4766d
}

.okds-deposit:before {
    content: "\e013";
    font-family: fa-b983c4766d
}

.okds-download:before {
    content: "\e014";
    font-family: fa-b983c4766d
}

.okds-edit:before {
    content: "\e018";
    font-family: fa-b983c4766d
}

.okds-eur:before {
    content: "\e019";
    font-family: fa-b983c4766d
}

.okds-expand:before {
    content: "\e01b";
    font-family: fa-b983c4766d
}

.okds-eye-hide-filled:before {
    content: "\e01c";
    font-family: fa-b983c4766d
}

.okds-eye-hide:before {
    content: "\e01d";
    font-family: fa-b983c4766d
}

.okds-eye-show-filled:before {
    content: "\e01e";
    font-family: fa-b983c4766d
}

.okds-eye-show:before {
    content: "\e01f";
    font-family: fa-b983c4766d
}

.okds-fail-circle-fill:before {
    content: "\e020";
    font-family: fa-b983c4766d
}

.okds-fail-circle:before {
    content: "\e021";
    font-family: fa-b983c4766d
}

.okds-fees:before {
    content: "\e022";
    font-family: fa-b983c4766d
}

.okds-filter:before {
    content: "\e023";
    font-family: fa-b983c4766d
}

.okds-funding-rates:before {
    content: "\e025";
    font-family: fa-b983c4766d
}

.okds-futures:before {
    content: "\e026";
    font-family: fa-b983c4766d
}

.okds-guide:before {
    content: "\e028";
    font-family: fa-b983c4766d
}

.okds-hamburger-edit:before {
    content: "\e02a";
    font-family: fa-b983c4766d
}

.okds-hamburger-search:before {
    content: "\e02b";
    font-family: fa-b983c4766d
}

.okds-hamburger-setting:before {
    content: "\e02c";
    font-family: fa-b983c4766d
}

.okds-hamburger:before {
    content: "\e02d";
    font-family: fa-b983c4766d
}

.okds-id-card:before {
    content: "\e02e";
    font-family: fa-b983c4766d
}

.okds-information-circle-fill:before {
    content: "\e02f";
    font-family: fa-b983c4766d
}

.okds-information-circle:before {
    content: "\e030";
    font-family: fa-b983c4766d
}

.okds-insurance-fund:before {
    content: "\e031";
    font-family: fa-b983c4766d
}

.okds-exchange:before {
    content: "\e032";
    font-family: fa-b983c4766d
}

.okds-language:before {
    content: "\e033";
    font-family: fa-b983c4766d
}

.okds-link:before {
    content: "\e034";
    font-family: fa-b983c4766d
}

.okds-locked:before {
    content: "\e035";
    font-family: fa-b983c4766d
}

.okds-logout:before {
    content: "\e036";
    font-family: fa-b983c4766d
}

.okds-mail:before {
    content: "\e037";
    font-family: fa-b983c4766d
}

.okds-margin:before {
    content: "\e039";
    font-family: fa-b983c4766d
}

.okds-minus:before {
    content: "\e03a";
    font-family: fa-b983c4766d
}

.okds-more:before {
    content: "\e03b";
    font-family: fa-b983c4766d
}

.okds-open-link:before {
    content: "\e03c";
    font-family: fa-b983c4766d
}

.okds-orders:before {
    content: "\e03d";
    font-family: fa-b983c4766d
}

.okds-option:before {
    content: "\e03e";
    font-family: fa-b983c4766d
}

.okds-pie-chart:before {
    content: "\e040";
    font-family: fa-b983c4766d
}

.okds-place-order:before {
    content: "\e041";
    font-family: fa-b983c4766d
}

.okds-play:before {
    content: "\e042";
    font-family: fa-b983c4766d
}

.okds-plus-circle-filled:before {
    content: "\e043";
    font-family: fa-b983c4766d
}

.okds-plus-circle:before {
    content: "\e044";
    font-family: fa-b983c4766d
}

.okds-plus:before {
    content: "\e045";
    font-family: fa-b983c4766d
}

.okds-qrcode:before {
    content: "\e047";
    font-family: fa-b983c4766d
}

.okds-question-mark-circle-fill:before {
    content: "\e048";
    font-family: fa-b983c4766d
}

.okds-question-mark-circle:before {
    content: "\e049";
    font-family: fa-b983c4766d
}

.okds-red-packe:before {
    content: "\e04a";
    font-family: fa-b983c4766d
}

.okds-report-centre:before {
    content: "\e04b";
    font-family: fa-b983c4766d
}

.okds-scan:before {
    content: "\e04d";
    font-family: fa-b983c4766d
}

.okds-search:before {
    content: "\e04e";
    font-family: fa-b983c4766d
}

.okds-security-fill:before {
    content: "\e04f";
    font-family: fa-b983c4766d
}

.okds-setting:before {
    content: "\e050";
    font-family: fa-b983c4766d
}

.okds-share:before {
    content: "\e051";
    font-family: fa-b983c4766d
}

.okds-star-filled:before {
    content: "\e052";
    font-family: fa-b983c4766d
}

.okds-star:before {
    content: "\e053";
    font-family: fa-b983c4766d
}

.okds-success-circle-fill:before {
    content: "\e054";
    font-family: fa-b983c4766d
}

.okds-success-circle:before {
    content: "\e055";
    font-family: fa-b983c4766d
}

.okds-support:before {
    content: "\e056";
    font-family: fa-b983c4766d
}

.okds-trade-1:before {
    content: "\e059";
    font-family: fa-b983c4766d
}

.okds-transfer-circle:before {
    content: "\e05b";
    font-family: fa-b983c4766d
}

.okds-settlement-history:before {
    content: "\e05c";
    font-family: fa-b983c4766d
}

.okds-trash:before {
    content: "\e05d";
    font-family: fa-b983c4766d
}

.okds-trends:before {
    content: "\e05e";
    font-family: fa-b983c4766d
}

.okds-transfer:before {
    content: "\e05f";
    font-family: fa-b983c4766d
}

.okds-unlink:before {
    content: "\e061";
    font-family: fa-b983c4766d
}

.okds-unlocked:before {
    content: "\e062";
    font-family: fa-b983c4766d
}

.okds-usd:before {
    content: "\e063";
    font-family: fa-b983c4766d
}

.okds-warning-circle-fill:before {
    content: "\e064";
    font-family: fa-b983c4766d
}

.okds-warning-circle:before {
    content: "\e065";
    font-family: fa-b983c4766d
}

.okds-withdraw:before {
    content: "\e067";
    font-family: fa-b983c4766d
}

.okds-records:before {
    content: "\e069";
    font-family: fa-b983c4766d
}

.okds-history:before {
    content: "\e06a";
    font-family: fa-b983c4766d
}

.okds-security:before {
    content: "\e06b";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-down-sm:before {
    content: "\e06c";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-left-md:before {
    content: "\e06d";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-left-sm:before {
    content: "\e06e";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-right-md:before {
    content: "\e06f";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-right-sm:before {
    content: "\e070";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-up-md:before {
    content: "\e071";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-down-md:before {
    content: "\e072";
    font-family: fa-b983c4766d
}

.okds-arrow-pointer-up-sm:before {
    content: "\e073";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-down-md:before {
    content: "\e074";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-down-sm:before {
    content: "\e075";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-left-centered-md:before {
    content: "\e076";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-up-md:before {
    content: "\e07d";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-up-sm:before {
    content: "\e07e";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-left-centered-sm:before {
    content: "\e081";
    font-family: fa-b983c4766d
}

.okds-sort-up:before {
    content: "\e082";
    font-family: fa-b983c4766d
}

.okds-sort-down:before {
    content: "\e083";
    font-family: fa-b983c4766d
}

.okds-sort-default:before {
    content: "\e084";
    font-family: fa-b983c4766d
}

.okds-cursor-drag:before {
    content: "\e086";
    font-family: fa-b983c4766d
}

.okds-cursor-zoom:before {
    content: "\e087";
    font-family: fa-b983c4766d
}

.okds-img:before {
    content: "\e088";
    font-family: fa-b983c4766d
}

.okds-hierachy:before {
    content: "\e089";
    font-family: fa-b983c4766d
}

.okds-carets-filled-up:before {
    content: "\e08c";
    font-family: fa-b983c4766d
}

.okds-carets-filled-down:before {
    content: "\e08d";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-right-centered-sm:before {
    content: "\e08f";
    font-family: fa-b983c4766d
}

.okds-arrow-chevron-right-centered-md:before {
    content: "\e090";
    font-family: fa-b983c4766d
}

.okds-strong-alert:before {
    content: "\e091";
    font-family: fa-b983c4766d
}

.okds-profile:before {
    content: "\e093";
    font-family: fa-b983c4766d
}

.okds-communication-img:before {
    content: "\e094";
    font-family: fa-b983c4766d
}

.okds-finance-bank:before {
    content: "\e095";
    font-family: fa-b983c4766d
}

.okds-communication-idcard:before {
    content: "\e096";
    font-family: fa-b983c4766d
}

.okds-communications-faceid:before {
    content: "\e097";
    font-family: fa-b983c4766d
}

.okds-finance-earn:before {
    content: "\e099";
    font-family: fa-b983c4766d
}

.okds-clock-filled:before {
    content: "\e09b";
    font-family: fa-b983c4766d
}

.okds-developers:before {
    content: "\e09c";
    font-family: fa-b983c4766d
}

.okds-user:before {
    content: "\e09d";
    font-family: fa-b983c4766d
}

.okds-arrow-cheveron-alignleft-md:before {
    content: "\e09e";
    font-family: fa-b983c4766d
}

.okds-communication-img-failed:before {
    content: "\e09f";
    font-family: fa-b983c4766d
}

.okds-pending-circle:before {
    content: "\e0a3";
    font-family: fa-b983c4766d
}

.okds-action-reverse:before {
    content: "\e0a4";
    font-family: fa-b983c4766d
}

.okds-authenticator:before {
    content: "\e0a5";
    font-family: fa-b983c4766d
}

.okds-network-fee-standard:before {
    content: "\e0a6";
    font-family: fa-b983c4766d
}

.okds-communication-call:before {
    content: "\e0a7";
    font-family: fa-b983c4766d
}

.okds-sort-default-center-aligned:before {
    content: "\e0a8";
    font-family: fa-b983c4766d
}

.okds-sort-up-center-aligned:before {
    content: "\e0a9";
    font-family: fa-b983c4766d
}

.okds-sort-down-center-aligned-svg:before {
    content: "\e0aa";
    font-family: fa-b983c4766d
}

.okds-arrow-cheveron-first-md:before {
    content: "\e0ab";
    font-family: fa-b983c4766d
}

.okds-arrow-cheveron-last-md:before {
    content: "\e0ac";
    font-family: fa-b983c4766d
}

.okds-clock-outline:before {
    content: "\e0ad";
    font-family: fa-b983c4766d
}

.okds-finance-seagull:before {
    content: "\e0ae";
    font-family: fa-b983c4766d
}

.okds-brl:before {
    content: "\e0af";
    font-family: fa-b983c4766d
}

.okds-aed:before {
    content: "\e0b0";
    font-family: fa-b983c4766d
}

.okds-gbp:before {
    content: "\e0b1";
    font-family: fa-b983c4766d
}

.iconfont:before {
    display: inline-block
}

@font-face {
    font-display: block;
    font-family: fa-b983c4766d;
    font-style: normal;
    src: url(../560eed8a24cc8a8ffd7c.woff2) format("woff2")
}

[dir=rtl] .okds-arrow-cheveron-alignleft-md:before,[dir=rtl] .okds-arrow-cheveron-first-md:before,[dir=rtl] .okds-arrow-cheveron-last-md:before,[dir=rtl] .okds-arrow-chevron-left-centered-md:before,[dir=rtl] .okds-arrow-chevron-left-centered-sm:before,[dir=rtl] .okds-arrow-chevron-right-centered-md:before,[dir=rtl] .okds-arrow-chevron-right-centered-sm:before,[dir=rtl] .okds-arrow-pointer-left-md:before,[dir=rtl] .okds-arrow-pointer-left-sm:before,[dir=rtl] .okds-arrow-pointer-right-md:before,[dir=rtl] .okds-arrow-pointer-right-sm:before,[dir=rtl] .okds-communication-idcard:before,[dir=rtl] .okds-copy:before,[dir=rtl] .okds-edit:before,[dir=rtl] .okds-eye-hide-filled:before,[dir=rtl] .okds-eye-hide:before,[dir=rtl] .okds-guide:before,[dir=rtl] .okds-logout:before,[dir=rtl] .okds-network-fee-standard:before,[dir=rtl] .okds-open-link:before,[dir=rtl] .okds-orders:before,[dir=rtl] .okds-question-mark-circle-fill:before,[dir=rtl] .okds-question-mark-circle:before,[dir=rtl] .okds-report-centre:before,[dir=rtl] .okds-share:before {
    transform: scaleX(-1)
}

.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: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: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: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.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: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: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: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: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.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: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: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: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: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.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: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-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 {
    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 {
    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 {
    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-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-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 {
    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 {
    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 {
    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-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-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 {
    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 {
    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 {
    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-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-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 {
    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 {
    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 {
    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-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-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-tabs-spacing)
}

.okui-tabs-panel {
    display: none;
    width: 100%
}

.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 {
    cursor: pointer
}

.okui-tabs-pane-list-nav-icon {
    align-items: center;
    background-image: linear-gradient(270deg,var(--okd-tabs-common-pane-nav-icon-bg-color-1) 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;
    visibility: visible;
    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-tabs-common-pane-nav-icon-bg-color-1) 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-nav .icon-hide {
    visibility: hidden
}

.okui-tabs-pane-list-flex-shrink {
    display: flex;
    flex-shrink: 0;
    position: relative
}

.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%;
    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
}

.BannerSection_BannerSection__ZTlfq {
    padding: 102px 8px 40px;
    color: white;
}

@media (min-width: 768px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-left:12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-left:calc(50% - 480px);
        padding-right: calc(50% - 480px)
    }
}

@media (min-width: 1270px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-left:calc(50% - 624px);
        padding-right: calc(50% - 624px)
    }
}

@media (min-width: 768px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-top:112px
    }
}

@media (min-width: 1024px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-top:252px
    }
}

@media (min-width: 1270px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-top:241px
    }
}

@media (min-width: 768px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-bottom:117px
    }
}

@media (min-width: 1024px) {
    .BannerSection_BannerSection__ZTlfq {
        padding-bottom:177px
    }
}

.BannerSection_BannerSection__ZTlfq h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.32
}

@media (min-width: 768px) {
    .BannerSection_BannerSection__ZTlfq h1 {
        font-size:44px
    }
}

@media (min-width: 1024px) {
    .BannerSection_BannerSection__ZTlfq h1 {
        font-size:64px
    }
}

@media (min-width: 1270px) {
    .BannerSection_BannerSection__ZTlfq h1 {
        font-size:72px
    }
}

@media (max-width: 767px) {
    .BannerSection_title__KggTx {
        box-sizing:border-box;
        padding-left: 8px;
        padding-right: 8px;
        width: 75%
    }
}

@media (min-width: 768px) {
    .BannerSection_title__KggTx {
        box-sizing:border-box;
        margin-left: 8.33333333%;
        padding-left: 12px;
        padding-right: 12px;
        width: 75%
    }
}

.BannerSection_description__yJbe- {
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    line-height: 1.57;
    margin-top: 20px
}

@media (max-width: 767px) {
    .BannerSection_description__yJbe- {
        box-sizing:border-box;
        padding-left: 8px;
        padding-right: 8px;
        width: 75%
    }
}

@media (min-width: 768px) {
    .BannerSection_description__yJbe- {
        box-sizing:border-box;
        margin-left: 8.33333333%;
        padding-left: 12px;
        padding-right: 12px;
        width: 75%
    }
}

@media (min-width: 1270px) {
    .BannerSection_description__yJbe- {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 66.66666667%
    }
}

@media (min-width: 768px) {
    .BannerSection_description__yJbe- {
        margin-top:36px
    }
}

@media (min-width: 1024px) {
    .BannerSection_description__yJbe- {
        margin-top:28px
    }
}

@media (min-width: 768px) {
    .BannerSection_description__yJbe- {
        font-size:20px
    }
}

.PortfolioCard_PortfolioCard__AYKHv {
    background-color: #202020;
    border-radius: 8px;
    overflow: hidden;
    padding: 32px 24px
}

@media (min-width: 768px) {
    .PortfolioCard_PortfolioCard__AYKHv {
        padding:48px 24px
    }
}

@media (min-width: 1024px) {
    .PortfolioCard_PortfolioCard__AYKHv {
        padding:48px 36px
    }
}

.PortfolioCard_img__4jT3R {
    height: 32px;
    width: auto
}

@media (min-width: 768px) {
    .PortfolioCard_img__4jT3R {
        height:50px
    }
}

.PortfolioCard_title__BsNQL {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    margin-top: 20px
}

@media (min-width: 768px) {
    .PortfolioCard_title__BsNQL {
        margin-top:24px
    }
}

.PortfolioCard_description__bHwIs {
    color: var(--okd-color-text-light);
    font-size: 14px;
    line-height: 1.33;
    margin-top: 12px
}

@media (min-width: 768px) {
    .PortfolioCard_description__bHwIs {
        font-size:16px;
        line-height: 1.58
    }
}

.okui-picture {
    display: inline-block;
 
}

.okui-picture-font {
    font-size: 0;
    line-height: 1
}

.okui-picture-cover {
    object-fit: cover
}

.okui-picture-contain {
    object-fit: contain
}

.PortfolioSection_PortfolioSection__4uLdw {
    overflow: hidden;
    padding-bottom: 21px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative
}

@media (min-width: 768px) {
    .PortfolioSection_PortfolioSection__4uLdw {
        padding-left:12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .PortfolioSection_PortfolioSection__4uLdw {
        padding-left:calc(50% - 480px);
        padding-right: calc(50% - 480px)
    }
}

@media (min-width: 1270px) {
    .PortfolioSection_PortfolioSection__4uLdw {
        padding-left:calc(50% - 624px);
        padding-right: calc(50% - 624px)
    }
}

@media (min-width: 768px) {
    .PortfolioSection_PortfolioSection__4uLdw {
        padding-bottom:36px
    }
}

@media (min-width: 1024px) {
    .PortfolioSection_PortfolioSection__4uLdw {
        padding-bottom:58px
    }
}

.PortfolioSection_title__i90yq {
    box-sizing: border-box;
    margin-bottom: 40px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

@media (min-width: 768px) {
    .PortfolioSection_title__i90yq {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .PortfolioSection_title__i90yq {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 1270px) {
    .PortfolioSection_title__i90yq {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .PortfolioSection_title__i90yq {
        margin-bottom:72px
    }
}

.PortfolioSection_title__i90yq h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    text-align: center
}

@media (min-width: 768px) {
    .PortfolioSection_title__i90yq h2 {
        font-size:40px
    }
}

@media (min-width: 1024px) {
    .PortfolioSection_title__i90yq h2 {
        font-size:56px
    }
}

.PortfolioSection_masonry__pwLzF {
    box-sizing: border-box;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

@media (min-width: 768px) {
    .PortfolioSection_masonry__pwLzF {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .PortfolioSection_masonry__pwLzF {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 1270px) {
    .PortfolioSection_masonry__pwLzF {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .PortfolioSection_masonry__pwLzF {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (min-width: 1024px) {
    .PortfolioSection_masonry__pwLzF {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3
    }
}

.PortfolioSection_item__2YKSL {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 24px;
    width: 100%
}

.ContactIcon_ContactIcon__YhJl3 {
    display: inline-block;
    height: 36px;
    width: 36px
}

.ContactIcon_ContactIcon__YhJl3 svg {
    height: 100%;
    width: 100%
}

.ContactIcon_ContactIcon__YhJl3 img {
    height: 36px;
    width: 36px
}

.SupportInfo_SupportInfo__04Rik {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap
}

.SupportInfo_SupportInfo__04Rik+.SupportInfo_SupportInfo__04Rik {
    margin-top: 40px
}

@media (min-width: 768px) {
    .SupportInfo_SupportInfo__04Rik+.SupportInfo_SupportInfo__04Rik {
        margin-top:92px
    }
}

@media (min-width: 1024px) {
    .SupportInfo_SupportInfo__04Rik+.SupportInfo_SupportInfo__04Rik {
        margin-top:60px
    }
}

@media (min-width: 1270px) {
    .SupportInfo_SupportInfo__04Rik+.SupportInfo_SupportInfo__04Rik {
        margin-top:87px
    }
}

.SupportInfo_imgContainer__NNPQa {
    flex: 0 0 auto;
    padding-right: 16px
}

@media (min-width: 768px) {
    .SupportInfo_imgContainer__NNPQa {
        padding-right:26px
    }
}

@media (min-width: 1024px) {
    .SupportInfo_imgContainer__NNPQa {
        padding-right:54px
    }
}

@media (min-width: 1270px) {
    .SupportInfo_imgContainer__NNPQa {
        padding-right:48px
    }
}

.SupportInfo_imgPlaceholder__Pgtbt,.SupportInfo_img__-BKVe {
    height: auto;
    width: 75px
}

@media (min-width: 768px) {
    .SupportInfo_imgPlaceholder__Pgtbt,.SupportInfo_img__-BKVe {
        width:102px
    }
}

@media (min-width: 1024px) {
    .SupportInfo_imgPlaceholder__Pgtbt,.SupportInfo_img__-BKVe {
        width:120px
    }
}

.SupportInfo_content__NJGUO {
    flex: 1 1
}

.SupportInfo_title__Lr7xv {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.32;
    margin-bottom: 10px;
}
.SupportInfo_subtitle__Lr7xv {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.32;
    margin-top: 15px;
}
@media (min-width: 768px) {
    .SupportInfo_title__Lr7xv {
        font-size:32px;
        margin-bottom: 16px
    }
}

.SupportInfo_description__cT-S5 {
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    line-height: 1.32
}

@media (min-width: 768px) {
    .SupportInfo_description__cT-S5 {
        font-size:16px
    }
}

.SupportSection_SupportSection__qI7u\+ {
    padding: 45px 8px 100px
}

@media (min-width: 768px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-left:12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-left:calc(50% - 480px);
        padding-right: calc(50% - 480px)
    }
}

@media (min-width: 1270px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-left:calc(50% - 624px);
        padding-right: calc(50% - 624px)
    }
}

@media (min-width: 768px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-top:60px
    }
}

@media (min-width: 1024px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-top:118px
    }
}

@media (min-width: 768px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-bottom:100px
    }
}

@media (min-width: 1024px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-bottom:110px
    }
}

@media (min-width: 1270px) {
    .SupportSection_SupportSection__qI7u\+ {
        padding-bottom:160px
    }
}

@media (min-width: 768px) {
    .SupportSection_SupportSection__qI7u\+ {
        background-image:url(/cdn/dotonce/assets/imgs/226/2B111826D6A0610E.png);
        background-image: -webkit-image-set(url("/cdn/dotonce/assets/imgs/226/81FFBBE9C39A6530.png") 1x,url("/cdn/dotonce/assets/imgs/226/2B111826D6A0610E.png") 2x,url("/cdn/dotonce/assets/imgs/226/8AACDFE7BC70516C.png") 3x);
        background-image: image-set(url("/cdn/dotonce/assets/imgs/226/81FFBBE9C39A6530.png") 1x,url("/cdn/dotonce/assets/imgs/226/2B111826D6A0610E.png") 2x,url("/cdn/dotonce/assets/imgs/226/8AACDFE7BC70516C.png") 3x);
        background-position: top 16px right 25px;
        background-repeat: no-repeat;
        background-size: 85px auto
    }
}

@media (min-width: 1024px) {
    .SupportSection_SupportSection__qI7u\+ {
        background-position:top 16px right 32px;
        background-size: 120px auto
    }
}

@media (min-width: 1270px) {
    .SupportSection_SupportSection__qI7u\+ {
        background-position:top 16px right 58px;
        background-size: 145px auto
    }
}
.SupportSection_SupportSection__qI7u\+ h3 {
  
    color: white;
}
.SupportSection_SupportSection__qI7u\+ h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 40px;
    text-align: center;
    color: white;
}
.SupportSection_SupportSection__qI7u\+ h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 40px;
    text-align: center;
    color: white;
}

@media (min-width: 1024px) {
    .SupportSection_SupportSection__qI7u\+ h2 {
        box-sizing:border-box;
        margin-left: 8.33333333%;
        padding-left: 12px;
        padding-right: 12px;
        width: 83.33333333%
    }
}

@media (min-width: 768px) {
    .SupportSection_SupportSection__qI7u\+ h2 {
        font-size:40px
    }
}

@media (min-width: 1024px) {
    .SupportSection_SupportSection__qI7u\+ h2 {
        font-size:56px
    }
}

@media (min-width: 768px) {
    .SupportSection_SupportSection__qI7u\+ h2 {
        margin-bottom:80px
    }
}

@media (max-width: 767px) {
    .SupportSection_supportInfo__I0JWp {
        box-sizing:border-box;
        padding-left: 8px;
        padding-right: 8px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .SupportSection_supportInfo__I0JWp {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 1270px) {
    .SupportSection_supportInfo__I0JWp {
        box-sizing:border-box;
        margin-left: 8.33333333%;
        padding-left: 12px;
        padding-right: 12px;
        width: 83.33333333%
    }
}

.SupportSection_contactLink__S6L1h {
    color: var(--okd-color-white);
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 40px
}

@media (min-width: 768px) {
    .SupportSection_contactLink__S6L1h {
        margin-top:72px
    }
}

@media (min-width: 1024px) {
    .SupportSection_contactLink__S6L1h {
        margin-top:60px
    }
}

.SupportSection_contactLink__S6L1h a {
    color: inherit
}

.SupportSection_icons__fI9H7 {
    margin-top: 16px
}

.SupportSection_icons__fI9H7>:not(:first-child) {
    margin-left: 28px
}

@font-face {
    font-family: iconfont;
    src: url(../7690d79d01de31ab73ec.eot?t=1666580808340);
    src: url(../7690d79d01de31ab73ec.eot?t=1666580808340#iefix) format("embedded-opentype"),url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"),url(../ef0e8bf2c6d72b499fcd.woff?t=1666580808340) format("woff"),url(../71c27380e3dbf676f561.ttf?t=1666580808340) format("truetype"),url(../be517d7f25a831d8500b.svg?t=1666580808340#iconfont) format("svg")
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal
}

.icon-tiktok:before {
    content: "\e608"
}

.icon-dingtalk:before {
    content: "\e606"
}

.icon-Qa:before {
    content: "\ec96"
}

.icon-Icon_Web_question:before {
    content: "\ed5e"
}

.icon-information:before {
    content: "\e6b8"
}

.icon-tips:before {
    content: "\ed05"
}

.icon-feedback_icon:before {
    content: "\ed8e"
}

.icon-add:before {
    content: "\ebf4"
}

.icon-search:before {
    content: "\e6be"
}

.icon-imgroup2:before {
    content: "\ed10"
}

.icon-discord:before {
    content: "\ecf3"
}

.icon-Linkedin:before {
    content: "\e9a0"
}

.icon-biyong11:before {
    content: "\e9a1"
}

.icon-facebook2:before {
    content: "\e9a2"
}

.icon-medium2:before {
    content: "\e9b9"
}

.icon-Instagram:before {
    content: "\e9bb"
}

.icon-reddit1:before {
    content: "\e9bc"
}

.icon-youtube1:before {
    content: "\e9bd"
}

.icon-wechat2:before {
    content: "\e9be"
}

.icon-twitter2:before {
    content: "\e9bf"
}

.icon-telegram1:before {
    content: "\e9c0"
}

.icon-PressRoom:before {
    content: "\e9c1"
}

.icon-weibo1:before {
    content: "\e9c2"
}

.icon-line1:before {
    content: "\e9c4"
}

.icon-kline-down:before {
    content: "\e7cc"
}

.icon-kline-up:before {
    content: "\e7cd"
}

.icon-web_right:before {
    content: "\ea6a"
}

.icon-close-circle:before {
    content: "\e788"
}

.icon-ins:before {
    content: "\ec65"
}

.icon-youtube:before {
    content: "\ecc9"
}

.icon-down1:before {
    content: "\ecc4"
}

.icon-xinlang:before {
    content: "\ed8f"
}

.icon-twitter1:before {
    content: "\ed90"
}

.icon-QQ:before {
    content: "\ec8f"
}

.icon-medium1:before {
    content: "\ecb6"
}

.icon-assistance-weibo:before {
    content: "\ecb7"
}

.icon-dropdown_Phone:before {
    content: "\ecb8"
}

.icon-assistance-linkedin:before {
    content: "\ecb9"
}

.icon-blog:before {
    content: "\ecba"
}

.icon-wechat1:before {
    content: "\ecbb"
}

.icon-line:before {
    content: "\ecbc"
}

.icon-reddit:before {
    content: "\ecbd"
}

.icon-facebook1:before {
    content: "\ecbe"
}

.icon-dropdown_Web:before {
    content: "\ecbf"
}

.icon-assistance-twitter:before {
    content: "\ecc0"
}

.icon-dropdown_mail:before {
    content: "\ecc1"
}

.icon-assistance-telegram:before {
    content: "\ecc2"
}

.icon-biyong1:before {
    content: "\ecc3"
}

.icon-telegram:before {
    content: "\ed91"
}

.icon-after:before {
    content: "\e65d"
}

.icon-plus-circle-o:before {
    content: "\e66d"
}

.icon-attachment:before {
    content: "\e666"
}

.icon-success:before {
    content: "\e607"
}

.icon-cancel:before {
    content: "\e791"
}

.icon-loading:before {
    content: "\e802"
}

.icon-dropdown_spread:before {
    content: "\e8ad"
}

.icon-icon_close:before {
    content: "\e97b"
}