#risk-banner-root {
    background: transparent
}

.global-compliance-banner {
    padding: 12px 24px;
    width: 100%
}

.global-compliance-banner .compliance-border-container {
    border: 1px solid #4d4d4d;
    border-radius: 8px;
    margin: 4px 8px;
    padding: 8px 16px
}

.global-compliance-banner .compliance-border-container .compliance-banner-title {
    font-weight: 500
}

.global-compliance-banner .compliance-border-container .text-with-dot {
    color: #e6e6e6
}

.global-compliance-banner .compliance-border-container .compliance-banner-link {
    color: #bcff2f
}

.global-compliance-banner .compliance-banner-top {
    display: flex;
    margin-bottom: 4px
}

.global-compliance-banner .compliance-banner-icon {
    font-size: 16px;
    line-height: 16px;
    margin-right: 8px
}

@media (min-width: 1024px) {
    .global-compliance-banner .compliance-banner-icon {
        font-size:18px;
        line-height: 28px
    }
}

.global-compliance-banner .compliance-banner-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

@media (min-width: 1024px) {
    .global-compliance-banner .compliance-banner-title {
        line-height:28px
    }
}

.global-compliance-banner .text-with-dot {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.global-compliance-banner .text-with-dot:first-child {
    margin-top: 4px
}

.global-compliance-banner .text-with-dot:before {
    background-color: #fff;
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 5px;
    margin: 0 8px;
    vertical-align: middle;
    width: 5px
}

.global-compliance-banner .compliance-banner-link {
    color: inherit;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline
}

.global-compliance-banner .compliance-banner-text {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    vertical-align: middle
}

.global-compliance-banner .compliance-banner-text.banner-bold-text {
    font-weight: 700
}

@media (min-width: 1024px) {
    .global-compliance-banner .compliance-banner-text {
        font-size:18px;
        line-height: 28px
    }
}

.global-compliance-banner .compliance-banner-trigger {
    color: #000;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    font-weight: 500;
    line-height: 16px;
    margin-right: 4px;
    text-decoration: underline;
    text-indent: 2px;
    vertical-align: middle
}

.global-compliance-banner .compliance-banner-trigger.banner-bold-text {
    font-weight: 700
}

@media (min-width: 1024px) {
    .global-compliance-banner .compliance-banner-trigger {
        font-size:18px;
        line-height: 28px
    }
}

.switch-market-banner-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.switch-market-banner-container .switch-market-banner-content {
    align-items: center;
    display: flex
}

.switch-market-banner-container .switch-market-banner-icon {
    font-size: 18px
}

.switch-market-banner-container .switch-market-banner-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px
}

.switch-market-banner-container .switch-market-banner-close-icon {
    color: #fff;
    cursor: pointer;
    font-size: 20px
}

.switch-market-banner-container .switch-market-banner-link-content {
    margin-left: 2px
}

.switch-market-banner-container .switch-market-banner-link {
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

@media (max-width: 767px) {
    [lang*=zh-Hans] .site-banner-container {
        min-height:80px
    }
}

.site-banner-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 22px 22px 14px;
    position: relative;
    width: 100%;
    z-index: 9499
}

@media (max-width: 767px) {
    .site-banner-container {
        min-height:96px;
        padding: 12px 16px 4px
    }
}

.site-banner-container .site-banner-text {
    display: flex;
    margin-bottom: 8px
}

.site-banner-container .site-banner-text .site-banner-tip {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px;
    vertical-align: middle
}

@media (max-width: 767px) {
    .site-banner-container .site-banner-text .site-banner-tip {
        font-size:12px
    }
}

.site-banner-container .site-banner-text .site-banner-icon {
    font-size: 18px
}

@media (max-width: 767px) {
    .site-banner-container .site-banner-text .site-banner-icon {
        font-size:16px
    }
}

.site-banner-container .site-banner-link {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    -webkit-appearance: none;
    background-color: #0d0d0d;
    border: 0;
    border-radius: 60px;
    box-sizing: 0 0 0 0 transparent;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 8px;
    margin-left: 24px;
    min-width: 63px;
    outline: none;
    padding: 8px 16px;
    text-decoration: none;
    touch-action: manipulation;
    transition: background-color .3s cubic-bezier(.165,.84,.44,1),border-color .3s cubic-bezier(.165,.84,.44,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 767px) {
    .site-banner-container .site-banner-link {
        font-size:12px;
        margin-left: 20px
    }
}

.live-trading-entry {
    background-color: #fafafa;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    padding: 4px 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.live-trading-entry:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

.live-trading-entry.header-live-trading-entry {
    margin: 12px 16px;
    order: 9
}

@media (min-width: 1024px) {
    .live-trading-entry {
        display:block
    }
}

.live-trading-entry .live-trading-text {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap
}

.live-trading-entry .live-trading-text.okx-header-footer-arrow-pointer-left-sm:before {
    font-size: 14px;
    margin-right: 6px
}

.column-nav-container .live-trading-entry {
    display: block;
    margin: 22px 0 30px
}

.index_wrapper__n\+bRd {
    height: 100%;
    position: relative
}

@keyframes index_rotation__\+JKxq {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.index_loadingWrapper__f3niw {
    align-items: center;
    background-color: var(--oxnv-okd-color-container-primary);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.index_loading__aE76- {
    animation: index_rotation__\+JKxq 1s linear infinite;
    border: 2px solid var(--oxnv-okd-color-gray-200);
    border-radius: 50%;
    border-top-color: var(--oxnv-okd-color-border-selected);
    height: 20px;
    width: 20px
}

.drop-explorer-list .drop-extend-box,.drop-panel .drop-extend-box {
    position: relative
}

.drop-explorer-list .drop-panel-box,.drop-panel .drop-panel-box {
    width: 250px
}

.drop-explorer-list .drop-panel-box .dropdown-panel-li,.drop-panel .drop-panel-box .dropdown-panel-li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 336px
}

.drop-explorer-list .drop-panel-box .dropdown-panel-li .panel-box-item,.drop-panel .drop-panel-box .dropdown-panel-li .panel-box-item {
    width: 100%
}

.drop-explorer-list .drop-panel-box .dropdown-panel-li .panel-box-item:focus-visible,.drop-panel .drop-panel-box .dropdown-panel-li .panel-box-item:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

.drop-explorer-list .drop-panel-box .drop-panel-list,.drop-panel .drop-panel-box .drop-panel-list {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 16px;
    padding-top: 20px
}

.drop-explorer-list .drop-panel-box .drop-panel-list:first-child,.drop-panel .drop-panel-box .drop-panel-list:first-child {
    padding-top: 0
}

.drop-explorer-list .drop-panel-box .drop-panel-list:last-child,.drop-panel .drop-panel-box .drop-panel-list:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.drop-explorer-list .drop-panel-box .drop-panel-list .title-text,.drop-panel .drop-panel-box .drop-panel-list .title-text {
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.drop-explorer-list .drop-panel-box .drop-panel-list .title-text-trade,.drop-panel .drop-panel-box .drop-panel-list .title-text-trade {
    display: inline-block
}

.drop-explorer-list .drop-panel-box .drop-panel-title,.drop-panel .drop-panel-box .drop-panel-title {
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 8px
}

.drop-explorer-list .drop-panel-box .panel-drop-item-icon,.drop-panel .drop-panel-box .panel-drop-item-icon {
    align-items: stretch;
    align-items: center;
    color: #5b5b5b;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    line-height: 60px;
    min-height: 60px;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    width: 24px
}

.drop-explorer-list .drop-panel-box .panel-drop-item-icon:focus-visible,.drop-panel .drop-panel-box .panel-drop-item-icon:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

.drop-explorer-list .trade-drop-panel-box-menu,.drop-panel .trade-drop-panel-box-menu {
    width: 326px
}

.drop-explorer-list .drop-panel-box-list,.drop-panel .drop-panel-box-list {
    background-color: #fff;
    background-color: var(--header-drop-third-bg-color);
    border-left: 1px solid #ebebeb;
    border-left: 1px solid var(--header-drop-third-border-color);
    border-radius: 0 6px 6px 0;
    border-radius: 0 var(--header-drop-container-border-radius) var(--header-drop-container-border-radius) 0;
    bottom: -12px;
    box-shadow: 10px 12px 30px rgba(14,32,66,.08),0 1px 2px rgba(14,32,66,.05);
    left: 262px;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 18px 12px;
    position: absolute;
    top: -12px;
    width: 274px
}

.drop-explorer-list .okc-panel-box-list,.drop-panel .okc-panel-box-list {
    bottom: unset;
    min-height: calc(100% + 24px)
}

.drop-explorer-list .trade-drop-panel-box-list,.drop-panel .trade-drop-panel-box-list {
    bottom: unset;
    height: calc(100% + 24px);
    left: 326px;
    min-height: 420px;
    width: 374px
}

.drop-explorer-list .explorer-drop-panel-box-list,.drop-panel .explorer-drop-panel-box-list {
    bottom: unset;
    height: calc(100% + 24px);
    left: 258px;
    min-height: 420px;
    padding: 0;
    width: 323px
}

.drop-explorer-list .navigation-list,.drop-panel .navigation-list {
    padding: 0;
    width: 404px
}

.drop-explorer-list .hide-drop-panel-box,.drop-panel .hide-drop-panel-box {
    display: none
}

.drop-explorer-list .trade-drop-item-con,.drop-panel .trade-drop-item-con {
    position: relative
}

.drop-explorer-list .trade-drop-box-list,.drop-panel .trade-drop-box-list {
    bottom: -12px;
    left: 326px;
    overflow: visible;
    padding: 12px;
    top: unset
}

.drop-explorer-list .explorer-drop-box-list,.drop-panel .explorer-drop-box-list {
    bottom: unset;
    left: 258px;
    min-height: calc(100% + 24px);
    overflow: visible;
    padding: 12px;
    top: -12px
}

.drop-explorer-list .current-menu,.drop-panel .current-menu {
    background: #f9f9f9;
    background: var(--header-lg-drop-box-item-bg-hover);
    border-radius: 4px;
    color: var(--header-lg-drop-box-item-title-hover);
    color: #000;
    cursor: pointer
}

.drop-explorer-list .panel-drop-item-icon[aria-expanded=true],.drop-panel .panel-drop-item-icon[aria-expanded=true] {
    background: #f9f9f9;
    background: var(--header-lg-drop-box-item-bg-hover);
    border-radius: 4px;
    color: #000;
    color: var(--header-lg-drop-box-item-title-hover);
    cursor: pointer
}

#navColumnContainer .item-column-menu {
    width: 100%
}

#navColumnContainer .item-column-menu .item-title {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%
}

#navColumnContainer .drop-panel .drop-panel-box {
    width: auto
}

#navColumnContainer .drop-panel .drop-panel-box .drop-panel-list {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0
}

#navColumnContainer .drop-panel .drop-panel-box .drop-panel-list .drop-panel-box-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 12px
}

#navColumnContainer .drop-panel .drop-panel-box.explorer-drop-panel-box-menu .drop-panel-box-item,#navColumnContainer .drop-panel .drop-panel-box.trade-drop-panel-box-menu .drop-panel-box-item {
    padding-left: unset
}

#navColumnContainer .drop-panel .drop-panel-box .explorer-drop-box-list,#navColumnContainer .drop-panel .drop-panel-box .trade-drop-box-list {
    display: none
}

#navColumnContainer .drop-panel .drop-panel-box .nav-item.more-active .okx-header-footer-arrow-chevrons-down {
    transform: rotate(-180deg)
}

#navColumnContainer .drop-panel .drop-panel-box .nav-item .okx-header-footer-arrow-chevrons-down {
    transform: rotate(0)
}

.oxnv-dialog {
    --inner-okd-dialog-close-btn-padding: var(--oxnv-okd-dialog-window-action-fixed-padding,16px);
    height: 100%;
    pointer-events: none;
    width: 100%
}

.oxnv-dialog-float {
    left: 0;
    position: fixed;
    top: 0
}

.oxnv-dialog * {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

.oxnv-dialog-window-float {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
    .oxnv-dialog-window-safe {
        padding-bottom:env(safe-area-inset-bottom)
    }
}

.oxnv-dialog-window {
    border-radius: var(--oxnv-okd-dialog-window-border-radius);
    box-shadow: var(--oxnv-okd-dialog-window-box-shadow);
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-height: calc(100% - 48px);
    outline: none;
    pointer-events: auto;
    width: calc(100% - 32px)
}

.oxnv-dialog-window-border {
    border: 1px solid transparent;
    border: 1px solid var(--oxnv-okd-dialog-window-border-color,transparent)
}

.oxnv-dialog-title-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: space-between
}

.oxnv-dialog-title-container .title-center {
    text-align: center
}

.oxnv-dialog-title-container .title-center .modal-title {
    justify-content: center
}

.oxnv-dialog .title-center .oxnv-dialog-top-l {
    margin-right: 32px;
    margin-right: var(--oxnv-okd-dialog-title-icon-close-margin-left,32px)
}

.oxnv-dialog-title-block {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.oxnv-dialog-title-block .modal-title {
    font-size: 16px;
    font-size: var(--oxnv-okd-dialog-title-font-size,16px);
    font-weight: 700;
    font-weight: var(--oxnv-okd-dialog-title-font-weight,700);
    line-height: var(--oxnv-okd-dialog-title-line-height);
    padding-top: 2px
}

.oxnv-dialog-title-block .modal-sub-title {
    font-size: var(--oxnv-okd-dialog-sub-title-font-size);
    font-weight: 400;
    line-height: var(--oxnv-okd-dialog-sub-title-line-height);
    margin-top: 2px
}

.oxnv-dialog-b-btn,.oxnv-dialog-c-btn {
    cursor: pointer;
    display: inline-block;
    height: var(--oxnv-okd-dialog-window-close-icon-size);
    justify-content: center;
    line-height: 1;
    position: relative;
    vertical-align: middle;
    width: var(--oxnv-okd-dialog-window-close-icon-size);
    z-index: 1
}

.oxnv-dialog-b-btn.icon,.oxnv-dialog-c-btn.icon {
    font-size: var(--oxnv-okd-dialog-window-close-icon-size)
}

.oxnv-dialog-b-btn:after,.oxnv-dialog-c-btn:after {
    content: " ";
    display: block;
    height: calc(var(--oxnv-okd-dialog-window-close-icon-size)*1.5);
    left: -25%;
    position: absolute;
    top: -25%;
    width: calc(var(--oxnv-okd-dialog-window-close-icon-size)*1.5)
}

.oxnv-dialog-b-btn {
    height: var(--oxnv-okd-dialog-window-back-icon-size);
    margin-right: 16px;
    margin-right: var(--oxnv-okd-dialog-title-icon-back-margin-right,16px);
    width: var(--oxnv-okd-dialog-window-back-icon-size)
}

.oxnv-dialog-b-btn.icon {
    font-size: var(--oxnv-okd-dialog-window-back-icon-size)
}

.oxnv-dialog-c-btn {
    margin-left: 32px;
    margin-left: var(--oxnv-okd-dialog-title-icon-close-margin-left,32px)
}

.oxnv-dialog-top-action-fixed {
    padding: var(--inner-okd-dialog-close-btn-padding);
    position: absolute;
    top: 0
}

.oxnv-dialog-top-action-fixed .oxnv-dialog-b-btn,.oxnv-dialog-top-action-fixed .oxnv-dialog-c-btn {
    margin: 0
}

.oxnv-dialog-top-l {
    align-self: flex-start;
    left: 0
}

.oxnv-dialog-top-r {
    align-self: flex-start;
    right: 0
}

.oxnv-dialog-top-hidden-for-t-center {
    pointer-events: none;
    visibility: hidden
}

.oxnv-dialog-top-action-hidden {
    display: none;
    pointer-events: none
}

.oxnv-dialog-scroll-box {
    flex-grow: 1;
    overflow-y: auto
}

.oxnv-dialog-scroll-box.scroll-disable {
    overflow-y: unset
}

.oxnv-dialog-container,.oxnv-dialog-customer-box {
    height: 100%
}

.oxnv-dialog-container.no-padding,.oxnv-dialog-customer-box.no-padding {
    padding: 0
}

.oxnv-dialog .oxnv-dialog-footer-line {
    border-top: thin solid var(--oxnv-okd-dialog-window-split-line-border-color)
}

.oxnv-dialog .oxnv-dialog-header-line {
    border-bottom: thin solid var(--oxnv-okd-dialog-window-split-line-border-color)
}

.oxnv-dialog-btn-box {
    display: flex
}

.oxnv-dialog-btn-box.layout-right {
    justify-content: flex-end
}

.oxnv-dialog-btn-box.layout-left {
    justify-content: flex-start
}

.oxnv-dialog-btn-box.layout-full .dialog-btn {
    flex: 1 1
}

.oxnv-dialog .oxnv-dialog-window {
    background: var(--oxnv-okd-dialog-window-background);
    color: var(--oxnv-okd-dialog-window-default-text-color)
}

.oxnv-dialog .oxnv-dialog-window.container-mode {
    background: transparent;
    box-shadow: none
}

.oxnv-dialog .oxnv-dialog-title-container .modal-title {
    align-items: center;
    color: var(--oxnv-okd-dialog-title-color);
    display: flex
}

.oxnv-dialog .oxnv-dialog-title-container .modal-sub-title {
    color: var(--oxnv-okd-dialog-sub-title-color)
}

.oxnv-dialog .oxnv-dialog-c-btn {
    color: var(--oxnv-okd-color-gray-400);
    color: var(--oxnv-okd-dialog-title-icon-close-color,var(--oxnv-okd-color-gray-400))
}

.oxnv-dialog .oxnv-dialog-c-btn:hover {
    background-color: var(--oxnv-okd-color-background-hover);
    background-color: var(--oxnv-okd-dialog-title-icon-hover-background-color,var(--oxnv-okd-color-background-hover));
    border-radius: 4px;
    border-radius: var(--oxnv-okd-dialog-title-icon-hover-border-radius,4px);
    color: var(--oxnv-okd-color-gray-900);
    color: var(--oxnv-okd-dialog-title-icon-close-hover-color,var(--oxnv-okd-color-gray-900))
}

.oxnv-dialog .oxnv-dialog-b-btn {
    color: var(--oxnv-okd-color-gray-900);
    color: var(--oxnv-okd-dialog-title-icon-back-color,var(--oxnv-okd-color-gray-900))
}

.oxnv-dialog .oxnv-dialog-b-btn:hover {
    background-color: var(--oxnv-okd-color-background-hover);
    background-color: var(--oxnv-okd-dialog-title-icon-hover-background-color,var(--oxnv-okd-color-background-hover));
    border-radius: 4px;
    border-radius: var(--oxnv-okd-dialog-title-icon-hover-border-radius,4px)
}

.oxnv-dialog-mask {
    background: var(--oxnv-okd-dialog-window-mask-color)
}

.oxnv-dialog-scroll-bar-end::-webkit-scrollbar,.oxnv-dialog-scroll-bar-start::-webkit-scrollbar {
    background-color: initial
}

.oxnv-dialog-scroll-bar-start::-webkit-scrollbar-button:vertical:start:increment {
    background-color: initial;
    display: block;
    height: var(--oxnv-okd-dialog-window-border-radius)
}

.oxnv-dialog-scroll-bar-end::-webkit-scrollbar-button:vertical:end:increment {
    background-color: initial;
    display: block;
    height: var(--oxnv-okd-dialog-window-border-radius)
}

@media (min-width: 768px) {
    .oxnv-dialog-window {
        min-width:var(--oxnv-okd-dialog-window-min-width);
        width: auto
    }

    .oxnv-dialog-title-container {
        padding: var(--oxnv-okd-dialog-title-box-md-padding-vertical) var(--oxnv-okd-dialog-container-md-padding-horizontal)
    }

    .oxnv-dialog-container {
        padding: var(--oxnv-okd-dialog-container-md-padding-vertical) var(--oxnv-okd-dialog-container-md-padding-horizontal)
    }

    .oxnv-dialog-customer-box {
        padding: 0 var(--oxnv-okd-dialog-container-md-padding-horizontal)
    }

    .oxnv-dialog-footer-box {
        padding: var(--oxnv-okd-dialog-footer-box-md-padding-vertical) var(--oxnv-okd-dialog-container-md-padding-horizontal)
    }

    .oxnv-dialog-btn-box .dialog-btn.double-btn {
        width: auto
    }

    .oxnv-dialog-btn-box.layout-full {
        flex-direction: row
    }

    .oxnv-dialog-btn-box .dialog-btn+.dialog-btn {
        margin-left: 16px;
        margin-left: var(--oxnv-okd-dialog-footer-btn-md-margin-left,16px)
    }
}

@media (max-width: 767px) {
    .oxnv-dialog-title-container {
        padding:var(--oxnv-okd-dialog-title-box-sm-padding-vertical) var(--oxnv-okd-dialog-container-sm-padding-horizontal)
    }

    .oxnv-dialog-container {
        padding: var(--oxnv-okd-dialog-container-sm-padding-vertical) var(--oxnv-okd-dialog-container-sm-padding-horizontal)
    }

    .oxnv-dialog-customer-box {
        padding: 0 var(--oxnv-okd-dialog-container-sm-padding-horizontal)
    }

    .oxnv-dialog-footer-box {
        padding: var(--oxnv-okd-dialog-footer-box-sm-padding-top,12px) var(--oxnv-okd-dialog-container-sm-padding-horizontal) var(--oxnv-okd-dialog-footer-box-sm-padding-bottom,20px)
    }

    .oxnv-dialog-btn-box .dialog-btn {
        width: 100%
    }

    .oxnv-dialog-btn-box .dialog-btn+.dialog-btn {
        margin-left: 12px;
        margin-left: var(--oxnv-okd-dialog-footer-btn-sm-margin-left,12px)
    }

    .oxnv-dialog-btn-box.layout-full {
        flex-direction: column-reverse
    }

    .oxnv-dialog-btn-box.layout-full .dialog-btn+.dialog-btn {
        margin-left: 0
    }

    .oxnv-dialog-btn-box.layout-full .double-btn:first-child {
        margin-top: 8px;
        margin-top: var(--oxnv-okd-dialog-footer-btn-full-sm-margin-top,8px)
    }

    .oxnv-dialog-window {
        border-radius: 8px;
        border-radius: var(--oxnv-okd-dialog-window-sm-border-radius,8px)
    }

    .oxnv-dialog-window.full-page {
        height: auto!important;
        min-height: calc(100% - 48px)!important
    }

    .oxnv-dialog-window.full-page-with-show-header {
        height: auto!important
    }

    .oxnv-dialog-window.bottom-align {
        border-radius: var(--oxnv-okd-dialog-window-border-radius) var(--oxnv-okd-dialog-window-border-radius) 0 0;
        bottom: 0;
        top: auto;
        transform: translate(-50%)
    }

    .oxnv-dialog-window.no-margin {
        min-width: unset;
        width: 100%
    }
}

.oxnv-dialog-mobile-mode .oxnv-dialog-title-container {
    padding: var(--oxnv-okd-dialog-title-box-sm-padding-vertical) var(--oxnv-okd-dialog-container-sm-padding-horizontal)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-container {
    padding: var(--oxnv-okd-dialog-container-sm-padding-vertical) var(--oxnv-okd-dialog-container-sm-padding-horizontal)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-customer-box {
    padding: 0 var(--oxnv-okd-dialog-container-sm-padding-horizontal)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-footer-box {
    padding: var(--oxnv-okd-dialog-footer-box-sm-padding-top,12px) var(--oxnv-okd-dialog-container-sm-padding-horizontal) var(--oxnv-okd-dialog-footer-box-sm-padding-bottom,20px)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-btn-box .dialog-btn {
    width: 100%
}

.oxnv-dialog-mobile-mode .oxnv-dialog-btn-box .dialog-btn+.dialog-btn {
    margin-left: 12px;
    margin-left: var(--oxnv-okd-dialog-footer-btn-sm-margin-left,12px)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-btn-box.layout-full {
    flex-direction: column-reverse
}

.oxnv-dialog-mobile-mode .oxnv-dialog-btn-box.layout-full .dialog-btn+.dialog-btn {
    margin-left: 0
}

.oxnv-dialog-mobile-mode .oxnv-dialog-btn-box.layout-full .double-btn:first-child {
    margin-top: 8px;
    margin-top: var(--oxnv-okd-dialog-footer-btn-full-sm-margin-top,8px)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-window {
    border-radius: 8px;
    border-radius: var(--oxnv-okd-dialog-window-sm-border-radius,8px)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-window.full-page {
    height: auto!important;
    min-height: calc(100% - 48px)!important
}

.oxnv-dialog-mobile-mode .oxnv-dialog-window.full-page-with-show-header {
    height: auto!important
}

.oxnv-dialog-mobile-mode .oxnv-dialog-window.bottom-align {
    border-radius: var(--oxnv-okd-dialog-window-border-radius) var(--oxnv-okd-dialog-window-border-radius) 0 0;
    bottom: 0;
    top: auto;
    transform: translate(-50%)
}

.oxnv-dialog-mobile-mode .oxnv-dialog-window.no-margin {
    min-width: unset;
    width: 100%
}

.oxnv-dialog-mobile-mode .oxnv-dialog-container.no-padding,.oxnv-dialog-mobile-mode .oxnv-dialog-customer-box.no-padding {
    padding: 0
}

.oxnv-dialog-mobile-mode .oxnv-dialog-window {
    min-width: unset;
    width: calc(100% - 32px)
}

.oxnv-dialog.oxnv-action-dialog .oxnv-dialog-window.no-radius {
    border-radius: 0
}

.oxnv-dialog-group {
    overflow: hidden
}

.oxnv-dialog-group-window {
    display: flex;
    flex-direction: column
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content .tip-title-box {
    width: 100%
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content .tip-title {
    font-size: var(--oxnv-okd-dialog-tip-title-font-size);
    font-weight: 500;
    line-height: var(--oxnv-okd-dialog-tip-title-line-height);
    min-height: var(--oxnv-okd-dialog-tip-title-line-height)
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content .tip-detail {
    font-size: var(--oxnv-okd-dialog-tip-detail-font-size);
    font-weight: 400;
    line-height: var(--oxnv-okd-dialog-tip-detail-line-height);
    margin-top: 8px
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content .tip-detail+.tip-detail {
    margin-top: 2px
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content .tip-title {
    color: var(--oxnv-okd-dialog-tip-title-color)
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content .tip-detail {
    color: var(--oxnv-okd-dialog-tip-detail-color)
}

.oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-footer-box {
    border-top: none
}

@media (max-width: 767px) {
    .oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-window.bottom-align {
        border-radius:var(--oxnv-okd-dialog-window-border-radius);
        bottom: 16px
    }

    .oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-container {
        padding: var(--oxnv-okd-dialog-tip-container-sm-padding-top,20px) var(--oxnv-okd-dialog-container-sm-padding-horizontal) var(--oxnv-okd-dialog-tip-container-sm-padding-bottom,24px)
    }

    .oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-footer-box {
        padding: 0 var(--oxnv-okd-dialog-container-sm-padding-horizontal) var(--oxnv-okd-dialog-tip-footer-box-sm-padding-vertical) var(--oxnv-okd-dialog-container-sm-padding-horizontal)
    }
}

@media (min-width: 768px) {
    .oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content {
        margin-left:auto;
        margin-right: auto;
        max-width: var(--oxnv-okd-dialog-tip-window-min-width)
    }

    .oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-tip-content.two-btn {
        max-width: var(--oxnv-okd-dialog-tip-window-2btn-min-width)
    }

    .oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-container {
        padding: var(--oxnv-okd-dialog-tip-container-md-padding-top,28px) var(--oxnv-okd-dialog-container-sm-padding-horizontal) var(--oxnv-okd-dialog-tip-container-md-padding-bottom,24px)
    }

    .oxnv-dialog.oxnv-tip-dialog .oxnv-dialog-footer-box {
        padding: 0 var(--oxnv-okd-dialog-container-md-padding-horizontal) var(--oxnv-okd-dialog-tip-footer-box-md-padding-vertical) var(--oxnv-okd-dialog-container-md-padding-horizontal)
    }
}

.oxnv-dialog-tip-icon-bg {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

.oxnv-dialog-tip-icon-bg .tip-icon {
    font-size: var(--oxnv-okd-dialog-tip-icon-font-size)
}

.oxnv-dialog-alert-icon {
    margin-top: -6px
}

.oxnv-dialog .oxnv-dialog-window-tip {
    background-color: var(--oxnv-okd-dialog-window-background);
    background-color: var(--oxnv-okd-dialog-confirm-window-background,var(--oxnv-okd-dialog-window-background))
}

.oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-new-tip-top {
    padding: 24px 24px 0;
    padding: var(--oxnv-okd-dialog-confirm-title-padding-top,24px) var(--oxnv-okd-dialog-confirm-title-padding-horizontal,24px) var(--oxnv-okd-dialog-confirm-title-padding-bottom,0)
}

.oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-container.oxnv-dialog-new-tip-container {
    color: #000;
    color: var(--oxnv-okd-dialog-confirm-container-color,#000);
    font-size: 14px;
    font-size: var(--oxnv-okd-dialog-confirm-container-font-size,14px);
    line-height: 20px;
    line-height: var(--oxnv-okd-dialog-confirm-container-line-height,20px)
}

@media (min-width: 768px) {
    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-window {
        max-width:520px;
        max-width: var(--oxnv-okd-dialog-confirm-max-width,520px);
        min-width: 280px;
        min-width: var(--oxnv-okd-dialog-confirm-min-width,280px)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-container.oxnv-dialog-new-tip-container {
        padding-bottom: 32px;
        padding-bottom: var(--oxnv-okd-dialog-confirm-container-padding-bottom,32px);
        padding-top: 32px;
        padding-top: var(--oxnv-okd-dialog-confirm-container-padding-top,32px)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box {
        padding-bottom: 24px;
        padding-bottom: var(--oxnv-okd-dialog-confirm-footer-padding-bottom,24px);
        padding-top: 0;
        padding-top: var(--oxnv-okd-dialog-confirm-footer-padding-top,0)
    }
}

@media (max-width: 767px) {
    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-window {
        width:calc(100% - 64px)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-container.oxnv-dialog-new-tip-container {
        padding: 8px 24px 24px;
        padding: var(--oxnv-okd-dialog-confirm-container-sm-padding-top,8px) var(--oxnv-okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--oxnv-okd-dialog-confirm-container-sm-padding-bottom,24px)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-container.oxnv-dialog-no-title {
        padding-top: 24px;
        padding-top: var(--oxnv-okd-dialog-confirm-no-title-padding-top,24px)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer {
        padding: 0
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button {
        border: 0;
        border-radius: 0;
        border-top: thin solid #dbdbdb;
        border-top: thin solid var(--oxnv-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button-color {
        color: var(--oxnv-okd-color-blue-800);
        color: var(--oxnv-okd-dialog-confirm-footer-sm-button-color,var(--oxnv-okd-color-blue-800))
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button-confirm {
        font-weight: 700
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button-cancel {
        font-weight: 400
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-only-one {
        border-radius: 0 0 var(--oxnv-okd-dialog-window-sm-border-radius) var(--oxnv-okd-dialog-window-sm-border-radius)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-border-top:first-child {
        border-radius: 0 0 var(--oxnv-okd-dialog-window-sm-border-radius) var(--oxnv-okd-dialog-window-sm-border-radius);
        margin-top: 0
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-border-left:first-child {
        border-radius: 0 0 0 var(--oxnv-okd-dialog-window-sm-border-radius)
    }

    .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-border-left+.oxnv-dialog-tip-border-left {
        border-left: thin solid #dbdbdb;
        border-left: thin solid var(--oxnv-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb);
        border-radius: 0 0 var(--oxnv-okd-dialog-window-sm-border-radius) 0;
        margin-left: 0
    }
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-window {
    width: calc(100% - 64px)
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-container.oxnv-dialog-new-tip-container {
    padding: 8px 24px 24px;
    padding: var(--oxnv-okd-dialog-confirm-container-sm-padding-top,8px) var(--oxnv-okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--oxnv-okd-dialog-confirm-container-sm-padding-bottom,24px)
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-container.oxnv-dialog-no-title {
    padding-top: 24px;
    padding-top: var(--oxnv-okd-dialog-confirm-no-title-padding-top,24px)
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer {
    padding: 0
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button {
    border: 0;
    border-radius: 0;
    border-top: thin solid #dbdbdb;
    border-top: thin solid var(--oxnv-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb)
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button-color {
    color: var(--oxnv-okd-color-blue-800);
    color: var(--oxnv-okd-dialog-confirm-footer-sm-button-color,var(--oxnv-okd-color-blue-800))
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button-confirm {
    font-weight: 700
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button-cancel {
    font-weight: 400
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-only-one {
    border-radius: 0 0 var(--oxnv-okd-dialog-window-sm-border-radius) var(--oxnv-okd-dialog-window-sm-border-radius)
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-border-top:first-child {
    border-radius: 0 0 var(--oxnv-okd-dialog-window-sm-border-radius) var(--oxnv-okd-dialog-window-sm-border-radius);
    margin-top: 0
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-border-left:first-child {
    border-radius: 0 0 0 var(--oxnv-okd-dialog-window-sm-border-radius)
}

.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-border-left+.oxnv-dialog-tip-border-left {
    border-left: thin solid #dbdbdb;
    border-left: thin solid var(--oxnv-okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb);
    border-radius: 0 0 var(--oxnv-okd-dialog-window-sm-border-radius) 0;
    margin-left: 0
}

.iconfont.oxnv-dialog-tip-icon {
    align-self: flex-start;
    font-size: 22px;
    font-size: var(--oxnv-okd-dialog-confirm-icon-font-size,22px);
    font-weight: 400;
    line-height: 22px;
    line-height: var(--oxnv-okd-dialog-confirm-icon-line-height,22px);
    margin-right: 10px;
    margin-right: var(--oxnv-okd-dialog-confirm-icon-margin-right,10px)
}

.oxnv-dialog-success-icon,.oxnv-dialog-success-tip-icon {
    color: var(--oxnv-okd-dialog-tip-success-icon-color)
}

.oxnv-dialog-info-icon,.oxnv-dialog-info-tip-icon {
    color: var(--oxnv-okd-dialog-tip-info-icon-color)
}

.oxnv-dialog-prompt-icon,.oxnv-dialog-prompt-tip-icon {
    color: var(--oxnv-okd-dialog-tip-prompt-icon-color)
}

.oxnv-dialog-warn-icon,.oxnv-dialog-warn-tip-icon {
    color: var(--oxnv-okd-dialog-tip-warn-icon-color)
}

.oxnv-dialog-alert-icon,.oxnv-dialog-alert-tip-icon {
    color: var(--oxnv-okd-dialog-tip-alert-icon-color)
}

.oxnv-dialog-error-icon,.oxnv-dialog-error-tip-icon {
    color: var(--oxnv-okd-dialog-tip-error-icon-color)
}

.oxnv-dialog .oxnv-dialog-confirmation-window {
    background-color: var(--oxnv-okd-dialog-window-background);
    background-color: var(--oxnv-okd-dialog-confirmation-window-background,var(--oxnv-okd-dialog-window-background))
}

.oxnv-dialog-confirmation {
    --inner-okd-dialog-close-btn-padding: 22px
}

.oxnv-dialog-confirmation-header {
    font-size: 16px;
    font-size: var(--oxnv-okd-dialog-title-font-size,16px);
    font-weight: 700;
    font-weight: var(--oxnv-okd-dialog-title-font-weight,700);
    line-height: var(--oxnv-okd-dialog-title-line-height);
    padding: 24px;
    padding: var(--oxnv-okd-dialog-confirmation-header-padding-top,24px) var(--oxnv-okd-dialog-confirmation-padding-right,24px) var(--oxnv-okd-dialog-confirmation-header-padding-top,24px) var(--oxnv-okd-dialog-confirmation-padding-left,24px)
}

.oxnv-dialog-confirmation-header-margin {
    margin-right: 36px
}

.oxnv-dialog-confirmation-container {
    flex-grow: 1;
    line-height: 22px;
    overflow-y: auto;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-left: var(--oxnv-okd-dialog-confirmation-padding-left,24px);
    padding-right: 24px;
    padding-right: var(--oxnv-okd-dialog-confirmation-padding-right,24px);
    padding-top: 8px
}

.oxnv-dialog-confirmation-container-no-header {
    padding-top: 32px;
    padding-top: var(--oxnv-okd-dialog-confirmation-container-padding-top,32px)
}

.oxnv-dialog-confirmation-container-no-footer {
    padding-bottom: 32px;
    padding-bottom: var(--oxnv-okd-dialog-confirmation-container-padding-bottom,32px)
}

.oxnv-dialog-confirmation-footer {
    padding: 24px;
    padding: var(--oxnv-okd-dialog-confirmation-footer-padding-bottom,24px) var(--oxnv-okd-dialog-confirmation-padding-right,24px) var(--oxnv-okd-dialog-confirmation-footer-padding-bottom,24px) var(--oxnv-okd-dialog-confirmation-padding-left,24px)
}

.oxnv-checkbox-wrapper-indeterminate .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-selected-background);
    border-color: var(--oxnv-okd-checkbox-selected-border-color)
}

.oxnv-checkbox-wrapper-indeterminate .oxnv-checkbox-inner:after {
    background-color: var(--oxnv-okd-checkbox-selected-inner-color);
    box-sizing: border-box;
    content: " ";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: transform .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    width: 10px
}

.oxnv-checkbox-wrapper.oxnv-checkbox-circular .oxnv-checkbox-inner,.oxnv-checkbox-wrapper.oxnv-checkbox-circular .oxnv-checkbox-input {
    border-radius: 50px
}

.oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-default-background);
    border: 1px solid var(--oxnv-okd-checkbox-default-border-color);
    border-radius: var(--oxnv-okd-checkbox-common-border-radius);
    box-shadow: var(--oxnv-okd-checkbox-default-shadow);
    box-sizing: border-box;
    cursor: pointer;
    direction: ltr;
    display: block;
    height: 12px;
    left: 0;
    position: relative;
    top: 0;
    width: 12px
}

.oxnv-checkbox-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.oxnv-checkbox-input:focus-visible {
    border-radius: var(--oxnv-okd-checkbox-common-border-radius);
    opacity: 1;
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-checkbox-children {
    cursor: pointer;
    display: inline-block;
    font-size: var(--oxnv-okd-checkbox-common-label-font-size);
    margin-left: 4px;
    vertical-align: top;
    white-space: normal;
    word-break: break-word
}

.oxnv-checkbox-wrapper {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.oxnv-checkbox-wrapper .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-default-text-color)
}

.oxnv-checkbox-wrapper .oxnv-checkbox {
    cursor: pointer;
    display: inline-block;
    margin-top: 2px;
    position: relative;
    vertical-align: top
}

.oxnv-checkbox-wrapper.hover-status .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-default-hover-border-color);
    box-shadow: var(--oxnv-okd-checkbox-default-hover-shadow)
}

.oxnv-checkbox-wrapper-checked .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-selected-text-color)
}

.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-selected-background);
    border-color: var(--oxnv-okd-checkbox-selected-border-color);
    box-shadow: var(--oxnv-okd-checkbox-selected-shadow)
}

.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner:after {
    background-color: initial;
    border: 2px solid var(--oxnv-okd-checkbox-selected-inner-color);
    border-left: 0;
    border-top: 0;
    box-sizing: border-box;
    content: " ";
    height: 8px;
    left: 50%;
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%,-50%) rotate(45deg);
    transition: transform .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    width: 5px
}

.oxnv-checkbox-wrapper-checked.hover-status .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-selected-hover-border-color);
    box-shadow: var(--oxnv-okd-checkbox-selected-hover-shadow)
}

.oxnv-checkbox-wrapper-error .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-error-text-color)
}

.oxnv-checkbox-wrapper-error .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-error-border-color);
    box-shadow: var(--oxnv-okd-checkbox-error-shadow)
}

.oxnv-checkbox-wrapper-error.hover-status .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-error-hover-border-color);
    box-shadow: var(--oxnv-okd-checkbox-error-hover-shadow)
}

.oxnv-checkbox-wrapper-error.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-error-background);
    border-color: var(--oxnv-okd-checkbox-error-border-color)
}

.oxnv-checkbox-wrapper-error.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner:after {
    border-color: var(--oxnv-okd-checkbox-error-inner-color)
}

.oxnv-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.oxnv-checkbox-wrapper-disabled .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-disabled-text-color);
    cursor: not-allowed
}

.oxnv-checkbox-wrapper-disabled .oxnv-checkbox,.oxnv-checkbox-wrapper-disabled .oxnv-checkbox .oxnv-checkbox-input {
    cursor: default
}

.oxnv-checkbox-wrapper-disabled .oxnv-checkbox .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-disabled-background);
    border-color: var(--oxnv-okd-checkbox-disabled-border-color);
    cursor: default
}

.oxnv-checkbox-wrapper-disabled.hover-status .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-disabled-hover-border-color);
    box-shadow: unset
}

.oxnv-checkbox-wrapper-disabled.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-disabled-background);
    border-color: var(--oxnv-okd-checkbox-disabled-border-color)
}

.oxnv-checkbox-wrapper-disabled.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner:after {
    border-color: var(--oxnv-okd-checkbox-disabled-inner-color)
}

.oxnv-checkbox-wrapper-disabled.oxnv-checkbox-wrapper-indeterminate .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-disabled-background);
    border-color: var(--oxnv-okd-checkbox-disabled-border-color)
}

.oxnv-checkbox-wrapper-disabled.oxnv-checkbox-wrapper-indeterminate .oxnv-checkbox-inner:after {
    background-color: var(--oxnv-okd-checkbox-disabled-inner-color)
}

.oxnv-checkbox-sm .oxnv-checkbox-inner {
    border-radius: 2px;
    border-radius: var(--oxnv-okd-checkbox-sm-border-radius,2px);
    height: var(--oxnv-okd-checkbox-sm-height);
    width: var(--oxnv-okd-checkbox-sm-width)
}

.oxnv-checkbox-sm .oxnv-checkbox-children {
    font-size: var(--oxnv-okd-checkbox-sm-font-size);
    margin-left: var(--oxnv-okd-checkbox-sm-margin)
}

.oxnv-checkbox-sm.oxnv-checkbox-wrapper {
    line-height: var(--oxnv-okd-checkbox-sm-line-height);
    padding-bottom: var(--oxnv-okd-checkbox-sm-padding);
    padding-top: var(--oxnv-okd-checkbox-sm-padding)
}

.oxnv-checkbox-md .oxnv-checkbox-inner {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-checkbox-md-border-radius,4px);
    height: var(--oxnv-okd-checkbox-md-height);
    width: var(--oxnv-okd-checkbox-md-width)
}

.oxnv-checkbox-md .oxnv-checkbox-children {
    font-size: var(--oxnv-okd-checkbox-md-font-size);
    margin-left: var(--oxnv-okd-checkbox-md-margin)
}

.oxnv-checkbox-md.oxnv-checkbox-wrapper {
    line-height: var(--oxnv-okd-checkbox-md-line-height);
    padding-bottom: var(--oxnv-okd-checkbox-md-padding);
    padding-top: var(--oxnv-okd-checkbox-md-padding)
}

@media (min-width: 768px) {
    .oxnv-checkbox-wrapper-disabled.oxnv-checkbox-wrapper-checked:hover .oxnv-checkbox-inner,.oxnv-checkbox-wrapper-disabled:hover .oxnv-checkbox-inner {
        border-color:var(--oxnv-okd-checkbox-disabled-hover-border-color);
        box-shadow: unset
    }

    .oxnv-checkbox-wrapper:not(.oxnv-checkbox-wrapper-disabled):hover .oxnv-checkbox-inner {
        border-color: var(--oxnv-okd-checkbox-default-hover-border-color);
        box-shadow: var(--oxnv-okd-checkbox-default-hover-shadow)
    }

    .oxnv-checkbox-wrapper-checked:not(.oxnv-checkbox-wrapper-disabled):hover .oxnv-checkbox-inner {
        border-color: var(--oxnv-okd-checkbox-selected-hover-border-color);
        box-shadow: var(--oxnv-okd-checkbox-selected-hover-shadow)
    }

    .oxnv-checkbox-wrapper-error:not(.oxnv-checkbox-wrapper-disabled):hover .oxnv-checkbox-inner {
        border-color: var(--oxnv-okd-checkbox-error-hover-border-color);
        box-shadow: var(--oxnv-okd-checkbox-error-hover-shadow)
    }
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-indeterminate .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-reversed-selected-background);
    border-color: var(--oxnv-okd-checkbox-reversed-selected-border-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-indeterminate .oxnv-checkbox-inner:after {
    background-color: var(--oxnv-okd-checkbox-reversed-selected-inner-color)
}

.oxnv-checkbox-reversed .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-reversed-default-background);
    border-color: var(--oxnv-okd-checkbox-reversed-default-border-color);
    box-shadow: var(--oxnv-okd-checkbox-reversed-default-shadow)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-reversed-default-text-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper.hover-status .oxnv-checkbox-inner,.oxnv-checkbox-reversed.oxnv-checkbox-wrapper:hover .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-reversed-default-hover-border-color);
    box-shadow: var(--oxnv-okd-checkbox-reversed-default-hover-shadow)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-checked .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-reversed-selected-text-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-reversed-selected-background);
    border-color: var(--oxnv-okd-checkbox-reversed-selected-border-color);
    box-shadow: var(--oxnv-okd-checkbox-reversed-selected-shadow)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner:after {
    border-color: var(--oxnv-okd-checkbox-reversed-selected-inner-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-checked.hover-status .oxnv-checkbox-inner,.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-checked:hover .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-reversed-selected-hover-border-color);
    box-shadow: var(--oxnv-okd-checkbox-reversed-selected-hover-shadow)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-error .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-reversed-error-text-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-error .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-reversed-error-border-color);
    box-shadow: var(--oxnv-okd-checkbox-reversed-error-shadow)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-error.hover-status .oxnv-checkbox-inner,.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-error:hover .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-reversed-error-hover-border-color);
    box-shadow: var(--oxnv-okd-checkbox-reversed-error-hover-shadow)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-error.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-reversed-error-background);
    border-color: var(--oxnv-okd-checkbox-reversed-error-border-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-error.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner:after {
    border-color: var(--oxnv-okd-checkbox-reversed-error-inner-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-disabled .oxnv-checkbox-children {
    color: var(--oxnv-okd-checkbox-reversed-disabled-text-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-disabled .oxnv-checkbox .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-reversed-disabled-background);
    border-color: var(--oxnv-okd-checkbox-reversed-disabled-border-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-disabled.hover-status .oxnv-checkbox-inner,.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-disabled:hover .oxnv-checkbox-inner {
    border-color: var(--oxnv-okd-checkbox-reversed-disabled-hover-border-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-disabled.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner {
    background-color: var(--oxnv-okd-checkbox-reversed-disabled-background);
    border-color: var(--oxnv-okd-checkbox-reversed-disabled-border-color)
}

.oxnv-checkbox-reversed.oxnv-checkbox-wrapper-disabled.oxnv-checkbox-wrapper-checked .oxnv-checkbox-inner:after {
    border-color: var(--oxnv-okd-checkbox-reversed-disabled-inner-color)
}

.oxnv-checkbox-circle {
    align-items: center;
    background-color: initial;
    background-color: var(--oxnv-okd-checkbox-circle-default-background-color,transparent);
    border: 1px solid #dbdbdb;
    border: 1px solid var(--oxnv-okd-checkbox-circle-default-border-color,#dbdbdb);
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 18px
}

.oxnv-checkbox-circle:after {
    background-color: initial;
    border: 2px solid #fff;
    border: 2px solid var(--oxnv-okd-checkbox-circle-inner-color,#fff);
    border-left: 0;
    border-top: 0;
    box-sizing: border-box;
    content: " ";
    display: none;
    height: 8px;
    left: 50%;
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%,-50%) rotate(45deg);
    transition: transform .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    width: 5px
}

.oxnv-checkbox-circle-checked {
    background-color: #000;
    background-color: var(--oxnv-okd-checkbox-circle-checked-background-color,#000);
    border-color: #000;
    border-color: var(--oxnv-okd-checkbox-circle-checked-border-color,#000)
}

.oxnv-checkbox-circle-checked .oxnv-checkbox-circle-icon {
    visibility: visible
}

.oxnv-checkbox-circle-checked:after {
    display: block
}

.oxnv-checkbox-circle-disabled {
    background-color: #f9f9f9;
    background-color: var(--oxnv-okd-checkbox-circle-default-disabled-background-color,#f9f9f9);
    border-color: #ebebeb;
    border-color: var(--oxnv-okd-checkbox-circle-default-disabled-border-color,#ebebeb);
    cursor: not-allowed
}

.oxnv-checkbox-circle-disabled.oxnv-checkbox-circle-checked {
    background-color: #bdbdbd;
    background-color: var(--oxnv-okd-checkbox-circle-checked-disabled-background-color,#bdbdbd);
    border-color: #bdbdbd;
    border-color: var(--oxnv-okd-checkbox-circle-checked-disabled-border-color,#bdbdbd)
}

.web3-redirect-dialog {
    color: var(--oxnv-okd-color-content-primary)
}

.web3-redirect-dialog .web3-redirect-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 24px
}

.web3-redirect-dialog .web3-redirect-content .web3-redirect-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 24px
}

.web3-redirect-dialog .web3-redirect-content .reditect-checkbox {
    font-weight: 500;
    margin-top: 24px
}

.theme-light {
    --oxnv-okd-color-gray-050: #f9f9f9;
    --oxnv-okd-color-gray-100: #ebebeb;
    --oxnv-okd-color-gray-200: #dbdbdb;
    --oxnv-okd-color-gray-300: #bdbdbd;
    --oxnv-okd-color-gray-400: #929292;
    --oxnv-okd-color-gray-500: #6e6e6e;
    --oxnv-okd-color-gray-600: #545454;
    --oxnv-okd-color-gray-700: #3d3d3d;
    --oxnv-okd-color-gray-800: #1a1a1a;
    --oxnv-okd-color-gray-900: #000;
    --oxnv-okd-color-blue-050: #f5f9ff;
    --oxnv-okd-color-blue-100: #d1e3ff;
    --oxnv-okd-color-blue-200: #afcfff;
    --oxnv-okd-color-blue-300: #8dbbff;
    --oxnv-okd-color-blue-400: #6ba6ff;
    --oxnv-okd-color-blue-500: #4992ff;
    --oxnv-okd-color-blue-600: #277dff;
    --oxnv-okd-color-blue-700: #0569ff;
    --oxnv-okd-color-blue-800: #005eea;
    --oxnv-okd-color-blue-900: #0051ca;
    --oxnv-okd-color-green-050: #f2fff7;
    --oxnv-okd-color-green-100: #d2f4de;
    --oxnv-okd-color-green-200: #a5e9be;
    --oxnv-okd-color-green-300: #78de9d;
    --oxnv-okd-color-green-400: #4bd37d;
    --oxnv-okd-color-green-500: #31bd65;
    --oxnv-okd-color-green-600: #18a04a;
    --oxnv-okd-color-green-700: #127837;
    --oxnv-okd-color-green-800: #0c5025;
    --oxnv-okd-color-green-900: #0c5025;
    --oxnv-okd-color-red-050: #fff8f9;
    --oxnv-okd-color-red-100: #fcdce5;
    --oxnv-okd-color-red-200: #f9b9ca;
    --oxnv-okd-color-red-300: #f796b0;
    --oxnv-okd-color-red-400: #f07596;
    --oxnv-okd-color-red-500: #f1507b;
    --oxnv-okd-color-red-600: #c14062;
    --oxnv-okd-color-red-700: #91304a;
    --oxnv-okd-color-red-800: #602031;
    --oxnv-okd-color-red-900: #301019;
    --oxnv-okd-color-orange-050: #fef9f6;
    --oxnv-okd-color-orange-100: #fce3d4;
    --oxnv-okd-color-orange-200: #fbceb4;
    --oxnv-okd-color-orange-300: #f9b994;
    --oxnv-okd-color-orange-400: #f7a474;
    --oxnv-okd-color-orange-500: #f58f54;
    --oxnv-okd-color-orange-600: #f6813d;
    --oxnv-okd-color-orange-700: #f16514;
    --oxnv-okd-color-orange-800: #e96010;
    --oxnv-okd-color-orange-900: #bf4803;
    --oxnv-okd-color-yellow-050: #fffcf5;
    --oxnv-okd-color-yellow-100: #fff2d1;
    --oxnv-okd-color-yellow-200: #ffe9af;
    --oxnv-okd-color-yellow-300: #ffdf8d;
    --oxnv-okd-color-yellow-400: #ffd66b;
    --oxnv-okd-color-yellow-500: #ffcc49;
    --oxnv-okd-color-yellow-600: #ffc327;
    --oxnv-okd-color-yellow-700: #ffb905;
    --oxnv-okd-color-yellow-800: #eaa900;
    --oxnv-okd-color-yellow-900: #d29801;
    --oxnv-okd-color-text-white: #fff;
    --oxnv-okd-color-text-black: #1f2933;
    --oxnv-okd-color-background-1: #fff;
    --oxnv-okd-color-background-2: #f7f7f7;
    --oxnv-okd-color-transparent: transparent;
    --oxnv-okd-color-white: #fff;
    --oxnv-okd-color-black: #000;
    --oxnv-okd-color-line-muted: #ebebeb;
    --oxnv-okd-color-line-secondary: #dbdbdb;
    --oxnv-okd-color-line-amplifed: #bdbdbd;
    --oxnv-okd-color-text-lighter: #bdbdbd;
    --oxnv-okd-color-text-light: #929292;
    --oxnv-okd-color-text-secondary: #3d3d3d;
    --oxnv-okd-color-text-amplifed: #000;
    --oxnv-okd-color-background-3: #f2f2f2;
    --oxnv-okd-color-fq-blue-lv1: #0569ff;
    --oxnv-okd-color-fq-green-lv1: #19cc5b;
    --oxnv-okd-color-fq-red-lv1: #f1507b;
    --oxnv-okd-color-fq-orange-lv1: #f16514;
    --oxnv-okd-color-fq-blue-lv2: #0569ff;
    --oxnv-okd-color-background-hover: #ebebeb;
    --oxnv-okd-color-prefer-red-chart: #f1507b;
    --oxnv-okd-color-prefer-red-bg: #eb4b6d;
    --oxnv-okd-color-prefer-green-chart: #19cc5b;
    --oxnv-okd-color-prefer-green-bg: #31bd65;
    --oxnv-okd-color-prefer-red-text: #eb4b6d;
    --oxnv-okd-color-prefer-green-text: #31bd65;
    --oxnv-okd-color-branded-primary: #bcff2f;
    --oxnv-okd-color-fq-critical: #eb4b6d;
    --oxnv-okd-color-fq-warning: #f16514;
    --oxnv-okd-color-fq-positive: #31bd65;
    --oxnv-okd-color-fq-neutral: #000;
    --oxnv-okd-color-fq-accent: #0569ff;
    --oxnv-okd-color-prefer-neutral-text: #929292;
    --oxnv-okd-color-prefer-neutral-bg: #929292;
    --oxnv-okd-color-background-base-primary: #fff;
    --oxnv-okd-color-background-base-secondary: #fafafa;
    --oxnv-okd-color-background-surface-primary: #f3f3f3;
    --oxnv-okd-color-background-surface-secondary: #f6f6f6;
    --oxnv-okd-color-background-surface-pressed: #d9d9d9;
    --oxnv-okd-color-background-surface-disable: #fafafa;
    --oxnv-okd-color-background-scrim: rgba(0,0,0,.43);
    --oxnv-okd-color-container-primary: #fff;
    --oxnv-okd-color-container-secondary: #fafafa;
    --oxnv-okd-color-container-tertiary: #fff;
    --oxnv-okd-color-container-contrast: #414141;
    --oxnv-okd-color-container-inverse: #0e0e0e;
    --oxnv-okd-color-content-primary: #000;
    --oxnv-okd-color-content-secondary: #383838;
    --oxnv-okd-color-content-tertiary: #5b5b5b;
    --oxnv-okd-color-content-contrast: #909090;
    --oxnv-okd-color-content-disabled: #b3b3b3;
    --oxnv-okd-color-content-inverse: #fff;
    --oxnv-okd-color-border-primary: #e6e6e6;
    --oxnv-okd-color-border-secondary: #b3b3b3;
    --oxnv-okd-color-border-contrast: #fafafa;
    --oxnv-okd-color-border-selected: #000;
    --oxnv-okd-color-semantic-neutral: #000;
    --oxnv-okd-color-semantic-notice: #ffb117;
    --oxnv-okd-color-semantic-positive: #31bd65;
    --oxnv-okd-color-semantic-negative: #eb4b6d;
    --oxnv-okd-color-semantic-informative: #8a91ff;
    --oxnv-okd-color-semantic-highlight: #bcff2f;
    --oxnv-okd-color-dvp-neutral: rgba(0,0,0,.57);
    --oxnv-okd-color-dvp-profit: #00bc4b;
    --oxnv-okd-color-dvp-loss: #f5384f;
    --oxnv-okd-color-categorical-01: #8a91ff;
    --oxnv-okd-color-categorical-02: #ffb117;
    --oxnv-okd-color-categorical-03: #bcff2f;
    --oxnv-okd-color-categorical-04: #12e366;
    --oxnv-okd-color-categorical-05: #ff7888;
    --oxnv-okd-color-common-transparent: hsla(0,0%,100%,0);
    --oxnv-okd-color-transparent-black: transparent;
    --oxnv-okd-color-transparent-white: transparent;
    --oxnv-okd-color-alert-info: #f7f7f7;
    --oxnv-okd-color-alert-success: #eaf8f0;
    --oxnv-okd-color-alert-warning: #fef9f6;
    --oxnv-okd-color-alert-error: #fdedf0;
    --oxnv-okd-color-common-background-2: #f3f3f3;
    --oxnv-okd-color-data-visualization-category-01: #8a91ff;
    --oxnv-okd-color-data-visualization-category-02: #ffb117;
    --oxnv-okd-color-data-visualization-category-03: #bcff2f;
    --oxnv-okd-color-data-visualization-category-04: #12e366;
    --oxnv-okd-color-data-visualization-category-05: #ff7888;
    --oxnv-okd-color-preference-loss: #f5384f;
    --oxnv-okd-color-preference-profit: #00bc4b;
    --oxnv-okd-color-preference-neutral: rgba(0,0,0,.57);
    --oxnv-okd-color-border-focus: #000;
    --oxnv-okd-color-background-base-primary_alternative: #fff;
    --oxnv-okd-color-link-content: #4c2fff;
    --oxnv-okd-color-link-accent-content-primary: #2b6d17;
    --oxnv-okd-color-background-surface-contrast: #fff;
    --oxnv-okd-color-background-surface-brand: #000;
    --oxnv-okd-color-border-tertiary: #f3f3f3;
    --oxnv-okd-color-content-brand: #000;
    --oxnv-okd-color-modal-primary: #fff;
    --oxnv-okd-color-modal-secondary: #fff;
    --oxnv-okd-color-modal-tertiary: #fff;
    --oxnv-okd-color-modal-contrast: #4d4d4d;
    --oxnv-okd-color-card-primary: #f6f6f6;
    --oxnv-okd-color-card-secondary: #f6f6f6;
    --oxnv-okd-color-brand-primary: #2b6d17;
    --oxnv-okd-color-brand-primary-alternative: #2b6d17;
    --oxnv-okd-color-brand-secondary: #8ec51d;
    --oxnv-okd-color-brand-tertiary: #bcff2f;
    --oxnv-okd-color-brand-content: #e6ffb0;
    --oxnv-okd-color-brand-content-contrast: #e6ffb0;
    --oxnv-okd-color-global-fixed-always-dark: #000;
    --oxnv-okd-color-global-fixed-always-light: #fff;
    --oxnv-okd-color-surface-structural-subbase: #f6f6f6;
    --oxnv-okd-color-surface-info-default: #4a4a4a;
    --oxnv-okd-color-surface-info-subtle: #f6f6f6;
    --oxnv-okd-color-surface-warning-default: #fea01d;
    --oxnv-okd-color-surface-warning-subtle: #ffedcb;
    --oxnv-okd-color-surface-success-default: #3c8f24;
    --oxnv-okd-color-surface-success-subtle: #e9f4d1;
    --oxnv-okd-color-surface-danger-default: #d33a4c;
    --oxnv-okd-color-surface-danger-subtle: #fee0e3;
    --oxnv-okd-color-surface-interactive-default: rgba(0,0,0,.06);
    --oxnv-okd-color-surface-interactive-hovered: rgba(0,0,0,.09);
    --oxnv-okd-color-surface-interactive-pressed: rgba(0,0,0,.14);
    --oxnv-okd-color-surface-interactive-disabled: rgba(0,0,0,.03);
    --oxnv-okd-color-surface-interactive-oncolor-default: hsla(0,0%,100%,.9);
    --oxnv-okd-color-surface-interactive-oncolor-hovered: hsla(0,0%,100%,.7);
    --oxnv-okd-color-surface-interactive-oncolor-pressed: hsla(0,0%,100%,.5);
    --oxnv-okd-color-surface-interactive-emphasis-default: rgba(0,0,0,.99);
    --oxnv-okd-color-surface-interactive-emphasis-hovered: rgba(0,0,0,.8);
    --oxnv-okd-color-surface-interactive-emphasis-pressed: rgba(0,0,0,.7);
    --oxnv-okd-color-surface-interactive-emphasis-disabled: rgba(0,0,0,.03);
    --oxnv-okd-color-surface-interactive-selected-default: #000;
    --oxnv-okd-color-surface-interactive-selected-subtle: rgba(0,0,0,.06);
    --oxnv-okd-color-surface-interactive-selected-oncolor: hsla(0,0%,100%,.9);
    --oxnv-okd-color-surface-structural-base: #fff;
    --oxnv-okd-color-surface-structural-layer-1: #f6f6f6;
    --oxnv-okd-color-surface-structural-layer-2: #e9e9e9;
    --oxnv-okd-color-surface-structural-layer-3: #dcdcdc;
    --oxnv-okd-color-surface-structural-highlight: var(--global-color-highlight);
    --oxnv-okd-color-surface-structural-inverse: #000;
    --oxnv-okd-color-surface-structural-elevated-default: #fff;
    --oxnv-okd-color-surface-structural-elevated-contrast: #fff;
    --oxnv-okd-color-surface-structural-overlay: rgba(0,0,0,.4);
    --oxnv-okd-color-border-static-default: rgba(0,0,0,.14);
    --oxnv-okd-color-border-static-subtle: rgba(0,0,0,.06);
    --oxnv-okd-color-border-static-dotted: rgba(0,0,0,.32);
    --oxnv-okd-color-border-interactive-default: rgba(0,0,0,.32);
    --oxnv-okd-color-border-interactive-hovered: #333;
    --oxnv-okd-color-border-interactive-pressed: #000;
    --oxnv-okd-color-border-interactive-focused: #000;
    --oxnv-okd-color-border-interactive-selected: #000;
    --oxnv-okd-color-border-interactive-error: #ba2133;
    --oxnv-okd-color-border-interactive-emphasis: #4a4a4a;
    --oxnv-okd-color-border-interactive-oncolor: #e9e9e9;
    --oxnv-okd-color-border-static-emphasis: #4a4a4a;
    --oxnv-okd-color-border-static-experience: var(--global-color-experience-default);
    --oxnv-okd-color-border-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-border-static-overlay: hsla(0,0%,100%,.9);
    --oxnv-okd-color-border-interactive-disabled: rgba(0,0,0,.14);
    --oxnv-okd-color-border-info-default: #212121;
    --oxnv-okd-color-border-info-subtle: #757575;
    --oxnv-okd-color-border-warning-default: #ba5d00;
    --oxnv-okd-color-border-warning-subtle: #ffedcb;
    --oxnv-okd-color-border-success-default: #2b6d17;
    --oxnv-okd-color-border-success-subtle: #e9f4d1;
    --oxnv-okd-color-border-danger-default: #ba2133;
    --oxnv-okd-color-border-danger-subtle: #fee0e3;
    --oxnv-okd-color-content-static-default: #000;
    --oxnv-okd-color-content-interactive-default: #4a4a4a;
    --oxnv-okd-color-content-interactive-subtle: #757575;
    --oxnv-okd-color-content-interactive-hovered: #212121;
    --oxnv-okd-color-content-static-subtle: #5e5e5e;
    --oxnv-okd-color-content-interactive-pressed: #000;
    --oxnv-okd-color-content-static-inverse: #fff;
    --oxnv-okd-color-content-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-content-static-placeholder: rgba(0,0,0,.22);
    --oxnv-okd-color-content-interactive-active: #000;
    --oxnv-okd-color-content-interactive-selected: #000;
    --oxnv-okd-color-content-interactive-error: #ba2133;
    --oxnv-okd-color-content-interactive-disabled: rgba(0,0,0,.14);
    --oxnv-okd-color-content-info-default: #212121;
    --oxnv-okd-color-content-info-subtle: #757575;
    --oxnv-okd-color-content-warning-default: #ba5d00;
    --oxnv-okd-color-content-warning-subtle: #ffedcb;
    --oxnv-okd-color-content-success-default: #2b6d17;
    --oxnv-okd-color-content-success-subtle: #e9f4d1;
    --oxnv-okd-color-content-danger-default: #ba2133;
    --oxnv-okd-color-content-danger-subtle: #fee0e3;
    --oxnv-okd-color-content-illustration-default: #000;
    --oxnv-okd-color-content-dataviz-categorical-1: var(--global-color-feature-default);
    --oxnv-okd-color-content-dataviz-categorical-2: #0b5bcb;
    --oxnv-okd-color-content-dataviz-categorical-3: #e28400;
    --oxnv-okd-color-content-dataviz-categorical-4: #dbb01d;
    --oxnv-okd-color-content-dataviz-categorical-5: #a352ef;
    --oxnv-okd-color-content-dataviz-categorical-6: #5e5e5e;
    --oxnv-okd-color-content-dataviz-categorical-7: #858585;
    --oxnv-okd-color-content-dataviz-categorical-8: #afafaf;
    --oxnv-okd-color-content-illustration-inverse: #fff;
    --oxnv-okd-color-content-illustration-experience: var(--global-color-experience-default);
    --oxnv-okd-color-content-illustration-highlight: var(--global-color-highlight);
    --oxnv-okd-color-global-alpha-matching-5: hsla(0,0%,100%,.05);
    --oxnv-okd-color-global-alpha-matching-10: hsla(0,0%,100%,.1);
    --oxnv-okd-color-global-alpha-matching-20: hsla(0,0%,100%,.2);
    --oxnv-okd-color-global-alpha-matching-30: hsla(0,0%,100%,.3);
    --oxnv-okd-color-global-alpha-matching-40: hsla(0,0%,100%,.4);
    --oxnv-okd-color-global-alpha-matching-50: hsla(0,0%,100%,.5);
    --oxnv-okd-color-global-alpha-matching-60: hsla(0,0%,100%,.6);
    --oxnv-okd-color-global-alpha-matching-70: hsla(0,0%,100%,.7);
    --oxnv-okd-color-global-alpha-matching-80: hsla(0,0%,100%,.8);
    --oxnv-okd-color-global-alpha-matching-90: hsla(0,0%,100%,.9);
    --oxnv-okd-color-global-alpha-inverse-5: rgba(0,0,0,.03);
    --oxnv-okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha);
    --oxnv-okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha);
    --oxnv-okd-color-global-alpha-feature-1: rgba(43,109,23,.16);
    --oxnv-okd-color-global-alpha-inverse-10: rgba(0,0,0,.06);
    --oxnv-okd-color-global-alpha-inverse-20: rgba(0,0,0,.14);
    --oxnv-okd-color-global-alpha-inverse-30: rgba(0,0,0,.22);
    --oxnv-okd-color-global-alpha-inverse-40: rgba(0,0,0,.32);
    --oxnv-okd-color-global-alpha-inverse-50: rgba(0,0,0,.44);
    --oxnv-okd-color-global-alpha-inverse-60: rgba(0,0,0,.57);
    --oxnv-okd-color-global-alpha-inverse-70: rgba(0,0,0,.7);
    --oxnv-okd-color-global-alpha-inverse-80: rgba(0,0,0,.8);
    --oxnv-okd-color-global-alpha-inverse-90: rgba(0,0,0,.9);
    --oxnv-okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default);
    --oxnv-okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered);
    --oxnv-okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed);
    --oxnv-okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint);
    --oxnv-okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default);
    --oxnv-okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered);
    --oxnv-okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed);
    --oxnv-okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint);
    --oxnv-okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default);
    --oxnv-okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered);
    --oxnv-okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed);
    --oxnv-okd-color-surface-interactive-feature-default: var(--global-color-feature-default);
    --oxnv-okd-color-surface-interactive-experience-default: var(--global-color-experience-default);
    --oxnv-okd-color-surface-interactive-experience-hovered: var(--global-color-experience-hovered);
    --oxnv-okd-color-surface-interactive-experience-pressed: var(--global-color-experience-pressed);
    --oxnv-okd-color-surface-interactive-feature-hovered: var(--global-color-feature-hovered);
    --oxnv-okd-color-surface-interactive-feature-pressed: var(--global-color-feature-pressed);
    --oxnv-okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph);
    --oxnv-okd-color-surface-structural-feature: var(--global-color-feature-default);
    --oxnv-okd-color-surface-structural-experience: var(--global-color-experience-default);
    --oxnv-okd-color-border-interactive-feature-default: var(--global-color-feature-default);
    --oxnv-okd-color-border-interactive-feature-hovered: var(--global-color-feature-hovered);
    --oxnv-okd-color-border-interactive-feature-pressed: var(--global-color-feature-pressed);
    --oxnv-okd-color-border-static-feature: var(--global-color-feature-default);
    --oxnv-okd-color-content-static-subtler: #858585;
    --oxnv-okd-color-content-static-feature: var(--global-color-feature-default);
    --oxnv-okd-color-content-static-experience: var(--global-color-experience-default);
    --oxnv-okd-color-content-pnl-profit-default: var(--global-color-profit-default);
    --oxnv-okd-color-content-illustration-feature: var(--global-color-feature-default);
    --oxnv-okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor);
    --oxnv-okd-color-content-pnl-loss-default: var(--global-color-loss-default);
    --oxnv-okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor);
    --oxnv-okd-color-content-pnl-neutral-default: var(--global-color-neutral-default);
    --oxnv-okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor);
    --oxnv-okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph);
    --oxnv-okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph);
    --oxnv-okd-color-border-interactive-experience-default: var(--global-color-experience-default);
    --oxnv-okd-color-border-interactive-experience-hovered: var(--global-color-experience-hovered);
    --oxnv-okd-color-border-interactive-experience-pressed: var(--global-color-experience-pressed);
    --oxnv-okd-color-content-interactive-feature-default: var(--global-color-feature-default);
    --oxnv-okd-color-content-interactive-feature-hovered: var(--global-color-feature-hovered);
    --oxnv-okd-color-content-interactive-feature-pressed: var(--global-color-feature-pressed);
    --oxnv-okd-color-content-interactive-experience-default: var(--global-color-experience-default);
    --oxnv-okd-color-content-interactive-experience-alternative: var(--global-color-experience-alternative);
    --oxnv-okd-color-content-interactive-experience-accent: var(--global-color-experience-accent);
    --oxnv-okd-color-content-interactive-experience-hovered: var(--global-color-experience-hovered);
    --oxnv-okd-color-content-interactive-experience-pressed: var(--global-color-experience-pressed);
    --oxnv-okd-color-content-interactive-experience-inverse: var(--global-color-experience-inverse);
    --oxnv-okd-color-content-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default);
    --oxnv-okd-color-content-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered);
    --oxnv-okd-color-content-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed);
    --oxnv-okd-color-surface-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default);
    --oxnv-okd-color-surface-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered);
    --oxnv-okd-color-surface-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed);
    --oxnv-okd-color-border-pnl-loss-default: var(--global-color-loss-default);
    --oxnv-okd-color-border-pnl-loss-graph: var(--global-color-loss-graph);
    --oxnv-okd-color-border-pnl-profit-default: var(--global-color-profit-default);
    --oxnv-okd-color-border-pnl-profit-graph: var(--global-color-profit-graph);
    --oxnv-okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph);
    --oxnv-okd-color-content-static-notification: #e05a6a;
    --oxnv-okd-color-surface-interactive-unselected-default: rgba(0,0,0,.32);
    --oxnv-okd-color-surface-structural-elevated-layer-1: #f6f6f6;
    --oxnv-okd-color-surface-interactive-destructive-default: #e05a6a;
    --oxnv-okd-color-surface-interactive-destructive-hovered: #d33a4c;
    --oxnv-okd-color-surface-interactive-destructive-pressed: #ba2133;
    --oxnv-okd-color-surface-structural-web-only-base: #f6f6f6;
    --oxnv-okd-color-surface-structural-web-only-layer-1: #fff;
    --oxnv-okd-color-global-fixed-shadow: rgba(0,0,0,.16);
    --oxnv-okd-color-surface-interactive-destructive-subtle-default: #fee0e3;
    --oxnv-okd-color-surface-interactive-destructive-subtle-hovered: #ffbec5;
    --oxnv-okd-color-surface-interactive-destructive-subtle-pressed: #ff8f9c;
    --oxnv-okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2);
    --oxnv-okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new);
    --oxnv-okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis);
    --oxnv-okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new);
    --oxnv-okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis);
    --oxnv-okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default);
    --oxnv-okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor);
    --oxnv-okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default);
    --oxnv-okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor);
    --oxnv-okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max);
    --oxnv-okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min);
    --oxnv-okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max);
    --oxnv-okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min);
    --oxnv-okd-color-border-interactive-drop: #4c93f0;
    --oxnv-okd-color-content-interactive-drop: #277ae7;
    --oxnv-okd-color-surface-interactive-drop: #e6f1fe;
    --oxnv-okd-font-size-base: 16px;
    --oxnv-okd-font-size-md: 14px;
    --oxnv-okd-font-size-xs: 12px;
    --oxnv-okd-line-height-base: 20px;
    --oxnv-okd-line-height-md: 20px;
    --oxnv-okd-line-height-xs: 16px;
    --oxnv-okd-shadow-none: 0 0 0 0 transparent;
    --oxnv-okd-shadow-xs: 0 0 0 1px #0000000d;
    --oxnv-okd-shadow-sm: 0 1px 2px 0 #0000000d;
    --oxnv-okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;
    --oxnv-okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;
    --oxnv-okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;
    --oxnv-okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;
    --oxnv-okd-shadow-2xl: 0 25px 50px -12px #00000040;
    --oxnv-okd-border-radius-none: 0;
    --oxnv-okd-border-radius-sm: 2px;
    --oxnv-okd-border-radius-md: 4px;
    --oxnv-okd-border-radius-lg: 6px;
    --oxnv-okd-border-radius-xl: 8px;
    --oxnv-okd-border-radius-xxl: 10px;
    --oxnv-okd-border-radius-xxxl: 12px;
    --oxnv-okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif;
    --oxnv-okd-text-display-lg-font-size: 56px;
    --oxnv-okd-text-display-lg-font-weight: 500;
    --oxnv-okd-text-display-lg-line-height: 1.32;
    --oxnv-okd-text-display-md-font-size: 40px;
    --oxnv-okd-text-display-md-font-weight: 500;
    --oxnv-okd-text-display-md-line-height: 52px;
    --oxnv-okd-text-display-sm-font-size: 40px;
    --oxnv-okd-text-display-sm-font-weight: 500;
    --oxnv-okd-text-display-sm-line-height: 52px;
    --oxnv-okd-text-heading-lg-font-size: 30px;
    --oxnv-okd-text-heading-lg-font-weight: 500;
    --oxnv-okd-text-heading-lg-line-height: 40px;
    --oxnv-okd-text-heading-md-font-size: 24px;
    --oxnv-okd-text-heading-md-font-weight: 500;
    --oxnv-okd-text-heading-md-line-height: 30px;
    --oxnv-okd-text-heading-sm-font-size: 18px;
    --oxnv-okd-text-heading-sm-font-weight: 500;
    --oxnv-okd-text-heading-sm-line-height: 24px;
    --oxnv-okd-text-heading-xl-font-size: 36px;
    --oxnv-okd-text-heading-xl-line-height: 1.32;
    --oxnv-okd-text-heading-xl-font-weight: 600;
    --oxnv-okd-text-heading-xxl-font-size: 40px;
    --oxnv-okd-text-heading-xxl-line-height: 1.32;
    --oxnv-okd-text-heading-xxl-font-weight: 600;
    --oxnv-okd-text-heading-overline-font-size: 12px;
    --oxnv-okd-text-heading-overline-line-height: 15px;
    --oxnv-okd-text-heading-overline-font-weight: 500;
    --oxnv-okd-text-body-sm-regular-font-size: 14px;
    --oxnv-okd-text-body-sm-regular-font-weight: 400;
    --oxnv-okd-text-body-sm-regular-line-height: 21px;
    --oxnv-okd-text-body-sm-bold-font-size: 14px;
    --oxnv-okd-text-body-sm-bold-font-weight: 500;
    --oxnv-okd-text-body-sm-bold-line-height: 21px;
    --oxnv-okd-text-body-md-regular-font-size: 16px;
    --oxnv-okd-text-body-md-regular-font-weight: 400;
    --oxnv-okd-text-body-md-regular-line-height: 24px;
    --oxnv-okd-text-body-md-bold-font-size: 16px;
    --oxnv-okd-text-body-md-bold-font-weight: 500;
    --oxnv-okd-text-body-md-bold-line-height: 24px;
    --oxnv-okd-text-body-xs-regular-font-size: 12px;
    --oxnv-okd-text-body-xs-regular-font-weight: 400;
    --oxnv-okd-text-body-xs-regular-line-height: 18px;
    --oxnv-okd-text-body-xs-bold-font-size: 12px;
    --oxnv-okd-text-body-xs-bold-font-weight: 500;
    --oxnv-okd-text-body-xs-bold-line-height: 18px;
    --oxnv-okd-font-weight-400: 400;
    --oxnv-okd-font-weight-500: 500;
    --oxnv-okd-font-weight-600: 600;
    --oxnv-okd-font-weight-700: 700;
    --oxnv-okd-font-weight-800: 800;
    --oxnv-okd-font-weight-900: 900;
    --oxnv-okd-font-weight-regular: 400;
    --oxnv-okd-font-weight-medium: 500;
    --oxnv-okd-font-weight-bold: 700;
    --oxnv-okd-checkbox-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-default-background: hsla(0,0%,100%,0);
    --oxnv-okd-checkbox-default-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-default-hover-border-color: var(--oxnv-okd-color-border-interactive-hovered);
    --oxnv-okd-checkbox-default-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-default-hover-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-selected-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-selected-background: var(--oxnv-okd-color-surface-interactive-selected-default);
    --oxnv-okd-checkbox-selected-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-selected-hover-border-color: var(--oxnv-okd-color-border-interactive-hovered);
    --oxnv-okd-checkbox-selected-inner-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-checkbox-selected-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-selected-hover-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-error-text-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-checkbox-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-error-hover-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-error-background: var(--oxnv-okd-color-surface-danger-default);
    --oxnv-okd-checkbox-error-inner-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-checkbox-error-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-error-hover-shadow: 0px 0px 0px 0px #e35e5e73;
    --oxnv-okd-checkbox-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-checkbox-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-checkbox-disabled-border-color: var(--oxnv-okd-color-border-interactive-disabled);
    --oxnv-okd-checkbox-disabled-hover-border-color: var(--oxnv-okd-color-border-interactive-disabled);
    --oxnv-okd-checkbox-disabled-inner-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-checkbox-common-border-radius: var(--oxnv-okd-border-radius-sm);
    --oxnv-okd-checkbox-common-label-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-checkbox-sm-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-checkbox-sm-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-checkbox-sm-height: 12px;
    --oxnv-okd-checkbox-sm-width: 12px;
    --oxnv-okd-checkbox-sm-margin: 4px;
    --oxnv-okd-checkbox-sm-padding: 4px;
    --oxnv-okd-checkbox-md-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-checkbox-md-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-checkbox-md-height: 16px;
    --oxnv-okd-checkbox-md-width: 16px;
    --oxnv-okd-checkbox-md-margin: 8px;
    --oxnv-okd-checkbox-md-padding: 0;
    --oxnv-okd-checkbox-sm-border-radius: 2px;
    --oxnv-okd-checkbox-md-border-radius: 4px;
    --oxnv-okd-checkbox-reversed-default-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-checkbox-reversed-default-background: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-reversed-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-checkbox-reversed-default-hover-border-color: var(--oxnv-okd-color-surface-interactive-oncolor-hovered);
    --oxnv-okd-checkbox-reversed-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-checkbox-reversed-default-hover-shadow: 0px 0px 0px 4px #ffffff33;
    --oxnv-okd-checkbox-reversed-selected-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-checkbox-reversed-selected-background: var(--oxnv-okd-color-surface-interactive-selected-oncolor);
    --oxnv-okd-checkbox-reversed-selected-border-color: var(--oxnv-okd-color-border-static-overlay);
    --oxnv-okd-checkbox-reversed-selected-hover-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-checkbox-reversed-selected-inner-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-reversed-selected-shadow: 0 0 0 0 transparent;
    --oxnv-okd-checkbox-reversed-selected-hover-shadow: 0 0 0 0 transparent;
    --oxnv-okd-checkbox-reversed-error-text-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-checkbox-reversed-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-reversed-error-hover-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-reversed-error-background: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-checkbox-reversed-error-inner-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-reversed-error-shadow: 0 0 0 0 transparent;
    --oxnv-okd-checkbox-reversed-error-hover-shadow: 0px 0px 0px 4px #f1507b33;
    --oxnv-okd-checkbox-reversed-disabled-text-color: var(--oxnv-okd-color-content-info-subtle);
    --oxnv-okd-checkbox-reversed-disabled-background: var(--oxnv-okd-color-surface-interactive-selected-subtle);
    --oxnv-okd-checkbox-reversed-disabled-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-reversed-disabled-hover-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-reversed-disabled-inner-color: var(--oxnv-okd-color-content-info-subtle);
    --oxnv-okd-checkbox-circle-inner-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-checkbox-circle-default-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-checkbox-circle-default-background-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-checkbox-circle-default-disabled-background-color: var(--oxnv-okd-color-background-surface-disable);
    --oxnv-okd-checkbox-circle-default-disabled-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-checkbox-circle-checked-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-checkbox-circle-checked-background-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-checkbox-circle-checked-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-checkbox-circle-checked-disabled-background-color: var(--oxnv-okd-color-content-disabled)
}

.theme-dark {
    --oxnv-okd-color-gray-050: #000;
    --oxnv-okd-color-gray-100: #2e2e2e;
    --oxnv-okd-color-gray-200: #404040;
    --oxnv-okd-color-gray-300: #6c6c6c;
    --oxnv-okd-color-gray-400: #909090;
    --oxnv-okd-color-gray-500: #b0b0b0;
    --oxnv-okd-color-gray-600: #ccc;
    --oxnv-okd-color-gray-700: #e3e3e3;
    --oxnv-okd-color-gray-800: #f0f0f0;
    --oxnv-okd-color-gray-900: #fafafa;
    --oxnv-okd-color-blue-050: #051738;
    --oxnv-okd-color-blue-100: #082356;
    --oxnv-okd-color-blue-200: #0c3178;
    --oxnv-okd-color-blue-300: #0f3c94;
    --oxnv-okd-color-blue-400: #1148b0;
    --oxnv-okd-color-blue-500: #1453cc;
    --oxnv-okd-color-blue-600: #175fe8;
    --oxnv-okd-color-blue-700: #1e6bff;
    --oxnv-okd-color-blue-800: #3077ff;
    --oxnv-okd-color-blue-900: #4283ff;
    --oxnv-okd-color-green-050: #002b1f;
    --oxnv-okd-color-green-100: #062b12;
    --oxnv-okd-color-green-200: #0c5625;
    --oxnv-okd-color-green-300: #138037;
    --oxnv-okd-color-green-400: #19ab4a;
    --oxnv-okd-color-green-500: #25a750;
    --oxnv-okd-color-green-600: #4cde7d;
    --oxnv-okd-color-green-700: #79e69d;
    --oxnv-okd-color-green-800: #a5efbe;
    --oxnv-okd-color-green-900: #d2f7de;
    --oxnv-okd-color-red-050: #270b12;
    --oxnv-okd-color-red-100: #300e17;
    --oxnv-okd-color-red-200: #601d2e;
    --oxnv-okd-color-red-300: #902b44;
    --oxnv-okd-color-red-400: #c03a5b;
    --oxnv-okd-color-red-500: #f04872;
    --oxnv-okd-color-red-600: #f76489;
    --oxnv-okd-color-red-700: #f994ae;
    --oxnv-okd-color-red-800: #f9b6c7;
    --oxnv-okd-color-red-900: #fff8f9;
    --oxnv-okd-color-orange-050: #361604;
    --oxnv-okd-color-orange-100: #532206;
    --oxnv-okd-color-orange-200: #743008;
    --oxnv-okd-color-orange-300: #8f3b0a;
    --oxnv-okd-color-orange-400: #aa460c;
    --oxnv-okd-color-orange-500: #c5510e;
    --oxnv-okd-color-orange-600: #e15c0f;
    --oxnv-okd-color-orange-700: #f76816;
    --oxnv-okd-color-orange-800: #f87428;
    --oxnv-okd-color-orange-900: #fa8c4d;
    --oxnv-okd-color-yellow-050: #2d2104;
    --oxnv-okd-color-yellow-100: #493603;
    --oxnv-okd-color-yellow-200: #674b04;
    --oxnv-okd-color-yellow-300: #7f5d05;
    --oxnv-okd-color-yellow-400: #966e06;
    --oxnv-okd-color-yellow-500: #ae8007;
    --oxnv-okd-color-yellow-600: #c69208;
    --oxnv-okd-color-yellow-700: #dba20e;
    --oxnv-okd-color-yellow-800: #dea921;
    --oxnv-okd-color-yellow-900: #e0b134;
    --oxnv-okd-color-text-white: #fff;
    --oxnv-okd-color-text-black: #1f2933;
    --oxnv-okd-color-background-1: #121212;
    --oxnv-okd-color-background-2: #1a1a1a;
    --oxnv-okd-color-transparent: transparent;
    --oxnv-okd-color-white: #fff;
    --oxnv-okd-color-black: #000;
    --oxnv-okd-color-line-muted: #2e2e2e;
    --oxnv-okd-color-line-amplifed: #6c6c6c;
    --oxnv-okd-color-line-secondary: #404040;
    --oxnv-okd-color-text-lighter: #6c6c6c;
    --oxnv-okd-color-text-light: #909090;
    --oxnv-okd-color-text-secondary: #e3e3e3;
    --oxnv-okd-color-text-amplifed: #fafafa;
    --oxnv-okd-color-background-3: #242424;
    --oxnv-okd-color-fq-blue-lv1: #3077ff;
    --oxnv-okd-color-fq-blue-lv2: #1e6bff;
    --oxnv-okd-color-fq-green-lv1: #1fd65c;
    --oxnv-okd-color-fq-red-lv1: #f04872;
    --oxnv-okd-color-fq-orange-lv1: #f76816;
    --oxnv-okd-color-prefer-red-chart: #f04872;
    --oxnv-okd-color-prefer-red-bg: #ca3f64;
    --oxnv-okd-color-prefer-green-chart: #1fd65c;
    --oxnv-okd-color-prefer-green-bg: #25a750;
    --oxnv-okd-color-prefer-red-text: #ca3f64;
    --oxnv-okd-color-prefer-green-text: #25a750;
    --oxnv-okd-color-branded-primary: #bcff2f;
    --oxnv-okd-color-fq-critical: #f04872;
    --oxnv-okd-color-fq-positive: #25a750;
    --oxnv-okd-color-fq-warning: #f76816;
    --oxnv-okd-color-fq-accent: #1e6bff;
    --oxnv-okd-color-fq-neutral: #fafafa;
    --oxnv-okd-color-prefer-neutral-bg: #909090;
    --oxnv-okd-color-prefer-neutral-text: #909090;
    --oxnv-okd-color-background-base-primary: #000;
    --oxnv-okd-color-background-base-secondary: #121212;
    --oxnv-okd-color-background-surface-primary: #1d1d1d;
    --oxnv-okd-color-background-surface-secondary: #121212;
    --oxnv-okd-color-background-surface-pressed: #383838;
    --oxnv-okd-color-background-surface-disable: #0e0e0e;
    --oxnv-okd-color-background-scrim: rgba(0,0,0,.68);
    --oxnv-okd-color-container-primary: #272727;
    --oxnv-okd-color-container-secondary: #272727;
    --oxnv-okd-color-container-tertiary: #383838;
    --oxnv-okd-color-container-contrast: #414141;
    --oxnv-okd-color-container-inverse: #fafafa;
    --oxnv-okd-color-content-primary: #fff;
    --oxnv-okd-color-content-secondary: #e6e6e6;
    --oxnv-okd-color-content-tertiary: #b3b3b3;
    --oxnv-okd-color-content-contrast: #909090;
    --oxnv-okd-color-content-disabled: #5b5b5b;
    --oxnv-okd-color-content-inverse: #000;
    --oxnv-okd-color-border-primary: #383838;
    --oxnv-okd-color-border-secondary: #4d4d4d;
    --oxnv-okd-color-border-contrast: #000;
    --oxnv-okd-color-border-selected: #fff;
    --oxnv-okd-color-semantic-neutral: #fff;
    --oxnv-okd-color-semantic-notice: #ffb117;
    --oxnv-okd-color-semantic-positive: #25a750;
    --oxnv-okd-color-semantic-negative: #ca3f64;
    --oxnv-okd-color-semantic-informative: #8a91ff;
    --oxnv-okd-color-semantic-highlight: #bcff2f;
    --oxnv-okd-color-dvp-neutral: hsla(0,0%,100%,.76);
    --oxnv-okd-color-dvp-profit: #25a750;
    --oxnv-okd-color-dvp-loss: #ca3f64;
    --oxnv-okd-color-categorical-01: #5f62ff;
    --oxnv-okd-color-categorical-02: #ffb117;
    --oxnv-okd-color-categorical-03: #bcff2f;
    --oxnv-okd-color-categorical-04: #00bc4b;
    --oxnv-okd-color-categorical-05: #f5384f;
    --oxnv-okd-color-transparent-white: transparent;
    --oxnv-okd-color-transparent-black: hsla(0,0%,100%,.02);
    --oxnv-okd-color-common-transparent: hsla(0,0%,100%,0);
    --oxnv-okd-color-container-lv2: #1a1a1a;
    --oxnv-okd-color-alert-info: #2e2e2e;
    --oxnv-okd-color-alert-success: #002b1f;
    --oxnv-okd-color-alert-warning: #361604;
    --oxnv-okd-color-alert-error: #270b12;
    --oxnv-okd-color-common-background-2: #383838;
    --oxnv-okd-color-data-visualization-category-01: #5f62ff;
    --oxnv-okd-color-data-visualization-category-02: #ffb117;
    --oxnv-okd-color-data-visualization-category-03: #bcff2f;
    --oxnv-okd-color-data-visualization-category-04: #00bc4b;
    --oxnv-okd-color-data-visualization-category-05: #f5384f;
    --oxnv-okd-color-preference-loss: #ca3f64;
    --oxnv-okd-color-preference-profit: #25a750;
    --oxnv-okd-color-preference-neutral: hsla(0,0%,100%,.76);
    --oxnv-okd-color-border-focus: #fff;
    --oxnv-okd-color-background-base-primary_alternative: #000;
    --oxnv-okd-color-link-content: #8a91ff;
    --oxnv-okd-color-link-accent-content-primary: #bcff2f;
    --oxnv-okd-color-background-surface-contrast: #272727;
    --oxnv-okd-color-background-surface-brand: #bcff2f;
    --oxnv-okd-color-border-tertiary: #0e0e0e;
    --oxnv-okd-color-content-brand: #bcff2f;
    --oxnv-okd-color-modal-primary: #0e0e0e;
    --oxnv-okd-color-modal-secondary: #272727;
    --oxnv-okd-color-modal-tertiary: #383838;
    --oxnv-okd-color-modal-contrast: #4d4d4d;
    --oxnv-okd-color-card-primary: #0e0e0e;
    --oxnv-okd-color-card-secondary: #121212;
    --oxnv-okd-color-brand-primary: #121212;
    --oxnv-okd-color-brand-primary-alternative: #bcff2f;
    --oxnv-okd-color-brand-secondary: #272727;
    --oxnv-okd-color-brand-tertiary: #383838;
    --oxnv-okd-color-brand-content: #e6ffb0;
    --oxnv-okd-color-brand-content-contrast: #000;
    --oxnv-okd-color-global-fixed-always-dark: #000;
    --oxnv-okd-color-global-fixed-always-light: #fff;
    --oxnv-okd-color-surface-structural-subbase: #121212;
    --oxnv-okd-color-surface-info-default: #b8b8b8;
    --oxnv-okd-color-surface-info-subtle: #121212;
    --oxnv-okd-color-surface-warning-default: #f5a915;
    --oxnv-okd-color-surface-warning-subtle: #4d3200;
    --oxnv-okd-color-surface-success-default: #3c8f24;
    --oxnv-okd-color-surface-success-subtle: #192400;
    --oxnv-okd-color-surface-danger-default: #ff5d73;
    --oxnv-okd-color-surface-danger-subtle: #420a10;
    --oxnv-okd-color-surface-interactive-default: hsla(0,0%,100%,.13);
    --oxnv-okd-color-surface-interactive-hovered: hsla(0,0%,100%,.16);
    --oxnv-okd-color-surface-interactive-pressed: hsla(0,0%,100%,.22);
    --oxnv-okd-color-surface-interactive-disabled: hsla(0,0%,100%,.08);
    --oxnv-okd-color-surface-interactive-oncolor-default: hsla(0,0%,100%,.1);
    --oxnv-okd-color-surface-interactive-oncolor-hovered: hsla(0,0%,100%,.15);
    --oxnv-okd-color-surface-interactive-oncolor-pressed: hsla(0,0%,100%,.2);
    --oxnv-okd-color-surface-interactive-emphasis-default: hsla(0,0%,100%,.99);
    --oxnv-okd-color-surface-interactive-emphasis-hovered: hsla(0,0%,100%,.8);
    --oxnv-okd-color-surface-interactive-emphasis-pressed: hsla(0,0%,100%,.7);
    --oxnv-okd-color-surface-interactive-emphasis-disabled: hsla(0,0%,100%,.08);
    --oxnv-okd-color-surface-interactive-selected-default: #fff;
    --oxnv-okd-color-surface-interactive-selected-subtle: hsla(0,0%,100%,.13);
    --oxnv-okd-color-surface-interactive-selected-oncolor: hsla(0,0%,100%,.1);
    --oxnv-okd-color-surface-structural-base: #000;
    --oxnv-okd-color-surface-structural-layer-1: #121212;
    --oxnv-okd-color-surface-structural-layer-2: #2c2c2c;
    --oxnv-okd-color-surface-structural-layer-3: #3f3f3f;
    --oxnv-okd-color-surface-structural-highlight: var(--global-color-highlight);
    --oxnv-okd-color-surface-structural-inverse: #fff;
    --oxnv-okd-color-surface-structural-elevated-default: #171717;
    --oxnv-okd-color-surface-structural-elevated-contrast: #343434;
    --oxnv-okd-color-surface-structural-overlay: rgba(0,0,0,.6);
    --oxnv-okd-color-border-static-default: hsla(0,0%,100%,.22);
    --oxnv-okd-color-border-static-subtle: hsla(0,0%,100%,.13);
    --oxnv-okd-color-border-static-dotted: hsla(0,0%,100%,.4);
    --oxnv-okd-color-border-interactive-default: hsla(0,0%,100%,.4);
    --oxnv-okd-color-border-interactive-hovered: #cfcfcf;
    --oxnv-okd-color-border-interactive-pressed: #fff;
    --oxnv-okd-color-border-interactive-focused: #fff;
    --oxnv-okd-color-border-interactive-selected: #fff;
    --oxnv-okd-color-border-interactive-error: #f57a8a;
    --oxnv-okd-color-border-interactive-emphasis: #b8b8b8;
    --oxnv-okd-color-border-interactive-oncolor: #2c2c2c;
    --oxnv-okd-color-border-static-emphasis: #b8b8b8;
    --oxnv-okd-color-border-static-experience: var(--global-color-experience-default);
    --oxnv-okd-color-border-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-border-static-overlay: hsla(0,0%,100%,.1);
    --oxnv-okd-color-border-interactive-disabled: hsla(0,0%,100%,.22);
    --oxnv-okd-color-border-info-default: #ebebeb;
    --oxnv-okd-color-border-info-subtle: #7d7d7d;
    --oxnv-okd-color-border-warning-default: #ffc452;
    --oxnv-okd-color-border-warning-subtle: #4d3200;
    --oxnv-okd-color-border-success-default: #49a92d;
    --oxnv-okd-color-border-success-subtle: #192400;
    --oxnv-okd-color-border-danger-default: #f57a8a;
    --oxnv-okd-color-border-danger-subtle: #420a10;
    --oxnv-okd-color-content-static-default: #fff;
    --oxnv-okd-color-content-interactive-default: #b8b8b8;
    --oxnv-okd-color-content-interactive-subtle: #7d7d7d;
    --oxnv-okd-color-content-interactive-hovered: #ebebeb;
    --oxnv-okd-color-content-static-subtle: #969696;
    --oxnv-okd-color-content-interactive-pressed: #fff;
    --oxnv-okd-color-content-static-inverse: #000;
    --oxnv-okd-color-content-static-highlight: var(--global-color-highlight);
    --oxnv-okd-color-content-static-placeholder: hsla(0,0%,100%,.3);
    --oxnv-okd-color-content-interactive-active: #fff;
    --oxnv-okd-color-content-interactive-selected: #fff;
    --oxnv-okd-color-content-interactive-error: #f57a8a;
    --oxnv-okd-color-content-interactive-disabled: hsla(0,0%,100%,.22);
    --oxnv-okd-color-content-info-default: #ebebeb;
    --oxnv-okd-color-content-info-subtle: #7d7d7d;
    --oxnv-okd-color-content-warning-default: #ffc452;
    --oxnv-okd-color-content-warning-subtle: #4d3200;
    --oxnv-okd-color-content-success-default: #49a92d;
    --oxnv-okd-color-content-success-subtle: #192400;
    --oxnv-okd-color-content-danger-default: #f57a8a;
    --oxnv-okd-color-content-danger-subtle: #420a10;
    --oxnv-okd-color-content-illustration-default: #fff;
    --oxnv-okd-color-content-dataviz-categorical-1: var(--global-color-feature-default);
    --oxnv-okd-color-content-dataviz-categorical-2: #277ae7;
    --oxnv-okd-color-content-dataviz-categorical-3: #ffb729;
    --oxnv-okd-color-content-dataviz-categorical-4: #edc746;
    --oxnv-okd-color-content-dataviz-categorical-5: #a352ef;
    --oxnv-okd-color-content-dataviz-categorical-6: #969696;
    --oxnv-okd-color-content-dataviz-categorical-7: #636363;
    --oxnv-okd-color-content-dataviz-categorical-8: #454545;
    --oxnv-okd-color-content-illustration-inverse: #000;
    --oxnv-okd-color-content-illustration-experience: var(--global-color-experience-default);
    --oxnv-okd-color-content-illustration-highlight: var(--global-color-highlight);
    --oxnv-okd-color-global-alpha-matching-5: rgba(0,0,0,.05);
    --oxnv-okd-color-global-alpha-matching-10: rgba(0,0,0,.1);
    --oxnv-okd-color-global-alpha-matching-20: rgba(0,0,0,.2);
    --oxnv-okd-color-global-alpha-matching-30: rgba(0,0,0,.3);
    --oxnv-okd-color-global-alpha-matching-40: rgba(0,0,0,.4);
    --oxnv-okd-color-global-alpha-matching-50: rgba(0,0,0,.5);
    --oxnv-okd-color-global-alpha-matching-60: rgba(0,0,0,.6);
    --oxnv-okd-color-global-alpha-matching-70: rgba(0,0,0,.7);
    --oxnv-okd-color-global-alpha-matching-80: rgba(0,0,0,.8);
    --oxnv-okd-color-global-alpha-matching-90: rgba(0,0,0,.9);
    --oxnv-okd-color-global-alpha-inverse-5: hsla(0,0%,100%,.08);
    --oxnv-okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha);
    --oxnv-okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha);
    --oxnv-okd-color-global-alpha-feature-1: rgba(188,255,47,.16);
    --oxnv-okd-color-global-alpha-inverse-10: hsla(0,0%,100%,.13);
    --oxnv-okd-color-global-alpha-inverse-20: hsla(0,0%,100%,.22);
    --oxnv-okd-color-global-alpha-inverse-30: hsla(0,0%,100%,.3);
    --oxnv-okd-color-global-alpha-inverse-40: hsla(0,0%,100%,.4);
    --oxnv-okd-color-global-alpha-inverse-50: hsla(0,0%,100%,.5);
    --oxnv-okd-color-global-alpha-inverse-60: hsla(0,0%,100%,.6);
    --oxnv-okd-color-global-alpha-inverse-70: hsla(0,0%,100%,.7);
    --oxnv-okd-color-global-alpha-inverse-80: hsla(0,0%,100%,.8);
    --oxnv-okd-color-global-alpha-inverse-90: hsla(0,0%,100%,.9);
    --oxnv-okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default);
    --oxnv-okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered);
    --oxnv-okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed);
    --oxnv-okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint);
    --oxnv-okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default);
    --oxnv-okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered);
    --oxnv-okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed);
    --oxnv-okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint);
    --oxnv-okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default);
    --oxnv-okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered);
    --oxnv-okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed);
    --oxnv-okd-color-surface-interactive-feature-default: var(--global-color-feature-default);
    --oxnv-okd-color-surface-interactive-experience-default: var(--global-color-experience-default);
    --oxnv-okd-color-surface-interactive-experience-hovered: var(--global-color-experience-hovered);
    --oxnv-okd-color-surface-interactive-experience-pressed: var(--global-color-experience-pressed);
    --oxnv-okd-color-surface-interactive-feature-hovered: var(--global-color-feature-hovered);
    --oxnv-okd-color-surface-interactive-feature-pressed: var(--global-color-feature-pressed);
    --oxnv-okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph);
    --oxnv-okd-color-surface-structural-feature: var(--global-color-feature-default);
    --oxnv-okd-color-surface-structural-experience: var(--global-color-experience-default);
    --oxnv-okd-color-border-interactive-feature-default: var(--global-color-feature-default);
    --oxnv-okd-color-border-interactive-feature-hovered: var(--global-color-feature-hovered);
    --oxnv-okd-color-border-interactive-feature-pressed: var(--global-color-feature-pressed);
    --oxnv-okd-color-border-static-feature: var(--global-color-feature-default);
    --oxnv-okd-color-content-static-subtler: #636363;
    --oxnv-okd-color-content-static-feature: var(--global-color-feature-default);
    --oxnv-okd-color-content-static-experience: var(--global-color-experience-default);
    --oxnv-okd-color-content-pnl-profit-default: var(--global-color-profit-default);
    --oxnv-okd-color-content-illustration-feature: var(--global-color-feature-default);
    --oxnv-okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor);
    --oxnv-okd-color-content-pnl-loss-default: var(--global-color-loss-default);
    --oxnv-okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor);
    --oxnv-okd-color-content-pnl-neutral-default: var(--global-color-neutral-default);
    --oxnv-okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor);
    --oxnv-okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph);
    --oxnv-okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph);
    --oxnv-okd-color-border-interactive-experience-default: var(--global-color-experience-default);
    --oxnv-okd-color-border-interactive-experience-hovered: var(--global-color-experience-hovered);
    --oxnv-okd-color-border-interactive-experience-pressed: var(--global-color-experience-pressed);
    --oxnv-okd-color-content-interactive-feature-default: var(--global-color-feature-default);
    --oxnv-okd-color-content-interactive-feature-hovered: var(--global-color-feature-hovered);
    --oxnv-okd-color-content-interactive-feature-pressed: var(--global-color-feature-pressed);
    --oxnv-okd-color-content-interactive-experience-default: var(--global-color-experience-default);
    --oxnv-okd-color-content-interactive-experience-alternative: var(--global-color-experience-alternative);
    --oxnv-okd-color-content-interactive-experience-accent: var(--global-color-experience-accent);
    --oxnv-okd-color-content-interactive-experience-hovered: var(--global-color-experience-hovered);
    --oxnv-okd-color-content-interactive-experience-pressed: var(--global-color-experience-pressed);
    --oxnv-okd-color-content-interactive-experience-inverse: var(--global-color-experience-inverse);
    --oxnv-okd-color-content-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default);
    --oxnv-okd-color-content-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered);
    --oxnv-okd-color-content-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed);
    --oxnv-okd-color-surface-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default);
    --oxnv-okd-color-surface-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered);
    --oxnv-okd-color-surface-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed);
    --oxnv-okd-color-border-pnl-loss-default: var(--global-color-loss-default);
    --oxnv-okd-color-border-pnl-loss-graph: var(--global-color-loss-graph);
    --oxnv-okd-color-border-pnl-profit-default: var(--global-color-profit-default);
    --oxnv-okd-color-border-pnl-profit-graph: var(--global-color-profit-graph);
    --oxnv-okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph);
    --oxnv-okd-color-content-static-notification: #f5384f;
    --oxnv-okd-color-surface-interactive-unselected-default: hsla(0,0%,100%,.4);
    --oxnv-okd-color-surface-structural-elevated-layer-1: #2c2c2c;
    --oxnv-okd-color-surface-interactive-destructive-default: #f5384f;
    --oxnv-okd-color-surface-interactive-destructive-hovered: #ff5d73;
    --oxnv-okd-color-surface-interactive-destructive-pressed: #f57a8a;
    --oxnv-okd-color-surface-structural-web-only-base: #000;
    --oxnv-okd-color-surface-structural-web-only-layer-1: #121212;
    --oxnv-okd-color-global-fixed-shadow: rgba(0,0,0,.16);
    --oxnv-okd-color-surface-interactive-destructive-subtle-default: #420a10;
    --oxnv-okd-color-surface-interactive-destructive-subtle-hovered: #840916;
    --oxnv-okd-color-surface-interactive-destructive-subtle-pressed: #c8142a;
    --oxnv-okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2);
    --oxnv-okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new);
    --oxnv-okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis);
    --oxnv-okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new);
    --oxnv-okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis);
    --oxnv-okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default);
    --oxnv-okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor);
    --oxnv-okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default);
    --oxnv-okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor);
    --oxnv-okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max);
    --oxnv-okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min);
    --oxnv-okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max);
    --oxnv-okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min);
    --oxnv-okd-color-border-interactive-drop: #114097;
    --oxnv-okd-color-content-interactive-drop: #0b5bcb;
    --oxnv-okd-color-surface-interactive-drop: #101a3d;
    --oxnv-okd-font-size-base: 16px;
    --oxnv-okd-font-size-md: 14px;
    --oxnv-okd-font-size-xs: 12px;
    --oxnv-okd-line-height-base: 20px;
    --oxnv-okd-line-height-md: 20px;
    --oxnv-okd-line-height-xs: 16px;
    --oxnv-okd-shadow-none: 0 0 0 0 transparent;
    --oxnv-okd-shadow-xs: 0 0 0 1px #0000000d;
    --oxnv-okd-shadow-sm: 0 1px 2px 0 #0000000d;
    --oxnv-okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;
    --oxnv-okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;
    --oxnv-okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;
    --oxnv-okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;
    --oxnv-okd-shadow-2xl: 0 25px 50px -12px #00000040;
    --oxnv-okd-border-radius-none: 0;
    --oxnv-okd-border-radius-sm: 2px;
    --oxnv-okd-border-radius-md: 4px;
    --oxnv-okd-border-radius-lg: 6px;
    --oxnv-okd-border-radius-xl: 8px;
    --oxnv-okd-border-radius-xxl: 10px;
    --oxnv-okd-border-radius-xxxl: 12px;
    --oxnv-okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif;
    --oxnv-okd-text-display-lg-font-size: 56px;
    --oxnv-okd-text-display-lg-font-weight: 500;
    --oxnv-okd-text-display-lg-line-height: 1.32;
    --oxnv-okd-text-display-md-font-size: 40px;
    --oxnv-okd-text-display-md-font-weight: 500;
    --oxnv-okd-text-display-md-line-height: 52px;
    --oxnv-okd-text-display-sm-font-size: 40px;
    --oxnv-okd-text-display-sm-font-weight: 500;
    --oxnv-okd-text-display-sm-line-height: 52px;
    --oxnv-okd-text-heading-lg-font-size: 30px;
    --oxnv-okd-text-heading-lg-font-weight: 500;
    --oxnv-okd-text-heading-lg-line-height: 40px;
    --oxnv-okd-text-heading-md-font-size: 24px;
    --oxnv-okd-text-heading-md-font-weight: 500;
    --oxnv-okd-text-heading-md-line-height: 30px;
    --oxnv-okd-text-heading-sm-font-size: 18px;
    --oxnv-okd-text-heading-sm-font-weight: 500;
    --oxnv-okd-text-heading-sm-line-height: 24px;
    --oxnv-okd-text-heading-xl-font-size: 36px;
    --oxnv-okd-text-heading-xl-line-height: 1.32;
    --oxnv-okd-text-heading-xl-font-weight: 600;
    --oxnv-okd-text-heading-xxl-font-size: 40px;
    --oxnv-okd-text-heading-xxl-line-height: 1.32;
    --oxnv-okd-text-heading-xxl-font-weight: 600;
    --oxnv-okd-text-heading-overline-font-size: 12px;
    --oxnv-okd-text-heading-overline-line-height: 15px;
    --oxnv-okd-text-heading-overline-font-weight: 500;
    --oxnv-okd-text-body-sm-regular-font-size: 14px;
    --oxnv-okd-text-body-sm-regular-font-weight: 400;
    --oxnv-okd-text-body-sm-regular-line-height: 21px;
    --oxnv-okd-text-body-sm-bold-font-size: 14px;
    --oxnv-okd-text-body-sm-bold-font-weight: 500;
    --oxnv-okd-text-body-sm-bold-line-height: 21px;
    --oxnv-okd-text-body-md-regular-font-size: 16px;
    --oxnv-okd-text-body-md-regular-font-weight: 400;
    --oxnv-okd-text-body-md-regular-line-height: 24px;
    --oxnv-okd-text-body-md-bold-font-size: 16px;
    --oxnv-okd-text-body-md-bold-font-weight: 500;
    --oxnv-okd-text-body-md-bold-line-height: 24px;
    --oxnv-okd-text-body-xs-regular-font-size: 12px;
    --oxnv-okd-text-body-xs-regular-font-weight: 400;
    --oxnv-okd-text-body-xs-regular-line-height: 18px;
    --oxnv-okd-text-body-xs-bold-font-size: 12px;
    --oxnv-okd-text-body-xs-bold-font-weight: 500;
    --oxnv-okd-text-body-xs-bold-line-height: 18px;
    --oxnv-okd-font-weight-400: 400;
    --oxnv-okd-font-weight-500: 500;
    --oxnv-okd-font-weight-600: 600;
    --oxnv-okd-font-weight-700: 700;
    --oxnv-okd-font-weight-800: 800;
    --oxnv-okd-font-weight-900: 900;
    --oxnv-okd-font-weight-regular: 400;
    --oxnv-okd-font-weight-medium: 500;
    --oxnv-okd-font-weight-bold: 700;
    --oxnv-okd-checkbox-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-default-background: transparent;
    --oxnv-okd-checkbox-default-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-default-hover-border-color: var(--oxnv-okd-color-border-interactive-hovered);
    --oxnv-okd-checkbox-default-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-default-hover-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-selected-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-selected-background: var(--oxnv-okd-color-surface-interactive-selected-default);
    --oxnv-okd-checkbox-selected-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-selected-hover-border-color: var(--oxnv-okd-color-border-interactive-hovered);
    --oxnv-okd-checkbox-selected-inner-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-checkbox-selected-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-selected-hover-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-hover-border-color: #1453cc;
    --oxnv-okd-checkbox-error-text-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-checkbox-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-error-hover-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-error-background: var(--oxnv-okd-color-surface-danger-default);
    --oxnv-okd-checkbox-error-inner-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-checkbox-error-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-checkbox-error-hover-shadow: 0px 0px 0px 0px #e35e5e73;
    --oxnv-okd-checkbox-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-checkbox-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-checkbox-disabled-border-color: var(--oxnv-okd-color-border-interactive-disabled);
    --oxnv-okd-checkbox-disabled-hover-border-color: var(--oxnv-okd-color-border-interactive-disabled);
    --oxnv-okd-checkbox-disabled-inner-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-checkbox-common-border-radius: 4px;
    --oxnv-okd-checkbox-common-label-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-checkbox-sm-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-checkbox-sm-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-checkbox-sm-height: 12px;
    --oxnv-okd-checkbox-sm-width: 12px;
    --oxnv-okd-checkbox-sm-margin: 4px;
    --oxnv-okd-checkbox-sm-padding: 4px;
    --oxnv-okd-checkbox-md-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-checkbox-md-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-checkbox-md-height: 16px;
    --oxnv-okd-checkbox-md-width: 16px;
    --oxnv-okd-checkbox-md-margin: 8px;
    --oxnv-okd-checkbox-md-padding: 0;
    --oxnv-okd-checkbox-md-border-radius: 4px;
    --oxnv-okd-checkbox-sm-border-radius: 2px;
    --oxnv-okd-checkbox-reversed-default-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-checkbox-reversed-default-background: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-reversed-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-checkbox-reversed-default-hover-border-color: var(--oxnv-okd-color-surface-interactive-oncolor-hovered);
    --oxnv-okd-checkbox-reversed-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-checkbox-reversed-default-hover-shadow: 0px 0px 0px 0px #0000001a;
    --oxnv-okd-checkbox-reversed-selected-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-checkbox-reversed-selected-background: var(--oxnv-okd-color-surface-interactive-selected-oncolor);
    --oxnv-okd-checkbox-reversed-selected-border-color: var(--oxnv-okd-color-border-static-overlay);
    --oxnv-okd-checkbox-reversed-selected-hover-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-checkbox-reversed-selected-inner-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-reversed-selected-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-checkbox-reversed-selected-hover-shadow: 0px 0px 0px 0px #0000001a;
    --oxnv-okd-checkbox-reversed-error-text-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-checkbox-reversed-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-reversed-error-hover-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-checkbox-reversed-error-background: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-checkbox-reversed-error-inner-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-checkbox-reversed-error-shadow: 0 0 0 0 transparent;
    --oxnv-okd-checkbox-reversed-error-hover-shadow: 0px 0px 0px 0px #f048721a;
    --oxnv-okd-checkbox-reversed-disabled-text-color: var(--oxnv-okd-color-content-info-subtle);
    --oxnv-okd-checkbox-reversed-disabled-background: var(--oxnv-okd-color-surface-interactive-selected-subtle);
    --oxnv-okd-checkbox-reversed-disabled-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-reversed-disabled-hover-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-checkbox-reversed-disabled-inner-color: var(--oxnv-okd-color-content-info-subtle);
    --oxnv-okd-checkbox-circle-inner-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-checkbox-circle-default-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-checkbox-circle-default-background-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-checkbox-circle-default-disabled-background-color: var(--oxnv-okd-color-background-surface-disable);
    --oxnv-okd-checkbox-circle-default-disabled-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-checkbox-circle-checked-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-checkbox-circle-checked-background-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-checkbox-circle-checked-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-checkbox-circle-checked-disabled-background-color: var(--oxnv-okd-color-content-disabled)
}

.theme-light {
    --oxnv-okd-dialog-window-background: var(--oxnv-okd-color-surface-structural-elevated-default);
    --oxnv-okd-dialog-window-mask-color: var(--oxnv-okd-color-surface-structural-overlay);
    --oxnv-okd-dialog-window-box-shadow: var(--oxnv-okd-shadow-xl);
    --oxnv-okd-dialog-window-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-window-border-radius: 8px;
    --oxnv-okd-dialog-window-close-btn-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-dialog-window-close-size: 32px;
    --oxnv-okd-dialog-window-split-line-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-dialog-tip-window-min-width: 344px;
    --oxnv-okd-dialog-tip-window-2btn-min-width: 448px;
    --oxnv-okd-dialog-title-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-title-font-size: 16px;
    --oxnv-okd-dialog-title-line-height: 20px;
    --oxnv-okd-dialog-title-box-sm-padding-vertical: 14px;
    --oxnv-okd-dialog-title-box-md-padding-vertical: 12px;
    --oxnv-okd-dialog-sub-title-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-dialog-sub-title-font-size: 14px;
    --oxnv-okd-dialog-sub-title-line-height: 16px;
    --oxnv-okd-dialog-tip-title-color: #000;
    --oxnv-okd-dialog-tip-title-font-size: 18px;
    --oxnv-okd-dialog-tip-title-line-height: 24px;
    --oxnv-okd-dialog-tip-detail-color: #3d3d3d;
    --oxnv-okd-dialog-tip-detail-font-size: 14px;
    --oxnv-okd-dialog-tip-detail-line-height: 20px;
    --oxnv-okd-dialog-tip-success-icon-bg: var(--oxnv-okd-color-content-success-default);
    --oxnv-okd-dialog-tip-info-icon-bg: var(--oxnv-okd-color-content-info-default);
    --oxnv-okd-dialog-tip-prompt-icon-bg: rgba(241,101,20,.2);
    --oxnv-okd-dialog-tip-warn-icon-bg: var(--oxnv-okd-color-content-warning-default);
    --oxnv-okd-dialog-tip-alert-icon-bg: rgba(241,80,123,.2);
    --oxnv-okd-dialog-tip-error-icon-bg: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-dialog-tip-success-icon-color: var(--oxnv-okd-color-content-success-default);
    --oxnv-okd-dialog-tip-info-icon-color: var(--oxnv-okd-color-content-info-default);
    --oxnv-okd-dialog-tip-prompt-icon-color: #f16514;
    --oxnv-okd-dialog-tip-warn-icon-color: var(--oxnv-okd-color-content-warning-default);
    --oxnv-okd-dialog-tip-alert-icon-color: #f1507b;
    --oxnv-okd-dialog-tip-error-icon-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-dialog-tip-icon-bg-size: 48px;
    --oxnv-okd-dialog-tip-icon-font-size: 48px;
    --oxnv-okd-dialog-action-close-btn-color: #0569ff;
    --oxnv-okd-dialog-footer-box-sm-padding-vertical: 20px;
    --oxnv-okd-dialog-footer-box-md-padding-vertical: 12px;
    --oxnv-okd-dialog-tip-footer-box-sm-padding-vertical: 16px;
    --oxnv-okd-dialog-tip-footer-box-md-padding-vertical: 24px;
    --oxnv-okd-dialog-container-sm-padding-horizontal: 16px;
    --oxnv-okd-dialog-container-md-padding-horizontal: 24px;
    --oxnv-okd-dialog-container-md-padding-vertical: 24px;
    --oxnv-okd-dialog-container-sm-padding-vertical: 16px;
    --oxnv-okd-dialog-window-close-icon-size: 24px;
    --oxnv-okd-dialog-window-back-icon-size: 24px;
    --oxnv-okd-dialog-tip-container-md-padding-top: 28px;
    --oxnv-okd-dialog-tip-container-md-padding-bottom: 24px;
    --oxnv-okd-dialog-tip-container-sm-padding-top: 20px;
    --oxnv-okd-dialog-tip-container-sm-padding-bottom: 24px;
    --oxnv-okd-dialog-window-action-padding: 16px;
    --oxnv-okd-dialog-footer-action-cancel-type: secondary;
    --oxnv-okd-dialog-footer-action-confirm-type: highlight;
    --oxnv-okd-dialog-footer-action-cancel-size: sm;
    --oxnv-okd-dialog-footer-action-confirm-size: sm;
    --oxnv-okd-dialog-window-sm-border-radius: 12px;
    --oxnv-okd-dialog-title-font-weight: 700;
    --oxnv-okd-dialog-footer-btn-full-sm-margin-top: 8px;
    --oxnv-okd-dialog-footer-btn-md-margin-left: 12px;
    --oxnv-okd-dialog-footer-btn-sm-margin-left: 12px;
    --oxnv-okd-dialog-confirm-footer-sm-button-border-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-dialog-confirm-footer-padding-top: 0;
    --oxnv-okd-dialog-confirm-footer-padding-bottom: 24px;
    --oxnv-okd-dialog-confirm-title-padding-top: 24px;
    --oxnv-okd-dialog-confirm-no-title-padding-top: 24px;
    --oxnv-okd-dialog-confirm-title-padding-bottom: 0px;
    --oxnv-okd-dialog-confirm-max-width: 520px;
    --oxnv-okd-dialog-confirm-min-width: 280px;
    --oxnv-okd-dialog-confirm-container-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-confirm-container-line-height: 20px;
    --oxnv-okd-dialog-confirm-container-font-size: 14px;
    --oxnv-okd-dialog-confirm-container-sm-padding-bottom: 24px;
    --oxnv-okd-dialog-confirm-icon-font-size: 22px;
    --oxnv-okd-dialog-confirm-icon-margin-right: 10px;
    --oxnv-okd-dialog-confirm-icon-line-height: 22px;
    --oxnv-okd-dialog-title-icon-close-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-title-icon-back-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-title-icon-close-hover-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-title-icon-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-dialog-title-icon-hover-border-radius: 4px;
    --oxnv-okd-dialog-title-icon-close-margin-left: 32px;
    --oxnv-okd-dialog-title-icon-back-margin-right: 8px;
    --oxnv-okd-dialog-window-back-btn-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-window-back-btn-margin-right: 12px;
    --oxnv-okd-dialog-window-close-btn-margin-left: 12px;
    --oxnv-okd-dialog-confirm-container-sm-padding-top: 8px;
    --oxnv-okd-dialog-confirm-container-sm-padding-horizontal: 24px;
    --oxnv-okd-dialog-confirm-title-padding-horizontal: 24px;
    --oxnv-okd-dialog-footer-box-sm-padding-top: 12px;
    --oxnv-okd-dialog-footer-box-sm-padding-bottom: 20px;
    --oxnv-okd-dialog-confirmation-header-padding-top: 24px;
    --oxnv-okd-dialog-confirmation-footer-padding-bottom: 24px;
    --oxnv-okd-dialog-confirmation-padding-left: 24px;
    --oxnv-okd-dialog-confirmation-padding-right: 24px;
    --oxnv-okd-dialog-confirmation-container-padding-top: 32px;
    --oxnv-okd-dialog-confirmation-container-padding-bottom: 32px;
    --oxnv-okd-dialog-confirm-footer-sm-button-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-dialog-window-min-width: 392px;
    --oxnv-okd-dialog-confirm-container-padding-top: 32px;
    --oxnv-okd-dialog-confirm-container-padding-bottom: 32px;
    --oxnv-okd-dialog-confirm-window-background: var(--oxnv-okd-color-surface-structural-elevated-contrast);
    --oxnv-okd-dialog-confirmation-window-background: var(--oxnv-okd-color-surface-structural-elevated-default);
    --oxnv-okd-dialog-window-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-dialog-window-icon-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered)
}

.theme-dark {
    --oxnv-okd-dialog-window-background: var(--oxnv-okd-color-surface-structural-elevated-default);
    --oxnv-okd-dialog-window-close-btn-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-dialog-window-split-line-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-dialog-title-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-sub-title-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-dialog-window-mask-color: var(--oxnv-okd-color-surface-structural-overlay);
    --oxnv-okd-dialog-window-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-window-box-shadow: 0px 0px 0px 0px #2e2e2e,0px 13px 20px -15px #000;
    --oxnv-okd-dialog-tip-title-color: #fafafa;
    --oxnv-okd-dialog-tip-detail-color: #e3e3e3;
    --oxnv-okd-dialog-tip-success-icon-bg: var(--oxnv-okd-color-content-success-default);
    --oxnv-okd-dialog-tip-info-icon-bg: var(--oxnv-okd-color-content-info-default);
    --oxnv-okd-dialog-tip-prompt-icon-bg: #532206;
    --oxnv-okd-dialog-tip-warn-icon-bg: var(--oxnv-okd-color-content-warning-default);
    --oxnv-okd-dialog-tip-alert-icon-bg: #300e17;
    --oxnv-okd-dialog-tip-error-icon-bg: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-dialog-tip-success-icon-color: var(--oxnv-okd-color-content-success-default);
    --oxnv-okd-dialog-tip-info-icon-color: var(--oxnv-okd-color-content-info-default);
    --oxnv-okd-dialog-tip-prompt-icon-color: #f87428;
    --oxnv-okd-dialog-tip-warn-icon-color: var(--oxnv-okd-color-content-warning-default);
    --oxnv-okd-dialog-tip-alert-icon-color: #f04872;
    --oxnv-okd-dialog-tip-error-icon-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-dialog-tip-icon-bg-size: 48px;
    --oxnv-okd-dialog-tip-icon-font-size: 48px;
    --oxnv-okd-dialog-tip-title-font-size: 18px;
    --oxnv-okd-dialog-tip-title-line-height: 24px;
    --oxnv-okd-dialog-tip-detail-font-size: 14px;
    --oxnv-okd-dialog-tip-detail-line-height: 20px;
    --oxnv-okd-dialog-action-close-btn-color: #1e6bff;
    --oxnv-okd-dialog-window-border-radius: 8px;
    --oxnv-okd-dialog-title-font-size: 16px;
    --oxnv-okd-dialog-title-line-height: 20px;
    --oxnv-okd-dialog-sub-title-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-dialog-sub-title-line-height: 16px;
    --oxnv-okd-dialog-window-close-size: 32px;
    --oxnv-okd-dialog-container-sm-padding-horizontal: 16px;
    --oxnv-okd-dialog-title-box-sm-padding-vertical: 14px;
    --oxnv-okd-dialog-container-sm-padding-vertical: 16px;
    --oxnv-okd-dialog-footer-box-sm-padding-vertical: 12px;
    --oxnv-okd-dialog-container-md-padding-horizontal: 24px;
    --oxnv-okd-dialog-title-box-md-padding-vertical: 12px;
    --oxnv-okd-dialog-container-md-padding-vertical: 24px;
    --oxnv-okd-dialog-footer-box-md-padding-vertical: 12px;
    --oxnv-okd-dialog-tip-window-min-width: 344px;
    --oxnv-okd-dialog-tip-window-2btn-min-width: 448px;
    --oxnv-okd-dialog-tip-footer-box-sm-padding-vertical: 16px;
    --oxnv-okd-dialog-tip-footer-box-md-padding-vertical: 24px;
    --oxnv-okd-dialog-window-close-icon-size: 24px;
    --oxnv-okd-dialog-window-back-icon-size: 24px;
    --oxnv-okd-dialog-tip-container-md-padding-top: 28px;
    --oxnv-okd-dialog-tip-container-md-padding-bottom: 24px;
    --oxnv-okd-dialog-tip-container-sm-padding-top: 20px;
    --oxnv-okd-dialog-tip-container-sm-padding-bottom: 24px;
    --oxnv-okd-dialog-window-action-padding: 16px;
    --oxnv-okd-dialog-footer-action-cancel-type: primary;
    --oxnv-okd-dialog-footer-action-cancel-size: sm;
    --oxnv-okd-dialog-footer-action-confirm-type: highlight;
    --oxnv-okd-dialog-footer-action-confirm-size: sm;
    --oxnv-okd-dialog-window-sm-border-radius: 12px;
    --oxnv-okd-dialog-title-font-weight: 700;
    --oxnv-okd-dialog-footer-btn-full-sm-margin-top: 8px;
    --oxnv-okd-dialog-footer-btn-md-margin-left: 12px;
    --oxnv-okd-dialog-footer-btn-sm-margin-left: 12px;
    --oxnv-okd-dialog-confirm-footer-sm-button-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-dialog-confirm-footer-padding-top: 0;
    --oxnv-okd-dialog-confirm-footer-padding-bottom: 24px;
    --oxnv-okd-dialog-confirm-title-padding-top: 24px;
    --oxnv-okd-dialog-confirm-no-title-padding-top: 24px;
    --oxnv-okd-dialog-confirm-title-padding-bottom: 0;
    --oxnv-okd-dialog-confirm-max-width: 520px;
    --oxnv-okd-dialog-confirm-min-width: 280px;
    --oxnv-okd-dialog-confirm-container-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-confirm-container-line-height: 20px;
    --oxnv-okd-dialog-confirm-container-font-size: 14px;
    --oxnv-okd-dialog-confirm-container-sm-padding-bottom: 24px;
    --oxnv-okd-dialog-confirm-icon-font-size: 22px;
    --oxnv-okd-dialog-confirm-icon-margin-right: 10px;
    --oxnv-okd-dialog-confirm-icon-line-height: 22px;
    --oxnv-okd-dialog-title-icon-close-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-title-icon-back-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-title-icon-close-hover-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-title-icon-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-dialog-title-icon-hover-border-radius: 4px;
    --oxnv-okd-dialog-title-icon-close-margin-left: 32px;
    --oxnv-okd-dialog-title-icon-back-margin-right: 8px;
    --oxnv-okd-dialog-confirm-container-sm-padding-top: 8px;
    --oxnv-okd-dialog-confirm-container-sm-padding-horizontal: 24px;
    --oxnv-okd-dialog-confirm-title-padding-horizontal: 24px;
    --oxnv-okd-dialog-footer-box-sm-padding-top: 12px;
    --oxnv-okd-dialog-footer-box-sm-padding-bottom: 20px;
    --oxnv-okd-dialog-confirmation-header-padding-top: 24px;
    --oxnv-okd-dialog-confirmation-footer-padding-bottom: 24px;
    --oxnv-okd-dialog-confirmation-padding-left: 24px;
    --oxnv-okd-dialog-confirmation-padding-right: 24px;
    --oxnv-okd-dialog-confirmation-container-padding-top: 32px;
    --oxnv-okd-dialog-confirmation-container-padding-bottom: 32px;
    --oxnv-okd-dialog-confirm-footer-sm-button-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-dialog-window-min-width: 392px;
    --oxnv-okd-dialog-window-back-btn-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-dialog-confirm-container-padding-top: 32px;
    --oxnv-okd-dialog-confirm-container-padding-bottom: 32px;
    --oxnv-okd-dialog-confirm-window-background: var(--oxnv-okd-color-surface-structural-elevated-contrast);
    --oxnv-okd-dialog-confirmation-window-background: var(--oxnv-okd-color-surface-structural-elevated-default);
    --oxnv-okd-dialog-window-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-dialog-window-icon-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered)
}

.oxnv-mask {
    background: rgba(0,0,0,.65);
    background: var(--oxnv-okd-dialog-window-mask-color,rgba(0,0,0,.65));
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.oxnv-transition-fade {
    transition: opacity .3s linear
}

.oxnv-transition-fade-active {
    will-change: opacity
}

.oxnv-transition-fade-ease-out {
    transition-timing-function: cubic-bezier(.5,0,.52,1)
}

.oxnv-transition-fade-entered,.oxnv-transition-fade-entering {
    opacity: 1
}

.oxnv-transition-fade-exited,.oxnv-transition-fade-exiting {
    opacity: 0
}

.theme-light {
    --oxnv-okd-button-primary-normal-default-background: #0569ff;
    --oxnv-okd-button-primary-normal-hover-background: #4992ff;
    --oxnv-okd-button-primary-normal-active-background: #005eea;
    --oxnv-okd-button-primary-normal-focus-background: #0569ff;
    --oxnv-okd-button-primary-normal-disabled-background: #ebebeb;
    --oxnv-okd-button-primary-normal-default-border-color: #0569ff;
    --oxnv-okd-button-primary-normal-hover-border-color: #4992ff;
    --oxnv-okd-button-primary-normal-active-border-color: #005eea;
    --oxnv-okd-button-primary-normal-focus-border-color: #0569ff;
    --oxnv-okd-button-primary-normal-disabled-border-color: #ebebeb;
    --oxnv-okd-button-primary-normal-default-font-color: #fff;
    --oxnv-okd-button-primary-normal-hover-font-color: #fff;
    --oxnv-okd-button-primary-normal-active-font-color: #fff;
    --oxnv-okd-button-primary-normal-focus-font-color: #fff;
    --oxnv-okd-button-primary-normal-disabled-font-color: #bdbdbd;
    --oxnv-okd-button-primary-normal-default-icon-color: #fff;
    --oxnv-okd-button-primary-normal-hover-icon-color: #fff;
    --oxnv-okd-button-primary-normal-active-icon-color: #fff;
    --oxnv-okd-button-primary-normal-focus-icon-color: #fff;
    --oxnv-okd-button-primary-normal-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-primary-normal-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-focus-shadow: var(--oxnv-okd-shadow-sm),0px 0px 0px 3px rgba(175,207,255,.45);
    --oxnv-okd-button-primary-normal-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-loader-track-color: #4992ff;
    --oxnv-okd-button-primary-normal-loader-mark-color: #fff;
    --oxnv-okd-button-primary-red-default-background: #91304a;
    --oxnv-okd-button-primary-red-hover-background: #f1507b;
    --oxnv-okd-button-primary-red-active-background: #602031;
    --oxnv-okd-button-primary-red-focus-background: #91304a;
    --oxnv-okd-button-primary-red-disabled-background: #ebebeb;
    --oxnv-okd-button-primary-red-default-border-color: #91304a;
    --oxnv-okd-button-primary-red-hover-border-color: #f1507b;
    --oxnv-okd-button-primary-red-active-border-color: #602031;
    --oxnv-okd-button-primary-red-focus-border-color: #602031;
    --oxnv-okd-button-primary-red-disabled-border-color: #ebebeb;
    --oxnv-okd-button-primary-red-default-font-color: #fff;
    --oxnv-okd-button-primary-red-hover-font-color: #fff;
    --oxnv-okd-button-primary-red-active-font-color: #fff;
    --oxnv-okd-button-primary-red-focus-font-color: #fff;
    --oxnv-okd-button-primary-red-disabled-font-color: #bdbdbd;
    --oxnv-okd-button-primary-red-default-icon-color: #fff;
    --oxnv-okd-button-primary-red-hover-icon-color: #fff;
    --oxnv-okd-button-primary-red-active-icon-color: #fff;
    --oxnv-okd-button-primary-red-focus-icon-color: #fff;
    --oxnv-okd-button-primary-red-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-primary-red-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-primary-red-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-red-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-red-focus-shadow: var(--oxnv-okd-shadow-sm),0px 0px 0px 3px rgba(247,150,176,.45);
    --oxnv-okd-button-primary-red-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-red-loader-track-color: #f1507b;
    --oxnv-okd-button-primary-red-loader-mark-color: #fff;
    --oxnv-okd-button-primary-green-default-background: #127837;
    --oxnv-okd-button-primary-green-hover-background: #31bd65;
    --oxnv-okd-button-primary-green-active-background: #0c5025;
    --oxnv-okd-button-primary-green-focus-background: #127837;
    --oxnv-okd-button-primary-green-disabled-background: #ebebeb;
    --oxnv-okd-button-primary-green-default-border-color: #127837;
    --oxnv-okd-button-primary-green-hover-border-color: #31bd65;
    --oxnv-okd-button-primary-green-active-border-color: #0c5025;
    --oxnv-okd-button-primary-green-focus-border-color: #127837;
    --oxnv-okd-button-primary-green-disabled-border-color: #ebebeb;
    --oxnv-okd-button-primary-green-default-font-color: #fff;
    --oxnv-okd-button-primary-green-hover-font-color: #fff;
    --oxnv-okd-button-primary-green-active-font-color: #fff;
    --oxnv-okd-button-primary-green-focus-font-color: #fff;
    --oxnv-okd-button-primary-green-disabled-font-color: #bdbdbd;
    --oxnv-okd-button-primary-green-default-icon-color: #fff;
    --oxnv-okd-button-primary-green-hover-icon-color: #fff;
    --oxnv-okd-button-primary-green-active-icon-color: #fff;
    --oxnv-okd-button-primary-green-focus-icon-color: #fff;
    --oxnv-okd-button-primary-green-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-primary-green-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-primary-green-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-green-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-green-focus-shadow: var(--oxnv-okd-shadow-sm),0px 0px 0px 3px rgba(120,222,157,.45);
    --oxnv-okd-button-primary-green-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-green-loader-track-color: #31bd65;
    --oxnv-okd-button-primary-green-loader-mark-color: #fff;
    --oxnv-okd-button-secondary-normal-default-background: #d1e3ff;
    --oxnv-okd-button-secondary-normal-hover-background: #f5f9ff;
    --oxnv-okd-button-secondary-normal-active-background: #afcfff;
    --oxnv-okd-button-secondary-normal-focus-background: #d1e3ff;
    --oxnv-okd-button-secondary-normal-disabled-background: #ebebeb;
    --oxnv-okd-button-secondary-normal-default-border-color: #d1e3ff;
    --oxnv-okd-button-secondary-normal-hover-border-color: #f5f9ff;
    --oxnv-okd-button-secondary-normal-active-border-color: #afcfff;
    --oxnv-okd-button-secondary-normal-focus-border-color: #d1e3ff;
    --oxnv-okd-button-secondary-normal-disabled-border-color: #ebebeb;
    --oxnv-okd-button-secondary-normal-default-font-color: #005eea;
    --oxnv-okd-button-secondary-normal-hover-font-color: #005eea;
    --oxnv-okd-button-secondary-normal-active-font-color: #005eea;
    --oxnv-okd-button-secondary-normal-focus-font-color: #005eea;
    --oxnv-okd-button-secondary-normal-disabled-font-color: #bdbdbd;
    --oxnv-okd-button-secondary-normal-default-icon-color: #0569ff;
    --oxnv-okd-button-secondary-normal-hover-icon-color: #0569ff;
    --oxnv-okd-button-secondary-normal-active-icon-color: #0569ff;
    --oxnv-okd-button-secondary-normal-focus-icon-color: #0569ff;
    --oxnv-okd-button-secondary-normal-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-secondary-normal-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-focus-shadow: 0px 0px 0px 3px rgba(175,207,255,.45);
    --oxnv-okd-button-secondary-normal-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-loader-track-color: #f5f9ff;
    --oxnv-okd-button-secondary-normal-loader-mark-color: #0569ff;
    --oxnv-okd-button-secondary-grey-default-background: #ebebeb;
    --oxnv-okd-button-secondary-grey-hover-background: #f9f9f9;
    --oxnv-okd-button-secondary-grey-active-background: #dbdbdb;
    --oxnv-okd-button-secondary-grey-focus-background: #ebebeb;
    --oxnv-okd-button-secondary-grey-disabled-background: #f9f9f9;
    --oxnv-okd-button-secondary-grey-default-border-color: #ebebeb;
    --oxnv-okd-button-secondary-grey-hover-border-color: #f9f9f9;
    --oxnv-okd-button-secondary-grey-active-border-color: #dbdbdb;
    --oxnv-okd-button-secondary-grey-focus-border-color: #ebebeb;
    --oxnv-okd-button-secondary-grey-disabled-border-color: #f9f9f9;
    --oxnv-okd-button-secondary-grey-default-font-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-hover-font-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-active-font-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-focus-font-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-disabled-font-color: #bdbdbd;
    --oxnv-okd-button-secondary-grey-default-icon-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-hover-icon-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-active-icon-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-focus-icon-color: #3d3d3d;
    --oxnv-okd-button-secondary-grey-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-secondary-grey-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-secondary-grey-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-grey-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-grey-focus-shadow: var(--oxnv-okd-shadow-sm),0px 0px 0px 3px var(--oxnv-okd-color-gray-200);
    --oxnv-okd-button-secondary-grey-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-grey-loader-track-color: #dbdbdb;
    --oxnv-okd-button-secondary-grey-loader-mark-color: #3d3d3d;
    --oxnv-okd-button-basic-normal-default-background: #fff;
    --oxnv-okd-button-basic-normal-hover-background: #fff;
    --oxnv-okd-button-basic-normal-active-background: #f9f9f9;
    --oxnv-okd-button-basic-normal-focus-background: #fff;
    --oxnv-okd-button-basic-normal-disabled-background: #fff;
    --oxnv-okd-button-basic-normal-default-border-color: #dbdbdb;
    --oxnv-okd-button-basic-normal-hover-border-color: #dbdbdb;
    --oxnv-okd-button-basic-normal-active-border-color: #dbdbdb;
    --oxnv-okd-button-basic-normal-focus-border-color: #8dbbff;
    --oxnv-okd-button-basic-normal-disabled-border-color: #dbdbdb;
    --oxnv-okd-button-basic-normal-default-font-color: #3d3d3d;
    --oxnv-okd-button-basic-normal-hover-font-color: #929292;
    --oxnv-okd-button-basic-normal-active-font-color: #000;
    --oxnv-okd-button-basic-normal-focus-font-color: #3d3d3d;
    --oxnv-okd-button-basic-normal-disabled-font-color: #bdbdbd;
    --oxnv-okd-button-basic-normal-default-icon-color: #3d3d3d;
    --oxnv-okd-button-basic-normal-hover-icon-color: #3d3d3d;
    --oxnv-okd-button-basic-normal-active-icon-color: #3d3d3d;
    --oxnv-okd-button-basic-normal-focus-icon-color: #3d3d3d;
    --oxnv-okd-button-basic-normal-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-basic-normal-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-basic-normal-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-basic-normal-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-basic-normal-focus-shadow: 0px 0px 0px 3px rgba(175,207,255,.45);
    --oxnv-okd-button-basic-normal-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-basic-normal-loader-track-color: #d1e3ff;
    --oxnv-okd-button-basic-normal-loader-mark-color: #0569ff;
    --oxnv-okd-button-plain-normal-default-background: transparent;
    --oxnv-okd-button-plain-normal-hover-background: #f5f9ff;
    --oxnv-okd-button-plain-normal-active-background: #f5f9ff;
    --oxnv-okd-button-plain-normal-focus-background: #f5f9ff;
    --oxnv-okd-button-plain-normal-disabled-background: #f9f9f9;
    --oxnv-okd-button-plain-normal-default-border-color: transparent;
    --oxnv-okd-button-plain-normal-hover-border-color: transparent;
    --oxnv-okd-button-plain-normal-active-border-color: transparent;
    --oxnv-okd-button-plain-normal-focus-border-color: transparent;
    --oxnv-okd-button-plain-normal-disabled-border-color: transparent;
    --oxnv-okd-button-plain-normal-default-font-color: #005eea;
    --oxnv-okd-button-plain-normal-hover-font-color: #005eea;
    --oxnv-okd-button-plain-normal-active-font-color: #005eea;
    --oxnv-okd-button-plain-normal-focus-font-color: #005eea;
    --oxnv-okd-button-plain-normal-disabled-font-color: rgba(0,94,234,.45);
    --oxnv-okd-button-plain-normal-default-icon-color: #005eea;
    --oxnv-okd-button-plain-normal-hover-icon-color: #005eea;
    --oxnv-okd-button-plain-normal-active-icon-color: #005eea;
    --oxnv-okd-button-plain-normal-focus-icon-color: #005eea;
    --oxnv-okd-button-plain-normal-disabled-icon-color: rgba(0,94,234,.45);
    --oxnv-okd-button-plain-normal-default-shadow: none;
    --oxnv-okd-button-plain-normal-hover-shadow: none;
    --oxnv-okd-button-plain-normal-active-shadow: none;
    --oxnv-okd-button-plain-normal-focus-shadow: none;
    --oxnv-okd-button-plain-normal-disabled-shadow: none;
    --oxnv-okd-button-plain-red-default-background: transparent;
    --oxnv-okd-button-plain-red-hover-background: #fff8f9;
    --oxnv-okd-button-plain-red-active-background: #fff8f9;
    --oxnv-okd-button-plain-red-focus-background: #fff8f9;
    --oxnv-okd-button-plain-red-disabled-background: #f9f9f9;
    --oxnv-okd-button-plain-red-default-border-color: transparent;
    --oxnv-okd-button-plain-red-hover-border-color: transparent;
    --oxnv-okd-button-plain-red-active-border-color: transparent;
    --oxnv-okd-button-plain-red-focus-border-color: transparent;
    --oxnv-okd-button-plain-red-disabled-border-color: transparent;
    --oxnv-okd-button-plain-red-default-font-color: #602031;
    --oxnv-okd-button-plain-red-hover-font-color: #602031;
    --oxnv-okd-button-plain-red-active-font-color: #602031;
    --oxnv-okd-button-plain-red-focus-font-color: #602031;
    --oxnv-okd-button-plain-red-disabled-font-color: rgba(96,32,49,.45);
    --oxnv-okd-button-plain-red-default-icon-color: #602031;
    --oxnv-okd-button-plain-red-hover-icon-color: #602031;
    --oxnv-okd-button-plain-red-active-icon-color: #602031;
    --oxnv-okd-button-plain-red-focus-icon-color: #602031;
    --oxnv-okd-button-plain-red-disabled-icon-color: rgba(96,32,49,.45);
    --oxnv-okd-button-plain-red-default-shadow: none;
    --oxnv-okd-button-plain-red-hover-shadow: none;
    --oxnv-okd-button-plain-red-active-shadow: none;
    --oxnv-okd-button-plain-red-focus-shadow: none;
    --oxnv-okd-button-plain-red-disabled-shadow: none;
    --oxnv-okd-button-plain-green-default-background: transparent;
    --oxnv-okd-button-plain-green-hover-background: #f2fff7;
    --oxnv-okd-button-plain-green-active-background: #f2fff7;
    --oxnv-okd-button-plain-green-focus-background: #f2fff7;
    --oxnv-okd-button-plain-green-disabled-background: #f9f9f9;
    --oxnv-okd-button-plain-green-default-border-color: transparent;
    --oxnv-okd-button-plain-green-hover-border-color: transparent;
    --oxnv-okd-button-plain-green-active-border-color: transparent;
    --oxnv-okd-button-plain-green-focus-border-color: transparent;
    --oxnv-okd-button-plain-green-disabled-border-color: transparent;
    --oxnv-okd-button-plain-green-default-font-color: #0c5025;
    --oxnv-okd-button-plain-green-hover-font-color: #0c5025;
    --oxnv-okd-button-plain-green-active-font-color: #0c5025;
    --oxnv-okd-button-plain-green-focus-font-color: #0c5025;
    --oxnv-okd-button-plain-green-disabled-font-color: rgba(12,80,37,.45);
    --oxnv-okd-button-plain-green-default-icon-color: #0c5025;
    --oxnv-okd-button-plain-green-hover-icon-color: #0c5025;
    --oxnv-okd-button-plain-green-active-icon-color: #0c5025;
    --oxnv-okd-button-plain-green-focus-icon-color: #0c5025;
    --oxnv-okd-button-plain-green-disabled-icon-color: rgba(12,80,37,.45);
    --oxnv-okd-button-plain-green-default-shadow: none;
    --oxnv-okd-button-plain-green-hover-shadow: none;
    --oxnv-okd-button-plain-green-active-shadow: none;
    --oxnv-okd-button-plain-green-focus-shadow: none;
    --oxnv-okd-button-plain-green-disabled-shadow: none;
    --oxnv-okd-button-plain-orange-default-background: transparent;
    --oxnv-okd-button-plain-orange-hover-background: #fef9f6;
    --oxnv-okd-button-plain-orange-active-background: #fef9f6;
    --oxnv-okd-button-plain-orange-focus-background: #fef9f6;
    --oxnv-okd-button-plain-orange-disabled-background: #f9f9f9;
    --oxnv-okd-button-plain-orange-default-border-color: transparent;
    --oxnv-okd-button-plain-orange-hover-border-color: transparent;
    --oxnv-okd-button-plain-orange-active-border-color: transparent;
    --oxnv-okd-button-plain-orange-focus-border-color: transparent;
    --oxnv-okd-button-plain-orange-disabled-border-color: transparent;
    --oxnv-okd-button-plain-orange-default-font-color: #e96010;
    --oxnv-okd-button-plain-orange-hover-font-color: #e96010;
    --oxnv-okd-button-plain-orange-active-font-color: #e96010;
    --oxnv-okd-button-plain-orange-focus-font-color: #e96010;
    --oxnv-okd-button-plain-orange-disabled-font-color: rgba(233,96,16,.45);
    --oxnv-okd-button-plain-orange-default-icon-color: #e96010;
    --oxnv-okd-button-plain-orange-hover-icon-color: #e96010;
    --oxnv-okd-button-plain-orange-active-icon-color: #e96010;
    --oxnv-okd-button-plain-orange-focus-icon-color: #e96010;
    --oxnv-okd-button-plain-orange-disabled-icon-color: rgba(233,96,16,.45);
    --oxnv-okd-button-plain-orange-default-shadow: none;
    --oxnv-okd-button-plain-orange-hover-shadow: none;
    --oxnv-okd-button-plain-orange-active-shadow: none;
    --oxnv-okd-button-plain-orange-focus-shadow: none;
    --oxnv-okd-button-plain-orange-disabled-shadow: none;
    --oxnv-okd-button-plain-yellow-default-background: transparent;
    --oxnv-okd-button-plain-yellow-hover-background: #fffcf5;
    --oxnv-okd-button-plain-yellow-active-background: #fffcf5;
    --oxnv-okd-button-plain-yellow-focus-background: #fffcf5;
    --oxnv-okd-button-plain-yellow-disabled-background: #f9f9f9;
    --oxnv-okd-button-plain-yellow-default-border-color: transparent;
    --oxnv-okd-button-plain-yellow-hover-border-color: transparent;
    --oxnv-okd-button-plain-yellow-active-border-color: transparent;
    --oxnv-okd-button-plain-yellow-focus-border-color: transparent;
    --oxnv-okd-button-plain-yellow-disabled-border-color: transparent;
    --oxnv-okd-button-plain-yellow-default-font-color: #eaa900;
    --oxnv-okd-button-plain-yellow-hover-font-color: #eaa900;
    --oxnv-okd-button-plain-yellow-active-font-color: #eaa900;
    --oxnv-okd-button-plain-yellow-focus-font-color: #eaa900;
    --oxnv-okd-button-plain-yellow-disabled-font-color: rgba(234,169,0,.45);
    --oxnv-okd-button-plain-yellow-default-icon-color: #eaa900;
    --oxnv-okd-button-plain-yellow-hover-icon-color: #eaa900;
    --oxnv-okd-button-plain-yellow-active-icon-color: #eaa900;
    --oxnv-okd-button-plain-yellow-focus-icon-color: #eaa900;
    --oxnv-okd-button-plain-yellow-disabled-icon-color: rgba(234,169,0,.45);
    --oxnv-okd-button-plain-yellow-default-shadow: none;
    --oxnv-okd-button-plain-yellow-hover-shadow: none;
    --oxnv-okd-button-plain-yellow-active-shadow: none;
    --oxnv-okd-button-plain-yellow-focus-shadow: none;
    --oxnv-okd-button-plain-yellow-disabled-shadow: none;
    --oxnv-okd-button-xxs-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-button-xs-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-button-sm-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-button-md-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-button-lg-font-size: var(--oxnv-okd-font-size-base);
    --oxnv-okd-button-xl-font-size: 18px;
    --oxnv-okd-button-xxs-icon-size: 14px;
    --oxnv-okd-button-xs-icon-size: 14px;
    --oxnv-okd-button-sm-icon-size: 18px;
    --oxnv-okd-button-md-icon-size: 18px;
    --oxnv-okd-button-lg-icon-size: 18px;
    --oxnv-okd-button-xl-icon-size: 18px;
    --oxnv-okd-button-xxs-icon-margin: 6px;
    --oxnv-okd-button-xs-icon-margin: 6px;
    --oxnv-okd-button-sm-icon-margin: 6px;
    --oxnv-okd-button-md-icon-margin: 6px;
    --oxnv-okd-button-lg-icon-margin: 8px;
    --oxnv-okd-button-xl-icon-margin: 8px;
    --oxnv-okd-button-xxs-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-button-xs-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-button-sm-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-button-md-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-button-lg-line-height: var(--oxnv-okd-line-height-base);
    --oxnv-okd-button-xl-line-height: var(--oxnv-okd-line-height-base);
    --oxnv-okd-button-xxs-padding-horizontal: 8px;
    --oxnv-okd-button-xxs-padding-vertical: 3px;
    --oxnv-okd-button-xs-padding-horizontal: 8px;
    --oxnv-okd-button-xs-padding-vertical: 5px;
    --oxnv-okd-button-sm-padding-horizontal: 12px;
    --oxnv-okd-button-sm-padding-vertical: 7px;
    --oxnv-okd-button-md-padding-horizontal: 16px;
    --oxnv-okd-button-md-padding-vertical: 9px;
    --oxnv-okd-button-lg-padding-horizontal: 24px;
    --oxnv-okd-button-lg-padding-vertical: 13px;
    --oxnv-okd-button-xl-padding-horizontal: 24px;
    --oxnv-okd-button-xl-padding-vertical: 17px;
    --oxnv-okd-button-xxs-min-width: 63px;
    --oxnv-okd-button-xs-min-width: 63px;
    --oxnv-okd-button-sm-min-width: 81px;
    --oxnv-okd-button-md-min-width: 90px;
    --oxnv-okd-button-lg-min-width: 108px;
    --oxnv-okd-button-xl-min-width: 126px;
    --oxnv-okd-button-xxs-border-radius: 60px;
    --oxnv-okd-button-xs-border-radius: 60px;
    --oxnv-okd-button-sm-border-radius: 60px;
    --oxnv-okd-button-md-border-radius: 60px;
    --oxnv-okd-button-lg-border-radius: 60px;
    --oxnv-okd-button-xl-border-radius: 60px;
    --oxnv-okd-button-xxs-border-size: 1px;
    --oxnv-okd-button-xs-border-size: 1px;
    --oxnv-okd-button-sm-border-size: 1px;
    --oxnv-okd-button-md-border-size: 1px;
    --oxnv-okd-button-lg-border-size: 1px;
    --oxnv-okd-button-xl-border-size: 1px;
    --oxnv-okd-button-xl-loader-size: 18px;
    --oxnv-okd-button-lg-loader-size: 14px;
    --oxnv-okd-button-md-loader-size: 14px;
    --oxnv-okd-button-sm-loader-size: 14px;
    --oxnv-okd-button-xs-loader-size: 14px;
    --oxnv-okd-button-xxs-loader-size: 14px;
    --oxnv-okd-button-xl-loader-text-margin-left: 8px;
    --oxnv-okd-button-lg-loader-text-margin-left: 8px;
    --oxnv-okd-button-md-loader-text-margin-left: 6px;
    --oxnv-okd-button-sm-loader-text-margin-left: 6px;
    --oxnv-okd-button-xs-loader-text-margin-left: 6px;
    --oxnv-okd-button-xxs-loader-text-margin-left: 6px;
    --oxnv-okd-button-s-font-size: 14px;
    --oxnv-okd-button-s-icon-size: 18px;
    --oxnv-okd-button-s-icon-margin: 6px;
    --oxnv-okd-button-s-line-height: 16px;
    --oxnv-okd-button-s-padding-horizontal: 12px;
    --oxnv-okd-button-s-padding-vertical: 7px;
    --oxnv-okd-button-s-min-width: 72px;
    --oxnv-okd-button-s-border-radius: 60px;
    --oxnv-okd-button-s-loader-size: 14px;
    --oxnv-okd-button-s-loader-text-margin-left: 6px;
    --oxnv-okd-button-xl-font-weight: 600;
    --oxnv-okd-button-lg-font-weight: 500;
    --oxnv-okd-button-md-font-weight: 500;
    --oxnv-okd-button-sm-font-weight: 500;
    --oxnv-okd-button-rect-xxs-border-radius: 4px;
    --oxnv-okd-button-rect-xs-border-radius: 4px;
    --oxnv-okd-button-rect-sm-border-radius: 4px;
    --oxnv-okd-button-rect-s-border-radius: 4px;
    --oxnv-okd-button-rect-md-border-radius: 4px;
    --oxnv-okd-button-rect-lg-border-radius: 8px;
    --oxnv-okd-button-rect-xl-border-radius: 8px;
    --oxnv-okd-button-fill-highlight-default-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-highlight-hover-background: var(--oxnv-okd-color-container-contrast);
    --oxnv-okd-button-fill-highlight-active-background: var(--oxnv-okd-color-container-contrast);
    --oxnv-okd-button-fill-highlight-focus-background: #000;
    --oxnv-okd-button-fill-highlight-disabled-background: #f3f3f3;
    --oxnv-okd-button-fill-highlight-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-focus-border-color: #000;
    --oxnv-okd-button-fill-highlight-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-hover-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-active-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-focus-font-color: #fff;
    --oxnv-okd-button-fill-highlight-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-highlight-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-hover-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-active-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-focus-icon-color: #fff;
    --oxnv-okd-button-fill-highlight-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-highlight-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #1d202359;
    --oxnv-okd-button-fill-highlight-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-loader-track-color: hsla(0,0%,98%,.26);
    --oxnv-okd-button-fill-highlight-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-fill-highlight-border-size: 0px;
    --oxnv-okd-button-fill-primary-default-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-hover-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-active-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-focus-background: #0051ca;
    --oxnv-okd-button-fill-primary-disabled-background: #f3f3f3;
    --oxnv-okd-button-fill-primary-default-border-color: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-primary-active-border-color: transparent;
    --oxnv-okd-button-fill-primary-focus-border-color: transparent;
    --oxnv-okd-button-fill-primary-disabled-border-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-button-fill-primary-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-primary-hover-font-color: hsla(0,0%,100%,.6);
    --oxnv-okd-button-fill-primary-active-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-primary-focus-font-color: #fff;
    --oxnv-okd-button-fill-primary-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-primary-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-primary-hover-icon-color: hsla(0,0%,100%,.6);
    --oxnv-okd-button-fill-primary-active-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-primary-focus-icon-color: #fff;
    --oxnv-okd-button-fill-primary-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-primary-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040;
    --oxnv-okd-button-fill-primary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-loader-track-color: hsla(0,0%,98%,.26);
    --oxnv-okd-button-fill-primary-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-fill-primary-border-size: 0px;
    --oxnv-okd-button-fill-secondary-default-background: #f5f9ff;
    --oxnv-okd-button-fill-secondary-hover-background: #d1e3ff;
    --oxnv-okd-button-fill-secondary-active-background: #afcfff;
    --oxnv-okd-button-fill-secondary-focus-background: #d1e3ff;
    --oxnv-okd-button-fill-secondary-disabled-background: #f5f9ff;
    --oxnv-okd-button-fill-secondary-default-border-color: #f5f9ff;
    --oxnv-okd-button-fill-secondary-hover-border-color: #d1e3ff;
    --oxnv-okd-button-fill-secondary-active-border-color: #afcfff;
    --oxnv-okd-button-fill-secondary-focus-border-color: #d1e3ff;
    --oxnv-okd-button-fill-secondary-disabled-border-color: #f5f9ff;
    --oxnv-okd-button-fill-secondary-default-font-color: #005eea;
    --oxnv-okd-button-fill-secondary-hover-font-color: #005eea;
    --oxnv-okd-button-fill-secondary-active-font-color: #005eea;
    --oxnv-okd-button-fill-secondary-focus-font-color: #005eea;
    --oxnv-okd-button-fill-secondary-disabled-font-color: #8dbbff;
    --oxnv-okd-button-fill-secondary-default-icon-color: #0569ff;
    --oxnv-okd-button-fill-secondary-hover-icon-color: #0569ff;
    --oxnv-okd-button-fill-secondary-active-icon-color: #0569ff;
    --oxnv-okd-button-fill-secondary-focus-icon-color: #0569ff;
    --oxnv-okd-button-fill-secondary-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-fill-secondary-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040;
    --oxnv-okd-button-fill-secondary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-loader-track-color: #f5f9ff;
    --oxnv-okd-button-fill-secondary-loader-mark-color: #0569ff;
    --oxnv-okd-button-fill-secondary-border-size: 0px;
    --oxnv-okd-button-fill-tertiary-border-size: 0px;
    --oxnv-okd-button-fill-tertiary-default-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-hover-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-focus-background: hsla(0,0%,100%,.8);
    --oxnv-okd-button-fill-tertiary-active-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-disabled-background: hsla(0,0%,100%,.06);
    --oxnv-okd-button-fill-tertiary-disabled-font-color: hsla(0,0%,100%,.36);
    --oxnv-okd-button-fill-tertiary-disabled-border-color: hsla(0,0%,100%,.06);
    --oxnv-okd-button-fill-tertiary-default-border-color: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-hover-border-color: hsla(0,0%,100%,0);
    --oxnv-okd-button-fill-tertiary-focus-border-color: rgba(48,16,25,0);
    --oxnv-okd-button-fill-tertiary-active-border-color: hsla(0,0%,100%,0);
    --oxnv-okd-button-fill-tertiary-loader-track-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-fill-tertiary-loader-mark-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-fill-tertiary-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-tertiary-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-hover-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-hover-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-focus-font-color: #000;
    --oxnv-okd-button-fill-tertiary-focus-icon-color: #000;
    --oxnv-okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-active-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-active-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-disabled-icon-color: hsla(0,0%,100%,.36);
    --oxnv-okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-border-size: 0px;
    --oxnv-okd-button-fill-quaternary-default-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-quaternary-default-font-color: #fff;
    --oxnv-okd-button-fill-quaternary-default-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-hover-background: hsla(0,0%,100%,.25);
    --oxnv-okd-button-fill-quaternary-hover-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-hover-font-color: hsla(0,0%,100%,.25);
    --oxnv-okd-button-fill-quaternary-focus-background: hsla(0,0%,100%,.25);
    --oxnv-okd-button-fill-quaternary-focus-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-focus-font-color: #fff;
    --oxnv-okd-button-fill-quaternary-active-background: hsla(0,0%,100%,.25);
    --oxnv-okd-button-fill-quaternary-active-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-active-font-color: #fff;
    --oxnv-okd-button-fill-quaternary-disabled-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-quaternary-disabled-font-color: hsla(0,0%,100%,.25);
    --oxnv-okd-button-fill-quaternary-disabled-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-loader-track-color: hsla(0,0%,100%,.25);
    --oxnv-okd-button-fill-quaternary-loader-mark-color: #fff;
    --oxnv-okd-button-fill-quaternary-default-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-hover-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-focus-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-active-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-disabled-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-red-default-background: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-fill-red-hover-background: rgba(235,75,109,.8);
    --oxnv-okd-button-fill-red-active-background: rgba(235,75,109,.8);
    --oxnv-okd-button-fill-red-focus-background: #602031;
    --oxnv-okd-button-fill-red-disabled-background: #f3f3f3;
    --oxnv-okd-button-fill-red-default-border-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-fill-red-hover-border-color: transparent;
    --oxnv-okd-button-fill-red-active-border-color: transparent;
    --oxnv-okd-button-fill-red-focus-border-color: #602031;
    --oxnv-okd-button-fill-red-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-red-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-red-hover-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-red-active-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-red-focus-font-color: #fff;
    --oxnv-okd-button-fill-red-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-red-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-red-hover-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-red-active-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-red-focus-icon-color: #fff;
    --oxnv-okd-button-fill-red-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-red-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-fill-red-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-red-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-red-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #e35e5e66;
    --oxnv-okd-button-fill-red-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-red-loader-track-color: hsla(0,0%,98%,.26);
    --oxnv-okd-button-fill-red-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-fill-red-border-size: 0px;
    --oxnv-okd-button-fill-green-default-background: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-fill-green-hover-background: rgba(49,189,101,.8);
    --oxnv-okd-button-fill-green-active-background: rgba(49,189,101,.8);
    --oxnv-okd-button-fill-green-focus-background: #0c5025;
    --oxnv-okd-button-fill-green-disabled-background: #f3f3f3;
    --oxnv-okd-button-fill-green-default-border-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-fill-green-hover-border-color: transparent;
    --oxnv-okd-button-fill-green-active-border-color: transparent;
    --oxnv-okd-button-fill-green-focus-border-color: transparent;
    --oxnv-okd-button-fill-green-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-green-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-green-hover-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-green-active-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-green-focus-font-color: #fff;
    --oxnv-okd-button-fill-green-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-green-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-green-hover-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-green-active-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-green-focus-icon-color: #fff;
    --oxnv-okd-button-fill-green-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-green-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-fill-green-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-green-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-green-focus-shadow: 0px 0px 0px 1px #fff,0px 0px 0px 3.5px #2ead6573;
    --oxnv-okd-button-fill-green-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-green-loader-track-color: hsla(0,0%,98%,.26);
    --oxnv-okd-button-fill-green-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-fill-green-border-size: 0px;
    --oxnv-okd-button-fill-grey-default-background: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-button-fill-grey-hover-background: #e6e6e6;
    --oxnv-okd-button-fill-grey-active-background: #f3f3f3;
    --oxnv-okd-button-fill-grey-focus-background: hsla(0,0%,86%,.5);
    --oxnv-okd-button-fill-grey-disabled-background: #f3f3f3;
    --oxnv-okd-button-fill-grey-default-border-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-button-fill-grey-hover-border-color: transparent;
    --oxnv-okd-button-fill-grey-active-border-color: transparent;
    --oxnv-okd-button-fill-grey-focus-border-color: #dbdbdb;
    --oxnv-okd-button-fill-grey-disabled-border-color: var(--oxnv-okd-color-background-surface-disable);
    --oxnv-okd-button-fill-grey-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-focus-font-color: #3d3d3d;
    --oxnv-okd-button-fill-grey-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-grey-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-focus-icon-color: #3d3d3d;
    --oxnv-okd-button-fill-grey-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-grey-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-fill-grey-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-grey-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-grey-focus-shadow: 0px 0px 0px 0px #00000000,0px 0px 0px 3.5px #d8dce673;
    --oxnv-okd-button-fill-grey-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-grey-loader-track-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-fill-grey-loader-mark-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-fill-grey-border-size: 0px;
    --oxnv-okd-button-outline-highlight-border-size: 1.5px;
    --oxnv-okd-button-outline-highlight-hover-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-outline-highlight-hover-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-focus-background: #000;
    --oxnv-okd-button-outline-highlight-focus-border-color: #000;
    --oxnv-okd-button-outline-highlight-focus-font-color: #fff;
    --oxnv-okd-button-outline-highlight-active-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-outline-highlight-active-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-highlight-disabled-border-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-outline-highlight-hover-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-outline-highlight-active-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-outline-highlight-loader-track-color: #dbdbdb;
    --oxnv-okd-button-outline-highlight-loader-mark-color: #000;
    --oxnv-okd-button-outline-highlight-default-background: transparent;
    --oxnv-okd-button-outline-highlight-default-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-outline-highlight-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-highlight-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-hover-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-focus-icon-color: #fff;
    --oxnv-okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-active-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-disabled-background: transparent;
    --oxnv-okd-button-outline-highlight-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-primary-default-background: hsla(0,0%,100%,0);
    --oxnv-okd-button-outline-primary-hover-background: #f3f3f3;
    --oxnv-okd-button-outline-primary-active-background: #f3f3f3;
    --oxnv-okd-button-outline-primary-focus-background: #f7f7f7;
    --oxnv-okd-button-outline-primary-disabled-background: #f3f3f3;
    --oxnv-okd-button-outline-primary-default-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-button-outline-primary-hover-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-button-outline-primary-active-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-button-outline-primary-focus-border-color: #dbdbdb;
    --oxnv-okd-button-outline-primary-disabled-border-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-outline-primary-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-focus-font-color: #000;
    --oxnv-okd-button-outline-primary-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-primary-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-focus-icon-color: #000;
    --oxnv-okd-button-outline-primary-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-primary-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-outline-primary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-primary-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-primary-focus-shadow: 0px 0px 0px 3px #00000014;
    --oxnv-okd-button-outline-primary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-primary-loader-track-color: #dbdbdb;
    --oxnv-okd-button-outline-primary-loader-mark-color: #000;
    --oxnv-okd-button-outline-primary-border-size: 1px;
    --oxnv-okd-button-outline-secondary-default-background: #fff;
    --oxnv-okd-button-outline-secondary-hover-background: #f7f7f7;
    --oxnv-okd-button-outline-secondary-active-background: #f9f9f9;
    --oxnv-okd-button-outline-secondary-focus-background: #f7f7f7;
    --oxnv-okd-button-outline-secondary-disabled-background: #fff;
    --oxnv-okd-button-outline-secondary-default-border-color: #dbdbdb;
    --oxnv-okd-button-outline-secondary-hover-border-color: #dbdbdb;
    --oxnv-okd-button-outline-secondary-active-border-color: #dbdbdb;
    --oxnv-okd-button-outline-secondary-focus-border-color: #dbdbdb;
    --oxnv-okd-button-outline-secondary-disabled-border-color: #ebebeb;
    --oxnv-okd-button-outline-secondary-default-font-color: #000;
    --oxnv-okd-button-outline-secondary-hover-font-color: #000;
    --oxnv-okd-button-outline-secondary-active-font-color: #000;
    --oxnv-okd-button-outline-secondary-focus-font-color: #000;
    --oxnv-okd-button-outline-secondary-disabled-font-color: #bdbdbd;
    --oxnv-okd-button-outline-secondary-default-icon-color: #000;
    --oxnv-okd-button-outline-secondary-hover-icon-color: #000;
    --oxnv-okd-button-outline-secondary-active-icon-color: #000;
    --oxnv-okd-button-outline-secondary-focus-icon-color: #000;
    --oxnv-okd-button-outline-secondary-disabled-icon-color: #bdbdbd;
    --oxnv-okd-button-outline-secondary-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-outline-secondary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-secondary-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-secondary-focus-shadow: 0px 0px 0px 3px #00000014;
    --oxnv-okd-button-outline-secondary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-secondary-loader-track-color: rgba(0,0,0,.25);
    --oxnv-okd-button-outline-secondary-loader-mark-color: #000;
    --oxnv-okd-button-outline-secondary-border-size: 1px;
    --oxnv-okd-button-outline-tertiary-border-size: 1.5px;
    --oxnv-okd-button-outline-tertiary-default-background: transparent;
    --oxnv-okd-button-outline-tertiary-default-border-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-outline-tertiary-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-tertiary-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-hover-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-hover-border-color: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-focus-icon-color: #000;
    --oxnv-okd-button-outline-tertiary-focus-font-color: #000;
    --oxnv-okd-button-outline-tertiary-focus-border-color: #fff;
    --oxnv-okd-button-outline-tertiary-focus-background: #fff;
    --oxnv-okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-active-border-color: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-active-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-disabled-icon-color: hsla(0,0%,100%,.36);
    --oxnv-okd-button-outline-tertiary-disabled-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-tertiary-disabled-border-color: hsla(0,0%,98%,.12);
    --oxnv-okd-button-outline-tertiary-disabled-background: transparent;
    --oxnv-okd-button-outline-tertiary-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-outline-tertiary-loader-track-color: hsla(0,0%,98%,.3);
    --oxnv-okd-button-text-primary-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-hover-background: #f3f3f3;
    --oxnv-okd-button-text-primary-active-background: #f3f3f3;
    --oxnv-okd-button-text-primary-focus-background: #f5f9ff;
    --oxnv-okd-button-text-primary-disabled-background: undefined;
    --oxnv-okd-button-text-primary-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-focus-border-color: transparent;
    --oxnv-okd-button-text-primary-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-focus-font-color: #005eea;
    --oxnv-okd-button-text-primary-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-text-primary-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-focus-icon-color: #005eea;
    --oxnv-okd-button-text-primary-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-text-primary-default-shadow: none;
    --oxnv-okd-button-text-primary-hover-shadow: none;
    --oxnv-okd-button-text-primary-active-shadow: none;
    --oxnv-okd-button-text-primary-focus-shadow: none;
    --oxnv-okd-button-text-primary-disabled-shadow: none;
    --oxnv-okd-button-text-primary-border-size: 1px;
    --oxnv-okd-button-text-secondary-default-background: transparent;
    --oxnv-okd-button-text-secondary-hover-background: #f5f9ff;
    --oxnv-okd-button-text-secondary-active-background: #f5f9ff;
    --oxnv-okd-button-text-secondary-focus-background: #f5f9ff;
    --oxnv-okd-button-text-secondary-disabled-background: #f9f9f9;
    --oxnv-okd-button-text-secondary-default-border-color: transparent;
    --oxnv-okd-button-text-secondary-hover-border-color: transparent;
    --oxnv-okd-button-text-secondary-active-border-color: transparent;
    --oxnv-okd-button-text-secondary-focus-border-color: transparent;
    --oxnv-okd-button-text-secondary-disabled-border-color: transparent;
    --oxnv-okd-button-text-secondary-default-font-color: #0569ff;
    --oxnv-okd-button-text-secondary-hover-font-color: #005eea;
    --oxnv-okd-button-text-secondary-active-font-color: #005eea;
    --oxnv-okd-button-text-secondary-focus-font-color: #005eea;
    --oxnv-okd-button-text-secondary-disabled-font-color: rgba(0,94,234,.45);
    --oxnv-okd-button-text-secondary-default-icon-color: #0569ff;
    --oxnv-okd-button-text-secondary-hover-icon-color: #005eea;
    --oxnv-okd-button-text-secondary-active-icon-color: #005eea;
    --oxnv-okd-button-text-secondary-focus-icon-color: #005eea;
    --oxnv-okd-button-text-secondary-disabled-icon-color: rgba(0,94,234,.45);
    --oxnv-okd-button-text-secondary-default-shadow: none;
    --oxnv-okd-button-text-secondary-hover-shadow: none;
    --oxnv-okd-button-text-secondary-active-shadow: none;
    --oxnv-okd-button-text-secondary-focus-shadow: none;
    --oxnv-okd-button-text-secondary-disabled-shadow: none;
    --oxnv-okd-button-text-secondary-border-size: 1px;
    --oxnv-okd-button-text-red-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-hover-background: rgba(235,75,109,.05);
    --oxnv-okd-button-text-red-active-background: rgba(235,75,109,.05);
    --oxnv-okd-button-text-red-focus-background: #fff8f9;
    --oxnv-okd-button-text-red-disabled-background: hsla(0,0%,98%,0);
    --oxnv-okd-button-text-red-default-border-color: transparent;
    --oxnv-okd-button-text-red-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-focus-border-color: transparent;
    --oxnv-okd-button-text-red-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-default-font-color: #eb4b6d;
    --oxnv-okd-button-text-red-hover-font-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-text-red-active-font-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-text-red-focus-font-color: #602031;
    --oxnv-okd-button-text-red-disabled-font-color: rgba(235,75,109,.45);
    --oxnv-okd-button-text-red-default-icon-color: #602031;
    --oxnv-okd-button-text-red-hover-icon-color: #eb4b6d;
    --oxnv-okd-button-text-red-active-icon-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-text-red-focus-icon-color: #602031;
    --oxnv-okd-button-text-red-disabled-icon-color: rgba(235,75,109,.45);
    --oxnv-okd-button-text-red-default-shadow: none;
    --oxnv-okd-button-text-red-hover-shadow: none;
    --oxnv-okd-button-text-red-active-shadow: none;
    --oxnv-okd-button-text-red-focus-shadow: none;
    --oxnv-okd-button-text-red-disabled-shadow: none;
    --oxnv-okd-button-text-red-border-size: 1px;
    --oxnv-okd-button-text-green-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-hover-background: rgba(49,189,101,.05);
    --oxnv-okd-button-text-green-active-background: rgba(49,189,101,.05);
    --oxnv-okd-button-text-green-focus-background: #f2fff7;
    --oxnv-okd-button-text-green-disabled-background: hsla(0,0%,98%,0);
    --oxnv-okd-button-text-green-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-focus-border-color: transparent;
    --oxnv-okd-button-text-green-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-default-font-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-hover-font-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-active-font-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-focus-font-color: #0c5025;
    --oxnv-okd-button-text-green-disabled-font-color: rgba(49,189,101,.45);
    --oxnv-okd-button-text-green-default-icon-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-hover-icon-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-active-icon-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-focus-icon-color: #0c5025;
    --oxnv-okd-button-text-green-disabled-icon-color: rgba(49,189,101,.45);
    --oxnv-okd-button-text-green-default-shadow: none;
    --oxnv-okd-button-text-green-hover-shadow: none;
    --oxnv-okd-button-text-green-active-shadow: none;
    --oxnv-okd-button-text-green-focus-shadow: none;
    --oxnv-okd-button-text-green-disabled-shadow: none;
    --oxnv-okd-button-text-green-border-size: 1px;
    --oxnv-okd-button-text-yellow-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-hover-background: rgba(255,177,23,.05);
    --oxnv-okd-button-text-yellow-active-background: rgba(255,177,23,.05);
    --oxnv-okd-button-text-yellow-focus-background: #fffcf5;
    --oxnv-okd-button-text-yellow-disabled-background: hsla(0,0%,98%,0);
    --oxnv-okd-button-text-yellow-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-focus-border-color: transparent;
    --oxnv-okd-button-text-yellow-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-default-font-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-hover-font-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-active-font-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-focus-font-color: #eaa900;
    --oxnv-okd-button-text-yellow-disabled-font-color: rgba(255,177,23,.45);
    --oxnv-okd-button-text-yellow-default-icon-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-hover-icon-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-active-icon-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-focus-icon-color: #eaa900;
    --oxnv-okd-button-text-yellow-disabled-icon-color: rgba(255,177,23,.45);
    --oxnv-okd-button-text-yellow-default-shadow: none;
    --oxnv-okd-button-text-yellow-hover-shadow: none;
    --oxnv-okd-button-text-yellow-active-shadow: none;
    --oxnv-okd-button-text-yellow-focus-shadow: none;
    --oxnv-okd-button-text-yellow-disabled-shadow: none;
    --oxnv-okd-button-text-yellow-border-size: 1px;
    --oxnv-okd-button-text-orange-default-background: transparent;
    --oxnv-okd-button-text-orange-hover-background: #fef9f6;
    --oxnv-okd-button-text-orange-active-background: #fef9f6;
    --oxnv-okd-button-text-orange-focus-background: #fef9f6;
    --oxnv-okd-button-text-orange-disabled-background: #f9f9f9;
    --oxnv-okd-button-text-orange-default-border-color: transparent;
    --oxnv-okd-button-text-orange-hover-border-color: transparent;
    --oxnv-okd-button-text-orange-active-border-color: transparent;
    --oxnv-okd-button-text-orange-focus-border-color: transparent;
    --oxnv-okd-button-text-orange-disabled-border-color: transparent;
    --oxnv-okd-button-text-orange-default-font-color: #e96010;
    --oxnv-okd-button-text-orange-hover-font-color: #e96010;
    --oxnv-okd-button-text-orange-active-font-color: #e96010;
    --oxnv-okd-button-text-orange-focus-font-color: #e96010;
    --oxnv-okd-button-text-orange-disabled-font-color: rgba(233,96,16,.45);
    --oxnv-okd-button-text-orange-default-icon-color: #e96010;
    --oxnv-okd-button-text-orange-hover-icon-color: #e96010;
    --oxnv-okd-button-text-orange-active-icon-color: #e96010;
    --oxnv-okd-button-text-orange-focus-icon-color: #e96010;
    --oxnv-okd-button-text-orange-disabled-icon-color: rgba(233,96,16,.45);
    --oxnv-okd-button-text-orange-default-shadow: none;
    --oxnv-okd-button-text-orange-hover-shadow: none;
    --oxnv-okd-button-text-orange-active-shadow: none;
    --oxnv-okd-button-text-orange-focus-shadow: none;
    --oxnv-okd-button-text-orange-disabled-shadow: none;
    --oxnv-okd-button-text-orange-border-size: 1px
}

.theme-dark {
    --oxnv-okd-button-primary-normal-default-background: #4283ff;
    --oxnv-okd-button-primary-normal-hover-background: #1e6bff;
    --oxnv-okd-button-primary-normal-active-background: #0f3c94;
    --oxnv-okd-button-primary-normal-focus-background: #4283ff;
    --oxnv-okd-button-primary-normal-disabled-background: #909090;
    --oxnv-okd-button-primary-normal-default-border-color: #4283ff;
    --oxnv-okd-button-primary-normal-hover-border-color: #1e6bff;
    --oxnv-okd-button-primary-normal-active-border-color: #0f3c94;
    --oxnv-okd-button-primary-normal-focus-border-color: #4283ff;
    --oxnv-okd-button-primary-normal-disabled-border-color: #909090;
    --oxnv-okd-button-primary-normal-default-font-color: #fff;
    --oxnv-okd-button-primary-normal-hover-font-color: #fff;
    --oxnv-okd-button-primary-normal-active-font-color: #fff;
    --oxnv-okd-button-primary-normal-focus-font-color: #fff;
    --oxnv-okd-button-primary-normal-disabled-font-color: #b0b0b0;
    --oxnv-okd-button-primary-normal-default-icon-color: #fff;
    --oxnv-okd-button-primary-normal-hover-icon-color: #fff;
    --oxnv-okd-button-primary-normal-active-icon-color: #fff;
    --oxnv-okd-button-primary-normal-focus-icon-color: #fff;
    --oxnv-okd-button-primary-normal-disabled-icon-color: #b0b0b0;
    --oxnv-okd-button-primary-normal-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-focus-shadow: 0px 0px 0px 3px var(--oxnv-okd-color-blue-200);
    --oxnv-okd-button-primary-normal-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-normal-loader-track-color: hsla(0,0%,100%,.24);
    --oxnv-okd-button-primary-normal-loader-mark-color: #fff;
    --oxnv-okd-button-primary-red-default-background: #fff8f9;
    --oxnv-okd-button-primary-red-hover-background: #f994ae;
    --oxnv-okd-button-primary-red-active-background: #902b44;
    --oxnv-okd-button-primary-red-focus-background: #fff8f9;
    --oxnv-okd-button-primary-red-disabled-background: #909090;
    --oxnv-okd-button-primary-red-default-border-color: #fff8f9;
    --oxnv-okd-button-primary-red-hover-border-color: #f994ae;
    --oxnv-okd-button-primary-red-active-border-color: #902b44;
    --oxnv-okd-button-primary-red-focus-border-color: #fff8f9;
    --oxnv-okd-button-primary-red-disabled-border-color: #909090;
    --oxnv-okd-button-primary-red-default-font-color: #fff;
    --oxnv-okd-button-primary-red-hover-font-color: #fff;
    --oxnv-okd-button-primary-red-active-font-color: #fff;
    --oxnv-okd-button-primary-red-focus-font-color: #fff;
    --oxnv-okd-button-primary-red-disabled-font-color: #b0b0b0;
    --oxnv-okd-button-primary-red-default-icon-color: #fff;
    --oxnv-okd-button-primary-red-hover-icon-color: #fff;
    --oxnv-okd-button-primary-red-active-icon-color: #fff;
    --oxnv-okd-button-primary-red-focus-icon-color: #fff;
    --oxnv-okd-button-primary-red-disabled-icon-color: #b0b0b0;
    --oxnv-okd-button-primary-red-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-primary-red-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-red-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-red-focus-shadow: 0px 0px 0px 3px var(--oxnv-okd-color-red-200);
    --oxnv-okd-button-primary-red-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-red-loader-track-color: hsla(0,0%,100%,.24);
    --oxnv-okd-button-primary-red-loader-mark-color: #fff;
    --oxnv-okd-button-primary-green-default-background: #d2f7de;
    --oxnv-okd-button-primary-green-hover-background: #79e69d;
    --oxnv-okd-button-primary-green-active-background: #138037;
    --oxnv-okd-button-primary-green-focus-background: #d2f7de;
    --oxnv-okd-button-primary-green-disabled-background: #909090;
    --oxnv-okd-button-primary-green-default-border-color: #d2f7de;
    --oxnv-okd-button-primary-green-hover-border-color: #79e69d;
    --oxnv-okd-button-primary-green-active-border-color: #138037;
    --oxnv-okd-button-primary-green-focus-border-color: #d2f7de;
    --oxnv-okd-button-primary-green-disabled-border-color: #909090;
    --oxnv-okd-button-primary-green-default-font-color: #fff;
    --oxnv-okd-button-primary-green-hover-font-color: #fff;
    --oxnv-okd-button-primary-green-active-font-color: #fff;
    --oxnv-okd-button-primary-green-focus-font-color: #fff;
    --oxnv-okd-button-primary-green-disabled-font-color: #b0b0b0;
    --oxnv-okd-button-primary-green-default-icon-color: #fff;
    --oxnv-okd-button-primary-green-hover-icon-color: #fff;
    --oxnv-okd-button-primary-green-active-icon-color: #fff;
    --oxnv-okd-button-primary-green-focus-icon-color: #fff;
    --oxnv-okd-button-primary-green-disabled-icon-color: #b0b0b0;
    --oxnv-okd-button-primary-green-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-primary-green-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-green-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-green-focus-shadow: 0px 0px 0px 3px var(--oxnv-okd-color-green-200);
    --oxnv-okd-button-primary-green-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-primary-green-loader-track-color: hsla(0,0%,100%,.24);
    --oxnv-okd-button-primary-green-loader-mark-color: #fff;
    --oxnv-okd-button-secondary-normal-default-background: #909090;
    --oxnv-okd-button-secondary-normal-hover-background: #b0b0b0;
    --oxnv-okd-button-secondary-normal-active-background: #6c6c6c;
    --oxnv-okd-button-secondary-normal-focus-background: #909090;
    --oxnv-okd-button-secondary-normal-disabled-background: #909090;
    --oxnv-okd-button-secondary-normal-default-border-color: #909090;
    --oxnv-okd-button-secondary-normal-hover-border-color: #b0b0b0;
    --oxnv-okd-button-secondary-normal-active-border-color: #6c6c6c;
    --oxnv-okd-button-secondary-normal-focus-border-color: #909090;
    --oxnv-okd-button-secondary-normal-disabled-border-color: #909090;
    --oxnv-okd-button-secondary-normal-default-font-color: #fff;
    --oxnv-okd-button-secondary-normal-hover-font-color: #fff;
    --oxnv-okd-button-secondary-normal-active-font-color: #fff;
    --oxnv-okd-button-secondary-normal-focus-font-color: #fff;
    --oxnv-okd-button-secondary-normal-disabled-font-color: #b0b0b0;
    --oxnv-okd-button-secondary-normal-default-icon-color: #fff;
    --oxnv-okd-button-secondary-normal-hover-icon-color: #fff;
    --oxnv-okd-button-secondary-normal-active-icon-color: #fff;
    --oxnv-okd-button-secondary-normal-focus-icon-color: #fff;
    --oxnv-okd-button-secondary-normal-disabled-icon-color: #b0b0b0;
    --oxnv-okd-button-secondary-normal-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-focus-shadow: 0px 0px 0px 3px var(--oxnv-okd-color-gray-200);
    --oxnv-okd-button-secondary-normal-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-normal-loader-track-color: #ccc;
    --oxnv-okd-button-secondary-normal-loader-mark-color: #fff;
    --oxnv-okd-button-secondary-grey-default-background: #909090;
    --oxnv-okd-button-secondary-grey-hover-background: #b0b0b0;
    --oxnv-okd-button-secondary-grey-active-background: #6c6c6c;
    --oxnv-okd-button-secondary-grey-focus-background: #909090;
    --oxnv-okd-button-secondary-grey-disabled-background: #404040;
    --oxnv-okd-button-secondary-grey-default-border-color: #909090;
    --oxnv-okd-button-secondary-grey-hover-border-color: #b0b0b0;
    --oxnv-okd-button-secondary-grey-active-border-color: #6c6c6c;
    --oxnv-okd-button-secondary-grey-focus-border-color: #909090;
    --oxnv-okd-button-secondary-grey-disabled-border-color: #404040;
    --oxnv-okd-button-secondary-grey-default-font-color: #fff;
    --oxnv-okd-button-secondary-grey-hover-font-color: #fff;
    --oxnv-okd-button-secondary-grey-active-font-color: #fff;
    --oxnv-okd-button-secondary-grey-focus-font-color: #fff;
    --oxnv-okd-button-secondary-grey-disabled-font-color: #ccc;
    --oxnv-okd-button-secondary-grey-default-icon-color: #fff;
    --oxnv-okd-button-secondary-grey-hover-icon-color: #fff;
    --oxnv-okd-button-secondary-grey-active-icon-color: #fff;
    --oxnv-okd-button-secondary-grey-focus-icon-color: #fff;
    --oxnv-okd-button-secondary-grey-disabled-icon-color: #ccc;
    --oxnv-okd-button-secondary-grey-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-secondary-grey-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-grey-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-grey-focus-shadow: 0px 0px 0px 3px var(--oxnv-okd-color-gray-200);
    --oxnv-okd-button-secondary-grey-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-secondary-grey-loader-track-color: #ccc;
    --oxnv-okd-button-secondary-grey-loader-mark-color: #fafafa;
    --oxnv-okd-button-basic-normal-default-background: transparent;
    --oxnv-okd-button-basic-normal-hover-background: #404040;
    --oxnv-okd-button-basic-normal-active-background: #6c6c6c;
    --oxnv-okd-button-basic-normal-focus-background: transparent;
    --oxnv-okd-button-basic-normal-disabled-background: transparent;
    --oxnv-okd-button-basic-normal-default-border-color: #b0b0b0;
    --oxnv-okd-button-basic-normal-hover-border-color: #b0b0b0;
    --oxnv-okd-button-basic-normal-active-border-color: #b0b0b0;
    --oxnv-okd-button-basic-normal-focus-border-color: #b0b0b0;
    --oxnv-okd-button-basic-normal-disabled-border-color: #909090;
    --oxnv-okd-button-basic-normal-default-font-color: #fff;
    --oxnv-okd-button-basic-normal-hover-font-color: #fff;
    --oxnv-okd-button-basic-normal-active-font-color: #fff;
    --oxnv-okd-button-basic-normal-focus-font-color: #fff;
    --oxnv-okd-button-basic-normal-disabled-font-color: #b0b0b0;
    --oxnv-okd-button-basic-normal-default-icon-color: #fff;
    --oxnv-okd-button-basic-normal-hover-icon-color: #fff;
    --oxnv-okd-button-basic-normal-active-icon-color: #fff;
    --oxnv-okd-button-basic-normal-focus-icon-color: #fff;
    --oxnv-okd-button-basic-normal-disabled-icon-color: #b0b0b0;
    --oxnv-okd-button-basic-normal-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-basic-normal-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-basic-normal-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-basic-normal-focus-shadow: 0px 0px 0px 3px var(--oxnv-okd-color-gray-300);
    --oxnv-okd-button-basic-normal-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-basic-normal-loader-track-color: #909090;
    --oxnv-okd-button-basic-normal-loader-mark-color: #fff;
    --oxnv-okd-button-plain-normal-default-background: transparent;
    --oxnv-okd-button-plain-normal-hover-background: #051738;
    --oxnv-okd-button-plain-normal-active-background: #051738;
    --oxnv-okd-button-plain-normal-focus-background: #051738;
    --oxnv-okd-button-plain-normal-disabled-background: transparent;
    --oxnv-okd-button-plain-normal-default-border-color: transparent;
    --oxnv-okd-button-plain-normal-hover-border-color: transparent;
    --oxnv-okd-button-plain-normal-active-border-color: transparent;
    --oxnv-okd-button-plain-normal-focus-border-color: transparent;
    --oxnv-okd-button-plain-normal-disabled-border-color: transparent;
    --oxnv-okd-button-plain-normal-default-font-color: #3077ff;
    --oxnv-okd-button-plain-normal-hover-font-color: #4283ff;
    --oxnv-okd-button-plain-normal-active-font-color: #4283ff;
    --oxnv-okd-button-plain-normal-focus-font-color: #4283ff;
    --oxnv-okd-button-plain-normal-disabled-font-color: #ccc;
    --oxnv-okd-button-plain-normal-default-icon-color: #3077ff;
    --oxnv-okd-button-plain-normal-hover-icon-color: #4283ff;
    --oxnv-okd-button-plain-normal-active-icon-color: #4283ff;
    --oxnv-okd-button-plain-normal-focus-icon-color: #4283ff;
    --oxnv-okd-button-plain-normal-disabled-icon-color: #ccc;
    --oxnv-okd-button-plain-normal-default-shadow: none;
    --oxnv-okd-button-plain-normal-hover-shadow: none;
    --oxnv-okd-button-plain-normal-active-shadow: none;
    --oxnv-okd-button-plain-normal-focus-shadow: none;
    --oxnv-okd-button-plain-normal-disabled-shadow: none;
    --oxnv-okd-button-plain-red-default-background: transparent;
    --oxnv-okd-button-plain-red-hover-background: #270b12;
    --oxnv-okd-button-plain-red-active-background: #270b12;
    --oxnv-okd-button-plain-red-focus-background: #270b12;
    --oxnv-okd-button-plain-red-disabled-background: #000;
    --oxnv-okd-button-plain-red-default-border-color: transparent;
    --oxnv-okd-button-plain-red-hover-border-color: transparent;
    --oxnv-okd-button-plain-red-active-border-color: transparent;
    --oxnv-okd-button-plain-red-focus-border-color: transparent;
    --oxnv-okd-button-plain-red-disabled-border-color: transparent;
    --oxnv-okd-button-plain-red-default-font-color: #f9b6c7;
    --oxnv-okd-button-plain-red-hover-font-color: #f9b6c7;
    --oxnv-okd-button-plain-red-active-font-color: #f9b6c7;
    --oxnv-okd-button-plain-red-focus-font-color: #f9b6c7;
    --oxnv-okd-button-plain-red-disabled-font-color: rgba(249,182,199,.45);
    --oxnv-okd-button-plain-red-default-icon-color: #f9b6c7;
    --oxnv-okd-button-plain-red-hover-icon-color: #f9b6c7;
    --oxnv-okd-button-plain-red-active-icon-color: #f9b6c7;
    --oxnv-okd-button-plain-red-focus-icon-color: #f9b6c7;
    --oxnv-okd-button-plain-red-disabled-icon-color: rgba(249,182,199,.45);
    --oxnv-okd-button-plain-red-default-shadow: none;
    --oxnv-okd-button-plain-red-hover-shadow: none;
    --oxnv-okd-button-plain-red-active-shadow: none;
    --oxnv-okd-button-plain-red-focus-shadow: none;
    --oxnv-okd-button-plain-red-disabled-shadow: none;
    --oxnv-okd-button-plain-green-default-background: transparent;
    --oxnv-okd-button-plain-green-hover-background: #002b1f;
    --oxnv-okd-button-plain-green-active-background: #002b1f;
    --oxnv-okd-button-plain-green-focus-background: #002b1f;
    --oxnv-okd-button-plain-green-disabled-background: #000;
    --oxnv-okd-button-plain-green-default-border-color: transparent;
    --oxnv-okd-button-plain-green-hover-border-color: transparent;
    --oxnv-okd-button-plain-green-active-border-color: transparent;
    --oxnv-okd-button-plain-green-focus-border-color: transparent;
    --oxnv-okd-button-plain-green-disabled-border-color: transparent;
    --oxnv-okd-button-plain-green-default-font-color: #a5efbe;
    --oxnv-okd-button-plain-green-hover-font-color: #a5efbe;
    --oxnv-okd-button-plain-green-active-font-color: #a5efbe;
    --oxnv-okd-button-plain-green-focus-font-color: #a5efbe;
    --oxnv-okd-button-plain-green-disabled-font-color: rgba(165,239,190,.45);
    --oxnv-okd-button-plain-green-default-icon-color: #a5efbe;
    --oxnv-okd-button-plain-green-hover-icon-color: #a5efbe;
    --oxnv-okd-button-plain-green-active-icon-color: #a5efbe;
    --oxnv-okd-button-plain-green-focus-icon-color: #a5efbe;
    --oxnv-okd-button-plain-green-disabled-icon-color: rgba(165,239,190,.45);
    --oxnv-okd-button-plain-green-default-shadow: none;
    --oxnv-okd-button-plain-green-hover-shadow: none;
    --oxnv-okd-button-plain-green-active-shadow: none;
    --oxnv-okd-button-plain-green-focus-shadow: none;
    --oxnv-okd-button-plain-green-disabled-shadow: none;
    --oxnv-okd-button-plain-orange-default-background: transparent;
    --oxnv-okd-button-plain-orange-hover-background: #361604;
    --oxnv-okd-button-plain-orange-active-background: #361604;
    --oxnv-okd-button-plain-orange-focus-background: #361604;
    --oxnv-okd-button-plain-orange-disabled-background: #000;
    --oxnv-okd-button-plain-orange-default-border-color: transparent;
    --oxnv-okd-button-plain-orange-hover-border-color: transparent;
    --oxnv-okd-button-plain-orange-active-border-color: transparent;
    --oxnv-okd-button-plain-orange-focus-border-color: transparent;
    --oxnv-okd-button-plain-orange-disabled-border-color: transparent;
    --oxnv-okd-button-plain-orange-default-font-color: #f87428;
    --oxnv-okd-button-plain-orange-hover-font-color: #f87428;
    --oxnv-okd-button-plain-orange-active-font-color: #f87428;
    --oxnv-okd-button-plain-orange-focus-font-color: #f87428;
    --oxnv-okd-button-plain-orange-disabled-font-color: rgba(248,116,40,.45);
    --oxnv-okd-button-plain-orange-default-icon-color: #f87428;
    --oxnv-okd-button-plain-orange-hover-icon-color: #f87428;
    --oxnv-okd-button-plain-orange-active-icon-color: #f87428;
    --oxnv-okd-button-plain-orange-focus-icon-color: #f87428;
    --oxnv-okd-button-plain-orange-disabled-icon-color: rgba(248,116,40,.45);
    --oxnv-okd-button-plain-orange-default-shadow: none;
    --oxnv-okd-button-plain-orange-hover-shadow: none;
    --oxnv-okd-button-plain-orange-active-shadow: none;
    --oxnv-okd-button-plain-orange-focus-shadow: none;
    --oxnv-okd-button-plain-orange-disabled-shadow: none;
    --oxnv-okd-button-plain-yellow-default-background: transparent;
    --oxnv-okd-button-plain-yellow-hover-background: #2d2104;
    --oxnv-okd-button-plain-yellow-active-background: #2d2104;
    --oxnv-okd-button-plain-yellow-focus-background: #2d2104;
    --oxnv-okd-button-plain-yellow-disabled-background: #000;
    --oxnv-okd-button-plain-yellow-default-border-color: transparent;
    --oxnv-okd-button-plain-yellow-hover-border-color: transparent;
    --oxnv-okd-button-plain-yellow-active-border-color: transparent;
    --oxnv-okd-button-plain-yellow-focus-border-color: transparent;
    --oxnv-okd-button-plain-yellow-disabled-border-color: transparent;
    --oxnv-okd-button-plain-yellow-default-font-color: #dea921;
    --oxnv-okd-button-plain-yellow-hover-font-color: #dea921;
    --oxnv-okd-button-plain-yellow-active-font-color: #dea921;
    --oxnv-okd-button-plain-yellow-focus-font-color: #dea921;
    --oxnv-okd-button-plain-yellow-disabled-font-color: rgba(222,169,33,.45);
    --oxnv-okd-button-plain-yellow-default-icon-color: #dea921;
    --oxnv-okd-button-plain-yellow-hover-icon-color: #dea921;
    --oxnv-okd-button-plain-yellow-active-icon-color: #dea921;
    --oxnv-okd-button-plain-yellow-focus-icon-color: #dea921;
    --oxnv-okd-button-plain-yellow-disabled-icon-color: rgba(222,169,33,.45);
    --oxnv-okd-button-plain-yellow-default-shadow: none;
    --oxnv-okd-button-plain-yellow-hover-shadow: none;
    --oxnv-okd-button-plain-yellow-active-shadow: none;
    --oxnv-okd-button-plain-yellow-focus-shadow: none;
    --oxnv-okd-button-plain-yellow-disabled-shadow: none;
    --oxnv-okd-button-xxs-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-button-xs-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-button-sm-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-button-md-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-button-lg-font-size: var(--oxnv-okd-font-size-base);
    --oxnv-okd-button-xl-font-size: 18px;
    --oxnv-okd-button-xxs-icon-size: 14px;
    --oxnv-okd-button-xs-icon-size: 14px;
    --oxnv-okd-button-sm-icon-size: 18px;
    --oxnv-okd-button-md-icon-size: 18px;
    --oxnv-okd-button-lg-icon-size: 18px;
    --oxnv-okd-button-xl-icon-size: 18px;
    --oxnv-okd-button-xxs-icon-margin: 6px;
    --oxnv-okd-button-xs-icon-margin: 6px;
    --oxnv-okd-button-sm-icon-margin: 6px;
    --oxnv-okd-button-md-icon-margin: 6px;
    --oxnv-okd-button-lg-icon-margin: 8px;
    --oxnv-okd-button-xl-icon-margin: 8px;
    --oxnv-okd-button-xxs-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-button-xs-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-button-sm-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-button-md-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-button-lg-line-height: var(--oxnv-okd-line-height-base);
    --oxnv-okd-button-xl-line-height: var(--oxnv-okd-line-height-base);
    --oxnv-okd-button-xxs-padding-horizontal: 8px;
    --oxnv-okd-button-xxs-padding-vertical: 3px;
    --oxnv-okd-button-xs-padding-horizontal: 8px;
    --oxnv-okd-button-xs-padding-vertical: 5px;
    --oxnv-okd-button-sm-padding-horizontal: 12px;
    --oxnv-okd-button-sm-padding-vertical: 7px;
    --oxnv-okd-button-md-padding-horizontal: 16px;
    --oxnv-okd-button-md-padding-vertical: 9px;
    --oxnv-okd-button-lg-padding-horizontal: 24px;
    --oxnv-okd-button-lg-padding-vertical: 13px;
    --oxnv-okd-button-xl-padding-horizontal: 24px;
    --oxnv-okd-button-xl-padding-vertical: 17px;
    --oxnv-okd-button-xxs-min-width: 63px;
    --oxnv-okd-button-xs-min-width: 63px;
    --oxnv-okd-button-sm-min-width: 81px;
    --oxnv-okd-button-md-min-width: 90px;
    --oxnv-okd-button-lg-min-width: 108px;
    --oxnv-okd-button-xl-min-width: 126px;
    --oxnv-okd-button-xxs-border-radius: 60px;
    --oxnv-okd-button-xs-border-radius: 60px;
    --oxnv-okd-button-sm-border-radius: 60px;
    --oxnv-okd-button-md-border-radius: 60px;
    --oxnv-okd-button-lg-border-radius: 60px;
    --oxnv-okd-button-xl-border-radius: 60px;
    --oxnv-okd-button-xxs-border-size: 1px;
    --oxnv-okd-button-xs-border-size: 1px;
    --oxnv-okd-button-sm-border-size: 1px;
    --oxnv-okd-button-md-border-size: 1px;
    --oxnv-okd-button-lg-border-size: 1px;
    --oxnv-okd-button-xl-border-size: 1px;
    --oxnv-okd-button-xl-loader-size: 18px;
    --oxnv-okd-button-lg-loader-size: 14px;
    --oxnv-okd-button-md-loader-size: 14px;
    --oxnv-okd-button-sm-loader-size: 14px;
    --oxnv-okd-button-xs-loader-size: 14px;
    --oxnv-okd-button-xxs-loader-size: 14px;
    --oxnv-okd-button-xl-loader-text-margin-left: 8px;
    --oxnv-okd-button-lg-loader-text-margin-left: 8px;
    --oxnv-okd-button-md-loader-text-margin-left: 6px;
    --oxnv-okd-button-sm-loader-text-margin-left: 6px;
    --oxnv-okd-button-xs-loader-text-margin-left: 6px;
    --oxnv-okd-button-xxs-loader-text-margin-left: 6px;
    --oxnv-okd-button-s-font-size: 14px;
    --oxnv-okd-button-s-icon-size: 18px;
    --oxnv-okd-button-s-icon-margin: 6px;
    --oxnv-okd-button-s-line-height: 16px;
    --oxnv-okd-button-s-padding-horizontal: 12px;
    --oxnv-okd-button-s-padding-vertical: 7px;
    --oxnv-okd-button-s-min-width: 72px;
    --oxnv-okd-button-s-border-radius: 60px;
    --oxnv-okd-button-s-loader-size: 14px;
    --oxnv-okd-button-s-loader-text-margin-left: 6px;
    --oxnv-okd-button-rect-xxs-border-radius: 4px;
    --oxnv-okd-button-rect-xs-border-radius: 4px;
    --oxnv-okd-button-rect-sm-border-radius: 4px;
    --oxnv-okd-button-rect-s-border-radius: 4px;
    --oxnv-okd-button-rect-md-border-radius: 4px;
    --oxnv-okd-button-rect-lg-border-radius: 8px;
    --oxnv-okd-button-rect-xl-border-radius: 8px;
    --oxnv-okd-button-fill-highlight-default-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-highlight-hover-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-highlight-active-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-highlight-focus-background: #fafafa;
    --oxnv-okd-button-fill-highlight-disabled-background: #1d1d1d;
    --oxnv-okd-button-fill-highlight-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-focus-border-color: #fafafa;
    --oxnv-okd-button-fill-highlight-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-highlight-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-hover-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-highlight-active-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-highlight-focus-font-color: #000;
    --oxnv-okd-button-fill-highlight-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-highlight-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-highlight-hover-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-highlight-active-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-highlight-focus-icon-color: #000;
    --oxnv-okd-button-fill-highlight-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-highlight-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-focus-shadow: 0px 0px 0px 1.5px #000,0px 0px 0px 4px #fafafa40;
    --oxnv-okd-button-fill-highlight-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-highlight-loader-track-color: rgba(0,0,0,.26);
    --oxnv-okd-button-fill-highlight-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-fill-highlight-border-size: 0px;
    --oxnv-okd-button-fill-primary-default-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-hover-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-active-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-focus-background: #1453cc;
    --oxnv-okd-button-fill-primary-disabled-background: #1d1d1d;
    --oxnv-okd-button-fill-primary-default-border-color: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-fill-primary-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-primary-active-border-color: transparent;
    --oxnv-okd-button-fill-primary-focus-border-color: transparent;
    --oxnv-okd-button-fill-primary-disabled-border-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-button-fill-primary-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-primary-hover-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-primary-active-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-primary-focus-font-color: #fff;
    --oxnv-okd-button-fill-primary-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-primary-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-fill-primary-hover-icon-color: rgba(0,0,0,.6);
    --oxnv-okd-button-fill-primary-active-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-primary-focus-icon-color: #fff;
    --oxnv-okd-button-fill-primary-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-primary-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #2676ff8c;
    --oxnv-okd-button-fill-primary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-primary-loader-track-color: rgba(0,0,0,.26);
    --oxnv-okd-button-fill-primary-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-fill-primary-border-size: 0px;
    --oxnv-okd-button-fill-secondary-default-background: hsla(0,0%,98%,.06);
    --oxnv-okd-button-fill-secondary-hover-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-secondary-active-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-secondary-focus-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-secondary-disabled-background: hsla(0,0%,100%,.06);
    --oxnv-okd-button-fill-secondary-default-border-color: transparent;
    --oxnv-okd-button-fill-secondary-hover-border-color: transparent;
    --oxnv-okd-button-fill-secondary-active-border-color: transparent;
    --oxnv-okd-button-fill-secondary-focus-border-color: transparent;
    --oxnv-okd-button-fill-secondary-disabled-border-color: #242424;
    --oxnv-okd-button-fill-secondary-default-font-color: #fafafa;
    --oxnv-okd-button-fill-secondary-hover-font-color: #fff;
    --oxnv-okd-button-fill-secondary-active-font-color: #fff;
    --oxnv-okd-button-fill-secondary-focus-font-color: #fff;
    --oxnv-okd-button-fill-secondary-disabled-font-color: #6c6c6c;
    --oxnv-okd-button-fill-secondary-default-icon-color: #fafafa;
    --oxnv-okd-button-fill-secondary-hover-icon-color: #fafafa;
    --oxnv-okd-button-fill-secondary-active-icon-color: #fff;
    --oxnv-okd-button-fill-secondary-focus-icon-color: #fff;
    --oxnv-okd-button-fill-secondary-disabled-icon-color: #6c6c6c;
    --oxnv-okd-button-fill-secondary-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a;
    --oxnv-okd-button-fill-secondary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-secondary-loader-track-color: #6c6c6c;
    --oxnv-okd-button-fill-secondary-loader-mark-color: #fff;
    --oxnv-okd-button-fill-secondary-border-size: 0px;
    --oxnv-okd-button-fill-tertiary-border-size: 0px;
    --oxnv-okd-button-fill-tertiary-default-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-hover-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-focus-background: hsla(0,0%,100%,.8);
    --oxnv-okd-button-fill-tertiary-active-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-disabled-background: rgba(39,39,39,.06);
    --oxnv-okd-button-fill-tertiary-default-border-color: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-fill-tertiary-hover-border-color: rgba(39,39,39,0);
    --oxnv-okd-button-fill-tertiary-focus-border-color: hsla(0,0%,100%,0);
    --oxnv-okd-button-fill-tertiary-active-border-color: rgba(39,39,39,0);
    --oxnv-okd-button-fill-tertiary-disabled-border-color: rgba(39,39,39,.06);
    --oxnv-okd-button-fill-tertiary-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-tertiary-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-tertiary-hover-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-hover-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-focus-font-color: #000;
    --oxnv-okd-button-fill-tertiary-focus-icon-color: #000;
    --oxnv-okd-button-fill-tertiary-active-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-active-font-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-button-fill-tertiary-disabled-icon-color: rgba(0,0,0,.36);
    --oxnv-okd-button-fill-tertiary-disabled-font-color: rgba(0,0,0,.36);
    --oxnv-okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-tertiary-loader-track-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-fill-tertiary-loader-mark-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-fill-quaternary-border-size: 0px;
    --oxnv-okd-button-fill-quaternary-default-background: hsla(0,0%,100%,.06);
    --oxnv-okd-button-fill-quaternary-default-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-default-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-default-font-color: #fff;
    --oxnv-okd-button-fill-quaternary-hover-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-hover-font-color: #fff;
    --oxnv-okd-button-fill-quaternary-hover-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-hover-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-quaternary-focus-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-focus-font-color: #fff;
    --oxnv-okd-button-fill-quaternary-focus-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-focus-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-quaternary-active-icon-color: #fff;
    --oxnv-okd-button-fill-quaternary-active-font-color: #fff;
    --oxnv-okd-button-fill-quaternary-active-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-active-background: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-quaternary-disabled-icon-color: hsla(0,0%,100%,.3);
    --oxnv-okd-button-fill-quaternary-disabled-font-color: hsla(0,0%,100%,.3);
    --oxnv-okd-button-fill-quaternary-disabled-border-color: transparent;
    --oxnv-okd-button-fill-quaternary-disabled-background: hsla(0,0%,100%,.06);
    --oxnv-okd-button-fill-quaternary-loader-mark-color: #fff;
    --oxnv-okd-button-fill-quaternary-loader-track-color: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-fill-red-default-background: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-fill-red-hover-background: rgba(202,63,100,.8);
    --oxnv-okd-button-fill-red-active-background: rgba(202,63,100,.8);
    --oxnv-okd-button-fill-red-focus-background: #f04872;
    --oxnv-okd-button-fill-red-disabled-background: #1d1d1d;
    --oxnv-okd-button-fill-red-default-border-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-fill-red-hover-border-color: transparent;
    --oxnv-okd-button-fill-red-active-border-color: transparent;
    --oxnv-okd-button-fill-red-focus-border-color: transparent;
    --oxnv-okd-button-fill-red-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-red-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-red-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-red-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-red-focus-font-color: #fff;
    --oxnv-okd-button-fill-red-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-red-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-red-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-red-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-red-focus-icon-color: #fff;
    --oxnv-okd-button-fill-red-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-red-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-fill-red-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-red-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-red-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #bf474780;
    --oxnv-okd-button-fill-red-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-red-loader-track-color: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-red-loader-mark-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-fill-red-border-size: 0px;
    --oxnv-okd-button-fill-green-default-background: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-fill-green-hover-background: rgba(37,167,80,.8);
    --oxnv-okd-button-fill-green-active-background: rgba(37,167,80,.8);
    --oxnv-okd-button-fill-green-focus-background: #25a750;
    --oxnv-okd-button-fill-green-disabled-background: #1d1d1d;
    --oxnv-okd-button-fill-green-default-border-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-fill-green-hover-border-color: transparent;
    --oxnv-okd-button-fill-green-active-border-color: transparent;
    --oxnv-okd-button-fill-green-focus-border-color: #25a750;
    --oxnv-okd-button-fill-green-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-fill-green-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-green-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-green-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-green-focus-font-color: #fff;
    --oxnv-okd-button-fill-green-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-green-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-green-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-green-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-green-focus-icon-color: #fff;
    --oxnv-okd-button-fill-green-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-green-default-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-button-fill-green-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-green-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-green-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #33b06a8c;
    --oxnv-okd-button-fill-green-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-green-loader-track-color: hsla(0,0%,100%,.15);
    --oxnv-okd-button-fill-green-loader-mark-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-fill-green-border-size: 0px;
    --oxnv-okd-button-fill-grey-default-background: #1d1d1d;
    --oxnv-okd-button-fill-grey-hover-background: #272727;
    --oxnv-okd-button-fill-grey-active-background: #1d1d1d;
    --oxnv-okd-button-fill-grey-focus-background: rgba(64,64,64,.6);
    --oxnv-okd-button-fill-grey-disabled-background: #1d1d1d;
    --oxnv-okd-button-fill-grey-default-border-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-button-fill-grey-hover-border-color: transparent;
    --oxnv-okd-button-fill-grey-active-border-color: transparent;
    --oxnv-okd-button-fill-grey-focus-border-color: #404040;
    --oxnv-okd-button-fill-grey-disabled-border-color: var(--oxnv-okd-color-background-surface-disable);
    --oxnv-okd-button-fill-grey-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-focus-font-color: #fff;
    --oxnv-okd-button-fill-grey-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-grey-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-fill-grey-focus-icon-color: #fff;
    --oxnv-okd-button-fill-grey-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-fill-grey-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-fill-grey-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-grey-active-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-fill-grey-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a;
    --oxnv-okd-button-fill-grey-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-fill-grey-loader-track-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-fill-grey-loader-mark-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-fill-grey-border-size: 0px;
    --oxnv-okd-button-outline-highlight-border-size: 1px;
    --oxnv-okd-button-outline-highlight-default-background: transparent;
    --oxnv-okd-button-outline-highlight-default-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-outline-highlight-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-highlight-hover-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-outline-highlight-hover-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-outline-highlight-hover-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-hover-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-focus-background: #fff;
    --oxnv-okd-button-outline-highlight-focus-border-color: #fff;
    --oxnv-okd-button-outline-highlight-focus-font-color: #000;
    --oxnv-okd-button-outline-highlight-focus-icon-color: #000;
    --oxnv-okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-highlight-active-background: var(--oxnv-okd-color-container-inverse);
    --oxnv-okd-button-outline-highlight-active-border-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-button-outline-highlight-active-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-active-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-highlight-disabled-background: transparent;
    --oxnv-okd-button-outline-highlight-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-highlight-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-highlight-disabled-border-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-outline-highlight-loader-track-color: hsla(0,0%,100%,.25);
    --oxnv-okd-button-outline-highlight-loader-mark-color: #fff;
    --oxnv-okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-primary-default-background: transparent;
    --oxnv-okd-button-outline-primary-hover-background: #1d1d1d;
    --oxnv-okd-button-outline-primary-active-background: #1d1d1d;
    --oxnv-okd-button-outline-primary-focus-background: #242424;
    --oxnv-okd-button-outline-primary-disabled-background: #1d1d1d;
    --oxnv-okd-button-outline-primary-default-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-button-outline-primary-hover-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-button-outline-primary-active-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-button-outline-primary-focus-border-color: #404040;
    --oxnv-okd-button-outline-primary-disabled-border-color: var(--oxnv-okd-color-border-primary);
    --oxnv-okd-button-outline-primary-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-focus-font-color: #fff;
    --oxnv-okd-button-outline-primary-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-primary-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-primary-focus-icon-color: #fff;
    --oxnv-okd-button-outline-primary-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-outline-primary-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-primary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-primary-active-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-primary-focus-shadow: 0px 0px 0px 3.5px #ffffff1a;
    --oxnv-okd-button-outline-primary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-primary-loader-track-color: hsla(0,0%,56%,.25);
    --oxnv-okd-button-outline-primary-loader-mark-color: #fff;
    --oxnv-okd-button-outline-primary-border-size: 1px;
    --oxnv-okd-button-outline-secondary-default-background: transparent;
    --oxnv-okd-button-outline-secondary-hover-background: #242424;
    --oxnv-okd-button-outline-secondary-active-background: #242424;
    --oxnv-okd-button-outline-secondary-focus-background: #242424;
    --oxnv-okd-button-outline-secondary-disabled-background: transparent;
    --oxnv-okd-button-outline-secondary-default-border-color: #404040;
    --oxnv-okd-button-outline-secondary-hover-border-color: #404040;
    --oxnv-okd-button-outline-secondary-active-border-color: #404040;
    --oxnv-okd-button-outline-secondary-focus-border-color: #404040;
    --oxnv-okd-button-outline-secondary-disabled-border-color: #2e2e2e;
    --oxnv-okd-button-outline-secondary-default-font-color: #fafafa;
    --oxnv-okd-button-outline-secondary-hover-font-color: #fafafa;
    --oxnv-okd-button-outline-secondary-active-font-color: #fafafa;
    --oxnv-okd-button-outline-secondary-focus-font-color: #fafafa;
    --oxnv-okd-button-outline-secondary-disabled-font-color: #6c6c6c;
    --oxnv-okd-button-outline-secondary-default-icon-color: #fafafa;
    --oxnv-okd-button-outline-secondary-hover-icon-color: #fafafa;
    --oxnv-okd-button-outline-secondary-active-icon-color: #fafafa;
    --oxnv-okd-button-outline-secondary-focus-icon-color: #fafafa;
    --oxnv-okd-button-outline-secondary-disabled-icon-color: #6c6c6c;
    --oxnv-okd-button-outline-secondary-default-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-secondary-hover-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-secondary-active-shadow: 0 0 0 0 transparent;
    --oxnv-okd-button-outline-secondary-focus-shadow: 0px 0px 0px 3.5px #ffffff1a;
    --oxnv-okd-button-outline-secondary-disabled-shadow: var(--oxnv-okd-shadow-none);
    --oxnv-okd-button-outline-secondary-loader-track-color: hsla(0,0%,100%,.25);
    --oxnv-okd-button-outline-secondary-loader-mark-color: #fff;
    --oxnv-okd-button-outline-secondary-border-size: 1px;
    --oxnv-okd-button-outline-tertiary-border-size: 1.5px;
    --oxnv-okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-default-icon-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-tertiary-default-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-tertiary-default-border-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-outline-tertiary-default-background: transparent;
    --oxnv-okd-button-outline-tertiary-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-hover-border-color: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-hover-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-focus-icon-color: #000;
    --oxnv-okd-button-outline-tertiary-focus-font-color: #000;
    --oxnv-okd-button-outline-tertiary-focus-border-color: #fff;
    --oxnv-okd-button-outline-tertiary-focus-background: #fff;
    --oxnv-okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-outline-tertiary-active-border-color: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-active-background: var(--oxnv-okd-color-container-primary);
    --oxnv-okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-button-outline-tertiary-disabled-icon-color: rgba(0,0,0,.36);
    --oxnv-okd-button-outline-tertiary-disabled-font-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-button-outline-tertiary-disabled-border-color: rgba(0,0,0,.12);
    --oxnv-okd-button-outline-tertiary-disabled-background: transparent;
    --oxnv-okd-button-outline-tertiary-loader-mark-color: var(--oxnv-okd-color-border-contrast);
    --oxnv-okd-button-outline-tertiary-loader-track-color: rgba(0,0,0,.3);
    --oxnv-okd-button-text-primary-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-hover-background: #1d1d1d;
    --oxnv-okd-button-text-primary-active-background: #1d1d1d;
    --oxnv-okd-button-text-primary-focus-background: #051738;
    --oxnv-okd-button-text-primary-disabled-background: undefined;
    --oxnv-okd-button-text-primary-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-focus-border-color: transparent;
    --oxnv-okd-button-text-primary-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-primary-default-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-hover-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-active-font-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-focus-font-color: #4283ff;
    --oxnv-okd-button-text-primary-disabled-font-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-text-primary-default-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-hover-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-active-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-button-text-primary-focus-icon-color: #4283ff;
    --oxnv-okd-button-text-primary-disabled-icon-color: var(--oxnv-okd-color-content-disabled);
    --oxnv-okd-button-text-primary-default-shadow: none;
    --oxnv-okd-button-text-primary-hover-shadow: none;
    --oxnv-okd-button-text-primary-active-shadow: none;
    --oxnv-okd-button-text-primary-focus-shadow: none;
    --oxnv-okd-button-text-primary-disabled-shadow: none;
    --oxnv-okd-button-text-primary-border-size: 1px;
    --oxnv-okd-button-text-secondary-default-background: transparent;
    --oxnv-okd-button-text-secondary-hover-background: #051738;
    --oxnv-okd-button-text-secondary-active-background: #051738;
    --oxnv-okd-button-text-secondary-focus-background: #051738;
    --oxnv-okd-button-text-secondary-disabled-background: transparent;
    --oxnv-okd-button-text-secondary-default-border-color: transparent;
    --oxnv-okd-button-text-secondary-hover-border-color: transparent;
    --oxnv-okd-button-text-secondary-active-border-color: transparent;
    --oxnv-okd-button-text-secondary-focus-border-color: transparent;
    --oxnv-okd-button-text-secondary-disabled-border-color: transparent;
    --oxnv-okd-button-text-secondary-default-font-color: #4283ff;
    --oxnv-okd-button-text-secondary-hover-font-color: #4283ff;
    --oxnv-okd-button-text-secondary-active-font-color: #4283ff;
    --oxnv-okd-button-text-secondary-focus-font-color: #4283ff;
    --oxnv-okd-button-text-secondary-disabled-font-color: #6c6c6c;
    --oxnv-okd-button-text-secondary-default-icon-color: #4283ff;
    --oxnv-okd-button-text-secondary-hover-icon-color: #4283ff;
    --oxnv-okd-button-text-secondary-active-icon-color: #4283ff;
    --oxnv-okd-button-text-secondary-focus-icon-color: #4283ff;
    --oxnv-okd-button-text-secondary-disabled-icon-color: #6c6c6c;
    --oxnv-okd-button-text-secondary-default-shadow: none;
    --oxnv-okd-button-text-secondary-hover-shadow: none;
    --oxnv-okd-button-text-secondary-active-shadow: none;
    --oxnv-okd-button-text-secondary-focus-shadow: none;
    --oxnv-okd-button-text-secondary-disabled-shadow: none;
    --oxnv-okd-button-text-secondary-border-size: 1px;
    --oxnv-okd-button-text-red-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-hover-background: rgba(202,63,100,.05);
    --oxnv-okd-button-text-red-active-background: rgba(202,63,100,.05);
    --oxnv-okd-button-text-red-focus-background: #270b12;
    --oxnv-okd-button-text-red-disabled-background: hsla(0,0%,5%,0);
    --oxnv-okd-button-text-red-default-border-color: transparent;
    --oxnv-okd-button-text-red-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-focus-border-color: transparent;
    --oxnv-okd-button-text-red-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-red-default-font-color: #ca3f64;
    --oxnv-okd-button-text-red-hover-font-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-text-red-active-font-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-text-red-focus-font-color: #f9b6c7;
    --oxnv-okd-button-text-red-disabled-font-color: rgba(202,63,100,.45);
    --oxnv-okd-button-text-red-default-icon-color: #ca3f64;
    --oxnv-okd-button-text-red-hover-icon-color: rgba(202,63,100,.1);
    --oxnv-okd-button-text-red-active-icon-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-button-text-red-focus-icon-color: #f9b6c7;
    --oxnv-okd-button-text-red-disabled-icon-color: rgba(202,63,100,.45);
    --oxnv-okd-button-text-red-default-shadow: none;
    --oxnv-okd-button-text-red-hover-shadow: none;
    --oxnv-okd-button-text-red-active-shadow: none;
    --oxnv-okd-button-text-red-focus-shadow: none;
    --oxnv-okd-button-text-red-disabled-shadow: none;
    --oxnv-okd-button-text-red-border-size: 1px;
    --oxnv-okd-button-text-green-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-hover-background: rgba(37,167,80,.05);
    --oxnv-okd-button-text-green-active-background: rgba(37,167,80,.05);
    --oxnv-okd-button-text-green-focus-background: #002b1f;
    --oxnv-okd-button-text-green-disabled-background: hsla(0,0%,5%,0);
    --oxnv-okd-button-text-green-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-focus-border-color: transparent;
    --oxnv-okd-button-text-green-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-green-default-font-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-hover-font-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-active-font-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-focus-font-color: #a5efbe;
    --oxnv-okd-button-text-green-disabled-font-color: rgba(37,167,80,.45);
    --oxnv-okd-button-text-green-default-icon-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-hover-icon-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-active-icon-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-button-text-green-focus-icon-color: #a5efbe;
    --oxnv-okd-button-text-green-disabled-icon-color: rgba(37,167,80,.45);
    --oxnv-okd-button-text-green-default-shadow: none;
    --oxnv-okd-button-text-green-hover-shadow: none;
    --oxnv-okd-button-text-green-active-shadow: none;
    --oxnv-okd-button-text-green-focus-shadow: none;
    --oxnv-okd-button-text-green-disabled-shadow: none;
    --oxnv-okd-button-text-green-border-size: 1px;
    --oxnv-okd-button-text-yellow-default-background: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-hover-background: rgba(255,177,23,.05);
    --oxnv-okd-button-text-yellow-active-background: rgba(255,177,23,.05);
    --oxnv-okd-button-text-yellow-focus-background: #2d2104;
    --oxnv-okd-button-text-yellow-disabled-background: hsla(0,0%,5%,0);
    --oxnv-okd-button-text-yellow-default-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-hover-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-active-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-focus-border-color: transparent;
    --oxnv-okd-button-text-yellow-disabled-border-color: var(--oxnv-okd-color-common-transparent);
    --oxnv-okd-button-text-yellow-default-font-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-hover-font-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-active-font-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-focus-font-color: #dea921;
    --oxnv-okd-button-text-yellow-disabled-font-color: rgba(255,177,23,.45);
    --oxnv-okd-button-text-yellow-default-icon-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-hover-icon-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-active-icon-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-button-text-yellow-focus-icon-color: #dea921;
    --oxnv-okd-button-text-yellow-disabled-icon-color: rgba(255,177,23,.45);
    --oxnv-okd-button-text-yellow-default-shadow: none;
    --oxnv-okd-button-text-yellow-hover-shadow: none;
    --oxnv-okd-button-text-yellow-active-shadow: none;
    --oxnv-okd-button-text-yellow-focus-shadow: none;
    --oxnv-okd-button-text-yellow-disabled-shadow: none;
    --oxnv-okd-button-text-yellow-border-size: 1px;
    --oxnv-okd-button-text-orange-default-background: transparent;
    --oxnv-okd-button-text-orange-hover-background: #361604;
    --oxnv-okd-button-text-orange-active-background: #361604;
    --oxnv-okd-button-text-orange-focus-background: #361604;
    --oxnv-okd-button-text-orange-disabled-background: #000;
    --oxnv-okd-button-text-orange-default-border-color: transparent;
    --oxnv-okd-button-text-orange-hover-border-color: transparent;
    --oxnv-okd-button-text-orange-active-border-color: transparent;
    --oxnv-okd-button-text-orange-focus-border-color: transparent;
    --oxnv-okd-button-text-orange-disabled-border-color: transparent;
    --oxnv-okd-button-text-orange-default-font-color: #fa8c4d;
    --oxnv-okd-button-text-orange-hover-font-color: #f87428;
    --oxnv-okd-button-text-orange-active-font-color: #f87428;
    --oxnv-okd-button-text-orange-focus-font-color: #f87428;
    --oxnv-okd-button-text-orange-disabled-font-color: rgba(248,116,40,.45);
    --oxnv-okd-button-text-orange-default-icon-color: #f87428;
    --oxnv-okd-button-text-orange-hover-icon-color: #f87428;
    --oxnv-okd-button-text-orange-active-icon-color: #f87428;
    --oxnv-okd-button-text-orange-focus-icon-color: #f87428;
    --oxnv-okd-button-text-orange-disabled-icon-color: rgba(248,116,40,.45);
    --oxnv-okd-button-text-orange-default-shadow: none;
    --oxnv-okd-button-text-orange-hover-shadow: none;
    --oxnv-okd-button-text-orange-active-shadow: none;
    --oxnv-okd-button-text-orange-focus-shadow: none;
    --oxnv-okd-button-text-orange-disabled-shadow: none;
    --oxnv-okd-button-text-orange-border-size: 1px
}

.oxnv-a11y-button:focus-visible {
    border-radius: 4px;
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-icon.icon {
    font-family: var(--ok-icon-font-family)!important
}

.theme-light {
    --oxnv-okd-loader-line-active-color: var(--oxnv-okd-color-border-static-emphasis);
    --oxnv-okd-loader-line-inactive-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-loader-primary-active-color: var(--oxnv-okd-color-global-alpha-inverse-90);
    --oxnv-okd-loader-primary-inactive-color: var(--oxnv-okd-color-global-alpha-inverse-20);
    --oxnv-okd-loader-neutral-active-color: var(--oxnv-okd-color-global-alpha-inverse-90);
    --oxnv-okd-loader-neutral-inactive-color: var(--oxnv-okd-color-global-alpha-inverse-20);
    --oxnv-okd-loader-mask-bg-color: var(--oxnv-okd-color-global-alpha-matching-80);
    --oxnv-okd-loader-circle-xl-size: 38px;
    --oxnv-okd-loader-circle-lg-size: 30px;
    --oxnv-okd-loader-circle-md-size: 22px;
    --oxnv-okd-loader-circle-sm-size: 14px;
    --oxnv-okd-loader-circle-xl-track-width: 2px;
    --oxnv-okd-loader-circle-lg-track-width: 2px;
    --oxnv-okd-loader-circle-md-track-width: 1.82px;
    --oxnv-okd-loader-circle-sm-track-width: 1.5px;
    --oxnv-okd-loader-line-size: 4px;
    --oxnv-okd-loader-circle-cover-background: #fff;
    --oxnv-okd-loader-mask-text-font-size: 14px;
    --oxnv-okd-loader-mask-text-line-height: 16px;
    --oxnv-okd-loader-mask-text-font-weight: 400;
    --oxnv-okd-loader-mask-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-loader-mask-text-margin-top: 10px
}

.theme-dark {
    --oxnv-okd-loader-line-active-color: var(--oxnv-okd-color-border-static-emphasis);
    --oxnv-okd-loader-line-inactive-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-loader-primary-active-color: var(--oxnv-okd-color-global-alpha-inverse-90);
    --oxnv-okd-loader-primary-inactive-color: var(--oxnv-okd-color-global-alpha-inverse-20);
    --oxnv-okd-loader-neutral-active-color: var(--oxnv-okd-color-global-alpha-inverse-90);
    --oxnv-okd-loader-neutral-inactive-color: var(--oxnv-okd-color-global-alpha-inverse-20);
    --oxnv-okd-loader-mask-bg-color: var(--oxnv-okd-color-global-alpha-matching-80);
    --oxnv-okd-loader-circle-xl-size: 38px;
    --oxnv-okd-loader-circle-lg-size: 30px;
    --oxnv-okd-loader-circle-md-size: 22px;
    --oxnv-okd-loader-circle-sm-size: 14px;
    --oxnv-okd-loader-circle-xl-track-width: 2px;
    --oxnv-okd-loader-circle-lg-track-width: 2px;
    --oxnv-okd-loader-circle-md-track-width: 1.82px;
    --oxnv-okd-loader-circle-sm-track-width: 1.5px;
    --oxnv-okd-loader-line-size: 4px;
    --oxnv-okd-loader-circle-cover-background: #1a1a1a;
    --oxnv-okd-loader-mask-text-font-size: 14px;
    --oxnv-okd-loader-mask-text-line-height: 16px;
    --oxnv-okd-loader-mask-text-font-weight: 400;
    --oxnv-okd-loader-mask-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-loader-mask-text-margin-top: 10px
}

.oxnv-a11y-text {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@keyframes loadingLine {
    to {
        left: 100%
    }
}

.oxnv-loader-line {
    background: var(--oxnv-okd-loader-line-inactive-color);
    height: var(--oxnv-okd-loader-line-size);
    overflow: hidden;
    position: relative;
    width: 100%
}

.oxnv-loader-line,.oxnv-loader-line .oxnv-loader-mark {
    border-radius: calc(var(--oxnv-okd-loader-line-size)/2)
}

.oxnv-loader-line .oxnv-loader-mark {
    background: var(--oxnv-okd-loader-line-active-color);
    height: 100%
}

.oxnv-loader-line.oxnv-loader-loading .oxnv-loader-mark {
    animation: loadingLine 2s linear infinite;
    left: -25%;
    position: absolute;
    top: 0
}

@keyframes okui-loader-rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.oxnv-loader-box {
    position: relative
}

.oxnv-loader-mask {
    align-items: center;
    background: var(--oxnv-okd-loader-mask-bg-color);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.oxnv-loader-mask-text {
    color: var(--oxnv-okd-loader-mask-text-color);
    font-size: var(--oxnv-okd-loader-mask-text-font-size);
    font-weight: var(--oxnv-okd-loader-mask-text-font-weight);
    line-height: var(--oxnv-okd-loader-mask-text-line-height);
    margin-top: var(--oxnv-okd-loader-mask-text-margin-top)
}

.oxnv-loader-spin {
    animation: okui-loader-rotation 1s linear infinite;
    background-color: initial;
    border-style: solid;
    box-sizing: border-box;
    display: inline-flex
}

.oxnv-loader-spin-xl {
    border-radius: var(--oxnv-okd-loader-circle-xl-size);
    border-width: var(--oxnv-okd-loader-circle-xl-track-width);
    height: var(--oxnv-okd-loader-circle-xl-size);
    width: var(--oxnv-okd-loader-circle-xl-size)
}

.oxnv-loader-spin-lg {
    border-radius: var(--oxnv-okd-loader-circle-lg-size);
    border-width: var(--oxnv-okd-loader-circle-lg-track-width);
    height: var(--oxnv-okd-loader-circle-lg-size);
    width: var(--oxnv-okd-loader-circle-lg-size)
}

.oxnv-loader-spin-md {
    border-radius: var(--oxnv-okd-loader-circle-md-size);
    border-width: var(--oxnv-okd-loader-circle-md-track-width);
    height: var(--oxnv-okd-loader-circle-md-size);
    width: var(--oxnv-okd-loader-circle-md-size)
}

.oxnv-loader-spin-sm {
    border-radius: var(--oxnv-okd-loader-circle-sm-size);
    border-width: var(--oxnv-okd-loader-circle-sm-track-width);
    height: var(--oxnv-okd-loader-circle-sm-size);
    width: var(--oxnv-okd-loader-circle-sm-size)
}

.oxnv-loader-spin-primary {
    border-color: var(--oxnv-okd-loader-primary-inactive-color);
    border-top-color: var(--oxnv-okd-loader-primary-active-color)
}

.oxnv-loader-spin-neutral {
    border-color: var(--oxnv-okd-loader-neutral-inactive-color);
    border-top-color: var(--oxnv-okd-loader-neutral-active-color)
}

.oxnv-loader-inner-circle {
    border: none;
    border-radius: 0;
    overflow: hidden;
    transform: rotate(180deg)
}

.oxnv-loader-inner-fill-primary {
    background: var(--oxnv-okd-loader-primary-active-color)
}

.oxnv-loader-inner-fill-neutral {
    background: var(--oxnv-okd-loader-neutral-active-color)
}

.oxnv-loader-inner-track-primary {
    background: var(--oxnv-okd-loader-primary-inactive-color)
}

.oxnv-loader-inner-track-neutral {
    background: var(--oxnv-okd-loader-neutral-inactive-color)
}

.oxnv-loader-inner-track-right {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0
}

.oxnv-loader-inner-track-right-content {
    content: "";
    height: 100%;
    position: absolute;
    transform: rotate(0deg);
    transform-origin: left center;
    width: 100%
}

.oxnv-loader-inner-track-left {
    height: 100%;
    overflow: hidden;
    position: absolute
}

.oxnv-loader-inner-track-left-content {
    content: "";
    height: 100%;
    position: absolute;
    transform: rotate(0deg);
    transform-origin: right center;
    width: 100%
}

.oxnv-loader-inner-xl {
    border-radius: var(--oxnv-okd-loader-circle-xl-size);
    height: var(--oxnv-okd-loader-circle-xl-size);
    width: var(--oxnv-okd-loader-circle-xl-size)
}

.oxnv-loader-inner-xl-cover {
    background-color: var(--oxnv-okd-loader-circle-cover-background);
    border-radius: 100%;
    height: calc(var(--oxnv-okd-loader-circle-xl-size) - var(--oxnv-okd-loader-circle-xl-track-width)*2);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(var(--oxnv-okd-loader-circle-xl-size) - var(--oxnv-okd-loader-circle-xl-track-width)*2)
}

.oxnv-loader-inner-track-xl {
    width: calc(var(--oxnv-okd-loader-circle-xl-size)/2)
}

.oxnv-loader-inner-track-xl-inner-track-left-content {
    border-radius: calc(var(--oxnv-okd-loader-circle-xl-size)/2) 0 0 calc(var(--oxnv-okd-loader-circle-xl-size)/2);
    width: 100%
}

.oxnv-loader-inner-track-xl-inner-track-right-content {
    border-radius: 0 calc(var(--oxnv-okd-loader-circle-xl-size)/2) calc(var(--oxnv-okd-loader-circle-xl-size)/2) 0;
    width: 100%
}

.oxnv-loader-inner-lg {
    border-radius: var(--oxnv-okd-loader-circle-lg-size);
    height: var(--oxnv-okd-loader-circle-lg-size);
    width: var(--oxnv-okd-loader-circle-lg-size)
}

.oxnv-loader-inner-lg-cover {
    background-color: var(--oxnv-okd-loader-circle-cover-background);
    border-radius: 100%;
    height: calc(var(--oxnv-okd-loader-circle-lg-size) - var(--oxnv-okd-loader-circle-lg-track-width)*2);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(var(--oxnv-okd-loader-circle-lg-size) - var(--oxnv-okd-loader-circle-lg-track-width)*2)
}

.oxnv-loader-inner-track-lg {
    width: calc(var(--oxnv-okd-loader-circle-lg-size)/2)
}

.oxnv-loader-inner-track-lg-inner-track-left-content {
    border-radius: calc(var(--oxnv-okd-loader-circle-lg-size)/2) 0 0 calc(var(--oxnv-okd-loader-circle-lg-size)/2);
    width: 100%
}

.oxnv-loader-inner-track-lg-inner-track-right-content {
    border-radius: 0 calc(var(--oxnv-okd-loader-circle-lg-size)/2) calc(var(--oxnv-okd-loader-circle-lg-size)/2) 0;
    width: 100%
}

.oxnv-loader-inner-md {
    border-radius: var(--oxnv-okd-loader-circle-md-size);
    height: var(--oxnv-okd-loader-circle-md-size);
    width: var(--oxnv-okd-loader-circle-md-size)
}

.oxnv-loader-inner-md-cover {
    background-color: var(--oxnv-okd-loader-circle-cover-background);
    border-radius: 100%;
    height: calc(var(--oxnv-okd-loader-circle-md-size) - var(--oxnv-okd-loader-circle-md-track-width)*2);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(var(--oxnv-okd-loader-circle-md-size) - var(--oxnv-okd-loader-circle-md-track-width)*2)
}

.oxnv-loader-inner-track-md {
    width: calc(var(--oxnv-okd-loader-circle-md-size)/2)
}

.oxnv-loader-inner-track-md-inner-track-left-content {
    border-radius: calc(var(--oxnv-okd-loader-circle-md-size)/2) 0 0 calc(var(--oxnv-okd-loader-circle-md-size)/2);
    width: 100%
}

.oxnv-loader-inner-track-md-inner-track-right-content {
    border-radius: 0 calc(var(--oxnv-okd-loader-circle-md-size)/2) calc(var(--oxnv-okd-loader-circle-md-size)/2) 0;
    width: 100%
}

.oxnv-loader-inner-sm {
    border-radius: var(--oxnv-okd-loader-circle-sm-size);
    height: var(--oxnv-okd-loader-circle-sm-size);
    width: var(--oxnv-okd-loader-circle-sm-size)
}

.oxnv-loader-inner-sm-cover {
    background-color: var(--oxnv-okd-loader-circle-cover-background);
    border-radius: 100%;
    height: calc(var(--oxnv-okd-loader-circle-sm-size) - var(--oxnv-okd-loader-circle-sm-track-width)*2);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(var(--oxnv-okd-loader-circle-sm-size) - var(--oxnv-okd-loader-circle-sm-track-width)*2)
}

.oxnv-loader-inner-track-sm {
    width: calc(var(--oxnv-okd-loader-circle-sm-size)/2)
}

.oxnv-loader-inner-track-sm-inner-track-left-content {
    border-radius: calc(var(--oxnv-okd-loader-circle-sm-size)/2) 0 0 calc(var(--oxnv-okd-loader-circle-sm-size)/2);
    width: 100%
}

.oxnv-loader-inner-track-sm-inner-track-right-content {
    border-radius: 0 calc(var(--oxnv-okd-loader-circle-sm-size)/2) calc(var(--oxnv-okd-loader-circle-sm-size)/2) 0;
    width: 100%
}

.oxnv-powerLink {
    color: inherit;
    text-decoration: none
}

.oxnv-powerLink-a11y:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-btn {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    -webkit-appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-weight: 500;
    justify-content: center;
    outline: none;
    position: relative;
    text-decoration: none;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.oxnv-btn:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-btn.btn-fill-highlight {
    background: var(--oxnv-okd-button-fill-highlight-default-background);
    border-color: var(--oxnv-okd-button-fill-highlight-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-highlight-border-size);
    box-shadow: var(--oxnv-okd-button-fill-highlight-default-shadow);
    color: var(--oxnv-okd-button-fill-highlight-default-font-color)
}

.oxnv-btn.btn-fill-highlight.hover,.oxnv-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-highlight-hover-background);
    border-color: var(--oxnv-okd-button-fill-highlight-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-highlight-hover-shadow);
    color: var(--oxnv-okd-button-fill-highlight-hover-font-color)
}

.oxnv-btn.btn-fill-highlight.hover .btn-icon,.oxnv-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-highlight-hover-icon-color)
}

.oxnv-btn.btn-fill-highlight.active,.oxnv-btn.btn-fill-highlight:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-highlight-active-background);
    border-color: var(--oxnv-okd-button-fill-highlight-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-highlight-active-shadow);
    color: var(--oxnv-okd-button-fill-highlight-active-font-color)
}

.oxnv-btn.btn-fill-highlight.active .btn-icon,.oxnv-btn.btn-fill-highlight:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-highlight-active-icon-color)
}

.oxnv-btn.btn-fill-highlight:not(.loading).btn-disabled,.oxnv-btn.btn-fill-highlight:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-highlight-disabled-background);
    border-color: var(--oxnv-okd-button-fill-highlight-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-highlight-disabled-shadow);
    color: var(--oxnv-okd-button-fill-highlight-disabled-font-color)
}

.oxnv-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-highlight:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-highlight-disabled-icon-color)
}

.oxnv-btn.btn-fill-highlight.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-highlight .btn-icon {
    color: var(--oxnv-okd-button-fill-highlight-default-icon-color)
}

.oxnv-btn.btn-fill-highlight .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-highlight-default-font-color)
}

.oxnv-btn.btn-fill-highlight.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-highlight-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-highlight.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2)
}

.oxnv-btn.btn-fill-highlight.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-highlight.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-highlight-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-highlight.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2)
}

.oxnv-btn.btn-fill-highlight.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-highlight.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-highlight-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-highlight.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2)
}

.oxnv-btn.btn-fill-highlight.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-highlight.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-highlight-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-highlight.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2)
}

.oxnv-btn.btn-fill-highlight.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-highlight.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-highlight-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-highlight.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2)
}

.oxnv-btn.btn-fill-highlight.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-highlight.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-highlight-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-highlight.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2)
}

.oxnv-btn.btn-fill-highlight.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-highlight.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-highlight-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-highlight.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-highlight-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-highlight-border-size)*2)
}

.oxnv-btn.btn-fill-highlight.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-primary {
    background: var(--oxnv-okd-button-fill-primary-default-background);
    border-color: var(--oxnv-okd-button-fill-primary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-primary-border-size);
    box-shadow: var(--oxnv-okd-button-fill-primary-default-shadow);
    color: var(--oxnv-okd-button-fill-primary-default-font-color)
}

.oxnv-btn.btn-fill-primary.hover,.oxnv-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-primary-hover-background);
    border-color: var(--oxnv-okd-button-fill-primary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-primary-hover-shadow);
    color: var(--oxnv-okd-button-fill-primary-hover-font-color)
}

.oxnv-btn.btn-fill-primary.hover .btn-icon,.oxnv-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-primary-hover-icon-color)
}

.oxnv-btn.btn-fill-primary.active,.oxnv-btn.btn-fill-primary:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-primary-active-background);
    border-color: var(--oxnv-okd-button-fill-primary-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-primary-active-shadow);
    color: var(--oxnv-okd-button-fill-primary-active-font-color)
}

.oxnv-btn.btn-fill-primary.active .btn-icon,.oxnv-btn.btn-fill-primary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-primary-active-icon-color)
}

.oxnv-btn.btn-fill-primary:not(.loading).btn-disabled,.oxnv-btn.btn-fill-primary:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-primary-disabled-background);
    border-color: var(--oxnv-okd-button-fill-primary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-primary-disabled-shadow);
    color: var(--oxnv-okd-button-fill-primary-disabled-font-color)
}

.oxnv-btn.btn-fill-primary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-primary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-primary-disabled-icon-color)
}

.oxnv-btn.btn-fill-primary.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-primary .btn-icon {
    color: var(--oxnv-okd-button-fill-primary-default-icon-color)
}

.oxnv-btn.btn-fill-primary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-primary-default-font-color)
}

.oxnv-btn.btn-fill-primary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-primary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-primary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2)
}

.oxnv-btn.btn-fill-primary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-primary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-primary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-primary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2)
}

.oxnv-btn.btn-fill-primary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-primary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-primary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-primary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2)
}

.oxnv-btn.btn-fill-primary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-primary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-primary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-primary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2)
}

.oxnv-btn.btn-fill-primary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-primary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-primary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-primary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2)
}

.oxnv-btn.btn-fill-primary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-primary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-primary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-primary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2)
}

.oxnv-btn.btn-fill-primary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-primary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-primary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-primary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-primary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-primary-border-size)*2)
}

.oxnv-btn.btn-fill-primary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-secondary {
    background: var(--oxnv-okd-button-fill-secondary-default-background);
    border-color: var(--oxnv-okd-button-fill-secondary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-secondary-border-size);
    box-shadow: var(--oxnv-okd-button-fill-secondary-default-shadow);
    color: var(--oxnv-okd-button-fill-secondary-default-font-color)
}

.oxnv-btn.btn-fill-secondary.hover,.oxnv-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-secondary-hover-background);
    border-color: var(--oxnv-okd-button-fill-secondary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-secondary-hover-shadow);
    color: var(--oxnv-okd-button-fill-secondary-hover-font-color)
}

.oxnv-btn.btn-fill-secondary.hover .btn-icon,.oxnv-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-secondary-hover-icon-color)
}

.oxnv-btn.btn-fill-secondary.active,.oxnv-btn.btn-fill-secondary:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-secondary-active-background);
    border-color: var(--oxnv-okd-button-fill-secondary-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-secondary-active-shadow);
    color: var(--oxnv-okd-button-fill-secondary-active-font-color)
}

.oxnv-btn.btn-fill-secondary.active .btn-icon,.oxnv-btn.btn-fill-secondary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-secondary-active-icon-color)
}

.oxnv-btn.btn-fill-secondary:not(.loading).btn-disabled,.oxnv-btn.btn-fill-secondary:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-secondary-disabled-background);
    border-color: var(--oxnv-okd-button-fill-secondary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-secondary-disabled-shadow);
    color: var(--oxnv-okd-button-fill-secondary-disabled-font-color)
}

.oxnv-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-secondary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-secondary-disabled-icon-color)
}

.oxnv-btn.btn-fill-secondary.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-secondary .btn-icon {
    color: var(--oxnv-okd-button-fill-secondary-default-icon-color)
}

.oxnv-btn.btn-fill-secondary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-secondary-default-font-color)
}

.oxnv-btn.btn-fill-secondary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-secondary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-secondary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2)
}

.oxnv-btn.btn-fill-secondary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-secondary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-secondary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-secondary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2)
}

.oxnv-btn.btn-fill-secondary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-secondary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-secondary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-secondary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2)
}

.oxnv-btn.btn-fill-secondary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-secondary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-secondary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-secondary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2)
}

.oxnv-btn.btn-fill-secondary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-secondary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-secondary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-secondary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2)
}

.oxnv-btn.btn-fill-secondary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-secondary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-secondary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-secondary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2)
}

.oxnv-btn.btn-fill-secondary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-secondary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-secondary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-secondary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-secondary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-secondary-border-size)*2)
}

.oxnv-btn.btn-fill-secondary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-tertiary {
    background: var(--oxnv-okd-button-fill-tertiary-default-background);
    border-color: var(--oxnv-okd-button-fill-tertiary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-tertiary-border-size);
    box-shadow: var(--oxnv-okd-button-fill-tertiary-default-shadow);
    color: var(--oxnv-okd-button-fill-tertiary-default-font-color)
}

.oxnv-btn.btn-fill-tertiary.hover,.oxnv-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-tertiary-hover-background);
    border-color: var(--oxnv-okd-button-fill-tertiary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-tertiary-hover-shadow);
    color: var(--oxnv-okd-button-fill-tertiary-hover-font-color)
}

.oxnv-btn.btn-fill-tertiary.hover .btn-icon,.oxnv-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-tertiary-hover-icon-color)
}

.oxnv-btn.btn-fill-tertiary.active,.oxnv-btn.btn-fill-tertiary:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-tertiary-active-background);
    border-color: var(--oxnv-okd-button-fill-tertiary-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-tertiary-active-shadow);
    color: var(--oxnv-okd-button-fill-tertiary-active-font-color)
}

.oxnv-btn.btn-fill-tertiary.active .btn-icon,.oxnv-btn.btn-fill-tertiary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-tertiary-active-icon-color)
}

.oxnv-btn.btn-fill-tertiary:not(.loading).btn-disabled,.oxnv-btn.btn-fill-tertiary:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-tertiary-disabled-background);
    border-color: var(--oxnv-okd-button-fill-tertiary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-tertiary-disabled-shadow);
    color: var(--oxnv-okd-button-fill-tertiary-disabled-font-color)
}

.oxnv-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-tertiary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-tertiary-disabled-icon-color)
}

.oxnv-btn.btn-fill-tertiary.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-tertiary .btn-icon {
    color: var(--oxnv-okd-button-fill-tertiary-default-icon-color)
}

.oxnv-btn.btn-fill-tertiary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-tertiary-default-font-color)
}

.oxnv-btn.btn-fill-tertiary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-tertiary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-tertiary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2)
}

.oxnv-btn.btn-fill-tertiary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-tertiary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-tertiary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-tertiary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2)
}

.oxnv-btn.btn-fill-tertiary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-tertiary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-tertiary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-tertiary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2)
}

.oxnv-btn.btn-fill-tertiary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-tertiary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-tertiary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-tertiary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2)
}

.oxnv-btn.btn-fill-tertiary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-tertiary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-tertiary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-tertiary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2)
}

.oxnv-btn.btn-fill-tertiary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-tertiary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-tertiary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-tertiary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2)
}

.oxnv-btn.btn-fill-tertiary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-tertiary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-tertiary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-tertiary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-tertiary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-tertiary-border-size)*2)
}

.oxnv-btn.btn-fill-tertiary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-quaternary {
    background: var(--oxnv-okd-button-fill-quaternary-default-background);
    border-color: var(--oxnv-okd-button-fill-quaternary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-quaternary-border-size);
    box-shadow: var(--oxnv-okd-button-fill-quaternary-default-shadow);
    color: var(--oxnv-okd-button-fill-quaternary-default-font-color)
}

.oxnv-btn.btn-fill-quaternary.hover,.oxnv-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-quaternary-hover-background);
    border-color: var(--oxnv-okd-button-fill-quaternary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-quaternary-hover-shadow);
    color: var(--oxnv-okd-button-fill-quaternary-hover-font-color)
}

.oxnv-btn.btn-fill-quaternary.hover .btn-icon,.oxnv-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-quaternary-hover-icon-color)
}

.oxnv-btn.btn-fill-quaternary.active,.oxnv-btn.btn-fill-quaternary:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-quaternary-active-background);
    border-color: var(--oxnv-okd-button-fill-quaternary-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-quaternary-active-shadow);
    color: var(--oxnv-okd-button-fill-quaternary-active-font-color)
}

.oxnv-btn.btn-fill-quaternary.active .btn-icon,.oxnv-btn.btn-fill-quaternary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-quaternary-active-icon-color)
}

.oxnv-btn.btn-fill-quaternary:not(.loading).btn-disabled,.oxnv-btn.btn-fill-quaternary:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-quaternary-disabled-background);
    border-color: var(--oxnv-okd-button-fill-quaternary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-quaternary-disabled-shadow);
    color: var(--oxnv-okd-button-fill-quaternary-disabled-font-color)
}

.oxnv-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-quaternary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-quaternary-disabled-icon-color)
}

.oxnv-btn.btn-fill-quaternary.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-quaternary .btn-icon {
    color: var(--oxnv-okd-button-fill-quaternary-default-icon-color)
}

.oxnv-btn.btn-fill-quaternary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-quaternary-default-font-color)
}

.oxnv-btn.btn-fill-quaternary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-quaternary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-quaternary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2)
}

.oxnv-btn.btn-fill-quaternary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-quaternary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-quaternary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-quaternary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2)
}

.oxnv-btn.btn-fill-quaternary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-quaternary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-quaternary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-quaternary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2)
}

.oxnv-btn.btn-fill-quaternary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-quaternary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-quaternary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-quaternary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2)
}

.oxnv-btn.btn-fill-quaternary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-quaternary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-quaternary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-quaternary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2)
}

.oxnv-btn.btn-fill-quaternary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-quaternary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-quaternary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-quaternary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2)
}

.oxnv-btn.btn-fill-quaternary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-quaternary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-quaternary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-quaternary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-quaternary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-quaternary-border-size)*2)
}

.oxnv-btn.btn-fill-quaternary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-red {
    background: var(--oxnv-okd-button-fill-red-default-background);
    border-color: var(--oxnv-okd-button-fill-red-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-red-border-size);
    box-shadow: var(--oxnv-okd-button-fill-red-default-shadow);
    color: var(--oxnv-okd-button-fill-red-default-font-color)
}

.oxnv-btn.btn-fill-red.hover,.oxnv-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-red-hover-background);
    border-color: var(--oxnv-okd-button-fill-red-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-red-hover-shadow);
    color: var(--oxnv-okd-button-fill-red-hover-font-color)
}

.oxnv-btn.btn-fill-red.hover .btn-icon,.oxnv-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-red-hover-icon-color)
}

.oxnv-btn.btn-fill-red.active,.oxnv-btn.btn-fill-red:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-red-active-background);
    border-color: var(--oxnv-okd-button-fill-red-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-red-active-shadow);
    color: var(--oxnv-okd-button-fill-red-active-font-color)
}

.oxnv-btn.btn-fill-red.active .btn-icon,.oxnv-btn.btn-fill-red:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-red-active-icon-color)
}

.oxnv-btn.btn-fill-red:not(.loading).btn-disabled,.oxnv-btn.btn-fill-red:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-red-disabled-background);
    border-color: var(--oxnv-okd-button-fill-red-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-red-disabled-shadow);
    color: var(--oxnv-okd-button-fill-red-disabled-font-color)
}

.oxnv-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-red:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-red-disabled-icon-color)
}

.oxnv-btn.btn-fill-red.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-red .btn-icon {
    color: var(--oxnv-okd-button-fill-red-default-icon-color)
}

.oxnv-btn.btn-fill-red .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-red-default-font-color)
}

.oxnv-btn.btn-fill-red.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-red-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-red.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2)
}

.oxnv-btn.btn-fill-red.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-red.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-red-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-red.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2)
}

.oxnv-btn.btn-fill-red.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-red.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-red-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-red.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2)
}

.oxnv-btn.btn-fill-red.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-red.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-red-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-red.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2)
}

.oxnv-btn.btn-fill-red.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-red.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-red-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-red.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2)
}

.oxnv-btn.btn-fill-red.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-red.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-red-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-red.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2)
}

.oxnv-btn.btn-fill-red.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-red.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-red-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-red.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-red-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-red-border-size)*2)
}

.oxnv-btn.btn-fill-red.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-green {
    background: var(--oxnv-okd-button-fill-green-default-background);
    border-color: var(--oxnv-okd-button-fill-green-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-green-border-size);
    box-shadow: var(--oxnv-okd-button-fill-green-default-shadow);
    color: var(--oxnv-okd-button-fill-green-default-font-color)
}

.oxnv-btn.btn-fill-green.hover,.oxnv-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-green-hover-background);
    border-color: var(--oxnv-okd-button-fill-green-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-green-hover-shadow);
    color: var(--oxnv-okd-button-fill-green-hover-font-color)
}

.oxnv-btn.btn-fill-green.hover .btn-icon,.oxnv-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-green-hover-icon-color)
}

.oxnv-btn.btn-fill-green.active,.oxnv-btn.btn-fill-green:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-green-active-background);
    border-color: var(--oxnv-okd-button-fill-green-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-green-active-shadow);
    color: var(--oxnv-okd-button-fill-green-active-font-color)
}

.oxnv-btn.btn-fill-green.active .btn-icon,.oxnv-btn.btn-fill-green:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-green-active-icon-color)
}

.oxnv-btn.btn-fill-green:not(.loading).btn-disabled,.oxnv-btn.btn-fill-green:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-green-disabled-background);
    border-color: var(--oxnv-okd-button-fill-green-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-green-disabled-shadow);
    color: var(--oxnv-okd-button-fill-green-disabled-font-color)
}

.oxnv-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-green:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-green-disabled-icon-color)
}

.oxnv-btn.btn-fill-green.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-green .btn-icon {
    color: var(--oxnv-okd-button-fill-green-default-icon-color)
}

.oxnv-btn.btn-fill-green .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-green-default-font-color)
}

.oxnv-btn.btn-fill-green.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-green-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-green.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2)
}

.oxnv-btn.btn-fill-green.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-green.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-green-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-green.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2)
}

.oxnv-btn.btn-fill-green.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-green.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-green-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-green.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2)
}

.oxnv-btn.btn-fill-green.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-green.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-green-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-green.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2)
}

.oxnv-btn.btn-fill-green.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-green.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-green-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-green.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2)
}

.oxnv-btn.btn-fill-green.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-green.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-green-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-green.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2)
}

.oxnv-btn.btn-fill-green.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-green.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-green-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-green.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-green-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-green-border-size)*2)
}

.oxnv-btn.btn-fill-green.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-grey {
    background: var(--oxnv-okd-button-fill-grey-default-background);
    border-color: var(--oxnv-okd-button-fill-grey-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-fill-grey-border-size);
    box-shadow: var(--oxnv-okd-button-fill-grey-default-shadow);
    color: var(--oxnv-okd-button-fill-grey-default-font-color)
}

.oxnv-btn.btn-fill-grey.hover,.oxnv-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-fill-grey-hover-background);
    border-color: var(--oxnv-okd-button-fill-grey-hover-border-color);
    box-shadow: var(--oxnv-okd-button-fill-grey-hover-shadow);
    color: var(--oxnv-okd-button-fill-grey-hover-font-color)
}

.oxnv-btn.btn-fill-grey.hover .btn-icon,.oxnv-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-fill-grey-hover-icon-color)
}

.oxnv-btn.btn-fill-grey.active,.oxnv-btn.btn-fill-grey:not(:disabled):active {
    background: var(--oxnv-okd-button-fill-grey-active-background);
    border-color: var(--oxnv-okd-button-fill-grey-active-border-color);
    box-shadow: var(--oxnv-okd-button-fill-grey-active-shadow);
    color: var(--oxnv-okd-button-fill-grey-active-font-color)
}

.oxnv-btn.btn-fill-grey.active .btn-icon,.oxnv-btn.btn-fill-grey:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-fill-grey-active-icon-color)
}

.oxnv-btn.btn-fill-grey:not(.loading).btn-disabled,.oxnv-btn.btn-fill-grey:not(.loading):disabled {
    background: var(--oxnv-okd-button-fill-grey-disabled-background);
    border-color: var(--oxnv-okd-button-fill-grey-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-fill-grey-disabled-shadow);
    color: var(--oxnv-okd-button-fill-grey-disabled-font-color)
}

.oxnv-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-fill-grey:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-fill-grey-disabled-icon-color)
}

.oxnv-btn.btn-fill-grey.loading {
    cursor: pointer
}

.oxnv-btn.btn-fill-grey .btn-icon {
    color: var(--oxnv-okd-button-fill-grey-default-icon-color)
}

.oxnv-btn.btn-fill-grey .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-fill-grey-default-font-color)
}

.oxnv-btn.btn-fill-grey.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-grey-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-fill-grey.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2)
}

.oxnv-btn.btn-fill-grey.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-grey.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-fill-grey-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-fill-grey.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2)
}

.oxnv-btn.btn-fill-grey.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-grey.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-fill-grey-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-fill-grey.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2)
}

.oxnv-btn.btn-fill-grey.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-grey.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-fill-grey-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-fill-grey.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2)
}

.oxnv-btn.btn-fill-grey.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-grey.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-fill-grey-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-fill-grey.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2)
}

.oxnv-btn.btn-fill-grey.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-grey.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-fill-grey-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-fill-grey.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2)
}

.oxnv-btn.btn-fill-grey.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-fill-grey.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-fill-grey-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-fill-grey.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-fill-grey-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-fill-grey-border-size)*2)
}

.oxnv-btn.btn-fill-grey.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-highlight {
    background: var(--oxnv-okd-button-outline-highlight-default-background);
    border-color: var(--oxnv-okd-button-outline-highlight-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-outline-highlight-border-size);
    box-shadow: var(--oxnv-okd-button-outline-highlight-default-shadow);
    color: var(--oxnv-okd-button-outline-highlight-default-font-color)
}

.oxnv-btn.btn-outline-highlight.hover,.oxnv-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-outline-highlight-hover-background);
    border-color: var(--oxnv-okd-button-outline-highlight-hover-border-color);
    box-shadow: var(--oxnv-okd-button-outline-highlight-hover-shadow);
    color: var(--oxnv-okd-button-outline-highlight-hover-font-color)
}

.oxnv-btn.btn-outline-highlight.hover .btn-icon,.oxnv-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-outline-highlight-hover-icon-color)
}

.oxnv-btn.btn-outline-highlight.active,.oxnv-btn.btn-outline-highlight:not(:disabled):active {
    background: var(--oxnv-okd-button-outline-highlight-active-background);
    border-color: var(--oxnv-okd-button-outline-highlight-active-border-color);
    box-shadow: var(--oxnv-okd-button-outline-highlight-active-shadow);
    color: var(--oxnv-okd-button-outline-highlight-active-font-color)
}

.oxnv-btn.btn-outline-highlight.active .btn-icon,.oxnv-btn.btn-outline-highlight:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-outline-highlight-active-icon-color)
}

.oxnv-btn.btn-outline-highlight:not(.loading).btn-disabled,.oxnv-btn.btn-outline-highlight:not(.loading):disabled {
    background: var(--oxnv-okd-button-outline-highlight-disabled-background);
    border-color: var(--oxnv-okd-button-outline-highlight-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-outline-highlight-disabled-shadow);
    color: var(--oxnv-okd-button-outline-highlight-disabled-font-color)
}

.oxnv-btn.btn-outline-highlight:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-outline-highlight:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-outline-highlight-disabled-icon-color)
}

.oxnv-btn.btn-outline-highlight.loading {
    cursor: pointer
}

.oxnv-btn.btn-outline-highlight .btn-icon {
    color: var(--oxnv-okd-button-outline-highlight-default-icon-color)
}

.oxnv-btn.btn-outline-highlight .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-outline-highlight-default-font-color)
}

.oxnv-btn.btn-outline-highlight.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-highlight-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-outline-highlight.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2)
}

.oxnv-btn.btn-outline-highlight.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-highlight.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-highlight-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-outline-highlight.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2)
}

.oxnv-btn.btn-outline-highlight.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-highlight.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-outline-highlight-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-outline-highlight.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2)
}

.oxnv-btn.btn-outline-highlight.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-highlight.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-outline-highlight-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-outline-highlight.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2)
}

.oxnv-btn.btn-outline-highlight.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-highlight.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-outline-highlight-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-outline-highlight.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2)
}

.oxnv-btn.btn-outline-highlight.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-highlight.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-outline-highlight-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-outline-highlight.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2)
}

.oxnv-btn.btn-outline-highlight.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-highlight.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-outline-highlight-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-outline-highlight.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-highlight-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-highlight-border-size)*2)
}

.oxnv-btn.btn-outline-highlight.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-primary {
    background: var(--oxnv-okd-button-outline-primary-default-background);
    border-color: var(--oxnv-okd-button-outline-primary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-outline-primary-border-size);
    box-shadow: var(--oxnv-okd-button-outline-primary-default-shadow);
    color: var(--oxnv-okd-button-outline-primary-default-font-color)
}

.oxnv-btn.btn-outline-primary.hover,.oxnv-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-outline-primary-hover-background);
    border-color: var(--oxnv-okd-button-outline-primary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-outline-primary-hover-shadow);
    color: var(--oxnv-okd-button-outline-primary-hover-font-color)
}

.oxnv-btn.btn-outline-primary.hover .btn-icon,.oxnv-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-outline-primary-hover-icon-color)
}

.oxnv-btn.btn-outline-primary.active,.oxnv-btn.btn-outline-primary:not(:disabled):active {
    background: var(--oxnv-okd-button-outline-primary-active-background);
    border-color: var(--oxnv-okd-button-outline-primary-active-border-color);
    box-shadow: var(--oxnv-okd-button-outline-primary-active-shadow);
    color: var(--oxnv-okd-button-outline-primary-active-font-color)
}

.oxnv-btn.btn-outline-primary.active .btn-icon,.oxnv-btn.btn-outline-primary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-outline-primary-active-icon-color)
}

.oxnv-btn.btn-outline-primary:not(.loading).btn-disabled,.oxnv-btn.btn-outline-primary:not(.loading):disabled {
    background: var(--oxnv-okd-button-outline-primary-disabled-background);
    border-color: var(--oxnv-okd-button-outline-primary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-outline-primary-disabled-shadow);
    color: var(--oxnv-okd-button-outline-primary-disabled-font-color)
}

.oxnv-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-outline-primary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-outline-primary-disabled-icon-color)
}

.oxnv-btn.btn-outline-primary.loading {
    cursor: pointer
}

.oxnv-btn.btn-outline-primary .btn-icon {
    color: var(--oxnv-okd-button-outline-primary-default-icon-color)
}

.oxnv-btn.btn-outline-primary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-outline-primary-default-font-color)
}

.oxnv-btn.btn-outline-primary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-primary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-outline-primary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2)
}

.oxnv-btn.btn-outline-primary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-primary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-primary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-outline-primary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2)
}

.oxnv-btn.btn-outline-primary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-primary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-outline-primary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-outline-primary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2)
}

.oxnv-btn.btn-outline-primary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-primary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-outline-primary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-outline-primary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2)
}

.oxnv-btn.btn-outline-primary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-primary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-outline-primary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-outline-primary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2)
}

.oxnv-btn.btn-outline-primary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-primary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-outline-primary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-outline-primary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2)
}

.oxnv-btn.btn-outline-primary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-primary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-outline-primary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-outline-primary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-primary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-primary-border-size)*2)
}

.oxnv-btn.btn-outline-primary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-secondary {
    background: var(--oxnv-okd-button-outline-secondary-default-background);
    border-color: var(--oxnv-okd-button-outline-secondary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-outline-secondary-border-size);
    box-shadow: var(--oxnv-okd-button-outline-secondary-default-shadow);
    color: var(--oxnv-okd-button-outline-secondary-default-font-color)
}

.oxnv-btn.btn-outline-secondary.hover,.oxnv-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-outline-secondary-hover-background);
    border-color: var(--oxnv-okd-button-outline-secondary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-outline-secondary-hover-shadow);
    color: var(--oxnv-okd-button-outline-secondary-hover-font-color)
}

.oxnv-btn.btn-outline-secondary.hover .btn-icon,.oxnv-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-outline-secondary-hover-icon-color)
}

.oxnv-btn.btn-outline-secondary.active,.oxnv-btn.btn-outline-secondary:not(:disabled):active {
    background: var(--oxnv-okd-button-outline-secondary-active-background);
    border-color: var(--oxnv-okd-button-outline-secondary-active-border-color);
    box-shadow: var(--oxnv-okd-button-outline-secondary-active-shadow);
    color: var(--oxnv-okd-button-outline-secondary-active-font-color)
}

.oxnv-btn.btn-outline-secondary.active .btn-icon,.oxnv-btn.btn-outline-secondary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-outline-secondary-active-icon-color)
}

.oxnv-btn.btn-outline-secondary:not(.loading).btn-disabled,.oxnv-btn.btn-outline-secondary:not(.loading):disabled {
    background: var(--oxnv-okd-button-outline-secondary-disabled-background);
    border-color: var(--oxnv-okd-button-outline-secondary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-outline-secondary-disabled-shadow);
    color: var(--oxnv-okd-button-outline-secondary-disabled-font-color)
}

.oxnv-btn.btn-outline-secondary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-outline-secondary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-outline-secondary-disabled-icon-color)
}

.oxnv-btn.btn-outline-secondary.loading {
    cursor: pointer
}

.oxnv-btn.btn-outline-secondary .btn-icon {
    color: var(--oxnv-okd-button-outline-secondary-default-icon-color)
}

.oxnv-btn.btn-outline-secondary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-outline-secondary-default-font-color)
}

.oxnv-btn.btn-outline-secondary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-secondary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-outline-secondary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2)
}

.oxnv-btn.btn-outline-secondary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-secondary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-secondary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-outline-secondary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2)
}

.oxnv-btn.btn-outline-secondary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-secondary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-outline-secondary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-outline-secondary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2)
}

.oxnv-btn.btn-outline-secondary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-secondary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-outline-secondary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-outline-secondary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2)
}

.oxnv-btn.btn-outline-secondary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-secondary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-outline-secondary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-outline-secondary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2)
}

.oxnv-btn.btn-outline-secondary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-secondary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-outline-secondary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-outline-secondary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2)
}

.oxnv-btn.btn-outline-secondary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-secondary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-outline-secondary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-outline-secondary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-secondary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-secondary-border-size)*2)
}

.oxnv-btn.btn-outline-secondary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-tertiary {
    background: var(--oxnv-okd-button-outline-tertiary-default-background);
    border-color: var(--oxnv-okd-button-outline-tertiary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-outline-tertiary-border-size);
    box-shadow: var(--oxnv-okd-button-outline-tertiary-default-shadow);
    color: var(--oxnv-okd-button-outline-tertiary-default-font-color)
}

.oxnv-btn.btn-outline-tertiary.hover,.oxnv-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-outline-tertiary-hover-background);
    border-color: var(--oxnv-okd-button-outline-tertiary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-outline-tertiary-hover-shadow);
    color: var(--oxnv-okd-button-outline-tertiary-hover-font-color)
}

.oxnv-btn.btn-outline-tertiary.hover .btn-icon,.oxnv-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-outline-tertiary-hover-icon-color)
}

.oxnv-btn.btn-outline-tertiary.active,.oxnv-btn.btn-outline-tertiary:not(:disabled):active {
    background: var(--oxnv-okd-button-outline-tertiary-active-background);
    border-color: var(--oxnv-okd-button-outline-tertiary-active-border-color);
    box-shadow: var(--oxnv-okd-button-outline-tertiary-active-shadow);
    color: var(--oxnv-okd-button-outline-tertiary-active-font-color)
}

.oxnv-btn.btn-outline-tertiary.active .btn-icon,.oxnv-btn.btn-outline-tertiary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-outline-tertiary-active-icon-color)
}

.oxnv-btn.btn-outline-tertiary:not(.loading).btn-disabled,.oxnv-btn.btn-outline-tertiary:not(.loading):disabled {
    background: var(--oxnv-okd-button-outline-tertiary-disabled-background);
    border-color: var(--oxnv-okd-button-outline-tertiary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-outline-tertiary-disabled-shadow);
    color: var(--oxnv-okd-button-outline-tertiary-disabled-font-color)
}

.oxnv-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-outline-tertiary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-outline-tertiary-disabled-icon-color)
}

.oxnv-btn.btn-outline-tertiary.loading {
    cursor: pointer
}

.oxnv-btn.btn-outline-tertiary .btn-icon {
    color: var(--oxnv-okd-button-outline-tertiary-default-icon-color)
}

.oxnv-btn.btn-outline-tertiary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-outline-tertiary-default-font-color)
}

.oxnv-btn.btn-outline-tertiary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-tertiary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-outline-tertiary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2)
}

.oxnv-btn.btn-outline-tertiary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-tertiary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-outline-tertiary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-outline-tertiary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2)
}

.oxnv-btn.btn-outline-tertiary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-tertiary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-outline-tertiary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-outline-tertiary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2)
}

.oxnv-btn.btn-outline-tertiary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-tertiary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-outline-tertiary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-outline-tertiary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2)
}

.oxnv-btn.btn-outline-tertiary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-tertiary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-outline-tertiary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-outline-tertiary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2)
}

.oxnv-btn.btn-outline-tertiary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-tertiary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-outline-tertiary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-outline-tertiary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2)
}

.oxnv-btn.btn-outline-tertiary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-outline-tertiary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-outline-tertiary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-outline-tertiary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-outline-tertiary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-outline-tertiary-border-size)*2)
}

.oxnv-btn.btn-outline-tertiary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-primary {
    background: var(--oxnv-okd-button-text-primary-default-background);
    border-color: var(--oxnv-okd-button-text-primary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-text-primary-border-size);
    box-shadow: var(--oxnv-okd-button-text-primary-default-shadow);
    color: var(--oxnv-okd-button-text-primary-default-font-color)
}

.oxnv-btn.btn-text-primary.hover,.oxnv-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-text-primary-hover-background);
    border-color: var(--oxnv-okd-button-text-primary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-text-primary-hover-shadow);
    color: var(--oxnv-okd-button-text-primary-hover-font-color)
}

.oxnv-btn.btn-text-primary.hover .btn-icon,.oxnv-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-text-primary-hover-icon-color)
}

.oxnv-btn.btn-text-primary.active,.oxnv-btn.btn-text-primary:not(:disabled):active {
    background: var(--oxnv-okd-button-text-primary-active-background);
    border-color: var(--oxnv-okd-button-text-primary-active-border-color);
    box-shadow: var(--oxnv-okd-button-text-primary-active-shadow);
    color: var(--oxnv-okd-button-text-primary-active-font-color)
}

.oxnv-btn.btn-text-primary.active .btn-icon,.oxnv-btn.btn-text-primary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-text-primary-active-icon-color)
}

.oxnv-btn.btn-text-primary:not(.loading).btn-disabled,.oxnv-btn.btn-text-primary:not(.loading):disabled {
    background: var(--oxnv-okd-button-text-primary-disabled-background);
    border-color: var(--oxnv-okd-button-text-primary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-text-primary-disabled-shadow);
    color: var(--oxnv-okd-button-text-primary-disabled-font-color)
}

.oxnv-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-text-primary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-text-primary-disabled-icon-color)
}

.oxnv-btn.btn-text-primary.loading {
    cursor: pointer
}

.oxnv-btn.btn-text-primary .btn-icon {
    color: var(--oxnv-okd-button-text-primary-default-icon-color)
}

.oxnv-btn.btn-text-primary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-text-primary-default-font-color)
}

.oxnv-btn.btn-text-primary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-text-primary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-text-primary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2)
}

.oxnv-btn.btn-text-primary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-primary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-text-primary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-text-primary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2)
}

.oxnv-btn.btn-text-primary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-primary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-text-primary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-text-primary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2)
}

.oxnv-btn.btn-text-primary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-primary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-text-primary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-text-primary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2)
}

.oxnv-btn.btn-text-primary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-primary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-text-primary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-text-primary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2)
}

.oxnv-btn.btn-text-primary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-primary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-text-primary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-text-primary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2)
}

.oxnv-btn.btn-text-primary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-primary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-text-primary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-text-primary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-primary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-primary-border-size)*2)
}

.oxnv-btn.btn-text-primary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-secondary {
    background: var(--oxnv-okd-button-text-secondary-default-background);
    border-color: var(--oxnv-okd-button-text-secondary-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-text-secondary-border-size);
    box-shadow: var(--oxnv-okd-button-text-secondary-default-shadow);
    color: var(--oxnv-okd-button-text-secondary-default-font-color)
}

.oxnv-btn.btn-text-secondary.hover,.oxnv-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-text-secondary-hover-background);
    border-color: var(--oxnv-okd-button-text-secondary-hover-border-color);
    box-shadow: var(--oxnv-okd-button-text-secondary-hover-shadow);
    color: var(--oxnv-okd-button-text-secondary-hover-font-color)
}

.oxnv-btn.btn-text-secondary.hover .btn-icon,.oxnv-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-text-secondary-hover-icon-color)
}

.oxnv-btn.btn-text-secondary.active,.oxnv-btn.btn-text-secondary:not(:disabled):active {
    background: var(--oxnv-okd-button-text-secondary-active-background);
    border-color: var(--oxnv-okd-button-text-secondary-active-border-color);
    box-shadow: var(--oxnv-okd-button-text-secondary-active-shadow);
    color: var(--oxnv-okd-button-text-secondary-active-font-color)
}

.oxnv-btn.btn-text-secondary.active .btn-icon,.oxnv-btn.btn-text-secondary:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-text-secondary-active-icon-color)
}

.oxnv-btn.btn-text-secondary:not(.loading).btn-disabled,.oxnv-btn.btn-text-secondary:not(.loading):disabled {
    background: var(--oxnv-okd-button-text-secondary-disabled-background);
    border-color: var(--oxnv-okd-button-text-secondary-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-text-secondary-disabled-shadow);
    color: var(--oxnv-okd-button-text-secondary-disabled-font-color)
}

.oxnv-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-text-secondary:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-text-secondary-disabled-icon-color)
}

.oxnv-btn.btn-text-secondary.loading {
    cursor: pointer
}

.oxnv-btn.btn-text-secondary .btn-icon {
    color: var(--oxnv-okd-button-text-secondary-default-icon-color)
}

.oxnv-btn.btn-text-secondary .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-text-secondary-default-font-color)
}

.oxnv-btn.btn-text-secondary.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-text-secondary-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-text-secondary.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2)
}

.oxnv-btn.btn-text-secondary.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-secondary.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-text-secondary-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-text-secondary.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2)
}

.oxnv-btn.btn-text-secondary.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-secondary.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-text-secondary-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-text-secondary.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2)
}

.oxnv-btn.btn-text-secondary.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-secondary.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-text-secondary-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-text-secondary.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2)
}

.oxnv-btn.btn-text-secondary.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-secondary.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-text-secondary-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-text-secondary.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2)
}

.oxnv-btn.btn-text-secondary.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-secondary.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-text-secondary-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-text-secondary.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2)
}

.oxnv-btn.btn-text-secondary.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-secondary.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-text-secondary-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-text-secondary.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-secondary-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-secondary-border-size)*2)
}

.oxnv-btn.btn-text-secondary.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-red {
    background: var(--oxnv-okd-button-text-red-default-background);
    border-color: var(--oxnv-okd-button-text-red-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-text-red-border-size);
    box-shadow: var(--oxnv-okd-button-text-red-default-shadow);
    color: var(--oxnv-okd-button-text-red-default-font-color)
}

.oxnv-btn.btn-text-red.hover,.oxnv-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-text-red-hover-background);
    border-color: var(--oxnv-okd-button-text-red-hover-border-color);
    box-shadow: var(--oxnv-okd-button-text-red-hover-shadow);
    color: var(--oxnv-okd-button-text-red-hover-font-color)
}

.oxnv-btn.btn-text-red.hover .btn-icon,.oxnv-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-text-red-hover-icon-color)
}

.oxnv-btn.btn-text-red.active,.oxnv-btn.btn-text-red:not(:disabled):active {
    background: var(--oxnv-okd-button-text-red-active-background);
    border-color: var(--oxnv-okd-button-text-red-active-border-color);
    box-shadow: var(--oxnv-okd-button-text-red-active-shadow);
    color: var(--oxnv-okd-button-text-red-active-font-color)
}

.oxnv-btn.btn-text-red.active .btn-icon,.oxnv-btn.btn-text-red:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-text-red-active-icon-color)
}

.oxnv-btn.btn-text-red:not(.loading).btn-disabled,.oxnv-btn.btn-text-red:not(.loading):disabled {
    background: var(--oxnv-okd-button-text-red-disabled-background);
    border-color: var(--oxnv-okd-button-text-red-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-text-red-disabled-shadow);
    color: var(--oxnv-okd-button-text-red-disabled-font-color)
}

.oxnv-btn.btn-text-red:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-text-red:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-text-red-disabled-icon-color)
}

.oxnv-btn.btn-text-red.loading {
    cursor: pointer
}

.oxnv-btn.btn-text-red .btn-icon {
    color: var(--oxnv-okd-button-text-red-default-icon-color)
}

.oxnv-btn.btn-text-red .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-text-red-default-font-color)
}

.oxnv-btn.btn-text-red.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-text-red-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-text-red.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-red-border-size)*2)
}

.oxnv-btn.btn-text-red.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-red.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-text-red-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-text-red.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-red-border-size)*2)
}

.oxnv-btn.btn-text-red.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-red.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-text-red-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-text-red.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-red-border-size)*2)
}

.oxnv-btn.btn-text-red.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-red.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-text-red-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-text-red.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-red-border-size)*2)
}

.oxnv-btn.btn-text-red.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-red.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-text-red-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-text-red.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-red-border-size)*2)
}

.oxnv-btn.btn-text-red.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-red.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-text-red-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-text-red.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-red-border-size)*2)
}

.oxnv-btn.btn-text-red.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-red.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-text-red-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-text-red.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-red-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-red-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-red-border-size)*2)
}

.oxnv-btn.btn-text-red.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-green {
    background: var(--oxnv-okd-button-text-green-default-background);
    border-color: var(--oxnv-okd-button-text-green-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-text-green-border-size);
    box-shadow: var(--oxnv-okd-button-text-green-default-shadow);
    color: var(--oxnv-okd-button-text-green-default-font-color)
}

.oxnv-btn.btn-text-green.hover,.oxnv-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-text-green-hover-background);
    border-color: var(--oxnv-okd-button-text-green-hover-border-color);
    box-shadow: var(--oxnv-okd-button-text-green-hover-shadow);
    color: var(--oxnv-okd-button-text-green-hover-font-color)
}

.oxnv-btn.btn-text-green.hover .btn-icon,.oxnv-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-text-green-hover-icon-color)
}

.oxnv-btn.btn-text-green.active,.oxnv-btn.btn-text-green:not(:disabled):active {
    background: var(--oxnv-okd-button-text-green-active-background);
    border-color: var(--oxnv-okd-button-text-green-active-border-color);
    box-shadow: var(--oxnv-okd-button-text-green-active-shadow);
    color: var(--oxnv-okd-button-text-green-active-font-color)
}

.oxnv-btn.btn-text-green.active .btn-icon,.oxnv-btn.btn-text-green:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-text-green-active-icon-color)
}

.oxnv-btn.btn-text-green:not(.loading).btn-disabled,.oxnv-btn.btn-text-green:not(.loading):disabled {
    background: var(--oxnv-okd-button-text-green-disabled-background);
    border-color: var(--oxnv-okd-button-text-green-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-text-green-disabled-shadow);
    color: var(--oxnv-okd-button-text-green-disabled-font-color)
}

.oxnv-btn.btn-text-green:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-text-green:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-text-green-disabled-icon-color)
}

.oxnv-btn.btn-text-green.loading {
    cursor: pointer
}

.oxnv-btn.btn-text-green .btn-icon {
    color: var(--oxnv-okd-button-text-green-default-icon-color)
}

.oxnv-btn.btn-text-green .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-text-green-default-font-color)
}

.oxnv-btn.btn-text-green.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-text-green-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-text-green.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-green-border-size)*2)
}

.oxnv-btn.btn-text-green.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-green.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-text-green-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-text-green.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-green-border-size)*2)
}

.oxnv-btn.btn-text-green.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-green.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-text-green-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-text-green.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-green-border-size)*2)
}

.oxnv-btn.btn-text-green.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-green.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-text-green-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-text-green.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-green-border-size)*2)
}

.oxnv-btn.btn-text-green.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-green.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-text-green-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-text-green.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-green-border-size)*2)
}

.oxnv-btn.btn-text-green.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-green.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-text-green-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-text-green.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-green-border-size)*2)
}

.oxnv-btn.btn-text-green.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-green.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-text-green-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-text-green.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-green-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-green-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-green-border-size)*2)
}

.oxnv-btn.btn-text-green.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-orange {
    background: var(--oxnv-okd-button-text-orange-default-background);
    border-color: var(--oxnv-okd-button-text-orange-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-text-orange-border-size);
    box-shadow: var(--oxnv-okd-button-text-orange-default-shadow);
    color: var(--oxnv-okd-button-text-orange-default-font-color)
}

.oxnv-btn.btn-text-orange.hover,.oxnv-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-text-orange-hover-background);
    border-color: var(--oxnv-okd-button-text-orange-hover-border-color);
    box-shadow: var(--oxnv-okd-button-text-orange-hover-shadow);
    color: var(--oxnv-okd-button-text-orange-hover-font-color)
}

.oxnv-btn.btn-text-orange.hover .btn-icon,.oxnv-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-text-orange-hover-icon-color)
}

.oxnv-btn.btn-text-orange.active,.oxnv-btn.btn-text-orange:not(:disabled):active {
    background: var(--oxnv-okd-button-text-orange-active-background);
    border-color: var(--oxnv-okd-button-text-orange-active-border-color);
    box-shadow: var(--oxnv-okd-button-text-orange-active-shadow);
    color: var(--oxnv-okd-button-text-orange-active-font-color)
}

.oxnv-btn.btn-text-orange.active .btn-icon,.oxnv-btn.btn-text-orange:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-text-orange-active-icon-color)
}

.oxnv-btn.btn-text-orange:not(.loading).btn-disabled,.oxnv-btn.btn-text-orange:not(.loading):disabled {
    background: var(--oxnv-okd-button-text-orange-disabled-background);
    border-color: var(--oxnv-okd-button-text-orange-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-text-orange-disabled-shadow);
    color: var(--oxnv-okd-button-text-orange-disabled-font-color)
}

.oxnv-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-text-orange:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-text-orange-disabled-icon-color)
}

.oxnv-btn.btn-text-orange.loading {
    cursor: pointer
}

.oxnv-btn.btn-text-orange .btn-icon {
    color: var(--oxnv-okd-button-text-orange-default-icon-color)
}

.oxnv-btn.btn-text-orange .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-text-orange-default-font-color)
}

.oxnv-btn.btn-text-orange.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-text-orange-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-text-orange.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2)
}

.oxnv-btn.btn-text-orange.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-orange.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-text-orange-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-text-orange.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2)
}

.oxnv-btn.btn-text-orange.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-orange.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-text-orange-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-text-orange.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2)
}

.oxnv-btn.btn-text-orange.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-orange.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-text-orange-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-text-orange.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2)
}

.oxnv-btn.btn-text-orange.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-orange.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-text-orange-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-text-orange.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2)
}

.oxnv-btn.btn-text-orange.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-orange.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-text-orange-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-text-orange.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2)
}

.oxnv-btn.btn-text-orange.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-orange.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-text-orange-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-text-orange.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-orange-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-orange-border-size)*2)
}

.oxnv-btn.btn-text-orange.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-yellow {
    background: var(--oxnv-okd-button-text-yellow-default-background);
    border-color: var(--oxnv-okd-button-text-yellow-default-border-color);
    border-style: solid;
    border-width: var(--oxnv-okd-button-text-yellow-border-size);
    box-shadow: var(--oxnv-okd-button-text-yellow-default-shadow);
    color: var(--oxnv-okd-button-text-yellow-default-font-color)
}

.oxnv-btn.btn-text-yellow.hover,.oxnv-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover {
    background: var(--oxnv-okd-button-text-yellow-hover-background);
    border-color: var(--oxnv-okd-button-text-yellow-hover-border-color);
    box-shadow: var(--oxnv-okd-button-text-yellow-hover-shadow);
    color: var(--oxnv-okd-button-text-yellow-hover-font-color)
}

.oxnv-btn.btn-text-yellow.hover .btn-icon,.oxnv-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon {
    color: var(--oxnv-okd-button-text-yellow-hover-icon-color)
}

.oxnv-btn.btn-text-yellow.active,.oxnv-btn.btn-text-yellow:not(:disabled):active {
    background: var(--oxnv-okd-button-text-yellow-active-background);
    border-color: var(--oxnv-okd-button-text-yellow-active-border-color);
    box-shadow: var(--oxnv-okd-button-text-yellow-active-shadow);
    color: var(--oxnv-okd-button-text-yellow-active-font-color)
}

.oxnv-btn.btn-text-yellow.active .btn-icon,.oxnv-btn.btn-text-yellow:not(:disabled):active .btn-icon {
    color: var(--oxnv-okd-button-text-yellow-active-icon-color)
}

.oxnv-btn.btn-text-yellow:not(.loading).btn-disabled,.oxnv-btn.btn-text-yellow:not(.loading):disabled {
    background: var(--oxnv-okd-button-text-yellow-disabled-background);
    border-color: var(--oxnv-okd-button-text-yellow-disabled-border-color);
    box-shadow: var(--oxnv-okd-button-text-yellow-disabled-shadow);
    color: var(--oxnv-okd-button-text-yellow-disabled-font-color)
}

.oxnv-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon,.oxnv-btn.btn-text-yellow:not(.loading):disabled .btn-icon {
    color: var(--oxnv-okd-button-text-yellow-disabled-icon-color)
}

.oxnv-btn.btn-text-yellow.loading {
    cursor: pointer
}

.oxnv-btn.btn-text-yellow .btn-icon {
    color: var(--oxnv-okd-button-text-yellow-default-icon-color)
}

.oxnv-btn.btn-text-yellow .oxnv-btn-loader-text {
    color: var(--oxnv-okd-button-text-yellow-default-font-color)
}

.oxnv-btn.btn-text-yellow.btn-xxs {
    padding: calc(var(--oxnv-okd-button-xxs-padding-vertical) + 1px - var(--oxnv-okd-button-text-yellow-border-size)) var(--oxnv-okd-button-xxs-padding-horizontal)
}

.oxnv-btn.btn-text-yellow.btn-xxs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xxs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-xxs-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2)
}

.oxnv-btn.btn-text-yellow.btn-xxs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-yellow.btn-xs {
    padding: calc(var(--oxnv-okd-button-xs-padding-vertical) + 1px - var(--oxnv-okd-button-text-yellow-border-size)) var(--oxnv-okd-button-xs-padding-horizontal)
}

.oxnv-btn.btn-text-yellow.btn-xs.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xs-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-xs-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2)
}

.oxnv-btn.btn-text-yellow.btn-xs.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-yellow.btn-s {
    padding: calc(var(--oxnv-okd-button-s-padding-vertical) + 1px - var(--oxnv-okd-button-text-yellow-border-size)) var(--oxnv-okd-button-s-padding-horizontal)
}

.oxnv-btn.btn-text-yellow.btn-s.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-s-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-s-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2)
}

.oxnv-btn.btn-text-yellow.btn-s.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-yellow.btn-sm {
    padding: calc(var(--oxnv-okd-button-sm-padding-vertical) + 1px - var(--oxnv-okd-button-text-yellow-border-size)) var(--oxnv-okd-button-sm-padding-horizontal)
}

.oxnv-btn.btn-text-yellow.btn-sm.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-sm-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-sm-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2)
}

.oxnv-btn.btn-text-yellow.btn-sm.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-yellow.btn-md {
    padding: calc(var(--oxnv-okd-button-md-padding-vertical) + 1px - var(--oxnv-okd-button-text-yellow-border-size)) var(--oxnv-okd-button-md-padding-horizontal)
}

.oxnv-btn.btn-text-yellow.btn-md.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-md-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-md-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2)
}

.oxnv-btn.btn-text-yellow.btn-md.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-yellow.btn-lg {
    padding: calc(var(--oxnv-okd-button-lg-padding-vertical) + 1px - var(--oxnv-okd-button-text-yellow-border-size)) var(--oxnv-okd-button-lg-padding-horizontal)
}

.oxnv-btn.btn-text-yellow.btn-lg.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-lg-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-lg-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2)
}

.oxnv-btn.btn-text-yellow.btn-lg.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-text-yellow.btn-xl {
    padding: calc(var(--oxnv-okd-button-xl-padding-vertical) + 1px - var(--oxnv-okd-button-text-yellow-border-size)) var(--oxnv-okd-button-xl-padding-horizontal)
}

.oxnv-btn.btn-text-yellow.btn-xl.oxnv-btn-strict-circle {
    border-radius: 100px;
    height: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2);
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: calc(var(--oxnv-okd-button-xl-padding-vertical)*2 + 2px - var(--oxnv-okd-button-text-yellow-border-size)*2 + var(--oxnv-okd-button-xl-line-height) + var(--oxnv-okd-button-text-yellow-border-size)*2)
}

.oxnv-btn.btn-text-yellow.btn-xl.oxnv-btn-strict-circle .btn-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.btn-xxs {
    border-radius: var(--oxnv-okd-button-xxs-border-radius);
    font-weight: 500;
    font-weight: var(--oxnv-okd-button-xxs-font-weight,500);
    min-width: var(--oxnv-okd-button-xxs-min-width)
}

.oxnv-btn.btn-xxs,.oxnv-btn.btn-xxs .oxnv-btn-loader-text {
    font-size: var(--oxnv-okd-button-xxs-font-size);
    line-height: var(--oxnv-okd-button-xxs-line-height)
}

.oxnv-btn.btn-xxs .oxnv-btn-loader-text {
    margin-left: var(--oxnv-okd-button-xxs-loader-text-margin-left)
}

.oxnv-btn.btn-xxs.btn-rect {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-button-rect-xxs-border-radius,4px)
}

.oxnv-btn.btn-xs {
    border-radius: var(--oxnv-okd-button-xs-border-radius);
    font-weight: 500;
    font-weight: var(--oxnv-okd-button-xs-font-weight,500);
    min-width: var(--oxnv-okd-button-xs-min-width)
}

.oxnv-btn.btn-xs,.oxnv-btn.btn-xs .oxnv-btn-loader-text {
    font-size: var(--oxnv-okd-button-xs-font-size);
    line-height: var(--oxnv-okd-button-xs-line-height)
}

.oxnv-btn.btn-xs .oxnv-btn-loader-text {
    margin-left: var(--oxnv-okd-button-xs-loader-text-margin-left)
}

.oxnv-btn.btn-xs.btn-rect {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-button-rect-xs-border-radius,4px)
}

.oxnv-btn.btn-s {
    border-radius: var(--oxnv-okd-button-s-border-radius);
    font-weight: 500;
    font-weight: var(--oxnv-okd-button-s-font-weight,500);
    min-width: var(--oxnv-okd-button-s-min-width)
}

.oxnv-btn.btn-s,.oxnv-btn.btn-s .oxnv-btn-loader-text {
    font-size: var(--oxnv-okd-button-s-font-size);
    line-height: var(--oxnv-okd-button-s-line-height)
}

.oxnv-btn.btn-s .oxnv-btn-loader-text {
    margin-left: var(--oxnv-okd-button-s-loader-text-margin-left)
}

.oxnv-btn.btn-s.btn-rect {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-button-rect-s-border-radius,4px)
}

.oxnv-btn.btn-sm {
    border-radius: var(--oxnv-okd-button-sm-border-radius);
    font-weight: 500;
    font-weight: var(--oxnv-okd-button-sm-font-weight,500);
    min-width: var(--oxnv-okd-button-sm-min-width)
}

.oxnv-btn.btn-sm,.oxnv-btn.btn-sm .oxnv-btn-loader-text {
    font-size: var(--oxnv-okd-button-sm-font-size);
    line-height: var(--oxnv-okd-button-sm-line-height)
}

.oxnv-btn.btn-sm .oxnv-btn-loader-text {
    margin-left: var(--oxnv-okd-button-sm-loader-text-margin-left)
}

.oxnv-btn.btn-sm.btn-rect {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-button-rect-sm-border-radius,4px)
}

.oxnv-btn.btn-md {
    border-radius: var(--oxnv-okd-button-md-border-radius);
    font-weight: 500;
    font-weight: var(--oxnv-okd-button-md-font-weight,500);
    min-width: var(--oxnv-okd-button-md-min-width)
}

.oxnv-btn.btn-md,.oxnv-btn.btn-md .oxnv-btn-loader-text {
    font-size: var(--oxnv-okd-button-md-font-size);
    line-height: var(--oxnv-okd-button-md-line-height)
}

.oxnv-btn.btn-md .oxnv-btn-loader-text {
    margin-left: var(--oxnv-okd-button-md-loader-text-margin-left)
}

.oxnv-btn.btn-md.btn-rect {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-button-rect-md-border-radius,4px)
}

.oxnv-btn.btn-lg {
    border-radius: var(--oxnv-okd-button-lg-border-radius);
    font-weight: 500;
    font-weight: var(--oxnv-okd-button-lg-font-weight,500);
    min-width: var(--oxnv-okd-button-lg-min-width)
}

.oxnv-btn.btn-lg,.oxnv-btn.btn-lg .oxnv-btn-loader-text {
    font-size: var(--oxnv-okd-button-lg-font-size);
    line-height: var(--oxnv-okd-button-lg-line-height)
}

.oxnv-btn.btn-lg .oxnv-btn-loader-text {
    margin-left: var(--oxnv-okd-button-lg-loader-text-margin-left)
}

.oxnv-btn.btn-lg.btn-rect {
    border-radius: 8px;
    border-radius: var(--oxnv-okd-button-rect-lg-border-radius,8px)
}

.oxnv-btn.btn-xl {
    border-radius: var(--oxnv-okd-button-xl-border-radius);
    font-weight: 500;
    font-weight: var(--oxnv-okd-button-xl-font-weight,500);
    min-width: var(--oxnv-okd-button-xl-min-width)
}

.oxnv-btn.btn-xl,.oxnv-btn.btn-xl .oxnv-btn-loader-text {
    font-size: var(--oxnv-okd-button-xl-font-size);
    line-height: var(--oxnv-okd-button-xl-line-height)
}

.oxnv-btn.btn-xl .oxnv-btn-loader-text {
    margin-left: var(--oxnv-okd-button-xl-loader-text-margin-left)
}

.oxnv-btn.btn-xl.btn-rect {
    border-radius: 8px;
    border-radius: var(--oxnv-okd-button-rect-xl-border-radius,8px)
}

.oxnv-btn.btn-disabled,.oxnv-btn:disabled {
    cursor: not-allowed
}

.oxnv-btn.block {
    display: flex;
    width: 100%
}

.oxnv-btn.btn-circle {
    border-radius: 100px!important
}

.oxnv-btn .btn-content {
    align-items: center;
    display: flex
}

.oxnv-btn .oxnv-btn-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.oxnv-btn.loading .btn-content {
    opacity: 0
}

.oxnv-btn.loading .btn-content-position {
    display: none
}

.oxnv-btn.loading .oxnv-btn-loader {
    line-height: 0;
    position: absolute
}

.oxnv-btn.loading .btn-loader-position-absolute {
    position: relative
}

.oxnv-btn-loader-container {
    height: 100%;
    position: relative
}

.oxnv-btn .btn-icon+.btn-content {
    margin-left: 4px
}

.oxnv-btn.btn-xxs .btn-icon {
    font-size: var(--oxnv-okd-button-xxs-icon-size)
}

.oxnv-btn.btn-xxs .btn-icon-leading {
    margin-right: var(--oxnv-okd-button-xxs-icon-margin)
}

.oxnv-btn.btn-xxs .btn-icon-tailing {
    margin-left: var(--oxnv-okd-button-xxs-icon-margin)
}

.oxnv-btn.btn-xxs .oxnv-btn-loader-size {
    border-radius: var(--oxnv-okd-button-xxs-loader-size);
    height: var(--oxnv-okd-button-xxs-loader-size);
    width: var(--oxnv-okd-button-xxs-loader-size)
}

.oxnv-btn.btn-xs .btn-icon {
    font-size: var(--oxnv-okd-button-xs-icon-size)
}

.oxnv-btn.btn-xs .btn-icon-leading {
    margin-right: var(--oxnv-okd-button-xs-icon-margin)
}

.oxnv-btn.btn-xs .btn-icon-tailing {
    margin-left: var(--oxnv-okd-button-xs-icon-margin)
}

.oxnv-btn.btn-xs .oxnv-btn-loader-size {
    border-radius: var(--oxnv-okd-button-xs-loader-size);
    height: var(--oxnv-okd-button-xs-loader-size);
    width: var(--oxnv-okd-button-xs-loader-size)
}

.oxnv-btn.btn-s .btn-icon {
    font-size: var(--oxnv-okd-button-s-icon-size)
}

.oxnv-btn.btn-s .btn-icon-leading {
    margin-right: var(--oxnv-okd-button-s-icon-margin)
}

.oxnv-btn.btn-s .btn-icon-tailing {
    margin-left: var(--oxnv-okd-button-s-icon-margin)
}

.oxnv-btn.btn-s .oxnv-btn-loader-size {
    border-radius: var(--oxnv-okd-button-s-loader-size);
    height: var(--oxnv-okd-button-s-loader-size);
    width: var(--oxnv-okd-button-s-loader-size)
}

.oxnv-btn.btn-sm .btn-icon {
    font-size: var(--oxnv-okd-button-sm-icon-size)
}

.oxnv-btn.btn-sm .btn-icon-leading {
    margin-right: var(--oxnv-okd-button-sm-icon-margin)
}

.oxnv-btn.btn-sm .btn-icon-tailing {
    margin-left: var(--oxnv-okd-button-sm-icon-margin)
}

.oxnv-btn.btn-sm .oxnv-btn-loader-size {
    border-radius: var(--oxnv-okd-button-sm-loader-size);
    height: var(--oxnv-okd-button-sm-loader-size);
    width: var(--oxnv-okd-button-sm-loader-size)
}

.oxnv-btn.btn-md .btn-icon {
    font-size: var(--oxnv-okd-button-md-icon-size)
}

.oxnv-btn.btn-md .btn-icon-leading {
    margin-right: var(--oxnv-okd-button-md-icon-margin)
}

.oxnv-btn.btn-md .btn-icon-tailing {
    margin-left: var(--oxnv-okd-button-md-icon-margin)
}

.oxnv-btn.btn-md .oxnv-btn-loader-size {
    border-radius: var(--oxnv-okd-button-md-loader-size);
    height: var(--oxnv-okd-button-md-loader-size);
    width: var(--oxnv-okd-button-md-loader-size)
}

.oxnv-btn.btn-lg .btn-icon {
    font-size: var(--oxnv-okd-button-lg-icon-size)
}

.oxnv-btn.btn-lg .btn-icon-leading {
    margin-right: var(--oxnv-okd-button-lg-icon-margin)
}

.oxnv-btn.btn-lg .btn-icon-tailing {
    margin-left: var(--oxnv-okd-button-lg-icon-margin)
}

.oxnv-btn.btn-lg .oxnv-btn-loader-size {
    border-radius: var(--oxnv-okd-button-lg-loader-size);
    height: var(--oxnv-okd-button-lg-loader-size);
    width: var(--oxnv-okd-button-lg-loader-size)
}

.oxnv-btn.btn-xl .btn-icon {
    font-size: var(--oxnv-okd-button-xl-icon-size)
}

.oxnv-btn.btn-xl .btn-icon-leading {
    margin-right: var(--oxnv-okd-button-xl-icon-margin)
}

.oxnv-btn.btn-xl .btn-icon-tailing {
    margin-left: var(--oxnv-okd-button-xl-icon-margin)
}

.oxnv-btn.btn-xl .oxnv-btn-loader-size {
    border-radius: var(--oxnv-okd-button-xl-loader-size);
    height: var(--oxnv-okd-button-xl-loader-size);
    width: var(--oxnv-okd-button-xl-loader-size)
}

.oxnv-btn .oxnv-btn-fill-highlight-loader {
    border-color: var(--oxnv-okd-button-fill-highlight-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-highlight-loader-mark-color)
}

.oxnv-btn .oxnv-btn-fill-primary-loader {
    border-color: var(--oxnv-okd-button-fill-primary-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-primary-loader-mark-color)
}

.oxnv-btn .oxnv-btn-fill-secondary-loader {
    border-color: var(--oxnv-okd-button-fill-secondary-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-secondary-loader-mark-color)
}

.oxnv-btn .oxnv-btn-fill-tertiary-loader {
    border-color: var(--oxnv-okd-button-fill-tertiary-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-tertiary-loader-mark-color)
}

.oxnv-btn .oxnv-btn-fill-quaternary-loader {
    border-color: var(--oxnv-okd-button-fill-quaternary-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-quaternary-loader-mark-color)
}

.oxnv-btn .oxnv-btn-fill-red-loader {
    border-color: var(--oxnv-okd-button-fill-red-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-red-loader-mark-color)
}

.oxnv-btn .oxnv-btn-fill-green-loader {
    border-color: var(--oxnv-okd-button-fill-green-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-green-loader-mark-color)
}

.oxnv-btn .oxnv-btn-fill-grey-loader {
    border-color: var(--oxnv-okd-button-fill-grey-loader-track-color);
    border-top-color: var(--oxnv-okd-button-fill-grey-loader-mark-color)
}

.oxnv-btn .oxnv-btn-outline-highlight-loader {
    border-color: var(--oxnv-okd-button-outline-highlight-loader-track-color);
    border-top-color: var(--oxnv-okd-button-outline-highlight-loader-mark-color)
}

.oxnv-btn .oxnv-btn-outline-primary-loader {
    border-color: var(--oxnv-okd-button-outline-primary-loader-track-color);
    border-top-color: var(--oxnv-okd-button-outline-primary-loader-mark-color)
}

.oxnv-btn .oxnv-btn-outline-secondary-loader {
    border-color: var(--oxnv-okd-button-outline-secondary-loader-track-color);
    border-top-color: var(--oxnv-okd-button-outline-secondary-loader-mark-color)
}

.oxnv-btn .oxnv-btn-outline-tertiary-loader {
    border-color: var(--oxnv-okd-button-outline-tertiary-loader-track-color);
    border-top-color: var(--oxnv-okd-button-outline-tertiary-loader-mark-color)
}

.oxnv-transition-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
    position: fixed;
    transform: translateY(100%);
    transform-style: preserve-3d;
    transition: transform .3s linear,opacity .3s linear
}

.oxnv-transition-slide-active {
    will-change: transform,opacity
}

.oxnv-transition-slide-cubic {
    transition-timing-function: ease
}

.oxnv-transition-slide-top {
    left: 0;
    top: 0;
    width: 100%
}

.oxnv-transition-slide-bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.oxnv-transition-slide-left {
    height: 100%;
    left: 0;
    top: 0
}

.oxnv-transition-slide-right {
    height: 100%;
    right: 0;
    top: 0
}

.oxnv-transition-slide-entered,.oxnv-transition-slide-entering {
    opacity: 1;
    transform: none
}

.oxnv-transition-slide-exited,.oxnv-transition-slide-exiting {
    opacity: 0
}

.oxnv-transition-slide-exited.oxnv-transition-slide-top,.oxnv-transition-slide-exiting.oxnv-transition-slide-top {
    transform: translateY(-100%)
}

.oxnv-transition-slide-exited.oxnv-transition-slide-bottom,.oxnv-transition-slide-exiting.oxnv-transition-slide-bottom {
    transform: translateY(100%)
}

.oxnv-transition-slide-exited.oxnv-transition-slide-left,.oxnv-transition-slide-exiting.oxnv-transition-slide-left {
    transform: translateX(-100%)
}

.oxnv-transition-slide-exited.oxnv-transition-slide-right,.oxnv-transition-slide-exiting.oxnv-transition-slide-right {
    transform: translateX(100%)
}

@media (hover: none) and (pointer:coarse) {
    .oxnv-transition-slide {
        transition-duration:.2s
    }
}

.nav-okds-link {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-link:before {
    content: "\e053";
    font-family: nav-ok-b983c4766d
}

.nav-okds-mail {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-mail:before {
    content: "\e058";
    font-family: nav-ok-b983c4766d
}

.nav-okds-computer-outline {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-computer-outline:before {
    content: "\e0a9";
    font-family: nav-ok-b983c4766d
}

.nav-okds-fire-flame_filled {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-fire-flame_filled:before {
    content: "\e0a8";
    font-family: nav-ok-b983c4766d
}

.nav-okds-trash {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-trash:before {
    content: "\e089";
    font-family: nav-ok-b983c4766d
}

.nav-okds-locked {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-locked:before {
    content: "\e056";
    font-family: nav-ok-b983c4766d
}

.nav-okds-unlocked {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-unlocked:before {
    content: "\e08a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-verified-filled {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-verified-filled:before {
    content: "\e0a7";
    font-family: nav-ok-b983c4766d
}

.nav-okds-trending-up {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-trending-up:before {
    content: "\e0a6";
    font-family: nav-ok-b983c4766d
}

.nav-okds-toggle-units {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-toggle-units:before {
    content: "\e0a5";
    font-family: nav-ok-b983c4766d
}

.nav-okds-chevron-right-text-button {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-chevron-right-text-button:before {
    content: "\e0a4";
    font-family: nav-ok-b983c4766d
}

.nav-okds-calendar {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-calendar:before {
    content: "\e01e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-p2p {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-p2p:before {
    content: "\e0a3";
    font-family: nav-ok-b983c4766d
}

.nav-okds-express-buy {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-express-buy:before {
    content: "\e0a2";
    font-family: nav-ok-b983c4766d
}

.nav-okds-cash-fiat {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-cash-fiat:before {
    content: "\e0a1";
    font-family: nav-ok-b983c4766d
}

.nav-okds-chevron-down {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-chevron-down:before {
    content: "\e0a0";
    font-family: nav-ok-b983c4766d
}

.nav-okds-chevron-up {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-chevron-up:before {
    content: "\e09f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-xbtc {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-xbtc:before {
    content: "\e09e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-selected {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-selected:before {
    content: "\e09c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-unselected {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-unselected:before {
    content: "\e09d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-checkmark {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-checkmark:before {
    content: "\e022";
    font-family: nav-ok-b983c4766d
}

.nav-okds-refresh {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-refresh:before {
    content: "\e09b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-draw {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-draw:before {
    content: "\e09a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-sun {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-sun:before {
    content: "\e099";
    font-family: nav-ok-b983c4766d
}

.nav-okds-moon {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-moon:before {
    content: "\e098";
    font-family: nav-ok-b983c4766d
}

.nav-okds-clear {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-clear:before {
    content: "\e097";
    font-family: nav-ok-b983c4766d
}

.nav-okds-thumb_up {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-thumb_up:before {
    content: "\e096";
    font-family: nav-ok-b983c4766d
}

.nav-okds-thumb_down {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-thumb_down:before {
    content: "\e095";
    font-family: nav-ok-b983c4766d
}

.nav-okds-zoom-out {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-zoom-out:before {
    content: "\e094";
    font-family: nav-ok-b983c4766d
}

.nav-okds-zoom-in {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-zoom-in:before {
    content: "\e093";
    font-family: nav-ok-b983c4766d
}

.nav-okds-information-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-information-circle:before {
    content: "\e055";
    font-family: nav-ok-b983c4766d
}

.nav-okds-warning-circle-fill {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-warning-circle-fill:before {
    content: "\e07d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-success-circle-fill {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-success-circle-fill:before {
    content: "\e084";
    font-family: nav-ok-b983c4766d
}

.nav-okds-information-circle-fill {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-information-circle-fill:before {
    content: "\e052";
    font-family: nav-ok-b983c4766d
}

.nav-okds-fail-circle-fill {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-fail-circle-fill:before {
    content: "\e02f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-right-centered-xs {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-right-centered-xs:before {
    content: "\e092";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-right-centered-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-right-centered-sm:before {
    content: "\e015";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-right-centered-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-right-centered-md:before {
    content: "\e014";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-right-xs {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-right-xs:before {
    content: "\e091";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-right-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-right-sm:before {
    content: "\e00e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-right-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-right-md:before {
    content: "\e00d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-user {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-user:before {
    content: "\e07b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-plus-circle-filled {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-plus-circle-filled:before {
    content: "\e065";
    font-family: nav-ok-b983c4766d
}

.nav-okds-intermediate {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-intermediate:before {
    content: "\e090";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-left-centered-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-left-centered-sm:before {
    content: "\e013";
    font-family: nav-ok-b983c4766d
}

.nav-okds-eye-hide {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-eye-hide:before {
    content: "\e03d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-eye-show {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-eye-show:before {
    content: "\e03f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-copy {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-copy:before {
    content: "\e033";
    font-family: nav-ok-b983c4766d
}

.nav-okds-history {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-history:before {
    content: "\e04f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-back-to-top {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-back-to-top:before {
    content: "\e08f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-clock {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-clock:before {
    content: "\e028";
    font-family: nav-ok-b983c4766d
}

.nav-okds-hamburger-setting {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-hamburger-setting:before {
    content: "\e04c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-fees {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-fees:before {
    content: "\e040";
    font-family: nav-ok-b983c4766d
}

.nav-okds-open-link {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-open-link:before {
    content: "\e05d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-setting {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-setting:before {
    content: "\e074";
    font-family: nav-ok-b983c4766d
}

.nav-okds-crown {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-crown:before {
    content: "\e08e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-share {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-share:before {
    content: "\e078";
    font-family: nav-ok-b983c4766d
}

.nav-okds-support {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-support:before {
    content: "\e086";
    font-family: nav-ok-b983c4766d
}

.nav-okds-analysis {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-analysis:before {
    content: "\e003";
    font-family: nav-ok-b983c4766d
}

.nav-okds-academy {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

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

.nav-okds-action-reverse {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-action-reverse:before {
    content: "\e001";
    font-family: nav-ok-b983c4766d
}

.nav-okds-aed {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-aed:before {
    content: "\e002";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-cheveron-alignleft-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-cheveron-alignleft-md:before {
    content: "\e004";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-cheveron-first-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-cheveron-first-md:before {
    content: "\e005";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-cheveron-last-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-cheveron-last-md:before {
    content: "\e006";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-down-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-down-md:before {
    content: "\e007";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-down-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-down-sm:before {
    content: "\e008";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-down-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-down-md:before {
    content: "\e009";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-down-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-down-sm:before {
    content: "\e00a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-left-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-left-md:before {
    content: "\e00b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-left-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-left-sm:before {
    content: "\e00c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-up-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-up-md:before {
    content: "\e00f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-pointer-up-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-pointer-up-sm:before {
    content: "\e010";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-up-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-up-md:before {
    content: "\e011";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-left-centered-md {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-left-centered-md:before {
    content: "\e012";
    font-family: nav-ok-b983c4766d
}

.nav-okds-arrow-chevron-up-sm {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-arrow-chevron-up-sm:before {
    content: "\e016";
    font-family: nav-ok-b983c4766d
}

.nav-okds-bell {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-bell:before {
    content: "\e017";
    font-family: nav-ok-b983c4766d
}

.nav-okds-authenticator {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-authenticator:before {
    content: "\e018";
    font-family: nav-ok-b983c4766d
}

.nav-okds-borrow {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-borrow:before {
    content: "\e019";
    font-family: nav-ok-b983c4766d
}

.nav-okds-brl {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-brl:before {
    content: "\e01a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-brush {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-brush:before {
    content: "\e01b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-cancel-order {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-cancel-order:before {
    content: "\e01c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-candlestick {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-candlestick:before {
    content: "\e01d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-carets-filled-down {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-carets-filled-down:before {
    content: "\e01f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-chat-bubble {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-chat-bubble:before {
    content: "\e020";
    font-family: nav-ok-b983c4766d
}

.nav-okds-carets-filled-up {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-carets-filled-up:before {
    content: "\e021";
    font-family: nav-ok-b983c4766d
}

.nav-okds-clear-fill {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-clear-fill:before {
    content: "\e023";
    font-family: nav-ok-b983c4766d
}

.nav-okds-assets {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-assets:before {
    content: "\e024";
    font-family: nav-ok-b983c4766d
}

.nav-okds-bank {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-bank:before {
    content: "\e025";
    font-family: nav-ok-b983c4766d
}

.nav-okds-clock-filled {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-clock-filled:before {
    content: "\e026";
    font-family: nav-ok-b983c4766d
}

.nav-okds-clock-outline {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-clock-outline:before {
    content: "\e027";
    font-family: nav-ok-b983c4766d
}

.nav-okds-close {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-close:before {
    content: "\e029";
    font-family: nav-ok-b983c4766d
}

.nav-okds-communication-call {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-communication-call:before {
    content: "\e02a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-communication-idcard {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-communication-idcard:before {
    content: "\e02b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-communication-img-failed {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-communication-img-failed:before {
    content: "\e02c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-communications-faceid {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-communications-faceid:before {
    content: "\e02d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-eye-show-filled {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-eye-show-filled:before {
    content: "\e02e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-communication-img {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-communication-img:before {
    content: "\e030";
    font-family: nav-ok-b983c4766d
}

.nav-okds-convertokb {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-convertokb:before {
    content: "\e031";
    font-family: nav-ok-b983c4766d
}

.nav-okds-cursor-drag {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-cursor-drag:before {
    content: "\e032";
    font-family: nav-ok-b983c4766d
}

.nav-okds-data-line-chart {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-data-line-chart:before {
    content: "\e034";
    font-family: nav-ok-b983c4766d
}

.nav-okds-deposit {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-deposit:before {
    content: "\e035";
    font-family: nav-ok-b983c4766d
}

.nav-okds-cursor-zoom {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-cursor-zoom:before {
    content: "\e036";
    font-family: nav-ok-b983c4766d
}

.nav-okds-download {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-download:before {
    content: "\e037";
    font-family: nav-ok-b983c4766d
}

.nav-okds-exchange {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-exchange:before {
    content: "\e038";
    font-family: nav-ok-b983c4766d
}

.nav-okds-developers {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-developers:before {
    content: "\e039";
    font-family: nav-ok-b983c4766d
}

.nav-okds-eur {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-eur:before {
    content: "\e03a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-edit {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-edit:before {
    content: "\e03b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-expand {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-expand:before {
    content: "\e03c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-eye-hide-filled {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-eye-hide-filled:before {
    content: "\e03e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-fail-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-fail-circle:before {
    content: "\e041";
    font-family: nav-ok-b983c4766d
}

.nav-okds-filter {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-filter:before {
    content: "\e042";
    font-family: nav-ok-b983c4766d
}

.nav-okds-finance-bank {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-finance-bank:before {
    content: "\e043";
    font-family: nav-ok-b983c4766d
}

.nav-okds-finance-seagull {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-finance-seagull:before {
    content: "\e044";
    font-family: nav-ok-b983c4766d
}

.nav-okds-finance-earn {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-finance-earn:before {
    content: "\e045";
    font-family: nav-ok-b983c4766d
}

.nav-okds-futures {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-futures:before {
    content: "\e046";
    font-family: nav-ok-b983c4766d
}

.nav-okds-funding-rates {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-funding-rates:before {
    content: "\e047";
    font-family: nav-ok-b983c4766d
}

.nav-okds-gbp {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-gbp:before {
    content: "\e048";
    font-family: nav-ok-b983c4766d
}

.nav-okds-guide {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-guide:before {
    content: "\e049";
    font-family: nav-ok-b983c4766d
}

.nav-okds-hamburger-edit {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-hamburger-edit:before {
    content: "\e04a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-hamburger-search {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-hamburger-search:before {
    content: "\e04b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-hamburger {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-hamburger:before {
    content: "\e04d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-hierachy {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-hierachy:before {
    content: "\e04e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-id-card {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-id-card:before {
    content: "\e050";
    font-family: nav-ok-b983c4766d
}

.nav-okds-img {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-img:before {
    content: "\e051";
    font-family: nav-ok-b983c4766d
}

.nav-okds-insurance-fund {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-insurance-fund:before {
    content: "\e054";
    font-family: nav-ok-b983c4766d
}

.nav-okds-language {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-language:before {
    content: "\e057";
    font-family: nav-ok-b983c4766d
}

.nav-okds-margin {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-margin:before {
    content: "\e059";
    font-family: nav-ok-b983c4766d
}

.nav-okds-logout {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-logout:before {
    content: "\e05a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-minus {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-minus:before {
    content: "\e05b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-more {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-more:before {
    content: "\e05c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-network-fee-standard {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-network-fee-standard:before {
    content: "\e05e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-option {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-option:before {
    content: "\e05f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-orders {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-orders:before {
    content: "\e060";
    font-family: nav-ok-b983c4766d
}

.nav-okds-pending-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-pending-circle:before {
    content: "\e061";
    font-family: nav-ok-b983c4766d
}

.nav-okds-pie-chart {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-pie-chart:before {
    content: "\e062";
    font-family: nav-ok-b983c4766d
}

.nav-okds-place-order {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-place-order:before {
    content: "\e063";
    font-family: nav-ok-b983c4766d
}

.nav-okds-play {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-play:before {
    content: "\e064";
    font-family: nav-ok-b983c4766d
}

.nav-okds-plus-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-plus-circle:before {
    content: "\e066";
    font-family: nav-ok-b983c4766d
}

.nav-okds-plus {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-plus:before {
    content: "\e067";
    font-family: nav-ok-b983c4766d
}

.nav-okds-profile {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-profile:before {
    content: "\e068";
    font-family: nav-ok-b983c4766d
}

.nav-okds-qrcode {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-qrcode:before {
    content: "\e069";
    font-family: nav-ok-b983c4766d
}

.nav-okds-question-mark-circle-fill {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-question-mark-circle-fill:before {
    content: "\e06a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-question-mark-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-question-mark-circle:before {
    content: "\e06b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-sort-up-center-aligned {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-sort-up-center-aligned:before {
    content: "\e06c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-records {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-records:before {
    content: "\e06d";
    font-family: nav-ok-b983c4766d
}

.nav-okds-red-packe {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-red-packe:before {
    content: "\e06e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-scan {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-scan:before {
    content: "\e06f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-report-centre {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-report-centre:before {
    content: "\e070";
    font-family: nav-ok-b983c4766d
}

.nav-okds-security-fill {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-security-fill:before {
    content: "\e071";
    font-family: nav-ok-b983c4766d
}

.nav-okds-search {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-search:before {
    content: "\e072";
    font-family: nav-ok-b983c4766d
}

.nav-okds-security {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-security:before {
    content: "\e073";
    font-family: nav-ok-b983c4766d
}

.nav-okds-transfer {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-transfer:before {
    content: "\e075";
    font-family: nav-ok-b983c4766d
}

.nav-okds-settlement-history {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-settlement-history:before {
    content: "\e076";
    font-family: nav-ok-b983c4766d
}

.nav-okds-trends {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-trends:before {
    content: "\e077";
    font-family: nav-ok-b983c4766d
}

.nav-okds-sort-default-center-aligned {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-sort-default-center-aligned:before {
    content: "\e079";
    font-family: nav-ok-b983c4766d
}

.nav-okds-sort-default {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-sort-default:before {
    content: "\e07a";
    font-family: nav-ok-b983c4766d
}

.nav-okds-sort-down-center-aligned-svg {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-sort-down-center-aligned-svg:before {
    content: "\e07c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-withdraw {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-withdraw:before {
    content: "\e07e";
    font-family: nav-ok-b983c4766d
}

.nav-okds-sort-down {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-sort-down:before {
    content: "\e07f";
    font-family: nav-ok-b983c4766d
}

.nav-okds-sort-up {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-sort-up:before {
    content: "\e080";
    font-family: nav-ok-b983c4766d
}

.nav-okds-star-filled {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-star-filled:before {
    content: "\e081";
    font-family: nav-ok-b983c4766d
}

.nav-okds-star {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-star:before {
    content: "\e082";
    font-family: nav-ok-b983c4766d
}

.nav-okds-strong-alert {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-strong-alert:before {
    content: "\e083";
    font-family: nav-ok-b983c4766d
}

.nav-okds-success-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-success-circle:before {
    content: "\e085";
    font-family: nav-ok-b983c4766d
}

.nav-okds-trade-1 {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-trade-1:before {
    content: "\e087";
    font-family: nav-ok-b983c4766d
}

.nav-okds-transfer-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-transfer-circle:before {
    content: "\e088";
    font-family: nav-ok-b983c4766d
}

.nav-okds-unlink {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-unlink:before {
    content: "\e08b";
    font-family: nav-ok-b983c4766d
}

.nav-okds-usd {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-usd:before {
    content: "\e08c";
    font-family: nav-ok-b983c4766d
}

.nav-okds-warning-circle {
    --ok-icon-font-family: "nav-ok-b983c4766d"
}

.nav-okds-warning-circle:before {
    content: "\e08d";
    font-family: nav-ok-b983c4766d
}

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

.iconfont:before {
    display: inline-block
}

@font-face {
    font-display: block;
    font-family: nav-ok-b983c4766d;
    font-style: normal;
    src: url(../files/7037698b1d9e17ea03b4.woff2) format("woff2")
}

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

body .header-container .header-wrap .header-main .deposit-item {
    align-items: center;
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .deposit-item {
        display:flex
    }
}

body .header-container .header-wrap .header-main .deposit-btn {
    background-color: #000;
    border: 1px solid #4d4d4d;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 14px;
    padding: 8px 12px;
    text-align: center;
    white-space: nowrap
}

body .header-container .header-wrap .header-main .deposit-btn:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

.oxnv-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.oxnv-empty-img {
    height: var(--oxnv-okd-empty-img-height);
    margin-bottom: var(--oxnv-okd-empty-img-margin-bottom);
    width: var(--oxnv-okd-empty-img-width)
}

.oxnv-empty-title {
    color: var(--oxnv-okd-empty-title-color);
    font-size: var(--oxnv-okd-empty-title-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-empty-title-font-weight,400);
    line-height: var(--oxnv-okd-empty-title-light-height);
    margin-bottom: var(--oxnv-okd-empty-title-margin-bottom);
    text-align: center
}

.oxnv-empty-title:last-child {
    margin-bottom: 0
}

.oxnv-empty-only-title {
    margin-bottom: var(--oxnv-okd-empty-desc-margin-bottom)
}

.oxnv-empty-only-title:last-child {
    margin-bottom: 0
}

.oxnv-empty-description {
    color: var(--oxnv-okd-empty-desc-color);
    font-size: var(--oxnv-okd-empty-desc-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-empty-desc-font-weight,400);
    line-height: var(--oxnv-okd-empty-desc-light-height);
    margin-bottom: var(--oxnv-okd-empty-desc-margin-bottom);
    text-align: center
}

.oxnv-empty-description:last-child {
    margin-bottom: 0
}

.oxnv-empty-sm .oxnv-empty-title {
    font-size: 14px;
    font-size: var(--oxnv-okd-empty-sm-title-font-size,14px);
    line-height: 16px;
    line-height: var(--oxnv-okd-empty-sm-title-line-height,16px);
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-empty-sm-title-margin-bottom,4px)
}

.oxnv-empty-sm .oxnv-empty-description {
    font-size: 12px;
    font-size: var(--oxnv-okd-empty-sm-desc-font-size,12px);
    line-height: 18px;
    line-height: var(--oxnv-okd-empty-sm-desc-line-height,18px)
}

.oxnv-empty-sm .oxnv-empty-description,.oxnv-empty-sm .oxnv-empty-only-title {
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-empty-sm-desc-margin-bottom,4px)
}

.theme-light {
    --oxnv-okd-input-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-default-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-input-default-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-hover-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-hover-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-hover-border-color: rgba(0,0,0,.32);
    --oxnv-okd-input-hover-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-hover-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-hover-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-focus-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-focus-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-focus-border-color: var(--oxnv-okd-color-border-interactive-focused);
    --oxnv-okd-input-focus-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-focus-shadow: 0px 0px 0px 0px #00000000;
    --oxnv-okd-input-focus-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-disabled-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-disabled-border-color: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-disabled-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-disabled-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-error-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-error-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-error-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-error-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-input-error-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-tips-text-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-input-icon-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-input-label-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-input-action-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-input-md-label-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-sm-label-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-label-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-md-label-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-input-sm-label-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-label-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-md-action-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-sm-action-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-action-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-md-action-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-input-sm-action-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-action-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-md-height: 40px;
    --oxnv-okd-input-md-text-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-md-border-radius: 8px;
    --oxnv-okd-input-md-error-font-size: 14px;
    --oxnv-okd-input-md-error-line-height: 16px;
    --oxnv-okd-input-md-tip-font-size: 14px;
    --oxnv-okd-input-md-tip-line-height: 16px;
    --oxnv-okd-input-md-icon-size: 20px;
    --oxnv-okd-input-md-icon-margin: 6px;
    --oxnv-okd-input-sm-height: 32px;
    --oxnv-okd-input-sm-text-font-size: 12px;
    --oxnv-okd-input-sm-border-radius: 8px;
    --oxnv-okd-input-sm-error-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-sm-error-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-sm-tip-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-sm-tip-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-sm-icon-size: 16px;
    --oxnv-okd-input-sm-icon-margin: 4px;
    --oxnv-okd-input-xs-height: 28px;
    --oxnv-okd-input-xs-text-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-border-radius: 8px;
    --oxnv-okd-input-xs-error-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-error-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-tip-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-tip-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-icon-size: 16px;
    --oxnv-okd-input-xs-icon-margin: 4px;
    --oxnv-okd-input-number-default-add-icon-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-number-default-add-icon-background: hsla(0,0%,100%,0);
    --oxnv-okd-input-number-hover-add-icon-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-number-hover-add-icon-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-number-active-add-icon-color: #bdbdbd;
    --oxnv-okd-input-number-active-add-icon-background: #ebebeb;
    --oxnv-okd-input-number-disabled-add-icon-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-number-disabled-add-icon-background: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-code-common-btn-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-code-common-btn-disabled-color: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-code-common-count-color: var(--oxnv-okd-color-global-alpha-inverse-30);
    --oxnv-okd-input-code-md-btn-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-code-md-btn-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-input-code-md-count-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-code-md-count-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-input-code-sm-btn-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-sm-btn-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-code-sm-count-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-sm-count-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-code-xs-btn-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-xs-btn-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-code-xs-count-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-xs-count-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-search-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-search-default-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-input-search-default-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-search-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-input-search-hover-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-hover-border-color: rgba(0,0,0,.32);
    --oxnv-okd-input-search-hover-caret-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-hover-shadow: 0px 0px 0px 0px #0000001a;
    --oxnv-okd-input-search-hover-background: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-input-search-focus-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-focus-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-focus-border-color: var(--oxnv-okd-color-border-interactive-focused);
    --oxnv-okd-input-search-focus-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-focus-shadow: 0px 0px 0px 0px #00000000;
    --oxnv-okd-input-search-focus-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-search-error-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-error-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-search-error-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-error-shadow: 0 1px 2px 0 #0000000d;
    --oxnv-okd-input-search-error-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-search-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-search-disabled-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-disabled-border-color: rgba(0,0,0,.32);
    --oxnv-okd-input-search-disabled-caret-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-search-disabled-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-input-search-disabled-background: #f3f3f3;
    --oxnv-okd-input-search-prefix-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-input-search-prefix-icon-size: 16px;
    --oxnv-okd-input-search-suffix-icon-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-input-search-suffix-icon-size: 13px;
    --oxnv-okd-input-search-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-verify-md-width: 40px;
    --oxnv-okd-input-verify-md-height: 44px;
    --oxnv-okd-input-lg-height: 44px;
    --oxnv-okd-input-lg-border-radius: 8px;
    --oxnv-okd-input-lg-label-font-size: 14px;
    --oxnv-okd-input-lg-label-line-height: 20px;
    --oxnv-okd-input-lg-label-margin: 8px;
    --oxnv-okd-input-lg-action-font-size: 14px;
    --oxnv-okd-input-lg-action-line-height: 20px;
    --oxnv-okd-input-lg-text-font-size: 14px;
    --oxnv-okd-input-lg-error-font-size: 14px;
    --oxnv-okd-input-lg-error-line-height: 16px;
    --oxnv-okd-input-lg-tip-margin: 4px;
    --oxnv-okd-input-lg-tip-font-size: 14px;
    --oxnv-okd-input-lg-tip-line-height: 16px;
    --oxnv-okd-input-md-label-margin: 8px;
    --oxnv-okd-input-md-tip-margin: 4px;
    --oxnv-okd-input-sm-label-margin: 8px;
    --oxnv-okd-input-sm-tip-margin: 4px;
    --oxnv-okd-input-xs-label-margin: 8px;
    --oxnv-okd-input-xs-tip-margin: 4px;
    --oxnv-okd-input-xl-height: 48px;
    --oxnv-okd-input-xl-text-font-size: 16px;
    --oxnv-okd-input-xl-border-radius: 8px;
    --oxnv-okd-input-lg-icon-size: 20px;
    --oxnv-okd-input-lg-icon-margin: 8px;
    --oxnv-okd-input-xl-label-line-height: 20px;
    --oxnv-okd-input-xl-icon-size: 20px;
    --oxnv-okd-input-xl-icon-margin: 12px;
    --oxnv-okd-input-xl-error-font-size: 14px;
    --oxnv-okd-input-xl-error-line-height: 16px;
    --oxnv-okd-input-xl-action-font-size: 14px;
    --oxnv-okd-input-xl-action-line-height: 20px;
    --oxnv-okd-input-xl-label-margin: 8px;
    --oxnv-okd-input-xl-label-font-size: 14px;
    --oxnv-okd-input-xl-tip-font-size: 14px;
    --oxnv-okd-input-xl-tip-margin: 6px;
    --oxnv-okd-input-xl-tip-line-height: 16px;
    --oxnv-okd-input-verify-xl-height: px;
    --oxnv-okd-input-verify-xl-width: px;
    --oxnv-okd-input-xs-padding-horizontal: 8px;
    --oxnv-okd-input-sm-padding-horizontal: 8px;
    --oxnv-okd-input-md-padding-horizontal: 8px;
    --oxnv-okd-input-lg-padding-horizontal: 12px;
    --oxnv-okd-input-xl-padding-horizontal: 12px;
    --oxnv-okd-input-reversed-default-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-default-placeholder-color: var(--oxnv-okd-color-global-alpha-matching-40);
    --oxnv-okd-input-reversed-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-reversed-default-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-reversed-default-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-hover-placeholder-color: hsla(0,0%,100%,0);
    --oxnv-okd-input-reversed-hover-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-input-reversed-hover-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-hover-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-input-reversed-hover-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-focus-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-focus-placeholder-color: hsla(0,0%,100%,0);
    --oxnv-okd-input-reversed-focus-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-reversed-focus-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-focus-shadow: 0px 0px 0px 0px #ffffff00;
    --oxnv-okd-input-reversed-focus-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-disabled-text-color: var(--oxnv-okd-color-global-alpha-matching-30);
    --oxnv-okd-input-reversed-disabled-placeholder-color: hsla(0,0%,100%,0);
    --oxnv-okd-input-reversed-disabled-border-color: var(--oxnv-okd-color-global-alpha-matching-30);
    --oxnv-okd-input-reversed-disabled-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-disabled-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-reversed-disabled-background: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-reversed-error-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-error-placeholder-color: hsla(0,0%,100%,0);
    --oxnv-okd-input-reversed-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-reversed-error-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-error-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-reversed-error-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-reversed-tips-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-icon-color: var(--oxnv-okd-color-content-illustration-inverse);
    --oxnv-okd-input-reversed-label-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-action-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-default-add-icon-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-default-add-icon-background: hsla(0,0%,100%,0);
    --oxnv-okd-input-number-reversed-hover-add-icon-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-hover-add-icon-background: var(--oxnv-okd-color-surface-interactive-oncolor-hovered);
    --oxnv-okd-input-number-reversed-active-add-icon-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-active-add-icon-background: hsla(0,0%,100%,0);
    --oxnv-okd-input-number-reversed-disabled-add-icon-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-number-reversed-disabled-add-icon-background: hsla(0,0%,100%,0);
    --oxnv-okd-input-code-reversed-common-btn-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-code-reversed-common-btn-disabled-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-code-reversed-common-count-color: var(--oxnv-okd-color-content-static-subtler);
    --oxnv-okd-input-search-reversed-default-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-search-reversed-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-reversed-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-search-reversed-default-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-default-shadow: 0px 0px 0px 0px #f9f9f91a;
    --oxnv-okd-input-search-reversed-default-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-search-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-search-reversed-hover-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-reversed-hover-border-color: transparent;
    --oxnv-okd-input-search-reversed-hover-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-hover-shadow: 0px 0px 0px 2px #f9f9f91a;
    --oxnv-okd-input-search-reversed-hover-background: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-input-search-reversed-focus-text-color: #fff;
    --oxnv-okd-input-search-reversed-focus-placeholder-color: #3d3d3d;
    --oxnv-okd-input-search-reversed-focus-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-search-reversed-focus-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-focus-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-search-reversed-focus-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-search-reversed-error-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-search-reversed-error-placeholder-color: #3d3d3d;
    --oxnv-okd-input-search-reversed-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-search-reversed-error-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-error-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-search-reversed-error-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-search-reversed-disabled-text-color: #6e6e6e;
    --oxnv-okd-input-search-reversed-disabled-placeholder-color: #3d3d3d;
    --oxnv-okd-input-search-reversed-disabled-border-color: transparent;
    --oxnv-okd-input-search-reversed-disabled-caret-color: transparent;
    --oxnv-okd-input-search-reversed-disabled-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-search-reversed-disabled-background: #1a1a1a;
    --oxnv-okd-input-search-reversed-prefix-icon-color: #bdbdbd;
    --oxnv-okd-input-search-reversed-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-search-suffix-icon-hover-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-input-verify-xl-border-radius: 8pxpx;
    --oxnv-okd-input-code-xl-btn-font-size: 12px;
    --oxnv-okd-input-number-suffix-border-color: var(--oxnv-okd-color-border-static-subtle);
    --oxnv-okd-input-verify-md-border-radius: 6px;
    --oxnv-okd-input-verify-md-text-font-size: 26px;
    --oxnv-okd-input-verify-md-margin: 8px;
    --oxnv-okd-input-readonly-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-readonly-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-readonly-border-color: var(--oxnv-okd-color-border-static-subtle);
    --oxnv-okd-input-readonly-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-readonly-shadow: var(--oxnv-okd-input-default-shadow);
    --oxnv-okd-input-readonly-background: hsla(0,0%,100%,0)
}

.theme-dark {
    --oxnv-okd-input-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-default-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-input-default-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-hover-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-hover-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-hover-border-color: hsla(0,0%,100%,.4);
    --oxnv-okd-input-hover-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-hover-shadow: 0px 0px 0px 0px #fafafa33;
    --oxnv-okd-input-hover-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-focus-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-focus-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-focus-border-color: var(--oxnv-okd-color-border-interactive-focused);
    --oxnv-okd-input-focus-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-focus-shadow: 0px 0px 0px 0px #00000000;
    --oxnv-okd-input-focus-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-disabled-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-disabled-border-color: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-disabled-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-disabled-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-input-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-error-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-error-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-error-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-error-shadow: var(--oxnv-okd-shadow-sm);
    --oxnv-okd-input-error-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-tips-text-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-input-icon-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-input-label-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-input-action-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-input-md-label-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-sm-label-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-label-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-md-label-line-height: 20px;
    --oxnv-okd-input-sm-label-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-label-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-md-action-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-sm-action-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-action-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-md-action-line-height: 20px;
    --oxnv-okd-input-sm-action-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-action-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-md-height: 40px;
    --oxnv-okd-input-md-text-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-md-border-radius: 8px;
    --oxnv-okd-input-md-error-font-size: 14px;
    --oxnv-okd-input-md-error-line-height: 16px;
    --oxnv-okd-input-md-tip-font-size: 14px;
    --oxnv-okd-input-md-tip-line-height: 16px;
    --oxnv-okd-input-md-icon-size: 20px;
    --oxnv-okd-input-md-icon-margin: 6px;
    --oxnv-okd-input-sm-height: 32px;
    --oxnv-okd-input-sm-text-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-sm-border-radius: 8px;
    --oxnv-okd-input-sm-error-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-sm-error-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-sm-tip-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-sm-tip-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-sm-icon-size: 16px;
    --oxnv-okd-input-sm-icon-margin: 4px;
    --oxnv-okd-input-xs-height: 28px;
    --oxnv-okd-input-xs-text-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-border-radius: 8px;
    --oxnv-okd-input-xs-error-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-error-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-tip-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-xs-tip-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-xs-icon-size: 16px;
    --oxnv-okd-input-xs-icon-margin: 4px;
    --oxnv-okd-input-number-default-add-icon-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-number-default-add-icon-background: transparent;
    --oxnv-okd-input-number-hover-add-icon-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-number-hover-add-icon-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-number-active-add-icon-color: #e3e3e3;
    --oxnv-okd-input-number-active-add-icon-background: #404040;
    --oxnv-okd-input-number-disabled-add-icon-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-number-disabled-add-icon-background: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-code-common-btn-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-code-common-btn-disabled-color: var(--oxnv-okd-color-surface-interactive-disabled);
    --oxnv-okd-input-code-common-count-color: var(--oxnv-okd-color-global-alpha-inverse-30);
    --oxnv-okd-input-code-md-btn-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-code-md-btn-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-input-code-md-count-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-input-code-md-count-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-input-code-sm-btn-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-sm-btn-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-code-sm-count-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-sm-count-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-code-xs-btn-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-xs-btn-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-code-xs-count-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-input-code-xs-count-line-height: var(--oxnv-okd-line-height-xs);
    --oxnv-okd-input-search-default-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-default-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-search-default-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-default-shadow: 0px 0px 0px 0px transparent;
    --oxnv-okd-input-search-default-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-search-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-input-search-hover-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-hover-border-color: var(--oxnv-okd-color-border-interactive-hovered);
    --oxnv-okd-input-search-hover-caret-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-hover-shadow: 0px 0px 0px 0px #0000001a;
    --oxnv-okd-input-search-hover-background: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-input-search-focus-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-focus-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-focus-border-color: var(--oxnv-okd-color-border-interactive-focused);
    --oxnv-okd-input-search-focus-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-focus-shadow: 0px 0px 0px 0px #00000000;
    --oxnv-okd-input-search-focus-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-search-error-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-search-error-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-search-error-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-error-shadow: 0 1px 2px 0 #0000000d;
    --oxnv-okd-input-search-error-background: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-input-search-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-search-disabled-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-disabled-border-color: var(--oxnv-okd-color-border-interactive-disabled);
    --oxnv-okd-input-search-disabled-caret-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-search-disabled-shadow: 0px 0px 0px 0px #0000000d;
    --oxnv-okd-input-search-disabled-background: #1d1d1d;
    --oxnv-okd-input-search-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-search-suffix-icon-size: 13px;
    --oxnv-okd-input-search-suffix-icon-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-input-search-prefix-icon-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-input-search-prefix-icon-size: 20px;
    --oxnv-okd-input-verify-md-width: 40px;
    --oxnv-okd-input-verify-md-height: 44px;
    --oxnv-okd-input-lg-label-font-size: 14px;
    --oxnv-okd-input-lg-label-line-height: 20px;
    --oxnv-okd-input-lg-label-margin: 8px;
    --oxnv-okd-input-lg-action-font-size: 14px;
    --oxnv-okd-input-lg-action-line-height: 20px;
    --oxnv-okd-input-lg-tip-font-size: 14px;
    --oxnv-okd-input-lg-tip-line-height: 16px;
    --oxnv-okd-input-lg-tip-margin: 6px;
    --oxnv-okd-input-lg-error-font-size: 14px;
    --oxnv-okd-input-lg-error-line-height: 16px;
    --oxnv-okd-input-lg-height: 44px;
    --oxnv-okd-input-lg-text-font-size: 14px;
    --oxnv-okd-input-lg-border-radius: 8px;
    --oxnv-okd-input-md-label-margin: 8px;
    --oxnv-okd-input-md-tip-margin: 4px;
    --oxnv-okd-input-sm-label-margin: 8px;
    --oxnv-okd-input-sm-tip-margin: 4px;
    --oxnv-okd-input-xs-label-margin: 8px;
    --oxnv-okd-input-xs-tip-margin: 4px;
    --oxnv-okd-input-lg-icon-size: 20px;
    --oxnv-okd-input-lg-icon-margin: 8px;
    --oxnv-okd-input-xl-label-line-height: 20px;
    --oxnv-okd-input-xl-label-font-size: 14px;
    --oxnv-okd-input-xl-label-margin: 8px;
    --oxnv-okd-input-xl-action-line-height: 20px;
    --oxnv-okd-input-xl-action-font-size: 14px;
    --oxnv-okd-input-xl-tip-font-size: 14px;
    --oxnv-okd-input-xl-tip-line-height: 16px;
    --oxnv-okd-input-xl-tip-margin: 6px;
    --oxnv-okd-input-xl-error-font-size: 14px;
    --oxnv-okd-input-xl-error-line-height: 16px;
    --oxnv-okd-input-xl-icon-size: 20px;
    --oxnv-okd-input-xl-icon-margin: 8px;
    --oxnv-okd-input-xl-height: 48px;
    --oxnv-okd-input-xl-text-font-size: 16px;
    --oxnv-okd-input-xl-border-radius: 8px;
    --oxnv-okd-input-verify-xl-height: px;
    --oxnv-okd-input-verify-xl-width: px;
    --oxnv-okd-input-xs-padding-horizontal: 8px;
    --oxnv-okd-input-sm-padding-horizontal: 8px;
    --oxnv-okd-input-md-padding-horizontal: 8px;
    --oxnv-okd-input-lg-padding-horizontal: 12px;
    --oxnv-okd-input-xl-padding-horizontal: 12px;
    --oxnv-okd-input-reversed-default-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-input-reversed-default-placeholder-color: var(--oxnv-okd-color-global-alpha-matching-40);
    --oxnv-okd-input-reversed-default-border-color: var(--oxnv-okd-color-border-info-default);
    --oxnv-okd-input-reversed-default-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-reversed-default-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-hover-text-color: var(--oxnv-okd-color-content-info-subtle);
    --oxnv-okd-input-reversed-hover-placeholder-color: transparent;
    --oxnv-okd-input-reversed-hover-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-reversed-hover-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-hover-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-reversed-hover-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-focus-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-focus-placeholder-color: transparent;
    --oxnv-okd-input-reversed-focus-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-reversed-focus-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-focus-shadow: 0px 0px 0px 0px #ffffff00;
    --oxnv-okd-input-reversed-focus-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-disabled-text-color: var(--oxnv-okd-color-global-alpha-matching-30);
    --oxnv-okd-input-reversed-disabled-placeholder-color: transparent;
    --oxnv-okd-input-reversed-disabled-border-color: var(--oxnv-okd-color-global-alpha-matching-30);
    --oxnv-okd-input-reversed-disabled-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-disabled-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-reversed-disabled-background: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-reversed-error-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-error-placeholder-color: transparent;
    --oxnv-okd-input-reversed-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-reversed-error-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-reversed-error-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-reversed-error-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-reversed-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-reversed-tips-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-icon-color: var(--oxnv-okd-color-content-illustration-inverse);
    --oxnv-okd-input-reversed-label-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-reversed-action-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-default-add-icon-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-default-add-icon-background: transparent;
    --oxnv-okd-input-number-reversed-hover-add-icon-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-hover-add-icon-background: var(--oxnv-okd-color-surface-interactive-oncolor-hovered);
    --oxnv-okd-input-number-reversed-active-add-icon-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-number-reversed-active-add-icon-background: transparent;
    --oxnv-okd-input-number-reversed-disabled-add-icon-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-number-reversed-disabled-add-icon-background: transparent;
    --oxnv-okd-input-code-reversed-common-btn-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-code-reversed-common-btn-disabled-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-code-reversed-common-count-color: var(--oxnv-okd-color-content-static-subtler);
    --oxnv-okd-input-search-reversed-default-text-color: var(--oxnv-okd-color-content-info-subtle);
    --oxnv-okd-input-search-reversed-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-reversed-default-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-input-search-reversed-default-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-default-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-search-reversed-default-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-search-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-search-reversed-hover-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-reversed-hover-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-search-reversed-hover-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-hover-shadow: 0px 0px 0px 0px #1212121a;
    --oxnv-okd-input-search-reversed-hover-background: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-input-search-reversed-focus-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-search-reversed-focus-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-search-reversed-focus-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-input-search-reversed-focus-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-focus-shadow: 0px 0px 0px 0px #1212121a;
    --oxnv-okd-input-search-reversed-focus-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-search-reversed-error-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-input-search-reversed-error-placeholder-color: #ccc;
    --oxnv-okd-input-search-reversed-error-border-color: var(--oxnv-okd-color-border-interactive-error);
    --oxnv-okd-input-search-reversed-error-caret-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-input-search-reversed-error-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-search-reversed-error-background: var(--oxnv-okd-color-surface-structural-inverse);
    --oxnv-okd-input-search-reversed-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled);
    --oxnv-okd-input-search-reversed-disabled-placeholder-color: #ccc;
    --oxnv-okd-input-search-reversed-disabled-border-color: transparent;
    --oxnv-okd-input-search-reversed-disabled-caret-color: transparent;
    --oxnv-okd-input-search-reversed-disabled-shadow: 0 0 0 0 transparent;
    --oxnv-okd-input-search-reversed-disabled-background: #f0f0f0;
    --oxnv-okd-input-search-reversed-prefix-icon-color: #6c6c6c;
    --oxnv-okd-input-search-reversed-error-tips-color: var(--oxnv-okd-color-content-interactive-error);
    --oxnv-okd-input-search-suffix-icon-hover-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-input-verify-xl-border-radius: 8px;
    --oxnv-okd-input-code-xl-btn-font-size: 12px;
    --oxnv-okd-input-number-suffix-border-color: var(--oxnv-okd-color-border-static-subtle);
    --oxnv-okd-input-verify-md-border-radius: 6px;
    --oxnv-okd-input-verify-md-text-font-size: 26px;
    --oxnv-okd-input-verify-md-margin: 8px;
    --oxnv-okd-input-readonly-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-input-readonly-placeholder-color: var(--oxnv-okd-color-content-static-placeholder);
    --oxnv-okd-input-readonly-border-color: var(--oxnv-okd-color-border-static-subtle);
    --oxnv-okd-input-readonly-caret-color: var(--oxnv-okd-color-surface-structural-feature);
    --oxnv-okd-input-readonly-shadow: var(--oxnv-okd-input-default-shadow);
    --oxnv-okd-input-readonly-background: transparent
}

.oxnv-input-reversed .oxnv-input-box {
    background: var(--oxnv-okd-input-reversed-default-background);
    border: thin solid var(--oxnv-okd-input-reversed-default-border-color);
    box-shadow: var(--oxnv-okd-input-reversed-default-shadow);
    transition: border-color .3s,box-shadow .3s
}

.oxnv-input-reversed .oxnv-input-input {
    color: var(--oxnv-okd-input-reversed-default-text-color)
}

.oxnv-input-reversed .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-default-placeholder-color);
    color: var(--oxnv-okd-input-reversed-default-placeholder-color)
}

.oxnv-input-reversed .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-default-placeholder-color);
    color: var(--oxnv-okd-input-reversed-default-placeholder-color);
    opacity: 1
}

.oxnv-input-reversed .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-default-placeholder-color);
    color: var(--oxnv-okd-input-reversed-default-placeholder-color)
}

.oxnv-input-reversed .oxnv-input-input:-webkit-autofill {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-default-text-color)!important;
    border: none;
    -webkit-box-shadow: 0 0 0 30px var(--oxnv-okd-input-reversed-default-background) inset
}

.oxnv-input-reversed .oxnv-input-error {
    color: var(--oxnv-okd-input-reversed-error-tips-color)
}

.oxnv-input-reversed .oxnv-input-help-text,.oxnv-input-reversed .oxnv-input-tips {
    color: var(--oxnv-okd-input-reversed-tips-text-color)
}

.oxnv-input.oxnv-input-reversed.hover .oxnv-input-box,.oxnv-input.oxnv-input-reversed:hover .oxnv-input-box {
    background: var(--oxnv-okd-input-reversed-hover-background);
    border: thin solid var(--oxnv-okd-input-reversed-hover-border-color);
    box-shadow: var(--oxnv-okd-input-reversed-hover-shadow)
}

.oxnv-input.oxnv-input-reversed.hover .oxnv-input-box .oxnv-input-input,.oxnv-input.oxnv-input-reversed:hover .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-hover-text-color);
    caret-color: var(--oxnv-okd-input-reversed-hover-caret-color);
    color: var(--oxnv-okd-input-reversed-hover-text-color)
}

.oxnv-input.oxnv-input-reversed.hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder,.oxnv-input.oxnv-input-reversed:hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-hover-placeholder-color);
    color: var(--oxnv-okd-input-reversed-hover-placeholder-color)
}

.oxnv-input.oxnv-input-reversed.hover .oxnv-input-box .oxnv-input-input:-moz-placeholder,.oxnv-input.oxnv-input-reversed:hover .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-hover-placeholder-color);
    color: var(--oxnv-okd-input-reversed-hover-placeholder-color);
    opacity: 1
}

.oxnv-input.oxnv-input-reversed.hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder,.oxnv-input.oxnv-input-reversed:hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-hover-placeholder-color);
    color: var(--oxnv-okd-input-reversed-hover-placeholder-color)
}

.oxnv-input.oxnv-input-reversed.focus .oxnv-input-box {
    background: var(--oxnv-okd-input-reversed-focus-background);
    border: thin solid var(--oxnv-okd-input-reversed-focus-border-color);
    box-shadow: var(--oxnv-okd-input-reversed-focus-shadow)
}

.oxnv-input.oxnv-input-reversed.focus .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-focus-text-color);
    caret-color: var(--oxnv-okd-input-reversed-focus-caret-color);
    color: var(--oxnv-okd-input-reversed-focus-text-color)
}

.oxnv-input.oxnv-input-reversed.focus .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-focus-placeholder-color);
    color: var(--oxnv-okd-input-reversed-focus-placeholder-color)
}

.oxnv-input.oxnv-input-reversed.focus .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-focus-placeholder-color);
    color: var(--oxnv-okd-input-reversed-focus-placeholder-color);
    opacity: 1
}

.oxnv-input.oxnv-input-reversed.focus .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-focus-placeholder-color);
    color: var(--oxnv-okd-input-reversed-focus-placeholder-color)
}

.oxnv-input.oxnv-input-reversed.disabled .oxnv-input-box {
    background: var(--oxnv-okd-input-reversed-disabled-background);
    border: thin solid var(--oxnv-okd-input-reversed-disabled-border-color);
    box-shadow: var(--oxnv-okd-input-reversed-disabled-shadow)
}

.oxnv-input.oxnv-input-reversed.disabled .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-disabled-text-color);
    caret-color: var(--oxnv-okd-input-reversed-disabled-caret-color);
    color: var(--oxnv-okd-input-reversed-disabled-text-color)
}

.oxnv-input.oxnv-input-reversed.disabled .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-disabled-placeholder-color);
    color: var(--oxnv-okd-input-reversed-disabled-placeholder-color)
}

.oxnv-input.oxnv-input-reversed.disabled .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-disabled-placeholder-color);
    color: var(--oxnv-okd-input-reversed-disabled-placeholder-color);
    opacity: 1
}

.oxnv-input.oxnv-input-reversed.disabled .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-disabled-placeholder-color);
    color: var(--oxnv-okd-input-reversed-disabled-placeholder-color)
}

.oxnv-input.oxnv-input-reversed.disabled .oxnv-input-input:-webkit-autofill {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-disabled-text-color)!important;
    -webkit-box-shadow: 0 0 0 30px var(--oxnv-okd-input-reversed-disabled-background) inset
}

.oxnv-input.oxnv-input-reversed.error .oxnv-input-box {
    background: var(--oxnv-okd-input-reversed-error-background);
    border: thin solid var(--oxnv-okd-input-reversed-error-border-color);
    box-shadow: var(--oxnv-okd-input-reversed-error-shadow)
}

.oxnv-input.oxnv-input-reversed.error .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-error-text-color);
    caret-color: var(--oxnv-okd-input-reversed-error-caret-color);
    color: var(--oxnv-okd-input-reversed-error-text-color)
}

.oxnv-input.oxnv-input-reversed.error .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-error-placeholder-color);
    color: var(--oxnv-okd-input-reversed-error-placeholder-color)
}

.oxnv-input.oxnv-input-reversed.error .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-error-placeholder-color);
    color: var(--oxnv-okd-input-reversed-error-placeholder-color);
    opacity: 1
}

.oxnv-input.oxnv-input-reversed.error .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-reversed-error-placeholder-color);
    color: var(--oxnv-okd-input-reversed-error-placeholder-color)
}

.oxnv-label-reversed .oxnv-label-text {
    color: var(--oxnv-okd-input-reversed-label-color)
}

.oxnv-label-reversed .oxnv-label-action {
    color: var(--oxnv-okd-input-reversed-action-color)
}

.oxnv-input-reversed .oxnv-input-prefix .prefix-icon,.oxnv-input-reversed .oxnv-input-suffix .suffix-icon,.oxnv-input-reversed .oxnv-input-suffix .suffix-icon:hover {
    color: var(--oxnv-okd-input-reversed-icon-color)
}

.oxnv-input-reversed .oxnv-input-suffix .error-icon {
    color: var(--oxnv-okd-input-reversed-error-tips-color)
}

.oxnv-input-reversed.oxnv-input-search .oxnv-input-prefix .oxnv-input-search-prefix-icon {
    color: var(--oxnv-okd-input-search-reversed-prefix-icon-color)
}

.oxnv-input-reversed.oxnv-input-search .oxnv-input-error {
    color: var(--oxnv-okd-input-search-reversed-error-tips-color)
}

.oxnv-input-reversed.oxnv-input-search .oxnv-input-box {
    background-color: var(--oxnv-okd-input-search-reversed-default-background);
    border-color: var(--oxnv-okd-input-search-reversed-default-border-color);
    box-shadow: var(--oxnv-okd-input-search-reversed-default-shadow)
}

.oxnv-input-reversed.oxnv-input-search .oxnv-input-input {
    color: var(--oxnv-okd-input-search-reversed-default-text-color)
}

.oxnv-input-reversed.oxnv-input-search .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-default-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-default-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-default-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-default-placeholder-color);
    opacity: 1
}

.oxnv-input-reversed.oxnv-input-search .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-default-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-default-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.hover .oxnv-input-box,.oxnv-input-reversed.oxnv-input-search:hover .oxnv-input-box {
    background: var(--oxnv-okd-input-search-reversed-hover-background);
    border: thin solid var(--oxnv-okd-input-search-reversed-hover-border-color);
    box-shadow: var(--oxnv-okd-input-search-reversed-hover-shadow)
}

.oxnv-input-reversed.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input,.oxnv-input-reversed.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-hover-text-color);
    caret-color: var(--oxnv-okd-input-search-reversed-hover-caret-color);
    color: var(--oxnv-okd-input-search-reversed-hover-text-color)
}

.oxnv-input-reversed.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder,.oxnv-input-reversed.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-hover-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-hover-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input:-moz-placeholder,.oxnv-input-reversed.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-hover-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-hover-placeholder-color);
    opacity: 1
}

.oxnv-input-reversed.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder,.oxnv-input-reversed.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-hover-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-hover-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.focus .oxnv-input-box {
    background: var(--oxnv-okd-input-search-reversed-focus-background);
    border: thin solid var(--oxnv-okd-input-search-reversed-focus-border-color);
    box-shadow: var(--oxnv-okd-input-search-reversed-focus-shadow)
}

.oxnv-input-reversed.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-focus-text-color);
    caret-color: var(--oxnv-okd-input-search-reversed-focus-caret-color);
    color: var(--oxnv-okd-input-search-reversed-focus-text-color)
}

.oxnv-input-reversed.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-focus-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-focus-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-focus-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-focus-placeholder-color);
    opacity: 1
}

.oxnv-input-reversed.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-focus-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-focus-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.disabled .oxnv-input-box {
    background: var(--oxnv-okd-input-search-reversed-disabled-background);
    border: thin solid var(--oxnv-okd-input-search-reversed-disabled-border-color);
    box-shadow: var(--oxnv-okd-input-search-reversed-disabled-shadow)
}

.oxnv-input-reversed.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-disabled-text-color);
    caret-color: var(--oxnv-okd-input-search-reversed-disabled-caret-color);
    color: var(--oxnv-okd-input-search-reversed-disabled-text-color)
}

.oxnv-input-reversed.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-disabled-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-disabled-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-disabled-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-disabled-placeholder-color);
    opacity: 1
}

.oxnv-input-reversed.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-disabled-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-disabled-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.error .oxnv-input-box {
    background: var(--oxnv-okd-input-search-reversed-error-background);
    border: thin solid var(--oxnv-okd-input-search-reversed-error-border-color);
    box-shadow: var(--oxnv-okd-input-search-reversed-error-shadow)
}

.oxnv-input-reversed.oxnv-input-search.error .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-error-text-color);
    caret-color: var(--oxnv-okd-input-search-reversed-error-caret-color);
    color: var(--oxnv-okd-input-search-reversed-error-text-color)
}

.oxnv-input-reversed.oxnv-input-search.error .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-error-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-error-placeholder-color)
}

.oxnv-input-reversed.oxnv-input-search.error .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-error-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-error-placeholder-color);
    opacity: 1
}

.oxnv-input-reversed.oxnv-input-search.error .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-reversed-error-placeholder-color);
    color: var(--oxnv-okd-input-search-reversed-error-placeholder-color)
}

.oxnv-label {
    display: flex;
    width: 100%
}

.oxnv-label.top-right {
    justify-content: flex-end
}

.oxnv-label.top-between {
    justify-content: space-between
}

.oxnv-label-text {
    color: var(--oxnv-okd-input-label-color);
    font-weight: 500
}

.oxnv-label-action {
    color: var(--oxnv-okd-input-action-color);
    cursor: pointer;
    font-weight: 500
}

.oxnv-label.label-xl .oxnv-label-text {
    font-size: var(--oxnv-okd-input-xl-label-font-size);
    line-height: var(--oxnv-okd-input-xl-label-line-height);
    margin-bottom: 6px;
    margin-bottom: var(--oxnv-okd-input-xl-label-margin,6px)
}

.oxnv-label.label-xl .oxnv-label-action {
    font-size: var(--oxnv-okd-input-xl-action-font-size);
    line-height: var(--oxnv-okd-input-xl-action-line-height);
    margin-bottom: 6px;
    margin-bottom: var(--oxnv-okd-input-xl-label-margin,6px)
}

.oxnv-label.label-xl .oxnv-label-place {
    min-height: var(--oxnv-okd-input-xl-label-line-height)
}

.oxnv-label.label-lg .oxnv-label-text {
    font-size: var(--oxnv-okd-input-lg-label-font-size);
    line-height: var(--oxnv-okd-input-lg-label-line-height);
    margin-bottom: 6px;
    margin-bottom: var(--oxnv-okd-input-lg-label-margin,6px)
}

.oxnv-label.label-lg .oxnv-label-action {
    font-size: var(--oxnv-okd-input-lg-action-font-size);
    line-height: var(--oxnv-okd-input-lg-action-line-height);
    margin-bottom: 6px;
    margin-bottom: var(--oxnv-okd-input-lg-label-margin,6px)
}

.oxnv-label.label-lg .oxnv-label-place {
    min-height: var(--oxnv-okd-input-lg-label-line-height)
}

.oxnv-label.label-xs .oxnv-label-text {
    font-size: var(--oxnv-okd-input-xs-label-font-size);
    line-height: var(--oxnv-okd-input-xs-label-line-height);
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-input-xs-label-margin,4px)
}

.oxnv-label.label-xs .oxnv-label-action {
    font-size: var(--oxnv-okd-input-xs-action-font-size);
    line-height: var(--oxnv-okd-input-xs-action-line-height);
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-input-xs-label-margin,4px)
}

.oxnv-label.label-xs .oxnv-label-place {
    min-height: var(--oxnv-okd-input-xs-label-line-height)
}

.oxnv-label.label-sm .oxnv-label-text {
    font-size: var(--oxnv-okd-input-sm-label-font-size);
    line-height: var(--oxnv-okd-input-sm-label-line-height);
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-input-sm-label-margin,4px)
}

.oxnv-label.label-sm .oxnv-label-action {
    font-size: var(--oxnv-okd-input-sm-action-font-size);
    line-height: var(--oxnv-okd-input-sm-action-line-height);
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-input-sm-label-margin,4px)
}

.oxnv-label.label-sm .oxnv-label-place {
    min-height: var(--oxnv-okd-input-sm-label-line-height)
}

.oxnv-label.label-md .oxnv-label-text {
    font-size: var(--oxnv-okd-input-md-label-font-size);
    line-height: var(--oxnv-okd-input-md-label-line-height);
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-input-md-label-margin,4px)
}

.oxnv-label.label-md .oxnv-label-action {
    font-size: var(--oxnv-okd-input-md-action-font-size);
    line-height: var(--oxnv-okd-input-md-action-line-height);
    margin-bottom: 4px;
    margin-bottom: var(--oxnv-okd-input-md-label-margin,4px)
}

.oxnv-label.label-md .oxnv-label-place {
    min-height: var(--oxnv-okd-input-md-label-line-height)
}

.oxnv-input-caret-color {
    caret-color: var(--oxnv-okd-input-focus-caret-color)
}

.oxnv-input-caret-color input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.oxnv-input-caret-color input[type=search]::-moz-search-cancel-button {
    -moz-appearance: none;
    appearance: none
}

.oxnv-input-caret-color input::-ms-clear,.oxnv-input-caret-color input::-ms-reveal {
    display: none
}

.oxnv-input-caret-color input::-o-clear {
    display: none
}

.oxnv-input {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    position: relative
}

.oxnv-input input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.oxnv-input input[type=search]::-moz-search-cancel-button {
    -moz-appearance: none;
    appearance: none
}

.oxnv-input input::-ms-clear,.oxnv-input input::-ms-reveal {
    display: none
}

.oxnv-input input::-o-clear {
    display: none
}

.oxnv-input * {
    box-sizing: border-box
}

.oxnv-input-prefix,.oxnv-input-suffix {
    align-items: center;
    display: flex;
    flex-shrink: 1;
    white-space: nowrap
}

.oxnv-input-input {
    background: transparent;
    border: none;
    color: var(--oxnv-okd-input-default-text-color);
    flex-grow: 1;
    font-family: inherit;
    height: 100%;
    outline: none;
    width: 100%
}

.oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-placeholder-color);
    color: var(--oxnv-okd-input-default-placeholder-color)
}

.oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-placeholder-color);
    color: var(--oxnv-okd-input-default-placeholder-color);
    opacity: 1
}

.oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-placeholder-color);
    color: var(--oxnv-okd-input-default-placeholder-color)
}

.oxnv-input-input:-webkit-autofill {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-text-color)!important;
    border: none;
    -webkit-box-shadow: 0 0 0 30px var(--oxnv-okd-input-default-background) inset
}

.oxnv-input-input.input-textarea {
    box-shadow: none;
    outline: none;
    resize: none
}

.oxnv-input-custom-placeholder {
    position: relative;
    width: 100%
}

.oxnv-input-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oxnv-input-placeholder {
    bottom: 0;
    color: var(--oxnv-okd-input-default-placeholder-color);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.oxnv-input-tips-box {
    display: flex;
    width: 100%
}

.oxnv-input-error {
    color: var(--oxnv-okd-input-error-tips-color)
}

.oxnv-input-tips {
    display: inline-block
}

.oxnv-input-help-text,.oxnv-input-tips {
    color: var(--oxnv-okd-input-tips-text-color)
}

.oxnv-input-help-text {
    flex-grow: 1;
    flex-shrink: 0;
    text-align: right
}

.oxnv-input.hover,.oxnv-input:hover {
    cursor: text
}

.oxnv-input.hover .oxnv-input-box,.oxnv-input:hover .oxnv-input-box {
    background: var(--oxnv-okd-input-hover-background);
    border: thin solid var(--oxnv-okd-input-hover-border-color);
    box-shadow: var(--oxnv-okd-input-hover-shadow)
}

.oxnv-input.hover .oxnv-input-box .oxnv-input-input,.oxnv-input:hover .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-hover-text-color);
    caret-color: var(--oxnv-okd-input-hover-caret-color);
    color: var(--oxnv-okd-input-hover-text-color)
}

.oxnv-input.hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder,.oxnv-input:hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-hover-placeholder-color);
    color: var(--oxnv-okd-input-hover-placeholder-color)
}

.oxnv-input.hover .oxnv-input-box .oxnv-input-input:-moz-placeholder,.oxnv-input:hover .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-hover-placeholder-color);
    color: var(--oxnv-okd-input-hover-placeholder-color);
    opacity: 1
}

.oxnv-input.hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder,.oxnv-input:hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-hover-placeholder-color);
    color: var(--oxnv-okd-input-hover-placeholder-color)
}

.oxnv-input.focus .oxnv-input-box {
    background: var(--oxnv-okd-input-focus-background);
    border: thin solid var(--oxnv-okd-input-focus-border-color);
    box-shadow: var(--oxnv-okd-input-focus-shadow)
}

.oxnv-input.focus .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-focus-text-color);
    caret-color: var(--oxnv-okd-input-focus-caret-color);
    color: var(--oxnv-okd-input-focus-text-color)
}

.oxnv-input.focus .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-focus-placeholder-color);
    color: var(--oxnv-okd-input-focus-placeholder-color)
}

.oxnv-input.focus .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-focus-placeholder-color);
    color: var(--oxnv-okd-input-focus-placeholder-color);
    opacity: 1
}

.oxnv-input.focus .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-focus-placeholder-color);
    color: var(--oxnv-okd-input-focus-placeholder-color)
}

.oxnv-input.readonly .oxnv-input-box {
    background: var(--oxnv-okd-input-default-background);
    background: var(--oxnv-okd-input-readonly-background,var(--oxnv-okd-input-default-background));
    border: thin solid var(--oxnv-okd-input-readonly-border-color,var(--oxnv-okd-input-default-border-color));
    box-shadow: var(--oxnv-okd-input-default-shadow);
    box-shadow: var(--oxnv-okd-input-readonly-shadow,var(--oxnv-okd-input-default-shadow))
}

.oxnv-input.readonly .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-text-color);
    -webkit-text-fill-color: var(--oxnv-okd-input-readonly-text-color,var(--oxnv-okd-input-default-text-color));
    caret-color: var(--oxnv-okd-input-default-caret-color);
    caret-color: var(--oxnv-okd-input-readonly-caret-color,var(--oxnv-okd-input-default-caret-color));
    color: var(--oxnv-okd-input-default-text-color);
    color: var(--oxnv-okd-input-readonly-text-color,var(--oxnv-okd-input-default-text-color))
}

.oxnv-input.readonly .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-placeholder-color);
    -webkit-text-fill-color: var(--oxnv-okd-input-readonly-placeholder-color,var(--oxnv-okd-input-default-placeholder-color));
    color: var(--oxnv-okd-input-default-placeholder-color);
    color: var(--oxnv-okd-input-readonly-placeholder-color,var(--oxnv-okd-input-default-placeholder-color))
}

.oxnv-input.readonly .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-placeholder-color);
    -webkit-text-fill-color: var(--oxnv-okd-input-readonly-placeholder-color,var(--oxnv-okd-input-default-placeholder-color));
    color: var(--oxnv-okd-input-default-placeholder-color);
    color: var(--oxnv-okd-input-readonly-placeholder-color,var(--oxnv-okd-input-default-placeholder-color));
    opacity: 1
}

.oxnv-input.readonly .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-default-placeholder-color);
    -webkit-text-fill-color: var(--oxnv-okd-input-readonly-placeholder-color,var(--oxnv-okd-input-default-placeholder-color));
    color: var(--oxnv-okd-input-default-placeholder-color);
    color: var(--oxnv-okd-input-readonly-placeholder-color,var(--oxnv-okd-input-default-placeholder-color))
}

.oxnv-input.readonly.focus .oxnv-input-box {
    border-color: var(--oxnv-okd-input-focus-border-color)
}

.oxnv-input.disabled {
    cursor: not-allowed
}

.oxnv-input.disabled .oxnv-input-box {
    background: var(--oxnv-okd-input-disabled-background);
    border: thin solid var(--oxnv-okd-input-disabled-border-color);
    box-shadow: var(--oxnv-okd-input-disabled-shadow)
}

.oxnv-input.disabled .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-disabled-text-color);
    caret-color: var(--oxnv-okd-input-disabled-caret-color);
    color: var(--oxnv-okd-input-disabled-text-color)
}

.oxnv-input.disabled .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-disabled-placeholder-color);
    color: var(--oxnv-okd-input-disabled-placeholder-color)
}

.oxnv-input.disabled .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-disabled-placeholder-color);
    color: var(--oxnv-okd-input-disabled-placeholder-color);
    opacity: 1
}

.oxnv-input.disabled .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-disabled-placeholder-color);
    color: var(--oxnv-okd-input-disabled-placeholder-color)
}

.oxnv-input.disabled .oxnv-input-input {
    cursor: not-allowed;
    opacity: 1
}

.oxnv-input.disabled .oxnv-input-input:-webkit-autofill {
    -webkit-text-fill-color: var(--oxnv-okd-input-disabled-text-color)!important;
    -webkit-box-shadow: 0 0 0 30px var(--oxnv-okd-input-disabled-background) inset
}

.oxnv-input.error .oxnv-input-box {
    background: var(--oxnv-okd-input-error-background);
    border: thin solid var(--oxnv-okd-input-error-border-color);
    box-shadow: var(--oxnv-okd-input-error-shadow)
}

.oxnv-input.error .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-error-text-color);
    caret-color: var(--oxnv-okd-input-error-caret-color);
    color: var(--oxnv-okd-input-error-text-color)
}

.oxnv-input.error .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-error-placeholder-color);
    color: var(--oxnv-okd-input-error-placeholder-color)
}

.oxnv-input.error .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-error-placeholder-color);
    color: var(--oxnv-okd-input-error-placeholder-color);
    opacity: 1
}

.oxnv-input.error .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-error-placeholder-color);
    color: var(--oxnv-okd-input-error-placeholder-color)
}

.oxnv-input.error .oxnv-input-error {
    display: inline-block
}

.oxnv-input.no-border .oxnv-input-box {
    background: transparent;
    border: thin solid transparent;
    box-shadow: none
}

.oxnv-input-textarea-resize-virtual-dom::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.oxnv-input-box {
    align-items: center;
    background: var(--oxnv-okd-input-default-background);
    border: thin solid var(--oxnv-okd-input-default-border-color);
    box-shadow: var(--oxnv-okd-input-default-shadow);
    display: flex;
    transition: border-color .3s,box-shadow .3s;
    width: 100%
}

.oxnv-input-xl>.oxnv-input-box {
    border-radius: var(--oxnv-okd-input-xl-border-radius);
    height: var(--oxnv-okd-input-xl-height);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-input-xl-padding-horizontal,8px)
}

.oxnv-input-xl>.oxnv-input-box.auto-size {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-xl-height)
}

.oxnv-input-xl>.oxnv-input-box.no-padding-left {
    padding-left: 0
}

.oxnv-input-xl>.oxnv-input-box.no-padding-right {
    padding-right: 0
}

.oxnv-input-xl>.oxnv-input-box.ta {
    height: 100%;
    padding: 8px
}

.oxnv-input-xl>.oxnv-input-box.auto-resize-auto-height {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-xl-height)
}

.oxnv-input-xl>.oxnv-input-box.input-circle {
    border-radius: 100px
}

.oxnv-input-xl .oxnv-input-input {
    font-size: var(--oxnv-okd-input-xl-text-font-size);
    padding: calc(var(--oxnv-okd-input-xl-height)/2 - var(--oxnv-okd-input-xl-text-font-size)/2 - 2px) 0
}

.oxnv-input-xl .oxnv-input-input::-webkit-input-placeholder {
    font-size: var(--oxnv-okd-input-xl-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-xl .oxnv-input-input:-moz-placeholder {
    font-size: var(--oxnv-okd-input-xl-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-xl .oxnv-input-input::-ms-input-placeholder {
    font-size: var(--oxnv-okd-input-xl-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-xl .oxnv-input-input.ta {
    padding: 0
}

.oxnv-input-xl .oxnv-input-input.textarea-auto-resize {
    line-height: var(--oxnv-okd-input-xl-text-font-size)
}

.oxnv-input-xl .oxnv-input-placeholder {
    font-size: var(--oxnv-okd-input-xl-text-font-size);
    height: calc(var(--oxnv-okd-input-xl-text-font-size) + 2px);
    line-height: calc(var(--oxnv-okd-input-xl-text-font-size) + 2px)
}

.oxnv-input-xl .oxnv-input.oxnv-input-place-mode .oxnv-input-tips-box {
    min-height: calc(var(--oxnv-okd-input-xl-tip-line-height) + 6px);
    min-height: calc(var(--oxnv-okd-input-xl-tip-line-height) + var(--oxnv-okd-input-xl-tip-margin, 6px))
}

.oxnv-input-xl .oxnv-input-error {
    font-size: var(--oxnv-okd-input-xl-error-font-size);
    line-height: var(--oxnv-okd-input-xl-error-line-height);
    margin-top: 6px;
    margin-top: var(--oxnv-okd-input-xl-tip-margin,6px)
}

.oxnv-input-xl .oxnv-input-help-text,.oxnv-input-xl .oxnv-input-tips {
    font-size: var(--oxnv-okd-input-xl-tip-font-size);
    line-height: var(--oxnv-okd-input-xl-tip-line-height);
    margin-top: 6px;
    margin-top: var(--oxnv-okd-input-xl-tip-margin,6px)
}

.oxnv-input-lg>.oxnv-input-box {
    border-radius: var(--oxnv-okd-input-lg-border-radius);
    height: var(--oxnv-okd-input-lg-height);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-input-lg-padding-horizontal,8px)
}

.oxnv-input-lg>.oxnv-input-box.auto-size {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-lg-height)
}

.oxnv-input-lg>.oxnv-input-box.no-padding-left {
    padding-left: 0
}

.oxnv-input-lg>.oxnv-input-box.no-padding-right {
    padding-right: 0
}

.oxnv-input-lg>.oxnv-input-box.ta {
    height: 100%;
    padding: 8px
}

.oxnv-input-lg>.oxnv-input-box.auto-resize-auto-height {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-lg-height)
}

.oxnv-input-lg>.oxnv-input-box.input-circle {
    border-radius: 100px
}

.oxnv-input-lg .oxnv-input-input {
    font-size: var(--oxnv-okd-input-lg-text-font-size);
    padding: calc(var(--oxnv-okd-input-lg-height)/2 - var(--oxnv-okd-input-lg-text-font-size)/2 - 2px) 0
}

.oxnv-input-lg .oxnv-input-input::-webkit-input-placeholder {
    font-size: var(--oxnv-okd-input-lg-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-lg .oxnv-input-input:-moz-placeholder {
    font-size: var(--oxnv-okd-input-lg-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-lg .oxnv-input-input::-ms-input-placeholder {
    font-size: var(--oxnv-okd-input-lg-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-lg .oxnv-input-input.ta {
    padding: 0
}

.oxnv-input-lg .oxnv-input-input.textarea-auto-resize {
    line-height: var(--oxnv-okd-input-lg-text-font-size)
}

.oxnv-input-lg .oxnv-input-placeholder {
    font-size: var(--oxnv-okd-input-lg-text-font-size);
    height: calc(var(--oxnv-okd-input-lg-text-font-size) + 2px);
    line-height: calc(var(--oxnv-okd-input-lg-text-font-size) + 2px)
}

.oxnv-input-lg .oxnv-input.oxnv-input-place-mode .oxnv-input-tips-box {
    min-height: calc(var(--oxnv-okd-input-lg-tip-line-height) + 6px);
    min-height: calc(var(--oxnv-okd-input-lg-tip-line-height) + var(--oxnv-okd-input-lg-tip-margin, 6px))
}

.oxnv-input-lg .oxnv-input-error {
    font-size: var(--oxnv-okd-input-lg-error-font-size);
    line-height: var(--oxnv-okd-input-lg-error-line-height);
    margin-top: 6px;
    margin-top: var(--oxnv-okd-input-lg-tip-margin,6px)
}

.oxnv-input-lg .oxnv-input-help-text,.oxnv-input-lg .oxnv-input-tips {
    font-size: var(--oxnv-okd-input-lg-tip-font-size);
    line-height: var(--oxnv-okd-input-lg-tip-line-height);
    margin-top: 6px;
    margin-top: var(--oxnv-okd-input-lg-tip-margin,6px)
}

.oxnv-input-xs>.oxnv-input-box {
    border-radius: var(--oxnv-okd-input-xs-border-radius);
    height: var(--oxnv-okd-input-xs-height);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-input-xs-padding-horizontal,8px)
}

.oxnv-input-xs>.oxnv-input-box.auto-size {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-xs-height)
}

.oxnv-input-xs>.oxnv-input-box.no-padding-left {
    padding-left: 0
}

.oxnv-input-xs>.oxnv-input-box.no-padding-right {
    padding-right: 0
}

.oxnv-input-xs>.oxnv-input-box.ta {
    height: 100%;
    padding: 8px
}

.oxnv-input-xs>.oxnv-input-box.auto-resize-auto-height {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-xs-height)
}

.oxnv-input-xs>.oxnv-input-box.input-circle {
    border-radius: 100px
}

.oxnv-input-xs .oxnv-input-input {
    font-size: var(--oxnv-okd-input-xs-text-font-size);
    padding: calc(var(--oxnv-okd-input-xs-height)/2 - var(--oxnv-okd-input-xs-text-font-size)/2 - 2px) 0
}

.oxnv-input-xs .oxnv-input-input::-webkit-input-placeholder {
    font-size: var(--oxnv-okd-input-xs-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-xs .oxnv-input-input:-moz-placeholder {
    font-size: var(--oxnv-okd-input-xs-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-xs .oxnv-input-input::-ms-input-placeholder {
    font-size: var(--oxnv-okd-input-xs-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-xs .oxnv-input-input.ta {
    padding: 0
}

.oxnv-input-xs .oxnv-input-input.textarea-auto-resize {
    line-height: var(--oxnv-okd-input-xs-text-font-size)
}

.oxnv-input-xs .oxnv-input-placeholder {
    font-size: var(--oxnv-okd-input-xs-text-font-size);
    height: calc(var(--oxnv-okd-input-xs-text-font-size) + 2px);
    line-height: calc(var(--oxnv-okd-input-xs-text-font-size) + 2px)
}

.oxnv-input-xs .oxnv-input.oxnv-input-place-mode .oxnv-input-tips-box {
    min-height: calc(var(--oxnv-okd-input-xs-tip-line-height) + 4px);
    min-height: calc(var(--oxnv-okd-input-xs-tip-line-height) + var(--oxnv-okd-input-xs-tip-margin, 4px))
}

.oxnv-input-xs .oxnv-input-error {
    font-size: var(--oxnv-okd-input-xs-error-font-size);
    line-height: var(--oxnv-okd-input-xs-error-line-height);
    margin-top: 4px;
    margin-top: var(--oxnv-okd-input-xs-tip-margin,4px)
}

.oxnv-input-xs .oxnv-input-help-text,.oxnv-input-xs .oxnv-input-tips {
    font-size: var(--oxnv-okd-input-xs-tip-font-size);
    line-height: var(--oxnv-okd-input-xs-tip-line-height);
    margin-top: 4px;
    margin-top: var(--oxnv-okd-input-xs-tip-margin,4px)
}

.oxnv-input-sm>.oxnv-input-box {
    border-radius: var(--oxnv-okd-input-sm-border-radius);
    height: var(--oxnv-okd-input-sm-height);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-input-sm-padding-horizontal,8px)
}

.oxnv-input-sm>.oxnv-input-box.auto-size {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-sm-height)
}

.oxnv-input-sm>.oxnv-input-box.no-padding-left {
    padding-left: 0
}

.oxnv-input-sm>.oxnv-input-box.no-padding-right {
    padding-right: 0
}

.oxnv-input-sm>.oxnv-input-box.ta {
    height: 100%;
    padding: 8px
}

.oxnv-input-sm>.oxnv-input-box.auto-resize-auto-height {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-sm-height)
}

.oxnv-input-sm>.oxnv-input-box.input-circle {
    border-radius: 100px
}

.oxnv-input-sm .oxnv-input-input {
    font-size: var(--oxnv-okd-input-sm-text-font-size);
    padding: calc(var(--oxnv-okd-input-sm-height)/2 - var(--oxnv-okd-input-sm-text-font-size)/2 - 2px) 0
}

.oxnv-input-sm .oxnv-input-input::-webkit-input-placeholder {
    font-size: var(--oxnv-okd-input-sm-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-sm .oxnv-input-input:-moz-placeholder {
    font-size: var(--oxnv-okd-input-sm-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-sm .oxnv-input-input::-ms-input-placeholder {
    font-size: var(--oxnv-okd-input-sm-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-sm .oxnv-input-input.ta {
    padding: 0
}

.oxnv-input-sm .oxnv-input-input.textarea-auto-resize {
    line-height: var(--oxnv-okd-input-sm-text-font-size)
}

.oxnv-input-sm .oxnv-input-placeholder {
    font-size: var(--oxnv-okd-input-sm-text-font-size);
    height: calc(var(--oxnv-okd-input-sm-text-font-size) + 2px);
    line-height: calc(var(--oxnv-okd-input-sm-text-font-size) + 2px)
}

.oxnv-input-sm .oxnv-input.oxnv-input-place-mode .oxnv-input-tips-box {
    min-height: calc(var(--oxnv-okd-input-sm-tip-line-height) + 4px);
    min-height: calc(var(--oxnv-okd-input-sm-tip-line-height) + var(--oxnv-okd-input-sm-tip-margin, 4px))
}

.oxnv-input-sm .oxnv-input-error {
    font-size: var(--oxnv-okd-input-sm-error-font-size);
    line-height: var(--oxnv-okd-input-sm-error-line-height);
    margin-top: 4px;
    margin-top: var(--oxnv-okd-input-sm-tip-margin,4px)
}

.oxnv-input-sm .oxnv-input-help-text,.oxnv-input-sm .oxnv-input-tips {
    font-size: var(--oxnv-okd-input-sm-tip-font-size);
    line-height: var(--oxnv-okd-input-sm-tip-line-height);
    margin-top: 4px;
    margin-top: var(--oxnv-okd-input-sm-tip-margin,4px)
}

.oxnv-input-md>.oxnv-input-box {
    border-radius: var(--oxnv-okd-input-md-border-radius);
    height: var(--oxnv-okd-input-md-height);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-input-md-padding-horizontal,8px)
}

.oxnv-input-md>.oxnv-input-box.auto-size {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-md-height)
}

.oxnv-input-md>.oxnv-input-box.no-padding-left {
    padding-left: 0
}

.oxnv-input-md>.oxnv-input-box.no-padding-right {
    padding-right: 0
}

.oxnv-input-md>.oxnv-input-box.ta {
    height: 100%;
    padding: 8px
}

.oxnv-input-md>.oxnv-input-box.auto-resize-auto-height {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: var(--oxnv-okd-input-md-height)
}

.oxnv-input-md>.oxnv-input-box.input-circle {
    border-radius: 100px
}

.oxnv-input-md .oxnv-input-input {
    font-size: var(--oxnv-okd-input-md-text-font-size);
    padding: calc(var(--oxnv-okd-input-md-height)/2 - var(--oxnv-okd-input-md-text-font-size)/2 - 2px) 0
}

.oxnv-input-md .oxnv-input-input::-webkit-input-placeholder {
    font-size: var(--oxnv-okd-input-md-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-md .oxnv-input-input:-moz-placeholder {
    font-size: var(--oxnv-okd-input-md-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-md .oxnv-input-input::-ms-input-placeholder {
    font-size: var(--oxnv-okd-input-md-text-font-size);
    font-weight: 400;
    text-overflow: ellipsis
}

.oxnv-input-md .oxnv-input-input.ta {
    padding: 0
}

.oxnv-input-md .oxnv-input-input.textarea-auto-resize {
    line-height: var(--oxnv-okd-input-md-text-font-size)
}

.oxnv-input-md .oxnv-input-placeholder {
    font-size: var(--oxnv-okd-input-md-text-font-size);
    height: calc(var(--oxnv-okd-input-md-text-font-size) + 2px);
    line-height: calc(var(--oxnv-okd-input-md-text-font-size) + 2px)
}

.oxnv-input-md .oxnv-input.oxnv-input-place-mode .oxnv-input-tips-box {
    min-height: calc(var(--oxnv-okd-input-md-tip-line-height) + 4px);
    min-height: calc(var(--oxnv-okd-input-md-tip-line-height) + var(--oxnv-okd-input-md-tip-margin, 4px))
}

.oxnv-input-md .oxnv-input-error {
    font-size: var(--oxnv-okd-input-md-error-font-size);
    line-height: var(--oxnv-okd-input-md-error-line-height);
    margin-top: 4px;
    margin-top: var(--oxnv-okd-input-md-tip-margin,4px)
}

.oxnv-input-md .oxnv-input-help-text,.oxnv-input-md .oxnv-input-tips {
    font-size: var(--oxnv-okd-input-md-tip-font-size);
    line-height: var(--oxnv-okd-input-md-tip-line-height);
    margin-top: 4px;
    margin-top: var(--oxnv-okd-input-md-tip-margin,4px)
}

.oxnv-input-prefix {
    height: 100%
}

.oxnv-input-prefix .prefix-icon {
    color: var(--oxnv-okd-input-icon-color)
}

.oxnv-input-prefix .select {
    padding-right: 8px
}

.oxnv-input-suffix {
    height: 100%
}

.oxnv-input-suffix .suffix-icon {
    color: var(--oxnv-okd-input-icon-color)
}

.oxnv-input-suffix .clean-icon:hover {
    color: #000;
    color: var(--oxnv-okd-input-search-suffix-icon-hover-color,#000)
}

.oxnv-input-suffix .error-icon {
    color: var(--oxnv-okd-input-error-tips-color)
}

.oxnv-input-xl .oxnv-input-prefix .prefix-icon {
    font-size: var(--oxnv-okd-input-xl-icon-size);
    margin-left: 0;
    margin-right: var(--oxnv-okd-input-xl-icon-margin)
}

.oxnv-input-xl .oxnv-input-suffix .suffix-icon {
    font-size: var(--oxnv-okd-input-xl-icon-size);
    margin-left: var(--oxnv-okd-input-xl-icon-margin);
    margin-right: 0
}

.oxnv-input-lg .oxnv-input-prefix .prefix-icon {
    font-size: var(--oxnv-okd-input-lg-icon-size);
    margin-left: 0;
    margin-right: var(--oxnv-okd-input-lg-icon-margin)
}

.oxnv-input-lg .oxnv-input-suffix .suffix-icon {
    font-size: var(--oxnv-okd-input-lg-icon-size);
    margin-left: var(--oxnv-okd-input-lg-icon-margin);
    margin-right: 0
}

.oxnv-input-xs .oxnv-input-prefix .prefix-icon {
    font-size: var(--oxnv-okd-input-xs-icon-size);
    margin-left: 0;
    margin-right: var(--oxnv-okd-input-xs-icon-margin)
}

.oxnv-input-xs .oxnv-input-suffix .suffix-icon {
    font-size: var(--oxnv-okd-input-xs-icon-size);
    margin-left: var(--oxnv-okd-input-xs-icon-margin);
    margin-right: 0
}

.oxnv-input-sm .oxnv-input-prefix .prefix-icon {
    font-size: var(--oxnv-okd-input-sm-icon-size);
    margin-left: 0;
    margin-right: var(--oxnv-okd-input-sm-icon-margin)
}

.oxnv-input-sm .oxnv-input-suffix .suffix-icon {
    font-size: var(--oxnv-okd-input-sm-icon-size);
    margin-left: var(--oxnv-okd-input-sm-icon-margin);
    margin-right: 0
}

.oxnv-input-md .oxnv-input-prefix .prefix-icon {
    font-size: var(--oxnv-okd-input-md-icon-size);
    margin-left: 0;
    margin-right: var(--oxnv-okd-input-md-icon-margin)
}

.oxnv-input-md .oxnv-input-suffix .suffix-icon {
    font-size: var(--oxnv-okd-input-md-icon-size);
    margin-left: var(--oxnv-okd-input-md-icon-margin);
    margin-right: 0
}

.oxnv-input-prefix .oxnv-input-search-prefix-icon {
    color: var(--oxnv-okd-input-search-prefix-icon-color);
    cursor: pointer;
    font-size: var(--oxnv-okd-input-search-prefix-icon-size);
    margin-right: 8px
}

.oxnv-input-suffix .clean-icon {
    color: var(--oxnv-okd-input-search-suffix-icon-color);
    cursor: pointer;
    font-size: var(--oxnv-okd-input-search-suffix-icon-size)
}

.oxnv-input-search .oxnv-input-error {
    color: var(--oxnv-okd-input-search-error-tips-color)
}

.oxnv-input-search .oxnv-input-box {
    background-color: var(--oxnv-okd-input-search-default-background);
    border-color: var(--oxnv-okd-input-search-default-border-color);
    box-shadow: var(--oxnv-okd-input-search-default-shadow)
}

.oxnv-input-search .oxnv-input-input {
    color: var(--oxnv-okd-input-search-default-text-color)
}

.oxnv-input-search .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-default-placeholder-color);
    color: var(--oxnv-okd-input-search-default-placeholder-color)
}

.oxnv-input-search .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-default-placeholder-color);
    color: var(--oxnv-okd-input-search-default-placeholder-color);
    opacity: 1
}

.oxnv-input-search .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-default-placeholder-color);
    color: var(--oxnv-okd-input-search-default-placeholder-color)
}

.oxnv-input-search.hover .oxnv-input-box,.oxnv-input-search:hover .oxnv-input-box {
    background: var(--oxnv-okd-input-search-hover-background);
    border: thin solid var(--oxnv-okd-input-search-hover-border-color);
    box-shadow: var(--oxnv-okd-input-search-hover-shadow)
}

.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input,.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-hover-text-color);
    caret-color: var(--oxnv-okd-input-search-hover-caret-color);
    color: var(--oxnv-okd-input-search-hover-text-color)
}

.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder,.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-hover-placeholder-color);
    color: var(--oxnv-okd-input-search-hover-placeholder-color)
}

.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input:-moz-placeholder,.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-hover-placeholder-color);
    color: var(--oxnv-okd-input-search-hover-placeholder-color);
    opacity: 1
}

.oxnv-input-search.hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder,.oxnv-input-search:hover .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-hover-placeholder-color);
    color: var(--oxnv-okd-input-search-hover-placeholder-color)
}

.oxnv-input-search.focus .oxnv-input-box {
    background: var(--oxnv-okd-input-search-focus-background);
    border: thin solid var(--oxnv-okd-input-search-focus-border-color);
    box-shadow: var(--oxnv-okd-input-search-focus-shadow)
}

.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-focus-text-color);
    caret-color: var(--oxnv-okd-input-search-focus-caret-color);
    color: var(--oxnv-okd-input-search-focus-text-color)
}

.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-focus-placeholder-color);
    color: var(--oxnv-okd-input-search-focus-placeholder-color)
}

.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-focus-placeholder-color);
    color: var(--oxnv-okd-input-search-focus-placeholder-color);
    opacity: 1
}

.oxnv-input-search.focus .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-focus-placeholder-color);
    color: var(--oxnv-okd-input-search-focus-placeholder-color)
}

.oxnv-input-search.disabled .oxnv-input-box {
    background: var(--oxnv-okd-input-search-disabled-background);
    border: thin solid var(--oxnv-okd-input-search-disabled-border-color);
    box-shadow: var(--oxnv-okd-input-search-disabled-shadow)
}

.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-disabled-text-color);
    caret-color: var(--oxnv-okd-input-search-disabled-caret-color);
    color: var(--oxnv-okd-input-search-disabled-text-color)
}

.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-disabled-placeholder-color);
    color: var(--oxnv-okd-input-search-disabled-placeholder-color)
}

.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-disabled-placeholder-color);
    color: var(--oxnv-okd-input-search-disabled-placeholder-color);
    opacity: 1
}

.oxnv-input-search.disabled .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-disabled-placeholder-color);
    color: var(--oxnv-okd-input-search-disabled-placeholder-color)
}

.oxnv-input-search.error .oxnv-input-box {
    background: var(--oxnv-okd-input-search-error-background);
    border: thin solid var(--oxnv-okd-input-search-error-border-color);
    box-shadow: var(--oxnv-okd-input-search-error-shadow)
}

.oxnv-input-search.error .oxnv-input-box .oxnv-input-input {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-error-text-color);
    caret-color: var(--oxnv-okd-input-search-error-caret-color);
    color: var(--oxnv-okd-input-search-error-text-color)
}

.oxnv-input-search.error .oxnv-input-box .oxnv-input-input::-webkit-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-error-placeholder-color);
    color: var(--oxnv-okd-input-search-error-placeholder-color)
}

.oxnv-input-search.error .oxnv-input-box .oxnv-input-input:-moz-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-error-placeholder-color);
    color: var(--oxnv-okd-input-search-error-placeholder-color);
    opacity: 1
}

.oxnv-input-search.error .oxnv-input-box .oxnv-input-input::-ms-input-placeholder {
    -webkit-text-fill-color: var(--oxnv-okd-input-search-error-placeholder-color);
    color: var(--oxnv-okd-input-search-error-placeholder-color)
}

.theme-dark,.theme-light {
    --oxnv-okd-empty-img-width: 100px;
    --oxnv-okd-empty-img-height: 100px;
    --oxnv-okd-empty-img-margin-bottom: 4px;
    --oxnv-okd-empty-title-font-size: 16px;
    --oxnv-okd-empty-title-light-height: 20px;
    --oxnv-okd-empty-title-margin-bottom: 4px;
    --oxnv-okd-empty-title-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-empty-desc-font-size: 14px;
    --oxnv-okd-empty-desc-light-height: 158%;
    --oxnv-okd-empty-desc-margin-bottom: 16px;
    --oxnv-okd-empty-desc-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-empty-title-line-height: 20px;
    --oxnv-okd-empty-desc-line-height: 20px;
    --oxnv-okd-empty-title-font-weight: 500;
    --oxnv-okd-empty-desc-font-weight: 400;
    --oxnv-okd-empty-sm-title-font-size: 14px;
    --oxnv-okd-empty-sm-title-line-height: 16px;
    --oxnv-okd-empty-sm-title-margin-bottom: 4px;
    --oxnv-okd-empty-sm-desc-font-size: 12px;
    --oxnv-okd-empty-sm-desc-line-height: 18px;
    --oxnv-okd-empty-sm-desc-margin-bottom: 16px
}

.oxnv-picture {
    display: inline-block
}

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

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

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

.tooltip-wrapper {
    cursor: pointer;
    display: block;
    overflow: visible;
    position: relative
}

.tooltip-content {
    left: 12px;
    pointer-events: auto;
    position: absolute;
    top: calc(100% + 6px);
    z-index: 10000
}

.tooltip-arrow {
    border-bottom: 6px solid #4a4a4a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: 100%;
    height: 0;
    left: 12px;
    position: absolute;
    transform: translateX(-50%);
    width: 0
}

.tooltip-text {
    word-wrap: break-word;
    background-color: #4a4a4a;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    max-width: 240px;
    min-width: 120px;
    padding: 10px 14px;
    text-align: left;
    white-space: normal
}

.theme-light {
    --nav-lang-text-color: #000;
    --nav-lang-icon-color: #000;
    --nav-scrollbar-thumb-color: rgba(0,0,0,.2);
    --nav-scrollbar-thumb-hover-color: rgba(0,0,0,.3)
}

.theme-dark {
    --nav-lang-text-color: #fff;
    --nav-lang-icon-color: #909090;
    --nav-scrollbar-thumb-color: hsla(0,0%,100%,.2);
    --nav-scrollbar-thumb-hover-color: hsla(0,0%,100%,.3)
}

.footer-container .f-l .market-list-container,.language-panel,.mobile-language-dialog-container {
    --nav-split-line-color: #383838
}

.footer-container .f-l .market-list-container.language-panel .language-list,.footer-container .f-l .market-list-container.mobile-language-dialog-container .language-list,.language-panel.language-panel .language-list,.language-panel.mobile-language-dialog-container .language-list,.mobile-language-dialog-container.language-panel .language-list,.mobile-language-dialog-container.mobile-language-dialog-container .language-list {
    padding: 24px
}

.footer-container .f-l .market-list-container.language-panel,.language-panel.language-panel,.mobile-language-dialog-container.language-panel {
    --nav-split-line-color: #ebebeb
}

.footer-container .f-l .market-list-container.language-panel .market-currency-list-container,.language-panel.language-panel .market-currency-list-container,.mobile-language-dialog-container.language-panel .market-currency-list-container {
    margin-left: 16px
}

.footer-container .f-l .market-list-container.market-list-container,.language-panel.market-list-container,.mobile-language-dialog-container.market-list-container {
    padding: 16px 16px 0
}

.footer-container .f-l .market-list-container.market-currency-list-container,.language-panel.market-currency-list-container,.mobile-language-dialog-container.market-currency-list-container {
    padding-left: 0
}

.footer-container .f-l .market-list-container.mobile-language-dialog-container .ul-box,.language-panel.mobile-language-dialog-container .ul-box,.mobile-language-dialog-container.mobile-language-dialog-container .ul-box {
    padding: 16px
}

.footer-container .f-l .market-list-container.mobile-language-dialog-container .ul-box:last-child,.language-panel.mobile-language-dialog-container .ul-box:last-child,.mobile-language-dialog-container.mobile-language-dialog-container .ul-box:last-child {
    margin-left: 0
}

.footer-container .f-l .market-list-container.mobile-language-dialog-container .ul-box .market-ul,.language-panel.mobile-language-dialog-container .ul-box .market-ul,.mobile-language-dialog-container.mobile-language-dialog-container .ul-box .market-ul {
    height: calc(100vh - 260px);
    padding: 16px 0
}

.footer-container .f-l .market-list-container.mobile-language-dialog-container .ul-box .market-ul.currency-list,.language-panel.mobile-language-dialog-container .ul-box .market-ul.currency-list,.mobile-language-dialog-container.mobile-language-dialog-container .ul-box .market-ul.currency-list {
    height: calc(100vh - 180px)
}

.footer-container .f-l .market-list-container.mobile-language-dialog-container .ul-box .market-ul.currency-list .nav-lang-item,.language-panel.mobile-language-dialog-container .ul-box .market-ul.currency-list .nav-lang-item,.mobile-language-dialog-container.mobile-language-dialog-container .ul-box .market-ul.currency-list .nav-lang-item {
    font-size: 14px
}

@media (max-width: 767px) {
    .footer-container .f-l .market-list-container.mobile-language-dialog-container .ul-box .mkt-item .market-name,.footer-container .f-l .market-list-container.mobile-language-dialog-container .ul-box .mkt-item .nav-lang-item,.language-panel.mobile-language-dialog-container .ul-box .mkt-item .market-name,.language-panel.mobile-language-dialog-container .ul-box .mkt-item .nav-lang-item,.mobile-language-dialog-container.mobile-language-dialog-container .ul-box .mkt-item .market-name,.mobile-language-dialog-container.mobile-language-dialog-container .ul-box .mkt-item .nav-lang-item {
        font-size:14px;
        margin-bottom: 24px
    }
}

.footer-container .f-l .market-list-container .ul-box,.language-panel .ul-box,.mobile-language-dialog-container .ul-box {
    box-sizing: border-box;
    width: 200px
}

@media (max-width: 767px) {
    .footer-container .f-l .market-list-container .ul-box,.language-panel .ul-box,.mobile-language-dialog-container .ul-box {
        width:150px
    }
}

.footer-container .f-l .market-list-container .ul-box .market-ul,.language-panel .ul-box .market-ul,.mobile-language-dialog-container .ul-box .market-ul {
    --scrollbar-width: 0px;
    height: 288px;
    overflow-y: auto;
    width: calc(100% - 2px)
}

.footer-container .f-l .market-list-container .ul-box .market-ul::-webkit-scrollbar,.language-panel .ul-box .market-ul::-webkit-scrollbar,.mobile-language-dialog-container .ul-box .market-ul::-webkit-scrollbar {
    background: transparent;
    width: var(--scrollbar-width)
}

.footer-container .f-l .market-list-container .ul-box .market-ul::-webkit-scrollbar-track,.language-panel .ul-box .market-ul::-webkit-scrollbar-track,.mobile-language-dialog-container .ul-box .market-ul::-webkit-scrollbar-track {
    background: transparent
}

.footer-container .f-l .market-list-container .ul-box .market-ul::-webkit-scrollbar-thumb,.language-panel .ul-box .market-ul::-webkit-scrollbar-thumb,.mobile-language-dialog-container .ul-box .market-ul::-webkit-scrollbar-thumb {
    border-radius: 1px
}

.footer-container .f-l .market-list-container .ul-box .market-ul:hover,.language-panel .ul-box .market-ul:hover,.mobile-language-dialog-container .ul-box .market-ul:hover {
    --scrollbar-width: 2px;
    width: 100%
}

.footer-container .f-l .market-list-container .ul-box .lang-title,.language-panel .ul-box .lang-title,.mobile-language-dialog-container .ul-box .lang-title {
    align-items: center;
    color: var(--nav-lang-text-color);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px
}

.footer-container .f-l .market-list-container .ul-box .lang-title .icon,.language-panel .ul-box .lang-title .icon,.mobile-language-dialog-container .ul-box .lang-title .icon {
    align-items: center;
    color: var(--nav-lang-icon-color);
    display: flex;
    font-size: 12px;
    margin-left: 4px;
    margin-top: 1px
}

.footer-container .f-l .market-list-container .ul-box .nav-lang-search-input,.language-panel .ul-box .nav-lang-search-input,.mobile-language-dialog-container .ul-box .nav-lang-search-input {
    margin-bottom: 16px;
    width: 100%
}

.footer-container .f-l .market-list-container .ul-box .market-ul,.language-panel .ul-box .market-ul,.mobile-language-dialog-container .ul-box .market-ul {
    display: flex;
    flex-direction: column
}

.footer-container .f-l .market-list-container .ul-box .mkt-item:not(:first-child),.language-panel .ul-box .mkt-item:not(:first-child),.mobile-language-dialog-container .ul-box .mkt-item:not(:first-child) {
    padding-top: 16px;
    position: relative
}

.footer-container .f-l .market-list-container .ul-box .mkt-item:not(:first-child):before,.language-panel .ul-box .mkt-item:not(:first-child):before,.mobile-language-dialog-container .ul-box .mkt-item:not(:first-child):before {
    background: var(--nav-split-line-color);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.footer-container .f-l .market-list-container .ul-box .mkt-item .market-name,.language-panel .ul-box .mkt-item .market-name,.mobile-language-dialog-container .ul-box .mkt-item .market-name {
    color: #909090;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px
}

.footer-container .f-l .market-list-container .ul-box .currency-list,.footer-container .f-l .market-list-container .ul-box .lang-list,.language-panel .ul-box .currency-list,.language-panel .ul-box .lang-list,.mobile-language-dialog-container .ul-box .currency-list,.mobile-language-dialog-container .ul-box .lang-list {
    display: flex;
    flex-direction: column
}

.footer-container .f-l .market-list-container .ul-box .nav-lang-item,.language-panel .ul-box .nav-lang-item,.mobile-language-dialog-container .ul-box .nav-lang-item {
    align-items: center;
    box-sizing: border-box;
    color: var(--nav-lang-text-color);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin-bottom: 16px;
    padding: 0;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.footer-container .f-l .market-list-container .ul-box .nav-lang-item.selected,.language-panel .ul-box .nav-lang-item.selected,.mobile-language-dialog-container .ul-box .nav-lang-item.selected {
    font-weight: 700
}

.footer-container .f-l .market-list-container .ul-box .nav-lang-item.selected .select-icon,.language-panel .ul-box .nav-lang-item.selected .select-icon,.mobile-language-dialog-container .ul-box .nav-lang-item.selected .select-icon {
    align-items: center;
    color: var(--nav-lang-icon-color);
    display: flex;
    font-size: 16px;
    height: 16px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 16px
}

.footer-container .f-l .market-list-container .ul-box .nav-lang-item:not(.selected) .select-icon,.language-panel .ul-box .nav-lang-item:not(.selected) .select-icon,.mobile-language-dialog-container .ul-box .nav-lang-item:not(.selected) .select-icon {
    display: none
}

.header-main .nav-container .nav-language .language-panel {
    align-items: center;
    display: flex;
    left: auto;
    padding: 16px 16px 0;
    right: 0
}

.market-language-container {
    max-height: calc(100% - 48px)
}

@media (min-width: 768px) {
    .market-language-container {
        width:600px
    }
}

.market-language-container .market-language-content {
    border-bottom: 1px solid var(--oxnv-okd-color-line-muted);
    display: flex;
    padding-top: 12px
}

.market-language-container .market-language-content .market-dialog-language-tabs {
    padding-left: 20px
}

.market-language-container .market-language-line {
    width: 100%
}

.market-language-container .language-panel {
    display: flex
}

.market-language-container .language-panel .market-list-container {
    flex: 1 1
}

.market-language-container .language-panel .market-list-container .ul-box .currency-list {
    display: block
}

.market-language-container .market-dialog-language-info {
    margin-bottom: -6px;
    margin-top: 16px
}

@media (min-width: 768px) {
    .market-language-container .market-dialog-language-info {
        margin-bottom:16px;
        margin-top: -8px
    }
}

.market-language-dialog-container {
    padding-bottom: 0
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-highlight {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-highlight-default-background-color,transparent);
    border-color: #dbdbdb;
    border-color: var(--oxnv-okd-tabs-pane-outline-highlight-default-border-color,#dbdbdb);
    border-style: solid;
    color: #929292;
    color: var(--oxnv-okd-tabs-pane-outline-highlight-default-text-color,#929292)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-highlight.oxnv-tabs-active {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-highlight-active-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-outline-highlight-active-border-color,#000);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-outline-highlight-active-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-highlight.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #000;
    outline-color: var(--oxnv-okd-tabs-pane-outline-highlight-active-text-color,#000);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-highlight:hover:not(.oxnv-tabs-active) {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-highlight-hover-background-color,transparent);
    border-color: #dbdbdb;
    border-color: var(--oxnv-okd-tabs-pane-outline-highlight-hover-border-color,#dbdbdb);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-outline-highlight-hover-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-primary {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-primary-default-background-color,transparent);
    border-color: transparent;
    border-color: var(--oxnv-okd-tabs-pane-outline-primary-default-border-color,transparent);
    border-style: solid;
    color: #929292;
    color: var(--oxnv-okd-tabs-pane-outline-primary-default-text-color,#929292)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-primary.oxnv-tabs-active {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-primary-active-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-outline-primary-active-border-color,#000);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-outline-primary-active-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-primary.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #000;
    outline-color: var(--oxnv-okd-tabs-pane-outline-primary-active-text-color,#000);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-primary:hover:not(.oxnv-tabs-active) {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-primary-hover-background-color,transparent);
    border-color: transparent;
    border-color: var(--oxnv-okd-tabs-pane-outline-primary-hover-border-color,transparent);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-outline-primary-hover-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-secondary {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-secondary-default-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-outline-secondary-default-border-color,#000);
    border-style: solid;
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-outline-secondary-default-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-secondary.oxnv-tabs-active {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-secondary-active-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-outline-secondary-active-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-outline-secondary-active-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-secondary.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-outline-secondary-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-secondary:hover:not(.oxnv-tabs-active) {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-outline-secondary-hover-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-outline-secondary-hover-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-outline-secondary-hover-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-reversed {
    background-color: #f7f7f7;
    background-color: var(--oxnv-okd-tabs-pane-outline-reversed-default-background-color,#f7f7f7);
    border-color: #f7f7f7;
    border-color: var(--oxnv-okd-tabs-pane-outline-reversed-default-border-color,#f7f7f7);
    border-style: solid;
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-outline-reversed-default-text-color,#3d3d3d)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-reversed:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-outline-reversed-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-reversed.oxnv-tabs-active {
    background-color: #000;
    background-color: var(--oxnv-okd-tabs-pane-outline-reversed-active-background-color,#000);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-outline-reversed-active-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-outline-reversed-active-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-reversed.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-outline-reversed-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-outline-reversed:hover:not(.oxnv-tabs-active) {
    background-color: #ebebeb;
    background-color: var(--oxnv-okd-tabs-pane-outline-reversed-hover-background-color,#ebebeb);
    border-color: #ebebeb;
    border-color: var(--oxnv-okd-tabs-pane-outline-reversed-hover-border-color,#ebebeb);
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-outline-reversed-hover-text-color,#3d3d3d)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-highlight {
    background-color: #f7f7f7;
    background-color: var(--oxnv-okd-tabs-pane-fill-highlight-default-background-color,#f7f7f7);
    border-color: #f7f7f7;
    border-color: var(--oxnv-okd-tabs-pane-fill-highlight-default-border-color,#f7f7f7);
    border-style: solid;
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-fill-highlight-default-text-color,#3d3d3d)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-highlight.oxnv-tabs-active {
    background-color: #000;
    background-color: var(--oxnv-okd-tabs-pane-fill-highlight-active-background-color,#000);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-fill-highlight-active-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-fill-highlight-active-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-highlight.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-fill-highlight-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-highlight:hover:not(.oxnv-tabs-active) {
    background-color: #ebebeb;
    background-color: var(--oxnv-okd-tabs-pane-fill-highlight-hover-background-color,#ebebeb);
    border-color: #ebebeb;
    border-color: var(--oxnv-okd-tabs-pane-fill-highlight-hover-border-color,#ebebeb);
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-fill-highlight-hover-text-color,#3d3d3d)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-primary {
    background-color: #f7f7f7;
    background-color: var(--oxnv-okd-tabs-pane-fill-primary-default-background-color,#f7f7f7);
    border-color: #f7f7f7;
    border-color: var(--oxnv-okd-tabs-pane-fill-primary-default-border-color,#f7f7f7);
    border-style: solid;
    color: #929292;
    color: var(--oxnv-okd-tabs-pane-fill-primary-default-text-color,#929292)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-primary.oxnv-tabs-active {
    background-color: #f7f7f7;
    background-color: var(--oxnv-okd-tabs-pane-fill-primary-active-background-color,#f7f7f7);
    border-color: #f7f7f7;
    border-color: var(--oxnv-okd-tabs-pane-fill-primary-active-border-color,#f7f7f7);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-fill-primary-active-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-primary.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #000;
    outline-color: var(--oxnv-okd-tabs-pane-fill-primary-active-text-color,#000);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-primary:hover:not(.oxnv-tabs-active) {
    background-color: #ebebeb;
    background-color: var(--oxnv-okd-tabs-pane-fill-primary-hover-background-color,#ebebeb);
    border-color: #ebebeb;
    border-color: var(--oxnv-okd-tabs-pane-fill-primary-hover-border-color,#ebebeb);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-fill-primary-hover-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-secondary {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-fill-secondary-default-background-color,transparent);
    border-color: transparent;
    border-color: var(--oxnv-okd-tabs-pane-fill-secondary-default-border-color,transparent);
    border-style: solid;
    color: #929292;
    color: var(--oxnv-okd-tabs-pane-fill-secondary-default-text-color,#929292)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-secondary.oxnv-tabs-active {
    background-color: #f7f7f7;
    background-color: var(--oxnv-okd-tabs-pane-fill-secondary-active-background-color,#f7f7f7);
    border-color: #f7f7f7;
    border-color: var(--oxnv-okd-tabs-pane-fill-secondary-active-border-color,#f7f7f7);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-fill-secondary-active-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-secondary.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #000;
    outline-color: var(--oxnv-okd-tabs-pane-fill-secondary-active-text-color,#000);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-secondary:hover:not(.oxnv-tabs-active) {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-fill-secondary-hover-background-color,transparent);
    border-color: transparent;
    border-color: var(--oxnv-okd-tabs-pane-fill-secondary-hover-border-color,transparent);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-fill-secondary-hover-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-reversed {
    background-color: #f7f7f7;
    background-color: var(--oxnv-okd-tabs-pane-fill-reversed-default-background-color,#f7f7f7);
    border-color: #f7f7f7;
    border-color: var(--oxnv-okd-tabs-pane-fill-reversed-default-border-color,#f7f7f7);
    border-style: solid;
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-fill-reversed-default-text-color,#3d3d3d)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-reversed:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-fill-reversed-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-reversed.oxnv-tabs-active {
    background-color: #000;
    background-color: var(--oxnv-okd-tabs-pane-fill-reversed-active-background-color,#000);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-fill-reversed-active-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-fill-reversed-active-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-reversed.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-fill-reversed-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-fill-reversed:hover:not(.oxnv-tabs-active) {
    background-color: #ebebeb;
    background-color: var(--oxnv-okd-tabs-pane-fill-reversed-hover-background-color,#ebebeb);
    border-color: #ebebeb;
    border-color: var(--oxnv-okd-tabs-pane-fill-reversed-hover-border-color,#ebebeb);
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-fill-reversed-hover-text-color,#3d3d3d)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-highlight {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-highlight-default-background-color,transparent);
    border-color: transparent;
    border-color: var(--oxnv-okd-tabs-pane-text-highlight-default-border-color,transparent);
    border-style: solid;
    color: #929292;
    color: var(--oxnv-okd-tabs-pane-text-highlight-default-text-color,#929292)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-highlight.oxnv-tabs-active {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-highlight-active-background-color,transparent);
    border-color: transparent;
    border-color: var(--oxnv-okd-tabs-pane-text-highlight-active-border-color,transparent);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-text-highlight-active-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-highlight.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #000;
    outline-color: var(--oxnv-okd-tabs-pane-text-highlight-active-text-color,#000);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-highlight:hover:not(.oxnv-tabs-active) {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-highlight-hover-background-color,transparent);
    border-color: transparent;
    border-color: var(--oxnv-okd-tabs-pane-text-highlight-hover-border-color,transparent);
    color: #000;
    color: var(--oxnv-okd-tabs-pane-text-highlight-hover-text-color,#000)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-primary {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-primary-default-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-text-primary-default-border-color,#000);
    border-style: solid;
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-text-primary-default-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-primary.oxnv-tabs-active {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-primary-active-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-text-primary-active-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-text-primary-active-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-primary.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-text-primary-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-primary:hover:not(.oxnv-tabs-active) {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-primary-hover-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-text-primary-hover-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-text-primary-hover-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-secondary {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-secondary-default-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-text-secondary-default-border-color,#000);
    border-style: solid;
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-text-secondary-default-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-secondary.oxnv-tabs-active {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-secondary-active-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-text-secondary-active-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-text-secondary-active-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-secondary.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-text-secondary-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-secondary:hover:not(.oxnv-tabs-active) {
    background-color: initial;
    background-color: var(--oxnv-okd-tabs-pane-text-secondary-hover-background-color,transparent);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-text-secondary-hover-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-text-secondary-hover-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-reversed {
    background-color: #f7f7f7;
    background-color: var(--oxnv-okd-tabs-pane-text-reversed-default-background-color,#f7f7f7);
    border-color: #f7f7f7;
    border-color: var(--oxnv-okd-tabs-pane-text-reversed-default-border-color,#f7f7f7);
    border-style: solid;
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-text-reversed-default-text-color,#3d3d3d)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-reversed:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-text-reversed-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-reversed.oxnv-tabs-active {
    background-color: #000;
    background-color: var(--oxnv-okd-tabs-pane-text-reversed-active-background-color,#000);
    border-color: #000;
    border-color: var(--oxnv-okd-tabs-pane-text-reversed-active-border-color,#000);
    color: #fff;
    color: var(--oxnv-okd-tabs-pane-text-reversed-active-text-color,#fff)
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-reversed.oxnv-tabs-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: #fff;
    outline-color: var(--oxnv-okd-tabs-pane-text-reversed-active-text-color,#fff);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane.oxnv-tabs-pane-text-reversed:hover:not(.oxnv-tabs-active) {
    background-color: #ebebeb;
    background-color: var(--oxnv-okd-tabs-pane-text-reversed-hover-background-color,#ebebeb);
    border-color: #ebebeb;
    border-color: var(--oxnv-okd-tabs-pane-text-reversed-hover-border-color,#ebebeb);
    color: #3d3d3d;
    color: var(--oxnv-okd-tabs-pane-text-reversed-hover-text-color,#3d3d3d)
}

.oxnv-tabs-pane-xxs.category-size {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-pane-xxs-border-radius,4px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-xxs-border-width,1px);
    font-size: 12px;
    font-size: var(--oxnv-okd-tabs-pane-xxs-font-size,12px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-xxs-font-weight,400);
    height: 24px;
    height: var(--oxnv-okd-tabs-pane-xxs-height,24px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-xxs-margin-right,8px);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-tabs-pane-xxs-padding-vertical,8px)
}

.oxnv-tabs-pane-xxs.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-xxs.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xxs-active-font-weight,500)
}

.oxnv-tabs-pane-xxs.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xxs-hover-font-weight,500)
}

.oxnv-tabs-pane-xxs.category-size.oxnv-tabs-pane-circle {
    border-radius: 12px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-xxs-height, 24px)/2)
}

.oxnv-tabs-pane-xs.category-size {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-pane-xs-border-radius,4px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-xs-border-width,1px);
    font-size: 12px;
    font-size: var(--oxnv-okd-tabs-pane-xs-font-size,12px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-xs-font-weight,400);
    height: 24px;
    height: var(--oxnv-okd-tabs-pane-xs-height,24px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-xs-margin-right,8px);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-tabs-pane-xs-padding-vertical,8px)
}

.oxnv-tabs-pane-xs.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-xs.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xs-active-font-weight,500)
}

.oxnv-tabs-pane-xs.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xs-hover-font-weight,500)
}

.oxnv-tabs-pane-xs.category-size.oxnv-tabs-pane-circle {
    border-radius: 12px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-xs-height, 24px)/2)
}

.oxnv-tabs-pane-sm.category-size {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-pane-sm-border-radius,4px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-sm-border-width,1px);
    font-size: 12px;
    font-size: var(--oxnv-okd-tabs-pane-sm-font-size,12px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-sm-font-weight,400);
    height: 28px;
    height: var(--oxnv-okd-tabs-pane-sm-height,28px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-sm-margin-right,8px);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-tabs-pane-sm-padding-vertical,8px)
}

.oxnv-tabs-pane-sm.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-sm.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-sm-active-font-weight,500)
}

.oxnv-tabs-pane-sm.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-sm-hover-font-weight,500)
}

.oxnv-tabs-pane-sm.category-size.oxnv-tabs-pane-circle {
    border-radius: 14px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-sm-height, 28px)/2)
}

.oxnv-tabs-pane-md.category-size {
    border-radius: 6px;
    border-radius: var(--oxnv-okd-tabs-pane-md-border-radius,6px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-md-border-width,1px);
    font-size: 14px;
    font-size: var(--oxnv-okd-tabs-pane-md-font-size,14px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-md-font-weight,400);
    height: 32px;
    height: var(--oxnv-okd-tabs-pane-md-height,32px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-md-margin-right,8px);
    padding: 0 8px;
    padding: 0 var(--oxnv-okd-tabs-pane-md-padding-vertical,8px)
}

.oxnv-tabs-pane-md.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-md.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-md-active-font-weight,500)
}

.oxnv-tabs-pane-md.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-md-hover-font-weight,500)
}

.oxnv-tabs-pane-md.category-size.oxnv-tabs-pane-circle {
    border-radius: 16px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-md-height, 32px)/2)
}

.oxnv-tabs-pane-lg.category-size {
    border-radius: 6px;
    border-radius: var(--oxnv-okd-tabs-pane-lg-border-radius,6px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-lg-border-width,1px);
    font-size: 14px;
    font-size: var(--oxnv-okd-tabs-pane-lg-font-size,14px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-lg-font-weight,400);
    height: 36px;
    height: var(--oxnv-okd-tabs-pane-lg-height,36px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-lg-margin-right,8px);
    padding: 0 12px;
    padding: 0 var(--oxnv-okd-tabs-pane-lg-padding-vertical,12px)
}

.oxnv-tabs-pane-lg.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-lg.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-lg-active-font-weight,500)
}

.oxnv-tabs-pane-lg.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-lg-hover-font-weight,500)
}

.oxnv-tabs-pane-lg.category-size.oxnv-tabs-pane-circle {
    border-radius: 18px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-lg-height, 36px)/2)
}

.oxnv-tabs-pane-xl.category-size {
    border-radius: 8px;
    border-radius: var(--oxnv-okd-tabs-pane-xl-border-radius,8px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-xl-border-width,1px);
    font-size: 14px;
    font-size: var(--oxnv-okd-tabs-pane-xl-font-size,14px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-xl-font-weight,400);
    height: 40px;
    height: var(--oxnv-okd-tabs-pane-xl-height,40px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-xl-margin-right,8px);
    padding: 0 16px;
    padding: 0 var(--oxnv-okd-tabs-pane-xl-padding-vertical,16px)
}

.oxnv-tabs-pane-xl.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-xl.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xl-active-font-weight,500)
}

.oxnv-tabs-pane-xl.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xl-hover-font-weight,500)
}

.oxnv-tabs-pane-xl.category-size.oxnv-tabs-pane-circle {
    border-radius: 20px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-xl-height, 40px)/2)
}

.oxnv-tabs-pane-xxl.category-size {
    border-radius: 8px;
    border-radius: var(--oxnv-okd-tabs-pane-xxl-border-radius,8px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-xxl-border-width,1px);
    font-size: 16px;
    font-size: var(--oxnv-okd-tabs-pane-xxl-font-size,16px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-xxl-font-weight,400);
    height: 44px;
    height: var(--oxnv-okd-tabs-pane-xxl-height,44px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-xxl-margin-right,8px);
    padding: 0 16px;
    padding: 0 var(--oxnv-okd-tabs-pane-xxl-padding-vertical,16px)
}

.oxnv-tabs-pane-xxl.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-xxl.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xxl-active-font-weight,500)
}

.oxnv-tabs-pane-xxl.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xxl-hover-font-weight,500)
}

.oxnv-tabs-pane-xxl.category-size.oxnv-tabs-pane-circle {
    border-radius: 22px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-xxl-height, 44px)/2)
}

.oxnv-tabs-pane-xxxl.category-size {
    border-radius: 10px;
    border-radius: var(--oxnv-okd-tabs-pane-xxxl-border-radius,10px);
    border-width: 1px;
    border-width: var(--oxnv-okd-tabs-pane-xxxl-border-width,1px);
    font-size: 18px;
    font-size: var(--oxnv-okd-tabs-pane-xxxl-font-size,18px);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-pane-xxxl-font-weight,400);
    height: 50px;
    height: var(--oxnv-okd-tabs-pane-xxxl-height,50px);
    margin-right: 8px;
    margin-right: var(--oxnv-okd-tabs-pane-xxxl-margin-right,8px);
    padding: 0 16px;
    padding: 0 var(--oxnv-okd-tabs-pane-xxxl-padding-vertical,16px)
}

.oxnv-tabs-pane-xxxl.category-size:last-child {
    margin-right: 0
}

.oxnv-tabs-pane-xxxl.category-size.oxnv-tabs-active {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xxxl-active-font-weight,500)
}

.oxnv-tabs-pane-xxxl.category-size:hover:not(.oxnv-tabs-active) {
    font-weight: 500;
    font-weight: var(--oxnv-okd-tabs-pane-xxxl-hover-font-weight,500)
}

.oxnv-tabs-pane-xxxl.category-size.oxnv-tabs-pane-circle {
    border-radius: 25px;
    border-radius: calc(var(--oxnv-okd-tabs-pane-xxxl-height, 50px)/2)
}

.oxnv-tabs-pane-xxs:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-xxs-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxs-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-xxs-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxs-underline-label-padding)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-underline-height)/2)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxs-underline-active-font-weight,400)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxs-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxs-button-font-size);
    font-weight: var(--oxnv-okd-tabs-xxs-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxs-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxs-button-label-padding)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-button-height)/2)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxs-button-active-font-weight,400)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxs-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxs-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-xxs-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxs-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxs-muted-label-padding)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-muted-height)/2)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxs-muted-active-font-weight,400)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxs-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxs-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-xxs-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxs-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxs-segmented-label-padding)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxs-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-xxs.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-segmented-height)/2)
}

.oxnv-tabs-pane-list-xxs .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-xxs-common-icon-size)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-xxs-underline-font-size);
    height: var(--oxnv-okd-tabs-xxs-underline-height)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-underline-height)/2)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-xxs-button-font-size);
    height: var(--oxnv-okd-tabs-xxs-button-height);
    line-height: var(--oxnv-okd-tabs-xxs-button-height)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxs-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-button-height)/2)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-xxs-muted-font-size);
    height: var(--oxnv-okd-tabs-xxs-muted-height);
    line-height: var(--oxnv-okd-tabs-xxs-muted-height)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxs-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-muted-height)/2)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-xxs-segmented-font-size);
    height: var(--oxnv-okd-tabs-xxs-segmented-height);
    line-height: var(--oxnv-okd-tabs-xxs-segmented-height)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxs-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxs-segmented-height)/2)
}

.oxnv-tabs-pane-list-xxs.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-xxs-segmented-container-padding)
}

.oxnv-tabs-pane-xs:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-xs-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xs-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-xs-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-xs-underline-label-padding)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-underline-height)/2)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xs-underline-active-font-weight,400)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xs-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xs-button-font-size);
    font-weight: var(--oxnv-okd-tabs-xs-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-xs-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-xs-button-label-padding)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-button-height)/2)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xs-button-active-font-weight,400)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xs-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xs-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-xs-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-xs-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-xs-muted-label-padding)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-muted-height)/2)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xs-muted-active-font-weight,400)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xs-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xs-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-xs-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-xs-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-xs-segmented-label-padding)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xs-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-xs.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-segmented-height)/2)
}

.oxnv-tabs-pane-list-xs .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-xs-common-icon-size)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-xs-underline-font-size);
    height: var(--oxnv-okd-tabs-xs-underline-height)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-underline-height)/2)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-xs-button-font-size);
    height: var(--oxnv-okd-tabs-xs-button-height);
    line-height: var(--oxnv-okd-tabs-xs-button-height)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xs-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-button-height)/2)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-xs-muted-font-size);
    height: var(--oxnv-okd-tabs-xs-muted-height);
    line-height: var(--oxnv-okd-tabs-xs-muted-height)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xs-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-muted-height)/2)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-xs-segmented-font-size);
    height: var(--oxnv-okd-tabs-xs-segmented-height);
    line-height: var(--oxnv-okd-tabs-xs-segmented-height)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xs-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xs-segmented-height)/2)
}

.oxnv-tabs-pane-list-xs.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-xs-segmented-container-padding)
}

.oxnv-tabs-pane-sm:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-sm-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-sm-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-sm-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-sm-underline-label-padding)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-underline-height)/2)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-sm-underline-active-font-weight,400)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-sm-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-sm-button-font-size);
    font-weight: var(--oxnv-okd-tabs-sm-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-sm-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-sm-button-label-padding)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-button-height)/2)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-sm-button-active-font-weight,400)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-sm-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-sm-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-sm-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-sm-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-sm-muted-label-padding)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-muted-height)/2)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-sm-muted-active-font-weight,400)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-sm-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-sm-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-sm-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-sm-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-sm-segmented-label-padding)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-sm-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-sm.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-segmented-height)/2)
}

.oxnv-tabs-pane-list-sm .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-sm-common-icon-size)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-sm-underline-font-size);
    height: var(--oxnv-okd-tabs-sm-underline-height)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-underline-height)/2)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-sm-button-font-size);
    height: var(--oxnv-okd-tabs-sm-button-height);
    line-height: var(--oxnv-okd-tabs-sm-button-height)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-sm-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-button-height)/2)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-sm-muted-font-size);
    height: var(--oxnv-okd-tabs-sm-muted-height);
    line-height: var(--oxnv-okd-tabs-sm-muted-height)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-sm-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-muted-height)/2)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-sm-segmented-font-size);
    height: var(--oxnv-okd-tabs-sm-segmented-height);
    line-height: var(--oxnv-okd-tabs-sm-segmented-height)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-sm-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-sm-segmented-height)/2)
}

.oxnv-tabs-pane-list-sm.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-sm-segmented-container-padding)
}

.oxnv-tabs-pane-md:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-md-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-md-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-md-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-md-underline-label-padding)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-underline-height)/2)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-md-underline-active-font-weight,400)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-md-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-md-button-font-size);
    font-weight: var(--oxnv-okd-tabs-md-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-md-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-md-button-label-padding)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-button-height)/2)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-md-button-active-font-weight,400)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-md-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-md-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-md-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-md-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-md-muted-label-padding)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-muted-height)/2)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-md-muted-active-font-weight,400)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-md-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-md-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-md-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-md-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-md-segmented-label-padding)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-md-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-md.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-segmented-height)/2)
}

.oxnv-tabs-pane-list-md .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-md-common-icon-size)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-md-underline-font-size);
    height: var(--oxnv-okd-tabs-md-underline-height)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-underline-height)/2)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-md-button-font-size);
    height: var(--oxnv-okd-tabs-md-button-height);
    line-height: var(--oxnv-okd-tabs-md-button-height)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-md-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-button-height)/2)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-md-muted-font-size);
    height: var(--oxnv-okd-tabs-md-muted-height);
    line-height: var(--oxnv-okd-tabs-md-muted-height)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-md-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-muted-height)/2)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-md-segmented-font-size);
    height: var(--oxnv-okd-tabs-md-segmented-height);
    line-height: var(--oxnv-okd-tabs-md-segmented-height)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-md-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-md-segmented-height)/2)
}

.oxnv-tabs-pane-list-md.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-md-segmented-container-padding)
}

.oxnv-tabs-pane-lg:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-lg-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-lg-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-lg-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-lg-underline-label-padding)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-underline-height)/2)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-lg-underline-active-font-weight,400)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-lg-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-lg-button-font-size);
    font-weight: var(--oxnv-okd-tabs-lg-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-lg-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-lg-button-label-padding)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-button-height)/2)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-lg-button-active-font-weight,400)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-lg-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-lg-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-lg-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-lg-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-lg-muted-label-padding)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-muted-height)/2)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-lg-muted-active-font-weight,400)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-lg-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-lg-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-lg-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-lg-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-lg-segmented-label-padding)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-lg-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-lg.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-segmented-height)/2)
}

.oxnv-tabs-pane-list-lg .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-lg-common-icon-size)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-lg-underline-font-size);
    height: var(--oxnv-okd-tabs-lg-underline-height)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-underline-height)/2)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-lg-button-font-size);
    height: var(--oxnv-okd-tabs-lg-button-height);
    line-height: var(--oxnv-okd-tabs-lg-button-height)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-lg-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-button-height)/2)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-lg-muted-font-size);
    height: var(--oxnv-okd-tabs-lg-muted-height);
    line-height: var(--oxnv-okd-tabs-lg-muted-height)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-lg-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-muted-height)/2)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-lg-segmented-font-size);
    height: var(--oxnv-okd-tabs-lg-segmented-height);
    line-height: var(--oxnv-okd-tabs-lg-segmented-height)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-lg-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-lg-segmented-height)/2)
}

.oxnv-tabs-pane-list-lg.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-lg-segmented-container-padding)
}

.oxnv-tabs-pane-xl:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-xl-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xl-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-xl-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-xl-underline-label-padding)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-underline-height)/2)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xl-underline-active-font-weight,400)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xl-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xl-button-font-size);
    font-weight: var(--oxnv-okd-tabs-xl-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-xl-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-xl-button-label-padding)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-button-height)/2)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xl-button-active-font-weight,400)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xl-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xl-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-xl-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-xl-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-xl-muted-label-padding)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-muted-height)/2)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xl-muted-active-font-weight,400)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xl-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xl-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-xl-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-xl-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-xl-segmented-label-padding)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xl-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-xl.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-segmented-height)/2)
}

.oxnv-tabs-pane-list-xl .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-xl-common-icon-size)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-xl-underline-font-size);
    height: var(--oxnv-okd-tabs-xl-underline-height)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-underline-height)/2)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-xl-button-font-size);
    height: var(--oxnv-okd-tabs-xl-button-height);
    line-height: var(--oxnv-okd-tabs-xl-button-height)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xl-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-button-height)/2)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-xl-muted-font-size);
    height: var(--oxnv-okd-tabs-xl-muted-height);
    line-height: var(--oxnv-okd-tabs-xl-muted-height)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xl-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-muted-height)/2)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-xl-segmented-font-size);
    height: var(--oxnv-okd-tabs-xl-segmented-height);
    line-height: var(--oxnv-okd-tabs-xl-segmented-height)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xl-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xl-segmented-height)/2)
}

.oxnv-tabs-pane-list-xl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-xl-segmented-container-padding)
}

.oxnv-tabs-pane-xxl:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-xxl-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxl-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-xxl-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxl-underline-label-padding)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-underline-height)/2)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxl-underline-active-font-weight,400)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxl-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxl-button-font-size);
    font-weight: var(--oxnv-okd-tabs-xxl-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxl-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxl-button-label-padding)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-button-height)/2)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxl-button-active-font-weight,400)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxl-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxl-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-xxl-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxl-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxl-muted-label-padding)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-muted-height)/2)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxl-muted-active-font-weight,400)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxl-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxl-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-xxl-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxl-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxl-segmented-label-padding)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxl-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-xxl.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-segmented-height)/2)
}

.oxnv-tabs-pane-list-xxl .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-xxl-common-icon-size)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-xxl-underline-font-size);
    height: var(--oxnv-okd-tabs-xxl-underline-height)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-underline-height)/2)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-xxl-button-font-size);
    height: var(--oxnv-okd-tabs-xxl-button-height);
    line-height: var(--oxnv-okd-tabs-xxl-button-height)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxl-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-button-height)/2)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-xxl-muted-font-size);
    height: var(--oxnv-okd-tabs-xxl-muted-height);
    line-height: var(--oxnv-okd-tabs-xxl-muted-height)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxl-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-muted-height)/2)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-xxl-segmented-font-size);
    height: var(--oxnv-okd-tabs-xxl-segmented-height);
    line-height: var(--oxnv-okd-tabs-xxl-segmented-height)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxl-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxl-segmented-height)/2)
}

.oxnv-tabs-pane-list-xxl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-xxl-segmented-container-padding)
}

.oxnv-tabs-pane-xxxl:last-child {
    margin-right: 0!important
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-underline {
    font-size: var(--oxnv-okd-tabs-xxxl-underline-font-size);
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxxl-underline-font-weight,400);
    margin-right: var(--oxnv-okd-tabs-xxxl-underline-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxxl-underline-label-padding)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-underline.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-underline-height)/2)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-underline-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxxl-underline-active-font-weight,400)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-button {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxxl-button-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxxl-button-font-size);
    font-weight: var(--oxnv-okd-tabs-xxxl-button-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxxl-button-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxxl-button-label-padding)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-button.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-button-height)/2)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-button-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxxl-button-active-font-weight,400)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-muted {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxxl-muted-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxxl-muted-font-size);
    font-weight: var(--oxnv-okd-tabs-xxxl-muted-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxxl-muted-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxxl-muted-label-padding)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-muted.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-muted-height)/2)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-muted-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxxl-muted-active-font-weight,400)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-segmented {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxxl-segmented-border-radius,4px);
    font-size: var(--oxnv-okd-tabs-xxxl-segmented-font-size);
    font-weight: var(--oxnv-okd-tabs-xxxl-segmented-font-weight);
    margin-right: var(--oxnv-okd-tabs-xxxl-segmented-spacing);
    padding: 0 var(--oxnv-okd-tabs-xxxl-segmented-label-padding)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-segmented-active {
    font-weight: 400;
    font-weight: var(--oxnv-okd-tabs-xxxl-segmented-active-font-weight,400)
}

.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-segmented.oxnv-tabs-pane-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-segmented-height)/2)
}

.oxnv-tabs-pane-list-xxxl .oxnv-tabs-pane-list-nav-icon .icon {
    font-size: var(--oxnv-okd-tabs-xxxl-common-icon-size)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-underline {
    font-size: var(--oxnv-okd-tabs-xxxl-underline-font-size);
    height: var(--oxnv-okd-tabs-xxxl-underline-height)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-underline .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-underline-height)/2)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-button {
    font-size: var(--oxnv-okd-tabs-xxxl-button-font-size);
    height: var(--oxnv-okd-tabs-xxxl-button-height);
    line-height: var(--oxnv-okd-tabs-xxxl-button-height)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxxl-button-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-button .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-button-height)/2)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-muted {
    font-size: var(--oxnv-okd-tabs-xxxl-muted-font-size);
    height: var(--oxnv-okd-tabs-xxxl-muted-height);
    line-height: var(--oxnv-okd-tabs-xxxl-muted-height)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxxl-muted-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-muted .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-muted-height)/2)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-segmented {
    font-size: var(--oxnv-okd-tabs-xxxl-segmented-font-size);
    height: var(--oxnv-okd-tabs-xxxl-segmented-height);
    line-height: var(--oxnv-okd-tabs-xxxl-segmented-height)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    border-radius: 4px;
    border-radius: var(--oxnv-okd-tabs-xxxl-segmented-container-border-radius,4px)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-circle {
    border-radius: calc(var(--oxnv-okd-tabs-xxxl-segmented-height)/2)
}

.oxnv-tabs-pane-list-xxxl.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-flex {
    padding: var(--oxnv-okd-tabs-xxxl-segmented-container-padding)
}

.oxnv-tabs-pane.oxnv-tabs-pane-blue-no-border.oxnv-tabs-pane-underline-active {
    border-bottom-color: transparent
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-underline {
    color: var(--oxnv-okd-tabs-underline-pane-common-label-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-underline:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-underline-active {
    border-bottom-color: var(--oxnv-okd-tabs-underline-pane-blue-border-active-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-underline-active,.oxnv-tabs-pane-blue.oxnv-tabs-pane-underline:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-underline-pane-blue-label-active-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-button {
    color: var(--oxnv-okd-tabs-button-pane-common-label-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-button-active {
    background-color: var(--oxnv-okd-tabs-button-pane-blue-bg-active-color);
    border-color: transparent;
    color: var(--oxnv-okd-tabs-button-pane-blue-label-active-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-button:hover:not(.is-mobile) {
    border-color: var(--oxnv-okd-tabs-button-pane-blue-bg-active-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-muted {
    color: var(--oxnv-okd-tabs-muted-pane-common-label-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-muted-active {
    border-color: var(--oxnv-okd-tabs-muted-pane-blue-border-active-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-muted-active,.oxnv-tabs-pane-blue.oxnv-tabs-pane-muted:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-muted-pane-blue-label-active-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-segmented {
    color: var(--oxnv-okd-tabs-segmented-pane-common-label-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-segmented-active {
    background-color: var(--oxnv-okd-tabs-segmented-pane-blue-bg-active-color);
    color: var(--oxnv-okd-tabs-segmented-pane-blue-label-active-color)
}

.oxnv-tabs-pane-blue.oxnv-tabs-pane-segmented-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-tabs-segmented-pane-blue-label-active-color);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-list-blue .oxnv-tabs-transitions-underline {
    background-color: var(--oxnv-okd-tabs-underline-pane-blue-border-active-color)
}

.oxnv-tabs-pane.oxnv-tabs-pane-grey-no-border.oxnv-tabs-pane-underline-active {
    border-bottom-color: transparent
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-underline {
    color: var(--oxnv-okd-tabs-underline-pane-common-label-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-underline:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-underline-active {
    border-bottom-color: var(--oxnv-okd-tabs-underline-pane-grey-border-active-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-underline-active,.oxnv-tabs-pane-grey.oxnv-tabs-pane-underline:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-underline-pane-grey-label-active-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-button {
    color: var(--oxnv-okd-tabs-button-pane-common-label-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-button-active {
    background-color: var(--oxnv-okd-tabs-button-pane-grey-bg-active-color);
    border-color: transparent;
    color: var(--oxnv-okd-tabs-button-pane-grey-label-active-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-button:hover:not(.is-mobile) {
    border-color: var(--oxnv-okd-tabs-button-pane-grey-bg-active-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-muted {
    color: var(--oxnv-okd-tabs-muted-pane-common-label-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-muted-active {
    border-color: var(--oxnv-okd-tabs-muted-pane-grey-border-active-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-muted-active,.oxnv-tabs-pane-grey.oxnv-tabs-pane-muted:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-muted-pane-grey-label-active-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-segmented {
    color: var(--oxnv-okd-tabs-segmented-pane-common-label-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-segmented-active {
    background-color: var(--oxnv-okd-tabs-segmented-pane-grey-bg-active-color);
    color: var(--oxnv-okd-tabs-segmented-pane-grey-label-active-color)
}

.oxnv-tabs-pane-grey.oxnv-tabs-pane-segmented-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-tabs-segmented-pane-grey-label-active-color);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-list-grey .oxnv-tabs-transitions-underline {
    background-color: var(--oxnv-okd-tabs-underline-pane-grey-border-active-color)
}

.oxnv-tabs-pane.oxnv-tabs-pane-green-no-border.oxnv-tabs-pane-underline-active {
    border-bottom-color: transparent
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-underline {
    color: var(--oxnv-okd-tabs-underline-pane-common-label-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-underline:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-underline-active {
    border-bottom-color: var(--oxnv-okd-tabs-underline-pane-green-border-active-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-underline-active,.oxnv-tabs-pane-green.oxnv-tabs-pane-underline:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-underline-pane-green-label-active-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-button {
    color: var(--oxnv-okd-tabs-button-pane-common-label-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-button-active {
    background-color: var(--oxnv-okd-tabs-button-pane-green-bg-active-color);
    border-color: transparent;
    color: var(--oxnv-okd-tabs-button-pane-green-label-active-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-button:hover:not(.is-mobile) {
    border-color: var(--oxnv-okd-tabs-button-pane-green-bg-active-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-muted {
    color: var(--oxnv-okd-tabs-muted-pane-common-label-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-muted-active {
    border-color: var(--oxnv-okd-tabs-muted-pane-green-border-active-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-muted-active,.oxnv-tabs-pane-green.oxnv-tabs-pane-muted:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-muted-pane-green-label-active-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-segmented {
    color: var(--oxnv-okd-tabs-segmented-pane-common-label-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-segmented-active {
    background-color: var(--oxnv-okd-tabs-segmented-pane-green-bg-active-color);
    color: var(--oxnv-okd-tabs-segmented-pane-green-label-active-color)
}

.oxnv-tabs-pane-green.oxnv-tabs-pane-segmented-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-tabs-segmented-pane-green-label-active-color);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-list-green .oxnv-tabs-transitions-underline {
    background-color: var(--oxnv-okd-tabs-underline-pane-green-border-active-color)
}

.oxnv-tabs-pane.oxnv-tabs-pane-red-no-border.oxnv-tabs-pane-underline-active {
    border-bottom-color: transparent
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-underline {
    color: var(--oxnv-okd-tabs-underline-pane-common-label-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-underline:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-underline-active {
    border-bottom-color: var(--oxnv-okd-tabs-underline-pane-red-border-active-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-underline-active,.oxnv-tabs-pane-red.oxnv-tabs-pane-underline:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-underline-pane-red-label-active-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-button {
    color: var(--oxnv-okd-tabs-button-pane-common-label-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-button-active {
    background-color: var(--oxnv-okd-tabs-button-pane-red-bg-active-color);
    border-color: transparent;
    color: var(--oxnv-okd-tabs-button-pane-red-label-active-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-button:hover:not(.is-mobile) {
    border-color: var(--oxnv-okd-tabs-button-pane-red-bg-active-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-muted {
    color: var(--oxnv-okd-tabs-muted-pane-common-label-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-muted-active {
    border-color: var(--oxnv-okd-tabs-muted-pane-red-border-active-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-muted-active,.oxnv-tabs-pane-red.oxnv-tabs-pane-muted:hover:not(.is-mobile) {
    color: var(--oxnv-okd-tabs-muted-pane-red-label-active-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-segmented {
    color: var(--oxnv-okd-tabs-segmented-pane-common-label-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-segmented-active {
    background-color: var(--oxnv-okd-tabs-segmented-pane-red-bg-active-color);
    color: var(--oxnv-okd-tabs-segmented-pane-red-label-active-color)
}

.oxnv-tabs-pane-red.oxnv-tabs-pane-segmented-active:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-tabs-segmented-pane-red-label-active-color);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-list-red .oxnv-tabs-transitions-underline {
    background-color: var(--oxnv-okd-tabs-underline-pane-red-border-active-color)
}

.oxnv-tabs-pane {
    align-items: center;
    box-sizing: border-box;
    color: var(--oxnv-okd-tabs-common-pane-label-color);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    text-align: center;
    white-space: nowrap
}

.oxnv-tabs-pane:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: -4px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-tabs-pane-underline {
    border-bottom: 2px solid transparent;
    padding-top: 2px
}

.oxnv-tabs-pane.no-active-border {
    border-bottom: none;
    padding-top: 0
}

.oxnv-tabs-pane-button {
    border: 1px solid var(--oxnv-okd-tabs-button-pane-common-border-color);
    border-radius: var(--oxnv-okd-tabs-button-pane-common-border-radius)
}

.oxnv-tabs-pane-button.oxnv-tabs-pane-button-no-border {
    border: none
}

.oxnv-tabs-pane-muted {
    border: 1px solid var(--oxnv-okd-tabs-muted-pane-common-border-color);
    border-radius: var(--oxnv-okd-tabs-muted-pane-common-border-radius)
}

.oxnv-tabs-pane-segmented {
    border-radius: var(--oxnv-okd-tabs-segmented-pane-common-border-radius);
    line-height: 1
}

.oxnv-tabs-pane-segmented-active {
    box-shadow: var(--oxnv-okd-tabs-segmented-pane-common-shadow)
}

.oxnv-tabs-pane-no-padding {
    padding: 0!important
}

.oxnv-tabs .oxnv-tabs-pane.oxnv-tabs-pane-spacing {
    margin-right: var(--oxnv-okd-inner-tabs-spacing)
}

a.oxnv-tabs-pane {
    text-decoration: none
}

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

.oxnv-tabs-panel:focus-visible {
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 1px
}

.oxnv-tabs-panel-show {
    display: block
}

.oxnv-tabs-pane-list {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    position: relative;
    width: 100%
}

.oxnv-tabs-pane-list-wrapper {
    display: flex;
    flex: 1 1;
    overflow: hidden;
    position: relative
}

.oxnv-tabs-pane-list-center {
    justify-content: center
}

.oxnv-tabs-pane-list-slot {
    height: 100%
}

.oxnv-tabs-pane-list-container {
    box-sizing: border-box;
    display: flex;
    overflow: scroll;
    position: relative;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.oxnv-tabs-pane-list-container::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.oxnv-tabs-pane-list-nav {
    --oxnv-okd-inner-tabs-nav-button-bg-color: var(--oxnv-okd-tabs-common-pane-nav-icon-bg-color-1);
    cursor: pointer
}

.oxnv-tabs-pane-list-nav-icon {
    align-items: center;
    background-image: linear-gradient(270deg,var(--oxnv-okd-inner-tabs-nav-button-bg-color) 72.22%,var(--oxnv-okd-tabs-common-pane-nav-icon-bg-color-2) 100%);
    color: var(--oxnv-okd-tabs-common-pane-icon-color);
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 9
}

.oxnv-tabs-pane-list-nav-icon:hover {
    color: var(--oxnv-okd-tabs-common-pane-icon-active-color)
}

.oxnv-tabs-pane-list-nav .icon-left {
    background-image: linear-gradient(-270deg,var(--oxnv-okd-inner-tabs-nav-button-bg-color) 72.22%,var(--oxnv-okd-tabs-common-pane-nav-icon-bg-color-2) 100%);
    left: 0
}

.oxnv-tabs-pane-list-nav .icon-left-inner {
    transform: rotate(180deg)
}

.oxnv-tabs-pane-list-nav .icon-right {
    right: 0
}

.oxnv-tabs-pane-list-flex-shrink {
    display: flex;
    flex-shrink: 0;
    position: relative;
    transition: transform .2s
}

.oxnv-tabs-pane-list-flex {
    flex: 1 1
}

.oxnv-tabs-pane-list-overflow {
    overflow: unset
}

.oxnv-tabs-pane-list-average,.oxnv-tabs-pane-list-average .oxnv-tabs-pane {
    flex: 1 1
}

.oxnv-tabs-pane-list-right-alpha {
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--oxnv-okd-tabs-common-pane-icon-bg-color) 100%);
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 9
}

.oxnv-tabs-pane-list-underline {
    border-bottom: 1px solid var(--oxnv-okd-tabs-underline-pane-common-border-color)
}

.oxnv-tabs-pane-list-underline-no-line {
    border-bottom: none
}

.oxnv-tabs-pane-list-segmented .oxnv-tabs-pane-list-container {
    background-color: var(--oxnv-okd-tabs-segmented-pane-common-list-bg-color);
    border-radius: 4px
}

.oxnv-tabs-panel-list {
    display: flex;
    flex: auto;
    width: 100%
}

.oxnv-tabs {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.oxnv-tabs-transitions-underline {
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s
}

.oxnv-alert {
    border-radius: var(--oxnv-okd-alert-box-border-radius);
    box-sizing: border-box;
    display: inline-flex;
    padding: var(--oxnv-okd-alert-box-padding-vertical) var(--oxnv-okd-alert-box-padding-horizontal);
    position: relative;
    width: 100%
}

.oxnv-alert.closable {
    padding-right: 44px
}

.oxnv-alert * {
    box-sizing: border-box
}

.oxnv-alert .oxnv-alert-icon {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-size: var(--oxnv-okd-alert-icon-tip-size,20px);
    height: 20px;
    height: var(--oxnv-okd-alert-icon-tip-size,20px);
    justify-content: center;
    width: 20px;
    width: var(--oxnv-okd-alert-icon-tip-size,20px)
}

.oxnv-alert-msg-box {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.oxnv-alert-icon+.oxnv-alert-msg-box {
    margin-left: 15px;
    margin-left: var(--oxnv-okd-alert-box-margin-left,15px)
}

.oxnv-alert-title {
    font-size: var(--oxnv-okd-alert-title-font-size);
    font-weight: 500;
    line-height: var(--oxnv-okd-alert-title-line-height)
}

.oxnv-alert-desc {
    font-size: var(--oxnv-okd-alert-text-font-size);
    font-weight: 400;
    line-height: var(--oxnv-okd-alert-text-line-height)
}

.oxnv-alert-title+.oxnv-alert-desc {
    margin-top: 4px;
    margin-top: var(--oxnv-okd-alert-desc-margin-top,4px)
}

.oxnv-alert-link {
    font-weight: 500;
    text-decoration: none
}

.oxnv-alert-desc-list {
    -webkit-padding-start: 17px;
    -moz-padding-start: 17px;
    -webkit-margin-before: 4px;
    -webkit-margin-after: 0;
    margin-block-end:0;margin-block-start:4px;padding-inline-start:17px}

.oxnv-alert-action-box {
    margin-bottom: 8px;
    margin-bottom: var(--oxnv-okd-alert-action-box-margin-bottom,8px);
    margin-top: 21px;
    margin-top: var(--oxnv-okd-alert-action-box-margin-top,21px)
}

.oxnv-alert-action {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--oxnv-okd-alert-action-font-size);
    font-weight: 500;
    line-height: var(--oxnv-okd-alert-action-line-height);
    outline: 0;
    padding: 0
}

.oxnv-alert-action:focus-visible {
    border-radius: 4px;
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-alert-action+.oxnv-alert-action {
    margin-left: 32px;
    margin-left: var(--oxnv-okd-alert-action-margin-left,32px)
}

.oxnv-alert .oxnv-alert-close {
    cursor: pointer;
    font-size: 20px;
    font-size: var(--oxnv-okd-alert-icon-close-size,20px);
    line-height: 1;
    position: absolute;
    right: 12px
}

.oxnv-alert.normal-alert {
    background: var(--oxnv-okd-alert-normal-background)
}

.oxnv-alert.normal-alert .oxnv-alert-icon {
    color: var(--oxnv-okd-alert-normal-icon-color)
}

.oxnv-alert.normal-alert .oxnv-alert-title {
    color: var(--oxnv-okd-alert-normal-title-color)
}

.oxnv-alert.normal-alert .oxnv-alert-desc {
    color: var(--oxnv-okd-alert-normal-desc-color)
}

.oxnv-alert.normal-alert .oxnv-alert-close {
    color: var(--oxnv-okd-color-gray-300);
    color: var(--oxnv-okd-alert-normal-close-color,var(--oxnv-okd-color-gray-300))
}

.oxnv-alert.normal-alert .oxnv-alert-link {
    border-bottom: 1px solid var(--oxnv-okd-alert-normal-link-color);
    color: var(--oxnv-okd-alert-normal-link-color);
    text-decoration: none
}

.oxnv-alert.normal-alert .oxnv-alert-action {
    color: var(--oxnv-okd-alert-normal-action-color)
}

.oxnv-alert.success-alert {
    background: var(--oxnv-okd-alert-success-background)
}

.oxnv-alert.success-alert .oxnv-alert-icon {
    color: var(--oxnv-okd-alert-success-icon-color)
}

.oxnv-alert.success-alert .oxnv-alert-title {
    color: var(--oxnv-okd-alert-success-title-color)
}

.oxnv-alert.success-alert .oxnv-alert-desc {
    color: var(--oxnv-okd-alert-success-desc-color)
}

.oxnv-alert.success-alert .oxnv-alert-close {
    color: var(--oxnv-okd-color-gray-300);
    color: var(--oxnv-okd-alert-success-close-color,var(--oxnv-okd-color-gray-300))
}

.oxnv-alert.success-alert .oxnv-alert-link {
    border-bottom: 1px solid var(--oxnv-okd-alert-success-link-color);
    color: var(--oxnv-okd-alert-success-link-color);
    text-decoration: none
}

.oxnv-alert.success-alert .oxnv-alert-action {
    color: var(--oxnv-okd-alert-success-action-color)
}

.oxnv-alert.info-alert {
    background: var(--oxnv-okd-alert-info-background)
}

.oxnv-alert.info-alert .oxnv-alert-icon {
    color: var(--oxnv-okd-alert-info-icon-color)
}

.oxnv-alert.info-alert .oxnv-alert-title {
    color: var(--oxnv-okd-alert-info-title-color)
}

.oxnv-alert.info-alert .oxnv-alert-desc {
    color: var(--oxnv-okd-alert-info-desc-color)
}

.oxnv-alert.info-alert .oxnv-alert-close {
    color: var(--oxnv-okd-color-gray-300);
    color: var(--oxnv-okd-alert-info-close-color,var(--oxnv-okd-color-gray-300))
}

.oxnv-alert.info-alert .oxnv-alert-link {
    border-bottom: 1px solid var(--oxnv-okd-alert-info-link-color);
    color: var(--oxnv-okd-alert-info-link-color);
    text-decoration: none
}

.oxnv-alert.info-alert .oxnv-alert-action {
    color: var(--oxnv-okd-alert-info-action-color)
}

.oxnv-alert.warn-alert {
    background: var(--oxnv-okd-alert-warn-background)
}

.oxnv-alert.warn-alert .oxnv-alert-icon {
    color: var(--oxnv-okd-alert-warn-icon-color)
}

.oxnv-alert.warn-alert .oxnv-alert-title {
    color: var(--oxnv-okd-alert-warn-title-color)
}

.oxnv-alert.warn-alert .oxnv-alert-desc {
    color: var(--oxnv-okd-alert-warn-desc-color)
}

.oxnv-alert.warn-alert .oxnv-alert-close {
    color: var(--oxnv-okd-color-gray-300);
    color: var(--oxnv-okd-alert-warn-close-color,var(--oxnv-okd-color-gray-300))
}

.oxnv-alert.warn-alert .oxnv-alert-link {
    border-bottom: 1px solid var(--oxnv-okd-alert-warn-link-color);
    color: var(--oxnv-okd-alert-warn-link-color);
    text-decoration: none
}

.oxnv-alert.warn-alert .oxnv-alert-action {
    color: var(--oxnv-okd-alert-warn-action-color)
}

.oxnv-alert.error-alert {
    background: var(--oxnv-okd-alert-error-background)
}

.oxnv-alert.error-alert .oxnv-alert-icon {
    color: var(--oxnv-okd-alert-error-icon-color)
}

.oxnv-alert.error-alert .oxnv-alert-title {
    color: var(--oxnv-okd-alert-error-title-color)
}

.oxnv-alert.error-alert .oxnv-alert-desc {
    color: var(--oxnv-okd-alert-error-desc-color)
}

.oxnv-alert.error-alert .oxnv-alert-close {
    color: var(--oxnv-okd-color-gray-300);
    color: var(--oxnv-okd-alert-error-close-color,var(--oxnv-okd-color-gray-300))
}

.oxnv-alert.error-alert .oxnv-alert-link {
    border-bottom: 1px solid var(--oxnv-okd-alert-error-link-color);
    color: var(--oxnv-okd-alert-error-link-color);
    text-decoration: none
}

.oxnv-alert.error-alert .oxnv-alert-action {
    color: var(--oxnv-okd-alert-error-action-color)
}

.mobile-language-dialog-container {
    max-height: calc(100% - 48px)
}

@media (min-width: 768px) {
    .mobile-language-dialog-container {
        width:600px
    }
}

.mobile-language-dialog-container .mobile-language-title-container {
    border-bottom: 1px solid var(--oxnv-okd-color-line-muted);
    padding-top: 12px
}

.mobile-language-dialog-container .mobile-language-title-container .mobile-language-tabs {
    padding-left: 20px
}

.mobile-language-dialog-container .mobile-language-dialog-line {
    width: 100%
}

.mobile-language-dialog-container .info-con {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

@media (min-width: 1024px) {
    .mobile-language-dialog-container .info-con {
        padding:unset
    }
}

.mobile-language-dialog-container .info-con .info-title {
    font-size: 12px;
    font-weight: 400
}

.mobile-language-dialog-container .mobile-language-info {
    margin-top: 16px
}

@media (min-width: 768px) {
    .mobile-language-dialog-container .mobile-language-dialog-scroll-container {
        max-height:340px
    }
}

.mobile-language-dialog-container .ul-box {
    width: 100%
}

.mobile-language-dialog-container .ul-box .list-ul {
    display: flex;
    flex-direction: column;
    padding: 12px 16px
}

@media (min-width: 768px) {
    .mobile-language-dialog-container .ul-box .list-ul {
        flex-direction:row;
        flex-wrap: wrap;
        margin-bottom: -20px;
        padding: 0;
        width: 100%
    }
}

.mobile-language-dialog-container .ul-box .item {
    color: var(--oxnv-okd-color-gray-600);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px;
    padding: 12px 0
}

.mobile-language-dialog-container .ul-box .item:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

@media (min-width: 768px) {
    .mobile-language-dialog-container .ul-box .item {
        align-items:center;
        font-size: 12px;
        margin-bottom: 20px;
        margin-right: 15px;
        max-width: 125px;
        padding: 4px 0;
        width: 125px;
        word-break: break-word
    }

    .mobile-language-dialog-container .ul-box .item:nth-child(4n) {
        margin-right: 0
    }
}

.mobile-language-dialog-container .ul-box .item.selected {
    color: var(--oxnv-okd-color-text-amplifed);
    font-weight: 500
}

.mobile-language-dialog-container .ul-box .item.selected .select-icon {
    font-size: 16px
}

@media (min-width: 768px) {
    .mobile-language-dialog-container .ul-box .item.selected .select-icon {
        display:none
    }
}

.theme-light {
    --oxnv-okd-tabs-pane-bg-color: transparent;
    --oxnv-okd-tabs-pane-label-color: #929292;
    --oxnv-okd-tabs-pane-label-active-color: #3d3d3d;
    --oxnv-okd-tabs-pane-icon-color: #929292;
    --oxnv-okd-tabs-pane-icon-active-color: #3d3d3d;
    --oxnv-okd-tabs-pane-icon-bg-color: #fff;
    --oxnv-okd-tabs-pane-slot-bg-color: transparent;
    --oxnv-okd-tabs-pane-active-color: #0569ff;
    --oxnv-okd-tabs-pane-background-color: #fff;
    --oxnv-okd-tabs-pane-nav-shadow-color: #ebebeb;
    --oxnv-okd-tabs-green-color: #127837;
    --oxnv-okd-tabs-blue-color: #0569ff;
    --oxnv-okd-tabs-red-color: #91304a;
    --oxnv-okd-tabs-underline-pane-list-border-color: #ebebeb;
    --oxnv-okd-tabs-underline-pane-list-bg-color: #ebebeb;
    --oxnv-okd-tabs-underline-pane-blue-label-active-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-underline-pane-blue-border-active-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-tabs-underline-pane-green-border-active-color: var(--oxnv-okd-color-border-pnl-profit-default);
    --oxnv-okd-tabs-underline-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-default);
    --oxnv-okd-tabs-underline-pane-red-border-active-color: var(--oxnv-okd-color-border-pnl-loss-default);
    --oxnv-okd-tabs-underline-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-default);
    --oxnv-okd-tabs-underline-pane-grey-border-active-color: var(--oxnv-okd-color-border-interactive-selected);
    --oxnv-okd-tabs-underline-pane-grey-label-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-segmented-pane-bg-color: transparent;
    --oxnv-okd-tabs-segmented-pane-green-bg-active-color: var(--oxnv-okd-color-surface-pnl-profit-emphasis);
    --oxnv-okd-tabs-segmented-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis);
    --oxnv-okd-tabs-segmented-pane-red-bg-active-color: var(--oxnv-okd-color-surface-pnl-loss-emphasis);
    --oxnv-okd-tabs-segmented-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis);
    --oxnv-okd-tabs-segmented-pane-blue-bg-active-color: #000;
    --oxnv-okd-tabs-segmented-pane-blue-label-active-color: #fff;
    --oxnv-okd-tabs-segmented-pane-grey-bg-active-color: #fff;
    --oxnv-okd-tabs-segmented-pane-grey-label-active-color: var(--oxnv-okd-color-content-primary);
    --segmented-pane-label-active-color: var(--oxnv-okd-tabs-pane-icon-active-color);
    --oxnv-okd-tabs-segmented-pane-bg-shadow-color: 0px 2px 4px -1px #0000000f,0px 4px 6px -1px #0000001a;
    --oxnv-okd-tabs-segmented-pane-list-bg-color: #ebebeb;
    --oxnv-okd-tabs-muted-pane-border-color: #dbdbdb;
    --oxnv-okd-tabs-muted-pane-blue-border-active-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-tabs-muted-pane-blue-label-active-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-tabs-muted-pane-green-border-active-color: var(--oxnv-okd-color-border-pnl-profit-default);
    --oxnv-okd-tabs-muted-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-default);
    --oxnv-okd-tabs-muted-pane-red-border-active-color: var(--oxnv-okd-color-border-pnl-loss-default);
    --oxnv-okd-tabs-muted-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-default);
    --oxnv-okd-tabs-muted-pane-grey-border-active-color: var(--oxnv-okd-color-border-static-dotted);
    --oxnv-okd-tabs-muted-pane-grey-label-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-button-pane-bg-color: transparent;
    --oxnv-okd-tabs-button-pane-border-color: #dbdbdb;
    --oxnv-okd-tabs-button-pane-blue-bg-active-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-button-pane-blue-label-active-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-button-pane-green-bg-active-color: var(--oxnv-okd-color-surface-pnl-profit-emphasis);
    --oxnv-okd-tabs-button-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis);
    --oxnv-okd-tabs-button-pane-red-bg-active-color: var(--oxnv-okd-color-surface-pnl-loss-emphasis);
    --oxnv-okd-tabs-button-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis);
    --oxnv-okd-tabs-button-pane-grey-bg-active-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-button-pane-grey-label-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-lg-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-tabs-md-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-tabs-sm-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-tabs-xs-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-tabs-lg-icon-size: 16px;
    --oxnv-okd-tabs-md-icon-size: 16px;
    --oxnv-okd-tabs-sm-icon-size: 14px;
    --oxnv-okd-tabs-xs-icon-size: 14px;
    --oxnv-okd-tabs-lg-height: 44px;
    --oxnv-okd-tabs-md-height: 40px;
    --oxnv-okd-tabs-sm-height: 36px;
    --oxnv-okd-tabs-xs-height: 28px;
    --oxnv-okd-tabs-lg-label-padding: 16px;
    --oxnv-okd-tabs-md-label-padding: 16px;
    --oxnv-okd-tabs-sm-label-padding: 10px;
    --oxnv-okd-tabs-xs-label-padding: 10px;
    --oxnv-okd-tabs-lg-gutter-padding: 4px;
    --oxnv-okd-tabs-md-gutter-padding: 4px;
    --oxnv-okd-tabs-sm-gutter-padding: 3px;
    --oxnv-okd-tabs-xs-gutter-padding: 3px;
    --oxnv-okd-tabs-lg-margin: 16px;
    --oxnv-okd-tabs-md-margin: 12px;
    --oxnv-okd-tabs-sm-margin: 8px;
    --oxnv-okd-tabs-xs-margin: 8px;
    --oxnv-okd-tabs-lg-icon-width: 10px;
    --oxnv-okd-tabs-md-icon-width: 10px;
    --oxnv-okd-tabs-sm-icon-width: 8px;
    --oxnv-okd-tabs-xs-icon-width: 8px;
    --oxnv-okd-tabs-underline-pane-common-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-tabs-underline-pane-common-bg-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-tabs-button-pane-common-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-tabs-muted-pane-common-border-color: #fff;
    --oxnv-okd-tabs-segmented-pane-common-list-bg-color: #f3f3f3;
    --oxnv-okd-tabs-segmented-pane-common-shadow: 0px 0px 0px 0px #0000001a;
    --oxnv-okd-tabs-common-pane-icon-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-common-pane-icon-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-common-pane-icon-bg-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-common-pane-label-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-common-pane-nav-shadow-color: var(--oxnv-okd-color-surface-structural-elevated-contrast);
    --oxnv-okd-tabs-xs-underline-height: 28px;
    --oxnv-okd-tabs-underline-pane-common-label-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-button-pane-common-bg-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-button-pane-common-label-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-muted-pane-common-label-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-segmented-pane-common-bg-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-segmented-pane-common-label-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-xs-underline-font-size: 12px;
    --oxnv-okd-tabs-xs-underline-label-padding: 0px;
    --oxnv-okd-tabs-xs-underline-spacing: 24px;
    --oxnv-okd-tabs-xs-common-icon-size: 14px;
    --oxnv-okd-tabs-xs-button-font-size: 12px;
    --oxnv-okd-tabs-xs-button-height: 28px;
    --oxnv-okd-tabs-xs-button-label-padding: 8px;
    --oxnv-okd-tabs-xs-button-spacing: 8px;
    --oxnv-okd-tabs-xs-muted-font-size: 12px;
    --oxnv-okd-tabs-xs-muted-height: 28px;
    --oxnv-okd-tabs-xs-muted-label-padding: 8px;
    --oxnv-okd-tabs-xs-muted-spacing: 8px;
    --oxnv-okd-tabs-xs-segmented-font-size: 12px;
    --oxnv-okd-tabs-xs-segmented-height: 28px;
    --oxnv-okd-tabs-xs-segmented-label-padding: 8px;
    --oxnv-okd-tabs-xs-segmented-spacing: 2px;
    --oxnv-okd-tabs-xs-segmented-container-padding: 2px;
    --oxnv-okd-tabs-sm-underline-font-size: 12px;
    --oxnv-okd-tabs-sm-underline-height: 36px;
    --oxnv-okd-tabs-sm-underline-label-padding: 0px;
    --oxnv-okd-tabs-sm-underline-spacing: 24px;
    --oxnv-okd-tabs-sm-common-icon-size: 14px;
    --oxnv-okd-tabs-sm-button-font-size: 12px;
    --oxnv-okd-tabs-sm-button-height: 36px;
    --oxnv-okd-tabs-sm-button-label-padding: 12px;
    --oxnv-okd-tabs-sm-button-spacing: 8px;
    --oxnv-okd-tabs-sm-muted-font-size: 12px;
    --oxnv-okd-tabs-sm-muted-height: 36px;
    --oxnv-okd-tabs-sm-muted-label-padding: 12px;
    --oxnv-okd-tabs-sm-muted-spacing: 8px;
    --oxnv-okd-tabs-sm-segmented-font-size: 12px;
    --oxnv-okd-tabs-sm-segmented-height: 36px;
    --oxnv-okd-tabs-sm-segmented-label-padding: 12px;
    --oxnv-okd-tabs-sm-segmented-spacing: 2px;
    --oxnv-okd-tabs-sm-segmented-container-padding: 4px;
    --oxnv-okd-tabs-md-underline-font-size: 14px;
    --oxnv-okd-tabs-md-underline-height: 40px;
    --oxnv-okd-tabs-md-underline-label-padding: 0px;
    --oxnv-okd-tabs-md-underline-spacing: 24px;
    --oxnv-okd-tabs-md-common-icon-size: 16px;
    --oxnv-okd-tabs-md-button-font-size: 14px;
    --oxnv-okd-tabs-md-button-height: 40px;
    --oxnv-okd-tabs-md-button-label-padding: 12px;
    --oxnv-okd-tabs-md-button-spacing: 8px;
    --oxnv-okd-tabs-md-muted-font-size: 14px;
    --oxnv-okd-tabs-md-muted-height: 40px;
    --oxnv-okd-tabs-md-muted-label-padding: 12px;
    --oxnv-okd-tabs-md-muted-spacing: 8px;
    --oxnv-okd-tabs-md-segmented-font-size: 14px;
    --oxnv-okd-tabs-md-segmented-height: 40px;
    --oxnv-okd-tabs-md-segmented-label-padding: 12px;
    --oxnv-okd-tabs-md-segmented-spacing: 2px;
    --oxnv-okd-tabs-md-segmented-container-padding: 4px;
    --oxnv-okd-tabs-lg-underline-font-size: 14px;
    --oxnv-okd-tabs-lg-underline-height: 44px;
    --oxnv-okd-tabs-lg-underline-label-padding: 0px;
    --oxnv-okd-tabs-lg-underline-spacing: 24px;
    --oxnv-okd-tabs-lg-common-icon-size: 16px;
    --oxnv-okd-tabs-lg-button-font-size: 14px;
    --oxnv-okd-tabs-lg-button-height: 44px;
    --oxnv-okd-tabs-lg-button-label-padding: 12px;
    --oxnv-okd-tabs-lg-button-spacing: 8px;
    --oxnv-okd-tabs-lg-muted-font-size: 14px;
    --oxnv-okd-tabs-lg-muted-height: 44px;
    --oxnv-okd-tabs-lg-muted-label-padding: 12px;
    --oxnv-okd-tabs-lg-muted-spacing: 8px;
    --oxnv-okd-tabs-lg-segmented-font-size: 14px;
    --oxnv-okd-tabs-lg-segmented-height: 44px;
    --oxnv-okd-tabs-lg-segmented-label-padding: 12px;
    --oxnv-okd-tabs-lg-segmented-spacing: 2px;
    --oxnv-okd-tabs-lg-segmented-container-padding: 4px;
    --oxnv-okd-tabs-xl-common-icon-size: 18px;
    --oxnv-okd-tabs-xl-underline-font-size: 16px;
    --oxnv-okd-tabs-xl-underline-height: 48px;
    --oxnv-okd-tabs-xl-underline-label-padding: 0px;
    --oxnv-okd-tabs-xl-underline-spacing: 24px;
    --oxnv-okd-tabs-xl-button-font-size: 16px;
    --oxnv-okd-tabs-xl-button-height: 48px;
    --oxnv-okd-tabs-xl-button-label-padding: 16px;
    --oxnv-okd-tabs-xl-button-spacing: 8px;
    --oxnv-okd-tabs-xl-muted-font-size: 16px;
    --oxnv-okd-tabs-xl-muted-height: 48px;
    --oxnv-okd-tabs-xl-muted-label-padding: 16px;
    --oxnv-okd-tabs-xl-muted-spacing: 8px;
    --oxnv-okd-tabs-xl-segmented-font-size: 16px;
    --oxnv-okd-tabs-xl-segmented-height: 48px;
    --oxnv-okd-tabs-xl-segmented-label-padding: 16px;
    --oxnv-okd-tabs-xl-segmented-spacing: 2px;
    --oxnv-okd-tabs-xl-segmented-container-padding: 4px;
    --oxnv-okd-tabs-xxl-common-icon-size: 20px;
    --oxnv-okd-tabs-xxl-underline-font-size: 18px;
    --oxnv-okd-tabs-xxl-underline-height: 48px;
    --oxnv-okd-tabs-xxl-underline-label-padding: 0px;
    --oxnv-okd-tabs-xxl-underline-spacing: 24px;
    --oxnv-okd-tabs-xxl-button-font-size: 18px;
    --oxnv-okd-tabs-xxl-button-height: 48px;
    --oxnv-okd-tabs-xxl-button-label-padding: 16px;
    --oxnv-okd-tabs-xxl-button-spacing: 8px;
    --oxnv-okd-tabs-xxl-muted-font-size: 18px;
    --oxnv-okd-tabs-xxl-muted-height: 48px;
    --oxnv-okd-tabs-xxl-muted-label-padding: 16px;
    --oxnv-okd-tabs-xxl-muted-spacing: 8px;
    --oxnv-okd-tabs-xxl-segmented-font-size: 18px;
    --oxnv-okd-tabs-xxl-segmented-height: 48px;
    --oxnv-okd-tabs-xxl-segmented-label-padding: 16px;
    --oxnv-okd-tabs-xxl-segmented-spacing: 2px;
    --oxnv-okd-tabs-xxl-segmented-container-padding: 4px;
    --oxnv-okd-tabs-xxxl-common-icon-size: 20px;
    --oxnv-okd-tabs-xxxl-underline-font-size: 22px;
    --oxnv-okd-tabs-xxxl-underline-height: 56px;
    --oxnv-okd-tabs-xxxl-underline-label-padding: 0px;
    --oxnv-okd-tabs-xxxl-underline-spacing: 24px;
    --oxnv-okd-tabs-xxxl-button-font-size: 22px;
    --oxnv-okd-tabs-xxxl-button-height: 56px;
    --oxnv-okd-tabs-xxxl-button-label-padding: 16px;
    --oxnv-okd-tabs-xxxl-button-spacing: 8px;
    --oxnv-okd-tabs-xxxl-muted-font-size: 22px;
    --oxnv-okd-tabs-xxxl-muted-height: 56px;
    --oxnv-okd-tabs-xxxl-muted-label-padding: 16px;
    --oxnv-okd-tabs-xxxl-muted-spacing: 8px;
    --oxnv-okd-tabs-xxxl-segmented-font-size: 22px;
    --oxnv-okd-tabs-xxxl-segmented-height: 56px;
    --oxnv-okd-tabs-xxxl-segmented-label-padding: 16px;
    --oxnv-okd-tabs-xxxl-segmented-spacing: 2px;
    --oxnv-okd-tabs-xxxl-segmented-container-padding: 4px;
    --oxnv-okd-tabs-common-pane-nav-icon-bg-color-1: var(--oxnv-okd-color-surface-structural-base);
    --oxnv-okd-tabs-common-pane-nav-icon-bg-color-2: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-button-pane-common-border-radius: 4px;
    --oxnv-okd-tabs-muted-pane-common-border-radius: 4px;
    --oxnv-okd-tabs-segmented-pane-common-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-button-font-weight: 400;
    --oxnv-okd-tabs-lg-button-font-weight: 400;
    --oxnv-okd-tabs-lg-muted-font-weight: 400;
    --oxnv-okd-tabs-md-button-font-weight: 400;
    --oxnv-okd-tabs-md-muted-font-weight: 400;
    --oxnv-okd-tabs-xl-muted-font-weight: 400;
    --oxnv-okd-tabs-xl-button-font-weight: 400;
    --oxnv-okd-tabs-xxxl-muted-font-weight: 400;
    --oxnv-okd-tabs-xxl-muted-font-weight: 400;
    --oxnv-okd-tabs-xxl-button-font-weight: 400;
    --oxnv-okd-tabs-sm-button-font-weight: 400;
    --oxnv-okd-tabs-sm-muted-font-weight: 400;
    --oxnv-okd-tabs-xs-button-font-weight: 400;
    --oxnv-okd-tabs-xs-muted-font-weight: 400;
    --oxnv-okd-tabs-xs-segmented-font-weight: 400;
    --oxnv-okd-tabs-sm-segmented-font-weight: 500;
    --oxnv-okd-tabs-md-segmented-font-weight: 500;
    --oxnv-okd-tabs-lg-segmented-font-weight: 500;
    --oxnv-okd-tabs-xl-segmented-font-weight: 500;
    --oxnv-okd-tabs-xxl-segmented-font-weight: 500;
    --oxnv-okd-tabs-xxxl-segmented-font-weight: 500;
    --oxnv-okd-tabs-pane-fill-highlight-default-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-highlight-default-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-highlight-default-background-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-pane-fill-highlight-active-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-fill-highlight-active-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-highlight-active-background-color: var(--oxnv-okd-color-surface-interactive-selected-default);
    --oxnv-okd-tabs-pane-fill-highlight-hover-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-highlight-hover-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-highlight-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-fill-primary-default-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-primary-default-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-primary-default-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-fill-primary-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-primary-active-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-primary-active-background-color: var(--oxnv-okd-color-surface-interactive-selected-subtle);
    --oxnv-okd-tabs-pane-fill-primary-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-fill-primary-hover-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-primary-hover-background-color: transparent;
    --oxnv-okd-tabs-pane-fill-secondary-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-pane-fill-secondary-default-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-secondary-default-background-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-pane-fill-secondary-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-secondary-active-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-secondary-active-background-color: var(--oxnv-okd-color-surface-interactive-selected-subtle);
    --oxnv-okd-tabs-pane-fill-secondary-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-fill-secondary-hover-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-secondary-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-highlight-default-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-outline-highlight-default-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-tabs-pane-outline-highlight-default-background-color: hsla(0,0%,96%,0);
    --oxnv-okd-tabs-pane-outline-highlight-active-text-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-tabs-pane-outline-highlight-active-border-color: var(--oxnv-okd-color-border-interactive-emphasis);
    --oxnv-okd-tabs-pane-outline-highlight-active-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-outline-highlight-hover-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-outline-highlight-hover-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-outline-highlight-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-primary-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-pane-outline-primary-default-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-outline-primary-default-background-color: hsla(0,0%,96%,0);
    --oxnv-okd-tabs-pane-outline-primary-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-outline-primary-active-border-color: var(--oxnv-okd-color-border-interactive-selected);
    --oxnv-okd-tabs-pane-outline-primary-active-background-color: hsla(0,0%,96%,0);
    --oxnv-okd-tabs-pane-outline-primary-hover-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-pane-outline-primary-hover-border-color: rgba(0,0,0,.32);
    --oxnv-okd-tabs-pane-outline-primary-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-secondary-default-text-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-pane-outline-secondary-default-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-default-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-active-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-outline-secondary-active-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-tabs-pane-outline-secondary-active-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-hover-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-outline-secondary-hover-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-hover-background-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-pane-text-highlight-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-pane-text-highlight-default-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-text-highlight-default-background-color: transparent;
    --oxnv-okd-tabs-pane-text-highlight-active-text-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-tabs-pane-text-highlight-active-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-text-highlight-active-background-color: hsla(0,0%,96%,0);
    --oxnv-okd-tabs-pane-text-highlight-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-text-highlight-hover-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-text-highlight-hover-background-color: hsla(0,0%,96%,0);
    --oxnv-okd-tabs-pane-text-primary-default-text-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-pane-text-primary-default-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-default-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-active-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-primary-active-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-active-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-hover-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-primary-hover-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-hover-background-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-pane-text-secondary-default-text-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-pane-text-secondary-default-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-default-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-active-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-secondary-active-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-active-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-hover-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-secondary-hover-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-hover-background-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-pane-xs-height: 24px;
    --oxnv-okd-tabs-pane-xs-font-size: 12px;
    --oxnv-okd-tabs-pane-xs-font-weight: 400;
    --oxnv-okd-tabs-pane-xs-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xs-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xs-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-xs-margin-right: 8px;
    --oxnv-okd-tabs-pane-xs-border-width: 1px;
    --oxnv-okd-tabs-pane-xs-border-radius: 4px;
    --oxnv-okd-tabs-pane-sm-height: 28px;
    --oxnv-okd-tabs-pane-sm-font-size: 12px;
    --oxnv-okd-tabs-pane-sm-font-weight: 400;
    --oxnv-okd-tabs-pane-sm-active-font-weight: 500;
    --oxnv-okd-tabs-pane-sm-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-sm-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-sm-margin-right: 8px;
    --oxnv-okd-tabs-pane-sm-border-width: 1px;
    --oxnv-okd-tabs-pane-sm-border-radius: 4px;
    --oxnv-okd-tabs-pane-md-height: 32px;
    --oxnv-okd-tabs-pane-md-font-size: 14px;
    --oxnv-okd-tabs-pane-md-font-weight: 400;
    --oxnv-okd-tabs-pane-md-active-font-weight: 500;
    --oxnv-okd-tabs-pane-md-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-md-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-md-margin-right: 8px;
    --oxnv-okd-tabs-pane-md-border-width: 1px;
    --oxnv-okd-tabs-pane-md-border-radius: 6px;
    --oxnv-okd-tabs-pane-lg-height: 36px;
    --oxnv-okd-tabs-pane-lg-font-size: 14px;
    --oxnv-okd-tabs-pane-lg-font-weight: 400;
    --oxnv-okd-tabs-pane-lg-active-font-weight: 500;
    --oxnv-okd-tabs-pane-lg-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-lg-padding-vertical: 12px;
    --oxnv-okd-tabs-pane-lg-margin-right: 8px;
    --oxnv-okd-tabs-pane-lg-border-width: 1px;
    --oxnv-okd-tabs-pane-lg-border-radius: 6px;
    --oxnv-okd-tabs-pane-xl-height: 40px;
    --oxnv-okd-tabs-pane-xl-font-size: 14px;
    --oxnv-okd-tabs-pane-xl-font-weight: 400;
    --oxnv-okd-tabs-pane-xl-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xl-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xl-padding-vertical: 16px;
    --oxnv-okd-tabs-pane-xl-margin-right: 8px;
    --oxnv-okd-tabs-pane-xl-border-width: 1px;
    --oxnv-okd-tabs-pane-xl-border-radius: 8px;
    --oxnv-okd-tabs-pane-xxl-height: 44px;
    --oxnv-okd-tabs-pane-xxl-font-size: 16px;
    --oxnv-okd-tabs-pane-xxl-font-weight: 400;
    --oxnv-okd-tabs-pane-xxl-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xxl-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xxl-padding-vertical: 16px;
    --oxnv-okd-tabs-pane-xxl-margin-right: 8px;
    --oxnv-okd-tabs-pane-xxl-border-width: 1px;
    --oxnv-okd-tabs-pane-xxl-border-radius: 8px;
    --oxnv-okd-tabs-pane-xxxl-height: 50px;
    --oxnv-okd-tabs-pane-xxxl-font-size: 18px;
    --oxnv-okd-tabs-pane-xxxl-font-weight: 400;
    --oxnv-okd-tabs-pane-xxxl-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xxxl-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xxxl-padding-vertical: 16px;
    --oxnv-okd-tabs-pane-xxxl-margin-right: 8px;
    --oxnv-okd-tabs-pane-xxxl-border-width: 1px;
    --oxnv-okd-tabs-pane-xxxl-border-radius: 8px;
    --oxnv-okd-tabs-xs-button-border-radius: 8px;
    --oxnv-okd-tabs-xs-muted-border-radius: 8px;
    --oxnv-okd-tabs-xs-segmented-border-radius: 6px;
    --oxnv-okd-tabs-sm-button-border-radius: 8px;
    --oxnv-okd-tabs-sm-muted-border-radius: 8px;
    --oxnv-okd-tabs-sm-segmented-border-radius: 4px;
    --oxnv-okd-tabs-md-button-border-radius: 8px;
    --oxnv-okd-tabs-md-muted-border-radius: 8px;
    --oxnv-okd-tabs-md-segmented-border-radius: 4px;
    --oxnv-okd-tabs-lg-button-border-radius: 8px;
    --oxnv-okd-tabs-lg-muted-border-radius: 8px;
    --oxnv-okd-tabs-lg-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xl-button-border-radius: 8px;
    --oxnv-okd-tabs-xl-muted-border-radius: 8px;
    --oxnv-okd-tabs-xl-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xxl-button-border-radius: 8px;
    --oxnv-okd-tabs-xxl-muted-border-radius: 8px;
    --oxnv-okd-tabs-xxl-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xxxl-button-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-muted-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xs-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xs-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xs-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-sm-button-container-border-radius: 0px;
    --oxnv-okd-tabs-sm-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-sm-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-md-button-container-border-radius: 0px;
    --oxnv-okd-tabs-md-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-md-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-lg-button-container-border-radius: 0px;
    --oxnv-okd-tabs-lg-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-lg-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xl-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xl-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xl-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xxl-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xxl-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xxl-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xxxl-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xxxl-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xs-underline-font-weight: 500;
    --oxnv-okd-tabs-sm-underline-font-weight: 500;
    --oxnv-okd-tabs-md-underline-font-weight: 500;
    --oxnv-okd-tabs-lg-underline-font-weight: 500;
    --oxnv-okd-tabs-xl-underline-font-weight: 500;
    --oxnv-okd-tabs-xxl-underline-font-weight: 700;
    --oxnv-okd-tabs-xxxl-underline-font-weight: 700;
    --oxnv-okd-tabs-xxs-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xxs-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xxs-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xxs-button-border-radius: 8px;
    --oxnv-okd-tabs-xxs-muted-border-radius: 8px;
    --oxnv-okd-tabs-xxs-segmented-border-radius: 6px;
    --oxnv-okd-tabs-pane-xxs-height: 24px;
    --oxnv-okd-tabs-pane-xxs-font-size: 12px;
    --oxnv-okd-tabs-pane-xxs-font-weight: 400;
    --oxnv-okd-tabs-pane-xxs-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xxs-hover-font-weight: 500;
    --oxnv-okd-tabs-pane-xxs-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-xxs-margin-right: 8px;
    --oxnv-okd-tabs-pane-xxs-border-width: 1px;
    --oxnv-okd-tabs-pane-xxs-border-radius: 4px;
    --oxnv-okd-tabs-xxs-underline-font-size: 12px;
    --oxnv-okd-tabs-xxs-underline-font-weight: 500;
    --oxnv-okd-tabs-xxs-underline-label-padding: 0px;
    --oxnv-okd-tabs-xxs-underline-spacing: 16px;
    --oxnv-okd-tabs-xxs-common-icon-size: 12px;
    --oxnv-okd-tabs-xxs-button-font-size: 12px;
    --oxnv-okd-tabs-xxs-button-font-weight: 400;
    --oxnv-okd-tabs-xxs-button-height: 24px;
    --oxnv-okd-tabs-xxs-button-label-padding: 8px;
    --oxnv-okd-tabs-xxs-button-spacing: 8px;
    --oxnv-okd-tabs-xxs-muted-font-size: 12px;
    --oxnv-okd-tabs-xxs-muted-font-weight: 400;
    --oxnv-okd-tabs-xxs-muted-height: 24px;
    --oxnv-okd-tabs-xxs-muted-label-padding: 8px;
    --oxnv-okd-tabs-xxs-muted-spacing: 8px;
    --oxnv-okd-tabs-xxs-segmented-font-size: 12px;
    --oxnv-okd-tabs-xxs-segmented-font-weight: 400;
    --oxnv-okd-tabs-xxs-segmented-height: 24px;
    --oxnv-okd-tabs-xxs-segmented-label-padding: 8px;
    --oxnv-okd-tabs-xxs-segmented-spacing: 2px;
    --oxnv-okd-tabs-xxs-segmented-container-padding: 2px;
    --oxnv-okd-tabs-xxs-font-size: 12px;
    --oxnv-okd-tabs-xxs-icon-size: 12px;
    --oxnv-okd-tabs-xxs-height: 24px;
    --oxnv-okd-tabs-xxs-label-padding: 10px;
    --oxnv-okd-tabs-xxs-gutter-padding: 10px;
    --oxnv-okd-tabs-xxs-margin: 2px;
    --oxnv-okd-tabs-xxs-icon-width: 10px;
    --oxnv-okd-tabs-xxs-underline-height: 24px;
    --oxnv-okd-tabs-pane-fill-reversed-default-text-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-tabs-pane-fill-reversed-default-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-reversed-default-background-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-pane-fill-reversed-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-reversed-active-border-color: rgba(51,51,51,0);
    --oxnv-okd-tabs-pane-fill-reversed-active-background-color: var(--oxnv-okd-color-surface-structural-base);
    --oxnv-okd-tabs-pane-fill-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-fill-reversed-hover-border-color: rgba(33,33,33,0);
    --oxnv-okd-tabs-pane-fill-reversed-hover-background-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-reversed-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-pane-outline-reversed-default-border-color: var(--oxnv-okd-color-border-interactive-emphasis);
    --oxnv-okd-tabs-pane-outline-reversed-default-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-outline-reversed-active-text-color: var(--oxnv-okd-color-surface-interactive-selected-oncolor);
    --oxnv-okd-tabs-pane-outline-reversed-active-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-tabs-pane-outline-reversed-active-background-color: transparent;
    --oxnv-okd-tabs-pane-outline-reversed-hover-text-color: var(--oxnv-okd-color-surface-interactive-oncolor-hovered);
    --oxnv-okd-tabs-pane-outline-reversed-hover-border-color: var(--oxnv-okd-color-border-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-reversed-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-text-reversed-default-text-color: hsla(0,0%,100%,.5);
    --oxnv-okd-tabs-pane-text-reversed-default-border-color: transparent;
    --oxnv-okd-tabs-pane-text-reversed-default-background-color: transparent;
    --oxnv-okd-tabs-pane-text-reversed-active-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-text-reversed-active-border-color: transparent;
    --oxnv-okd-tabs-pane-text-reversed-active-background-color: transparent;
    --oxnv-okd-tabs-pane-text-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-text-reversed-hover-border-color: transparent;
    --oxnv-okd-tabs-pane-text-reversed-hover-background-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-xxs-underline-active-font-weight: 500;
    --oxnv-okd-tabs-xxs-button-active-font-weight: 500;
    --oxnv-okd-tabs-xxs-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xxs-segmented-active-font-weight: 400;
    --oxnv-okd-tabs-xs-underline-active-font-weight: 500;
    --oxnv-okd-tabs-xs-button-active-font-weight: 500;
    --oxnv-okd-tabs-xs-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xs-segmented-active-font-weight: 400;
    --oxnv-okd-tabs-sm-underline-active-font-weight: 500;
    --oxnv-okd-tabs-sm-button-active-font-weight: 500;
    --oxnv-okd-tabs-sm-muted-active-font-weight: 500;
    --oxnv-okd-tabs-sm-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-md-underline-active-font-weight: 500;
    --oxnv-okd-tabs-md-button-active-font-weight: 500;
    --oxnv-okd-tabs-md-muted-active-font-weight: 500;
    --oxnv-okd-tabs-md-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-lg-underline-active-font-weight: 500;
    --oxnv-okd-tabs-lg-button-active-font-weight: 500;
    --oxnv-okd-tabs-lg-muted-active-font-weight: 500;
    --oxnv-okd-tabs-lg-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-xl-underline-active-font-weight: 500;
    --oxnv-okd-tabs-xl-button-active-font-weight: 500;
    --oxnv-okd-tabs-xl-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xl-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-xxl-underline-active-font-weight: 700;
    --oxnv-okd-tabs-xxl-button-active-font-weight: 500;
    --oxnv-okd-tabs-xxl-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xxl-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-xxxl-underline-active-font-weight: 700;
    --oxnv-okd-tabs-xxxl-button-active-font-weight: 500;
    --oxnv-okd-tabs-xxxl-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xxxl-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-xxs-underline-border-width: 2px;
    --oxnv-okd-tabs-xs-underline-border-width: 2px;
    --oxnv-okd-tabs-sm-underline-border-width: 2px;
    --oxnv-okd-tabs-md-underline-border-width: 2px;
    --oxnv-okd-tabs-lg-underline-border-width: 2px;
    --oxnv-okd-tabs-xl-underline-border-width: 2px;
    --oxnv-okd-tabs-xxl-underline-border-width: 2px;
    --oxnv-okd-tabs-xxxl-underline-border-width: 2px
}

.theme-dark {
    --oxnv-okd-tabs-pane-bg-color: transparent;
    --oxnv-okd-tabs-pane-label-color: #e3e3e3;
    --oxnv-okd-tabs-pane-label-active-color: #fafafa;
    --oxnv-okd-tabs-pane-icon-color: #e3e3e3;
    --oxnv-okd-tabs-pane-icon-active-color: #fafafa;
    --oxnv-okd-tabs-pane-icon-bg-color: #404040;
    --oxnv-okd-tabs-pane-slot-bg-color: transparent;
    --oxnv-okd-tabs-pane-active-color: #4283ff;
    --oxnv-okd-tabs-pane-background-color: #404040;
    --oxnv-okd-tabs-pane-nav-shadow-color: #909090;
    --oxnv-okd-green-color: #d2f7de;
    --oxnv-okd-red-color: #fff8f9;
    --oxnv-okd-tabs-underline-pane-list-border-color: var(--oxnv-okd-tabs-pane-nav-shadow-color);
    --oxnv-okd-tabs-underline-pane-list-bg-color: var(--oxnv-okd-tabs-pane-nav-shadow-color);
    --oxnv-okd-tabs-underline-pane-blue-label-active-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-underline-pane-blue-border-active-color: var(--oxnv-okd-color-border-selected);
    --oxnv-okd-tabs-underline-pane-green-border-active-color: var(--oxnv-okd-color-border-pnl-profit-default);
    --oxnv-okd-tabs-underline-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-default);
    --oxnv-okd-tabs-underline-pane-red-border-active-color: var(--oxnv-okd-color-border-pnl-loss-default);
    --oxnv-okd-tabs-underline-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-default);
    --oxnv-okd-tabs-underline-pane-grey-border-active-color: var(--oxnv-okd-color-border-interactive-selected);
    --oxnv-okd-tabs-underline-pane-grey-label-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-segmented-pane-bg-color: transparent;
    --oxnv-okd-tabs-segmented-pane-green-bg-active-color: var(--oxnv-okd-color-surface-pnl-profit-emphasis);
    --oxnv-okd-tabs-segmented-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis);
    --oxnv-okd-tabs-segmented-pane-red-bg-active-color: var(--oxnv-okd-color-surface-pnl-loss-emphasis);
    --oxnv-okd-tabs-segmented-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis);
    --oxnv-okd-tabs-segmented-pane-blue-bg-active-color: var(--oxnv-okd-color-background-surface-pressed);
    --oxnv-okd-tabs-segmented-pane-blue-label-active-color: #fff;
    --oxnv-okd-tabs-segmented-pane-grey-bg-active-color: #383838;
    --oxnv-okd-tabs-segmented-pane-grey-label-active-color: var(--oxnv-okd-color-content-primary);
    --segmented-pane-label-active-color: var(--oxnv-okd-tabs-pane-icon-active-color);
    --oxnv-okd-tabs-segmented-pane-bg-shadow-color: 0px 2px 4px -1px #0000000f,0px 4px 6px -1px #0000001a;
    --oxnv-okd-tabs-segmented-pane-list-bg-color: #2e2e2e;
    --oxnv-okd-tabs-muted-pane-border-color: #b0b0b0;
    --oxnv-okd-tabs-muted-pane-blue-border-active-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-tabs-muted-pane-blue-label-active-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-tabs-muted-pane-green-border-active-color: var(--oxnv-okd-color-border-pnl-profit-default);
    --oxnv-okd-tabs-muted-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-default);
    --oxnv-okd-tabs-muted-pane-red-border-active-color: var(--oxnv-okd-color-border-pnl-loss-default);
    --oxnv-okd-tabs-muted-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-default);
    --oxnv-okd-tabs-muted-pane-grey-border-active-color: var(--oxnv-okd-color-border-static-dotted);
    --oxnv-okd-tabs-muted-pane-grey-label-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-button-pane-bg-color: transparent;
    --oxnv-okd-tabs-button-pane-border-color: #b0b0b0;
    --oxnv-okd-tabs-button-pane-blue-bg-active-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-button-pane-blue-label-active-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-button-pane-green-bg-active-color: var(--oxnv-okd-color-surface-pnl-profit-emphasis);
    --oxnv-okd-tabs-button-pane-green-label-active-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis);
    --oxnv-okd-tabs-button-pane-red-bg-active-color: var(--oxnv-okd-color-surface-pnl-loss-emphasis);
    --oxnv-okd-tabs-button-pane-red-label-active-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis);
    --oxnv-okd-tabs-button-pane-grey-bg-active-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-button-pane-grey-label-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-lg-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-tabs-md-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-tabs-sm-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-tabs-xs-font-size: var(--oxnv-okd-font-size-xs);
    --oxnv-okd-tabs-lg-icon-size: 16px;
    --oxnv-okd-tabs-md-icon-size: 16px;
    --oxnv-okd-tabs-sm-icon-size: 14px;
    --oxnv-okd-tabs-xs-icon-size: 14px;
    --oxnv-okd-tabs-lg-height: 44px;
    --oxnv-okd-tabs-md-height: 40px;
    --oxnv-okd-tabs-sm-height: 36px;
    --oxnv-okd-tabs-xs-height: 28px;
    --oxnv-okd-tabs-lg-label-padding: 16px;
    --oxnv-okd-tabs-md-label-padding: 16px;
    --oxnv-okd-tabs-sm-label-padding: 10px;
    --oxnv-okd-tabs-xs-label-padding: 10px;
    --oxnv-okd-tabs-lg-gutter-padding: 4px;
    --oxnv-okd-tabs-md-gutter-padding: 4px;
    --oxnv-okd-tabs-sm-gutter-padding: 3px;
    --oxnv-okd-tabs-xs-gutter-padding: 3px;
    --oxnv-okd-tabs-lg-margin: 16px;
    --oxnv-okd-tabs-md-margin: 12px;
    --oxnv-okd-tabs-sm-margin: 8px;
    --oxnv-okd-tabs-xs-margin: 8px;
    --oxnv-okd-tabs-lg-icon-width: 10px;
    --oxnv-okd-tabs-md-icon-width: 10px;
    --oxnv-okd-tabs-sm-icon-width: 8px;
    --oxnv-okd-tabs-xs-icon-width: 8px;
    --oxnv-okd-tabs-underline-pane-common-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-tabs-underline-pane-common-bg-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-tabs-button-pane-common-border-color: var(--oxnv-okd-color-border-static-default);
    --oxnv-okd-tabs-muted-pane-common-border-color: #000;
    --oxnv-okd-tabs-segmented-pane-common-list-bg-color: #1d1d1d;
    --oxnv-okd-tabs-common-pane-icon-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-common-pane-icon-active-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-common-pane-icon-bg-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-common-pane-label-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-common-pane-nav-shadow-color: var(--oxnv-okd-color-surface-structural-elevated-contrast);
    --oxnv-okd-tabs-segmented-pane-common-shadow: 0px 0px 0px 0px #0000001a;
    --oxnv-okd-tabs-button-pane-common-bg-color: transparent;
    --oxnv-okd-tabs-underline-pane-common-label-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-button-pane-common-label-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-muted-pane-common-label-color: var(--oxnv-okd-color-content-static-subtle);
    --oxnv-okd-tabs-segmented-pane-common-bg-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-segmented-pane-common-label-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-xs-underline-font-size: 12px;
    --oxnv-okd-tabs-xs-underline-height: 28px;
    --oxnv-okd-tabs-xs-underline-label-padding: 0px;
    --oxnv-okd-tabs-xs-underline-spacing: 24px;
    --oxnv-okd-tabs-xs-common-icon-size: 14px;
    --oxnv-okd-tabs-xs-button-font-size: 12px;
    --oxnv-okd-tabs-xs-button-height: 28px;
    --oxnv-okd-tabs-xs-button-label-padding: 8px;
    --oxnv-okd-tabs-xs-button-spacing: 8px;
    --oxnv-okd-tabs-xs-muted-font-size: 12px;
    --oxnv-okd-tabs-xs-muted-height: 28px;
    --oxnv-okd-tabs-xs-muted-label-padding: 8px;
    --oxnv-okd-tabs-xs-muted-spacing: 8px;
    --oxnv-okd-tabs-xs-segmented-font-size: 12px;
    --oxnv-okd-tabs-xs-segmented-height: 28px;
    --oxnv-okd-tabs-xs-segmented-label-padding: 8px;
    --oxnv-okd-tabs-xs-segmented-spacing: 2px;
    --oxnv-okd-tabs-xs-segmented-container-padding: 2px;
    --oxnv-okd-tabs-sm-underline-height: 36px;
    --oxnv-okd-tabs-sm-underline-font-size: 12px;
    --oxnv-okd-tabs-sm-underline-label-padding: 0px;
    --oxnv-okd-tabs-sm-underline-spacing: 24px;
    --oxnv-okd-tabs-sm-common-icon-size: 14px;
    --oxnv-okd-tabs-sm-button-font-size: 12px;
    --oxnv-okd-tabs-sm-button-height: 36px;
    --oxnv-okd-tabs-sm-button-label-padding: 12px;
    --oxnv-okd-tabs-sm-button-spacing: 8px;
    --oxnv-okd-tabs-sm-muted-font-size: 12px;
    --oxnv-okd-tabs-sm-muted-height: 36px;
    --oxnv-okd-tabs-sm-muted-label-padding: 12px;
    --oxnv-okd-tabs-sm-muted-spacing: 8px;
    --oxnv-okd-tabs-sm-segmented-font-size: 12px;
    --oxnv-okd-tabs-sm-segmented-height: 36px;
    --oxnv-okd-tabs-sm-segmented-label-padding: 12px;
    --oxnv-okd-tabs-sm-segmented-spacing: 2px;
    --oxnv-okd-tabs-sm-segmented-container-padding: 4px;
    --oxnv-okd-tabs-md-underline-font-size: 14px;
    --oxnv-okd-tabs-md-underline-height: 40px;
    --oxnv-okd-tabs-md-underline-label-padding: 0px;
    --oxnv-okd-tabs-md-underline-spacing: 24px;
    --oxnv-okd-tabs-md-common-icon-size: 16px;
    --oxnv-okd-tabs-md-button-font-size: 14px;
    --oxnv-okd-tabs-md-button-height: 40px;
    --oxnv-okd-tabs-md-button-label-padding: 12px;
    --oxnv-okd-tabs-md-button-spacing: 8px;
    --oxnv-okd-tabs-md-muted-font-size: 14px;
    --oxnv-okd-tabs-md-muted-height: 40px;
    --oxnv-okd-tabs-md-muted-label-padding: 12px;
    --oxnv-okd-tabs-md-muted-spacing: 12px;
    --oxnv-okd-tabs-md-segmented-font-size: 14px;
    --oxnv-okd-tabs-md-segmented-height: 40px;
    --oxnv-okd-tabs-md-segmented-label-padding: 12px;
    --oxnv-okd-tabs-md-segmented-spacing: 2px;
    --oxnv-okd-tabs-md-segmented-container-padding: 4px;
    --oxnv-okd-tabs-lg-underline-font-size: 14px;
    --oxnv-okd-tabs-lg-underline-height: 44px;
    --oxnv-okd-tabs-lg-underline-label-padding: 0px;
    --oxnv-okd-tabs-lg-underline-spacing: 24px;
    --oxnv-okd-tabs-lg-common-icon-size: 16px;
    --oxnv-okd-tabs-lg-button-font-size: 14px;
    --oxnv-okd-tabs-lg-button-height: 44px;
    --oxnv-okd-tabs-lg-button-label-padding: 12px;
    --oxnv-okd-tabs-lg-button-spacing: 8px;
    --oxnv-okd-tabs-lg-muted-font-size: 14px;
    --oxnv-okd-tabs-lg-muted-height: 44px;
    --oxnv-okd-tabs-lg-muted-label-padding: 12px;
    --oxnv-okd-tabs-lg-muted-spacing: 8px;
    --oxnv-okd-tabs-lg-segmented-font-size: 14px;
    --oxnv-okd-tabs-lg-segmented-height: 44px;
    --oxnv-okd-tabs-lg-segmented-label-padding: 12px;
    --oxnv-okd-tabs-lg-segmented-spacing: 2px;
    --oxnv-okd-tabs-lg-segmented-container-padding: 4px;
    --oxnv-okd-tabs-xl-common-icon-size: 18px;
    --oxnv-okd-tabs-xl-underline-font-size: 16px;
    --oxnv-okd-tabs-xl-underline-height: 48px;
    --oxnv-okd-tabs-xl-underline-label-padding: 0px;
    --oxnv-okd-tabs-xl-underline-spacing: 24px;
    --oxnv-okd-tabs-xl-button-font-size: 16px;
    --oxnv-okd-tabs-xl-button-height: 48px;
    --oxnv-okd-tabs-xl-button-label-padding: 16px;
    --oxnv-okd-tabs-xl-button-spacing: 8px;
    --oxnv-okd-tabs-xl-muted-font-size: 16px;
    --oxnv-okd-tabs-xl-muted-height: 48px;
    --oxnv-okd-tabs-xl-muted-label-padding: 16px;
    --oxnv-okd-tabs-xl-muted-spacing: 8px;
    --oxnv-okd-tabs-xl-segmented-font-size: 16px;
    --oxnv-okd-tabs-xl-segmented-height: 48px;
    --oxnv-okd-tabs-xl-segmented-label-padding: 16px;
    --oxnv-okd-tabs-xl-segmented-spacing: 2px;
    --oxnv-okd-tabs-xl-segmented-container-padding: 4px;
    --oxnv-okd-tabs-xxl-common-icon-size: 20px;
    --oxnv-okd-tabs-xxl-underline-font-size: 18px;
    --oxnv-okd-tabs-xxl-underline-height: 48px;
    --oxnv-okd-tabs-xxl-underline-label-padding: 0px;
    --oxnv-okd-tabs-xxl-underline-spacing: 24px;
    --oxnv-okd-tabs-xxl-button-font-size: 18px;
    --oxnv-okd-tabs-xxl-button-height: 48px;
    --oxnv-okd-tabs-xxl-button-label-padding: 16px;
    --oxnv-okd-tabs-xxl-button-spacing: 8px;
    --oxnv-okd-tabs-xxl-muted-font-size: 18px;
    --oxnv-okd-tabs-xxl-muted-height: 48px;
    --oxnv-okd-tabs-xxl-muted-label-padding: 16px;
    --oxnv-okd-tabs-xxl-muted-spacing: 8px;
    --oxnv-okd-tabs-xxl-segmented-font-size: 18px;
    --oxnv-okd-tabs-xxl-segmented-height: 48px;
    --oxnv-okd-tabs-xxl-segmented-label-padding: 16px;
    --oxnv-okd-tabs-xxl-segmented-spacing: 2px;
    --oxnv-okd-tabs-xxl-segmented-container-padding: 4px;
    --oxnv-okd-tabs-xxxl-common-icon-size: 20px;
    --oxnv-okd-tabs-xxxl-underline-font-size: 22px;
    --oxnv-okd-tabs-xxxl-underline-height: 56px;
    --oxnv-okd-tabs-xxxl-underline-label-padding: 0px;
    --oxnv-okd-tabs-xxxl-underline-spacing: 24px;
    --oxnv-okd-tabs-xxxl-button-font-size: 22px;
    --oxnv-okd-tabs-xxxl-button-height: 56px;
    --oxnv-okd-tabs-xxxl-button-label-padding: 16px;
    --oxnv-okd-tabs-xxxl-button-spacing: 8px;
    --oxnv-okd-tabs-xxxl-muted-font-size: 22px;
    --oxnv-okd-tabs-xxxl-muted-height: 56px;
    --oxnv-okd-tabs-xxxl-muted-label-padding: 16px;
    --oxnv-okd-tabs-xxxl-muted-spacing: 8px;
    --oxnv-okd-tabs-xxxl-segmented-font-size: 22px;
    --oxnv-okd-tabs-xxxl-segmented-height: 56px;
    --oxnv-okd-tabs-xxxl-segmented-label-padding: 16px;
    --oxnv-okd-tabs-xxxl-segmented-spacing: 2px;
    --oxnv-okd-tabs-xxxl-segmented-container-padding: 4px;
    --oxnv-okd-tabs-common-pane-nav-icon-bg-color-1: var(--oxnv-okd-color-surface-structural-base);
    --oxnv-okd-tabs-common-pane-nav-icon-bg-color-2: transparent;
    --oxnv-okd-tabs-button-pane-common-border-radius: 4px;
    --oxnv-okd-tabs-muted-pane-common-border-radius: 4px;
    --oxnv-okd-tabs-segmented-pane-common-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-button-font-weight: 400;
    --oxnv-okd-tabs-xxl-button-font-weight: 400;
    --oxnv-okd-tabs-xl-button-font-weight: 400;
    --oxnv-okd-tabs-lg-button-font-weight: 400;
    --oxnv-okd-tabs-md-button-font-weight: 400;
    --oxnv-okd-tabs-xs-button-font-weight: 400;
    --oxnv-okd-tabs-xs-muted-font-weight: 400;
    --oxnv-okd-tabs-xs-segmented-font-weight: 500;
    --oxnv-okd-tabs-sm-segmented-font-weight: 500;
    --oxnv-okd-tabs-sm-muted-font-weight: 400;
    --oxnv-okd-tabs-sm-button-font-weight: 400;
    --oxnv-okd-tabs-md-muted-font-weight: 400;
    --oxnv-okd-tabs-md-segmented-font-weight: 500;
    --oxnv-okd-tabs-lg-muted-font-weight: 400;
    --oxnv-okd-tabs-lg-segmented-font-weight: 500;
    --oxnv-okd-tabs-xl-muted-font-weight: 400;
    --oxnv-okd-tabs-xl-segmented-font-weight: 500;
    --oxnv-okd-tabs-xxl-segmented-font-weight: 500;
    --oxnv-okd-tabs-xxl-muted-font-weight: 400;
    --oxnv-okd-tabs-xxxl-segmented-font-weight: 500;
    --oxnv-okd-tabs-xxxl-muted-font-weight: 400;
    --oxnv-okd-tabs-pane-fill-primary-default-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-primary-default-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-primary-default-background-color: transparent;
    --oxnv-okd-tabs-pane-fill-primary-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-primary-active-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-primary-active-background-color: var(--oxnv-okd-color-surface-interactive-selected-subtle);
    --oxnv-okd-tabs-pane-fill-primary-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-fill-primary-hover-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-primary-hover-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-fill-highlight-default-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-highlight-default-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-highlight-default-background-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-pane-fill-highlight-active-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-fill-highlight-active-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-highlight-active-background-color: var(--oxnv-okd-color-surface-interactive-selected-default);
    --oxnv-okd-tabs-pane-fill-highlight-hover-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-highlight-hover-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-highlight-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-fill-secondary-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-pane-fill-secondary-default-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-secondary-default-background-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-pane-fill-secondary-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-secondary-active-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-secondary-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-fill-secondary-hover-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-secondary-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-fill-secondary-active-background-color: var(--oxnv-okd-color-surface-interactive-selected-subtle);
    --oxnv-okd-tabs-pane-outline-primary-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-primary-hover-border-color: hsla(0,0%,100%,.4);
    --oxnv-okd-tabs-pane-outline-primary-hover-text-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-pane-outline-primary-active-background-color: hsla(0,0%,7%,0);
    --oxnv-okd-tabs-pane-outline-primary-active-border-color: var(--oxnv-okd-color-border-interactive-selected);
    --oxnv-okd-tabs-pane-outline-primary-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-outline-highlight-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-highlight-hover-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-outline-highlight-hover-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-outline-highlight-active-background-color: transparent;
    --oxnv-okd-tabs-pane-outline-highlight-active-border-color: var(--oxnv-okd-color-border-interactive-emphasis);
    --oxnv-okd-tabs-pane-outline-highlight-active-text-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-tabs-pane-outline-highlight-default-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-outline-highlight-default-background-color: hsla(0,0%,7%,0);
    --oxnv-okd-tabs-pane-outline-highlight-default-border-color: var(--oxnv-okd-color-border-interactive-default);
    --oxnv-okd-tabs-pane-text-highlight-hover-background-color: hsla(0,0%,7%,0);
    --oxnv-okd-tabs-pane-text-highlight-hover-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-text-highlight-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-text-highlight-active-background-color: hsla(0,0%,7%,0);
    --oxnv-okd-tabs-pane-text-highlight-active-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-text-highlight-active-text-color: var(--oxnv-okd-color-content-interactive-selected);
    --oxnv-okd-tabs-pane-text-highlight-default-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-text-highlight-default-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-text-highlight-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-xs-button-border-radius: 8px;
    --oxnv-okd-tabs-xs-muted-border-radius: 8px;
    --oxnv-okd-tabs-xs-segmented-border-radius: 6px;
    --oxnv-okd-tabs-sm-button-border-radius: 8px;
    --oxnv-okd-tabs-sm-muted-border-radius: 8px;
    --oxnv-okd-tabs-sm-segmented-border-radius: 4px;
    --oxnv-okd-tabs-md-button-border-radius: 8px;
    --oxnv-okd-tabs-md-muted-border-radius: 8px;
    --oxnv-okd-tabs-md-segmented-border-radius: 4px;
    --oxnv-okd-tabs-lg-button-border-radius: 8px;
    --oxnv-okd-tabs-lg-muted-border-radius: 8px;
    --oxnv-okd-tabs-lg-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xl-button-border-radius: 8px;
    --oxnv-okd-tabs-xl-muted-border-radius: 8px;
    --oxnv-okd-tabs-xl-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xxl-button-border-radius: 8px;
    --oxnv-okd-tabs-xxl-muted-border-radius: 8px;
    --oxnv-okd-tabs-xxl-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xxxl-button-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-muted-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-segmented-border-radius: 4px;
    --oxnv-okd-tabs-xs-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xs-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xs-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-sm-button-container-border-radius: 0px;
    --oxnv-okd-tabs-sm-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-sm-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-md-button-container-border-radius: 0px;
    --oxnv-okd-tabs-md-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-md-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-lg-button-container-border-radius: 0px;
    --oxnv-okd-tabs-lg-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-lg-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xl-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xl-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xl-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xxl-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xxl-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xxl-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xxxl-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xxxl-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xxxl-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-pane-xs-border-radius: 4px;
    --oxnv-okd-tabs-pane-sm-border-radius: 4px;
    --oxnv-okd-tabs-pane-md-border-radius: 6px;
    --oxnv-okd-tabs-pane-lg-border-radius: 6px;
    --oxnv-okd-tabs-pane-xl-border-radius: 8px;
    --oxnv-okd-tabs-pane-xxl-border-radius: 8px;
    --oxnv-okd-tabs-pane-xxxl-border-radius: 8px;
    --oxnv-okd-tabs-pane-xs-font-weight: 400;
    --oxnv-okd-tabs-pane-xs-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xs-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-md-font-weight: 400;
    --oxnv-okd-tabs-pane-md-active-font-weight: 500;
    --oxnv-okd-tabs-pane-md-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-sm-font-weight: 400;
    --oxnv-okd-tabs-pane-sm-active-font-weight: 500;
    --oxnv-okd-tabs-pane-sm-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-lg-font-weight: 400;
    --oxnv-okd-tabs-pane-lg-active-font-weight: 500;
    --oxnv-okd-tabs-pane-lg-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xl-font-weight: 400;
    --oxnv-okd-tabs-pane-xl-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xl-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xxl-font-weight: 400;
    --oxnv-okd-tabs-pane-xxl-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xxl-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xxxl-font-weight: 400;
    --oxnv-okd-tabs-pane-xxxl-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xxxl-hover-font-weight: 400;
    --oxnv-okd-tabs-pane-xs-height: 24px;
    --oxnv-okd-tabs-pane-xs-font-size: 12px;
    --oxnv-okd-tabs-pane-xs-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-xs-margin-right: 8px;
    --oxnv-okd-tabs-pane-xs-border-width: 1px;
    --oxnv-okd-tabs-pane-sm-height: 28px;
    --oxnv-okd-tabs-pane-sm-font-size: 12px;
    --oxnv-okd-tabs-pane-sm-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-sm-margin-right: 8px;
    --oxnv-okd-tabs-pane-sm-border-width: 1px;
    --oxnv-okd-tabs-pane-md-height: 32px;
    --oxnv-okd-tabs-pane-md-font-size: 14px;
    --oxnv-okd-tabs-pane-md-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-md-margin-right: 8px;
    --oxnv-okd-tabs-pane-md-border-width: 1px;
    --oxnv-okd-tabs-pane-lg-height: 36px;
    --oxnv-okd-tabs-pane-lg-font-size: 14px;
    --oxnv-okd-tabs-pane-lg-padding-vertical: 12px;
    --oxnv-okd-tabs-pane-lg-margin-right: 8px;
    --oxnv-okd-tabs-pane-lg-border-width: 1px;
    --oxnv-okd-tabs-pane-xl-height: 40px;
    --oxnv-okd-tabs-pane-xl-font-size: 14px;
    --oxnv-okd-tabs-pane-xl-padding-vertical: 16px;
    --oxnv-okd-tabs-pane-xl-margin-right: 8px;
    --oxnv-okd-tabs-pane-xl-border-width: 1px;
    --oxnv-okd-tabs-pane-xxl-height: 44px;
    --oxnv-okd-tabs-pane-xxl-font-size: 16px;
    --oxnv-okd-tabs-pane-xxl-padding-vertical: 16px;
    --oxnv-okd-tabs-pane-xxl-margin-right: 8px;
    --oxnv-okd-tabs-pane-xxl-border-width: 1px;
    --oxnv-okd-tabs-pane-xxxl-height: 50px;
    --oxnv-okd-tabs-pane-xxxl-font-size: 18px;
    --oxnv-okd-tabs-pane-xxxl-padding-vertical: 16px;
    --oxnv-okd-tabs-pane-xxxl-margin-right: 8px;
    --oxnv-okd-tabs-pane-xxxl-border-width: 1px;
    --oxnv-okd-tabs-xs-underline-font-weight: 500;
    --oxnv-okd-tabs-sm-underline-font-weight: 500;
    --oxnv-okd-tabs-md-underline-font-weight: 500;
    --oxnv-okd-tabs-lg-underline-font-weight: 500;
    --oxnv-okd-tabs-xl-underline-font-weight: 500;
    --oxnv-okd-tabs-xxl-underline-font-weight: 700;
    --oxnv-okd-tabs-xxxl-underline-font-weight: 700;
    --oxnv-okd-tabs-xxs-button-container-border-radius: 0px;
    --oxnv-okd-tabs-xxs-muted-container-border-radius: 0px;
    --oxnv-okd-tabs-xxs-segmented-container-border-radius: 8px;
    --oxnv-okd-tabs-xxs-button-border-radius: 8px;
    --oxnv-okd-tabs-xxs-muted-border-radius: 8px;
    --oxnv-okd-tabs-xxs-segmented-border-radius: 6px;
    --oxnv-okd-tabs-pane-xxs-height: 24px;
    --oxnv-okd-tabs-pane-xxs-font-size: 12px;
    --oxnv-okd-tabs-pane-xxs-font-weight: 400;
    --oxnv-okd-tabs-pane-xxs-active-font-weight: 500;
    --oxnv-okd-tabs-pane-xxs-hover-font-weight: 500;
    --oxnv-okd-tabs-pane-xxs-padding-vertical: 8px;
    --oxnv-okd-tabs-pane-xxs-margin-right: 8px;
    --oxnv-okd-tabs-pane-xxs-border-width: 1px;
    --oxnv-okd-tabs-pane-xxs-border-radius: 4px;
    --oxnv-okd-tabs-xxs-underline-font-size: 12px;
    --oxnv-okd-tabs-xxs-underline-font-weight: 500;
    --oxnv-okd-tabs-xxs-underline-label-padding: 0px;
    --oxnv-okd-tabs-xxs-underline-spacing: 16px;
    --oxnv-okd-tabs-xxs-common-icon-size: 12px;
    --oxnv-okd-tabs-xxs-button-font-size: 12px;
    --oxnv-okd-tabs-xxs-button-font-weight: 400;
    --oxnv-okd-tabs-xxs-button-height: 24px;
    --oxnv-okd-tabs-xxs-button-label-padding: 8px;
    --oxnv-okd-tabs-xxs-button-spacing: 8px;
    --oxnv-okd-tabs-xxs-muted-font-size: 12px;
    --oxnv-okd-tabs-xxs-muted-font-weight: 400;
    --oxnv-okd-tabs-xxs-muted-height: 24px;
    --oxnv-okd-tabs-xxs-muted-label-padding: 8px;
    --oxnv-okd-tabs-xxs-muted-spacing: 8px;
    --oxnv-okd-tabs-xxs-segmented-font-size: 12px;
    --oxnv-okd-tabs-xxs-segmented-font-weight: 400;
    --oxnv-okd-tabs-xxs-segmented-height: 24px;
    --oxnv-okd-tabs-xxs-segmented-label-padding: 8px;
    --oxnv-okd-tabs-xxs-segmented-spacing: 2px;
    --oxnv-okd-tabs-xxs-segmented-container-padding: 2px;
    --oxnv-okd-tabs-xxs-font-size: 12px;
    --oxnv-okd-tabs-xxs-icon-size: 12px;
    --oxnv-okd-tabs-xxs-height: 24px;
    --oxnv-okd-tabs-xxs-label-padding: 10px;
    --oxnv-okd-tabs-xxs-gutter-padding: 10px;
    --oxnv-okd-tabs-xxs-margin: 2px;
    --oxnv-okd-tabs-xxs-icon-width: 10px;
    --oxnv-okd-tabs-xxs-underline-height: 24px;
    --oxnv-okd-tabs-pane-fill-reversed-default-text-color: var(--oxnv-okd-color-content-inverse);
    --oxnv-okd-tabs-pane-fill-reversed-default-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-reversed-default-background-color: var(--oxnv-okd-color-surface-interactive-default);
    --oxnv-okd-tabs-pane-fill-reversed-active-text-color: var(--oxnv-okd-color-content-interactive-default);
    --oxnv-okd-tabs-pane-fill-reversed-active-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-fill-reversed-active-background-color: var(--oxnv-okd-color-surface-structural-base);
    --oxnv-okd-tabs-pane-fill-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-fill-reversed-hover-border-color: hsla(0,0%,92%,0);
    --oxnv-okd-tabs-pane-fill-reversed-hover-background-color: var(--oxnv-okd-color-content-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-reversed-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-pane-outline-reversed-default-border-color: var(--oxnv-okd-color-border-interactive-emphasis);
    --oxnv-okd-tabs-pane-outline-reversed-default-background-color: transparent;
    --oxnv-okd-tabs-pane-outline-reversed-active-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-outline-reversed-active-border-color: var(--oxnv-okd-color-border-interactive-oncolor);
    --oxnv-okd-tabs-pane-outline-reversed-active-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-outline-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-outline-reversed-hover-border-color: var(--oxnv-okd-color-border-interactive-hovered);
    --oxnv-okd-tabs-pane-outline-reversed-hover-background-color: var(--oxnv-okd-color-surface-interactive-hovered);
    --oxnv-okd-tabs-pane-text-reversed-default-text-color: rgba(0,0,0,.5);
    --oxnv-okd-tabs-pane-text-reversed-default-border-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-text-reversed-default-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-text-reversed-active-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-text-reversed-active-border-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-text-reversed-active-background-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-text-reversed-hover-text-color: var(--oxnv-okd-color-content-static-inverse);
    --oxnv-okd-tabs-pane-text-reversed-hover-border-color: hsla(0,0%,100%,0);
    --oxnv-okd-tabs-pane-text-reversed-hover-background-color: var(--oxnv-okd-color-content-static-default);
    --oxnv-okd-tabs-xxs-underline-active-font-weight: 500;
    --oxnv-okd-tabs-xxs-button-active-font-weight: 500;
    --oxnv-okd-tabs-xxs-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xxs-segmented-active-font-weight: 400;
    --oxnv-okd-tabs-xs-underline-active-font-weight: 500;
    --oxnv-okd-tabs-xs-button-active-font-weight: 500;
    --oxnv-okd-tabs-xs-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xs-segmented-active-font-weight: 400;
    --oxnv-okd-tabs-sm-underline-active-font-weight: 500;
    --oxnv-okd-tabs-sm-button-active-font-weight: 500;
    --oxnv-okd-tabs-sm-muted-active-font-weight: 500;
    --oxnv-okd-tabs-sm-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-md-underline-active-font-weight: 500;
    --oxnv-okd-tabs-md-button-active-font-weight: 500;
    --oxnv-okd-tabs-md-muted-active-font-weight: 500;
    --oxnv-okd-tabs-md-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-lg-underline-active-font-weight: 500;
    --oxnv-okd-tabs-lg-button-active-font-weight: 500;
    --oxnv-okd-tabs-lg-muted-active-font-weight: 500;
    --oxnv-okd-tabs-lg-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-xl-underline-active-font-weight: 500;
    --oxnv-okd-tabs-xl-button-active-font-weight: 500;
    --oxnv-okd-tabs-xl-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xl-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-xxl-underline-active-font-weight: 700;
    --oxnv-okd-tabs-xxl-button-active-font-weight: 500;
    --oxnv-okd-tabs-xxl-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xxl-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-xxxl-underline-active-font-weight: 700;
    --oxnv-okd-tabs-xxxl-button-active-font-weight: 500;
    --oxnv-okd-tabs-xxxl-muted-active-font-weight: 500;
    --oxnv-okd-tabs-xxxl-segmented-active-font-weight: 500;
    --oxnv-okd-tabs-pane-outline-primary-default-text-color: var(--oxnv-okd-color-content-interactive-subtle);
    --oxnv-okd-tabs-pane-outline-primary-default-border-color: hsla(0,0%,81%,0);
    --oxnv-okd-tabs-pane-outline-primary-default-background-color: hsla(0,0%,7%,0);
    --oxnv-okd-tabs-pane-text-primary-default-text-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-pane-text-primary-default-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-default-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-active-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-primary-active-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-active-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-hover-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-primary-hover-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-primary-hover-background-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-pane-text-secondary-default-text-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-pane-text-secondary-default-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-default-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-active-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-secondary-active-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-active-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-hover-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-text-secondary-hover-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-text-secondary-hover-background-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-pane-outline-secondary-default-text-color: var(--oxnv-okd-color-content-contrast);
    --oxnv-okd-tabs-pane-outline-secondary-default-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-default-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-active-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-outline-secondary-active-border-color: var(--oxnv-okd-color-border-secondary);
    --oxnv-okd-tabs-pane-outline-secondary-active-background-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-hover-text-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-tabs-pane-outline-secondary-hover-border-color: var(--oxnv-okd-color-transparent-white);
    --oxnv-okd-tabs-pane-outline-secondary-hover-background-color: var(--oxnv-okd-color-background-surface-primary);
    --oxnv-okd-tabs-xxs-underline-border-width: 2px;
    --oxnv-okd-tabs-xs-underline-border-width: 2px;
    --oxnv-okd-tabs-sm-underline-border-width: 2px;
    --oxnv-okd-tabs-md-underline-border-width: 2px;
    --oxnv-okd-tabs-lg-underline-border-width: 2px;
    --oxnv-okd-tabs-xl-underline-border-width: 2px;
    --oxnv-okd-tabs-xxl-underline-border-width: 2px;
    --oxnv-okd-tabs-xxxl-underline-border-width: 2px
}

.oxnv-plain-button {
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: unset
}

.oxnv-plain-button:focus-visible {
    border-radius: 4px;
    outline: 2px solid var(--oxnv-okd-color-border-focus);
    outline-color: var(--oxnv-okd-color-border-focus);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
}

.oxnv-plain-button[disabled] {
    cursor: not-allowed
}

.oxnv-plain-button-as-div {
    display: block;
    line-height: inherit;
    width: 100%
}

.theme-dark,.theme-light {
    --oxnv-okd-alert-normal-background: var(--oxnv-okd-color-alert-info);
    --oxnv-okd-alert-normal-title-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-normal-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-normal-desc-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-normal-action-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-normal-link-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-normal-accent-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-success-background: var(--oxnv-okd-color-alert-success);
    --oxnv-okd-alert-success-title-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-success-icon-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-alert-success-desc-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-success-action-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-success-link-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-success-accent-color: var(--oxnv-okd-color-semantic-positive);
    --oxnv-okd-alert-info-background: var(--oxnv-okd-color-alert-info);
    --oxnv-okd-alert-info-title-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-info-icon-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-info-desc-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-info-action-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-info-link-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-info-accent-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-warn-background: var(--oxnv-okd-color-alert-warning);
    --oxnv-okd-alert-warn-title-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-warn-icon-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-alert-warn-desc-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-warn-action-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-warn-link-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-warn-accent-color: var(--oxnv-okd-color-semantic-notice);
    --oxnv-okd-alert-error-background: var(--oxnv-okd-color-alert-error);
    --oxnv-okd-alert-error-title-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-error-icon-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-alert-error-desc-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-error-action-color: var(--oxnv-okd-color-content-primary);
    --oxnv-okd-alert-error-link-color: var(--oxnv-okd-color-content-secondary);
    --oxnv-okd-alert-error-accent-color: var(--oxnv-okd-color-semantic-negative);
    --oxnv-okd-alert-box-padding-vertical: 8px;
    --oxnv-okd-alert-box-padding-horizontal: 16px;
    --oxnv-okd-alert-box-border-radius: 8px;
    --oxnv-okd-alert-accent-width: 4px;
    --oxnv-okd-alert-title-font-size: var(--oxnv-okd-font-size-md);
    --oxnv-okd-alert-title-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-alert-text-font-size: 12px;
    --oxnv-okd-alert-text-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-alert-action-font-size: 12px;
    --oxnv-okd-alert-action-line-height: var(--oxnv-okd-line-height-md);
    --oxnv-okd-alert-icon-tip-size: 20px;
    --oxnv-okd-alert-icon-close-size: 20px;
    --oxnv-okd-alert-close-color: var(--oxnv-okd-color-gray-300);
    --oxnv-okd-alert-box-margin-left: 8px;
    --oxnv-okd-alert-desc-margin-top: 4px;
    --oxnv-okd-alert-action-box-margin-top: 8px;
    --oxnv-okd-alert-action-box-margin-bottom: 0px;
    --oxnv-okd-alert-action-margin-left: 16px;
    --oxnv-okd-alert-info-close-color: var(--oxnv-okd-color-gray-300)
}

:root {
    --header-drop-third-bg-color: #fff;
    --header-drop-third-border-color: #ebebeb;
    --header-lg-drop-box-item-title-hover: #000;
    --header-lg-drop-box-item-bg-hover: #f9f9f9;
    --header-drop-container-border-radius: 6px;
    --global-header-height: 48px
}

.drop-c-common-show {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible
}

.header-main.web3-header .dp-c-l-ag:not(.nav-boost-drop),.header-main.web3-header .drop-c-right-align:not(.nav-boost-drop) {
    display: block;
    width: auto
}

.header-main.web3-header .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box,.header-main.web3-header .drop-c-right-align:not(.nav-boost-drop) .info-extend-box {
    flex-direction: row
}

.header-main.web3-header .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .box-title,.header-main.web3-header .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .box-title {
    display: block
}

@media (max-width: 1023px) {
    .header-main .dp-c-l-ag:not(.nav-boost-drop),.header-main .drop-c-right-align:not(.nav-boost-drop) {
        background:transparent;
        display: none;
        left: auto;
        opacity: 1;
        padding: 4px 0 4px 12px;
        position: relative;
        top: auto;
        transform: unset;
        visibility: visible;
        width: 100%
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop).drop-c-common-show,.header-main .drop-c-right-align:not(.nav-boost-drop).drop-c-common-show {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box,.header-main .drop-c-right-align:not(.nav-boost-drop) .info-extend-box {
        flex-direction: column
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .item-title,.header-main .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .item-title {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .item-title:hover,.header-main .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .item-title:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .tab-ms,.header-main .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .tab-ms {
        color: #646f84;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box {
        margin: 0;
        max-width: unset;
        min-width: unset;
        padding: 0;
        width: 100%
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-title,.header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .desc-box,.header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .icon-box,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-title,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .desc-box,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .icon-box {
        display: none
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item {
        height: 44px;
        margin: 0
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title:hover,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title.item-panel-drop-title,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title.item-panel-drop-title {
        max-width: 270px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title.title-without-tag,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title.title-without-tag {
        display: inline-block
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-small-box .box-item,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-small-box .box-item {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        margin: 0;
        padding: 14px 0;
        width: 100%
    }

    .header-main .dp-c-l-ag:not(.nav-boost-drop) .extend-small-box .box-item:hover,.header-main .drop-c-right-align:not(.nav-boost-drop) .extend-small-box .box-item:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main .column-nav-container .nav-scroll-box {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        justify-content: flex-end;
        padding: 0;
        top: 0;
        width: auto
    }

    .header-main .column-nav-container .nav-scroll-box::-webkit-scrollbar {
        display: none
    }

    .header-main .column-nav-container .mode-xl-line,.header-main .column-nav-container .nav-academy,.header-main .column-nav-container .nav-balance,.header-main .column-nav-container .nav-buy,.header-main .column-nav-container .nav-cefi-market,.header-main .column-nav-container .nav-custom,.header-main .column-nav-container .nav-dashboard,.header-main .column-nav-container .nav-deposit,.header-main .column-nav-container .nav-earn,.header-main .column-nav-container .nav-explorer .nav-nft,.header-main .column-nav-container .nav-institutions,.header-main .column-nav-container .nav-language,.header-main .column-nav-container .nav-market,.header-main .column-nav-container .nav-meme-pump,.header-main .column-nav-container .nav-mobile-download,.header-main .column-nav-container .nav-mode,.header-main .column-nav-container .nav-more,.header-main .column-nav-container .nav-nft,.header-main .column-nav-container .nav-okc,.header-main .column-nav-container .nav-portfolio,.header-main .column-nav-container .nav-referral,.header-main .column-nav-container .nav-site-flag,.header-main .column-nav-container .nav-smsf,.header-main .column-nav-container .nav-swap,.header-main .column-nav-container .nav-trade,.header-main .column-nav-container .nav-user,.header-main .column-nav-container .nav-web3-more,.header-main .column-nav-container .nav-web3-onchain,.header-main .column-nav-container .nav-web3-strategy,.header-main .column-nav-container .other-wrap,.header-main .column-nav-container .pc-mode,.header-main .column-nav-container .profile-wrap,.header-main .column-nav-container .user-info-item {
        display: none
    }

    .header-main .column-nav-container .mode-line {
        background: hsla(0,0%,100%,.15);
        display: none;
        height: 16px;
        margin: 16px;
        width: 1px
    }

    .header-main .column-nav-container .mode-line.has-address {
        display: block
    }

    .header-main .column-nav-container .mode-no-login {
        display: none
    }

    .header-main.active .column-nav-container {
        z-index: 9500
    }

    .header-main.active .column-nav-container.web3-column-container {
        display: block
    }

    .header-main.active .column-nav-container.web3-column-container .col-mu-top {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 22px 16px
    }

    .header-main.active .column-nav-container.web3-column-container .nav-item .nav-link,.header-main.active .column-nav-container.web3-column-container .nav-item .nav-text.mu-txt,.header-main.active .column-nav-container.web3-column-container .nav-item.nav-link {
        font-weight: 500
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop),.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) {
        background: transparent;
        display: none;
        left: auto;
        opacity: 1;
        padding: 4px 0 4px 12px;
        position: relative;
        top: auto;
        transform: unset;
        visibility: visible;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop).drop-c-common-show,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop).drop-c-common-show {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box {
        flex-direction: column
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .item-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .item-title {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .item-title:hover,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .item-title:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .tab-ms,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .tab-ms {
        color: #646f84;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box {
        margin: 0;
        max-width: unset;
        min-width: unset;
        padding: 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-title,.header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .desc-box,.header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .icon-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .desc-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .icon-box {
        display: none
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item {
        height: 44px;
        margin: 0
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title:hover,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title.item-panel-drop-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title.item-panel-drop-title {
        max-width: 270px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title.title-without-tag,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title.title-without-tag {
        display: inline-block
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-small-box .box-item,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-small-box .box-item {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        margin: 0;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-small-box .box-item:hover,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-small-box .box-item:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-box .box-item {
        width: 100%
    }

    .header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.is-left,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.nav-mode,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-language-column,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-mobile-download {
        display: none
    }

    .header-main .column-nav-container .nav-scroll-box,.header-main .nav-container .nav-scroll-box {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        justify-content: flex-end;
        padding: 0;
        top: 0;
        width: auto
    }

    .header-main .column-nav-container .nav-scroll-box::-webkit-scrollbar,.header-main .nav-container .nav-scroll-box::-webkit-scrollbar {
        display: none
    }

    .header-main .column-nav-container .deposit-item,.header-main .column-nav-container .is-left,.header-main .column-nav-container .mode-xl-line,.header-main .column-nav-container .nav-academy,.header-main .column-nav-container .nav-balance,.header-main .column-nav-container .nav-buy,.header-main .column-nav-container .nav-custom,.header-main .column-nav-container .nav-deposit,.header-main .column-nav-container .nav-earn,.header-main .column-nav-container .nav-institutions,.header-main .column-nav-container .nav-language,.header-main .column-nav-container .nav-market,.header-main .column-nav-container .nav-mobile-download,.header-main .column-nav-container .nav-mode,.header-main .column-nav-container .nav-more,.header-main .column-nav-container .nav-okc,.header-main .column-nav-container .nav-site-flag,.header-main .column-nav-container .nav-smsf,.header-main .column-nav-container .nav-trade,.header-main .column-nav-container .nav-user,.header-main .column-nav-container .other-wrap,.header-main .column-nav-container .pc-mode,.header-main .column-nav-container .profile-wrap,.header-main .column-nav-container .user-info-item,.header-main .nav-container .deposit-item,.header-main .nav-container .is-left,.header-main .nav-container .mode-xl-line,.header-main .nav-container .nav-academy,.header-main .nav-container .nav-balance,.header-main .nav-container .nav-buy,.header-main .nav-container .nav-custom,.header-main .nav-container .nav-deposit,.header-main .nav-container .nav-earn,.header-main .nav-container .nav-institutions,.header-main .nav-container .nav-language,.header-main .nav-container .nav-market,.header-main .nav-container .nav-mobile-download,.header-main .nav-container .nav-mode,.header-main .nav-container .nav-more,.header-main .nav-container .nav-okc,.header-main .nav-container .nav-site-flag,.header-main .nav-container .nav-smsf,.header-main .nav-container .nav-trade,.header-main .nav-container .nav-user,.header-main .nav-container .other-wrap,.header-main .nav-container .pc-mode,.header-main .nav-container .profile-wrap,.header-main .nav-container .user-info-item {
        display: none
    }

    .header-main .column-nav-container .mode-line,.header-main .nav-container .mode-line {
        background: hsla(0,0%,100%,.15);
        display: none;
        height: 16px;
        margin: 16px;
        width: 1px
    }

    .header-main .column-nav-container .mode-line.has-address,.header-main .nav-container .mode-line.has-address {
        display: block
    }

    .header-main .column-nav-container,.header-main .column-nav-container .mode-no-login,.header-main .nav-container .mode-no-login {
        display: none
    }

    .header-main.active .column-nav-container {
        background: #000;
        box-shadow: 0 12px 60px rgba(14,32,66,.15),0 1px 2px rgba(14,32,66,.05);
        display: flex;
        height: 100%;
        position: fixed;
        right: 0;
        transform: translateZ(0);
        width: 376px
    }

    .header-main.active .column-nav-container .nav-scroll-box {
        display: block;
        flex-direction: column;
        height: 95%;
        justify-content: unset;
        overflow: scroll;
        padding: 0 20px 48px;
        position: absolute;
        top: 48px;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-wrap {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .icon-img {
        display: none
    }

    .header-main.active .column-nav-container .nav-item.show-more .mu-txt.mu-txt-extend:before,.header-main.active .column-nav-container .nav-item.show-more .mu-txt:not(.mu-txt-third):before,.header-main.active .column-nav-container .nav-item.show-more .user-arrow.mu-txt-extend:before,.header-main.active .column-nav-container .nav-item.show-more .user-arrow:not(.mu-txt-third):before {
        transform: rotate(-180deg)
    }

    .header-main.active .column-nav-container .nav-item.show-more .dp-c-l-ag:not(.nav-boost-drop),.header-main.active .column-nav-container .nav-item.show-more .drop-c-right-align:not(.nav-boost-drop) {
        display: block
    }

    .header-main.active .column-nav-container .nav-item.show-more .nav-item.panel-nav-item.panel-col {
        display: flex
    }

    .header-main.active .column-nav-container .nav-item .nav-link,.header-main.active .column-nav-container .nav-item .nav-text,.header-main.active .column-nav-container .nav-item.nav-link {
        align-items: center;
        color: #fafafa;
        cursor: pointer;
        display: flex;
        flex-grow: 1;
        font-size: 18px;
        height: 52px;
        line-height: unset;
        padding: 17px 0
    }

    .header-main.active .column-nav-container .nav-item .nav-link:focus-visible,.header-main.active .column-nav-container .nav-item .nav-text:focus-visible,.header-main.active .column-nav-container .nav-item.nav-link:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .nav-link.mu-txt,.header-main.active .column-nav-container .nav-item .nav-text.mu-txt,.header-main.active .column-nav-container .nav-item.nav-link.mu-txt {
        justify-content: space-between
    }

    .header-main.active .column-nav-container .nav-item .nav-link.mu-txt:before,.header-main.active .column-nav-container .nav-item .nav-text.mu-txt:before,.header-main.active .column-nav-container .nav-item.nav-link.mu-txt:before {
        font-size: 14px;
        order: 5
    }

    .header-main.active .column-nav-container .nav-item .nav-link:active,.header-main.active .column-nav-container .nav-item .nav-text:active,.header-main.active .column-nav-container .nav-item.nav-link:active {
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .mu-txt:before,.header-main.active .column-nav-container .nav-item .user-arrow {
        color: #909090;
        cursor: pointer;
        display: inline-block;
        margin-left: 4px;
        margin-right: 0;
        padding: 20px 0;
        transform: rotate(0deg)
    }

    .header-main.active .column-nav-container .nav-item .mu-txt:before .icon,.header-main.active .column-nav-container .nav-item .user-arrow .icon {
        color: #909090;
        font-size: 12px;
        font-weight: 500;
        pointer-events: none
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link {
        display: inline-block
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item:focus-visible,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .item-box:focus-visible,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .item-box:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item:before,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link:before {
        display: none
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-hot-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-hot-tag.only-column,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-new-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-new-tag.only-column,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-hot-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-hot-tag.only-column,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-new-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-new-tag.only-column {
        display: inline-block
    }

    .header-main.active .column-nav-container .pc-mode {
        display: none
    }

    .header-main.active .column-nav-container .extend-link {
        color: #e3e3e3;
        cursor: pointer;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .extend-link:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .extend-link:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .extend-link .icon {
        font-size: 16px;
        margin-left: 4px;
        position: relative;
        top: 1px
    }

    .header-main.active .column-nav-container .nav-scroll-box .asset-bottom-line,.header-main.active .column-nav-container .nav-scroll-box .nav-item.is-user,.header-main.active .column-nav-container .nav-scroll-box .nav-item.nav-balance,.header-main.active .column-nav-container .nav-scroll-box .profile-wrap,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.is-left,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.nav-mode,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-mobile-download {
        display: none
    }

    .header-main.active .column-nav-container.asset-active .nav-scroll-box .asset-bottom-line,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-balance,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.is-user,.header-main.active .column-nav-container.asset-active .nav-scroll-box .profile-wrap {
        display: flex
    }
}

@media (max-width: 1023px) and (min-width:768px) {
    .header-main.active .column-nav-container .nav-scroll-box {
        padding:0 24px 48px;
        width: 376px
    }

    .header-main.active .column-nav-container .nav-item .mu-txt:before,.header-main.active .column-nav-container .nav-item .user-arrow {
        margin-right: 4px
    }
}

.header-main.web3-header .nav-container .dp-c-l-ag,.header-main.web3-header .nav-container .drop-c-right-align {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 60px rgba(14,32,66,.15),0 1px 2px rgba(14,32,66,.05);
    cursor: default;
    opacity: 0;
    overflow: hidden;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: 20000
}

.header-main.web3-header .nav-container .dp-c-l-ag.drop-c-common-show,.header-main.web3-header .nav-container .drop-c-right-align.drop-c-common-show {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible
}

.header-main.web3-header .nav-container .dp-c-l-ag.drop-with-panel,.header-main.web3-header .nav-container .drop-c-right-align.drop-with-panel {
    border-radius: 6px 0 0 6px
}

.header-main.web3-header .nav-container .dp-c-l-ag.drop-with-panel-bottom,.header-main.web3-header .nav-container .drop-c-right-align.drop-with-panel-bottom {
    border-radius: 6px 6px 0 6px
}

.header-main.web3-header .nav-container .drop-animation,.header-main.web3-header .nav-container .drop-animation:hover {
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.header-main.web3-header .nav-container .dp-c-l-ag {
    font-weight: 400;
    left: -14px;
    top: 58px
}

.header-main.web3-header .nav-container .dp-c-l-ag.drop-c-common-show {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible
}

.header-main.web3-header .nav-container .dp-c-l-ag .info-extend-box {
    display: flex
}

.header-main.web3-header .nav-container .dp-c-l-ag .info-extend-box[data-direction=column] {
    flex-direction: column
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box {
    margin-right: 48px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box:last-child {
    margin-right: 0
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li:hover,.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con:hover {
    background: #f9f9f9;
    background: var(--header-lg-drop-box-item-bg-hover);
    border-radius: 4px;
    color: #000;
    cursor: pointer
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li.dp-explorer,.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con.dp-explorer {
    max-width: 250px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li .drop-panel-box-item,.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li .panel-drop-item-icon,.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con .drop-panel-box-item,.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con .panel-drop-item-icon {
    background: unset;
    color: unset
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-title {
    color: #6e6e6e;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 20px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .explorer-drop-panel-third-list .box-item.drop-panel-menu-item {
    display: flex;
    width: unset
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item {
    align-items: center;
    display: flex;
    padding: 14px 12px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item.drop-panel-menu-item {
    display: inline-flex;
    vertical-align: middle;
    width: 224px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item:before {
    color: #000;
    font-size: 24px;
    margin-right: 16px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item:last-child {
    margin-bottom: 0
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .icon-box {
    margin-right: 8px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .icon-box .icon {
    height: 28px;
    width: 28px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box.item-panel-drop {
    flex: auto;
    max-width: 176px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box.trade-item-panel-drop {
    max-width: 251px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title {
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title.item-panel-drop-title {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title.trade-item-panel-drop-title {
    align-items: center;
    display: flex
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title.title-without-desc {
    padding-bottom: 10px;
    padding-top: 10px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box .desc {
    color: #5b5b5b;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px;
    position: relative;
    visibility: visible
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item:not(.drop-panel-menu-item):hover {
    background: #f9f9f9;
    background: var(--header-lg-drop-box-item-bg-hover);
    border-radius: 4px;
    color: #000;
    cursor: pointer
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-small-box {
    margin-right: 80px;
    min-width: 120px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-small-box .box-title {
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 12px;
    padding-top: 12px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-small-box .box-item {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    padding: 12px
}

.header-main.web3-header .nav-container .dp-c-l-ag .extend-small-box .box-item:not(.drop-panel-menu-item):hover {
    background: #f9f9f9;
    background: var(--header-lg-drop-box-item-bg-hover);
    border-radius: 4px;
    color: #000;
    cursor: pointer
}

.header-main.web3-header .nav-container .nav-scroll-box {
    flex-grow: 1;
    overscroll-behavior-y: contain;
    position: relative
}

.header-main.web3-header .nav-container .nav-l-sec,.header-main.web3-header .nav-container .nav-l-sec .nav-l-con {
    display: flex
}

.header-main.web3-header .nav-container .nav-l-sec .nav-l-con .nav-item {
    margin: 0 10px;
    padding: 0
}

.header-main.web3-header .nav-container .nav-item {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 0 10px;
    position: relative
}

.header-main.web3-header .nav-container .nav-item .nav-link,.header-main.web3-header .nav-container .nav-item .nav-text,.header-main.web3-header .nav-container .nav-item.nav-link {
    box-sizing: border-box;
    color: #fafafa;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    position: relative;
    word-break: break-all
}

.header-main.web3-header .nav-container .nav-item .nav-link.nav-link:focus-visible,.header-main.web3-header .nav-container .nav-item .nav-text.nav-link:focus-visible,.header-main.web3-header .nav-container .nav-item.nav-link.nav-link:focus-visible {
    border: none;
    outline: none
}

.header-main.web3-header .nav-container .nav-item .nav-link.mu-txt,.header-main.web3-header .nav-container .nav-item .nav-text.mu-txt,.header-main.web3-header .nav-container .nav-item.nav-link.mu-txt {
    display: inline-flex;
    flex-direction: row-reverse
}

.header-main.web3-header .nav-container .nav-item .nav-link:focus-visible:after,.header-main.web3-header .nav-container .nav-item .nav-text:focus-visible:after,.header-main.web3-header .nav-container .nav-item.nav-link:focus-visible:after {
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 30px;
    left: 0;
    margin: auto;
    outline: 2px solid #fff;
    outline-offset: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.header-main.web3-header .nav-container .nav-item .mu-txt:before,.header-main.web3-header .nav-container .nav-item .user-arrow {
    color: #e3e3e3;
    display: inline-block;
    margin-left: 4px;
    transform: rotate(0deg)
}

.header-main.web3-header .nav-container .nav-item .mu-txt:before .icon,.header-main.web3-header .nav-container .nav-item .user-arrow .icon {
    font-size: 12px
}

.header-main.web3-header .nav-container .nav-item .mu-txt.arrow-show:before,.header-main.web3-header .nav-container .nav-item.show-drop-menu .mu-txt:before,.header-main.web3-header .nav-container .nav-item.show-drop-menu .user-arrow {
    transform: rotate(-180deg)
}

.header-main.web3-header .nav-container .nav-item.show-drop-menu .dp-c-l-ag {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible
}

.header-main.web3-header .nav-container .nav-academy .nav-link,.header-main.web3-header .nav-container .nav-smsf .nav-link,.header-main.web3-header .nav-container .nav-support .nav-link {
    white-space: nowrap
}

.header-main.web3-header .nav-container .is-left .nav-link,.header-main.web3-header .nav-container .is-left.nav-link {
    align-items: center;
    display: flex;
    height: 100%
}

.header-main.web3-header .nav-container .extend-link {
    align-items: center;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: unset;
    line-height: 20px;
    padding: 12px 16px;
    white-space: nowrap
}

.header-main.web3-header .nav-container .extend-link:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

.header-main.web3-header .nav-container .extend-link:not(.drop-panel-menu-item):hover {
    background: #f9f9f9;
    background: var(--header-lg-drop-box-item-bg-hover);
    border-radius: 4px;
    color: #000;
    cursor: pointer
}

.header-main.web3-header .nav-container .other-wrap {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    line-height: 48px;
    margin: 0 10px;
    padding: 0;
    position: relative
}

.header-main.web3-header .nav-container .other-wrap.nav-im {
    color: #fafafa;
    font-size: 18px
}

.header-main.web3-header .nav-container .other-wrap.nav-im:before {
    font-size: 22px
}

.header-main.web3-header .nav-container .other-wrap .icon,.header-main.web3-header .nav-container .other-wrap .user-info {
    cursor: pointer
}

.header-main.web3-header .nav-container .other-wrap button.icon {
    color: #fafafa;
    font-size: 20px;
    position: relative
}

.header-main.web3-header .nav-container .other-wrap button.icon:focus-visible:after {
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 30px;
    left: 0;
    margin: auto;
    outline: 2px solid #fff;
    outline-offset: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.header-main.web3-header .nav-container .other-wrap .drop-c-right-align {
    overflow: visible;
    padding: 0 24px;
    right: 0;
    top: 58px
}

.header-main.web3-header .nav-container .other-wrap.show-drop-menu .drop-c-right-align {
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    visibility: visible
}

.header-main.web3-header .nav-container .other-wrap,.header-main.web3-header .nav-container .pc-mode,.header-main.web3-header .nav-container .sm-mode {
    display: none
}

@media (min-width: 1024px) {
    .header-main.web3-header .nav-container .other-wrap {
        display:block
    }
}

.header-main.web3-header .nav-container .nav-null {
    flex-grow: 1
}

.header-main.web3-header .head-spl-lin {
    background: hsla(0,0%,100%,.15);
    height: 16px;
    margin: 16px 10px 16px 20px;
    width: 1px
}

.header-main.web3-header .column-nav-container {
    display: none
}

.header-main.web3-header .nav-container {
    flex: 1 1;
    justify-content: flex-end;
    max-width: 100%;
    min-width: 0
}

.header-main.web3-header .nav-container .nav-scroll-box {
    display: flex;
    width: 100%
}

.header-main.web3-header .nav-container .nav-scroll-box .nav-l-container {
    flex: 1 1;
    min-width: 0
}

.header-main.web3-header .nav-container .nav-scroll-box .nav-l-container .nav-l-con .nav-item {
    flex-shrink: 0
}

@media (min-width: 1024px) {
    .header-main .nav-container .dp-c-l-ag,.header-main .nav-container .drop-c-right-align {
        background:#fff;
        border-radius: 6px;
        box-shadow: 0 12px 60px rgba(14,32,66,.15),0 1px 2px rgba(14,32,66,.05);
        cursor: default;
        opacity: 0;
        overflow: hidden;
        padding: 12px;
        pointer-events: none;
        position: absolute;
        visibility: hidden;
        z-index: 20000
    }

    .header-main .nav-container .dp-c-l-ag.drop-c-common-show,.header-main .nav-container .drop-c-right-align.drop-c-common-show {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    .header-main .nav-container .dp-c-l-ag.drop-with-panel,.header-main .nav-container .drop-c-right-align.drop-with-panel {
        border-radius: 6px 0 0 6px
    }

    .header-main .nav-container .dp-c-l-ag.drop-with-panel-bottom,.header-main .nav-container .drop-c-right-align.drop-with-panel-bottom {
        border-radius: 6px 6px 0 6px
    }

    .header-main .nav-container .drop-animation,.header-main .nav-container .drop-animation:hover {
        transition: all .3s cubic-bezier(.645,.045,.355,1)
    }

    .header-main .nav-container .dp-c-l-ag {
        font-weight: 400;
        left: -14px;
        top: 58px
    }

    .header-main .nav-container .dp-c-l-ag.drop-c-common-show {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    .header-main .nav-container .dp-c-l-ag .info-extend-box {
        display: flex
    }

    .header-main .nav-container .dp-c-l-ag .info-extend-box[data-direction=column] {
        flex-direction: column
    }

    .header-main .nav-container .dp-c-l-ag .extend-box {
        margin-right: 48px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box:last-child {
        margin-right: 0
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li:hover,.header-main .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con:hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover);
        border-radius: 4px;
        color: #000;
        cursor: pointer
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li.dp-explorer,.header-main .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con.dp-explorer {
        max-width: 250px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li .drop-panel-box-item,.header-main .nav-container .dp-c-l-ag .extend-box .dropdown-panel-li .panel-drop-item-icon,.header-main .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con .drop-panel-box-item,.header-main .nav-container .dp-c-l-ag .extend-box .trade-drop-item-con .panel-drop-item-icon {
        background: unset;
        color: unset
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-title {
        color: #6e6e6e;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 8px;
        padding-left: 20px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .explorer-drop-panel-third-list .box-item.drop-panel-menu-item {
        display: flex;
        width: unset
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item {
        align-items: center;
        display: flex;
        padding: 14px 12px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item:focus-visible {
        border-radius: 4px;
        outline: 2px solid #000;
        outline-offset: 2px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item.drop-panel-menu-item {
        display: inline-flex;
        vertical-align: middle;
        width: 224px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item:before {
        color: #000;
        font-size: 24px;
        margin-right: 16px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item:last-child {
        margin-bottom: 0
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .icon-box {
        margin-right: 8px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .icon-box .icon {
        height: 28px;
        width: 28px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box.item-panel-drop {
        flex: auto;
        max-width: 176px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box.trade-item-panel-drop {
        max-width: 251px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title {
        color: #000;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title.item-panel-drop-title {
        align-items: center;
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title.trade-item-panel-drop-title {
        align-items: center;
        display: flex
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .item-title.title-without-desc {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .desc {
        color: #5b5b5b;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        margin-top: 4px;
        position: relative;
        visibility: visible
    }

    .header-main .nav-container .dp-c-l-ag .extend-box .box-item:not(.drop-panel-menu-item):hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover);
        border-radius: 4px;
        color: #000;
        cursor: pointer
    }

    .header-main .nav-container .dp-c-l-ag .extend-small-box {
        margin-right: 80px;
        min-width: 120px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .header-main .nav-container .dp-c-l-ag .extend-small-box .box-title {
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 12px;
        padding-top: 12px
    }

    .header-main .nav-container .dp-c-l-ag .extend-small-box .box-item {
        align-items: center;
        color: #000;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 0;
        padding: 12px
    }

    .header-main .nav-container .dp-c-l-ag .extend-small-box .box-item:not(.drop-panel-menu-item):hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover);
        border-radius: 4px;
        color: #000;
        cursor: pointer
    }

    .header-main .nav-container .nav-scroll-box {
        display: flex;
        flex-grow: 1;
        overscroll-behavior-y: contain;
        position: relative
    }

    .header-main .nav-container .nav-l-sec,.header-main .nav-container .nav-l-sec .nav-l-con {
        display: flex
    }

    .header-main .nav-container .nav-l-sec .nav-l-con .nav-item {
        margin: 0 10px;
        padding: 0
    }

    .header-main .nav-container .nav-item {
        align-items: center;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 100%;
        padding: 0 10px;
        position: relative
    }

    .header-main .nav-container .nav-item .nav-link,.header-main .nav-container .nav-item .nav-text,.header-main .nav-container .nav-item.nav-link {
        box-sizing: border-box;
        color: #fafafa;
        cursor: pointer;
        display: inline-flex;
        font-size: 14px;
        font-weight: 400;
        line-height: 48px;
        position: relative;
        word-break: break-all
    }

    .header-main .nav-container .nav-item .nav-link.nav-link:focus-visible,.header-main .nav-container .nav-item .nav-text.nav-link:focus-visible,.header-main .nav-container .nav-item.nav-link.nav-link:focus-visible {
        border: none;
        outline: none
    }

    .header-main .nav-container .nav-item .nav-link.mu-txt,.header-main .nav-container .nav-item .nav-text.mu-txt,.header-main .nav-container .nav-item.nav-link.mu-txt {
        display: inline-flex;
        flex-direction: row-reverse
    }

    .header-main .nav-container .nav-item .nav-link:focus-visible:after,.header-main .nav-container .nav-item .nav-text:focus-visible:after,.header-main .nav-container .nav-item.nav-link:focus-visible:after {
        border-radius: 4px;
        bottom: 0;
        content: "";
        height: 30px;
        left: 0;
        margin: auto;
        outline: 2px solid #fff;
        outline-offset: 2px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .header-main .nav-container .nav-item .mu-txt:before,.header-main .nav-container .nav-item .user-arrow {
        color: #e3e3e3;
        display: inline-block;
        margin-left: 4px;
        transform: rotate(0deg)
    }

    .header-main .nav-container .nav-item .mu-txt:before .icon,.header-main .nav-container .nav-item .user-arrow .icon {
        font-size: 12px
    }

    .header-main .nav-container .nav-item .mu-txt.arrow-show:before,.header-main .nav-container .nav-item.show-drop-menu .mu-txt:before,.header-main .nav-container .nav-item.show-drop-menu .user-arrow {
        transform: rotate(-180deg)
    }

    .header-main .nav-container .nav-item.show-drop-menu .dp-c-l-ag {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    .header-main .nav-container .nav-academy .nav-link,.header-main .nav-container .nav-smsf .nav-link,.header-main .nav-container .nav-support .nav-link {
        white-space: nowrap
    }

    .header-main .nav-container .is-left .nav-link,.header-main .nav-container .is-left.nav-link {
        align-items: center;
        display: flex;
        height: 100%
    }

    .header-main .nav-container .extend-link {
        align-items: center;
        box-sizing: border-box;
        color: #000;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        height: unset;
        line-height: 20px;
        padding: 12px 16px;
        white-space: nowrap
    }

    .header-main .nav-container .extend-link:focus-visible {
        border-radius: 4px;
        outline: 2px solid #000;
        outline-offset: 2px
    }

    .header-main .nav-container .extend-link:not(.drop-panel-menu-item):hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover);
        border-radius: 4px;
        color: #000;
        cursor: pointer
    }

    .header-main .nav-container .other-wrap {
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        line-height: 48px;
        margin: 0 10px;
        padding: 0;
        position: relative
    }

    .header-main .nav-container .other-wrap.nav-im {
        color: #fafafa;
        font-size: 18px
    }

    .header-main .nav-container .other-wrap.nav-im:before {
        font-size: 22px
    }

    .header-main .nav-container .other-wrap .icon,.header-main .nav-container .other-wrap .user-info {
        cursor: pointer
    }

    .header-main .nav-container .other-wrap button.icon {
        color: #fafafa;
        font-size: 20px;
        position: relative
    }

    .header-main .nav-container .other-wrap button.icon:focus-visible:after {
        border-radius: 4px;
        bottom: 0;
        content: "";
        height: 30px;
        left: 0;
        margin: auto;
        outline: 2px solid #fff;
        outline-offset: 2px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .header-main .nav-container .other-wrap .drop-c-right-align {
        overflow: visible;
        padding: 0 24px;
        right: 0;
        top: 58px
    }

    .header-main .nav-container .other-wrap.show-drop-menu .drop-c-right-align {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    .header-main .nav-container .other-wrap,.header-main .nav-container .pc-mode,.header-main .nav-container .sm-mode {
        display: none
    }

    .header-main .nav-container .nav-null {
        flex-grow: 1
    }

    .header-main .head-spl-lin {
        background: hsla(0,0%,100%,.15);
        height: 16px;
        margin: 16px 10px 16px 20px;
        width: 1px
    }

    .header-main .column-nav-container .nav-scroll-box {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        justify-content: flex-end;
        padding: 0;
        top: 0;
        width: auto
    }

    .header-main .column-nav-container .nav-scroll-box::-webkit-scrollbar {
        display: none
    }

    .header-main .column-nav-container .mode-xl-line,.header-main .column-nav-container .nav-academy,.header-main .column-nav-container .nav-balance,.header-main .column-nav-container .nav-buy,.header-main .column-nav-container .nav-cefi-market,.header-main .column-nav-container .nav-custom,.header-main .column-nav-container .nav-dashboard,.header-main .column-nav-container .nav-deposit,.header-main .column-nav-container .nav-earn,.header-main .column-nav-container .nav-explorer .nav-nft,.header-main .column-nav-container .nav-institutions,.header-main .column-nav-container .nav-language,.header-main .column-nav-container .nav-market,.header-main .column-nav-container .nav-meme-pump,.header-main .column-nav-container .nav-mobile-download,.header-main .column-nav-container .nav-mode,.header-main .column-nav-container .nav-more,.header-main .column-nav-container .nav-nft,.header-main .column-nav-container .nav-okc,.header-main .column-nav-container .nav-portfolio,.header-main .column-nav-container .nav-referral,.header-main .column-nav-container .nav-site-flag,.header-main .column-nav-container .nav-smsf,.header-main .column-nav-container .nav-swap,.header-main .column-nav-container .nav-trade,.header-main .column-nav-container .nav-user,.header-main .column-nav-container .nav-web3-more,.header-main .column-nav-container .nav-web3-onchain,.header-main .column-nav-container .nav-web3-strategy,.header-main .column-nav-container .other-wrap,.header-main .column-nav-container .pc-mode,.header-main .column-nav-container .profile-wrap,.header-main .column-nav-container .user-info-item {
        display: none
    }

    .header-main .column-nav-container .mode-line {
        background: hsla(0,0%,100%,.15);
        display: none;
        height: 16px;
        margin: 16px;
        width: 1px
    }

    .header-main .column-nav-container .mode-line.has-address {
        display: block
    }

    .header-main .column-nav-container,.header-main .column-nav-container .mode-no-login {
        display: none
    }

    .header-main.active .column-nav-container {
        background: #000;
        box-shadow: 0 12px 60px rgba(14,32,66,.15),0 1px 2px rgba(14,32,66,.05);
        display: flex;
        height: 100%;
        position: fixed;
        right: 0;
        transform: translateZ(0);
        width: 376px;
        z-index: 9500
    }

    .header-main.active .column-nav-container.web3-column-container {
        display: block
    }

    .header-main.active .column-nav-container.web3-column-container .col-mu-top {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 22px 16px
    }

    .header-main.active .column-nav-container.web3-column-container .nav-item .nav-link,.header-main.active .column-nav-container.web3-column-container .nav-item .nav-text.mu-txt,.header-main.active .column-nav-container.web3-column-container .nav-item.nav-link {
        font-weight: 500
    }

    .header-main.active .column-nav-container .nav-scroll-box {
        display: block;
        flex-direction: column;
        height: 95%;
        justify-content: unset;
        overflow: scroll;
        padding: 0 20px 48px;
        position: absolute;
        top: 48px;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-wrap {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .icon-img {
        display: none
    }

    .header-main.active .column-nav-container .nav-item.show-more .mu-txt.mu-txt-extend:before,.header-main.active .column-nav-container .nav-item.show-more .mu-txt:not(.mu-txt-third):before,.header-main.active .column-nav-container .nav-item.show-more .user-arrow.mu-txt-extend:before,.header-main.active .column-nav-container .nav-item.show-more .user-arrow:not(.mu-txt-third):before {
        transform: rotate(-180deg)
    }

    .header-main.active .column-nav-container .nav-item.show-more .dp-c-l-ag:not(.nav-boost-drop),.header-main.active .column-nav-container .nav-item.show-more .drop-c-right-align:not(.nav-boost-drop) {
        display: block
    }

    .header-main.active .column-nav-container .nav-item.show-more .nav-item.panel-nav-item.panel-col {
        display: flex
    }

    .header-main.active .column-nav-container .nav-item .nav-link,.header-main.active .column-nav-container .nav-item .nav-text,.header-main.active .column-nav-container .nav-item.nav-link {
        align-items: center;
        color: #fafafa;
        cursor: pointer;
        display: flex;
        flex-grow: 1;
        font-size: 18px;
        height: 52px;
        line-height: unset;
        padding: 17px 0
    }

    .header-main.active .column-nav-container .nav-item .nav-link:focus-visible,.header-main.active .column-nav-container .nav-item .nav-text:focus-visible,.header-main.active .column-nav-container .nav-item.nav-link:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .nav-link.mu-txt,.header-main.active .column-nav-container .nav-item .nav-text.mu-txt,.header-main.active .column-nav-container .nav-item.nav-link.mu-txt {
        justify-content: space-between
    }

    .header-main.active .column-nav-container .nav-item .nav-link.mu-txt:before,.header-main.active .column-nav-container .nav-item .nav-text.mu-txt:before,.header-main.active .column-nav-container .nav-item.nav-link.mu-txt:before {
        font-size: 14px;
        order: 5
    }

    .header-main.active .column-nav-container .nav-item .nav-link:active,.header-main.active .column-nav-container .nav-item .nav-text:active,.header-main.active .column-nav-container .nav-item.nav-link:active {
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .mu-txt:before,.header-main.active .column-nav-container .nav-item .user-arrow {
        color: #909090;
        cursor: pointer;
        display: inline-block;
        margin-left: 4px;
        margin-right: 0;
        padding: 20px 0;
        transform: rotate(0deg)
    }

    .header-main.active .column-nav-container .nav-item .mu-txt:before .icon,.header-main.active .column-nav-container .nav-item .user-arrow .icon {
        color: #909090;
        font-size: 12px;
        font-weight: 500;
        pointer-events: none
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link {
        display: inline-block
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item:focus-visible,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .item-box:focus-visible,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .item-box:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item:before,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link:before {
        display: none
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-hot-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-hot-tag.only-column,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-new-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .box-item .nav-new-tag.only-column,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-hot-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-hot-tag.only-column,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-new-tag,.header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-link .nav-new-tag.only-column {
        display: inline-block
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop),.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) {
        background: transparent;
        display: none;
        left: auto;
        opacity: 1;
        padding: 4px 0 4px 12px;
        position: relative;
        top: auto;
        transform: unset;
        visibility: visible;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop).drop-c-common-show,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop).drop-c-common-show {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box {
        flex-direction: column
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .item-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .item-title {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .item-title:hover,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .item-title:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .info-extend-box .tab-ms,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .info-extend-box .tab-ms {
        color: #646f84;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box {
        margin: 0;
        max-width: unset;
        min-width: unset;
        padding: 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-title,.header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .desc-box,.header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .icon-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .desc-box,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .icon-box {
        display: none
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item {
        height: 44px;
        margin: 0
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title:hover,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title.item-panel-drop-title,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title.item-panel-drop-title {
        max-width: 270px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title.title-without-tag,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-box .box-item .item-title.title-without-tag {
        display: inline-block
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-small-box .box-item,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-small-box .box-item {
        color: #e3e3e3;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        margin: 0;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag:not(.nav-boost-drop) .extend-small-box .box-item:hover,.header-main.active .column-nav-container .nav-item .drop-c-right-align:not(.nav-boost-drop) .extend-small-box .box-item:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-box .box-item {
        width: 100%
    }

    .header-main.active .column-nav-container .pc-mode {
        display: none
    }

    .header-main.active .column-nav-container .extend-link {
        color: #e3e3e3;
        cursor: pointer;
        display: inline-flex;
        font-size: 16px;
        height: 44px;
        padding: 14px 0;
        width: 100%
    }

    .header-main.active .column-nav-container .extend-link:hover {
        background: transparent;
        color: #fafafa
    }

    .header-main.active .column-nav-container .extend-link:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    .header-main.active .column-nav-container .extend-link .icon {
        font-size: 16px;
        margin-left: 4px;
        position: relative;
        top: 1px
    }

    .header-main.active .column-nav-container .nav-scroll-box .asset-bottom-line,.header-main.active .column-nav-container .nav-scroll-box .nav-item.is-user,.header-main.active .column-nav-container .nav-scroll-box .nav-item.nav-balance,.header-main.active .column-nav-container .nav-scroll-box .profile-wrap,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.is-left,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.nav-mode,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-language-column,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-mobile-download {
        display: none
    }

    .header-main.active .column-nav-container.asset-active .nav-scroll-box .asset-bottom-line,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-balance,.header-main.active .column-nav-container.asset-active .nav-scroll-box .nav-item.is-user,.header-main.active .column-nav-container.asset-active .nav-scroll-box .profile-wrap {
        display: flex
    }

    .header-main.active[data-shrink-step="0"] .column-nav-container {
        display: none
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    .header-main .nav-container .other-wrap {
        display:block
    }
}

@media (min-width: 1024px) and (min-width:768px) {
    .header-main.active .column-nav-container .nav-scroll-box {
        padding:0 24px 48px;
        width: 376px
    }

    .header-main.active .column-nav-container .nav-item .mu-txt:before,.header-main.active .column-nav-container .nav-item .user-arrow {
        margin-right: 4px
    }
}

@media (min-width: 1024px) and (max-width:1550px) {
    .header-main .other-language-left-section {
        opacity:0;
        visibility: hidden
    }
}

@media (min-width: 1024px) and (max-width:1288px) {
    .header-main .other-language-left-section-zh {
        opacity:0;
        visibility: hidden
    }
}

@media (min-width: 1024px) and (max-width:1365px) {
    .header-main .other-language-left-section-en {
        opacity:0;
        visibility: hidden
    }
}

@media (min-width: 1024px) and (max-width:1024px) {
    .header-main .web3-other-language-left-section-zh {
        opacity:0;
        visibility: hidden
    }
}

@media (min-width: 1024px) and (max-width:1213px) {
    .header-main .web3-other-language-left-section-en {
        opacity:0;
        visibility: hidden
    }
}

@media (min-width: 1024px) and (max-width:1460px) {
    .header-main .tr-other-language-left-section-en {
        opacity:0;
        visibility: hidden
    }
}

.skip-to-content {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.skip-to-content:focus-visible {
    clip: unset;
    align-items: center;
    background: #000;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    height: auto;
    justify-content: center;
    left: 18px;
    line-height: 16px;
    margin: unset;
    outline: 2px solid #fff;
    outline-offset: 2px;
    padding: 4px 12px;
    position: absolute;
    top: 54px;
    width: auto;
    z-index: 3;
    z-index: 9502
}

.dp-c-l-ag .extend-box .drop-menu-desc-list {
    display: none
}

.body-wrap {
    overflow: hidden
}

body .header-container {
    min-width: 320px
}

body .header-container * {
    box-sizing: border-box
}

body .header-container .header-wrap {
    background: #000;
    height: 48px;
    width: 100%
}

body .header-container .header-wrap.header-wrap-home {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9500
}

body .header-container .header-wrap.header-wrap-home.header-with-banner {
    position: static
}

body .header-container .header-wrap .header-main {
    display: flex;
    height: 48px;
    justify-content: space-between;
    position: relative;
    visibility: visible
}

body .header-container .header-wrap .header-main .nav-container .nav-right-item {
    align-items: center;
    display: flex;
    margin-left: 8px;
    min-height: 48px;
    min-height: var(--global-header-height)
}

@media (max-width: 767px) {
    body .header-container .header-wrap .header-main .nav-container .nav-right-item.nav-boost-item {
        margin-left:0
    }
}

@media (min-width: 768px) {
    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag,body .header-container .header-wrap .header-main .nav-container .nav-right-item .drop-c-right-align {
        background:#fff;
        border-radius: 6px;
        box-shadow: 0 12px 60px rgba(14,32,66,.15),0 1px 2px rgba(14,32,66,.05);
        cursor: default;
        opacity: 0;
        overflow: hidden;
        padding: 12px;
        pointer-events: none;
        position: absolute;
        visibility: hidden;
        z-index: 20000
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag.drop-c-common-show,body .header-container .header-wrap .header-main .nav-container .nav-right-item .drop-c-right-align.drop-c-common-show {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag.drop-with-panel,body .header-container .header-wrap .header-main .nav-container .nav-right-item .drop-c-right-align.drop-with-panel {
        border-radius: 6px 0 0 6px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag.drop-with-panel-bottom,body .header-container .header-wrap .header-main .nav-container .nav-right-item .drop-c-right-align.drop-with-panel-bottom {
        border-radius: 6px 6px 0 6px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .drop-animation,body .header-container .header-wrap .header-main .nav-container .nav-right-item .drop-animation:hover {
        transition: all .3s cubic-bezier(.645,.045,.355,1)
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag {
        font-weight: 400;
        left: -14px;
        top: 58px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag.drop-c-common-show {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .info-extend-box {
        display: flex
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .info-extend-box[data-direction=column] {
        flex-direction: column
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box {
        margin-right: 48px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box:last-child {
        margin-right: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .dropdown-panel-li:hover,body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .trade-drop-item-con:hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover);
        border-radius: 4px;
        color: #000;
        cursor: pointer
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .dropdown-panel-li.dp-explorer,body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .trade-drop-item-con.dp-explorer {
        max-width: 250px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .dropdown-panel-li .drop-panel-box-item,body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .dropdown-panel-li .panel-drop-item-icon,body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .trade-drop-item-con .drop-panel-box-item,body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .trade-drop-item-con .panel-drop-item-icon {
        background: unset;
        color: unset
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-title {
        color: #6e6e6e;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 8px;
        padding-left: 20px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .explorer-drop-panel-third-list .box-item.drop-panel-menu-item {
        display: flex;
        width: unset
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item {
        align-items: center;
        display: flex;
        padding: 14px 12px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item:focus-visible {
        border-radius: 4px;
        outline: 2px solid #000;
        outline-offset: 2px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item.drop-panel-menu-item {
        display: inline-flex;
        vertical-align: middle;
        width: 224px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item:before {
        color: #000;
        font-size: 24px;
        margin-right: 16px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item:last-child {
        margin-bottom: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .icon-box {
        margin-right: 8px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .icon-box .icon {
        height: 28px;
        width: 28px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box.item-panel-drop {
        flex: auto;
        max-width: 176px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box.trade-item-panel-drop {
        max-width: 251px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box .item-title {
        color: #000;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box .item-title.item-panel-drop-title {
        align-items: center;
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box .item-title.trade-item-panel-drop-title {
        align-items: center;
        display: flex
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box .item-title.title-without-desc {
        padding-bottom: 10px;
        padding-top: 10px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item .item-box .desc {
        color: #5b5b5b;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        margin-top: 4px;
        position: relative;
        visibility: visible
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-box .box-item:not(.drop-panel-menu-item):hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover);
        border-radius: 4px;
        color: #000;
        cursor: pointer
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-small-box {
        margin-right: 80px;
        min-width: 120px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-small-box .box-title {
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 12px;
        padding-top: 12px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-small-box .box-item {
        align-items: center;
        color: #000;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 0;
        padding: 12px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item .dp-c-l-ag .extend-small-box .box-item:not(.drop-panel-menu-item):hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover);
        border-radius: 4px;
        color: #000;
        cursor: pointer
    }

    body .header-container .header-wrap .header-main .nav-container .nav-right-item.show-drop-menu .dp-c-l-ag {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main {
        margin:0 auto;
        padding: 0 24px;
        visibility: visible
    }

    body .header-container .header-wrap .header-main .gas-container,body .header-container .header-wrap .header-main .nav-r-sec .nav-r-con {
        height: 48px
    }

    body .header-container .header-wrap .header-main .nav-r-sec .nav-r-con {
        display: flex;
        height: 48px
    }
}

body .header-container .header-wrap .header-main .nav-container {
    display: flex;
    flex-grow: 1
}

body .header-container .header-wrap .header-main .action-container {
    cursor: pointer;
    display: inline-block;
    position: relative
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .action-container {
        display:none
    }
}

body .header-container .header-wrap .header-main .action-container .header-menu-btn {
    cursor: pointer;
    width: 20px
}

body .header-container .header-wrap .header-main .action-container .header-menu-btn:focus-visible:after {
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 30px;
    left: 0;
    margin: auto;
    outline: 2px solid #fff;
    outline-offset: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

body .header-container .header-wrap .header-main .action-container .header-menu-btn.web3-menu-btn {
    width: auto
}

body .header-container .header-wrap .header-main .action-container .header-menu-btn.web3-menu-btn:before {
    background: var(--oxnv-okd-color-background-surface-primary);
    border-radius: 6px;
    margin-top: 12px;
    padding: 8px
}

body .header-container .header-wrap .header-main .action-container .header-menu-btn:before {
    color: #fafafa;
    display: inline-block;
    font-size: 20px;
    padding: 14px 0
}

body .header-container .header-wrap .header-main.active .column-nav-container {
    top: 0;
    width: 100%;
    z-index: 9500
}

@media (min-width: 768px) {
    body .header-container .header-wrap .header-main.active .column-nav-container {
        width:376px
    }
}

body .header-container .header-wrap .header-main.active .column-nav-container .action-container {
    display: inline-block;
    position: fixed;
    right: 20px;
    top: 0
}

@media (min-width: 768px) {
    body .header-container .header-wrap .header-main.active .column-nav-container .action-container {
        right:24px
    }
}

body .header-container .header-wrap .header-main.active .column-nav-container .action-container .header-menu-btn:before {
    color: #909090
}

body .header-container .header-wrap .header-main.active .nav-r-sec .nav-r-con {
    display: flex
}

body .header-main .nav-new-tag {
    align-items: flex-start;
    background: #bcff2f;
    border-radius: 3px;
    color: #000;
    display: inline-flex;
    flex-direction: row;
    flex-shrink: 0;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    line-height: 12px;
    margin: auto 0 auto 2px;
    min-width: 33px;
    padding: 2px 3px;
    transform: scale(.875)
}

body .header-main .nav-hot-tag {
    color: #f1507b;
    font-size: 16px;
    margin-left: 2px
}

body .header-main .nav-hot-tag.only-column,body .header-main .nav-new-tag.only-column {
    display: none
}

body {
    min-width: auto
}

body .header-container .header-wrap {
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 768px) {
    body .header-container .header-wrap {
        padding-left:12px;
        padding-right: 12px
    }
}

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

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

@media (max-width: 1023px) {
    body .header-container {
        min-height:48px
    }

    body .header-container .header-wrap {
        background: #000;
        height: 48px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9500
    }

    body .header-container .header-wrap.header-with-banner {
        position: static
    }

    body .header-container .header-wrap .header-main {
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
        width: 100%
    }
}

@media (max-width: 1023px) and (min-width:768px) {
    body .header-container .header-wrap .header-main {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (max-width: 1023px) and (min-width:1024px) {
    body .header-container .header-wrap .header-main {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (max-width: 1023px) and (min-width:1270px) {
    body .header-container .header-wrap .header-main {
        box-sizing:border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    body .header-container {
        min-height:48px;
        width: 100%
    }

    body .header-container .header-wrap {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: auto
    }

    body .header-container .header-wrap .header-main {
        width: 100%
    }
}

@media (min-width: 1270px) {
    body .header-container {
        min-height:48px;
        width: 100%
    }

    body .header-container .header-wrap {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: auto
    }

    body .header-container .header-wrap .header-main {
        width: 100%
    }
}

body .theme-dark .header-container .header-wrap .header-main.active:before {
    background: rgba(8,13,21,.65);
    content: "";
    display: block;
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw
}

@media (min-width: 1024px) {
    body .theme-dark .header-container .header-wrap .header-main.active:before {
        display:none
    }
}

body .header-container .header-wrap .header-main .header-line {
    background: hsla(0,0%,100%,.15)
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .header-line {
        height:16px;
        margin: 16px 20px;
        width: 1px
    }
}

@media (min-width: 1270px) {
    body .header-container .header-wrap .header-main .header-line {
        display:block
    }
}

body .header-container .header-wrap .header-main .asset-bottom-line {
    background: hsla(0,0%,100%,.15)
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .asset-bottom-line {
        display:none
    }
}

body .header-container .header-wrap .header-main.is-login .header-line {
    height: 16px;
    margin: 16px 20px;
    width: 1px
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.is-login .header-line {
        height:16px
    }
}

body .header-container .header-wrap .header-main.is-login .column-nav-container.asset-active .asset-bottom-line {
    border-bottom: none;
    display: block;
    height: 1px;
    margin: 10px 0
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.not-login .header-line {
        display:block
    }
}

body .header-container .header-wrap .header-main .trade-line {
    background: hsla(0,0%,100%,.15);
    border-bottom: none;
    height: 1px;
    margin: 6px 0
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .trade-line {
        display:none
    }
}

.header-container[data-transparent=true] {
    background: transparent;
    height: 0
}

.header-container[data-transparent=true] .header-wrap {
    background: transparent
}

.header-container[data-transparent=true][data-scroll=false] .header-wrap,.header-container[data-transparent=true][data-scroll=true] .header-wrap {
    transition: all .2s
}

.header-container[data-transparent=true][data-scroll=true] .header-wrap {
    background: #000
}

@media (min-width: 1024px) {
    .header-container[data-transparent=true] {
        background:transparent;
        min-height: 48px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9500
    }

    .header-container[data-transparent=true][data-scroll=true] .header-wrap {
        background: transparent
    }
}

body .header-container .header-wrap .header-main.web3-header .logo-wrap {
    margin-right: 0
}

body .header-container .header-wrap .header-main .logo-container {
    display: flex;
    flex-shrink: 0
}

body .header-container .header-wrap .header-main .logo-wrap {
    color: #666;
    cursor: pointer;
    height: 36px;
    margin-right: 5px;
    overflow: hidden;
    text-align: left
}

body .header-container .header-wrap .header-main .logo-wrap:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .logo-wrap .logo-img {
    height: 36px;
    width: 82px
}

body .header-container .header-wrap .header-main .logo-wrap .logo-img.logo-theme-img {
    display: none
}

body .header-container .header-wrap .header-main .logo-wrap .logo-img.current-logo {
    display: block
}

body .header-container .header-wrap .header-main .logo-wrap.web3-logo-wrap {
    align-items: center;
    display: flex;
    height: auto
}

body .header-container .header-wrap .header-main .logo-wrap.web3-logo-wrap .logo-img {
    height: 16px;
    width: auto
}

body .header-container .header-wrap .header-main .logo-wrap .tr-logo-img {
    height: 27px;
    margin-top: 3px;
    width: 128px
}

body .header-container .header-wrap .header-main .logo-wrap .simulated-sign {
    display: none
}

body .header-container .header-wrap .header-main .mode-logo {
    align-items: center;
    display: flex
}

body .header-container .header-wrap .header-main .mode-logo .nav-text {
    box-sizing: border-box;
    color: #fafafa;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px
}

@media (min-width: 768px) {
    body .header-container .header-wrap .header-main .mode-logo .nav-text {
        display:none
    }
}

body .header-container .header-wrap .header-main .mode-logo .mode-quote {
    background: #fafafa;
    border-radius: 2px;
    display: inline-block;
    height: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: -5px;
    vertical-align: middle;
    width: 4px
}

body .header-container .header-wrap .header-main .mode-container {
    display: flex;
    line-height: 48px
}

body .header-container .header-wrap .header-main .mode-container .nav-text {
    line-height: 48px
}

body .header-container .header-wrap .header-main .new-mode-tab {
    background: hsla(0,0%,100%,.15);
    border: 1px solid hsla(0,0%,100%,.25);
    border-radius: 4px;
    cursor: pointer;
    display: none;
    height: 28px;
    margin-left: 20px
}

@media (min-width: 768px) {
    body .header-container .header-wrap .header-main .new-mode-tab {
        display:flex;
        flex-grow: 1
    }
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .new-mode-tab {
        height:unset
    }
}

body .header-container .header-wrap .header-main .new-mode-tab .tab-defi,body .header-container .header-wrap .header-main .new-mode-tab .tab-exchange {
    color: #fafafa;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 12px;
    text-align: justify;
    white-space: nowrap
}

body .header-container .header-wrap .header-main .new-mode-tab .tab-defi:focus-visible,body .header-container .header-wrap .header-main .new-mode-tab .tab-exchange:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .new-mode-tab .active {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    color: #000
}

body .header-container .header-wrap .header-main .new-mode-tab.change-order {
    flex-direction: row-reverse
}

body .header-container .header-wrap .header-main .nav-mode .mode-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 16px 0 4px;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item {
    flex: 1 1;
    margin-bottom: 16px
}

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item .item-box {
    background: #242424;
    border-radius: 20px;
    padding: 10px 16px
}

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item .item-box .item-title {
    color: #fafafa;
    font-size: 14px;
    font-weight: 500;
    height: unset;
    line-height: 16px;
    padding: unset;
    text-align: center
}

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item+.box-item {
    margin-left: 16px
}

body .header-container .header-wrap .header-main .nav-mode .mode-box.change-order {
    flex-direction: row-reverse
}

body .header-container .header-wrap .header-main .nav-mode .mode-box.change-order .box-item+.box-item {
    margin-left: unset;
    margin-right: 16px
}

body .header-container .header-wrap .header-main .nav-mode.mode-chain .box-item .item-chain,body .header-container .header-wrap .header-main .nav-mode.mode-okex .box-item .item-okex {
    border: 1px solid #fafafa
}

body .header-container .header-wrap .header-main.active.not-login .logo-container {
    display: none
}

@media (min-width: 768px) {
    body .header-container .header-wrap .header-main.active.not-login .logo-container {
        display:flex
    }
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-buy .nav-text {
        display:flex
    }

    body .header-container .header-wrap .header-main .nav-container .nav-buy .dp-c-l-ag {
        left: -2px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-buy .dp-c-l-ag .extend-box {
        margin-right: 0;
        min-width: 235px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-buy .dp-c-l-ag .extend-box .box-item {
        display: flex;
        margin: unset;
        max-width: 342px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-buy .dp-c-l-ag .extend-box .box-item .icon-box {
        margin-right: 8px;
        margin-top: -4px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-buy .dp-c-l-ag .extend-box .box-item .item-box {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    body .header-container .header-wrap .header-main .nav-container .nav-buy .dp-c-l-ag .extend-box .box-item .item-box .item-title,body .header-container .header-wrap .header-main .nav-container .nav-buy .dp-c-l-ag .extend-box .box-item .item-box .item-title:not(.trade-item-panel-drop-title) {
        white-space: nowrap
    }
}

body .header-container .header-wrap .header-main .custom-logo {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .custom-logo {
        align-items:center;
        display: flex;
        line-height: 48px
    }
}

body .header-container .header-wrap .header-main .nav-custom {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-custom {
        display:flex
    }
}

body .header-container .header-wrap .header-main .nav-custom .hide-link {
    display: none!important
}

body .header-container .header-wrap .header-main .nav-custom .extend-link .icon.icon-telegram1,body .header-container .header-wrap .header-main .nav-custom .extend-link .icon.icon-wechat2 {
    color: #000;
    display: none
}

@media (min-width: 1270px) {
    body .header-container .header-wrap .header-main .nav-custom .extend-link .icon.icon-telegram1 {
        display:block
    }
}

body .header-container .header-wrap .header-main .community-item .wechat-box,body .header-container .header-wrap .header-main .community-link .wechat-box {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-custom {
        position:static
    }

    body .header-container .header-wrap .header-main .nav-custom .drop-c-right-align {
        min-width: 152px;
        padding: 12px;
        right: 0
    }

    body .header-container .header-wrap .header-main .nav-custom .extend-link {
        justify-content: space-between
    }

    body .header-container .header-wrap .header-main .nav-custom .extend-link .icon {
        color: #000;
        font-size: 16px;
        margin-left: 12px
    }

    body .header-container .header-wrap .header-main .nav-custom .extend-link .icon.icon-telegram1,body .header-container .header-wrap .header-main .nav-custom .extend-link .icon.icon-wechat2 {
        color: #000;
        display: none
    }

    body .header-container .header-wrap .header-main .nav-custom .extend-link.click-disable {
        cursor: not-allowed;
        opacity: .5
    }

    body .header-container .header-wrap .header-main .nav-custom .extend-link.click-disable:hover {
        background: unset;
        color: #35384a
    }

    body .header-container .header-wrap .header-main .community-item,body .header-container .header-wrap .header-main .community-link {
        position: relative
    }

    body .header-container .header-wrap .header-main .community-item .wechat-box,body .header-container .header-wrap .header-main .community-link .wechat-box {
        display: none
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    body .header-container .header-wrap .header-main .nav-custom .user-arrow,body .header-container .header-wrap .header-main .nav-custom .user-arrow:before,body .header-container .header-wrap .header-main .nav-custom .user-support-text {
        display:none
    }

    body .header-container .header-wrap .header-main .nav-custom .vip-con {
        border-bottom: 1px solid #ebebeb;
        margin-bottom: 6px;
        padding-bottom: 6px
    }

    body .header-container .header-wrap .header-main .nav-custom .vip-con .vip-support-btn {
        align-items: center;
        background: #000;
        border: none;
        border-radius: 14px;
        color: #ffe9af;
        cursor: pointer;
        display: flex;
        font-size: 12px;
        font-weight: 400;
        justify-content: center;
        line-height: 16px;
        margin-bottom: 10px;
        margin-top: 12px;
        padding: 6px 16px;
        width: 100%
    }

    body .header-container .header-wrap .header-main .nav-custom .vip-con .vip-support-btn:focus-visible {
        border-radius: 4px;
        outline: 2px solid #fff;
        outline-offset: 2px
    }

    body .header-container .header-wrap .header-main .nav-custom .vip-con .vip-icon {
        font-size: 14px;
        margin-right: 8px
    }
}

@media (min-width: 1024px) and (min-width:1270px) {
    body .header-container .header-wrap .header-main .nav-custom .extend-link .icon.icon-telegram1 {
        display:block
    }
}

body .header-container .header-wrap .header-main.active .column-nav-container .nav-custom {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    line-height: unset;
    text-align: left
}

body .header-container .header-wrap .header-main.active .column-nav-container .nav-custom .extend-link .icon {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.active .column-nav-container .nav-custom {
        display:flex
    }

    body .header-container .header-wrap .header-main.active .column-nav-container .nav-custom .custom-logo {
        display: none
    }

    body .header-container .header-wrap .header-main.active .column-nav-container .nav-custom .user-support-text {
        display: flex
    }

    body .header-container .header-wrap .header-main.active .column-nav-container .nav-custom .user-arrow,body .header-container .header-wrap .header-main.active .column-nav-container .nav-custom .user-arrow:before {
        display: block
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag {
        left: 50%;
        padding-bottom: 12px;
        padding-top: 12px;
        transform: translateX(-50%)
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag.drop-panel {
        overflow: visible
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box {
        min-width: 320px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box.drop-extend-box {
        min-width: auto
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .box-item {
        align-items: center;
        max-width: 400px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .box-item.drop-panel-box-item {
        padding: 12px 8px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .box-item .item-box .item-panel-drop-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box:last-child {
        margin-right: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list {
        box-sizing: border-box;
        display: flex;
        padding-left: 52px;
        width: 100%
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item {
        width: 172px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item.drop-menu-reverse-list {
        display: flex;
        flex-direction: column-reverse
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item {
        border-radius: 4px;
        box-sizing: border-box;
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding: 11px 4px 11px 21px;
        position: relative
    }
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:focus-visible {
        border-radius:4px;
        outline: 2px solid #000;
        outline-offset: 2px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:before {
        background: #000;
        border-radius: 50%;
        content: "";
        display: block;
        font-size: 12px;
        height: 5px;
        left: 8px;
        position: absolute;
        top: 16px;
        width: 5px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover)
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item .nav-new-tag {
        margin-left: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item .new-tag-title-container {
        margin-right: 5px
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-earn .dp-c-l-ag {
        max-width:700px
    }
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag {
        left:50%;
        padding-bottom: 12px;
        padding-top: 12px;
        transform: translateX(-50%)
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag.drop-panel {
        overflow: visible
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box {
        min-width: 320px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box.drop-extend-box {
        min-width: auto
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .box-item {
        align-items: center;
        max-width: 400px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .box-item.drop-panel-box-item {
        padding: 12px 8px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .box-item .item-box .item-panel-drop-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box:last-child {
        margin-right: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list {
        box-sizing: border-box;
        display: flex;
        padding-left: 52px;
        width: 100%
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item {
        width: 172px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item.drop-menu-reverse-list {
        display: flex;
        flex-direction: column-reverse
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item {
        border-radius: 4px;
        box-sizing: border-box;
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding: 11px 4px 11px 21px;
        position: relative
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:focus-visible {
        border-radius: 4px;
        outline: 2px solid #000;
        outline-offset: 2px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:before {
        background: #000;
        border-radius: 50%;
        content: "";
        display: block;
        font-size: 12px;
        height: 5px;
        left: 8px;
        position: absolute;
        top: 16px;
        width: 5px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover)
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item .nav-new-tag {
        margin-left: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item .new-tag-title-container {
        margin-right: 5px
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-okc .dp-c-l-ag {
        max-width:700px
    }
}

body .header-container .header-wrap .header-main .nav-deposit .dp-c-l-ag .extend-box .box-item.hide-header-item,body .header-container .header-wrap .header-main .nav-market .dp-c-l-ag .extend-box .box-item.hide-header-item {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-deposit .dp-c-l-ag,body .header-container .header-wrap .header-main .nav-container .nav-market .dp-c-l-ag {
        left:-2px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-deposit .dp-c-l-ag .extend-box,body .header-container .header-wrap .header-main .nav-container .nav-market .dp-c-l-ag .extend-box {
        min-width: 156px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-deposit .dp-c-l-ag .extend-box .box-item,body .header-container .header-wrap .header-main .nav-container .nav-market .dp-c-l-ag .extend-box .box-item {
        align-items: center;
        max-width: 400px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-deposit .dp-c-l-ag .extend-box .box-item.hide-header-item,body .header-container .header-wrap .header-main .nav-container .nav-market .dp-c-l-ag .extend-box .box-item.hide-header-item {
        display: none
    }

    body .header-container .header-wrap .header-main .nav-container .nav-deposit .dp-c-l-ag .extend-box:last-child,body .header-container .header-wrap .header-main .nav-container .nav-market .dp-c-l-ag .extend-box:last-child {
        margin-right: 0
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-deposit .dp-c-l-ag,body .header-container .header-wrap .header-main .nav-container .nav-market .dp-c-l-ag {
        max-width:700px
    }
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-academy .dp-c-l-ag,body .header-container .header-wrap .header-main .nav-container .nav-institutions .dp-c-l-ag {
        left:50%;
        padding-bottom: 12px;
        padding-top: 12px;
        transform: translateX(-50%)
    }

    body .header-container .header-wrap .header-main .nav-academy .dp-c-l-ag .extend-box,body .header-container .header-wrap .header-main .nav-container .nav-institutions .dp-c-l-ag .extend-box {
        min-width: 156px
    }

    body .header-container .header-wrap .header-main .nav-academy .dp-c-l-ag .extend-box .box-item,body .header-container .header-wrap .header-main .nav-container .nav-institutions .dp-c-l-ag .extend-box .box-item {
        align-items: center;
        max-width: 420px
    }

    body .header-container .header-wrap .header-main .nav-academy .dp-c-l-ag .extend-box:last-child,body .header-container .header-wrap .header-main .nav-container .nav-institutions .dp-c-l-ag .extend-box:last-child {
        margin-right: 0
    }

    body .header-container .header-main .nav-container .nav-more .dp-c-l-ag {
        left: 50%;
        padding-bottom: 12px;
        padding-top: 12px;
        transform: translateX(-50%)
    }

    body .header-container .header-main .nav-container .nav-more .dp-c-l-ag .info-extend-box .extend-box {
        margin-right: 0;
        min-width: 200px
    }

    body .header-container .header-main .nav-container .nav-more .dp-c-l-ag .info-extend-box .extend-box:last-child {
        margin-right: 0
    }

    body .header-container .header-main .nav-container .nav-more .dp-c-l-ag .info-extend-box .extend-small-box .box-item {
        padding-right: 20px
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down {
        overflow: visible
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .info-extend-box {
        position: relative
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list {
        width: 264px
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .box-item {
        display: inline-flex;
        vertical-align: middle;
        width: 224px
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list,body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list {
        background: #fff;
        left: 100%;
        position: absolute;
        top: -13px
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list.explorer-drop-panel-box-list,body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list.explorer-drop-panel-box-list {
        min-height: 249px;
        min-width: 226px
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list .drop-panel-box-item:hover,body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list .drop-panel-box-item:hover {
        border-radius: 4px
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .drop-panel-box-item:hover {
        border-radius: 4px 0 0 4px
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .panel-drop-item-icon {
        border-radius: 0 4px 4px 0;
        display: inline-flex;
        vertical-align: middle
    }

    body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .hide-drop-panel-box {
        display: none
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    body .header-container .header-main .nav-container .nav-more .dp-c-l-ag {
        max-width:700px
    }
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag {
    padding-bottom: 12px;
    padding-top: 12px;
    transform: translateX(-50%)
}

@media (min-width: 1024px) {
    body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag {
        max-width:700px
    }
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag .info-extend-box .extend-box,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag .info-extend-box .extend-box,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag .info-extend-box .extend-box {
    margin-right: 0;
    min-width: 200px
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag .info-extend-box .extend-box:last-child,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag .info-extend-box .extend-box:last-child,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag .info-extend-box .extend-box:last-child {
    margin-right: 0
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag .info-extend-box .extend-small-box .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag .info-extend-box .extend-small-box .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag .info-extend-box .extend-small-box .box-item {
    padding-right: 20px
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down {
    overflow: visible
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .info-extend-box,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .info-extend-box,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .info-extend-box {
    position: relative
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list {
    width: 264px
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .box-item {
    display: inline-flex;
    vertical-align: middle;
    width: 224px
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list,body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .explorer-drop-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list {
    background: #fff;
    left: 100%;
    position: absolute;
    top: -13px
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list.explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list.explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .explorer-drop-box-list.explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list.explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list.explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list.explorer-drop-panel-box-list {
    min-height: 249px;
    min-width: 226px
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list .drop-panel-box-item:hover,body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list .drop-panel-box-item:hover,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .explorer-drop-box-list .drop-panel-box-item:hover,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list .drop-panel-box-item:hover,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .explorer-drop-box-list .drop-panel-box-item:hover,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .explorer-drop-panel-box-list .drop-panel-box-item:hover {
    border-radius: 4px
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .drop-panel-box-item:hover,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .drop-panel-box-item:hover,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .drop-panel-box-item:hover {
    border-radius: 4px 0 0 4px
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .panel-drop-item-icon,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .panel-drop-item-icon,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .panel-drop-item-icon {
    border-radius: 0 4px 4px 0;
    display: inline-flex;
    vertical-align: middle
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .hide-drop-panel-box,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .hide-drop-panel-box,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .hide-drop-panel-box {
    display: none
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag {
    left: 50%;
    overflow: visible;
    right: 300px
}

@media (min-width: 1456px) {
    body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag {
        left:auto;
        right: auto
    }
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item {
    max-width: 276px
}

@media (max-width: 1023px) {
    body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item {
        height:auto
    }

    body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag:not(.nav-boost-drop) .extend-box .box-item .item-title {
        height: auto;
        padding: 0
    }
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-panel .drop-explorer-list .box-item.mu-title,body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .box-item.mu-title,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-panel .drop-explorer-list .box-item.mu-title,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .box-item.mu-title,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-panel .drop-explorer-list .box-item.mu-title,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .box-item.mu-title {
    width: 240px
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-more .drop-panel,body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-panel,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-panel,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down {
    position: fixed;
    top: 48px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-panel .drop-explorer-list .box-item.third-box-item,body .header-container .header-main.web3-header .nav-container .nav-more .drop-sm-down .drop-explorer-list .box-item.third-box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-panel .drop-explorer-list .box-item.third-box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-sm-down .drop-explorer-list .box-item.third-box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-panel .drop-explorer-list .box-item.third-box-item,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-sm-down .drop-explorer-list .box-item.third-box-item {
    max-width: 300px;
    min-width: max(260px,100%);
    width: auto
}

body .header-container .header-main.web3-header .nav-container .nav-more .drop-explorer-list .explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-more .drop-panel .explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-explorer-list .explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .drop-panel .explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-explorer-list .explorer-drop-panel-box-list,body .header-container .header-main.web3-header .nav-container .nav-web3-more .drop-panel .explorer-drop-panel-box-list {
    min-height: 338px;
    width: 274px
}

body .header-container .header-main.web3-header .nav-container .nav-more .dp-c-l-ag .extend-box .box-item .item-box .item-title.title-without-desc,body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .dp-c-l-ag .extend-box .box-item .item-box .item-title.title-without-desc,body .header-container .header-main.web3-header .nav-container .nav-web3-more .dp-c-l-ag .extend-box .box-item .item-box .item-title.title-without-desc {
    padding-bottom: 0;
    padding-top: 0
}

body .header-container .header-main .column-nav-container .column-drop-panel-box {
    box-shadow: none;
    position: static
}

body .header-container .header-main.not-login .nav-more .extend-small-box .box-item.item-campaign,body .header-container .header-main.not-login .nav-more .extend-small-box .box-item.item-rewards,body .header-container .header-main.not-login .nav-web3-more .extend-small-box .box-item.item-campaign,body .header-container .header-main.not-login .nav-web3-more .extend-small-box .box-item.item-rewards {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag {
        padding-right:0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box {
        margin-right: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item {
        display: flex;
        margin: unset;
        max-width: 342px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item .icon-box {
        margin-right: 8px;
        margin-top: -4px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item .item-box {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item .item-box.hide {
        display: none
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item .item-box.show {
        display: block
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .trade-drop-panel-box-menu {
        max-height: calc(100vh - 86px);
        overflow-y: auto
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .trade-drop-panel-box-menu::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.26);
        border-radius: 8px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .only-new-box {
        display: block
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag {
        left: 50%;
        padding-bottom: 12px;
        padding-top: 12px;
        transform: translateX(-50%)
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag.drop-panel {
        overflow: visible
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box {
        min-width: 320px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box.drop-extend-box {
        min-width: auto
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item {
        align-items: center;
        max-width: 400px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item.drop-panel-box-item {
        padding: 12px 8px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .box-item .item-box .item-panel-drop-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box:last-child {
        margin-right: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list {
        box-sizing: border-box;
        display: flex;
        padding-left: 52px;
        width: 100%
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item {
        width: 172px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item.drop-menu-reverse-list {
        display: flex;
        flex-direction: column-reverse
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item {
        border-radius: 4px;
        box-sizing: border-box;
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding: 11px 4px 11px 21px;
        position: relative
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:focus-visible {
        border-radius: 4px;
        outline: 2px solid #000;
        outline-offset: 2px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:before {
        background: #000;
        border-radius: 50%;
        content: "";
        display: block;
        font-size: 12px;
        height: 5px;
        left: 8px;
        position: absolute;
        top: 16px;
        width: 5px
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item:hover {
        background: #f9f9f9;
        background: var(--header-lg-drop-box-item-bg-hover)
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item .nav-new-tag {
        margin-left: 0
    }

    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-menu-item .new-tag-title-container {
        margin-right: 5px
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag {
        max-width:700px
    }
}

body .header-container .header-wrap .header-main .nav-notice {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-notice {
        display:flex
    }
}

body .header-container .header-wrap .header-main .nav-notice {
    position: static
}

body .header-container .header-wrap .header-main .nav-notice .notice-icon {
    line-height: 48px;
    position: relative
}

body .header-container .header-wrap .header-main .nav-notice .notice-icon .notice-new {
    background-color: #ff6e00;
    border-radius: 100px;
    display: none;
    height: 6px;
    position: absolute;
    right: 0;
    top: 14px;
    width: 6px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align {
    overflow: hidden;
    padding: 8px 0;
    right: 0
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box {
    width: 336px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-title {
    display: none
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list {
    padding: 0 4px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list .notice-item {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 12px 16px;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list .notice-item:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list .notice-item:hover {
    background: #f7f7f7
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list .notice-item .item-title {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list .notice-item .item-date {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 2px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-more {
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin: 12px 18px;
    text-decoration: underline
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-more:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 158px;
    justify-content: center;
    width: 240px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-empty .empty-icon {
    display: block;
    height: 80px;
    margin-bottom: 6px;
    width: 80px
}

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-empty .empty-desc {
    color: #929292;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

body .header-container .header-wrap .header-main .nav-download {
    display: none;
    margin-left: 0
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-download {
        display:flex
    }
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align {
    left: 50%;
    min-width: 250px;
    padding: 16px 16px 8px;
    transform: translateX(-50%)
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align.tr-down-drop-align {
    min-width: 200px
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box {
    display: flex;
    flex-direction: column
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .qr-box {
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: 12px 12px 16px
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .qr-box .qr-code-desc {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px;
    white-space: nowrap
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .qr-box .img-box {
    height: 72px;
    width: 72px
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .qr-box .img-box .qr-code-img {
    display: block;
    height: 100%;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .pc-box {
    align-items: center;
    background: #f7f7f7;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    padding: 8px
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .download-btn {
    background: #fff;
    border: 1px solid #4d4d4d;
    border-radius: 14px;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
    padding: 4px 14px;
    text-align: center;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .download-btn:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .download-desc {
    color: #5b5b5b;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 12px;
    text-align: center
}

body .header-container .header-wrap .header-main .nav-mobile-download .app-box {
    width: 100%
}

body .header-container .header-wrap .header-main .nav-mobile-download .app-box .download-text {
    border: 1px solid #404040;
    border-radius: 24px;
    color: #fafafa;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 16px;
    margin-bottom: 8px;
    margin-top: 48px;
    padding: 16px 2px;
    text-align: center;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-mobile-download .app-box .download-text:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-mobile-download {
        display:none
    }
}

body .header-container .header-wrap .header-main.active .nav-mobile-download {
    display: block
}

@media (min-width: 1270px) {
    body .header-container .header-wrap .header-main.active .nav-mobile-download {
        display:none
    }
}

body .header-container .header-wrap .header-main .nav-language {
    display: none;
    margin-right: 0;
    position: relative
}

body .header-container .header-wrap .header-main .nav-language .now-language {
    cursor: pointer
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-language {
        display:flex
    }

    body .header-container .header-wrap .header-main .nav-language .now-language {
        display: flex;
        line-height: 48px
    }
}

body .header-container .header-wrap .header-main.active .nav-r-sec .nav-language {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.active .nav-r-sec .nav-language {
        display:flex
    }
}

body .header-container .header-wrap .header-main.active .nav-r-sec .nav-language-column {
    display: flex
}

body .header-container .header-wrap .header-main .user-no-login {
    display: none;
    margin-right: 20px;
    padding-top: 10px
}

body .header-container .header-wrap .header-main .user-no-login .passport-btn {
    border: 1px solid #fafafa;
    border-radius: 14px;
    color: #fafafa;
    display: inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 14px;
    padding: 6px 8px;
    text-align: center;
    white-space: nowrap
}

body .header-container .header-wrap .header-main .user-no-login .passport-btn:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .user-no-login .passport-btn+.passport-btn {
    margin-left: 4px
}

body .header-container .header-wrap .header-main .user-no-login .user-login-btn {
    border: 1px solid transparent;
    color: #fafafa;
    display: inline-block
}

body .header-container .header-wrap .header-main .nav-container .user-login-btn {
    display: none
}

@media (min-width: 768px) {
    body .header-container .header-wrap .header-main .nav-container .user-login-btn {
        display:inline-block
    }
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-container .user-no-login {
        margin-right:unset
    }
}

body .header-container .header-wrap .header-main .column-nav-container .user-no-login {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .user-no-login {
        display:none
    }
}

body .header-container .header-wrap .header-main.is-login .user-no-login {
    display: none
}

body .header-container .header-wrap .header-main.not-login .user-no-login {
    display: flex;
    flex-shrink: 0;
    position: relative
}

body .header-container .header-wrap .header-main.active.not-login .column-nav-container .user-no-login {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 12px;
    padding-top: 0;
    position: relative;
    top: auto
}

body .header-container .header-wrap .header-main.active.not-login .column-nav-container .user-no-login .passport-btn+.passport-btn {
    margin-left: 0;
    margin-right: 4px
}

body .header-container .header-wrap .header-main .nav-u-mob,body .header-container .header-wrap .header-main .nav-user {
    display: none
}

body .header-container .header-wrap .header-main .nav-u-mob .user-info,body .header-container .header-wrap .header-main .nav-user .user-info {
    align-items: center;
    color: #fafafa;
    cursor: pointer;
    float: left;
    font-size: 20px;
    height: 48px;
    margin-right: 0
}

body .header-container .header-wrap .header-main .nav-u-mob .user-info:focus-visible:after,body .header-container .header-wrap .header-main .nav-user .user-info:focus-visible:after {
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 30px;
    left: 0;
    margin: auto;
    outline: 2px solid #fff;
    outline-offset: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-u-mob .user-info .icon,body .header-container .header-wrap .header-main .nav-user .user-info .icon {
    color: #fafafa;
    font-size: 20px
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-u-mob,body .header-container .header-wrap .header-main .nav-user {
        cursor:pointer;
        display: none;
        font-weight: 500;
        margin-left: 10px;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        text-align: right
    }

    body .header-container .header-wrap .header-main .nav-u-mob:hover .user-arrow,body .header-container .header-wrap .header-main .nav-user:hover .user-arrow {
        transform: rotate(-180deg)
    }

    body .header-container .header-wrap .header-main .nav-u-mob:hover .dp-c-l-ag,body .header-container .header-wrap .header-main .nav-user:hover .dp-c-l-ag {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    body .header-container .header-wrap .header-main .nav-u-mob .dp-c-l-ag,body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag {
        box-sizing: border-box;
        left: -24px;
        min-width: 184px
    }

    body .header-container .header-wrap .header-main .nav-u-mob .dp-c-l-ag .extend-link:before,body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .extend-link:before {
        color: #000;
        font-size: 24px;
        margin-right: 16px
    }
}

body .header-container .header-wrap .header-main .nav-u-mob .line,body .header-container .header-wrap .header-main .nav-u-mob .user-account,body .header-container .header-wrap .header-main .nav-user .line,body .header-container .header-wrap .header-main .nav-user .user-account {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-u-mob .line,body .header-container .header-wrap .header-main .nav-u-mob .user-account,body .header-container .header-wrap .header-main .nav-user .line,body .header-container .header-wrap .header-main .nav-user .user-account {
        display:block
    }
}

body .header-container .header-wrap .header-main .nav-u-mob .user-info,body .header-container .header-wrap .header-main .nav-user .user-info {
    display: flex
}

body .header-container .header-wrap .header-main .nav-u-mob .logout,body .header-container .header-wrap .header-main .nav-user .logout {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-u-mob .logout,body .header-container .header-wrap .header-main .nav-user .logout {
        display:flex
    }

    body .header-container .header-wrap .header-main .nav-u-mob .u-acc-txt,body .header-container .header-wrap .header-main .nav-user .u-acc-txt {
        display: none
    }
}

body .header-container .header-wrap .header-main .user-info-item,body .header-container .header-wrap .header-main.not-login .is-user {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .user-info-item {
        display:flex;
        vertical-align: middle
    }
}

body .header-container .header-wrap .header-main .user-info-item .user-info-simple {
    margin-left: 8px
}

body .header-container .header-wrap .header-main .user-info-item .user-avatar {
    align-self: center;
    border-radius: 50%;
    flex-shrink: 0;
    height: 38px;
    overflow: hidden;
    position: relative;
    width: 38px
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .user-info-item .user-avatar {
        align-self:unset
    }
}

body .header-container .header-wrap .header-main .user-info-item .user-avatar img {
    display: block;
    height: 100%;
    width: 100%
}

body .header-container .header-wrap .header-main .user-info-item .user-avatar .header-avatar-loading {
    animation: okui-skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg,#e6e6e6 25%,hsla(0,0%,98%,.1) 37%,#e6e6e6 63%);
    background-size: 400% 100%;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes okui-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

body .header-container .header-wrap .header-main .vip-support-btn {
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.25);
    border-radius: 14px;
    color: #ffe9af;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 12px;
    padding: 5px 16px;
    width: 100%
}

body .header-container .header-wrap .header-main .vip-support-btn:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .vip-support-btn {
        background:#000;
        border: none;
        padding: 6px 16px
    }
}

body .header-container .header-wrap .header-main .vip-icon {
    font-size: 14px;
    margin-right: 8px
}

body .header-container .header-wrap .header-main .header-toggle-btn {
    border: 1px solid #dbdbdb;
    border-radius: 14px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 24px;
    margin-top: 12px;
    padding: 5px 8px;
    text-align: center;
    width: 100%
}

body .header-container .header-wrap .header-main .header-toggle-btn:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .header-toggle-btn.no-top {
    margin-top: 0
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-user {
        position:relative
    }

    body .header-container .header-wrap .header-main .nav-user .user-arrow {
        display: none
    }
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag {
    min-width: 220px;
    padding: 12px
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag {
        left:unset;
        right: 0
    }
}

@media (min-width: 1270px) {
    body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag {
        right:-20px
    }
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-info-item {
    box-sizing: border-box;
    cursor: default;
    line-height: 1;
    min-height: 48px;
    padding: 10px 12px;
    text-align: left;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .line {
    background: #edf0f7;
    height: 1px;
    margin: 6px 0
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-account {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level {
    display: inline-block;
    line-height: 1;
    text-align: left
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .sub-tag-wrap {
    background: rgba(103,217,67,.15);
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 4px 3px 0 0;
    padding: 0 4px;
    text-align: center
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .team-account-wrap {
    background: hsla(0,0%,92%,.7)
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .sub-tag {
    color: #0c5025;
    display: inline-block;
    font-size: 12px;
    transform: scale(.83);
    transform-origin: top
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .team-account-tag {
    color: #3d3d3d
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .level-tag-wrap {
    background: #e4f4ea;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin: 0;
    padding: 2px 4px
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .level-tag {
    border-radius: 2px;
    color: #4db872;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    text-align: left;
    transform: scale(.83);
    transform-origin: top;
    vertical-align: middle
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .sub-account-uid {
    color: #929292;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .logout {
    cursor: pointer;
    margin-top: 0;
    padding: 12px 16px;
    width: 100%
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .logout.user-loading-btn {
    cursor: not-allowed
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .logout:focus-visible {
    border-radius: 4px;
    outline: 2px solid #000;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .logout.logout-outline {
    border: 1px solid #b3b3b3;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 16px;
    margin-top: 14px;
    padding: 10px 16px
}

body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .logout.logout-outline .user-loading {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

body .header-container .header-wrap .header-main .nav-user .user-uid {
    color: #5b5b5b;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    white-space: nowrap
}

body .header-container .header-wrap .header-main .nav-user .user-level-tag {
    display: inline-block;
    margin-top: 4px;
    white-space: nowrap
}

body .header-container .header-wrap .header-main .nav-user .user-level-tag.vip-tag img {
    width: 48px
}

body .header-container .header-wrap .header-main .nav-user .user-level-tag.regular-tag {
    background-color: initial;
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 2px 4px
}

body .header-container .header-wrap .header-main .nav-user .user-loading {
    margin-right: 20px
}

body .header-container .header-wrap .header-main .profile-wrap {
    display: none;
    margin-bottom: 10px;
    min-height: 44px
}

body .header-container .header-wrap .header-main .profile-wrap .header-user-info {
    display: flex;
    margin-bottom: 10px
}

body .header-container .header-wrap .header-main .profile-wrap.header-profile {
    flex-direction: column
}

body .header-container .header-wrap .header-main .profile-wrap.header-profile .slide-toggle-btn {
    border: 1px solid #404040;
    border-radius: 16px;
    color: #fafafa;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px;
    margin-top: 16px;
    padding: 5px 16px;
    text-align: center
}

body .header-container .header-wrap .header-main .profile-wrap.header-profile .slide-toggle-btn:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .profile-wrap.header-profile .no-top {
    margin-top: 0
}

body .header-container .header-wrap .header-main .profile-wrap .photo {
    background: #2f3e6d;
    border-radius: 50%;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 44px
}

body .header-container .header-wrap .header-main .profile-wrap .photo .icon {
    color: #16234a;
    font-size: 40px
}

body .header-container .header-wrap .header-main .profile-wrap .user-avatar {
    align-self: center;
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    width: 40px
}

body .header-container .header-wrap .header-main .profile-wrap .user-avatar .header-avatar-img,body .header-container .header-wrap .header-main .profile-wrap .user-avatar img {
    display: block;
    height: 100%;
    width: 100%
}

body .header-container .header-wrap .header-main .profile-wrap .person-info {
    flex-grow: 1;
    padding: 5px 0 5px 8px
}

body .header-container .header-wrap .header-main .profile-wrap .person-info .info-text {
    color: #fafafa;
    font-size: 14px;
    line-height: 18px
}

body .header-container .header-wrap .header-main .profile-wrap .person-info .user-uuid {
    color: #909090
}

body .header-container .header-wrap .header-main .profile-wrap .logout {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 7px -3px 7px 0;
    position: relative;
    text-align: right;
    width: 36px
}

body .header-container .header-wrap .header-main .profile-wrap .logout .user-loading {
    border-color: #909090 #312f2f #312f2f;
    margin-right: 4px;
    margin-top: 5px
}

body .header-container .header-wrap .header-main .profile-wrap .logout.logout-outline-column {
    align-items: center;
    border: 1px solid #4d4d4d;
    border-radius: 20PX;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 16px;
    margin-top: 14px;
    padding: 12px 16px;
    width: 100%
}

body .header-container .header-wrap .header-main .profile-wrap .logout:focus-visible {
    border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: 2px
}

body .header-container .header-wrap .header-main .profile-wrap .logout .icon {
    color: #909090;
    display: inline-block;
    font-size: 24px
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.is-login .nav-user {
        display:flex
    }
}

body .header-container .header-wrap .header-main.is-login .nav-u-mob {
    cursor: pointer;
    display: flex;
    position: relative
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.is-login .nav-u-mob {
        display:none
    }
}

body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .is-user,body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .nav-user,body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .profile-wrap {
    display: flex
}

body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .profile-wrap .logout {
    margin: 7px -2px 7px 0
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .profile-wrap {
        display:none
    }
}

body .header-container .header-wrap .user-loading {
    animation: user-loading-animation 1s linear infinite;
    border: 2px solid #dbdbdb;
    border-radius: 50%;
    border-top-color: #000;
    cursor: not-allowed;
    display: inline-block;
    height: 20px;
    width: 20px
}

@keyframes user-loading-animation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@media (min-width: 1024px) {
    body .header-main .nav-buy {
        order:1
    }

    body .header-main .nav-deposit,body .header-main .nav-market {
        order: 2
    }

    body .header-main .nav-trade {
        order: 3
    }

    body .header-main .nav-earn {
        order: 4
    }

    body .header-main .nav-academy,body .header-main .nav-institutions,body .header-main .nav-okc,body .header-main .nav-smsf {
        order: 5
    }

    body .header-main .nav-more {
        order: 6
    }

    body .header-main .nav-null,body .header-main .nav-site-flag {
        order: 7
    }

    body .header-main .header-search-box,body .header-main .nav-search {
        order: 8
    }

    body .header-main .deposit-item,body .header-main .user-no-login {
        order: 9
    }

    body .header-main .nav-balance {
        order: 10
    }

    body .header-main .nav-user {
        order: 11
    }

    body .header-main .header-line,body .header-main .nav-r-sec {
        order: 12
    }

    body .header-main .nav-download {
        order: 13
    }

    body .header-main .nav-im,body .header-main .nav-notice {
        order: 14
    }

    body .header-main .nav-custom {
        order: 15
    }

    body .header-main .nav-language {
        order: 16
    }

    body .header-main .nav-language-column {
        order: 13
    }

    body .header-main .nav-dashboard {
        order: 1
    }

    body .header-main .nav-defi-trade {
        order: 2
    }

    body .header-main .nav-defi {
        order: 3
    }

    body .header-main .nav-invest {
        order: 4
    }

    body .header-main .nav-nft {
        order: 3
    }

    body .header-main .nav-discovery {
        order: 4
    }

    body .header-main .nav-explorer {
        order: 5
    }

    body .header-main .nav-doc {
        order: 6
    }

    body .header-main .mode-line,body .header-main .mode-xl-line {
        order: 12
    }

    body .header-main .action-container {
        order: 20
    }

    body .header-main .nav-cefi-market {
        order: 1
    }

    body .header-main .nav-meme-pump {
        order: 2
    }

    body .header-main .nav-web3-strategy {
        order: 3
    }

    body .header-main .nav-swap {
        order: 4
    }

    body .header-main .nav-portfolio {
        order: 5
    }

    body .header-main .nav-referral {
        order: 6
    }

    body .header-main .nav-web3-onchain {
        order: 8
    }

    body .header-main .nav-web3-more {
        order: 9
    }
}

body .header-container .header-wrap .header-main .nav-balance,body .header-container .header-wrap .header-main .nav-balance .item-real,body .header-container .header-wrap .header-main .nav-balance .item-simulated {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main .nav-balance {
        cursor:pointer;
        display: none;
        font-weight: 500;
        padding: 0 10px 0 0;
        position: relative;
        text-align: right
    }

    body .header-container .header-wrap .header-main .nav-balance:hover .user-arrow {
        transform: rotate(-180deg)
    }

    body .header-container .header-wrap .header-main .nav-balance:hover .dp-c-l-ag {
        opacity: 1;
        pointer-events: auto;
        top: 48px;
        visibility: visible
    }

    body .header-container .header-wrap .header-main .nav-balance .u-ban-txt,body .header-container .header-wrap .header-main .nav-balance .user-balance-href {
        align-items: center;
        color: #fafafa;
        display: flex;
        float: left;
        font-size: 14px;
        margin-right: 8px;
        white-space: nowrap
    }

    body .header-container .header-wrap .header-main .nav-balance .user-balance-href {
        display: block
    }

    body .header-container .header-wrap .header-main .nav-balance .u-ban-txt {
        display: none
    }

    body .header-container .header-wrap .header-main .nav-balance .user-arrow {
        display: inline-block;
        margin-left: 0;
        transform: rotate(0deg);
        width: 14px
    }

    body .header-container .header-wrap .header-main .nav-balance .user-arrow .icon {
        display: inline-block;
        font-size: 10px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        width: 14px
    }

    body .header-container .header-wrap .header-main .nav-balance .dp-c-l-ag {
        box-sizing: border-box;
        left: unset;
        min-width: 220px;
        right: -16px
    }

    body .header-container .header-wrap .header-main .nav-balance .dp-c-l-ag .extend-link:before {
        color: #000;
        font-size: 24px;
        margin-right: 16px
    }
}

body .header-container .header-wrap .header-main.is-login .nav-balance {
    justify-content: flex-end
}

body .header-container .header-wrap .header-main.is-login .nav-balance .u-ban-txt {
    display: flex;
    flex-grow: 1;
    text-align: left
}

body .header-container .header-wrap .header-main.is-login .nav-balance .user-balance-href {
    display: none
}

@media (min-width: 1024px) {
    body .header-container .header-wrap .header-main.is-login .nav-balance {
        display:flex
    }
}

body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .nav-balance {
    display: flex;
    justify-content: flex-end
}

body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .nav-balance .u-ban-txt {
    display: flex;
    flex-grow: 1;
    text-align: left
}

body .header-container .header-wrap .header-main.is-login.active .column-nav-container.asset-active .nav-balance .user-balance-href {
    display: none
}

.simulated .header-container .header-wrap .header-main .logo-container {
    pointer-events: none
}

.simulated .header-container .header-wrap .header-main .logo-container .simulated-sign {
    background: linear-gradient(90deg,#86eef1,#f1fc67 138.82%);
    border-radius: 3px;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 24px;
    margin-top: 6px;
    padding: 4px 8px;
    vertical-align: top
}

.simulated .header-container .header-wrap .header-main .column-nav-container .nav-academy,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-analysis,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-audit,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-fee,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-recharge,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-report,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-simulated,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-transfer,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-withdrawal,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-buy,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-deposit,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-earn,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-institutions,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-market,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-mode,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-more,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-okc,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-site-flag,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-smsf,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-trade .extend-box .box-item.item-convert,.simulated .header-container .header-wrap .header-main .head-spl-lin,.simulated .header-container .header-wrap .header-main .mode-container .dp-c-l-ag,.simulated .header-container .header-wrap .header-main .mode-container .nav-text,.simulated .header-container .header-wrap .header-main .mode-container .new-mode-tab,.simulated .header-container .header-wrap .header-main .mode-container .user-arrow,.simulated .header-container .header-wrap .header-main .nav-container .nav-academy,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-analysis,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-audit,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-fee,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-recharge,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-report,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-simulated,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-transfer,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-withdrawal,.simulated .header-container .header-wrap .header-main .nav-container .nav-buy,.simulated .header-container .header-wrap .header-main .nav-container .nav-deposit,.simulated .header-container .header-wrap .header-main .nav-container .nav-earn,.simulated .header-container .header-wrap .header-main .nav-container .nav-institutions,.simulated .header-container .header-wrap .header-main .nav-container .nav-market,.simulated .header-container .header-wrap .header-main .nav-container .nav-mode,.simulated .header-container .header-wrap .header-main .nav-container .nav-more,.simulated .header-container .header-wrap .header-main .nav-container .nav-okc,.simulated .header-container .header-wrap .header-main .nav-container .nav-site-flag,.simulated .header-container .header-wrap .header-main .nav-container .nav-smsf,.simulated .header-container .header-wrap .header-main .nav-container .nav-trade .extend-box .box-item.item-convert {
    display: none
}

.simulated .header-container .header-wrap .header-main .column-nav-container .nav-balance .item-real,.simulated .header-container .header-wrap .header-main .nav-container .nav-balance .item-real {
    display: block
}

.simulated .header-container .header-wrap .header-main .column-nav-container .extend-link.nav-user-payment,.simulated .header-container .header-wrap .header-main .column-nav-container .nav-link.nav-user-payment,.simulated .header-container .header-wrap .header-main .nav-container .extend-link.nav-user-payment,.simulated .header-container .header-wrap .header-main .nav-container .nav-link.nav-user-payment {
    display: none
}

@media (min-width: 1024px) {
    .simulated .header-container .header-wrap .header-main.active .column-nav-container {
        display:none
    }
}

.header-main .nav-container .nav-item.nav-search {
    align-items: center;
    display: flex;
    margin: 0 10px;
    padding: 0
}

@media (min-width: 1024px) {
    .header-main .nav-container .nav-item.nav-search {
        margin-right:16px
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true] .nav-container .action-container {
        display: inline-block
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true] .column-nav-container .nav-item,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true] .column-nav-container .user-no-login,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true] .nav-container .nav-r-fun-pan.fun-pan-show,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true] .nav-container .nav-r-pan-i {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true] .column-nav-container .nav-mode {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-academy,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-academy,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-l-sec {
        opacity: 0;
        visibility: hidden
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .column-nav-container .is-left,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-academy,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-mobile-download,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="3"] .column-nav-container .user-no-login {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec {
        overflow: hidden
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec .nav-link,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec .nav-text,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec .user-arrow {
        opacity: 0;
        visibility: hidden
    }

    body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true].is-login[data-shrink-step="3"] .column-nav-container .user-no-login,body .header-container .header-wrap .header-main[data-from="1"][data-shrink=true][data-shrink-step="0"] .column-nav-container {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true] .nav-container .action-container {
        display: inline-block
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true] .column-nav-container .nav-item,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true] .nav-container .nav-r-fun-pan.fun-pan-show,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true] .nav-container .nav-r-pan-i {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true] .column-nav-container .mode-chain {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-academy,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-l-sec {
        opacity: 0;
        visibility: hidden
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-academy,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-item.is-left,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="2"][data-shrink=true][data-shrink-step="0"] .column-nav-container {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true] .nav-container .action-container {
        display: inline-block
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true] .column-nav-container .nav-item,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true] .nav-container .nav-r-fun-pan.fun-pan-show,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true] .nav-container .nav-r-pan-i {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true] .column-nav-container .nav-mode {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-academy,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-academy,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-l-sec {
        opacity: 0;
        overflow: hidden;
        visibility: hidden
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-academy .is-left,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="3"][data-shrink=true][data-shrink-step="0"] .column-nav-container {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true] .nav-container .action-container {
        display: inline-block
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true] .column-nav-container .nav-item,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true] .column-nav-container .user-no-login,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true] .nav-container .nav-r-fun-pan.fun-pan-show,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true] .nav-container .nav-r-pan-i {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true] .column-nav-container .nav-mode {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="1"] .column-nav-container .nav-mobile-download {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-notice,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .nav-container .nav-support {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-mobile-download,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="2"] .column-nav-container .nav-support {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .nav-container .nav-l-sec {
        opacity: 0;
        visibility: hidden
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .column-nav-container .is-left,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-language-column,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-mobile-download,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .column-nav-container .nav-support,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="3"] .column-nav-container .user-no-login {
        display: flex
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-custom,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-download,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-im,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-language,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-notice {
        display: none
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec {
        overflow: hidden
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec .nav-link,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec .nav-text,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .nav-container .nav-l-sec .user-arrow {
        opacity: 0;
        visibility: hidden
    }

    body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true].is-login[data-shrink-step="3"] .column-nav-container .user-no-login,body .header-container .header-wrap .header-main[data-from="4"][data-shrink=true][data-shrink-step="0"] .column-nav-container {
        display: none
    }
}

.keep-ltr {
    direction: ltr
}

.keep-rtl {
    direction: rtl
}

.panel-drop-item-icon:before {
    display: inline-block
}

body .header-container .nav-site-flag .nav-link {
    color: #bcff2f!important
}

#YSF-BTN-HOLDER {
    display: none!important
}

body[data-nav=false] .header-container {
    display: none
}

body[data-nav=true] .header-container {
    display: block
}