.theme-light.pnl-classic { --global-color-profit-default: #31bd65; --global-color-profit-default-rgb: 49,189,101; --global-color-profit-surface-default: #e0f5e8; --global-color-profit-surface-hovered: #29ad5a; --global-color-profit-surface-pressed: #008535; --global-color-profit-oncolor: #fff; --global-color-profit-tint: rgba(49,189,101,.2); --global-color-profit-graph: #31bd65; --global-color-profit-alpha: hsla(0,0%,100%,.2); --global-color-loss-default: #eb4b6d; --global-color-loss-default-rgb: 235,75,109; --global-color-loss-surface-default: #fce4e9; --global-color-loss-surface-hovered: #dd4263; --global-color-loss-surface-pressed: #cd2438; --global-color-loss-oncolor: #fff; --global-color-loss-tint: rgba(235,75,109,.2); --global-color-loss-graph: #eb4b6d; --global-color-loss-alpha: hsla(0,0%,100%,.2); --global-color-neutral-default: #5e5e5e; --global-color-neutral-surface-default: #5e5e5e; --global-color-neutral-surface-hovered: #4c4c4c; --global-color-neutral-surface-pressed: #393939; --global-color-neutral-oncolor: #fff; --global-color-neutral-graph: #5e5e5e; --global-color-profit-surface-default-new: #e0f5e8; --global-color-profit-surface-emphasis: #31bd65; --global-color-profit-surface-emphasis-rgb: 49,189,101; --global-color-loss-surface-default-new: #fce4e9; --global-color-loss-surface-emphasis: #eb4b6d; --global-color-loss-surface-emphasis-rgb: 235,75,109; --global-color-profit-gradient-max: rgba(49,189,101,.2); --global-color-profit-gradient-min: rgba(49,189,101,0); --global-color-loss-gradient-max: rgba(235,75,109,.2); --global-color-loss-gradient-min: rgba(235,75,109,0); }
.theme-light.pnl-modern { --global-color-profit-default: #2b6d17; --global-color-profit-default-rgb: 43,109,23; --global-color-profit-surface-default: #d2e8a4; --global-color-profit-surface-hovered: #bad385; --global-color-profit-surface-pressed: #a4bd70; --global-color-profit-oncolor: #2b6d17; --global-color-profit-tint: rgba(125,183,2,.13); --global-color-profit-graph: #81be00; --global-color-profit-alpha: rgba(43,109,23,.16); --global-color-loss-default: #a54162; --global-color-loss-default-rgb: 165,65,98; --global-color-loss-surface-default: #ffc0d3; --global-color-loss-surface-hovered: #e8a4b8; --global-color-loss-surface-pressed: #d68fa4; --global-color-loss-oncolor: #a54162; --global-color-loss-tint: rgba(255,96,144,.15); --global-color-loss-graph: #fc46ab; --global-color-loss-alpha: rgba(165,65,98,.16); --global-color-neutral-default: #5e5e5e; --global-color-neutral-surface-default: #f5f5f5; --global-color-neutral-surface-hovered: #dedede; --global-color-neutral-surface-pressed: #c8c8c8; --global-color-neutral-oncolor: #5e5e5e; --global-color-neutral-graph: #5e5e5e; --global-color-profit-surface-default-new: #d2e8a4; --global-color-profit-surface-emphasis: #d2e8a4; --global-color-profit-surface-emphasis-rgb: 210,232,164; --global-color-loss-surface-default-new: #ffc0d3; --global-color-loss-surface-emphasis: #ffc0d3; --global-color-loss-surface-emphasis-rgb: 255,192,211; --global-color-profit-gradient-max: rgba(129,190,0,.2); --global-color-profit-gradient-min: rgba(129,190,0,0); --global-color-loss-gradient-max: rgba(252,70,171,.2); --global-color-loss-gradient-min: rgba(252,70,171,0); }
.theme-light { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-neutral-default: var(--oxnv-okd-color-surface-pnl-neutral-default); --global-color-surface-pnl-neutral-hovered: var(--oxnv-okd-color-surface-pnl-neutral-hovered); --global-color-surface-pnl-neutral-pressed: var(--oxnv-okd-color-surface-pnl-neutral-pressed); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-neutral-default: var(--oxnv-okd-color-content-pnl-neutral-default); --global-color-content-pnl-neutral-oncolor: var(--oxnv-okd-color-content-pnl-neutral-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-surface-pnl-neutral-graph: var(--oxnv-okd-color-surface-pnl-neutral-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-neutral-graph: var(--oxnv-okd-color-border-pnl-neutral-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); }
.theme-light.cfg-red-up { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); }
.theme-dark.pnl-classic { --global-color-profit-default: #25a750; --global-color-profit-default-rgb: 37,167,80; --global-color-profit-surface-default: #071c0f; --global-color-profit-surface-hovered: #1a8d40; --global-color-profit-surface-pressed: #005c25; --global-color-profit-oncolor: #fff; --global-color-profit-tint: rgba(37,167,80,.2); --global-color-profit-graph: #25a750; --global-color-profit-alpha: hsla(0,0%,100%,.2); --global-color-loss-default: #ca3f64; --global-color-loss-default-rgb: 202,63,100; --global-color-loss-surface-default: #230b10; --global-color-loss-surface-hovered: #b43255; --global-color-loss-surface-pressed: #9a1b2a; --global-color-loss-oncolor: #fff; --global-color-loss-tint: rgba(202,63,100,.2); --global-color-loss-graph: #ca3f64; --global-color-loss-alpha: hsla(0,0%,100%,.2); --global-color-neutral-default: #b8b8b8; --global-color-neutral-surface-default: #5e5e5e; --global-color-neutral-surface-hovered: #4c4c4c; --global-color-neutral-surface-pressed: #393939; --global-color-neutral-oncolor: #fff; --global-color-neutral-graph: #b8b8b8; --global-color-profit-surface-default-new: #071c0f; --global-color-profit-surface-emphasis: #25a750; --global-color-profit-surface-emphasis-rgb: 37,167,80; --global-color-loss-surface-default-new: #230b10; --global-color-loss-surface-emphasis: #ca3f64; --global-color-loss-surface-emphasis-rgb: 202,63,100; --global-color-profit-gradient-max: rgba(37,167,80,.2); --global-color-profit-gradient-min: rgba(37,167,80,0); --global-color-loss-gradient-max: rgba(202,63,100,.2); --global-color-loss-gradient-min: rgba(202,63,100,0); }
.theme-dark.pnl-modern { --global-color-profit-default: #bcff2f; --global-color-profit-default-rgb: 188,255,47; --global-color-profit-surface-default: #213000; --global-color-profit-surface-hovered: #1a2600; --global-color-profit-surface-pressed: #111900; --global-color-profit-oncolor: #bcff2f; --global-color-profit-tint: rgba(141,204,0,.17); --global-color-profit-graph: #bcff2f; --global-color-profit-alpha: rgba(188,255,47,.16); --global-color-loss-default: #fc46ab; --global-color-loss-default-rgb: 252,70,171; --global-color-loss-surface-default: #3d192d; --global-color-loss-surface-hovered: #2a101f; --global-color-loss-surface-pressed: #11060c; --global-color-loss-oncolor: #fc46ab; --global-color-loss-tint: rgba(200,92,153,.2); --global-color-loss-graph: #fc46ab; --global-color-loss-alpha: rgba(252,70,171,.16); --global-color-neutral-default: #b8b8b8; --global-color-neutral-surface-default: #212121; --global-color-neutral-surface-hovered: #141414; --global-color-neutral-surface-pressed: #030303; --global-color-neutral-oncolor: #b8b8b8; --global-color-neutral-graph: #b8b8b8; --global-color-profit-surface-default-new: #213000; --global-color-profit-surface-emphasis: #213000; --global-color-profit-surface-emphasis-rgb: 33,48,0; --global-color-loss-surface-default-new: #3d192d; --global-color-loss-surface-emphasis: #3d192d; --global-color-loss-surface-emphasis-rgb: 61,25,45; --global-color-profit-gradient-max: rgba(188,255,47,.2); --global-color-profit-gradient-min: rgba(188,255,47,0); --global-color-loss-gradient-max: rgba(252,70,171,.2); --global-color-loss-gradient-min: rgba(252,70,171,0); }
.theme-dark { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-neutral-default: var(--oxnv-okd-color-surface-pnl-neutral-default); --global-color-surface-pnl-neutral-hovered: var(--oxnv-okd-color-surface-pnl-neutral-hovered); --global-color-surface-pnl-neutral-pressed: var(--oxnv-okd-color-surface-pnl-neutral-pressed); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-neutral-default: var(--oxnv-okd-color-content-pnl-neutral-default); --global-color-content-pnl-neutral-oncolor: var(--oxnv-okd-color-content-pnl-neutral-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-surface-pnl-neutral-graph: var(--oxnv-okd-color-surface-pnl-neutral-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-neutral-graph: var(--oxnv-okd-color-border-pnl-neutral-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); }
.theme-dark.cfg-red-up { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); }
:root { --color-red-text: #eb4b6d; --color-red-bg: #eb4b6d; --color-green-text: #31bd65; --color-green-bg: #31bd65; --color-red-text-rgb: 235,75,109; --color-red-bg-rgb: 235,75,109; --color-green-text-rgb: 49,189,101; --color-green-bg-rgb: 49,189,101; --color-up: var(--color-green-text); --color-down: var(--color-red-text); --color-up-text: var(--color-green-text); --color-down-text: var(--color-red-text); --color-up-bg: var(--color-green-bg); --color-down-bg: var(--color-red-bg); --color-up-text-rgb: var(--color-green-text-rgb); --color-down-text-rgb: var(--color-red-text-rgb); --color-up-bg-rgb: var(--color-green-bg-rgb); --color-down-bg-rgb: var(--color-red-bg-rgb); }
.theme-light { --oxnv-okd-color-surface-pnl-profit-emphasis-rgb: var(--global-color-profit-surface-emphasis-rgb); --oxnv-okd-color-surface-pnl-loss-emphasis-rgb: var(--global-color-loss-surface-emphasis-rgb); --oxnv-okd-color-content-pnl-profit-default-rgb: var(--global-color-profit-default-rgb); --oxnv-okd-color-content-pnl-loss-default-rgb: var(--global-color-loss-default-rgb); --color-red-text: var(--oxnv-okd-color-content-pnl-loss-default); --color-red-bg: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --color-green-text: var(--oxnv-okd-color-content-pnl-profit-default); --color-green-bg: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --color-red-text-rgb: var(--oxnv-okd-color-content-pnl-loss-default-rgb); --color-red-bg-rgb: var(--oxnv-okd-color-surface-pnl-loss-emphasis-rgb); --color-green-text-rgb: var(--oxnv-okd-color-content-pnl-profit-default-rgb); --color-green-bg-rgb: var(--oxnv-okd-color-surface-pnl-profit-emphasis-rgb); --oxnv-okd-color-old-content-pnl-profit-default: #2b6d17; --oxnv-okd-color-old-surface-pnl-profit-graph: #81be00; --oxnv-okd-color-old-content-pnl-loss-default: #a54162; --oxnv-okd-color-old-surface-pnl-loss-graph: #fc46ab; --oxnv-okd-color-old-surface-pnl-profit-graph-rgb: 129,190,0; --oxnv-okd-color-old-surface-pnl-loss-graph-rgb: 252,70,171; --color-up: var(--color-green-text); --color-down: var(--color-red-text); --color-up-text: var(--color-green-text); --color-down-text: var(--color-red-text); --color-up-bg: var(--color-green-bg); --color-down-bg: var(--color-red-bg); --color-up-text-rgb: var(--color-green-text-rgb); --color-down-text-rgb: var(--color-red-text-rgb); --color-up-bg-rgb: var(--color-green-bg-rgb); --color-down-bg-rgb: var(--color-red-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); }
.theme-light.cfg-red-up { --color-up: var(--color-red-text); --color-down: var(--color-green-text); --color-up-text: var(--color-red-text); --color-down-text: var(--color-green-text); --color-up-bg: var(--color-red-bg); --color-down-bg: var(--color-green-bg); --color-up-text-rgb: var(--color-red-text-rgb); --color-down-text-rgb: var(--color-green-text-rgb); --color-up-bg-rgb: var(--color-red-bg-rgb); --color-down-bg-rgb: var(--color-green-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); }
.theme-dark { --oxnv-okd-color-surface-pnl-profit-emphasis-rgb: var(--global-color-profit-surface-emphasis-rgb); --oxnv-okd-color-surface-pnl-loss-emphasis-rgb: var(--global-color-loss-surface-emphasis-rgb); --oxnv-okd-color-content-pnl-profit-default-rgb: var(--global-color-profit-default-rgb); --oxnv-okd-color-content-pnl-loss-default-rgb: var(--global-color-loss-default-rgb); --color-red-text: var(--oxnv-okd-color-content-pnl-loss-default); --color-red-bg: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --color-green-text: var(--oxnv-okd-color-content-pnl-profit-default); --color-green-bg: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --color-red-text-rgb: var(--oxnv-okd-color-content-pnl-loss-default-rgb); --color-red-bg-rgb: var(--oxnv-okd-color-surface-pnl-loss-emphasis-rgb); --color-green-text-rgb: var(--oxnv-okd-color-content-pnl-profit-default-rgb); --color-green-bg-rgb: var(--oxnv-okd-color-surface-pnl-profit-emphasis-rgb); --oxnv-okd-color-old-content-pnl-profit-default: #bcff2f; --oxnv-okd-color-old-surface-pnl-profit-graph: #bcff2f; --oxnv-okd-color-old-content-pnl-loss-default: #fc46ab; --oxnv-okd-color-old-surface-pnl-loss-graph: #fc46ab; --oxnv-okd-color-old-surface-pnl-profit-graph-rgb: 188,255,47; --oxnv-okd-color-old-surface-pnl-loss-graph-rgb: 252,70,171; --color-up: var(--color-green-text); --color-down: var(--color-red-text); --color-up-text: var(--color-green-text); --color-down-text: var(--color-red-text); --color-up-bg: var(--color-green-bg); --color-down-bg: var(--color-red-bg); --color-up-text-rgb: var(--color-green-text-rgb); --color-down-text-rgb: var(--color-red-text-rgb); --color-up-bg-rgb: var(--color-green-bg-rgb); --color-down-bg-rgb: var(--color-red-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); }
.theme-dark.cfg-red-up { --color-up: var(--color-red-text); --color-down: var(--color-green-text); --color-up-text: var(--color-red-text); --color-down-text: var(--color-green-text); --color-up-bg: var(--color-red-bg); --color-down-bg: var(--color-green-bg); --color-up-text-rgb: var(--color-red-text-rgb); --color-down-text-rgb: var(--color-green-text-rgb); --color-up-bg-rgb: var(--color-red-bg-rgb); --color-down-bg-rgb: var(--color-green-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); }
.theme-okcoin { --color-up: #2ead65; --color-down: #e35e5e; --color-up-text: #2ead65; --color-down-text: #e35e5e; --color-up-bg: #2ead65; --color-down-bg: #e35e5e; }
.theme-okcoin.cfg-red-up { --color-up: #e35e5e; --color-down: #2ead65; --color-up-text: #e35e5e; --color-down-text: #2ead65; --color-up-bg: #e35e5e; --color-down-bg: #2ead65; }
#global-sticky-container, .okx-sticky-container { left: 0px; margin: auto; position: sticky; right: 0px; top: 0px; z-index: 9499; }
* { font-family: inherit; }
a, b, body, button, dd, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, input, li, ol, p, pre, select, span, strong, td, textarea, th, ul { -webkit-tap-highlight-color: transparent; appearance: none; margin: 0px; padding: 0px; }
body, html { -webkit-font-smoothing: antialiased; text-size-adjust: none; user-select: text; }
iframe { border: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
a { cursor: pointer; }
a, a:active, a:hover { text-decoration: none; }
a:active, a:hover { outline-width: 0px; }
li, ol, ul { list-style: none; }
button, input, select, textarea { appearance: none; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; box-shadow: none; outline: 0px; resize: none; }
input[type="number"] { }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
b, em, i, strong { font-style: normal; }
@font-face { font-display: swap; font-family: OKXSans; font-style: normal; font-weight: 200; src: url("./9a54b7f3fc8b9225.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: OKXSans; font-style: normal; font-weight: 300; src: url("./25c76c74aa82ef51.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: OKXSans; font-style: normal; font-weight: 400; src: url("./546acf952c0b3418.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: OKXSans; font-style: normal; font-weight: 500; src: url("./9586a58837b19380.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: OKXSans; font-style: normal; font-weight: 600; src: url("./7e79a29ede3dd1e8.woff2") format("woff2"); }
body { --okx-font-family: "OKXSans","apple-system","BlinkMacSystemFont","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif"; }
[lang="ar"] body, [lang="vi"] body { --okx-font-family: Arial,sans-serif; }
body { font-family: var(--okx-font-family) !important; }
a, b, body, button, dd, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, input, li, ol, p, pre, select, span, strong, td, textarea, th, ul { font-size: 100%; }
body, html { font-size: 14px; line-height: 1; }
img, video { height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: 400; }
button, fieldset, input, label, legend, option, select, textarea { font-size: 1em; }
b, em, i, strong { font-weight: 400; }
.header-banner-container, .nav-banner-container { min-width: 320px; width: 100%; }
.header-banner-container .home-header-banner-container, .nav-banner-container .home-header-banner-container { padding-bottom: 12px; padding-top: 12px; width: 100%; }
@media (min-width: 768px) {
  .header-banner-container .home-header-banner-container, .nav-banner-container .home-header-banner-container { padding-bottom: 16px; padding-top: 16px; }
}
@media (min-width: 1024px) {
  .header-banner-container .home-header-banner-container, .nav-banner-container .home-header-banner-container { margin-top: unset; padding-bottom: 14px; padding-top: 14px; position: relative; }
}
.header-banner-container .okg-container, .nav-banner-container .okg-container { padding-left: 8px; padding-right: 8px; }
@media (min-width: 768px) {
  .header-banner-container .okg-container, .nav-banner-container .okg-container { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .header-banner-container .okg-container, .nav-banner-container .okg-container { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .header-banner-container .okg-container, .nav-banner-container .okg-container { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
.header-banner-container .okg-container .app-box, .nav-banner-container .okg-container .app-box { align-items: baseline; box-sizing: border-box; display: flex; justify-content: space-between; padding-left: 8px; padding-right: 8px; position: relative; width: 100%; word-break: break-word; }
@media (min-width: 768px) {
  .header-banner-container .okg-container .app-box, .nav-banner-container .okg-container .app-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .header-banner-container .okg-container .app-box, .nav-banner-container .okg-container .app-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .header-banner-container .okg-container .app-box, .nav-banner-container .okg-container .app-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { font-size: 16px; font-weight: 500; line-height: 20px; margin-right: 24px; text-align: left; }
@media (min-width: 768px) and (min-width: 768px) {
  .header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { margin-left: 25%; text-align: center; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .header-banner-container .okg-container .text-box, .nav-banner-container .okg-container .text-box { margin-left: 8.33333%; }
}
.header-banner-container .okg-container .text-box .banner-href, .nav-banner-container .okg-container .text-box .banner-href { color: rgb(0, 0, 0); font-size: 16px; font-weight: 500; line-height: 20px; margin-left: 12px; text-decoration-line: underline; }
.header-banner-container .okg-container .text-box .banner-href.hide-link, .nav-banner-container .okg-container .text-box .banner-href.hide-link { display: none; }
.header-banner-container .okg-container .banner-close, .nav-banner-container .okg-container .banner-close { color: rgb(0, 0, 0); cursor: pointer; margin-left: 24px; }
@media (min-width: 768px) {
  .header-banner-container .okg-container .banner-close, .nav-banner-container .okg-container .banner-close { margin-left: unset; }
}
.header-banner-container .okg-container .banner-close .close-icon, .nav-banner-container .okg-container .banner-close .close-icon { font-size: 14px; }
:root { --nav-global-body-bg-color: transparent; --global-body-bg-color-light: #fff; --global-body-bg-color-dark: #000; }
html.white-bg { --nav-global-body-bg-color: #fff; }
body, html { background: var(--nav-global-body-bg-color); color: rgb(0, 0, 0); margin: 0px; }
@media (max-width: 1024px) {
  iframe[name="intercom-banner-frame"] { display: none !important; }
}
:root { --global-scrollbar-width: 4px; --global-scrollbar-height: 6px; --global-scrollbar-border-radius: 8px; }
.theme-light, body { --global-scrollbar-background: rgba(0,0,0,.26); }
.theme-dark { --global-scrollbar-background: hsla(0,0%,100%,.36); }
body ::-webkit-scrollbar { background-color: initial; height: 0px; width: var(--global-scrollbar-width); }
body ::-webkit-scrollbar-track { background-color: initial; }
body ::-webkit-scrollbar-thumb { background-color: var(--global-scrollbar-background); border-radius: var(--global-scrollbar-border-radius); }
body.theme-dark ::-webkit-scrollbar, body.theme-dark ::-webkit-scrollbar-track { background-color: initial; }
body ::-webkit-scrollbar-corner { background-color: initial; }
.okx-header-footer-shield-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-shield-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-ai-edit-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-ai-edit-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-x-layer-boost { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-x-layer-boost::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-orbit-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-orbit-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-economic-calendar { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-economic-calendar::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-drag { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-drag::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-pay-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-pay-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-smart-portfolio { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-smart-portfolio::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-x-world-cup-hackathon { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-x-world-cup-hackathon::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-stake-earn { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-stake-earn::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trade-earn { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trade-earn::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-kol-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-kol-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-selected { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-selected::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-nav-trade-simple { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-nav-trade-simple::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-nav-explore { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-nav-explore::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-nav-explore-active { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-nav-explore-active::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-nav-portfolio-active { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-nav-portfolio-active::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-orbit { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-orbit::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-chatbot { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-chatbot::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-x-cup-edition { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-x-cup-edition::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-x-hook-edition { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-x-hook-edition::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-kline-triangle { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-kline-triangle::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-knowledge-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-knowledge-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-deritives { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-deritives::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-event-and-option-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-event-and-option-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-bots-and-copy-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-bots-and-copy-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-bot-filled-2 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-bot-filled-2::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-rewards-center-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-rewards-center-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-skill-market-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-skill-market-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-hackathon-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-hackathon-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-hackathon-outiline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-hackathon-outiline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-livestream-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-livestream-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-book-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-book-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-ai-bot { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-ai-bot::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-alpha-radar { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-alpha-radar::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-onchain-earn { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-onchain-earn::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-pump { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-pump::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-ai-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-ai-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-signal { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-signal::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-tracker { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-tracker::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-ai-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-ai-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-shear-board-off-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-shear-board-off-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-shear-board-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-shear-board-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-x-asset { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-x-asset::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-security-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-security-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-dex-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-dex-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-professional-traders { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-professional-traders::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-t-chart { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-t-chart::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-options { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-options::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-X-Drops { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-X-Drops::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trendy-news { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trendy-news::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-feed { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-feed::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-fire-flame_filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-fire-flame_filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-okds-pointer_up { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-okds-pointer_up::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-pointer-down { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-pointer-down::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-getting-started { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-getting-started::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-calculator { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-calculator::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-flash-earn-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-flash-earn-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-institutional-loans { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-institutional-loans::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-message { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-message::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-caret-up { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-caret-up::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-okx-rubix { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-okx-rubix::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-copiers { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-copiers::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-rewards { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-rewards::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-cryptopedia-updated { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-cryptopedia-updated::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-perpetual { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-perpetual::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-white-paper { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-white-paper::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-toolkit { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-toolkit::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-nft { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-nft::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-liquidity { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-liquidity::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-faucet { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-faucet::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-unlink { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-unlink::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-transaction { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-transaction::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trading-data { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trading-data::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-tokens-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-tokens-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-setting { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-setting::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-search { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-search::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-official-website-api { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-official-website-api::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-link { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-link::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-globe { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-globe::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-futures-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-futures-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-discover { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-discover::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-copy { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-copy::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-bridge-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-bridge-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-blockchain-explorer { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-blockchain-explorer::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-api-keys { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-api-keys::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-dex-network-fee-fast { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-dex-network-fee-fast::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-dex-loan { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-dex-loan::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-dapp-rankings { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-dapp-rankings::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-earn-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-earn-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-security { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-security::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-bell { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-bell::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-risk-unit-portal { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-risk-unit-portal::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-builder-deck { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-builder-deck::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-network-fee-fast { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-network-fee-fast::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-cash-fiat { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-cash-fiat::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-wholesale { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-wholesale::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-okx-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-okx-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-star { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-star::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-vip { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-vip::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-google-play { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-google-play::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-extension-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-extension-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-apple { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-apple::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-android { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-android::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-xlayer { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-xlayer::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-github { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-github::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-official-website { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-official-website::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-personal-setting { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-personal-setting::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-night-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-night-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-night-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-night-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-light-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-light-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-light-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-light-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-computer-outline { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-computer-outline::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-computer-filled { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-computer-filled::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-xbtc { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-xbtc::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-question-mark { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-question-mark::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-fire-flame { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-fire-flame::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-leaderboard { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-leaderboard::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-pump { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-pump::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-signal { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-signal::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-tracker { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-tracker::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trading-mmportal { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trading-mmportal::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-user-protection { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-user-protection::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-defi-recognized { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-defi-recognized::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-token { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-token::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-exchange-rate { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-exchange-rate::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-loan-updated { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-loan-updated::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-referral-updated { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-referral-updated::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-bridge-updated { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-bridge-updated::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-pro-trade { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-pro-trade::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-web3-defi { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-web3-defi::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trading-nmp { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trading-nmp::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-fireworks { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-fireworks::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-futures-copy { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-futures-copy::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-premarket { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-premarket::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-user { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-user::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-tips { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-tips::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-testnetbridge { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-testnetbridge::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-crypto-gifts { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-crypto-gifts::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-listing-application { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-listing-application::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-spot-copy { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-spot-copy::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trader-recruitment { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trader-recruitment::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-flash-otc { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-flash-otc::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-explorer { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-explorer::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-analysis { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-analysis::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer--ecosystem { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer--ecosystem::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-api-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-api-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-arrow-chevrons-right { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-arrow-chevrons-right::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-arrow-chevrons-up { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-arrow-chevrons-up::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-authorization { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-authorization::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-biyong { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-biyong::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-api { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-api::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-blockdream-ventures-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-blockdream-ventures-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-arbitrage-order { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-arbitrage-order::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-arrow-chevrons-down { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-arrow-chevrons-down::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-copytrading { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-copytrading::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-cryptopedia { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-cryptopedia::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-create-a-bot { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-create-a-bot::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-dapp { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-dapp::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-bridge { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-bridge::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-arrow-pointer-left-sm { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-arrow-pointer-left-sm::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-buy-crypto { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-buy-crypto::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-broker { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-broker::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-buy-with-card { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-buy-with-card::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-celue { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-celue::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-center { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-center::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-check { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-check::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-close { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-close::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-cloud { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-cloud::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-community { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-community::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-convert-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-convert-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-convert { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-convert::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-copy-trading { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-copy-trading::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-defi { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-defi::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-demo-trading-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-demo-trading-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-demo-trading { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-demo-trading::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-deposit { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-deposit::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-developers { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-developers::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-dialogue { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-dialogue::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-discord { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-discord::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-doc { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-doc::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-dot { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-dot::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-download { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-download::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-earn { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-earn::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-event { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-event::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-ecosystem { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-ecosystem::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-exclamation { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-exclamation::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-facebook { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-facebook::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-fees { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-fees::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-fixed-loan { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-fixed-loan::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-futures { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-futures::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-galex { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-galex::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-gasback { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-gasback::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-gift { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-gift::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-language-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-language-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-join-group { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-join-group::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-hamburger { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-hamburger::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-line { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-line::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-linkedin { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-linkedin::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-loan { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-loan::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-historical-market-data { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-historical-market-data::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-managed-trading-sub-accounts { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-managed-trading-sub-accounts::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-home-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-home-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-help-center { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-help-center::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-marketplace { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-marketplace::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-home { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-home::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-hot { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-hot::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-nitro-spreads { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-nitro-spreads::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-node { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-node::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-notice { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-notice::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-okb { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-okb::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-okc { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-okc::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-oklink-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-oklink-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-oklink { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-oklink::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-okx { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-okx::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-overview { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-overview::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-opptunities { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-opptunities::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-p2p-trading { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-p2p-trading::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-payment-settings { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-payment-settings::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-perp { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-perp::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-pool { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-pool::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-ibc { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-ibc::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-press-room { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-press-room::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-hot-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-hot-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-id-card { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-id-card::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-information { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-information::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-info { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-info::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-instagram { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-instagram::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-question { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-question::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-proof-of-reservation { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-proof-of-reservation::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-questn { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-questn::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-institutions-home { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-institutions-home::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-jumpstart { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-jumpstart::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-rewards { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-rewards::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-language { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-language::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-learn { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-learn::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-logout { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-logout::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-margin-trading { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-margin-trading::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-marketing { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-marketing::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-more { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-more::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-reddit { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-reddit::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-records { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-records::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-referral { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-referral::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-report-centre { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-report-centre::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-rfq { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-rfq::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-safe { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-safe::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-security-of-funds { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-security-of-funds::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-security-settings { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-security-settings::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-signout { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-signout::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-spot-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-spot-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-spot { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-spot::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-stake { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-stake::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-start-demo-trading { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-start-demo-trading::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-status { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-status::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-swap { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-swap::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-support { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-support::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-subgraph { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-subgraph::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-testnet { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-testnet::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-telegram { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-telegram::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-sub-account { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-sub-account::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trade-perp { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trade-perp::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-tiktok { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-tiktok::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trade-swap { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trade-swap::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-x1swap { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-x1swap::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-tradingview { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-tradingview::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trading-view { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trading-view::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-transfer { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-transfer::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-twitter-1 { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-twitter-1::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-twitter { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-twitter::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-trading-bot { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-trading-bot::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-user-community { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-user-community::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-transactions { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-transactions::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-user-home { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-user-home::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-try-fiat { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-try-fiat::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-verification { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-verification::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-vip-loan { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-vip-loan::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-vk { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-vk::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-withdraw { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-withdraw::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-weibo { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-weibo::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-youtube { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-youtube::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-wallet { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-wallet::before { content: ""; font-family: ok-f5350cc488; }
.okx-header-footer-warning { --ok-icon-font-family: "ok-f5350cc488"; }
.okx-header-footer-warning::before { content: ""; font-family: ok-f5350cc488; }
.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-style: normal; }
.iconfont::before { display: inline-block; }
@font-face { font-display: block; font-family: ok-f5350cc488; font-style: normal; src: url("./06a4acd6e343c1e6.woff2") format("woff2"); }
[dir="rtl"] .okx-header-footer-arrow-chevrons-right::before, [dir="rtl"] .okx-header-footer-arrow-pointer-left-sm::before, [dir="rtl"] .okx-header-footer-question::before { transform: scaleX(-1); }
.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; }
.theme-dark.brand-exchange { --global-color-feature-default: #bcff2f; --global-color-feature-hovered: #9ce207; --global-color-feature-pressed: #87c600; --global-color-feature-primary-inverse-default: #133f06; --global-color-feature-primary-inverse-hovered: #0f3304; --global-color-feature-primary-inverse-pressed: #0b2702; --global-color-experience-default: #fff; --global-color-experience-alternative: #000; --global-color-experience-accent: #bcff2f; --global-color-experience-hovered: #e6e6e6; --global-color-experience-pressed: #cbcbcb; --global-color-experience-inverse: #000; --global-color-highlight: #bcff2f; }
.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; }
.theme-light.brand-exchange { --global-color-feature-default: #2b6d17; --global-color-feature-hovered: #225812; --global-color-feature-pressed: #18400c; --global-color-feature-primary-inverse-default: #e6ffb0; --global-color-feature-primary-inverse-hovered: #c4dd8f; --global-color-feature-primary-inverse-pressed: #a6bc74; --global-color-experience-default: #000; --global-color-experience-alternative: #fff; --global-color-experience-accent: #9aed2c; --global-color-experience-hovered: #2c2c2c; --global-color-experience-pressed: #525252; --global-color-experience-inverse: #fff; --global-color-highlight: #bcff2f; }
@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: rgb(0, 0, 0); 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; appearance: none; background-color: rgb(13, 13, 13); border: 0px; border-radius: 60px; box-sizing: border-box; color: rgb(255, 255, 255); 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 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); user-select: none; }
@media (max-width: 767px) {
  .site-banner-container .site-banner-link { font-size: 12px; margin-left: 20px; }
}
* { margin: 0px; padding: 0px; }
#risk-banner-root { background: transparent; }
.global-compliance-banner { padding: 12px 24px; width: 100%; }
.global-compliance-banner .compliance-border-container { border: 1px solid rgb(77, 77, 77); 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: rgb(230, 230, 230); }
.global-compliance-banner .compliance-border-container .compliance-banner-link { color: rgb(188, 255, 47); }
.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: rgb(255, 255, 255); border-radius: 5px; content: ""; display: inline-block; height: 5px; margin: 0px 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: rgb(0, 0, 0); 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: rgb(0, 0, 0); cursor: pointer; font-size: 12px; font-style: normal; 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: rgb(255, 255, 255); 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: rgb(255, 255, 255); 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: rgb(0, 0, 0); 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; appearance: none; background-color: rgb(13, 13, 13); border: 0px; border-radius: 60px; box-sizing: border-box; color: rgb(255, 255, 255); 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 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); user-select: none; }
@media (max-width: 767px) {
  .site-banner-container .site-banner-link { font-size: 12px; margin-left: 20px; }
}
@media (min-width: 768px) {
  .bottom-nav, .bottom-nav-spacer { display: none !important; }
}
.bottom-nav { align-items: center; bottom: 0px; display: flex; flex-direction: column; justify-content: flex-start; left: 0px; margin: 0px; padding: 0px; position: fixed; right: 0px; width: 100%; z-index: 9500; }
.bottom-nav-expanded.bottom-nav-5tab { border-top-color: transparent; }
.bottom-nav-5tab { background: rgb(0, 0, 0); border-top: 1px solid rgba(255, 255, 255, 0.1); height: 60px; }
.bottom-nav-5tab .bottom-nav-selection-row { align-items: flex-end; flex-direction: row; gap: 0px; justify-content: space-between; overflow: visible; padding: 8px 0px 0px; }
.bottom-nav-4tab { background: rgb(0, 0, 0); height: 60px; }
.bottom-nav-4tab .bottom-nav-selection-row { align-items: center; flex-direction: row; gap: 16px; justify-content: space-around; padding: 6px 0px 0px; }
.bottom-nav-tg-iphone.bottom-nav-4tab, .bottom-nav-tg-iphone.bottom-nav-5tab { height: 80px; }
.bottom-nav-selection-row { box-sizing: border-box; display: flex; height: 50px; width: 100%; }
.bottom-nav-item { -webkit-tap-highlight-color: transparent; align-items: center; cursor: pointer; display: flex; flex-direction: column; text-decoration: none; width: 75px; }
.bottom-nav-item-secondary { gap: 4px; height: 44px; padding: 4px 4px 0px; }
.bottom-nav-item-secondary .bottom-nav-icon { color: rgba(255, 255, 255, 0.5); font-size: 24px; height: 24px; line-height: 24px; width: 24px; }
.bottom-nav-item-primary { align-items: center; gap: 8px; height: 62px; position: relative; z-index: 3; }
.bottom-nav-item-primary .bottom-nav-icon { align-items: center; background: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; color: rgb(0, 0, 0); display: flex; font-size: 24px; height: 42px; justify-content: center; line-height: 1; transition: transform 0.2s ease-out; width: 42px; }
.bottom-nav-item-primary .bottom-nav-label { color: rgb(255, 255, 255); }
.bottom-nav-item-active .bottom-nav-icon { color: rgb(188, 255, 47); }
.bottom-nav-item-active .bottom-nav-label { color: rgb(255, 255, 255); }
.bottom-nav-item-active.bottom-nav-item-primary .bottom-nav-icon { color: rgb(0, 0, 0); transform: rotate(90deg); }
.bottom-nav-icon { display: inline-block; font-style: normal; }
.bottom-nav-label { color: rgba(255, 255, 255, 0.5); font-size: 10px; font-weight: 400; line-height: 12px; white-space: nowrap; }
@keyframes bottom-nav-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes bottom-nav-slide-up { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.bottom-nav-overlay { animation: 0.2s ease-out 0s 1 normal none running bottom-nav-fade-in; background: rgba(0, 0, 0, 0.6); inset: 0px; pointer-events: none; position: fixed; z-index: 9500; }
.bottom-nav-trade-panel { animation: 0.25s ease-out 0s 1 normal none running bottom-nav-slide-up; background: rgb(26, 26, 26); border-radius: 16px 16px 0px 0px; bottom: calc(100% + 12px); display: flex; flex-direction: column; left: 12px; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339 34' preserveAspectRatio='none'%3E%3Cpath d='M0 0h339v18c0 8.837-7.163 16-16 16h-91.503a50.003 50.003 0 0 1-29.936-9.952l-7.187-5.372c-14.782-11.05-35.044-11.155-49.94-.26l-8.126 5.942A49.998 49.998 0 0 1 106.792 34H16C7.163 34 0 26.837 0 18V0Z' fill='%23fff'/%3E%3C/svg%3E"), linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)); mask-position: center bottom, center top; mask-repeat: no-repeat; mask-size: 100% 34px, 100% calc(100% - 34px); padding: 16px 12px 24px; position: absolute; right: 12px; z-index: 1; }
.bottom-nav-trade-panel-item { -webkit-tap-highlight-color: transparent; align-items: center; cursor: pointer; display: flex; justify-content: space-between; padding: 12px; text-decoration: none; }
.bottom-nav-trade-panel-item-active { background: rgba(255, 255, 255, 0.08); border-radius: 8px; }
.bottom-nav-trade-panel-icon { color: rgb(255, 255, 255); flex-shrink: 0; font-size: 24px; font-style: normal; height: 24px; line-height: 24px; margin-right: 16px; width: 24px; }
.bottom-nav-trade-panel-label { color: rgb(255, 255, 255); flex: 1 1 0%; font-size: 16px; font-weight: 500; line-height: 20px; }
.bottom-nav-trade-panel-check { align-items: center; background: rgb(255, 255, 255); border-radius: 50%; color: rgb(0, 0, 0); display: flex; flex-shrink: 0; font-size: 14px; font-style: normal; height: 24px; justify-content: center; line-height: 1; margin-left: auto; width: 24px; }
.bottom-nav-spacer { pointer-events: none; width: 100%; }
.bottom-nav-spacer-4tab, .bottom-nav-spacer-5tab { height: 60px; }
.bottom-nav-spacer-tg-iphone.bottom-nav-spacer-4tab, .bottom-nav-spacer-tg-iphone.bottom-nav-spacer-5tab { height: 80px; }
.okx-money-header { background: transparent; color: rgb(255, 255, 255); left: 0px; position: absolute; top: 0px; width: 100%; z-index: 9500; }
.okx-money-header-grid { align-items: center; display: flex; justify-content: space-between; margin: 0px auto; max-width: 1248px; min-height: 40px; padding: 25px 8px; width: 100%; }
@media (min-width: 768px) {
  .okx-money-header-grid { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .okx-money-header-grid { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .okx-money-header-grid { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
.okx-money-logo { align-items: center; color: inherit; display: inline-flex; text-decoration: none; }
.okx-money-logo:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 4px; }
.okx-money-logo-image { background-image: var(--okx-money-logo-image); background-position: 50% center; background-repeat: no-repeat; background-size: contain; display: block; height: 26px; width: 155px; }
.okx-money-header-actions { align-items: center; display: flex; }
.okx-money-header-action { align-items: center; appearance: none; background: transparent; border: 0px; border-radius: 8px; color: rgb(255, 255, 255); cursor: pointer; display: inline-flex; height: 40px; justify-content: center; padding: 8px; width: 40px; }
.okx-money-header-action .icon { font-size: 24px; line-height: 24px; }
.okx-money-header-action:hover { background: rgba(255, 255, 255, 0.12); }
.okx-money-header-action:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.live-trading-entry { background-color: rgb(250, 250, 250); border-radius: 4px; cursor: pointer; display: none; padding: 4px 10px; width: fit-content; }
.live-trading-entry:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; 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: rgb(0, 0, 0); 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 0px 30px; }
.index_wrapper__n\+bRd { height: 100%; position: relative; }
@keyframes index_rotation__\+JKxq { 
  0% { transform: rotate(0deg); }
  100% { 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: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; }
.index_loading__aE76- { animation: 1s linear 0s infinite normal none running index_rotation__\+JKxq; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; 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: rgb(0, 0, 0) solid 2px; outline-offset: 2px; }
.drop-explorer-list .drop-panel-box .drop-panel-list, .drop-panel .drop-panel-box .drop-panel-list { border-bottom: 1px solid rgb(235, 235, 235); 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: 0px; }
.drop-explorer-list .drop-panel-box .drop-panel-list:last-child, .drop-panel .drop-panel-box .drop-panel-list:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; }
.drop-explorer-list .drop-panel-box .drop-panel-list .nav-title-text, .drop-panel .drop-panel-box .drop-panel-list .nav-title-text { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-explorer-list .drop-panel-box .drop-panel-title, .drop-panel .drop-panel-box .drop-panel-title { color: rgb(91, 91, 91); 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: center; color: rgb(91, 91, 91); 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: rgb(0, 0, 0) solid 2px; 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: var(--header-drop-third-bg-color); border-left: 1px solid var(--header-drop-third-border-color); border-radius: 0 var(--header-drop-container-border-radius) var(--header-drop-container-border-radius) 0; bottom: -12px; box-shadow: rgba(14, 32, 66, 0.08) 10px 12px 30px, rgba(14, 32, 66, 0.05) 0px 1px 2px; left: 262px; margin: auto; overflow: hidden 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: 417px; 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: 0px; width: 323px; }
.drop-explorer-list .navigation-list, .drop-panel .navigation-list { padding: 0px; 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 .trade-drop-box-list:has(> .box-item:only-child), .drop-panel .trade-drop-box-list:has(> .box-item:only-child) { transform: translateY(70px); }
.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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); cursor: pointer; }
.drop-explorer-list .panel-drop-item-icon[aria-expanded="true"], .drop-panel .panel-drop-item-icon[aria-expanded="true"] { background: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; 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 .nav-language-column { align-items: center; }
#navColumnContainer .nav-language-column .nav-language-column-icon { color: rgb(255, 255, 255); font-size: 18px; margin-right: 8px; }
#navColumnContainer .drop-panel .drop-panel-box { width: auto; }
#navColumnContainer .drop-panel .drop-panel-box .drop-panel-list { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; padding-top: 0px; }
#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(0deg); }
.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: 0px; position: fixed; top: 0px; }
.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% - 120px); outline: none; pointer-events: auto; width: calc(100% - 32px); }
.oxnv-dialog-window-border { 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: 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: var(--oxnv-okd-dialog-title-font-size,16px); 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: 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: 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: 0px; }
.oxnv-dialog-top-action-fixed .oxnv-dialog-b-btn, .oxnv-dialog-top-action-fixed .oxnv-dialog-c-btn { margin: 0px; }
.oxnv-dialog-top-l { align-self: flex-start; left: 0px; }
.oxnv-dialog-top-r { align-self: flex-start; right: 0px; }
.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: 0px; }
.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 0%; }
.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-dialog-title-icon-close-color,var(--oxnv-okd-color-gray-400)); }
.oxnv-dialog .oxnv-dialog-c-btn:hover { background-color: var(--oxnv-okd-dialog-title-icon-hover-background-color,var(--oxnv-okd-color-background-hover)); border-radius: var(--oxnv-okd-dialog-title-icon-hover-border-radius,4px); 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-dialog-title-icon-back-color,var(--oxnv-okd-color-gray-900)); }
.oxnv-dialog .oxnv-dialog-b-btn:hover { background-color: var(--oxnv-okd-dialog-title-icon-hover-background-color,var(--oxnv-okd-color-background-hover)); 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-height: 800px) {
  .oxnv-dialog-window { max-height: 680px; }
}
@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: 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: 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: 0px; }
  .oxnv-dialog-btn-box.layout-full .double-btn:first-child { margin-top: var(--oxnv-okd-dialog-footer-btn-full-sm-margin-top,8px); }
  .oxnv-dialog-window { 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: 0px; 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: 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: 0px; }
.oxnv-dialog-mobile-mode .oxnv-dialog-btn-box.layout-full .double-btn:first-child { margin-top: var(--oxnv-okd-dialog-footer-btn-full-sm-margin-top,8px); }
.oxnv-dialog-mobile-mode .oxnv-dialog-window { 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: 0px; 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: 0px; }
.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: 0px; }
.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-width: medium; border-top-style: none; border-top-color: currentcolor; }
@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-confirm-window-background,var(--oxnv-okd-dialog-window-background)); }
.oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-new-tip-top { 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: var(--oxnv-okd-dialog-confirm-container-color,#000); font-size: var(--oxnv-okd-dialog-confirm-container-font-size,14px); 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: var(--oxnv-okd-dialog-confirm-max-width,520px); 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: var(--oxnv-okd-dialog-confirm-container-padding-bottom,32px); padding-top: var(--oxnv-okd-dialog-confirm-container-padding-top,32px); }
  .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box { padding-bottom: var(--oxnv-okd-dialog-confirm-footer-padding-bottom,24px); 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: 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: 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: 0px; }
  .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-radius: 0px; 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-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: 0px; }
  .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 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: 0px; }
}
.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: 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: 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: 0px; }
.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-radius: 0px; 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-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: 0px; }
.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 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: 0px; }
.iconfont.oxnv-dialog-tip-icon { align-self: flex-start; font-size: var(--oxnv-okd-dialog-confirm-icon-font-size,22px); font-weight: 400; line-height: var(--oxnv-okd-dialog-confirm-icon-line-height,22px); 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-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: var(--oxnv-okd-dialog-title-font-size,16px); font-weight: var(--oxnv-okd-dialog-title-font-weight,700); line-height: var(--oxnv-okd-dialog-title-line-height); 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: var(--oxnv-okd-dialog-confirmation-padding-left,24px); padding-right: var(--oxnv-okd-dialog-confirmation-padding-right,24px); padding-top: 8px; }
.oxnv-dialog-confirmation-container-no-header { padding-top: var(--oxnv-okd-dialog-confirmation-container-padding-top,32px); }
.oxnv-dialog-confirmation-container-no-footer { padding-bottom: var(--oxnv-okd-dialog-confirmation-container-padding-bottom,32px); }
.oxnv-dialog-confirmation-footer { 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 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.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: 0px; position: relative; top: 0px; width: 12px; }
.oxnv-checkbox-input { cursor: pointer; height: 100%; left: 0px; margin: 0px; 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-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: 0px; margin-right: 8px; 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-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-top: 0px; box-sizing: border-box; content: " "; height: 8px; left: 50%; position: absolute; top: calc(50% - 1px); transform: translate(-50%, -50%) rotate(45deg); transition: transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.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: 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: 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: var(--oxnv-okd-checkbox-circle-default-background-color,transparent); 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-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-top: 0px; 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 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; width: 5px; }
.oxnv-checkbox-circle-checked { background-color: var(--oxnv-okd-checkbox-circle-checked-background-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: var(--oxnv-okd-checkbox-circle-default-disabled-background-color,#f9f9f9); 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: var(--oxnv-okd-checkbox-circle-checked-disabled-background-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; }
.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-static-default); --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-static-default); --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-static-default); --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-static-default); --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: var(--oxnv-okd-dialog-window-mask-color,rgba(0,0,0,.65)); inset: 0px; position: fixed; }
.oxnv-transition-fade { transition: opacity 0.3s linear; }
.oxnv-transition-fade-active { will-change: opacity; }
.oxnv-transition-fade-ease-out { transition-timing-function: cubic-bezier(0.5, 0, 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-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(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
@keyframes loadingLine { 
  100% { 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: 2s linear 0s infinite normal none running loadingLine; left: -25%; position: absolute; top: 0px; }
@keyframes okui-loader-rotation { 
  0% { transform: rotate(0deg); }
  100% { 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: 0px; position: absolute; top: 0px; 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: 1s linear 0s infinite normal none running okui-loader-rotation; 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-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-primary-active-color); }
.oxnv-loader-spin-neutral { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-neutral-active-color); }
.oxnv-loader-inner-circle { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; 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: 0px; }
.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-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; 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; user-select: none; }
.oxnv-btn:focus-visible { 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 { background: var(--oxnv-okd-button-fill-highlight-loading-background,var(--oxnv-okd-button-fill-highlight-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-primary-loading-background,var(--oxnv-okd-button-fill-primary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-secondary-loading-background,var(--oxnv-okd-button-fill-secondary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-tertiary-loading-background,var(--oxnv-okd-button-fill-tertiary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-quaternary-loading-background,var(--oxnv-okd-button-fill-quaternary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-red-loading-background,var(--oxnv-okd-button-fill-red-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-green-loading-background,var(--oxnv-okd-button-fill-green-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-grey-loading-background,var(--oxnv-okd-button-fill-grey-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-highlight-loading-background,var(--oxnv-okd-button-outline-highlight-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-primary-loading-background,var(--oxnv-okd-button-outline-primary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-secondary-loading-background,var(--oxnv-okd-button-outline-secondary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-tertiary-loading-background,var(--oxnv-okd-button-outline-tertiary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-primary-loading-background,var(--oxnv-okd-button-text-primary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-secondary-loading-background,var(--oxnv-okd-button-text-secondary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-red-loading-background,var(--oxnv-okd-button-text-red-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-green-loading-background,var(--oxnv-okd-button-text-green-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-orange-loading-background,var(--oxnv-okd-button-text-orange-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-yellow-loading-background,var(--oxnv-okd-button-text-yellow-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 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: var(--oxnv-okd-button-rect-xxs-border-radius,4px); }
.oxnv-btn.btn-xs { border-radius: var(--oxnv-okd-button-xs-border-radius); 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: var(--oxnv-okd-button-rect-xs-border-radius,4px); }
.oxnv-btn.btn-s { border-radius: var(--oxnv-okd-button-s-border-radius); 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: var(--oxnv-okd-button-rect-s-border-radius,4px); }
.oxnv-btn.btn-sm { border-radius: var(--oxnv-okd-button-sm-border-radius); 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: var(--oxnv-okd-button-rect-sm-border-radius,4px); }
.oxnv-btn.btn-md { border-radius: var(--oxnv-okd-button-md-border-radius); 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: var(--oxnv-okd-button-rect-md-border-radius,4px); }
.oxnv-btn.btn-lg { border-radius: var(--oxnv-okd-button-lg-border-radius); 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: var(--oxnv-okd-button-rect-lg-border-radius,8px); }
.oxnv-btn.btn-xl { border-radius: var(--oxnv-okd-button-xl-border-radius); 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: 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 .btn-icon { align-items: center; display: inline-flex; justify-content: center; line-height: 1; }
.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-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-highlight-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-primary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-primary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-secondary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-secondary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-tertiary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-tertiary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-quaternary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-quaternary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-red-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-red-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-green-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-green-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-grey-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-grey-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-highlight-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-highlight-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-primary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-primary-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-secondary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-secondary-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-tertiary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-tertiary-loader-mark-color); }
.oxnv-transition-slide { backface-visibility: hidden; perspective: 1000px; position: fixed; transform: translateY(100%); transform-style: preserve-3d; transition: transform 0.3s linear, opacity 0.3s linear; }
.oxnv-transition-slide-active { will-change: transform, opacity; }
.oxnv-transition-slide-cubic { transition-timing-function: ease; }
.oxnv-transition-slide-top { left: 0px; top: 0px; width: 100%; }
.oxnv-transition-slide-bottom { bottom: 0px; left: 0px; width: 100%; }
.oxnv-transition-slide-left { height: 100%; left: 0px; top: 0px; }
.oxnv-transition-slide-right { height: 100%; right: 0px; top: 0px; }
.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: 0.2s; }
}
.nav-okds-link { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-link::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-mail { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-mail::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-computer-outline { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-computer-outline::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fire-flame_filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fire-flame_filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trash { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trash::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-locked { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-locked::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-unlocked { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-unlocked::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-verified-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-verified-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trending-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trending-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-toggle-units { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-toggle-units::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-calendar { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-calendar::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-p2p { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-p2p::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-express-buy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-express-buy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cash-fiat { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cash-fiat::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-chevron-down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-chevron-down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-chevron-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-chevron-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-xbtc { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-xbtc::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-selected { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-selected::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-unselected { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-unselected::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-checkmark { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-checkmark::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-refresh { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-refresh::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-draw { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-draw::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sun { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sun::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-moon { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-moon::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clear { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clear::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-thumb_up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-thumb_up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-thumb_down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-thumb_down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-zoom-out { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-zoom-out::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-zoom-in { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-zoom-in::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-information-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-information-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-warning-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-warning-circle-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-success-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-success-circle-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-information-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-information-circle-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fail-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fail-circle-fill::before { content: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-user { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-user::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-plus-circle-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-plus-circle-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-intermediate { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-intermediate::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-hide { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-hide::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-show { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-show::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-copy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-copy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-history { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-history::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-back-to-top { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-back-to-top::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clock { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clock::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger-setting { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger-setting::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fees { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fees::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-open-link { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-open-link::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-setting { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-setting::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-crown { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-crown::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-share { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-share::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-support { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-support::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-analysis { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-analysis::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-academy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-academy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-action-reverse { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-action-reverse::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-aed { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-aed::before { content: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-bell { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-bell::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-authenticator { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-authenticator::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-borrow { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-borrow::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-brl { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-brl::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-brush { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-brush::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cancel-order { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cancel-order::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-candlestick { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-candlestick::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-carets-filled-down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-carets-filled-down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-chat-bubble { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-chat-bubble::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-carets-filled-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-carets-filled-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clear-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clear-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-assets { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-assets::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-bank { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-bank::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clock-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clock-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clock-outline { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clock-outline::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-close { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-close::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-call { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-call::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-idcard { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-idcard::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-img-failed { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-img-failed::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communications-faceid { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communications-faceid::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-show-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-show-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-img { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-img::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-convertokb { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-convertokb::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cursor-drag { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cursor-drag::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-data-line-chart { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-data-line-chart::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-deposit { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-deposit::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cursor-zoom { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cursor-zoom::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-download { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-download::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-exchange { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-exchange::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-developers { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-developers::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eur { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eur::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-edit { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-edit::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-expand { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-expand::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-hide-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-hide-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fail-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fail-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-filter { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-filter::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-finance-bank { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-finance-bank::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-finance-seagull { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-finance-seagull::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-finance-earn { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-finance-earn::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-futures { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-futures::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-funding-rates { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-funding-rates::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-gbp { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-gbp::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-guide { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-guide::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger-edit { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger-edit::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger-search { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger-search::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hierachy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hierachy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-id-card { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-id-card::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-img { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-img::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-insurance-fund { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-insurance-fund::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-language { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-language::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-margin { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-margin::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-logout { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-logout::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-minus { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-minus::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-more { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-more::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-network-fee-standard { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-network-fee-standard::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-option { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-option::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-orders { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-orders::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-pending-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-pending-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-pie-chart { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-pie-chart::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-place-order { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-place-order::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-play { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-play::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-plus-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-plus-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-plus { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-plus::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-profile { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-profile::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-qrcode { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-qrcode::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-question-mark-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-question-mark-circle::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-records { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-records::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-red-packe { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-red-packe::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-scan { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-scan::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-report-centre { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-report-centre::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-security-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-security-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-search { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-search::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-security { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-security::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-transfer { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-transfer::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-settlement-history { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-settlement-history::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trends { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trends::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sort-default { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sort-default::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-withdraw { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-withdraw::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sort-down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sort-down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sort-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sort-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-star-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-star-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-star { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-star::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-strong-alert { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-strong-alert::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-success-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-success-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trade-1 { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trade-1::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-transfer-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-transfer-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-unlink { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-unlink::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-usd { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-usd::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-warning-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-warning-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.iconfont { -webkit-font-smoothing: antialiased; 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("./59b39c59ae05307a.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: rgb(0, 0, 0); border: 1px solid rgb(77, 77, 77); border-radius: 20px; color: rgb(255, 255, 255); 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: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
@keyframes NotificationStackFadeOut { 
  0% { opacity: 1; transform: translateY(var(--oxnv-okd-stack-y,0)) scale(var(--oxnv-okd-stack-scale,1)); }
  100% { opacity: 0; transform: translateY(var(--oxnv-okd-stack-y,0)) scale(var(--oxnv-okd-stack-scale,1)); }
}
@keyframes NotificationStackFadeOutCenter { 
  0% { opacity: 1; transform: translateX(-50%) translateY(var(--oxnv-okd-stack-y,0)) scale(var(--oxnv-okd-stack-scale,1)); }
  100% { opacity: 0; transform: translateX(-50%) translateY(var(--oxnv-okd-stack-y,0)) scale(var(--oxnv-okd-stack-scale,1)); }
}
.oxnv-message-default { height: 100vh; padding: var(--oxnv-okd-inner-notice-stack-position-top,24px) var(--oxnv-okd-inner-notice-stack-position-right,24px) var(--oxnv-okd-inner-notice-stack-position-bottom,24px) var(--oxnv-okd-inner-notice-stack-position-left,24px); position: fixed; width: 100vw; }
.oxnv-message-default, .oxnv-message-wrap { box-sizing: border-box; display: flex; flex-direction: column; left: 0px; line-height: 1; margin: 0px; pointer-events: none; top: 0px; }
.oxnv-message-wrap { height: 100%; padding: 0px; position: absolute; width: 100%; }
.oxnv-message * { box-sizing: border-box; }
.oxnv-message-container.container-remove { animation-duration: 0.55s; animation-name: MessageOutTop; }
.oxnv-message-box { animation-duration: 0.3s; background: var(--oxnv-okd-message-box-background,var(--oxnv-okd-notification-box-background)); border: thin solid var(--oxnv-okd-message-box-border-color,var(--oxnv-okd-notification-box-border-color)); border-radius: var(--oxnv-okd-message-box-border-radius,var(--oxnv-okd-notification-box-border-radius)); box-shadow: var(--oxnv-okd-message-box-shadow,var(--oxnv-okd-notification-box-shadow)); display: inline-flex; line-height: 1; margin: calc(var(--oxnv-okd-message-box-each-margin, var(--oxnv-okd-notification-box-each-margin))/2) 0; max-width: var(--oxnv-okd-message-box-max-width,var(--oxnv-okd-notification-box-max-width)); min-width: var(--oxnv-okd-message-box-min-width,var(--oxnv-okd-notification-box-min-width)); overflow: hidden; padding: var(--oxnv-okd-message-box-padding,var(--oxnv-okd-notification-box-padding)); pointer-events: all; position: relative; }
.oxnv-message-box.auto-width { min-width: var(--oxnv-okd-message-box-auto-width-min-width,var(--oxnv-okd-notification-box-auto-width-min-width)); }
.oxnv-message-box .oxnv-message-icon-circle-container { display: inline-block; height: 20px; margin-right: var(--oxnv-okd-message-box-icon-text-margin,var(--oxnv-okd-notification-box-icon-text-margin)); position: relative; vertical-align: top; width: 20px; }
.oxnv-message-box .oxnv-message-icon-new { font-size: 20px; height: 100%; width: 100%; }
.oxnv-message-box .oxnv-message-content { display: inline-flex; flex: 1 1 0%; flex-flow: column wrap; word-break: break-word; }
.oxnv-message-box .oxnv-message-inline { flex-direction: unset; }
.oxnv-message-box .oxnv-message-inline .oxnv-message-action { margin-top: 0px; width: auto; }
.oxnv-message-box .oxnv-message-title-box { display: inline-flex; flex: 1 1 0%; flex-flow: column wrap; }
.oxnv-message-box .oxnv-message-title { color: var(--oxnv-okd-message-title-color,var(--oxnv-okd-notification-title-color)); flex: 1 0 0%; font-size: var(--oxnv-okd-message-title-font-size,var(--oxnv-okd-notification-title-font-size)); font-weight: 500; line-height: var(--oxnv-okd-message-title-line-height,var(--oxnv-okd-notification-title-line-height)); text-align: left; }
.oxnv-message-box .oxnv-message-desc, .oxnv-message-box .oxnv-message-text { color: var(--oxnv-okd-message-text-color,var(--oxnv-okd-notification-text-color)); font-size: var(--oxnv-okd-message-text-font-size,var(--oxnv-okd-notification-text-font-size)); line-height: var(--oxnv-okd-message-text-line-height,var(--oxnv-okd-notification-text-line-height)); }
.oxnv-message-box .oxnv-message-desc { margin-top: 4px; text-align: left; width: 100%; }
.oxnv-message-box .oxnv-message-action { display: inline-block; margin-top: 12px; pointer-events: auto; text-align: left; width: 100%; }
.oxnv-message-box .oxnv-message-action .action-undo { color: var(--oxnv-okd-message-action-confirm-btn-color,var(--oxnv-okd-notification-action-confirm-btn-color)); }
.oxnv-message-box .oxnv-message-action .action-dismiss, .oxnv-message-box .oxnv-message-action .action-undo { cursor: pointer; font-size: var(--oxnv-okd-message-action-font-size,var(--oxnv-okd-notification-action-font-size)); font-weight: 500; line-height: var(--oxnv-okd-message-action-line-height,var(--oxnv-okd-notification-action-line-height)); }
.oxnv-message-box .oxnv-message-action .action-dismiss { color: var(--oxnv-okd-message-action-cancel-btn-color,var(--oxnv-okd-notification-action-cancel-btn-color)); }
.oxnv-message-box .oxnv-message-action .action-undo + .action-dismiss { margin-left: 16px; }
.oxnv-message-box .oxnv-message-close { -webkit-tap-highlight-color: transparent; color: var(--oxnv-okd-message-box-close-icon-color,var(--oxnv-okd-notification-box-close-icon-color)); cursor: pointer; font-size: 22px; height: 22px; margin-left: 15px; pointer-events: auto; position: relative; top: -2px; width: 22px; }
.oxnv-message-box.success .oxnv-message-icon-new { color: var(--oxnv-okd-message-success-icon-color,var(--oxnv-okd-notification-success-icon-color)); }
.oxnv-message-box.info .oxnv-message-icon-new { color: var(--oxnv-okd-message-info-icon-color,var(--oxnv-okd-notification-info-icon-color)); }
.oxnv-message-box.warn .oxnv-message-icon-new { color: var(--oxnv-okd-message-warn-icon-color,var(--oxnv-okd-notification-warn-icon-color)); }
.oxnv-message-box.error .oxnv-message-icon-new { color: var(--oxnv-okd-message-error-icon-color,var(--oxnv-okd-notification-error-icon-color)); }
.oxnv-message-box.pending .oxnv-message-icon-new { color: var(--oxnv-okd-message-pending-icon-color,var(--oxnv-okd-notification-pending-icon-color)); }
.oxnv-message.oxnv-message-bottom, .oxnv-message.oxnv-message-bottom-left, .oxnv-message.oxnv-message-bottom-right { justify-content: flex-end; }
.oxnv-message.oxnv-message-bottom .container-remove, .oxnv-message.oxnv-message-bottom-left .container-remove, .oxnv-message.oxnv-message-bottom-right .container-remove { animation-name: MessageOutBottom; }
.oxnv-message.oxnv-message-bottom-right .oxnv-message-container, .oxnv-message.oxnv-message-top-right .oxnv-message-container { text-align: right; }
.oxnv-message.oxnv-message-bottom .oxnv-message-container, .oxnv-message.oxnv-message-top .oxnv-message-container { text-align: center; }
.oxnv-message.oxnv-message-bottom-left .oxnv-message-box, .oxnv-message.oxnv-message-top-left .oxnv-message-box { animation-name: MessageInLeft; }
.oxnv-message.oxnv-message-bottom-right .oxnv-message-box, .oxnv-message.oxnv-message-top-right .oxnv-message-box { animation-name: MessageInRight; }
.oxnv-message.oxnv-message-top .oxnv-message-box { animation-name: MessageInTop; }
.oxnv-message.oxnv-message-bottom .oxnv-message-box { animation-name: MessageInBottom; }
@media (max-width: 767px) {
  .oxnv-message.oxnv-message-bottom-left .oxnv-message-container, .oxnv-message.oxnv-message-bottom-right .oxnv-message-container, .oxnv-message.oxnv-message-top-left .oxnv-message-container, .oxnv-message.oxnv-message-top-right .oxnv-message-container { text-align: center; }
  .oxnv-message-box { min-width: unset; width: 100%; }
  .oxnv-message-box.auto-width { width: auto; }
}
.oxnv-message-box .oxnv-message-icon-pending-poster, .oxnv-message-box .oxnv-message-icon-success-poster { color: var(--oxnv-okd-color-surface-success-default,var(--oxnv-okd-message-success-icon-color)); font-size: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.oxnv-message-box .oxnv-message-icon-error-poster { color: var(--oxnv-okd-color-surface-danger-default,var(--oxnv-okd-message-error-icon-color)); font-size: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
@keyframes MessageInLeft { 
  0% { opacity: 0; transform: translate3d(-30px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageInRight { 
  0% { opacity: 0; transform: translate3d(30px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageInTop { 
  0% { opacity: 0; transform: translate3d(0px, -30px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageInBottom { 
  0% { opacity: 0; transform: translate3d(0px, 30px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageOutBottom { 
  0% { max-height: 150px; opacity: 1; transform: translateZ(0px); }
  100% { max-height: 0px; opacity: 0; transform: translate3d(0px, 30px, 0px); }
}
@keyframes MessageOutTop { 
  0% { max-height: 150px; opacity: 1; transform: translateZ(0px); }
  100% { max-height: 0px; opacity: 0; transform: translate3d(0px, -30px, 0px); }
}
.oxnv-message .oxnv-notice-stack-item { --oxnv-okd-stack-y: 0; --oxnv-okd-stack-scale: 1; position: absolute; transition: 0.3s; }
.oxnv-message .oxnv-notice-stack-item .oxnv-message-box-stack { height: var(--oxnv-okd-inner-notice-stack-height,auto); }
.oxnv-message .oxnv-notice-stack-expanded { opacity: 1; pointer-events: all; position: absolute; visibility: visible; }
.oxnv-message .oxnv-notice-stack-expanded:not(:first-child)::after { background: transparent; content: ""; height: 8px; left: 0px; position: absolute; right: 0px; }
.oxnv-message .oxnv-notice-stack-hidden { opacity: 0; pointer-events: none; visibility: hidden; }
@keyframes StackItemFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.oxnv-message .oxnv-notice-stack-visible { opacity: 1; visibility: visible; }
.oxnv-message .oxnv-notice-stack-interactive { pointer-events: all; }
.oxnv-message .oxnv-notice-stack-non-interactive { pointer-events: none; }
.oxnv-message .oxnv-notice-stack-non-interactive .oxnv-message-box-stack > * { opacity: 0; }
.oxnv-message.oxnv-message-bottom .oxnv-notice-stack-item, .oxnv-message.oxnv-message-bottom-left .oxnv-notice-stack-item, .oxnv-message.oxnv-message-bottom-right .oxnv-notice-stack-item { transform-origin: 50% 0px; }
.oxnv-message.oxnv-message-bottom .oxnv-notice-stack-expanded:not(:first-child)::after, .oxnv-message.oxnv-message-bottom-left .oxnv-notice-stack-expanded:not(:first-child)::after, .oxnv-message.oxnv-message-bottom-right .oxnv-notice-stack-expanded:not(:first-child)::after { top: -8px; }
.oxnv-message.oxnv-message-bottom .oxnv-notice-stack-item, .oxnv-message.oxnv-message-bottom-left .oxnv-notice-stack-item, .oxnv-message.oxnv-message-bottom-right .oxnv-notice-stack-item { bottom: var(--oxnv-okd-inner-notice-stack-position-bottom,24px); top: auto; }
.oxnv-message.oxnv-message-top .oxnv-notice-stack-expanded:not(:first-child)::after, .oxnv-message.oxnv-message-top-left .oxnv-notice-stack-expanded:not(:first-child)::after, .oxnv-message.oxnv-message-top-right .oxnv-notice-stack-expanded:not(:first-child)::after { bottom: -8px; }
.oxnv-message.oxnv-message-top .oxnv-notice-stack-item, .oxnv-message.oxnv-message-top-left .oxnv-notice-stack-item, .oxnv-message.oxnv-message-top-right .oxnv-notice-stack-item { bottom: auto; top: var(--oxnv-okd-inner-notice-stack-position-top,24px); transform-origin: 50% 100%; }
.oxnv-message.oxnv-message-bottom-left .oxnv-notice-stack-item, .oxnv-message.oxnv-message-top-left .oxnv-notice-stack-item { left: var(--oxnv-okd-inner-notice-stack-position-left,24px); right: auto; transform: translateY(var(--oxnv-okd-stack-y)) scale(var(--oxnv-okd-stack-scale)); }
.oxnv-message.oxnv-message-bottom-left .oxnv-notice-stack-item.container-remove, .oxnv-message.oxnv-message-top-left .oxnv-notice-stack-item.container-remove { animation-name: NotificationStackFadeOut; }
.oxnv-message.oxnv-message-bottom-right .oxnv-notice-stack-item, .oxnv-message.oxnv-message-top-right .oxnv-notice-stack-item { left: auto; right: var(--oxnv-okd-inner-notice-stack-position-right,24px); transform: translateY(var(--oxnv-okd-stack-y)) scale(var(--oxnv-okd-stack-scale)); }
.oxnv-message.oxnv-message-bottom-right .oxnv-notice-stack-item.container-remove, .oxnv-message.oxnv-message-top-right .oxnv-notice-stack-item.container-remove { animation-name: NotificationStackFadeOut; }
.oxnv-message.oxnv-message-bottom .oxnv-notice-stack-item, .oxnv-message.oxnv-message-top .oxnv-notice-stack-item { left: 50%; right: auto; transform: translateX(-50%) translateY(var(--oxnv-okd-stack-y)) scale(var(--oxnv-okd-stack-scale)); }
.oxnv-message.oxnv-message-bottom .oxnv-notice-stack-item.container-remove, .oxnv-message.oxnv-message-top .oxnv-notice-stack-item.container-remove { animation-name: NotificationStackFadeOutCenter; }
.theme-light { --oxnv-okd-message-success-icon-color: var(--oxnv-okd-color-content-success-default); --oxnv-okd-message-info-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-warn-icon-color: var(--oxnv-okd-color-content-warning-default); --oxnv-okd-message-error-icon-color: var(--oxnv-okd-color-content-static-notification); --oxnv-okd-message-title-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-action-confirm-btn-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-action-cancel-btn-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-box-close-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-box-shadow: var(--oxnv-okd-shadow-xl); --oxnv-okd-message-box-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-message-box-border-color: var(--oxnv-okd-color-border-static-default); --oxnv-okd-message-box-border-radius: var(--oxnv-okd-border-radius-md); --oxnv-okd-message-box-padding: 16px; --oxnv-okd-message-box-each-margin: 14px; --oxnv-okd-message-box-max-width: 700px; --oxnv-okd-message-box-min-width: 451px; --oxnv-okd-message-box-auto-width-min-width: 100px; --oxnv-okd-message-box-icon-text-margin: 15px; --oxnv-okd-message-title-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-message-title-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-message-text-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-message-text-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-message-action-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-message-action-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-message-pending-icon-color: var(--oxnv-okd-color-content-static-default); }
.theme-dark { --oxnv-okd-message-success-icon-color: var(--oxnv-okd-color-content-success-default); --oxnv-okd-message-info-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-warn-icon-color: var(--oxnv-okd-color-semantic-notice); --oxnv-okd-message-error-icon-color: var(--oxnv-okd-color-content-static-notification); --oxnv-okd-message-title-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-message-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-action-confirm-btn-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-message-action-cancel-btn-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-message-box-close-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-message-box-shadow: var(--oxnv-okd-shadow-xl); --oxnv-okd-message-box-background: var(--oxnv-okd-color-modal-tertiary); --oxnv-okd-message-box-border-color: var(--oxnv-okd-color-border-secondary); --oxnv-okd-message-box-border-radius: var(--oxnv-okd-border-radius-md); --oxnv-okd-message-box-padding: 16px; --oxnv-okd-message-box-each-margin: 14px; --oxnv-okd-message-box-max-width: 700px; --oxnv-okd-message-box-min-width: 451px; --oxnv-okd-message-box-auto-width-min-width: 100px; --oxnv-okd-message-box-icon-text-margin: 15px; --oxnv-okd-message-title-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-message-title-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-message-text-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-message-text-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-message-action-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-message-action-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-message-pending-icon-color: var(--oxnv-okd-color-content-primary); }
: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 0px 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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: rgb(100, 111, 132); 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: 0px; max-width: unset; min-width: unset; padding: 0px; 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: 0px; }
  .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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; margin: 0px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .header-main .column-nav-container .nav-scroll-box { display: flex; flex-direction: row; flex-grow: 1; justify-content: flex-end; padding: 0px; top: 0px; 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-orbit, .header-main .column-nav-container .nav-pay, .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-usdg, .header-main .column-nav-container .nav-user, .header-main .column-nav-container .nav-web3-meme-pump, .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: rgba(255, 255, 255, 0.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 0px 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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: rgb(100, 111, 132); 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: 0px; max-width: unset; min-width: unset; padding: 0px; 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: 0px; }
  .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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; margin: 0px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: 0px; top: 0px; 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-orbit, .header-main .column-nav-container .nav-pay, .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-usdg, .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-orbit, .header-main .nav-container .nav-pay, .header-main .nav-container .nav-site-flag, .header-main .nav-container .nav-smsf, .header-main .nav-container .nav-trade, .header-main .nav-container .nav-usdg, .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: rgba(255, 255, 255, 0.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: rgb(0, 0, 0); box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0px 1px 2px; display: flex; height: 100%; position: fixed; right: 0px; transform: translateZ(0px); width: 376px; }
  .header-main.active .column-nav-container .nav-scroll-box { display: block; flex-direction: column; height: 95%; justify-content: unset; overflow: scroll; padding: 0px 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-flow: wrap; justify-content: flex-start; padding: 0px; width: 100%; }
  .header-main.active .column-nav-container .nav-item:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; 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: rgb(250, 250, 250); cursor: pointer; display: flex; flex-grow: 1; font-size: 18px; height: 52px; line-height: unset; padding: 17px 0px; }
  .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: rgb(255, 255, 255) solid 2px; 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: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .mu-txt::before, .header-main.active .column-nav-container .nav-item .user-arrow { color: rgb(144, 144, 144); cursor: pointer; display: inline-block; margin-left: 4px; margin-right: 0px; padding: 20px 0px; transform: rotate(0deg); }
  .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: rgb(255, 255, 255) solid 2px; 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: rgb(255, 255, 255) solid 2px; 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: rgb(227, 227, 227); cursor: pointer; display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; width: 100%; }
  .header-main.active .column-nav-container .extend-link:hover { background: transparent; color: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .extend-link:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; 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: 0px 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: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0px 1px 2px; 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 0px 0px 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 0px; }
.header-main.web3-header .nav-container .drop-animation, .header-main.web3-header .nav-container .drop-animation:hover { transition: 0.3s cubic-bezier(0.645, 0.045, 0.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: 0px; }
.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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); 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: rgb(110, 110, 110); 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: rgb(0, 0, 0) solid 2px; 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: rgb(0, 0, 0); font-size: 24px; margin-right: 16px; }
.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item:last-child { margin-bottom: 0px; }
.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: max-content; }
.header-main.web3-header .nav-container .dp-c-l-ag .extend-box .box-item .item-box.item-panel-drop { flex: 1 1 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: rgb(0, 0, 0); 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: rgb(91, 91, 91); 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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); cursor: pointer; }
.header-main.web3-header .nav-container .dp-c-l-ag .extend-small-box { margin-right: 80px; min-width: 120px; 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: rgb(0, 0, 0); cursor: pointer; display: flex; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 0px; padding: 12px; }
.header-main.web3-header .nav-container .dp-c-l-ag .extend-small-box .box-item:not(.drop-panel-menu-item):hover { background: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); 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: 0px 10px; padding: 0px; }
.header-main.web3-header .nav-container .nav-item { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; height: 100%; padding: 0px 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: rgb(250, 250, 250); 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-width: medium; border-style: none; border-color: currentcolor; border-image: 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; inset: 0px; content: ""; height: 30px; margin: auto; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; position: absolute; width: 100%; }
.header-main.web3-header .nav-container .nav-item .mu-txt::before, .header-main.web3-header .nav-container .nav-item .user-arrow { color: rgb(227, 227, 227); display: inline-block; margin-left: 4px; transform: rotate(0deg); }
.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-wallet-balance { padding: 0px; }
.header-main.web3-header .nav-container .nav-academy .nav-link, .header-main.web3-header .nav-container .nav-orbit .nav-link, .header-main.web3-header .nav-container .nav-pay .nav-link, .header-main.web3-header .nav-container .nav-smsf .nav-link, .header-main.web3-header .nav-container .nav-support .nav-link, .header-main.web3-header .nav-container .nav-usdg .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: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; outline-offset: 2px; }
.header-main.web3-header .nav-container .extend-link:not(.drop-panel-menu-item):hover { background: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); cursor: pointer; }
.header-main.web3-header .nav-container .other-wrap { box-sizing: border-box; cursor: pointer; display: flex; line-height: 48px; margin: 0px 10px; padding: 0px; position: relative; }
.header-main.web3-header .nav-container .other-wrap.nav-im { color: rgb(250, 250, 250); 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: rgb(250, 250, 250); font-size: 20px; position: relative; }
.header-main.web3-header .nav-container .other-wrap button.icon:focus-visible::after { border-radius: 4px; inset: 0px; content: ""; height: 30px; margin: auto; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; position: absolute; width: 100%; }
.header-main.web3-header .nav-container .other-wrap .drop-c-right-align { overflow: visible; padding: 0px 24px; right: 0px; 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: rgba(255, 255, 255, 0.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 0%; justify-content: flex-end; max-width: 100%; min-width: 0px; }
.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 0%; min-width: 0px; }
.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: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0px 1px 2px; 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 0px 0px 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 0px; }
  .header-main .nav-container .drop-animation, .header-main .nav-container .drop-animation:hover { transition: 0.3s cubic-bezier(0.645, 0.045, 0.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: 0px; }
  .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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); 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: rgb(110, 110, 110); 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: rgb(0, 0, 0) solid 2px; 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: rgb(0, 0, 0); font-size: 24px; margin-right: 16px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item:last-child { margin-bottom: 0px; }
  .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: max-content; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box.item-panel-drop { flex: 1 1 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: rgb(0, 0, 0); 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: rgb(91, 91, 91); 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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); cursor: pointer; }
  .header-main .nav-container .dp-c-l-ag .extend-small-box { margin-right: 80px; min-width: 120px; 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: rgb(0, 0, 0); cursor: pointer; display: flex; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 0px; padding: 12px; }
  .header-main .nav-container .dp-c-l-ag .extend-small-box .box-item:not(.drop-panel-menu-item):hover { background: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); 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: 0px 10px; padding: 0px; }
  .header-main .nav-container .nav-item { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; height: 100%; padding: 0px 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: rgb(250, 250, 250); 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-width: medium; border-style: none; border-color: currentcolor; border-image: 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; inset: 0px; content: ""; height: 30px; margin: auto; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; position: absolute; width: 100%; }
  .header-main .nav-container .nav-item .mu-txt::before, .header-main .nav-container .nav-item .user-arrow { color: rgb(227, 227, 227); display: inline-block; margin-left: 4px; transform: rotate(0deg); }
  .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-wallet-balance { padding: 0px; }
  .header-main .nav-container .nav-academy .nav-link, .header-main .nav-container .nav-orbit .nav-link, .header-main .nav-container .nav-pay .nav-link, .header-main .nav-container .nav-smsf .nav-link, .header-main .nav-container .nav-support .nav-link, .header-main .nav-container .nav-usdg .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: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; outline-offset: 2px; }
  .header-main .nav-container .extend-link:not(.drop-panel-menu-item):hover { background: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); cursor: pointer; }
  .header-main .nav-container .other-wrap { box-sizing: border-box; cursor: pointer; display: flex; line-height: 48px; margin: 0px 10px; padding: 0px; position: relative; }
  .header-main .nav-container .other-wrap.nav-im { color: rgb(250, 250, 250); 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: rgb(250, 250, 250); font-size: 20px; position: relative; }
  .header-main .nav-container .other-wrap button.icon:focus-visible::after { border-radius: 4px; inset: 0px; content: ""; height: 30px; margin: auto; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; position: absolute; width: 100%; }
  .header-main .nav-container .other-wrap .drop-c-right-align { overflow: visible; padding: 0px 24px; right: 0px; 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: rgba(255, 255, 255, 0.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: 0px; top: 0px; 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-orbit, .header-main .column-nav-container .nav-pay, .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-usdg, .header-main .column-nav-container .nav-user, .header-main .column-nav-container .nav-web3-meme-pump, .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: rgba(255, 255, 255, 0.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: rgb(0, 0, 0); box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0px 1px 2px; display: flex; height: 100%; position: fixed; right: 0px; transform: translateZ(0px); 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: 0px 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-flow: wrap; justify-content: flex-start; padding: 0px; width: 100%; }
  .header-main.active .column-nav-container .nav-item:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; 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: rgb(250, 250, 250); cursor: pointer; display: flex; flex-grow: 1; font-size: 18px; height: 52px; line-height: unset; padding: 17px 0px; }
  .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: rgb(255, 255, 255) solid 2px; 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: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .mu-txt::before, .header-main.active .column-nav-container .nav-item .user-arrow { color: rgb(144, 144, 144); cursor: pointer; display: inline-block; margin-left: 4px; margin-right: 0px; padding: 20px 0px; transform: rotate(0deg); }
  .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: rgb(255, 255, 255) solid 2px; 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: rgb(255, 255, 255) solid 2px; 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 0px 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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: rgb(100, 111, 132); 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: 0px; max-width: unset; min-width: unset; padding: 0px; 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: 0px; }
  .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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: rgb(227, 227, 227); display: inline-flex; font-size: 16px; height: 44px; margin: 0px; padding: 14px 0px; 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: rgb(250, 250, 250); }
  .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: rgb(227, 227, 227); cursor: pointer; display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; width: 100%; }
  .header-main.active .column-nav-container .extend-link:hover { background: transparent; color: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .extend-link:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; 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: 0px 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(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
.skip-to-content:focus-visible { clip: unset; align-items: center; background: rgb(0, 0, 0); border-radius: 4px; color: rgb(255, 255, 255); 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: rgb(255, 255, 255) solid 2px; outline-offset: 2px; padding: 4px 12px; position: absolute; top: 54px; width: auto; 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: rgb(0, 0, 0); height: 48px; width: 100%; }
body .header-container .header-wrap.header-wrap-home { position: fixed; top: 0px; width: 100%; z-index: 9501; }
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: 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: 0px; }
}
@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: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0px 1px 2px; 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 0px 0px 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 0px; }
  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: 0.3s cubic-bezier(0.645, 0.045, 0.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: 0px; }
  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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); 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: rgb(110, 110, 110); 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: rgb(0, 0, 0) solid 2px; 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: rgb(0, 0, 0); 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: 0px; }
  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: 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: 1 1 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: rgb(0, 0, 0); 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: rgb(91, 91, 91); 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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); 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: 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: rgb(0, 0, 0); cursor: pointer; display: flex; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 0px; 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: var(--header-lg-drop-box-item-bg-hover); border-radius: 4px; color: rgb(0, 0, 0); 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: 0px auto; padding: 0px 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; inset: 0px; content: ""; height: 30px; margin: auto; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; position: absolute; 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-secondary); border-radius: 6px; box-sizing: border-box; height: 40px; margin-top: 10px; padding: 10px; width: 40px; }
body .header-container .header-wrap .header-main .action-container .header-menu-btn::before { color: rgb(250, 250, 250); display: inline-block; font-size: 20px; padding: 14px 0px; }
body .header-container .header-wrap .header-main.active .column-nav-container { top: 0px; 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: 0px; }
@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: rgb(144, 144, 144); }
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: rgb(188, 255, 47); border-radius: 3px; color: rgb(0, 0, 0); display: inline-flex; flex-direction: row; flex-shrink: 0; font-size: 12px; height: 16px; justify-content: center; line-height: 12px; margin: auto 0px auto 2px; min-width: 33px; padding: 2px 3px; transform: scale(0.875); }
body .header-main .nav-hot-tag { color: rgb(241, 80, 123); 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 .header-main .nav-title-wrap { align-items: center; display: inline-flex; width: 100%; }
body .header-main .nav-title-wrap .nav-title-text { display: inline-block; }
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: rgb(0, 0, 0); height: 48px; position: fixed; top: 0px; width: 100%; z-index: 9501; }
  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: 0px; padding-right: 0px; 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: 0px; padding-right: 0px; 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, 0.65); content: ""; display: block; height: 100vh; position: absolute; right: 0px; top: 0px; 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: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.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-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; display: block; height: 1px; margin: 10px 0px; }
@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: rgba(255, 255, 255, 0.15); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; height: 1px; margin: 6px 0px; }
@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .trade-line { display: none; }
}
.header-container[data-transparent="true"] { background: transparent; height: 0px; }
.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: 0.2s; }
.header-container[data-transparent="true"][data-scroll="true"] .header-wrap { background: rgb(0, 0, 0); }
@media (min-width: 1024px) {
  .header-container[data-transparent="true"] { background: transparent; min-height: 48px; position: absolute; top: 0px; 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: 0px; }
body .header-container .header-wrap .header-main .logo-container { display: flex; flex-shrink: 0; }
body .header-container .header-wrap .header-main .logo-wrap { color: rgb(102, 102, 102); 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: rgb(255, 255, 255) solid 2px; 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: rgb(250, 250, 250); 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: rgb(250, 250, 250); 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: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.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: rgb(250, 250, 250); 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: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .new-mode-tab .active { background: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px; color: rgb(0, 0, 0); }
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 0px 4px; width: 100%; }
body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item { flex: 1 1 0%; margin-bottom: 16px; }
body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item .item-box { background: rgb(36, 36, 36); border-radius: 20px; padding: 10px 16px; }
body .header-container .header-wrap .header-main .nav-mode .mode-box .box-item .item-box .item-title { color: rgb(250, 250, 250); 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 rgb(250, 250, 250); }
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: 0px; 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: rgb(0, 0, 0); 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: 8px 4px; right: 0px; }
  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: rgb(0, 0, 0); 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: rgb(0, 0, 0); display: none; }
  body .header-container .header-wrap .header-main .nav-custom .extend-link.click-disable { cursor: not-allowed; opacity: 0.5; }
  body .header-container .header-wrap .header-main .nav-custom .extend-link.click-disable:hover { background: unset; color: rgb(53, 56, 74); }
  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 rgb(235, 235, 235); margin-bottom: 6px; padding-bottom: 6px; }
  body .header-container .header-wrap .header-main .nav-custom .vip-con .vip-support-btn { align-items: center; background: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 14px; color: rgb(255, 233, 175); 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: rgb(255, 255, 255) solid 2px; 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: 0px; }
  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: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; 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: rgb(0, 0, 0); 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: 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: 0px; }
  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: 0px; }
  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: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; 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: rgb(0, 0, 0); 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: 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: 0px; }
  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: 0px; }
}
@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-institutions .dp-c-l-ag, body .header-container .header-wrap .header-main .nav-orbit .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-institutions .dp-c-l-ag .extend-box, body .header-container .header-wrap .header-main .nav-orbit .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-institutions .dp-c-l-ag .extend-box .box-item, body .header-container .header-wrap .header-main .nav-orbit .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-institutions .dp-c-l-ag .extend-box:last-child, body .header-container .header-wrap .header-main .nav-orbit .dp-c-l-ag .extend-box:last-child { margin-right: 0px; }
  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: 0px; 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: 0px; }
  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: rgb(255, 255, 255); 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 0px 0px 4px; }
  body .header-container .header-main .nav-container .nav-more .drop-sm-down .drop-explorer-list .panel-drop-item-icon { border-radius: 0px 4px 4px 0px; 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: 0px; 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: 0px; }
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: rgb(255, 255, 255); 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 0px 0px 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: 0px 4px 4px 0px; 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: 0px; }
}
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: 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 { height: calc(100% + 26px); min-height: 314px; 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: 0px; padding-top: 0px; }
body .header-container .header-main.web3-header .nav-container .nav-more .panel-drop-item-icon, body .header-container .header-main.web3-header .nav-container .nav-web3-dropdown .panel-drop-item-icon, body .header-container .header-main.web3-header .nav-container .nav-web3-more .panel-drop-item-icon { line-height: normal; min-height: auto; }
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: 0px; }
  body .header-container .header-wrap .header-main .nav-container .nav-trade .dp-c-l-ag .extend-box { margin-right: 0px; }
  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(-86px + 100vh); 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, 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: 0px; }
  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: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; 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: rgb(0, 0, 0); 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: 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: 0px; }
  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: rgb(255, 110, 0); border-radius: 100px; display: none; height: 6px; position: absolute; right: 0px; top: 14px; width: 6px; }
body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align { overflow: hidden; padding: 8px 0px; right: 0px; }
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: 0px 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: rgb(0, 0, 0) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list .notice-item:hover { background: rgb(247, 247, 247); }
body .header-container .header-wrap .header-main .nav-notice .drop-c-right-align .notice-box .notice-list .notice-item .item-title { color: rgb(0, 0, 0); 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: rgb(146, 146, 146); 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: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; 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: rgb(146, 146, 146); font-size: 12px; font-weight: 500; line-height: 18px; }
body .header-container .header-wrap .header-main .nav-download { display: none; margin-left: 0px; }
@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: rgb(246, 246, 246); 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: rgb(0, 0, 0); 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: rgb(247, 247, 247); 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: rgb(255, 255, 255); border: 1px solid rgb(77, 77, 77); border-radius: 14px; box-sizing: border-box; color: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .nav-download .drop-c-right-align .download-box .download-desc { color: rgb(91, 91, 91); 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 rgb(64, 64, 64); border-radius: 24px; color: rgb(250, 250, 250); 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: rgb(255, 255, 255) solid 2px; 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: 0px; 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 rgb(250, 250, 250); border-radius: 14px; color: rgb(250, 250, 250); 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: rgb(255, 255, 255) solid 2px; 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: rgb(250, 250, 250); 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: 0px; 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: 0px; 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: rgb(250, 250, 250); cursor: pointer; float: left; font-size: 20px; height: 48px; margin-right: 0px; }
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; inset: 0px; content: ""; height: 30px; margin: auto; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; position: absolute; 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: rgb(250, 250, 250); 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: 0px; padding-right: 0px; 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: rgb(0, 0, 0); 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: 1.4s ease 0s infinite normal none running okui-skeleton-loading; background: linear-gradient(90deg, rgb(230, 230, 230) 25%, rgba(250, 250, 250, 0.1) 37%, rgb(230, 230, 230) 63%) 0% 0% / 400% 100%; border-radius: 50%; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
@keyframes okui-skeleton-loading { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
body .header-container .header-wrap .header-main .vip-support-btn { align-items: center; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 14px; color: rgb(255, 233, 175); 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: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .vip-support-btn { background: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: 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 rgb(219, 219, 219); border-radius: 14px; color: rgb(0, 0, 0); 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: rgb(0, 0, 0) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .header-toggle-btn.no-top { margin-top: 0px; }
@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 { max-height: calc(-64px + 100vh); min-width: 220px; overflow-y: auto; padding: 12px; }
@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag { left: unset; right: 0px; }
}
@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: rgb(237, 240, 247); height: 1px; margin: 6px 0px; }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-account { color: rgb(0, 0, 0); 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, 0.15); border-radius: 2px; display: inline-block; height: 16px; line-height: 16px; margin: 4px 3px 0px 0px; padding: 0px 4px; text-align: center; }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .team-account-wrap { background: rgba(235, 235, 235, 0.7); }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .sub-tag { color: rgb(12, 80, 37); display: inline-block; font-size: 12px; transform: scale(0.83); transform-origin: center top; }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .team-account-tag { color: rgb(61, 61, 61); }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .level-tag-wrap { background: rgb(228, 244, 234); display: inline-block; height: 14px; line-height: 14px; margin: 0px; padding: 2px 4px; }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .user-level .level-tag { border-radius: 2px; color: rgb(77, 184, 114); display: inline-block; font-size: 12px; font-style: italic; text-align: left; transform: scale(0.83); transform-origin: center top; vertical-align: middle; }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .sub-account-uid { color: rgb(146, 146, 146); 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: 0px; 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: rgb(0, 0, 0) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .nav-user .dp-c-l-ag .logout.logout-outline { border: 1px solid rgb(179, 179, 179); 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 { align-items: center; color: rgb(91, 91, 91); display: flex; font-size: 12px; line-height: 16px; margin-top: 4px; white-space: nowrap; }
body .header-container .header-wrap .header-main .nav-user .user-uid .user-uid-copy { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; cursor: pointer; display: inline-flex; flex-shrink: 0; font-size: 14px; margin-left: 4px; padding: 0px; }
body .header-container .header-wrap .header-main .nav-user .user-uid .user-uid-copy:hover { opacity: 0.7; }
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 rgb(0, 0, 0); border-radius: 4px; color: rgb(0, 0, 0); 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 rgb(64, 64, 64); border-radius: 16px; color: rgb(250, 250, 250); 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: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .profile-wrap.header-profile .no-top { margin-top: 0px; }
body .header-container .header-wrap .header-main .profile-wrap .photo { background: rgb(47, 62, 109); 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: rgb(22, 35, 74); 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 0px 5px 8px; }
body .header-container .header-wrap .header-main .profile-wrap .person-info .info-text { color: rgb(250, 250, 250); font-size: 14px; line-height: 18px; }
body .header-container .header-wrap .header-main .profile-wrap .person-info .user-uuid { align-items: center; color: rgb(144, 144, 144); display: flex; }
body .header-container .header-wrap .header-main .profile-wrap .person-info .user-uuid .user-uid-copy { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; cursor: pointer; display: inline-flex; flex-shrink: 0; font-size: 14px; margin-left: 4px; padding: 0px; }
body .header-container .header-wrap .header-main .profile-wrap .person-info .user-uuid .user-uid-copy:hover { opacity: 0.7; }
body .header-container .header-wrap .header-main .profile-wrap .logout { cursor: pointer; display: inline-block; height: 30px; line-height: 30px; margin: 7px -3px 7px 0px; position: relative; text-align: right; width: 36px; }
body .header-container .header-wrap .header-main .profile-wrap .logout .user-loading { border-color: rgb(144, 144, 144) rgb(49, 47, 47) rgb(49, 47, 47); 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 rgb(77, 77, 77); border-radius: 20px; color: rgb(255, 255, 255); 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: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
body .header-container .header-wrap .header-main .profile-wrap .logout .icon { color: rgb(144, 144, 144); 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 0px; }
@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: 1s linear 0s infinite normal none running user-loading-animation; border-width: 2px; border-style: solid; border-color: rgb(0, 0, 0) rgb(219, 219, 219) rgb(219, 219, 219); border-image: none; border-radius: 50%; cursor: not-allowed; display: inline-block; height: 20px; width: 20px; }
@keyframes user-loading-animation { 
  0% { transform: rotate(0deg); }
  100% { 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, body .header-main .nav-usdg { order: 4; }
  body .header-main .nav-academy, body .header-main .nav-institutions, body .header-main .nav-okc, body .header-main .nav-orbit, body .header-main .nav-pay, 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-portfolio { order: 1; }
  body .header-main .nav-web3-market { order: 2; }
  body .header-main .nav-web3-meme-pump { order: 3; }
  body .header-main .nav-web3-strategy { order: 4; }
  body .header-main .nav-swap { order: 5; }
  body .header-main .nav-web3-onchain { order: 6; }
  body .header-main .nav-web3-more { order: 7; }
}
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: 0px 10px 0px 0px; 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: rgb(250, 250, 250); 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: 0px; 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: rgb(0, 0, 0); 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, rgb(134, 238, 241), rgb(241, 252, 103) 138.82%); border-radius: 4px; color: rgb(0, 0, 0); display: inline-block; font-size: 12px; font-weight: 500; line-height: 16px; margin-left: 8px; 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-orbit, .simulated .header-container .header-wrap .header-main .column-nav-container .nav-pay, .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 .column-nav-container .nav-usdg, .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-orbit, .simulated .header-container .header-wrap .header-main .nav-container .nav-pay, .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, .simulated .header-container .header-wrap .header-main .nav-container .nav-usdg { 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: 0px 10px; padding: 0px; }
@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: rgb(188, 255, 47) !important; }
#YSF-BTN-HOLDER { display: none !important; }
body[data-nav="false"] .header-container { display: none; }
body[data-nav="true"] .header-container { display: block; }
.footer-alert-container { background: rgb(26, 26, 26); border-radius: var(--oxnv-okd-alert-box-border-radius); box-sizing: border-box; display: inline-flex; padding: 8px 16px; position: relative; width: 100%; }
.footer-alert-container .footer-alert-icon { align-items: center; color: rgb(250, 250, 250); display: flex; font-size: 20px; height: 20px; justify-content: center; width: 20px; }
.footer-alert-container .footer-alert-msg-box { display: flex; flex-direction: column; flex-grow: 1; margin-left: 8px; }
.footer-alert-container .footer-alert-msg-box .footer-alert-title { color: rgb(250, 250, 250); font-size: 14px; font-weight: 500; line-height: 20px; }
.keep-ltr { direction: ltr; }
.keep-rtl { direction: rtl; }
:root { --nav-footer-main-bg: #000; --nav-footer-copy-right: #6c6c6c; --nav-footer-selected-text: #e3e3e3; --nav-footer-selected-icon: #909090; --nav-footer-language-bg: #242424; --nav-footer-language-border: #2e2e2e; --nav-footer-title-color: #fafafa; --nav-footer-link-color: #909090; --nav-footer-link-hover-color: #fafafa; --nav-footer-language-bg-hover: #2e2e2e; --nav-footer-list-text: #909090; --nav-footer-list-text-selected: #fafafa; --nav-footer-language--box-border: #404040; }
.web3-footer-wrap { --nav-footer-main-bg: var(--oxnv-okd-color-background-base-secondary); --nav-footer-copy-right: var(--oxnv-okd-color-content-disabled); --nav-footer-selected-text: var(--oxnv-okd-color-content-secondary); --nav-footer-selected-icon: var(--oxnv-okd-color-content-primary); --nav-footer-language-bg: var(--oxnv-okd-color-modal-primary); --nav-footer-language-border: var(--oxnv-okd-color-border-primary); --nav-footer-language--box-border: var(--oxnv-okd-color-border-primary); --nav-footer-title-color: var(--oxnv-okd-color-content-primary); --nav-footer-link-color: var(--oxnv-okd-color-content-contrast); --nav-footer-link-hover-color: var(--oxnv-okd-color-content-primary); --nav-footer-language-bg-hover: var(--oxnv-okd-color-background-base-secondary); --nav-footer-list-text: var(--oxnv-okd-color-content-contrast); --nav-footer-list-text-selected: var(--oxnv-okd-color-content-primary); }
.footer-container { min-width: 320px; width: 100%; }
.footer-container .footer-wrap { background: var(--nav-footer-main-bg); padding-bottom: 47px; padding-top: 67px; }
.footer-container .f-l { box-sizing: border-box; margin-top: 50px; min-height: 46px; min-width: 150px; position: relative; width: max-content; }
@media (min-width: 768px) {
  .footer-container .f-l { margin-left: 12px; }
}
.footer-container .f-l .show-language-list { opacity: 1; visibility: visible; }
.footer-container .f-l .arrow-icon.show-arrow { transform: rotate(-180deg); }
.footer-container .f-l .now-language { align-items: center; border: 1px solid var(--nav-footer-language--box-border); border-radius: 2px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 14px; font-weight: 400; line-height: 20px; min-height: 40px; padding: 12px; white-space: nowrap; width: max-content; }
.footer-container .f-l .now-language:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.footer-container .f-l .now-language.now-language-static { cursor: default; }
.footer-container .f-l .now-language::before { color: var(--nav-footer-selected-icon); display: inline-block; font-size: 16px; height: 16px; line-height: 16px; opacity: 0.75; width: 16px; }
.footer-container .f-l .now-language .arrow-icon { color: var(--nav-footer-selected-icon); display: inline-block; font-size: 12px; height: 12px; line-height: 12px; position: relative; width: 12px; }
.footer-container .f-l .now-language .text { color: var(--nav-footer-selected-text); margin-left: 8px; margin-right: 16px; min-width: 80px; vertical-align: bottom; }
.footer-container .f-l .drop-animation { transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.footer-container .language-list { background: var(--nav-footer-language-bg); border: 1px solid var(--nav-footer-language-border); border-radius: 4px; bottom: 57px; box-shadow: rgba(3, 6, 18, 0.5) 0px 10px 10px 0px; box-sizing: border-box; display: flex; left: 0px; opacity: 0; overflow: hidden; padding-top: 12px; position: absolute; visibility: hidden; z-index: 20000; }
.footer-container .language-list .ul-title { align-items: center; color: rgb(144, 144, 144); display: flex; font-size: 12px; font-weight: 400; line-height: 16px; margin-bottom: 4px; padding-left: 12px; }
.footer-container .language-list .ul-title .icon { margin-left: 4px; }
.footer-container .language-list .list-ul { box-sizing: border-box; height: 100%; max-height: 308px; overflow-y: hidden; }
.footer-container .language-list .list-ul::-webkit-scrollbar { width: 2px; }
.footer-container .language-list .list-ul::-webkit-scrollbar-track { background: transparent; }
.footer-container .language-list .list-ul::-webkit-scrollbar-thumb { background: rgb(108, 108, 108); border-radius: 1px; }
.footer-container .language-list .item { align-items: center; box-sizing: border-box; color: var(--nav-footer-list-text); cursor: pointer; display: flex; font-size: 16px; font-weight: 500; height: 48px; padding: 0px 12px; position: relative; white-space: nowrap; }
.footer-container .language-list .item:hover { background: var(--nav-footer-language-bg-hover); }
.footer-container .language-list .item.selected, .footer-container .language-list .item:hover { color: var(--nav-footer-list-text-selected); }
.footer-container .language-list .item .now-select, .footer-container .language-list .item .select-icon { height: 10px; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); }
.footer-container .language-list .item .select-icon { color: var(--nav-footer-list-text-selected); font-size: 12px; line-height: 10px; opacity: 0.75; width: 10px; }
.footer-container .language-list .list-ul { max-height: 288px; width: 146px; }
.footer-container .language-list .language-li .item { padding-right: 16px; }
.footer-container .language-list .language-li .item:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.footer-container .language-list .language-li .item:focus-visible { outline-offset: -4px; }
.footer-container .language-list .currency-list { width: 136px; }
.footer-container .language-list .currency-list .item:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.footer-container .language-list .currency-list .item:focus-visible { outline-offset: -4px; }
.footer-container .language-list.placement-top { bottom: 47px; }
.footer-container .language-list.placement-bottom { bottom: unset; }
.footer-container .footer-section { position: relative; }
@media (min-width: 768px) {
  .footer-container .footer-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .footer-container .footer-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .footer-container .footer-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .footer-container .footer-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.footer-container .footer-section .footer-top-logo { background-repeat: no-repeat; background-size: 82px 36px; height: 36px; background-position: 0px center !important; }
.footer-container .footer-section .footer-top-logo.web3-footer-logo { background-size: 100% 100%; height: 16px; margin-bottom: 16px; width: 118.3px; }
.footer-container .footer-section .footer-top-logo.web3-footer-logo.web3-f-lo-d { background-image: url("./32dca47a3f45fee7.png"); }
.footer-container .footer-section .footer-top-logo.web3-footer-logo.web3-f-lo-l { background-image: url("./4ef3157e81936444.png"); }
.footer-container .footer-section .logo-tr { background-image: url("./3a334fe55eb2df48.png"); background-size: 128px 27px; }
.footer-container .footer-section .logo-c { background-image: url("./c88c319fb3120d3f.png"); }
.footer-container .footer-section .logo-web3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4cAAACrCAYAAADVa+lGAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACK7SURBVHgB7d3tdWRFlu7x587i+2UsIMYCaAsILBjaArItACyoxALAgkos6LkWVLQFNBbotAXQFnC179G5UqkklZTKeE68/H9rxaiqqJ7KPK+xY++IkAAAAAAAAAAAAADgfwlA69J1y/Iq120RnvLFTavtj+v2P8JTstb7xGXReo8A93193T5VffFM+EN1JXnePf+8aQAakq/bu+v25yDt1+t20DyS1vP3u/o6T4+1q+v2Rtgk+c/BUfiYt/KdD0dns2fv5L0/3gp42JU812BSfQdJju9yFICmZHlfqs72ncaX5HsZudtbYXMl77F/J3yM85x8LTwmAuc/zS0LeNiVPNdgUn0HSY7vchSAZvyHxs7QjPzdNhEAJ43pIDphm/8jryiXJFv1uDg+ST5ZeEyWXxEAAAOK4DBrXNG5TRrb5xpbEoJ7zlncO475dL3K8vpv4THuY1MEAMCg/kMAehCT9WsvPnAfpYyPcwckSQyUPCbL6xcBADAogkOgDxEYuldz+1J4SGRVs/wI1j/kLu8NRQAADIrgEOgH8w7bkLWPLNznLn2OAZpFAAAMiuAQ6Mcee92RrfrQXvP/yOR+yH0u/iEAAAZGcAj0Y5E/a0FA8qGsfexVztqyLK89BmgAALAhOAT64i4tJXP4vj3muN2VhU2Wt+w55v0WAQAwsE8EoCeRufhWPtuWFu7FcFqVtS8yubeyvCgpBYC5xd7ijkHJ6Ovt1u8iOAT6sm1p4cyYZBEcbvbebzBrPffubU1a5A6UKSkFgLnF4HxSfYt27HdRVgr0ZY8tLdiAfdXKnL8s7HEuigAAGBzBIdCfPba0QDvHIQtZXmxhAQCYAsEh0B93eRurZK6+URvI5LKFBQAAVRAcAv1Z5M9iZCGrDUn7rpjagiwv5hsCAKZAcAj0yV1aOvsqmUltBWQzbzGS5D0XbGEBAJgGwSHQJ3cmI8u7Qmprstoyc2lplhclpQCAaRAcAn3atrRwyppXa8HYzIsEuc8FJaUAgGkQHAJ92mNLi6x5ZbVl5kWCsryKAACYBMEh0C/3vMNZSxmz2iypnXHeYZb3XLCFBQBgKgSHQL/c5W5Jc66S2WoQ9rnm4y6nZb4hAGAqBIdAvxb5sxozZqtaXak1a75FgphvCABARQSHQN/cpaWzZauS2l78ZaZg3T3Pki0sAADTITgE+ubObMyWOcxq20z7T1JSCgBAZQSHQN/cW1rMtkpm64vwzBSsu78rJaUAgOkQHAJ922NLi5n22MtqWwTrSXNwZ0mLAACYDMEh0D+2tKgjq48FX2bIHiZ5ByXYwgIAMCWCQ6B/7vK36KTPsEpmL0HXDMF6lhfzDQEAUyI4BPq3yJvliMBwhtLSXhZ7mSFYd58L5hsCAKZEcAiMwV1aOnopY1I/AfAMwXqWD1tYAACmRXAIjMGd6Rh9C4WsvowcrEfgm+RDSSkAYFoEh8AY3FtajF7K2FvwO3KwnuVFSSkAYFoEh8AY9tjSYuRsVVZfRg7W3QvuFAEAMCmCQ2Ac7nmHo2arsvrcO3DUYD3Lhy0sAABTIzgExlHkNWow0uviLiMG61lezDcEAEyN4BAYh3veYZQxJo2n130DRwzW3d+J+YYAgKkRHAJj+UVeowUkEfBm9WnELS2c2VC2sAAATI/gEBhLkVevWbbHZPUtaxxJ3mCXklIAwPQIDoGxFHmNlqnqPdgdKVh3X1uUlAIApkdwCIzFXRrXcxnmQ7L6NtKWFmxhAQCAGcEhMB73lhZZY4jAKqlvI807zPJhCwsAAERwCIyoyGuULRSyxjDCIkHuQN09oAIAQJM+EYDRbFtauMoL882/5dxGo4ZR5uvF9/hOfcvyKppH0u02NJ/eaR/zx01bbn6/iGwr4LLds0m392v6yP+GexZnITgExhRbWnwrn6y+F/RwzJ2MoN1R8pnUf7DuDNQXjRccJt1mXz/X7VzUpMtbblpc3/+6+enecxUYRdKH9278+pKDvdv9efeeLRrLcwe9WvW/tc80l/83oEBwCIypiODwJbLqi9LFP0z/VpSWntQv57zJov5lrcfsS91m8l3STcv3/nybxxnXfREZC+AhSevzOgLBLE9AsD1f870/L1rv23/c/LrnAZ74ju/Ur59umtvfrtuJ4BAYU5FX76WMjkxVufmZVV8ECSf1Kcsb3PS4v2Ecn+hQxnWb1eYI+Rc3bZsDu2i9B34RK8NiblnrvRv3RlI78k3b3uVFt/frIkyDBWmAMbm3tEjqe6XPrLq281Hk8bX65f7sRX2IAPCgdTT89+v2Vuux6qV0Kun2819p/fxJwBziPn2j9dqPeyACsKS2Za336faZD+KenQLBITAud0ak14Akqf4LbzsXRZ5SHcccylo+l09R+yPi+br9qNuAKqt/SWtHc+t09jyYATwl63ZA56h+g6us20CRgZ3BERwC4yrycnbqLymrvrvzMV3bJmT1xx3UtlxSmrV2KrcsQ8+LKzwlX7e/a+10HgSM4aDb+zdrLAfdDuxkYTgEh8C4irwTynsd/f9G9ZVHfl1Tj/tPZnkVtSdr3E7lU5JuMxPOBYmAS8oaK8v/lKw5n1XDIzgExubc3LvXUsasuha9X7roWtU1q79s08xbWCStGbTZO1rpuv0qStfQl6zbQClpLlnr9+aeHQTBITC2Iq/eRvyz6iv3fr/tL+XA+XhcUTti25kIiJh7d+ug20UwgFbFAFzMCSZ7dltu+kboWgSHrk7KHhaNv/zubxrbIryGK0u1cWZ+LsHRGX8oe+ua69ZTsJHkHXVuYb5h0tqp/Ekadk7haySt2Qg6m2hR1jqo0/M2TjUctQaJSehSBIc/aFy/aHzRqXDOK3MqYj+s13JvaRGZqp46uY55eeWBP3MF7T0F61leRfuKua7RsczCxxy1HqskYH93s4VJeEgSWcRuRXAYnZS/aawMTXSIv9f6Qhndct3+ovEywKfr9lfhEpwZknhp9lLKmFT/sxY9PHjzT3kGdZL66bw4A9mifd950bE8iWzhS8S9Smcce0u6XUEYH3cU9213Prn5ebppSWNY7v1+23x0lPkci9as6OnO7yNA/FRjdDb+0LjZ0D0UeUfvvlYfGd+s+h5bEGibd5hVX5yPn9S+LB/nQk13xfM5Fp3JwjmS1o7mV2LKAfyy1vuXQZ2XyeK+RWOS1tT2nwM2Rq7wXLEBr+u6/FV9iJd87WORn/j3vzP8+9Hc807PkeU5FlvbI7sdHcpf5f2eo7YrtTuYHZ/NcQyS6jtIcnyXo9oXi0b9SXtVi36IK0mT1f/x2qMd4uDNsFrpG42bzo7vxggWnsOZKell3mFWXR+b7+kK2r5U+7J8FvnL8JPWwLCXkuvWJVGqBp/oa/VQfdG6rXKCxEbjZggOR34Z9zS/C/sq8mq9hDurfgD7sbmeizwlNj3sP+kMYIu8tg5REi4paT2uQE0RGB6FS4o512+EZs0QHJJZA/ylha1nqxzB63OOuSujm9Uud/Dqnm/4Vgzi1RLH9UcBdRAY1nMUAWKzZggOAfi3tGg9c+gIXsuF/s4ltBysZ3kV+UTnZ5SF0FoVJWocY1wagWF9R61b+qAxBIfAPNxbWiS1Kal+JifmtC3P+HtFHlntVlG4t7BwrYR8EJ1Ll8jOUiWESyEw9DmJ1ZubQ3AIzKPIq9XR/Kz6nrvgiTOjm9UmZ8mlq6Q0iZIpp227KuC14r11FJyYk92YTwRgFkVrMOIaYc9qc4U3R6bqlxf83cjoZtWX1d62Fkne4LDIIzJZSe1atA5gxPPgX3p8b9mk9XnxmW4XQGs1QxflpRH8FwHnSVrv3ZbFfbpovX//fef39yX1c+/G54rVh2O/bldlB55AcAjMJTpPrhr/Vue5OYKR52YOQ5En6xFBcWtLiGf5LPJsYXFQW1naLTv9j5ufi17XAYv7J2nNsHyptoLguI+KgJfbApTWAqi4V+O5tQ18vOYZ1vK9m7QuLvU3AQZX6msDype2LOD5Dpr7+syq/53f6eV+N3yuaEltiXKiP03trepLauOdE9dTHNus+p3d6HCe1M67NmtfruOQVN9BkuO7HLW/CEz+bKi903r8a96/rd270S41gJml6p91xHaIg0fmEJhLlBW+lU9WWyP5WfWdM6/NldGNEeOWSn2zfBzzDeMcJu0nsgw/az3HrvKsyGQcbn4dP99o32MQ/34R8HwHtVFV4b5/W7t3dfMZop+y6HVqzed3lecu8uyD/NC/O4Ur9RW1v7RlAS/zTr7r853a4vju55StHgyfq7XzkeX5zlur/UJP8mWAH2pHtVMSd9R+xyFa1n6u5PmOSfUdJDm+y1H7SWqjnxgBYQv370H7H493apfr2By0I1YrBebj3NIiq50Oq2Oz9UXnzQlxLRTjmG/5XO6FaGqPxH+jfa71uN5iIYej2lnM4Xjd/kv7jUJ/LeB53mjfbFnRev9G5rKF+/ek9d79QfvJ4h7eFcEhMJ8ir6w2ZNX3m86zLTpQmyNAfi7n/oaOktKD/KIE7St5rp2XWrR2el0DH3ftFaijLwftm6H5Xu3ev0ftO8ATc0C5h3dCcAjMp8g7QpnVBkcw8pqOsCujm7U/d5BaVNdB/uxDjOy3km14THy2v+plW7tcwrZ0P/CUN9rHojUobGn+90MWrQHiz/JLam917WkQHAJzcm0GHpwZoqdk1Vd0PleG5Uvtz9lxX1R/ZP4beUVgeFQ/DvJXLLjPCfpy0D7lpIvWwLCoHxGk7VFm+q3IHu6C4BCYU5FP0v4roG37O9UUAcii822bkteWtf8L1zmfpKiuJG8WtLfAcBMZxEU+zFnCY5L2yRpu84MX9ecof4AY7ymyhzsgOATm5J4HlLWvrPpeWxbqmncY9u44O7OXtbPkWT6L+gwMQ1zfzg2uKS3FYyKrnOS1aM0YtlwG/jFH+QNEsoc7IDgE5lRrD6DH7F3K2Pp8w42r3HfP85HkX6m0JmfZ9FfqW5F3/mEW8KGDvBb1HxhujvIOLpM93AHBITAv55YWe2aqXIufFL2e66W75/nI8imq3yHL8ogR+0X9O8rncwHvO8ifNYzAcNE4ogJgkQ/ZQzOCQ2BeRT57lnhl1Vd0GYs8L904H0n7GK2k1NFpiQD3pDEs8g2CZAHvc881jO0qFo1ljxLxg2BDcAjMq2iOLS0cZX+XDEJcpaV7ZQ+zfIrqcg14RDC1aByupfGTyDjgVjzzknxOan+7inMVebe4aGXV8ykQHAJzm2FLi6z6ii6nyGOP8+FYNXazqP4CP0ke7n0CayvyDUwRHGKzx5YzIzvKdx9n7b/q+TQIDoG5FflEYODuqDmCkUWXDUKKPPY4H1k+RfU55rQt6mtPtOdyDUyxYilCkrdaYpQ5wk+JwNCZPTwIFgSHwNzcq465O2pZ9RVdlmsl2T3OhzNb6Qg+HMfvN42pdlZ3kwSw5UwtUTbryh7uver5ND4RgJltgUiWx9fyZkEcwUiNVV/j/2dWfe7zkeVTVN/3qs8VRLm5vhdlpQjfymf0ctK7tuyhY6GfrHWwZxGqIjgE4ApEgntp+az6ii6vyPOydY7EZvkUeUazT8K5Fnl8Jswuaay9VVsT2UPXKrBfa9xFfppBWSmAIp8s30h+Vn2R/Vh0eUWe4MY579A538e50BLOswjwyPI5ab5r2zUVIrBqqQHBIYAi75YWriDBsTJdjZLSzWhbWjizlEXAKgmzc65SOtrKws/lXGCKUvHKCA4BhCIfV3mP49+puaBPkYcjaEvynfdF487TA/AyEUhkeSyad2DqJI89FlKbDsEhgFAzA3afoywkyfMCKarHtZKsI3PIfB8Ae+DZ4xHVR65BOYLDyggOAYSTfJLql3pl1VdUl+tl6xiJHW0LCwB9cM51dg6ytsj1/bNQFcEhgOAc9Qu1X9iOYMQRhIzyss3yKQKAlXOF7NnL2V3f373q+XQIDgFsnKOeWXVl1VdUn6u0tGYwHVnJJI8i7+JKANrmKkF0D7C2qMgjiUVpqiI4BLBxBSKh5iIoWfVfHIs8HYH4N3rf0iLLh5JSABvnypYsgrW+F12Dc0mohuAQwKbI92CvuYKcY45JkccI8w6dW1g4BzgAtC3J599CcPUhWJSmok8EALeKfBP4s+oEWY5gxFmCG9mwrPrivBddXpbHIjZWP0cSMCZnABGl+X8KLkmohuAQwF0R9PS8KXpS/1tY3BfZsB9VX43zkeUr6yqaV9Jt9jd+fnbzM+m2E/WpmKeDubBwybg+E6ohOARw10meQCRkrZ3VS5ahZNUXZZ6LfJabllTXFlhc8nw4l5H/RXOI85S1dny3xX4I+oAPJWFUSaiG4BDAXdscN1c5Tvw7RZfj2MJij72sorT0W9UXwdxJl+McuS8aU9aa1Y2fzgU2gN4lYVRJqIYFaQDc5wx+Lp1Zyqpvj0VPijwuWVpac9Gh+4rGsR23t9ft9+v27rod5S3RBXpHGfXYOLcVERwCuM8Z/Fwy05dV/4URmdUivyKPSwbrWT4jlJRmrSXdV1oDwoPoAAHnSsLIeDZWRHAI4D7X3noh6XIP+az69trLyhWUXjLb5yjx3RT1KwLydzftO9HpAS6B+2h8nONKCA4B3OfaW29zqWyVYwuLPTdZd5X7Xmq+aZbHoj63sDhozRL+Xd4sKzADAofxcY4rITgE8BBnEHSJoC7J08Eu2k+RxyUyfkm+sq6ivuTr9qvWOYVJAGogcADORHAI4CHOeYeXyBxm1bdov7LSUOQp973EiphZPr3MN4xjGlnCKB91rQYMzCoJwFkIDgE8ZJGvVG/bvPs1HCWlRftzZHQvcT6Yb/i+GAC5knffRwAAXozgEMBjnKWlWa+TVd+e8w03RR6vDWKyPIraFyuQRsaQMjcAQPMIDgE8ppctLSLLlVTfniWlG9c5ec35yPIFQi2XlMYx2FYgBQBclmtV9ekQHAJ4jHNLi9fMc8uqL47Fov25VpJNOj/gzvIpalPSuuhMFgCgBoLDSggOATzGuaXFa+a5Oea3ubaReA7XZzm3tNQx/zO0ErDfl7RmDJMAADUQGFZEcAjgKc55ducEI5fctP0pzhLbj3F9ls/1cq7zEVoK2DdJBIYAUNsiVDNDcNjCPKGaGD1BTc6g6JxgJKu+uMeK2uEq9z0nWM/yaSlg38TCM0kAgJro+1Y0Q3D4s8YVnaPRg1/sa5FvhC7r5fMOZyspDa5y33OygK4tLFoL2MMbsX8hADgsQjUzBIflun2v8S6kct3+JqC+lktLs+prMUPlOidZL+MKjloL2A/X7SgArViEkf1LqOaTm58xQvytXrdiYEtiVD0yhsvN73+6bieNM6q76MMH33daF4IY4fxFViDOXxFaEMHRt/J4yT060xYW98U5+VH1vWRxmSTfM7algD1pzRoCmNNJDNZjIBEcJo03gT5rHcn9SrcduxbLkC4lzl/WWCKDFBnfn4S9bXPcHAMPUZb43TP/blZ9i9oMDpebllRX1nrenzO/I8unqB0RGCa155837d9ar5U/dDuo+IfamLNzJaCOFq5voEsRHLb6Ynut6NDEyPpXGttB4+6lFefvJB7ye9vmuGXVl27a8oy/65jfVtSuKC11ZHSznpepc803bGkLi6T1GdyCovWa2IJCnpuY2SIAZ4k5hweNK2v8leNcHbK9vHQOGupobd6ha8sE5/d+qSKP/My/N+N8Q0dp71MiAPzhuv2n1oHQqLQoIjAEnPfAfwoYCPsc9m+EOYZon3OOV77Q37mEonYVeTxnAMo1/zO0Mt8wab/Bq0XrHKfolB5FMAjct8jnMwEDITgE8ByLfC/b5yyC4iopbbnT7ZpHnfTxwC/Lo6W543stQhOLdf1Fa8k9gMct8mCQHkMhOATwXK4Sy+eUjH7sv19Ca9slPMT1GT+WIXOVt7dyTpL2mZIR2cJYsIlMIfBxrsXEkggQMRCCQwDP1UppaZKnhLGofUUe+Yn/5pr/GVopKc3yizmFJwF4LudeeASHGAbBIYDncq6A+FRpaVZ9vWx9U+Q5J0+dD9dCNKGoDd/IK7b1KRoLnWnU5sochixgEASHAJ5r29LCIevxzqOjhLGHktKNo9z3qeyga1GWVrawcGZKw0lj7veaBNTlDA6dg2RAVQSHAF7CubXDYy/brPpaKV98jiKP/MifP2cBoUtoJWDP8lm0blUxoiSgrkU+nwsYBMEhgJdwBk0PZaSyPOVoRf1wnZOHgsAk34j5jPMNf9G4m3knAXU5q13iOUipNIZAcAjgJRb5OqsPlY86ShgX9dUhd3WAsj7s/GR5tDQH1JkhOGlcrowz5uaqOIhnI6WlGALBIYCXcpWWJn0YjDg6lEX92WtLi9lKSkOWR9xni8aVBNRX5OOafw1U9YkA4GWivO9becTL9nTz6yTPyKxzXuWluM7J/eOf5dFKSemMK7PWkESWBR5FPrGK8Xea10EeJ6EqgkMAL7VtaeGYXxGZqdPNr7M8ivrjOidR6rt1fqJzn+RR1AbnnCLnSotuWYDHVpKeVd+2knHRfPJ1e6v64rl4EqqirBTASzkn+d8t03FsYVHk28vxklznJOk2IMzyaGULi5DkM3JwyHxDODnL0t9oTs4tjVAZwSGAc7hKL+9O8s+qr6f9De9znZOtE+AI1kNL5yTJ4w/1OUjxHHFPMzcLTkU+WXOuWjrj+2BYBIcAzuGcA5bFFhbP4TonWycgy6OV+YZOowaGIQLDGTvP2E+Rt/pgtnmHWb6BMzKHBgSHAM6xyLulhSPT0NJ2CedY5Dknkcl1ZX5aOydJeK1Zy+6wr1/kE4uDzTQA8o08FhEcWhAcAjiXq4wxghFHycoI5SqOcxKdHlcHnxKisWQRYGMfP8knnpE/ag5JvlVKi2BBcAjgXK5yv3jRJtU3QvlikccX8pixpDSMmnVwrGYIPMRdhXDQHKvyOisBnNnfqREcAjjXaOUdRf0rGkvRnD7VeAHiQWQNsa8f5BWDISOXl8b0goM8FpE5tCE4BHCu3ufo3bWone0SXmOkc9LSFhYb50IxruysQxJzDbG/Iu89nDTude8unS2aS9KOCA4BvIZr3mFtReMYZZ5ei9/D2bHMGkd0kJOA/f0sr1i51LVgi5P7np6tpPQz7YjgEMBrFI1hlCA3FI2hxfmGi3xG6VDGyo0HAW2IhWncW8XEvzlSJUDc087tOhbNlznM2hHBIYDXiNK/EfZkKxpHUf/npNXyWHdJWlbfokPsXCXyITNtKYCPi3vYnT2Ma/Cdxsie73FPu+eKPmWRR9KO1wvBIYDX6r3co2i8Tcd7z4S2WhrrXoSp5/lK6br9XfsjOMR9e2QPRwgQIzB8J6/lup3UDud1c9BOCA4BvFZR30YqKd30vpJsq1tYLPLPO3SWb13K1olM2l8SASLeF/fwHtmodN1+VZ8VAVnrPe2+l1rKGoZ/yyfKd3d5dhEcAnitor71Hkg95KS+FbVrj+xhUj+y2suQfC3gfZE93OPZv2UQe6oKiCBlj8BwUXvvskU+7hVh/z+CQwCv1fP2CT1/9qfE91rUpxa3sLjrN3n1VI4WHd49OpEfM+JqkXi977Wfo9ay66R2xX0cn3GvecOtZQ3DIq+DdhhIIDgEcAm9lmaOsu3DQ3o9J61/7j1KXpPaDhCT1s93VJuy2GcRHyryL05zV2S0475psXT8cN2utF/WfVGbFTB7rE9w1Housoz+HLwlje2d+jofL20HoQcxx6in62qG6yurr3Oxtaz2/a59js2V2loSPzILb7Tf8Xhpe6v6x+9KkuO7JNV3kOT4LkftJ67hK/mvxfstPsNB+8tqo1+Z1Ka4Xva+To5az1O1Co1PBACvt21p0dvCD0Xj6vGcLOrjnMQKvd/KL2ld0OKoNeOx1yq7cU1te531dH0dbloct4+VL/9NmEFcC3Gu32lfSevgxRut5ZRFvhLGuIcP1+2/1cbgXDzbFrXpD+37Xk1ar5E3d/5s0WUt8X/+HLwlje2d+jofL20HoRcn9XVt/arxvVNf5+St+pC1/7G60vp8dHZSsvrKFL6mnevK8NmiJdV3kOT4Lkft7yjPd31Ji/l+B9U51/HcyFqfuS3dz1dqf8Apzksrx6vKOSBzCOBSivpa+GHEVUrvi/l7Wf3oZQ5ouWlZ+0m6zTQUrdnMosvL1+3Lm59ZwJiOur3OW/G1buf8xfuqaF0Qa9FtZchzRLCVtJZUf37zM6tNf1X7+w7He2roFZAJDgFcSizU8Vb9GHF/w/vinOyyFPaZivoRpU9Z+0t6v1yyaO28/FMv60AmrZ3Iux3IL+QZxS8i8MT+IjCJipKk9mz3411biePyyP8mab1/eyn9jnLaHgZte3uvvhjBIYBL2TqmWX0oGt+ifuYdFvW1/UZ0EKIj84XaEef5brZhs+i2I3lXuvdzD4vWTmEWsK+4P77SGiD28MzcAr+k/sXz9Kg+LDctaVBsZQHgknoqC2y9dOVSflEfetxWZM990l4i6baU7G5L2r+D85WAdixar8lZ3g8tWNTfAlC9vFfPQnAI4JKK+jBDSemml7mVRf0pmiMDXUtkDBf1lTHG+OKZ2cvAT+8W9RmMnzQwgkMAl1TUx0O+aB7/o/Yt6vecxIg3WYaXizmbx5tfc/zQmpPYzqS2RWtguKg/iwbuRxAcAri01rNyi+ZYqXSzzQVtWVG/FtGJfKlF788vempRDWAvJ/WxemaPFvUbGG5+0KAIDgFcWlHbftN8Wp/P1+N8w7siOztsR+HCFj1cRjbTgA36Efd270FMaxaNcUyLBs0eEhwCuLTWyxh7KLO8tKK2jXBOjhp8kYILWPR4p7D3AQKMKwYuCBAvY9FYx3LIqhGCQwCX1noZY9F8itotjSoap2zrO5EBe8yipzuFMw7aoB+L1uuX6/R85br9RWMF2YsGrBohOARQQ6tZgOi4L5pTq3NBR1o5dtsnjQDxfYs+ni2I/1YEtGvROgeREvKXiwWoRt0i5KjBnl0EhwBqKGrTzKVrrQYsRWOJzk+Mjv8shEXPLyPjmKEHx+v2X6LM9DnieRill99pbPEdFw2C4BBADUVtjhDOXBJ0UnsWjZtli87Q7BmGuN9eUkYWf78IaN+iNUAki/i4ovX+P2l8iwaaS0lwCKCWFssFZy73a3G7gKKxHTXvQhaxifg52wDQ2UZPjlqDRErJb8U9H/f/bM++RYN8Z4JDALUUtaWI/apaC9hHmm/4mKK1wzDLSqaL1u/7k85TtHYsgV4sWjNkQ5UWnumkNVg+9/7v3aIB5p0THAKopbUSzhkCkY9p7ZwUzWG5bgeN33mMOYPRSS56nehYkkFEb05aA6MZg8SiNSiK7z77IOyi9TnY7TOM4BBALa1taVGEGM1s5cVdNF8n4qQxO49F6/eKeZaXOqdHESCiTyfNEyQWrUHhV+Ide99R63VQ1BmCQwA1tbI66CLmhITouLdyHGbO5J40Ruex6LZjuOjyjmJVSPTrpPX6Ha2sPN4j29YUBIVPW9ThcYrgcPSR29G/3780ttnLE3pX1IYibFoJyopwUn+dx3gmR3myq8OzaN5SPYyhaC0r367joj4VrfOBtyqBIjxX0fq8jGMXz/pFjTtetz8HbW81vqy+zslL2pUwgt+1/7V0EDZJ3NutSlqv1b9r/3N0v73T2iH8VPvKWoPquIZqft9z1f5cW0uq7yDJ8V2Omk/S7b3ewjvyY/d9Ei4ta7324xi3dA1cbR/wp4Y+1CUv6L1fYi5H9XVunntxJmEEJ+1/PSXhrr1fRG+F58ha38/v5D9HcY1Ex7WFgPAx6bp9rfUdGJ81jtOVLnN9n+vqAv92K8+0gyTHdzkKWeu9FtfxlTzH/aH2q9ZnzkHz9KFb8YVun2dvtT7PLvlMe267+r9NhCdhimkDrQAAAABJRU5ErkJggg=="); background-size: 82px auto; }
.footer-container .footer-section .logo-e { background-image: url("./a5a352c4cb412c5c.png"); }
.footer-container .footer-section .footer-company-address, .footer-container .footer-section .footer-copyright, .footer-container .footer-section .footer-copyright-fr { color: var(--nav-footer-copy-right); font-size: 14px; font-weight: 400; line-height: 16px; margin-top: 8px; }
.footer-container .footer-section .footer-company-address { line-height: 22px; margin-top: unset; }
@media (min-width: 768px) {
  .footer-container .footer-section .footer-company-address { line-height: 16px; }
}
.footer-container .footer-section .footer-company-us { margin-top: 10px; }
.footer-container .footer-section .footer-copyright-fr { display: flex; flex-direction: column; margin-top: 14px; }
@media (min-width: 768px) {
  .footer-container .footer-section .footer-copyright-fr { flex-flow: wrap; }
}
.footer-container .footer-section .footer-copyright-fr .copy-item { margin-bottom: 8px; }
@media (min-width: 768px) {
  .footer-container .footer-section .footer-copyright-fr .copy-item { margin-bottom: 12px; margin-right: 24px; }
}
.footer-container .f-m { align-items: center; display: flex; margin-top: 44px; }
@media (min-width: 768px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.footer-container .f-m .f-m-title { color: rgb(250, 250, 250); font-size: 20px; font-weight: 700; margin-right: 30px; }
.footer-container .f-m .f-m-list { overflow-wrap: break-word; box-sizing: border-box; display: block; line-height: 22px; word-break: break-word; }
.footer-container .f-m .icon-some-chat { color: var(--nav-footer-link-color); cursor: pointer; display: inline-block; font-size: 18px; margin-right: 17px; position: relative; }
.footer-container .f-m .icon-some-chat:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.footer-container .f-m .icon-some-chat:hover { color: var(--nav-footer-link-hover-color); opacity: 1; }
.footer-container .f-c-main[data-sg="true"] .link[data-hide="sg"] { display: none; }
.footer-container .web3-footer-wrap .language-list { box-shadow: none; }
.theme-dark .footer-container .footer-section .logo-web3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4cAAACqCAYAAAAeNzrjAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACUpSURBVHgB7d3tlRRH0obhh/fwf0cWqGQByIJNLFiwgMYCIQsYLBCygJEFYi0gZcEiC1SyYFkLeCums0RrmBn6KyO/7uucOj1I2qV7qqsqIyMy44EWnz59ulheNsvxSH34czmuHjx4MGsQyzl8urz8S334uBw/j3T+7rOc27C8vJevH5ff/xvhTst5sd/PD8rv43IuvhHutJyLX5eXp/Lz7+WceP59aMTyXfxjeZmU33e5n5HLZ9ksL2+V3+vls1wKQBUeLhf/pO3Ac1Jfni+f7ckIAcbyOe3mvVFfXi6fiwBlsfwO4vK7sID5Qn56mSjK6Z/ycWETBPY9EO4S5OudAADo0P8txyv1FxiaST4zXkWlmb2N+vQqZbWxZCrki6zIPdKk2mP5CcKtUmbd+z4RBQBAhyw47HkQGAYILnopJb2NnTuClK0oXxdp0I3bBfnyylK2yPse8YGSdwBAryw47D144vOhByXK2DwzY63xnpQZYaLrWN4l0L8JAIBO/Z8AVG/JVNiawyhfPWelTxXkLwh/kwLmIF+sNwQAdIvgEGiHd8biMdmqLxVa42aCcFOQr49sDAQA6BnBIdCOKF8WAFFa+qVS62DJ5H7J+3dC1hAA0DWCQ6ARKWPxUb7YEOhLpdp8TGmXVHwW5Iv1hgCArhEcAm3xbmnBLpk7UnAWVA7BepLOxSRfUQAAdOyhALQkLsdz+bled5g2xEH5dX9WRvlGMEG+Ii0sAGBcjtU7H0uOuwgOgbbYmqe38mXZqivBlM6ksgb0M+/1hpSUAsDY3sunYuWFCo67KCsFGlKopQWlpZ8FlXWRdktFgcyhAADoHMEh0B7vDAbr3HRdTmJZu0nlBQ2uQDuRmRYWAIAREBwC7YnydcEumdeC6kAml6whAABZEBwCjaGlRTG19BkMtkmQxuYdILPeEAAwBIJDoE3eLS2GbsCegrGgegwbrBc6F1EAAAyA4BBoU5Sv0XfJDKrLyOcjyBctLAAAwyA4BNr0Tr5G3yWztsypZ6/L2tDCAgCATAgOgQYVamkRNK6guoy8SZB31jQKAIBBEBwC7fLOaAy5S2ZFLSxuGm7dYQqIPYNDWlgAAIZCcAi0K8rXqLtkBtVpxE2CgnxFAQAwEIJDoFGFWloEjafWIOzxgMG697nw3hUYAICiCA6BtkX5ChpIhS0sdtl7G23X0iBfUQAADITgEGib97rD0UoZg+o2zLrDtPbTM1Ma08ZPAAAMg+AQaNuVfE2D7ZJZezA80iZBQb4oKQUADIfgEGhYymx8kK+RdskMqttI6w69A/UoAAAGQ3AItM+7tPSRBpAypJPq132wXmDtp7Ww8J50AQCgOIJDoH3v5GuUzGFQG0YoLaXxPQAADggOgcYVaGlxkTYH6d1ztWGEYN37M7LeEAAwJIJDoA9RvoL610oAPEKw7p0djQIAYEAEh0AfaGlxRkuwFeTbNuFUQZ1Kaz89g19aWAAAhkVwCPThSr563yWztVLNnoP1IF+UlAIAhkVwCHSgQEsLCwx7LmVsbZOXnoN1SkoBAHBCcAj0w7u0tMuNUAqUMZ5Dz8F6kB9aWAAAhkZwCPTDu6VFry0UgtrUXbCeNtqZ5CcKAICBERwC/bCMh+dGGr2WMra6fq/HYD3IF+sNAQBDIzgEOlFg3aHpsbQ0qE09BuvegXoUAAADIzgE+uKd+egqW9VgC4ubegvWg/zQwgIAMDyCQ6Av3usOg/rSenDVTbCeAnVPlJQCAIZHcAh0ZMl8zMvLLD9T2t2zF60HVz1lDr0/SxQAAIMjOAT6450B6SIgabSFxU0XBTJuuXgG6rSwAABABIdAjygtPU5QH5rvd1ggUI8CAAB6KAC9WVtaeG2s0ss6t14+h+3w+UZt8w5wh1xvmHa3Xe8Tuz/v+piOtWwdQGE7yznuum7n9PqRjbZwKIJDoDP2IFgeHBYgBvm4LmVc/t6otgXl5RWwX7e0aHxAQAuLM9jJwNrrI22/f9PO66H/f+uPczo+ptc/lSalKM8FTpeu3aDtdfpterXjrmDwvv8ve5l1+zX7geARNxEcAn2yTEiQn6CGB9hpnd6kvKzcNzj8PTZwsIAgql1BfrpoYbEzmHykz9+zXJMRk+74Hi/vY+23asdvokUIcK+UwX+q7bX7OB3nvnYn3X3Nzvp8vX7oYKLXPpP9Dn/S+U3y8cPyGZ7L38/L+X9HcAj0yQKRHDfGu7RekhmUnwXs/1uOH5SfDTSiGpQe6pP8NFlSujOg/Gd69Soj/xp7HyEdL+0fpEqGuBz/7mHgCZwqTUjatRtUfr37lI7rzeV2Jnh+0XZyZ1Z71vtQq0rtHWDnnMwh0CO7mafZwEk+QuOljB7BbdS2pMcjOLSyzJdqk/dDMaoRKSDcaHt+g9qxZkNepvtSXI5fCBQxkp2A0O7NtUzm3GZ3gsfed1TbgSIOxG6lQL+8MyKlZrpOkgbcQXmtpXXrZkG5tdx/0nO9YRMtLGxQuRy/Lj/+oW1FQFC7Jm0D3PfLZ/pjOTYCOmXPl+WwSZH3yx/tuFTdgeFtwnK8XQ67Xn9djqdC1wgOgX69k69WHxhB+dlaDu0EiB44H18XVak0qNzsDCprKh09l2k53qYg8VXDExrA36Tr95X6mNDZZfehX5nY6RvBIdAvryzVynuHyXPxeN9x52evjO4jNSaVXXkGQFWuN9wZVNpsfVD/Jm0zKu/TZweadCMovFR/EzqrSZ8ndjZCVwgOgU45Z6nMlEo0WxOU18cba6uifLSYOfR+z1EVsXItG2yp70HlfabluGTAidYMFBTeNIkgsTsEh0DfvDMjTQUkTjtj/rb7h7TGzSOje5EycS3xzHZW02LByilT+aitK5yESdsB51tKTVG7dJ/9j8ad1DGTPgeJk9A0Cw5b3V1wX71/vj/Vt97PX27e6w5ba2kRlN9t58AraA9qhNPGQLuqKCldPrftXmsDyyDctNG21DQIqEzKFtp6QpvYmQQzabtxDeXhDbPg8Gf162qA5rtX6pftJOgd3HQlbTs9y09rpYze6w3v+2c5tBSsB/mKKmgnW/hG42Yb9jGJtYiozE628KVwm0uyiO2y4NAeTL+oP3E5XqtzaS1Tj59zXo5nwjl4ZkguUqlm9ZwyVR/u6AvlNekRGloHOkwLizSwtMAwCPu6TFkaoCiyhXubRBaxSQ9TZs22y77Stk9Z6zOY15tw3Gyumx7GQX2YtdOMdHm9TOevl63O5+V4N0DW14sFIh6N11dBvhvhHCsov1t/D/bdTo2Fg/IL8i8vPkaQn6hCUhnpG+EY1i/uYrl+XghwlibabF1wEA5xmX53rxnXteHh+kMKpqI6ZIvatV270JN5+VzP1tnvFCgy4MBt1g1QvCYOLAPUwnfRI1N1X9bWNqoJyi+o8uAwlR5N8lOkWibNoF8Kp7DJ7Gl55j0R4CTdo8gWHs/Kb2035id3VNOgIt3vVpq21t2oP5O2M1jAvQq0tHjcSCljUH7xyH93Ti30nwxydLOyxAOB4VmFNOkLZJeWStj6wkk4xaTt+uFJqNoIrSyeq19TK+u7UJzrukNtS9Sr5dTC4t5WCSlA8SixmRp4GHsGsFHOCAyz2LCWCbntrA9m06jzmESAWL0RgsNJfeOGhX14lxXWvmupR/C6T0Ae5aP28xHkx7WklMAwK1vL1PMEMApavlt23yQwPL9JBIhVGyE4BIZXoKWFZzPzY3gMKPcp5f1NPoIqlWbmPQdfUU7S4PJSyOkNg0ycW6ouoXQ5n0kEiNUiOATG4VlaWnsLhaC8Pu65rs0ro1tzv8MgP7PXZghp0MPgMj+7z/B7xtnsbD5DxjCvSQSIVSI4BMZBaan+ylTltldG0DGje+H0uY/hGbhG+WFw6ccmo14KOBGBobtpOX5tZBO7YTwUgFF4t7SodVMaj6D1kEDcMroefSiDKmtXlAYEQX5c1humdYaT6jffeF03SNq9R0xq47O8sn6/9FHDsdL9qKV2FbO21+x6mBavXRsr2D3zR6EKBIfAIFLjdQsQg3zYDpQ1zuZ7ZKriAf+tBZIewWGNpaVBjjxaWKTMw6Xqsraz+T29Rm1Ln/cOpHZ6UdpA7p/pdVI9bFDMABOnqHlSJ2p7/drrh0PK42+5doPqy4y+XN7nn8vneiMUR3AIjMWyVEE+ptSselYl0kMyd0bzw4Gf2Suje70OtLLMSo8tLN6rDnaeLVNqkw8fTj3vOyXQcTmuB3Bp046NtudxUnk2wPyZJts41PK9sQm6miYz7XqN2l7D8ZTrt5Fr11j23z7rPpu5ISPWHAJjGX3dYVB+B+1Amh76Xg/D2s6HZ+lx9pLSZWCzUfmBVtQ2e/bd8t16adnSXBMCNohLf8d3yx+fqY6y5RqrFVCxyrL9dq2+1vb6fbYc73Jcvzeu3SdybvFzBzaXqgTBITCQAi0tgurikak6JgD32knWMxi7l1MWd1dUfiWbss/L8WS5xu14450hToNYG2Q+ke895qbnbG6BA9WwAc28HC+Wa+ib5bj0vH7TBNJm+dECxdJB4uPl+r3UidJnOjv53dtePCjjyv5ygkNgPJ4tLWpb5xaU3zFZwCgfnmWcXxPkJ3sLi8JZw9fL5/vugcOayq95sB2U2SDztcqwQT7ZQ+ylgs2j1kzh9+vAvBS7Rz74HCTOKudVKntFIQSHwHg8S0uraaHg1Gz9qBK+B9s1Fh4zxVNFPaU8A1WPCZESWcNZ20HlpSqT3tP3KjPIrGkSBJVK98KSEwlR6fp9UNFa8BQklpzgMT8JxRAcAuPxXuwdVAeP9XanBCFeGd1a1h16zgxnnRBJEw+TfNl1/P2DijdvSO+tRJnp44r7eqIeNqFTqpzUNk568qDizZPSBE+pLGLgGi6H4BAYTJqhjPJTS2lpbS0szvm/PUTxrEoqGZrk46NDueVz+boOumrKNtwlDX5LBIhBwB1S4LFRGS+W66KJ0ued67fEJBSb0xRCcAiMyXPdYSi9QYTT5ifziVkcr3LfxxVs2BHk56DdY4/kmY2d1UhguEoDzGfyRWkp7lMi8LBrtvjawkMVDBCntJYbzggOgTFF+Sq9uDwov6gTOGZ0LTAsfT48B+65S0otMPQKtmc1Fhiu0sSJZ4P6GiZBUKFCm0fZNfuk5jLw+6R7TokAseQO0MMiOAQG5LgByqr0OjePYOQcGSqPLJcpfT6C/ETl5Rnovq55jdLXLO/9jXwnpmpZX4u6lAg4XrQaGK5SgGgVALP8kD0sgOAQGJdnP6PSJV5B+UWdLsrHIxXivMnAB4dgKsjHVWvlaHfw3AGxdIYclUmZ/km+bFLHa9lAVoVKxL3XdA+P4BAYV5SfqVSJl1MLi7MEIWnjFI+Mbsl1oJ7ZnKyZ2LSWdZKPktvKn036jkf5qK3PKsr7Qb6uamw1c4oCJeLsXOqM4BAYV5SvUiVeQfmdMwiJ8lHqfHgO2HPP1ntlpmLL5aS38NoQaxKQpMmcID+zfIMoNwVKxMkeOiI4BAY1UEsLj7/3nEGI17pD9/PhtGvsyqOFRZAPzxJwD1fyyZBfpO8cYLzXGr5ucfOoA3hWMzxlgyk/BIfA2DxbWrhnqrxmis8chHitTSmROQzy4xFku6zd7GSt4V/SgNlrcw7WHWIV5KeXNcJ3Ss89r4krCww3gguCQ2BsUX4uUvNzTx5/X9QZpfLBWfmVOB89lZQaj5nsqD55TUyRbUCJ9hVdrBHew6X80LvUyUMBGJYtLF8emjaL7zWACvLtk+TxMMkxyLX/T4+NE4J8z0eQn6j8PEqzeyspXc3yMQnwDSyuOlsjfCf7nMsYwibiPCpRrjdS67xUtwoEhwAsEPFa7G0P6DfyE5Rf1PnZw9YjOHQ7HylLOcmHRwsLGxg9EY7lNSnxrTC0tFbNs4x+lKzh6mf5/X7t77kSsqKsFECUn8dei8qdgpE5U2Njt/VYjov8g/x4beqD4zH7Dy+egWFvOwt/VVp76PXMoj2NA4JDAF4boBgLRLzWuQXlF5WB406ynufDs6zL8zuNIziWhk3C6DwDil7LwL/Gaw1xqRZMQyE4BAZXoKWF183dIxjJmaHq7WEb5MOjhQWAdgT5GXViyutz057GAcEhAONZhpd9+/9UKhmUX1Q+3ZTpLOcjyA8lpQCuOa91jqNulpKWV8zyEYSsCA4BmCg/wWGdW1B+WTc9Sdkvj4GGx7pDz1IgSkoBrIL8ePYNrpHXxBzrDjMjOATgGYiscgcLrZeUrnopLfV8mEcBwJbnvcezLVCN3DZSE7IiOASw8pz1zH1zD8rPI0MV5SPbACqtD/F6mH8YbadAAPdyCyRY6+z2vCI4zIzgEMAqyk+2zJ7XGhOngYBXiWTOzKHng5z1hgCupXL5ST5GzxqaWU7YlCYvgkMAK8+1WlPGm3tQflEOPFtapKA6B1pYACjBc2LqTw0uPa9m+QhCNg8FANre2JcAIcrvpmvZqjc6P49gxLME93f5nJOgPLPfQT5oYQFgl2dw+Gh5fr4Xcm9u5v33DIngEMAuK8sL8hGUJzgMyi/Kj2XDflB+FlSf9Xw4byM/fElpKqNbS+mm9LMd/9DnwdSFGFhhDJ6b0Uzyu9fBoSXWyAgOAeyKy/FKPs7+4Hbqpzennk4uLBu2fC4r18k9oL9uaXHmPl2eM/fDlJTu9PGctB0k2e/Zc30V0AImQfr1jZANwSGAvzgGIsbWuYUzlwI+V35R/iwYDcrLzrkFGVHn47neMKpTKQMbtA0E7XUSgK9hV8t+fStkw4Y0AG7yXE8XdF5B+ZVodNxqv8MgH121sLDMoE2cLMfb5fjv8o/+sxw/LcdGBIbAvsgc9otzmxHBIYCbovycrbQ07X46Kb8SW5Z7lUyeLdOXSny9HuBdrDdcA8Llxz+Wwza32IhBEHAwWh10bxKyITgEcJPn2q3Haf3UOQTlVyRDlf7OWflNjZ2PVbPrDVOW8FXKEBIQAucxCcBRCA4B/I1jbz2zrnM7B4/1bSUzVK2VlnrtFNhkC4s1KNQ2S3gpAkLgnLieOkd2OB+CQwC38QyCzhWMBOVXMkPl9XefHNTt7KbpoamSUoJCwAXXFXAkgkMAt4nyc45gJCj/YKB0hsprreM5gvUgP82UlC7fU/vd2uYyl2LwCuTE9QUcieAQwBdSEHTOfnf3Oce6w3PvsnmbEhvR/MWx3PfiDP0iaWGxI2ULbT3hr2ItFOCB4BA4EsEhgLt4tmw4NbjzWN9WooWFCr2HoNME+ai+hUUKtC1bGAQAQOUIDgHcJcrP0cFdWpTu0ew4qjyv7OWp52OSj6rXGy6/ix+03YF0EgAADSA4BHAXz7Vcp2QOg/KblwxV0bJS41juG04o9Q3yU+16w7TpzBsBAM6u9qqRlhEcAriVd0uLZTB9bPbPY31bVD28SktrPh9mrrWFRWpkfykAABpDcAjgPp5le0HHCcqvhvWGqygfx2Zzg3xEVWgJDH/StpE9ACCPWchmhOBwFoBjRfk5OOPk1MLCRNXDq5Sy5vNhqltvmEpJXwoAkNMsZDNCcNhUg+QDVVtWhT400NLCo4VFTCW2VXAs953S5jKH8NgYaBVVkeV3tRGlpADg4X9CNt0Hh8tA6nJ5+UX9sQHiMwH5eZVUWmB4aHDh0cLid9XH6z0dGnx7rTeMNW1GkILonwSgFtVM6CGLWcjm4fpDKgea1Ie/ZdSWnzfL57M/28DzH2qfDQyvdrMZKePikUXx8HH5bNXuQjiguBzP5SNoz4yQYwuLGr+L9p5+UH5Be+64me5BQT5qqwixdhU03Qbq4Rkc2v3oUvA0C9lcB4dpZ7WNOrJ8Jtt2/skaQC2vV+pU6qXV1Zbpy2eal5dnNbQPwHUg8lY+DskEBuX3scbSbXtPyzVi97bcAUlt52MVVYlUTjqpXvPOYf5UPV4JyMMzOPyDJT7oycO0gH6j/lhGwQa0XZdepu3/e+ylNS3Hr8vn+76m9V4jst9/yrwH5XfdX2/Pc+5RUlrzmmWbOAnKy1qMhD0HPsO1sEjZ65oCnKhtZYl9N6oqvb1NGn8AOcwCcBRbc7hRv56e0Mi5FR6lZaVM8s1G4G41trTY9787Rc3lzV5rQcOe/53XZjRR9bDgZlJZcTl+XI5vlmDQqmVeWqUMDaIxOM9J5W8EdMSCw0l96z04nNQ31vHUIcpP+Np/kDLmk/KruazZK3D9aobWcf2nqSKbmz7zRuVEbZdO2PGGCgvgM+fJkR72sgD+MkIrCwAncm5psU95YlB+c81rXtPgZ1Z+YY8KjCA/UXXw2qTpplmfg8IoAHeZ5WMS0BGCQwD78ipj3Ke/nsf6tqj61VJaOmILi438WVum7wkKgb14TWhOAjpCcAhgX1F+7mzL4tgywSvwOoVXaWn4yr8fraTUvp+TfL22tkyUjwJ7c+tRu8eEJtAMgkMA+/LcnOXRPf8uyEdU/bzKXu/MDDqu/zS1bBDklSld/bwEhZfqyACbxaE8z2UBXhNkQHYEhwD2kjIWXg/bp/f8O5eS0hYyNOk9RuV3X6lvkI+a1oA+lR/73C/Vn0lAXp73i0lAJwgOARzCq6zvur/eHf8uKL+a+xve5FX+eldA5LbeUBVI30vPrNcT9YnMIXLzDA6DgE4QHAI4hGdZ3xdlOo4ljFHtKF1aGuSjljWgQX567ldIGR6ySpUVs3x8teUP0AqCQwB7q6ClRVB+H1vaDdLxnNwWrAf5iaqD5yDwtfo1CcjPs9qFCQ90geAQwKGifDy+ZdMKjxLGlkpKVx5ZtdtKfb3W3tW0BtRrAPih46yheSQgP8/SUs+1yEA2BIcADuU2E6udgbhjC4tadsQ8RJSPcOPPXlm0KkpK03fQa61cC61UThEE5Od5P6e0FF0gOARwqCv52Z2JDfIR1R6vAdBfg5+0e6lXFi2qDp5lY1Gdci5HxsBS9n2WjzBqv0P73J98/CFkR3AI4CDOLS12Z2I9SkrnFkv5HFtahJ1S3yAfNbWw8Nxhs5bPnMNzAX48s/AbjSnIx+9CdgSHAI7hVVr62DkYiWqX10NzzeZ6lVBF1WOSj48t9Nk8QRDgx7O09IdPX66VH4HXhE8UsiM4BHAMz4ft01SqMym/ltd5eZeWBvmo6Zx4Dfq6DQxTSekkwInzLtt2j9hoIOn5HOSj54qKahAcAjiY88PWgpEgH1GNcjwnTx37TZqoeoyYETg3SkpRwi/yM1r28JV8NNVmqmUEhwCOFeXDyhg9BpQ1tUs4lsesqufMeG3nhODwBCnDsBHgz7PaZVqOlxqAc9awxTZTTSI4BHAsz5YWQfn18ODxKsH8QT56b+cwGq8MA/A3KeM0y88o2UObuJ3ko8U2U00iOARwrN5u1FHt45z0YVJnyBqiAp6lpRYYvlXH0jV9KT9RcEFwCOAozv2jcutiLUNn56SmFhbu0rrOnvwqoKw38t3sydZn97zG1rMSILbYZuoEkwoiOARwil7K/npay9DLOYmqzyw/QZ1YBshWhtxbsIvGpPXLntlD8yZl2LqSrumN/Hift9K+VUEEhwBO0UsZY0/lmL18lhqDXM+sw7/UgTQwfiOgDt7fRSsvfd/T+sMC5aRWRXKlsRSdTCM4BHAKK/vroSdbVD96KcWMqo/ndz20nnFI7/+9ymKHWfwllSZ6Z6EmdRIg7lzTnp8lqh5ez4DHJb8vBIcAjpbKdFoPRj70tJYhnZOottXaVsT7u+61K+zZpYGNrTOcVBbBIW66lD/LBDUdIKb3boHhJF+vVQ/P59JGhRAcAjhV62vcetz0pPVzUuv7n+XrZYsb0+wMImt475OAHWky8Gf5WwPESY3ZyRhO8nVV2eTtn/JTbGkBwSGAU7W+xq3HXnqtB7xRFUrZzFm+3raUbdgZRFYT1C7vKQj4u0uVWRLRXIBY+JquKWtovJcWvFQBBIcATtJB+4SozqS2HK2uBa29hYX3ZIINyH5SA1KWs6rAMOm5nQCOkCZ6SgUe03L8p9TA/xCpFcd/VCYDX1vW0Mzy9VOJdigEhwDOodXsW61r286h2XOiupUIXDfLAMGzp9jB0tb2JcrO9rEhe4iblnv/G5W731g1gA3839aYRbRqheWwNcNXKrNud1Z9WUMzy9+V9/2f4BDAObRaWtpjSekqqk21n5NS3/VLG6zVVmJqQddyWFBoA+2ay1/td7cR8Hc/qqzNcvxhg/8agsQUFFog8sdyPFU5ryvdKK5UVYvd/9fvSfbKjAfLX/JJffuup50Ib0oP5aB+vRiwv01z0oDVHiat7cT2JJVgdiedk/+qPd/Uns0tfN+dtf3eziooDWRtELlRW2ZtJ05+Tz/f+l079r5gAzj5ZE+zj21SMP1W+VkgcKlCUnlnDaXbs7bfTffAKD0vLPtvv4vSz3FbWvCdKrX8ruy5Wvp3tO4Uv66D/5/O5+NDAcCJbDC/3DDtRhXUjo+9BoZm55zUtv7rPq2U+dpOh0FlTNpmGq5UZhAZtB1ElswqnGLSfgHtA2EIVl66fK9tZ8igsiZtv5tWBh217cf4Ltc9MQWE9nyw6zmonsndJ6pbDWOdi4zvYaasFMC5tFai+Zv619pnbOU7FFV+w5+NtkHi29zr6VLp6KuUFbOsaauBIXCXF6prY7Wgbdb2v1apsByX6To8OoBLJaPXO2Cm6ofd67mWwLDWctJdv6tzZA4BnIutxWpiV8Wk1XWSh7DP2FIj9agGpKysZQ9r2CRmo22mYdb292cB9odjB1hp8DlpOzh9pLoGjkAWdr0s3/1n2u7MWZuQjuv7zfI+15LCWZ/77s03/jdTev1W2+v3serv+fmuZHnxAVp7rh6M4BDAWaSH66x2mk5H9W9dk9DC4L72FhY3vdF2gFDL73ZSChTtDzsDyJtrUuznC31+3//Q58HjGhh6svdnm4J4rG0D7mT3n+W6se9i7ZOcOUsKS5lVfnOgvdhylHR/7XbSjOAQwDlZ1qKFGbUPDZSunKyxtaBRDakse3ibVgaQtl39LKACaf2hXTtVt47pjAVaxTfZOpCNdbrtn8qaQwDn1Eqp5gjrDVetrONrsa2IZQ9n4VhXqdfcLKASqbSxxh57vXrR4GTtlTpGcAjgnNYyttqNsN5w1cpnjWpM2kXwhXCMWZ/LyFq4Z2AgBIhuflx+1809j9NO5y0tgzgIwSGAs0mD5RZumN3e1G9KM7Kz6tZKC4svpEHCz8Ih1jKy63OeXgkQURUCxOxep8qBVv2iThEcAji32ssDmw1ETlD7OWmxpPQvy/fppQaacDiDZ7eUkfH7Q3UIELN53cjOpHfquSSe4BDAudVeItJ0IHKkqLpFtc+2wZ+Fr3mRsq03dd87DG1KQUwTO2k24kXrgeGOLr8XBIcAzqqBMsao8UTVq7UWFrdK3/snIkC8j2ULru74dyOtA0ZjUpboe3F9n2ItJ79SJ9J6yajOEBwCyKHW7FwXgcihUhltVJ2iOkGAeK8f78sWpGwi6w5RrfTssOubEujDzcvx/R1VA62zTcm6uncRHALIodYswMila7W27+hqUT8B4heud3Tdc+MJNvZB1ez6Xg7LILIOcX92j/++197C6XM9U0cIDgHkUGtLi5FL16Iq1ONM8k6AOHqGYdZhZWQWQJI9RPVSFvw7MQl0H7uWrWJg0/smcOk51s36Q4JDAGdXcUuLqEFVWrYX1amdDMOo2bDrErxDyrjTfYOMDJqQrnELEPnOfilqmy1suVXFQdJn7eK7QHAIIJfa1h1+6LWs5QC1nZNu+0StUpsLW5Myaxw/W2B8zPWWBlhRQCN2sojd38/2sJaRPxnxeZu+C1Zi2nSmlOAQQC61lXDWuubOU1RdogaQyiqtzLT3weOsbbbwpU5jgys2/UAzUhZxo22QGDWeNev/XU+7kR4j7WDa9M62BIcAsqiwpQVb5df1O5hHmlm+MXjs7bt4PTC0ErtzrCFN5aWs2URz0nVu390RJoPMblB42fvawn21XnJMcAggp2rKGB/0uYX2QSpbCxo1oDRosMyYDR6j2va3gaHOyL6r7AqJVtnzZmcyyILEWX0hKNxDqyXHFhz2fkL5fG3jhtO2WjIkUVjVUl479PqcNHi0AHEdOLR0r3MbGLY6uALMWjGQski29jiqbVHbsm+Cwj3dqBqxHU1nVc6Cw57LNj4M8MWttdn4uVBW1LZaWlr0fp0cooqAnUzu1s7g8RttB481l5xGbQc3rgPDG4OrHrMwGICtxduZEGopUIzaTgZ9kzaaeUdQeLh0H3uTJgrse2A7WVc5xn2o7Rf0/XJM6ot9cbtqSnkbu9l8+vQpLD8+V39ej7jbVU/sAbJ8P+3mF1RWFFZrwH6hcqLwhbSRg93T7dyE5Xi6HP9UuefzWoZskytXpQeE6XmwsZ/Tc++xPv9+HgtoQPoeX6Vj/S7btf5I5Z+Vxq5zm6SyKhMCwQzS5KgdSvd7u38Fbb8D65+LPaMfaPvGJm3fVA8Bhn2Jf9f2QTZrEMs53Cwv/1LZAd+5zMvxC5mFPizfTbvJFR24jb572k3LObGBSMl7xYdD+t+NLj2j1+vIgqF18HBus7bB4G/ptanqmzTImvT5u32hI7/nx94zHK+t7IP2nbFhbtwPduxMfEzaBgs5A4V1Auj39BqZlK9HugannX909D3tAB8fCAAANCdNvKwB0ZR+/ofuH0DM6fV/6ed1cDiTIQDqdGPiY9L+1/tHfV7a8Wf6eV4Prnnc5v8BZ/kbVPjh6f0AAAAASUVORK5CYII="); }
.footer-wrap { padding-left: 8px; padding-right: 8px; }
@media (min-width: 768px) {
  .footer-wrap { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .footer-wrap { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .footer-wrap { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
.footer-wrap .f-c-main { width: 100% !important; }
@media (min-width: 768px) {
  .footer-wrap .f-c-main { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .footer-wrap .f-c-main { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1270px) {
  .footer-wrap .f-c-main { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
.footer-wrap .footer-download { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 20% !important; }
@media (min-width: 768px) {
  .footer-wrap .footer-download { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 16.6667%; }
}
@media (min-width: 1024px) {
  .footer-wrap .footer-download { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 16.6667%; }
}
@media (min-width: 1270px) {
  .footer-wrap .footer-download { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 16.6667%; }
}
.footer-wrap .footer-download .footer-link-box, .footer-wrap .footer-download .footer-register-box { cursor: pointer; }
.footer-container .hide-link { display: none; }
.footer-ru-container { align-items: start; display: flex; }
@media (max-width: 767px) {
  .footer-ru-container { flex-direction: column; }
}
.footer-ru-container .footer-ru-tip { flex: 8 1 0%; }
@media (max-width: 767px) {
  .footer-ru-container .footer-ru-tip { margin-left: 0px; margin-top: 20px; }
}
.footer-ru-container .footer-top-box { flex: 2 1 0%; }
.ru-tip-bottom { margin-top: 50px; }
@media (min-width: 1024px) {
  .ru-tip-bottom { margin-top: 0px; }
}
@media (max-width: 767px) {
  .footer-container .f-b { display: flex; flex-direction: column; position: relative; }
  .footer-container .f-l { margin-bottom: 12px; position: relative; width: fit-content; }
  .footer-container .f-l .now-language { font-size: 16px; }
  .footer-container .f-l.active .arrow-icon { transform: rotate(-180deg); }
  .footer-container .f-l.active .language-list { opacity: 1; visibility: visible; }
  .footer-container .language-list .item { font-size: 16px; font-weight: 500; height: 48px; white-space: normal; word-break: break-all; }
  .footer-container .language-list .ul-box .list-ul { max-height: 288px; overflow-y: auto; }
  .footer-container .language-list .currency-list-ul { width: 136px; }
  .footer-container .language-list .language-li { width: 163px; }
  .footer-container .language-list.placement-top { bottom: 47px; }
  .footer-container .language-list.placement-bottom { bottom: unset; }
  .footer-container .f-c { padding: 36px 0px 45px; }
  .footer-container .footer-download { display: none; }
  .footer-container .f-c-list .title-box { align-items: center; color: var(--nav-footer-title-color); cursor: pointer; display: flex; font-size: 18px; height: 52px; justify-content: space-between; }
  .footer-container .f-c-list .user-arrow { color: rgb(144, 144, 144); font-size: 12px; }
  .footer-container .f-c-list .user-arrow .footer-icon, .footer-container .f-c-list .user-arrow .iconfont { font-size: 12px; }
  .footer-container .f-c-list .item-box { display: none; margin-bottom: 4px; margin-top: 4px; }
  .footer-container .f-c-list .item-box .link { align-items: center; color: var(--nav-footer-link-color); cursor: pointer; display: flex; height: 44px; padding: 0px 13px; width: fit-content; }
  .footer-container .f-c-list .item-box .link:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
  .footer-container .f-c-list .item-box .link:hover { color: var(--nav-footer-link-hover-color); }
  .footer-container .f-c-list.active .user-arrow { transform: rotate(180deg); }
  .footer-container .f-c-list.active .item-box { display: block; }
  .footer-container .f-m-title { display: none; }
}
@media (max-width: 767px) and (max-width: 767px) {
  .footer-container .f-b { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (max-width: 767px) and (max-width: 375px) {
  .footer-container .language-list { max-width: 320px; }
}
@media (max-width: 767px) and (max-width: 374px) {
  .footer-container .language-list .language-li { width: 150px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-container .f-b { position: relative; }
  .footer-container .f-l { bottom: unset; left: unset; order: 1; position: relative; width: fit-content; }
  .footer-container .f-l .item { font-size: 14px; font-weight: 400; height: 44px; }
  .footer-container .f-l .language-li { min-width: 146px; width: fit-content; }
  .footer-container .f-l .currency-list { width: 132px; }
  .footer-container .f-l.active .arrow-icon, .footer-container .f-l:hover .arrow-icon { transform: rotate(-180deg); }
  .footer-container .f-l.active .language-list, .footer-container .f-l:hover .language-list { opacity: 1; visibility: visible; }
  .footer-container .f-l.active .list-ul, .footer-container .f-l:hover .list-ul { overflow-y: auto; }
  .footer-container .f-c { margin-bottom: 48px; padding-top: 48px; }
  .footer-container .f-c-main { box-sizing: border-box; display: flex; padding-left: 8px; padding-right: 8px; width: 100%; }
  .footer-container .f-c-main .user-arrow { display: none; }
  .footer-container .f-c-main .f-c-list { flex: 1 1 0%; padding-right: 4%; }
  .footer-container .f-c-main .f-c-list:last-child { padding-right: 0px; }
  .footer-container .f-c-main .f-c-list .title-box { color: var(--nav-footer-title-color); cursor: pointer; font-size: 20px; font-weight: 500; margin-bottom: 16px; }
  .footer-container .f-c-main .f-c-list .link { color: var(--nav-footer-link-color); cursor: pointer; display: block; font-size: 14px; line-height: 16px; text-align: left; width: fit-content; }
  .footer-container .f-c-main .f-c-list .link:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
  .footer-container .f-c-main .f-c-list .link:hover { color: var(--nav-footer-link-hover-color); }
  .footer-container .f-c-main .f-c-list .link:not(:last-child), .footer-container .f-c-main .f-c-list:not(:last-child) { margin-bottom: 16px; }
  .footer-container .f-c-main .list-container .f-c-list { margin-bottom: 40px; padding-right: 0px; width: 100%; }
  .footer-container .f-c-main .list-container .f-c-list:last-child { margin-bottom: 0px; }
  .footer-container .footer-download { display: none; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .footer-container .f-c-main { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .footer-container .f-c-main { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .footer-container .f-c-main { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .footer-container .f-b { box-sizing: border-box; padding-bottom: 48px; }
  .footer-container .f-l { margin-top: 50px; }
  .footer-container .f-l .item { font-size: 14px; font-weight: 400; height: 44px; }
  .footer-container .f-l .language-li { min-width: 146px; width: fit-content; }
  .footer-container .f-l .currency-list { width: 132px; }
  .footer-container .f-l:hover .arrow-icon { transform: rotate(-180deg); }
  .footer-container .f-l:hover .language-list { opacity: 1; visibility: visible; }
  .footer-container .f-l:hover .language-list .list-ul { overflow-y: auto; }
  .footer-container .f-c { display: flex; justify-content: space-between; margin-top: 32px; }
  .footer-container .f-c .title-box { color: var(--nav-footer-title-color); display: inline-block; font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 18px; vertical-align: top; }
  .footer-container .f-c .user-arrow { display: none; }
  .footer-container .f-c .f-c-main { display: flex; }
  .footer-container .f-c-list { flex: 1 1 0%; padding-right: 32px; }
  .footer-container .f-c-list.list-container .f-c-list { margin-bottom: 40px; padding-right: 0px; width: 100%; }
  .footer-container .f-c-list.list-container .f-c-list:last-child { margin-bottom: 0px; }
  .footer-container .f-c-list .title-box { color: var(--nav-footer-title-color); display: inline-block; font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 18px; vertical-align: top; }
  .footer-container .f-c-list .link { color: var(--nav-footer-link-color); cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 16px; margin-bottom: 16px; text-align: left; width: fit-content; }
  .footer-container .f-c-list .link:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
  .footer-container .f-c-list .link:hover { color: var(--nav-footer-link-hover-color); opacity: 1; }
  .footer-container .f-c-list .link:not(:last-child) { margin-bottom: 16px; }
  .footer-container .footer-download .footer-download-title { color: rgb(250, 250, 250); font-size: 20px; font-weight: 700; line-height: 28px; }
  .footer-container .footer-download .footer-register-link, .footer-container .footer-download .footer-trade-link { background: rgb(250, 250, 250); border-radius: 25px; color: rgb(0, 0, 0); display: block; font-size: 18px; font-weight: 700; margin-top: 40px; padding: 16px; text-align: center; }
  .footer-container .footer-download .footer-register-link:focus-visible, .footer-container .footer-download .footer-trade-link:focus-visible { border-radius: 4px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
  .footer-container .footer-download .footer-register-link:focus-visible, .footer-container .footer-download .footer-trade-link:focus-visible { border-radius: 25px; }
  .footer-container .footer-download .footer-scan-box { margin-top: 40px; text-align: center; }
  .footer-container .footer-download .footer-scan-box .footer-qrcode-img { background: rgb(255, 255, 255); box-sizing: border-box; display: inline-block; height: 110px; padding: 2px; width: 110px; }
  .footer-container .footer-download .footer-scan-box .footer-scan-desc { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; margin-top: 10px; }
  .footer-container .no_link { color: rgba(255, 255, 255, 0.65); font-size: 12px; font-weight: 400; line-height: 18px; margin-bottom: 8px; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .footer-container .footer-download .footer-download-title { font-size: 19px; }
}
body[data-nav="false"] .footer-container { display: none; }
body[data-nav="true"] .footer-container { display: block; }
body .footer-container[data-hide="true"] { display: none; }
body .footer-container[data-hide="false"] { display: block; }
.footer-container.okx-money-footer-container { margin-top: var(--okx-money-footer-offset,-82px); position: relative; z-index: 9500; }
.okx-money-footer { background: transparent; color: rgb(255, 255, 255); width: 100%; }
.okx-money-footer-grid { align-items: center; display: flex; justify-content: space-between; margin: 0px auto; max-width: 1248px; min-height: 26px; padding: 28px 8px; width: 100%; }
@media (min-width: 768px) {
  .okx-money-footer-grid { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .okx-money-footer-grid { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .okx-money-footer-grid { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
.okx-money-footer-logo { align-items: center; display: inline-flex; }
.okx-money-footer-logo span { background: var(--okx-money-logo-image) center /contain no-repeat; display: block; height: 26px; width: 155px; }
.okx-money-footer-logo:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 4px; }
.okx-money-footer-links { display: flex; flex-wrap: wrap; gap: 48px; justify-content: flex-end; margin: 0px; }
.okx-money-footer-link { color: rgba(255, 255, 255, 0.72); font-size: 12px; font-weight: 500; line-height: 18px; text-decoration: none; }
.okx-money-footer-link:focus-visible, .okx-money-footer-link:hover { color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .footer-container.okx-money-footer-container { margin-top: var(--okx-money-footer-offset,-116px); }
  .okx-money-footer-grid { align-items: flex-start; flex-direction: column; gap: 24px; min-height: 0px; padding-bottom: 24px; padding-top: 24px; }
  .okx-money-footer-links { gap: 12px 24px; justify-content: flex-start; }
}
.theme-light { --growth-okd-color-gray-050: #f9f9f9; --growth-okd-color-gray-100: #ebebeb; --growth-okd-color-gray-200: #dbdbdb; --growth-okd-color-gray-300: #bdbdbd; --growth-okd-color-gray-400: #929292; --growth-okd-color-gray-500: #6e6e6e; --growth-okd-color-gray-600: #545454; --growth-okd-color-gray-700: #3d3d3d; --growth-okd-color-gray-800: #1a1a1a; --growth-okd-color-gray-900: #000; --growth-okd-color-blue-050: #f5f9ff; --growth-okd-color-blue-100: #d1e3ff; --growth-okd-color-blue-200: #afcfff; --growth-okd-color-blue-300: #8dbbff; --growth-okd-color-blue-400: #6ba6ff; --growth-okd-color-blue-500: #4992ff; --growth-okd-color-blue-600: #277dff; --growth-okd-color-blue-700: #0569ff; --growth-okd-color-blue-800: #005eea; --growth-okd-color-blue-900: #0051ca; --growth-okd-color-green-050: #f2fff7; --growth-okd-color-green-100: #d2f4de; --growth-okd-color-green-200: #a5e9be; --growth-okd-color-green-300: #78de9d; --growth-okd-color-green-400: #4bd37d; --growth-okd-color-green-500: #31bd65; --growth-okd-color-green-600: #18a04a; --growth-okd-color-green-700: #127837; --growth-okd-color-green-800: #0c5025; --growth-okd-color-green-900: #0c5025; --growth-okd-color-red-050: #fff8f9; --growth-okd-color-red-100: #fcdce5; --growth-okd-color-red-200: #f9b9ca; --growth-okd-color-red-300: #f796b0; --growth-okd-color-red-400: #f07596; --growth-okd-color-red-500: #f1507b; --growth-okd-color-red-600: #c14062; --growth-okd-color-red-700: #91304a; --growth-okd-color-red-800: #602031; --growth-okd-color-red-900: #301019; --growth-okd-color-orange-050: #fef9f6; --growth-okd-color-orange-100: #fce3d4; --growth-okd-color-orange-200: #fbceb4; --growth-okd-color-orange-300: #f9b994; --growth-okd-color-orange-400: #f7a474; --growth-okd-color-orange-500: #f58f54; --growth-okd-color-orange-600: #f6813d; --growth-okd-color-orange-700: #f16514; --growth-okd-color-orange-800: #e96010; --growth-okd-color-orange-900: #bf4803; --growth-okd-color-yellow-050: #fffcf5; --growth-okd-color-yellow-100: #fff2d1; --growth-okd-color-yellow-200: #ffe9af; --growth-okd-color-yellow-300: #ffdf8d; --growth-okd-color-yellow-400: #ffd66b; --growth-okd-color-yellow-500: #ffcc49; --growth-okd-color-yellow-600: #ffc327; --growth-okd-color-yellow-700: #ffb905; --growth-okd-color-yellow-800: #eaa900; --growth-okd-color-yellow-900: #d29801; --growth-okd-color-text-white: #fff; --growth-okd-color-text-black: #1f2933; --growth-okd-color-background-1: #fff; --growth-okd-color-background-2: #f7f7f7; --growth-okd-color-transparent: transparent; --growth-okd-color-white: #fff; --growth-okd-color-black: #000; --growth-okd-color-line-muted: #ebebeb; --growth-okd-color-line-secondary: #dbdbdb; --growth-okd-color-line-amplifed: #bdbdbd; --growth-okd-color-text-lighter: #bdbdbd; --growth-okd-color-text-light: #929292; --growth-okd-color-text-secondary: #3d3d3d; --growth-okd-color-text-amplifed: #000; --growth-okd-color-background-3: #f2f2f2; --growth-okd-color-fq-blue-lv1: #0569ff; --growth-okd-color-fq-green-lv1: #19cc5b; --growth-okd-color-fq-red-lv1: #f1507b; --growth-okd-color-fq-orange-lv1: #f16514; --growth-okd-color-fq-blue-lv2: #0569ff; --growth-okd-color-background-hover: #ebebeb; --growth-okd-color-prefer-red-chart: #f1507b; --growth-okd-color-prefer-red-bg: #eb4b6d; --growth-okd-color-prefer-green-chart: #19cc5b; --growth-okd-color-prefer-green-bg: #31bd65; --growth-okd-color-prefer-red-text: #eb4b6d; --growth-okd-color-prefer-green-text: #31bd65; --growth-okd-color-branded-primary: #bcff2f; --growth-okd-color-fq-critical: #eb4b6d; --growth-okd-color-fq-warning: #f16514; --growth-okd-color-fq-positive: #31bd65; --growth-okd-color-fq-neutral: #000; --growth-okd-color-fq-accent: #0569ff; --growth-okd-color-prefer-neutral-text: #929292; --growth-okd-color-prefer-neutral-bg: #929292; --growth-okd-color-background-base-primary: #fff; --growth-okd-color-background-base-secondary: #fafafa; --growth-okd-color-background-surface-primary: #f3f3f3; --growth-okd-color-background-surface-secondary: #f6f6f6; --growth-okd-color-background-surface-pressed: #d9d9d9; --growth-okd-color-background-surface-disable: #fafafa; --growth-okd-color-background-scrim: rgba(0,0,0,.43); --growth-okd-color-container-primary: #fff; --growth-okd-color-container-secondary: #fafafa; --growth-okd-color-container-tertiary: #fff; --growth-okd-color-container-contrast: #414141; --growth-okd-color-container-inverse: #0e0e0e; --growth-okd-color-content-primary: #000; --growth-okd-color-content-secondary: #383838; --growth-okd-color-content-tertiary: #5b5b5b; --growth-okd-color-content-contrast: #909090; --growth-okd-color-content-disabled: #b3b3b3; --growth-okd-color-content-inverse: #fff; --growth-okd-color-border-primary: #e6e6e6; --growth-okd-color-border-secondary: #b3b3b3; --growth-okd-color-border-contrast: #fafafa; --growth-okd-color-border-selected: #000; --growth-okd-color-semantic-neutral: #000; --growth-okd-color-semantic-notice: #ffb117; --growth-okd-color-semantic-positive: #31bd65; --growth-okd-color-semantic-negative: #eb4b6d; --growth-okd-color-semantic-informative: #8a91ff; --growth-okd-color-semantic-highlight: #bcff2f; --growth-okd-color-dvp-neutral: rgba(0,0,0,.57); --growth-okd-color-dvp-profit: #00bc4b; --growth-okd-color-dvp-loss: #f5384f; --growth-okd-color-categorical-01: #8a91ff; --growth-okd-color-categorical-02: #ffb117; --growth-okd-color-categorical-03: #bcff2f; --growth-okd-color-categorical-04: #12e366; --growth-okd-color-categorical-05: #ff7888; --growth-okd-color-common-transparent: hsla(0,0%,100%,0); --growth-okd-color-transparent-black: transparent; --growth-okd-color-transparent-white: transparent; --growth-okd-color-alert-info: #f7f7f7; --growth-okd-color-alert-success: #eaf8f0; --growth-okd-color-alert-warning: #fef9f6; --growth-okd-color-alert-error: #fdedf0; --growth-okd-color-common-background-2: #f3f3f3; --growth-okd-color-data-visualization-category-01: #8a91ff; --growth-okd-color-data-visualization-category-02: #ffb117; --growth-okd-color-data-visualization-category-03: #bcff2f; --growth-okd-color-data-visualization-category-04: #12e366; --growth-okd-color-data-visualization-category-05: #ff7888; --growth-okd-color-preference-loss: #f5384f; --growth-okd-color-preference-profit: #00bc4b; --growth-okd-color-preference-neutral: rgba(0,0,0,.57); --growth-okd-color-border-focus: #000; --growth-okd-color-background-base-primary_alternative: #fff; --growth-okd-color-link-content: #4c2fff; --growth-okd-color-link-accent-content-primary: #2b6d17; --growth-okd-color-background-surface-contrast: #fff; --growth-okd-color-background-surface-brand: #000; --growth-okd-color-border-tertiary: #f3f3f3; --growth-okd-color-content-brand: #000; --growth-okd-color-modal-primary: #fff; --growth-okd-color-modal-secondary: #fff; --growth-okd-color-modal-tertiary: #fff; --growth-okd-color-modal-contrast: #4d4d4d; --growth-okd-color-card-primary: #f6f6f6; --growth-okd-color-card-secondary: #f6f6f6; --growth-okd-color-brand-primary: #2b6d17; --growth-okd-color-brand-primary-alternative: #2b6d17; --growth-okd-color-brand-secondary: #8ec51d; --growth-okd-color-brand-tertiary: #bcff2f; --growth-okd-color-brand-content: #e6ffb0; --growth-okd-color-brand-content-contrast: #e6ffb0; --growth-okd-color-global-fixed-always-dark: #000; --growth-okd-color-global-fixed-always-light: #fff; --growth-okd-color-surface-structural-subbase: #f6f6f6; --growth-okd-color-surface-info-default: #4a4a4a; --growth-okd-color-surface-info-subtle: #f6f6f6; --growth-okd-color-surface-warning-default: #fea01d; --growth-okd-color-surface-warning-subtle: #ffedcb; --growth-okd-color-surface-success-default: #3c8f24; --growth-okd-color-surface-success-subtle: #e9f4d1; --growth-okd-color-surface-danger-default: #d33a4c; --growth-okd-color-surface-danger-subtle: #fee0e3; --growth-okd-color-surface-interactive-default: rgba(0,0,0,.06); --growth-okd-color-surface-interactive-hovered: rgba(0,0,0,.09); --growth-okd-color-surface-interactive-pressed: rgba(0,0,0,.14); --growth-okd-color-surface-interactive-disabled: rgba(0,0,0,.03); --growth-okd-color-surface-interactive-oncolor-default: hsla(0,0%,100%,.9); --growth-okd-color-surface-interactive-oncolor-hovered: hsla(0,0%,100%,.7); --growth-okd-color-surface-interactive-oncolor-pressed: hsla(0,0%,100%,.5); --growth-okd-color-surface-interactive-emphasis-default: rgba(0,0,0,.99); --growth-okd-color-surface-interactive-emphasis-hovered: rgba(0,0,0,.8); --growth-okd-color-surface-interactive-emphasis-pressed: rgba(0,0,0,.7); --growth-okd-color-surface-interactive-emphasis-disabled: rgba(0,0,0,.03); --growth-okd-color-surface-interactive-selected-default: #000; --growth-okd-color-surface-interactive-selected-subtle: rgba(0,0,0,.06); --growth-okd-color-surface-interactive-selected-oncolor: hsla(0,0%,100%,.9); --growth-okd-color-surface-structural-base: #fff; --growth-okd-color-surface-structural-layer-1: #f6f6f6; --growth-okd-color-surface-structural-layer-2: #e9e9e9; --growth-okd-color-surface-structural-layer-3: #dcdcdc; --growth-okd-color-surface-structural-highlight: var(--global-color-highlight); --growth-okd-color-surface-structural-inverse: #000; --growth-okd-color-surface-structural-elevated-default: #fff; --growth-okd-color-surface-structural-elevated-contrast: #fff; --growth-okd-color-surface-structural-overlay: rgba(0,0,0,.4); --growth-okd-color-border-static-default: rgba(0,0,0,.14); --growth-okd-color-border-static-subtle: rgba(0,0,0,.06); --growth-okd-color-border-static-dotted: rgba(0,0,0,.32); --growth-okd-color-border-interactive-default: rgba(0,0,0,.32); --growth-okd-color-border-interactive-hovered: #333; --growth-okd-color-border-interactive-pressed: #000; --growth-okd-color-border-interactive-focused: #000; --growth-okd-color-border-interactive-selected: #000; --growth-okd-color-border-interactive-error: #ba2133; --growth-okd-color-border-interactive-emphasis: #4a4a4a; --growth-okd-color-border-interactive-oncolor: #e9e9e9; --growth-okd-color-border-static-emphasis: #4a4a4a; --growth-okd-color-border-static-experience: var(--global-color-experience-default); --growth-okd-color-border-static-highlight: var(--global-color-highlight); --growth-okd-color-border-static-overlay: hsla(0,0%,100%,.9); --growth-okd-color-border-interactive-disabled: rgba(0,0,0,.14); --growth-okd-color-border-info-default: #212121; --growth-okd-color-border-info-subtle: #757575; --growth-okd-color-border-warning-default: #ba5d00; --growth-okd-color-border-warning-subtle: #ffedcb; --growth-okd-color-border-success-default: #2b6d17; --growth-okd-color-border-success-subtle: #e9f4d1; --growth-okd-color-border-danger-default: #ba2133; --growth-okd-color-border-danger-subtle: #fee0e3; --growth-okd-color-content-static-default: #000; --growth-okd-color-content-interactive-default: #4a4a4a; --growth-okd-color-content-interactive-subtle: #757575; --growth-okd-color-content-interactive-hovered: #212121; --growth-okd-color-content-static-subtle: #5e5e5e; --growth-okd-color-content-interactive-pressed: #000; --growth-okd-color-content-static-inverse: #fff; --growth-okd-color-content-static-highlight: var(--global-color-highlight); --growth-okd-color-content-static-placeholder: rgba(0,0,0,.22); --growth-okd-color-content-interactive-active: #000; --growth-okd-color-content-interactive-selected: #000; --growth-okd-color-content-interactive-error: #ba2133; --growth-okd-color-content-interactive-disabled: rgba(0,0,0,.14); --growth-okd-color-content-info-default: #212121; --growth-okd-color-content-info-subtle: #757575; --growth-okd-color-content-warning-default: #ba5d00; --growth-okd-color-content-warning-subtle: #ffedcb; --growth-okd-color-content-success-default: #2b6d17; --growth-okd-color-content-success-subtle: #e9f4d1; --growth-okd-color-content-danger-default: #ba2133; --growth-okd-color-content-danger-subtle: #fee0e3; --growth-okd-color-content-illustration-default: #000; --growth-okd-color-content-dataviz-categorical-1: var(--global-color-feature-default); --growth-okd-color-content-dataviz-categorical-2: #0b5bcb; --growth-okd-color-content-dataviz-categorical-3: #e28400; --growth-okd-color-content-dataviz-categorical-4: #dbb01d; --growth-okd-color-content-dataviz-categorical-5: #a352ef; --growth-okd-color-content-dataviz-categorical-6: #5e5e5e; --growth-okd-color-content-dataviz-categorical-7: #858585; --growth-okd-color-content-dataviz-categorical-8: #afafaf; --growth-okd-color-content-illustration-inverse: #fff; --growth-okd-color-content-illustration-experience: var(--global-color-experience-default); --growth-okd-color-content-illustration-highlight: var(--global-color-highlight); --growth-okd-color-global-alpha-matching-5: hsla(0,0%,100%,.05); --growth-okd-color-global-alpha-matching-10: hsla(0,0%,100%,.1); --growth-okd-color-global-alpha-matching-20: hsla(0,0%,100%,.2); --growth-okd-color-global-alpha-matching-30: hsla(0,0%,100%,.3); --growth-okd-color-global-alpha-matching-40: hsla(0,0%,100%,.4); --growth-okd-color-global-alpha-matching-50: hsla(0,0%,100%,.5); --growth-okd-color-global-alpha-matching-60: hsla(0,0%,100%,.6); --growth-okd-color-global-alpha-matching-70: hsla(0,0%,100%,.7); --growth-okd-color-global-alpha-matching-80: hsla(0,0%,100%,.8); --growth-okd-color-global-alpha-matching-90: hsla(0,0%,100%,.9); --growth-okd-color-global-alpha-inverse-5: rgba(0,0,0,.03); --growth-okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha); --growth-okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha); --growth-okd-color-global-alpha-feature-1: rgba(43,109,23,.16); --growth-okd-color-global-alpha-inverse-10: rgba(0,0,0,.06); --growth-okd-color-global-alpha-inverse-20: rgba(0,0,0,.14); --growth-okd-color-global-alpha-inverse-30: rgba(0,0,0,.22); --growth-okd-color-global-alpha-inverse-40: rgba(0,0,0,.32); --growth-okd-color-global-alpha-inverse-50: rgba(0,0,0,.44); --growth-okd-color-global-alpha-inverse-60: rgba(0,0,0,.57); --growth-okd-color-global-alpha-inverse-70: rgba(0,0,0,.7); --growth-okd-color-global-alpha-inverse-80: rgba(0,0,0,.8); --growth-okd-color-global-alpha-inverse-90: rgba(0,0,0,.9); --growth-okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default); --growth-okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered); --growth-okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed); --growth-okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint); --growth-okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default); --growth-okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered); --growth-okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed); --growth-okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint); --growth-okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default); --growth-okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered); --growth-okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed); --growth-okd-color-surface-interactive-feature-default: var(--global-color-feature-default); --growth-okd-color-surface-interactive-experience-default: var(--global-color-experience-default); --growth-okd-color-surface-interactive-experience-hovered: var(--global-color-experience-hovered); --growth-okd-color-surface-interactive-experience-pressed: var(--global-color-experience-pressed); --growth-okd-color-surface-interactive-feature-hovered: var(--global-color-feature-hovered); --growth-okd-color-surface-interactive-feature-pressed: var(--global-color-feature-pressed); --growth-okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-surface-structural-feature: var(--global-color-feature-default); --growth-okd-color-surface-structural-experience: var(--global-color-experience-default); --growth-okd-color-border-interactive-feature-default: var(--global-color-feature-default); --growth-okd-color-border-interactive-feature-hovered: var(--global-color-feature-hovered); --growth-okd-color-border-interactive-feature-pressed: var(--global-color-feature-pressed); --growth-okd-color-border-static-feature: var(--global-color-feature-default); --growth-okd-color-content-static-subtler: #858585; --growth-okd-color-content-static-feature: var(--global-color-feature-default); --growth-okd-color-content-static-experience: var(--global-color-experience-default); --growth-okd-color-content-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-content-illustration-feature: var(--global-color-feature-default); --growth-okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor); --growth-okd-color-content-pnl-neutral-default: var(--global-color-neutral-default); --growth-okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor); --growth-okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-border-interactive-experience-default: var(--global-color-experience-default); --growth-okd-color-border-interactive-experience-hovered: var(--global-color-experience-hovered); --growth-okd-color-border-interactive-experience-pressed: var(--global-color-experience-pressed); --growth-okd-color-content-interactive-feature-default: var(--global-color-feature-default); --growth-okd-color-content-interactive-feature-hovered: var(--global-color-feature-hovered); --growth-okd-color-content-interactive-feature-pressed: var(--global-color-feature-pressed); --growth-okd-color-content-interactive-experience-default: var(--global-color-experience-default); --growth-okd-color-content-interactive-experience-alternative: var(--global-color-experience-alternative); --growth-okd-color-content-interactive-experience-accent: var(--global-color-experience-accent); --growth-okd-color-content-interactive-experience-hovered: var(--global-color-experience-hovered); --growth-okd-color-content-interactive-experience-pressed: var(--global-color-experience-pressed); --growth-okd-color-content-interactive-experience-inverse: var(--global-color-experience-inverse); --growth-okd-color-content-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default); --growth-okd-color-content-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered); --growth-okd-color-content-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed); --growth-okd-color-surface-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default); --growth-okd-color-surface-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered); --growth-okd-color-surface-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed); --growth-okd-color-border-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-border-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-border-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-border-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-content-static-notification: #e05a6a; --growth-okd-color-surface-interactive-unselected-default: rgba(0,0,0,.32); --growth-okd-color-surface-structural-elevated-layer-1: #f6f6f6; --growth-okd-color-surface-interactive-destructive-default: #e05a6a; --growth-okd-color-surface-interactive-destructive-hovered: #d33a4c; --growth-okd-color-surface-interactive-destructive-pressed: #ba2133; --growth-okd-color-surface-structural-web-only-base: #f6f6f6; --growth-okd-color-surface-structural-web-only-layer-1: #fff; --growth-okd-color-global-fixed-shadow: rgba(0,0,0,.16); --growth-okd-color-surface-interactive-destructive-subtle-default: #fee0e3; --growth-okd-color-surface-interactive-destructive-subtle-hovered: #ffbec5; --growth-okd-color-surface-interactive-destructive-subtle-pressed: #ff8f9c; --growth-okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2); --growth-okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new); --growth-okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis); --growth-okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new); --growth-okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis); --growth-okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default); --growth-okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor); --growth-okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max); --growth-okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min); --growth-okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max); --growth-okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min); --growth-okd-color-border-interactive-drop: #4c93f0; --growth-okd-color-content-interactive-drop: #277ae7; --growth-okd-color-surface-interactive-drop: #e6f1fe; --okd-font-size-base: 16px; --okd-font-size-md: 14px; --okd-font-size-xs: 12px; --okd-line-height-base: 20px; --okd-line-height-md: 20px; --okd-line-height-xs: 16px; --okd-shadow-none: 0 0 0 0 transparent; --okd-shadow-xs: 0 0 0 1px #0000000d; --okd-shadow-sm: 0 1px 2px 0 #0000000d; --okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f; --okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f; --okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d; --okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a; --okd-shadow-2xl: 0 25px 50px -12px #00000040; --okd-border-radius-none: 0; --okd-border-radius-sm: 2px; --okd-border-radius-md: 4px; --okd-border-radius-lg: 6px; --okd-border-radius-xl: 8px; --okd-border-radius-xxl: 10px; --okd-border-radius-xxxl: 12px; --okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif; --okd-text-display-lg-font-size: 56px; --okd-text-display-lg-font-weight: 500; --okd-text-display-lg-line-height: 1.32; --okd-text-display-md-font-size: 40px; --okd-text-display-md-font-weight: 500; --okd-text-display-md-line-height: 52px; --okd-text-display-sm-font-size: 40px; --okd-text-display-sm-font-weight: 500; --okd-text-display-sm-line-height: 52px; --okd-text-heading-lg-font-size: 30px; --okd-text-heading-lg-font-weight: 500; --okd-text-heading-lg-line-height: 40px; --okd-text-heading-md-font-size: 24px; --okd-text-heading-md-font-weight: 500; --okd-text-heading-md-line-height: 30px; --okd-text-heading-sm-font-size: 18px; --okd-text-heading-sm-font-weight: 500; --okd-text-heading-sm-line-height: 24px; --okd-text-heading-xl-font-size: 36px; --okd-text-heading-xl-line-height: 1.32; --okd-text-heading-xl-font-weight: 600; --okd-text-heading-xxl-font-size: 40px; --okd-text-heading-xxl-line-height: 1.32; --okd-text-heading-xxl-font-weight: 600; --okd-text-heading-overline-font-size: 12px; --okd-text-heading-overline-line-height: 15px; --okd-text-heading-overline-font-weight: 500; --okd-text-body-sm-regular-font-size: 14px; --okd-text-body-sm-regular-font-weight: 400; --okd-text-body-sm-regular-line-height: 21px; --okd-text-body-sm-bold-font-size: 14px; --okd-text-body-sm-bold-font-weight: 500; --okd-text-body-sm-bold-line-height: 21px; --okd-text-body-md-regular-font-size: 16px; --okd-text-body-md-regular-font-weight: 400; --okd-text-body-md-regular-line-height: 24px; --okd-text-body-md-bold-font-size: 16px; --okd-text-body-md-bold-font-weight: 500; --okd-text-body-md-bold-line-height: 24px; --okd-text-body-xs-regular-font-size: 12px; --okd-text-body-xs-regular-font-weight: 400; --okd-text-body-xs-regular-line-height: 18px; --okd-text-body-xs-bold-font-size: 12px; --okd-text-body-xs-bold-font-weight: 500; --okd-text-body-xs-bold-line-height: 18px; --okd-font-weight-400: 400; --okd-font-weight-500: 500; --okd-font-weight-600: 600; --okd-font-weight-700: 700; --okd-font-weight-800: 800; --okd-font-weight-900: 900; --okd-font-weight-regular: 400; --okd-font-weight-medium: 500; --okd-font-weight-bold: 700; }
.theme-dark { --growth-okd-color-gray-050: #000; --growth-okd-color-gray-100: #2e2e2e; --growth-okd-color-gray-200: #404040; --growth-okd-color-gray-300: #6c6c6c; --growth-okd-color-gray-400: #909090; --growth-okd-color-gray-500: #b0b0b0; --growth-okd-color-gray-600: #ccc; --growth-okd-color-gray-700: #e3e3e3; --growth-okd-color-gray-800: #f0f0f0; --growth-okd-color-gray-900: #fafafa; --growth-okd-color-blue-050: #051738; --growth-okd-color-blue-100: #082356; --growth-okd-color-blue-200: #0c3178; --growth-okd-color-blue-300: #0f3c94; --growth-okd-color-blue-400: #1148b0; --growth-okd-color-blue-500: #1453cc; --growth-okd-color-blue-600: #175fe8; --growth-okd-color-blue-700: #1e6bff; --growth-okd-color-blue-800: #3077ff; --growth-okd-color-blue-900: #4283ff; --growth-okd-color-green-050: #002b1f; --growth-okd-color-green-100: #062b12; --growth-okd-color-green-200: #0c5625; --growth-okd-color-green-300: #138037; --growth-okd-color-green-400: #19ab4a; --growth-okd-color-green-500: #25a750; --growth-okd-color-green-600: #4cde7d; --growth-okd-color-green-700: #79e69d; --growth-okd-color-green-800: #a5efbe; --growth-okd-color-green-900: #d2f7de; --growth-okd-color-red-050: #270b12; --growth-okd-color-red-100: #300e17; --growth-okd-color-red-200: #601d2e; --growth-okd-color-red-300: #902b44; --growth-okd-color-red-400: #c03a5b; --growth-okd-color-red-500: #f04872; --growth-okd-color-red-600: #f76489; --growth-okd-color-red-700: #f994ae; --growth-okd-color-red-800: #f9b6c7; --growth-okd-color-red-900: #fff8f9; --growth-okd-color-orange-050: #361604; --growth-okd-color-orange-100: #532206; --growth-okd-color-orange-200: #743008; --growth-okd-color-orange-300: #8f3b0a; --growth-okd-color-orange-400: #aa460c; --growth-okd-color-orange-500: #c5510e; --growth-okd-color-orange-600: #e15c0f; --growth-okd-color-orange-700: #f76816; --growth-okd-color-orange-800: #f87428; --growth-okd-color-orange-900: #fa8c4d; --growth-okd-color-yellow-050: #2d2104; --growth-okd-color-yellow-100: #493603; --growth-okd-color-yellow-200: #674b04; --growth-okd-color-yellow-300: #7f5d05; --growth-okd-color-yellow-400: #966e06; --growth-okd-color-yellow-500: #ae8007; --growth-okd-color-yellow-600: #c69208; --growth-okd-color-yellow-700: #dba20e; --growth-okd-color-yellow-800: #dea921; --growth-okd-color-yellow-900: #e0b134; --growth-okd-color-text-white: #fff; --growth-okd-color-text-black: #1f2933; --growth-okd-color-background-1: #121212; --growth-okd-color-background-2: #1a1a1a; --growth-okd-color-transparent: transparent; --growth-okd-color-white: #fff; --growth-okd-color-black: #000; --growth-okd-color-line-muted: #2e2e2e; --growth-okd-color-line-amplifed: #6c6c6c; --growth-okd-color-line-secondary: #404040; --growth-okd-color-text-lighter: #6c6c6c; --growth-okd-color-text-light: #909090; --growth-okd-color-text-secondary: #e3e3e3; --growth-okd-color-text-amplifed: #fafafa; --growth-okd-color-background-3: #242424; --growth-okd-color-fq-blue-lv1: #3077ff; --growth-okd-color-fq-blue-lv2: #1e6bff; --growth-okd-color-fq-green-lv1: #1fd65c; --growth-okd-color-fq-red-lv1: #f04872; --growth-okd-color-fq-orange-lv1: #f76816; --growth-okd-color-prefer-red-chart: #f04872; --growth-okd-color-prefer-red-bg: #ca3f64; --growth-okd-color-prefer-green-chart: #1fd65c; --growth-okd-color-prefer-green-bg: #25a750; --growth-okd-color-prefer-red-text: #ca3f64; --growth-okd-color-prefer-green-text: #25a750; --growth-okd-color-branded-primary: #bcff2f; --growth-okd-color-fq-critical: #f04872; --growth-okd-color-fq-positive: #25a750; --growth-okd-color-fq-warning: #f76816; --growth-okd-color-fq-accent: #1e6bff; --growth-okd-color-fq-neutral: #fafafa; --growth-okd-color-prefer-neutral-bg: #909090; --growth-okd-color-prefer-neutral-text: #909090; --growth-okd-color-background-base-primary: #000; --growth-okd-color-background-base-secondary: #121212; --growth-okd-color-background-surface-primary: #1d1d1d; --growth-okd-color-background-surface-secondary: #121212; --growth-okd-color-background-surface-pressed: #383838; --growth-okd-color-background-surface-disable: #0e0e0e; --growth-okd-color-background-scrim: rgba(0,0,0,.68); --growth-okd-color-container-primary: #272727; --growth-okd-color-container-secondary: #272727; --growth-okd-color-container-tertiary: #383838; --growth-okd-color-container-contrast: #414141; --growth-okd-color-container-inverse: #fafafa; --growth-okd-color-content-primary: #fff; --growth-okd-color-content-secondary: #e6e6e6; --growth-okd-color-content-tertiary: #b3b3b3; --growth-okd-color-content-contrast: #909090; --growth-okd-color-content-disabled: #5b5b5b; --growth-okd-color-content-inverse: #000; --growth-okd-color-border-primary: #383838; --growth-okd-color-border-secondary: #4d4d4d; --growth-okd-color-border-contrast: #000; --growth-okd-color-border-selected: #fff; --growth-okd-color-semantic-neutral: #fff; --growth-okd-color-semantic-notice: #ffb117; --growth-okd-color-semantic-positive: #25a750; --growth-okd-color-semantic-negative: #ca3f64; --growth-okd-color-semantic-informative: #8a91ff; --growth-okd-color-semantic-highlight: #bcff2f; --growth-okd-color-dvp-neutral: hsla(0,0%,100%,.76); --growth-okd-color-dvp-profit: #25a750; --growth-okd-color-dvp-loss: #ca3f64; --growth-okd-color-categorical-01: #5f62ff; --growth-okd-color-categorical-02: #ffb117; --growth-okd-color-categorical-03: #bcff2f; --growth-okd-color-categorical-04: #00bc4b; --growth-okd-color-categorical-05: #f5384f; --growth-okd-color-transparent-white: transparent; --growth-okd-color-transparent-black: hsla(0,0%,100%,.02); --growth-okd-color-common-transparent: hsla(0,0%,100%,0); --growth-okd-color-container-lv2: #1a1a1a; --growth-okd-color-alert-info: #2e2e2e; --growth-okd-color-alert-success: #002b1f; --growth-okd-color-alert-warning: #361604; --growth-okd-color-alert-error: #270b12; --growth-okd-color-common-background-2: #383838; --growth-okd-color-data-visualization-category-01: #5f62ff; --growth-okd-color-data-visualization-category-02: #ffb117; --growth-okd-color-data-visualization-category-03: #bcff2f; --growth-okd-color-data-visualization-category-04: #00bc4b; --growth-okd-color-data-visualization-category-05: #f5384f; --growth-okd-color-preference-loss: #ca3f64; --growth-okd-color-preference-profit: #25a750; --growth-okd-color-preference-neutral: hsla(0,0%,100%,.76); --growth-okd-color-border-focus: #fff; --growth-okd-color-background-base-primary_alternative: #000; --growth-okd-color-link-content: #8a91ff; --growth-okd-color-link-accent-content-primary: #bcff2f; --growth-okd-color-background-surface-contrast: #272727; --growth-okd-color-background-surface-brand: #bcff2f; --growth-okd-color-border-tertiary: #0e0e0e; --growth-okd-color-content-brand: #bcff2f; --growth-okd-color-modal-primary: #0e0e0e; --growth-okd-color-modal-secondary: #272727; --growth-okd-color-modal-tertiary: #383838; --growth-okd-color-modal-contrast: #4d4d4d; --growth-okd-color-card-primary: #0e0e0e; --growth-okd-color-card-secondary: #121212; --growth-okd-color-brand-primary: #121212; --growth-okd-color-brand-primary-alternative: #bcff2f; --growth-okd-color-brand-secondary: #272727; --growth-okd-color-brand-tertiary: #383838; --growth-okd-color-brand-content: #e6ffb0; --growth-okd-color-brand-content-contrast: #000; --growth-okd-color-global-fixed-always-dark: #000; --growth-okd-color-global-fixed-always-light: #fff; --growth-okd-color-surface-structural-subbase: #121212; --growth-okd-color-surface-info-default: #b8b8b8; --growth-okd-color-surface-info-subtle: #121212; --growth-okd-color-surface-warning-default: #f5a915; --growth-okd-color-surface-warning-subtle: #4d3200; --growth-okd-color-surface-success-default: #3c8f24; --growth-okd-color-surface-success-subtle: #192400; --growth-okd-color-surface-danger-default: #ff5d73; --growth-okd-color-surface-danger-subtle: #420a10; --growth-okd-color-surface-interactive-default: hsla(0,0%,100%,.13); --growth-okd-color-surface-interactive-hovered: hsla(0,0%,100%,.16); --growth-okd-color-surface-interactive-pressed: hsla(0,0%,100%,.22); --growth-okd-color-surface-interactive-disabled: hsla(0,0%,100%,.08); --growth-okd-color-surface-interactive-oncolor-default: hsla(0,0%,100%,.1); --growth-okd-color-surface-interactive-oncolor-hovered: hsla(0,0%,100%,.15); --growth-okd-color-surface-interactive-oncolor-pressed: hsla(0,0%,100%,.2); --growth-okd-color-surface-interactive-emphasis-default: hsla(0,0%,100%,.99); --growth-okd-color-surface-interactive-emphasis-hovered: hsla(0,0%,100%,.8); --growth-okd-color-surface-interactive-emphasis-pressed: hsla(0,0%,100%,.7); --growth-okd-color-surface-interactive-emphasis-disabled: hsla(0,0%,100%,.08); --growth-okd-color-surface-interactive-selected-default: #fff; --growth-okd-color-surface-interactive-selected-subtle: hsla(0,0%,100%,.13); --growth-okd-color-surface-interactive-selected-oncolor: hsla(0,0%,100%,.1); --growth-okd-color-surface-structural-base: #000; --growth-okd-color-surface-structural-layer-1: #121212; --growth-okd-color-surface-structural-layer-2: #2c2c2c; --growth-okd-color-surface-structural-layer-3: #3f3f3f; --growth-okd-color-surface-structural-highlight: var(--global-color-highlight); --growth-okd-color-surface-structural-inverse: #fff; --growth-okd-color-surface-structural-elevated-default: #171717; --growth-okd-color-surface-structural-elevated-contrast: #343434; --growth-okd-color-surface-structural-overlay: rgba(0,0,0,.6); --growth-okd-color-border-static-default: hsla(0,0%,100%,.22); --growth-okd-color-border-static-subtle: hsla(0,0%,100%,.13); --growth-okd-color-border-static-dotted: hsla(0,0%,100%,.4); --growth-okd-color-border-interactive-default: hsla(0,0%,100%,.4); --growth-okd-color-border-interactive-hovered: #cfcfcf; --growth-okd-color-border-interactive-pressed: #fff; --growth-okd-color-border-interactive-focused: #fff; --growth-okd-color-border-interactive-selected: #fff; --growth-okd-color-border-interactive-error: #f57a8a; --growth-okd-color-border-interactive-emphasis: #b8b8b8; --growth-okd-color-border-interactive-oncolor: #2c2c2c; --growth-okd-color-border-static-emphasis: #b8b8b8; --growth-okd-color-border-static-experience: var(--global-color-experience-default); --growth-okd-color-border-static-highlight: var(--global-color-highlight); --growth-okd-color-border-static-overlay: hsla(0,0%,100%,.1); --growth-okd-color-border-interactive-disabled: hsla(0,0%,100%,.22); --growth-okd-color-border-info-default: #ebebeb; --growth-okd-color-border-info-subtle: #7d7d7d; --growth-okd-color-border-warning-default: #ffc452; --growth-okd-color-border-warning-subtle: #4d3200; --growth-okd-color-border-success-default: #49a92d; --growth-okd-color-border-success-subtle: #192400; --growth-okd-color-border-danger-default: #f57a8a; --growth-okd-color-border-danger-subtle: #420a10; --growth-okd-color-content-static-default: #fff; --growth-okd-color-content-interactive-default: #b8b8b8; --growth-okd-color-content-interactive-subtle: #7d7d7d; --growth-okd-color-content-interactive-hovered: #ebebeb; --growth-okd-color-content-static-subtle: #969696; --growth-okd-color-content-interactive-pressed: #fff; --growth-okd-color-content-static-inverse: #000; --growth-okd-color-content-static-highlight: var(--global-color-highlight); --growth-okd-color-content-static-placeholder: hsla(0,0%,100%,.3); --growth-okd-color-content-interactive-active: #fff; --growth-okd-color-content-interactive-selected: #fff; --growth-okd-color-content-interactive-error: #f57a8a; --growth-okd-color-content-interactive-disabled: hsla(0,0%,100%,.22); --growth-okd-color-content-info-default: #ebebeb; --growth-okd-color-content-info-subtle: #7d7d7d; --growth-okd-color-content-warning-default: #ffc452; --growth-okd-color-content-warning-subtle: #4d3200; --growth-okd-color-content-success-default: #49a92d; --growth-okd-color-content-success-subtle: #192400; --growth-okd-color-content-danger-default: #f57a8a; --growth-okd-color-content-danger-subtle: #420a10; --growth-okd-color-content-illustration-default: #fff; --growth-okd-color-content-dataviz-categorical-1: var(--global-color-feature-default); --growth-okd-color-content-dataviz-categorical-2: #277ae7; --growth-okd-color-content-dataviz-categorical-3: #ffb729; --growth-okd-color-content-dataviz-categorical-4: #edc746; --growth-okd-color-content-dataviz-categorical-5: #a352ef; --growth-okd-color-content-dataviz-categorical-6: #969696; --growth-okd-color-content-dataviz-categorical-7: #636363; --growth-okd-color-content-dataviz-categorical-8: #454545; --growth-okd-color-content-illustration-inverse: #000; --growth-okd-color-content-illustration-experience: var(--global-color-experience-default); --growth-okd-color-content-illustration-highlight: var(--global-color-highlight); --growth-okd-color-global-alpha-matching-5: rgba(0,0,0,.05); --growth-okd-color-global-alpha-matching-10: rgba(0,0,0,.1); --growth-okd-color-global-alpha-matching-20: rgba(0,0,0,.2); --growth-okd-color-global-alpha-matching-30: rgba(0,0,0,.3); --growth-okd-color-global-alpha-matching-40: rgba(0,0,0,.4); --growth-okd-color-global-alpha-matching-50: rgba(0,0,0,.5); --growth-okd-color-global-alpha-matching-60: rgba(0,0,0,.6); --growth-okd-color-global-alpha-matching-70: rgba(0,0,0,.7); --growth-okd-color-global-alpha-matching-80: rgba(0,0,0,.8); --growth-okd-color-global-alpha-matching-90: rgba(0,0,0,.9); --growth-okd-color-global-alpha-inverse-5: hsla(0,0%,100%,.08); --growth-okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha); --growth-okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha); --growth-okd-color-global-alpha-feature-1: rgba(188,255,47,.16); --growth-okd-color-global-alpha-inverse-10: hsla(0,0%,100%,.13); --growth-okd-color-global-alpha-inverse-20: hsla(0,0%,100%,.22); --growth-okd-color-global-alpha-inverse-30: hsla(0,0%,100%,.3); --growth-okd-color-global-alpha-inverse-40: hsla(0,0%,100%,.4); --growth-okd-color-global-alpha-inverse-50: hsla(0,0%,100%,.5); --growth-okd-color-global-alpha-inverse-60: hsla(0,0%,100%,.6); --growth-okd-color-global-alpha-inverse-70: hsla(0,0%,100%,.7); --growth-okd-color-global-alpha-inverse-80: hsla(0,0%,100%,.8); --growth-okd-color-global-alpha-inverse-90: hsla(0,0%,100%,.9); --growth-okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default); --growth-okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered); --growth-okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed); --growth-okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint); --growth-okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default); --growth-okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered); --growth-okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed); --growth-okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint); --growth-okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default); --growth-okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered); --growth-okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed); --growth-okd-color-surface-interactive-feature-default: var(--global-color-feature-default); --growth-okd-color-surface-interactive-experience-default: var(--global-color-experience-default); --growth-okd-color-surface-interactive-experience-hovered: var(--global-color-experience-hovered); --growth-okd-color-surface-interactive-experience-pressed: var(--global-color-experience-pressed); --growth-okd-color-surface-interactive-feature-hovered: var(--global-color-feature-hovered); --growth-okd-color-surface-interactive-feature-pressed: var(--global-color-feature-pressed); --growth-okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-surface-structural-feature: var(--global-color-feature-default); --growth-okd-color-surface-structural-experience: var(--global-color-experience-default); --growth-okd-color-border-interactive-feature-default: var(--global-color-feature-default); --growth-okd-color-border-interactive-feature-hovered: var(--global-color-feature-hovered); --growth-okd-color-border-interactive-feature-pressed: var(--global-color-feature-pressed); --growth-okd-color-border-static-feature: var(--global-color-feature-default); --growth-okd-color-content-static-subtler: #636363; --growth-okd-color-content-static-feature: var(--global-color-feature-default); --growth-okd-color-content-static-experience: var(--global-color-experience-default); --growth-okd-color-content-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-content-illustration-feature: var(--global-color-feature-default); --growth-okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor); --growth-okd-color-content-pnl-neutral-default: var(--global-color-neutral-default); --growth-okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor); --growth-okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-border-interactive-experience-default: var(--global-color-experience-default); --growth-okd-color-border-interactive-experience-hovered: var(--global-color-experience-hovered); --growth-okd-color-border-interactive-experience-pressed: var(--global-color-experience-pressed); --growth-okd-color-content-interactive-feature-default: var(--global-color-feature-default); --growth-okd-color-content-interactive-feature-hovered: var(--global-color-feature-hovered); --growth-okd-color-content-interactive-feature-pressed: var(--global-color-feature-pressed); --growth-okd-color-content-interactive-experience-default: var(--global-color-experience-default); --growth-okd-color-content-interactive-experience-alternative: var(--global-color-experience-alternative); --growth-okd-color-content-interactive-experience-accent: var(--global-color-experience-accent); --growth-okd-color-content-interactive-experience-hovered: var(--global-color-experience-hovered); --growth-okd-color-content-interactive-experience-pressed: var(--global-color-experience-pressed); --growth-okd-color-content-interactive-experience-inverse: var(--global-color-experience-inverse); --growth-okd-color-content-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default); --growth-okd-color-content-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered); --growth-okd-color-content-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed); --growth-okd-color-surface-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default); --growth-okd-color-surface-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered); --growth-okd-color-surface-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed); --growth-okd-color-border-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-border-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-border-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-border-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-content-static-notification: #f5384f; --growth-okd-color-surface-interactive-unselected-default: hsla(0,0%,100%,.4); --growth-okd-color-surface-structural-elevated-layer-1: #2c2c2c; --growth-okd-color-surface-interactive-destructive-default: #f5384f; --growth-okd-color-surface-interactive-destructive-hovered: #ff5d73; --growth-okd-color-surface-interactive-destructive-pressed: #f57a8a; --growth-okd-color-surface-structural-web-only-base: #000; --growth-okd-color-surface-structural-web-only-layer-1: #121212; --growth-okd-color-global-fixed-shadow: rgba(0,0,0,.16); --growth-okd-color-surface-interactive-destructive-subtle-default: #420a10; --growth-okd-color-surface-interactive-destructive-subtle-hovered: #840916; --growth-okd-color-surface-interactive-destructive-subtle-pressed: #c8142a; --growth-okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2); --growth-okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new); --growth-okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis); --growth-okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new); --growth-okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis); --growth-okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default); --growth-okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor); --growth-okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max); --growth-okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min); --growth-okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max); --growth-okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min); --growth-okd-color-border-interactive-drop: #114097; --growth-okd-color-content-interactive-drop: #0b5bcb; --growth-okd-color-surface-interactive-drop: #101a3d; --okd-font-size-base: 16px; --okd-font-size-md: 14px; --okd-font-size-xs: 12px; --okd-line-height-base: 20px; --okd-line-height-md: 20px; --okd-line-height-xs: 16px; --okd-shadow-none: 0 0 0 0 transparent; --okd-shadow-xs: 0 0 0 1px #0000000d; --okd-shadow-sm: 0 1px 2px 0 #0000000d; --okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f; --okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f; --okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d; --okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a; --okd-shadow-2xl: 0 25px 50px -12px #00000040; --okd-border-radius-none: 0; --okd-border-radius-sm: 2px; --okd-border-radius-md: 4px; --okd-border-radius-lg: 6px; --okd-border-radius-xl: 8px; --okd-border-radius-xxl: 10px; --okd-border-radius-xxxl: 12px; --okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif; --okd-text-display-lg-font-size: 56px; --okd-text-display-lg-font-weight: 500; --okd-text-display-lg-line-height: 1.32; --okd-text-display-md-font-size: 40px; --okd-text-display-md-font-weight: 500; --okd-text-display-md-line-height: 52px; --okd-text-display-sm-font-size: 40px; --okd-text-display-sm-font-weight: 500; --okd-text-display-sm-line-height: 52px; --okd-text-heading-lg-font-size: 30px; --okd-text-heading-lg-font-weight: 500; --okd-text-heading-lg-line-height: 40px; --okd-text-heading-md-font-size: 24px; --okd-text-heading-md-font-weight: 500; --okd-text-heading-md-line-height: 30px; --okd-text-heading-sm-font-size: 18px; --okd-text-heading-sm-font-weight: 500; --okd-text-heading-sm-line-height: 24px; --okd-text-heading-xl-font-size: 36px; --okd-text-heading-xl-line-height: 1.32; --okd-text-heading-xl-font-weight: 600; --okd-text-heading-xxl-font-size: 40px; --okd-text-heading-xxl-line-height: 1.32; --okd-text-heading-xxl-font-weight: 600; --okd-text-heading-overline-font-size: 12px; --okd-text-heading-overline-line-height: 15px; --okd-text-heading-overline-font-weight: 500; --okd-text-body-sm-regular-font-size: 14px; --okd-text-body-sm-regular-font-weight: 400; --okd-text-body-sm-regular-line-height: 21px; --okd-text-body-sm-bold-font-size: 14px; --okd-text-body-sm-bold-font-weight: 500; --okd-text-body-sm-bold-line-height: 21px; --okd-text-body-md-regular-font-size: 16px; --okd-text-body-md-regular-font-weight: 400; --okd-text-body-md-regular-line-height: 24px; --okd-text-body-md-bold-font-size: 16px; --okd-text-body-md-bold-font-weight: 500; --okd-text-body-md-bold-line-height: 24px; --okd-text-body-xs-regular-font-size: 12px; --okd-text-body-xs-regular-font-weight: 400; --okd-text-body-xs-regular-line-height: 18px; --okd-text-body-xs-bold-font-size: 12px; --okd-text-body-xs-bold-font-weight: 500; --okd-text-body-xs-bold-line-height: 18px; --okd-font-weight-400: 400; --okd-font-weight-500: 500; --okd-font-weight-600: 600; --okd-font-weight-700: 700; --okd-font-weight-800: 800; --okd-font-weight-900: 900; --okd-font-weight-regular: 400; --okd-font-weight-medium: 500; --okd-font-weight-bold: 700; }
.theme-okx-money-light { --growth-okd-color-gray-050: #f9f9f9; --growth-okd-color-gray-100: #ebebeb; --growth-okd-color-gray-200: #dbdbdb; --growth-okd-color-gray-300: #bdbdbd; --growth-okd-color-gray-400: #929292; --growth-okd-color-gray-500: #6e6e6e; --growth-okd-color-gray-600: #545454; --growth-okd-color-gray-700: #3d3d3d; --growth-okd-color-gray-800: #1a1a1a; --growth-okd-color-gray-900: #000; --growth-okd-color-blue-050: #f5f9ff; --growth-okd-color-blue-100: #d1e3ff; --growth-okd-color-blue-200: #afcfff; --growth-okd-color-blue-300: #8dbbff; --growth-okd-color-blue-400: #6ba6ff; --growth-okd-color-blue-500: #4992ff; --growth-okd-color-blue-600: #277dff; --growth-okd-color-blue-700: #0569ff; --growth-okd-color-blue-800: #005eea; --growth-okd-color-blue-900: #0051ca; --growth-okd-color-green-050: #f2fff7; --growth-okd-color-green-100: #d2f4de; --growth-okd-color-green-200: #a5e9be; --growth-okd-color-green-300: #78de9d; --growth-okd-color-green-400: #4bd37d; --growth-okd-color-green-500: #31bd65; --growth-okd-color-green-600: #18a04a; --growth-okd-color-green-700: #127837; --growth-okd-color-green-800: #0c5025; --growth-okd-color-green-900: #0c5025; --growth-okd-color-red-050: #fff8f9; --growth-okd-color-red-100: #fcdce5; --growth-okd-color-red-200: #f9b9ca; --growth-okd-color-red-300: #f796b0; --growth-okd-color-red-400: #f07596; --growth-okd-color-red-500: #f1507b; --growth-okd-color-red-600: #c14062; --growth-okd-color-red-700: #91304a; --growth-okd-color-red-800: #602031; --growth-okd-color-red-900: #301019; --growth-okd-color-orange-050: #fef9f6; --growth-okd-color-orange-100: #fce3d4; --growth-okd-color-orange-200: #fbceb4; --growth-okd-color-orange-300: #f9b994; --growth-okd-color-orange-400: #f7a474; --growth-okd-color-orange-500: #f58f54; --growth-okd-color-orange-600: #f6813d; --growth-okd-color-orange-700: #f16514; --growth-okd-color-orange-800: #e96010; --growth-okd-color-orange-900: #bf4803; --growth-okd-color-yellow-050: #fffcf5; --growth-okd-color-yellow-100: #fff2d1; --growth-okd-color-yellow-200: #ffe9af; --growth-okd-color-yellow-300: #ffdf8d; --growth-okd-color-yellow-400: #ffd66b; --growth-okd-color-yellow-500: #ffcc49; --growth-okd-color-yellow-600: #ffc327; --growth-okd-color-yellow-700: #ffb905; --growth-okd-color-yellow-800: #eaa900; --growth-okd-color-yellow-900: #d29801; --growth-okd-color-text-white: #fff; --growth-okd-color-text-black: #1f2933; --growth-okd-color-background-1: #fff; --growth-okd-color-background-2: #f7f7f7; --growth-okd-color-transparent: transparent; --growth-okd-color-white: #fff; --growth-okd-color-black: #000; --growth-okd-color-line-muted: #ebebeb; --growth-okd-color-line-secondary: #dbdbdb; --growth-okd-color-line-amplifed: #bdbdbd; --growth-okd-color-text-lighter: #bdbdbd; --growth-okd-color-text-light: #929292; --growth-okd-color-text-secondary: #3d3d3d; --growth-okd-color-text-amplifed: #000; --growth-okd-color-background-3: #f2f2f2; --growth-okd-color-fq-blue-lv1: #0569ff; --growth-okd-color-fq-green-lv1: #19cc5b; --growth-okd-color-fq-red-lv1: #f1507b; --growth-okd-color-fq-orange-lv1: #f16514; --growth-okd-color-fq-blue-lv2: #0569ff; --growth-okd-color-background-hover: #ebebeb; --growth-okd-color-prefer-red-chart: #f1507b; --growth-okd-color-prefer-red-bg: #eb4b6d; --growth-okd-color-prefer-green-chart: #19cc5b; --growth-okd-color-prefer-green-bg: #31bd65; --growth-okd-color-prefer-red-text: #eb4b6d; --growth-okd-color-prefer-green-text: #31bd65; --growth-okd-color-branded-primary: #bcff2f; --growth-okd-color-fq-critical: #eb4b6d; --growth-okd-color-fq-warning: #f16514; --growth-okd-color-fq-positive: #31bd65; --growth-okd-color-fq-neutral: #000; --growth-okd-color-fq-accent: #0569ff; --growth-okd-color-prefer-neutral-text: #929292; --growth-okd-color-prefer-neutral-bg: #929292; --growth-okd-color-white-opacity-5: #fff; --growth-okd-color-white-opacity-10: hsla(0,0%,100%,.94); --growth-okd-color-white-opacity-20: hsla(0,0%,100%,.88); --growth-okd-color-white-opacity-30: hsla(0,0%,100%,.78); --growth-okd-color-white-opacity-40: hsla(0,0%,100%,.76); --growth-okd-color-white-opacity-50: hsla(0,0%,100%,.54); --growth-okd-color-white-opacity-60: hsla(0,0%,100%,.36); --growth-okd-color-white-opacity-70: hsla(0,0%,100%,.19); --growth-okd-color-white-opacity-80: hsla(0,0%,100%,.12); --growth-okd-color-white-opacity-90: hsla(0,0%,100%,.06); --growth-okd-color-black-opacity-5: #000; --growth-okd-color-black-opacity-10: rgba(0,0,0,.9); --growth-okd-color-black-opacity-20: rgba(0,0,0,.76); --growth-okd-color-black-opacity-30: rgba(0,0,0,.68); --growth-okd-color-black-opacity-40: rgba(0,0,0,.57); --growth-okd-color-black-opacity-50: rgba(0,0,0,.43); --growth-okd-color-black-opacity-60: rgba(0,0,0,.26); --growth-okd-color-black-opacity-70: rgba(0,0,0,.14); --growth-okd-color-black-opacity-80: rgba(0,9,3,.08); --growth-okd-color-black-opacity-90: rgba(0,0,0,.04); --growth-okd-color-neutral-5: #fff; --growth-okd-color-neutral-140: #4d4d4d; --growth-okd-color-neutral-150: #414141; --growth-okd-color-neutral-160: #383838; --growth-okd-color-neutral-170: #272727; --growth-okd-color-neutral-180: #1d1d1d; --growth-okd-color-neutral-190: #0e0e0e; --growth-okd-color-neutral-200: #000; --growth-okd-color-tangerine-5: #ffedcb; --growth-okd-color-tangerine-10: #ffd37d; --growth-okd-color-tangerine-30: #ffb117; --growth-okd-color-tangerine-40: #db8f00; --growth-okd-color-tangerine-50: #a06900; --growth-okd-color-tangerine-60: #664300; --growth-okd-color-lemon-5: #fffdc4; --growth-okd-color-lemon-10: #fffa7a; --growth-okd-color-lemon-20: #fff500; --growth-okd-color-lemon-30: #e5dd00; --growth-okd-color-lemon-40: #b2ab00; --growth-okd-color-lemon-50: #797400; --growth-okd-color-lemon-60: #5c5800; --growth-okd-color-tangerine-20: #ffc452; --growth-okd-color-neonlime-5: #e6ffb0; --growth-okd-color-neonlime-10: #d5ff7d; --growth-okd-color-neonlime-20: #bcff2f; --growth-okd-color-neonlime-30: #9fe212; --growth-okd-color-neonlime-40: #8ec51d; --growth-okd-color-neonlime-50: #568000; --growth-okd-color-neonlime-60: #3d5c00; --growth-okd-color-neonmint-5: #cbffe0; --growth-okd-color-neonmint-10: #7dffb1; --growth-okd-color-neonmint-20: #24ff7b; --growth-okd-color-neonmint-30: #12e366; --growth-okd-color-neonmint-40: #00bc4b; --growth-okd-color-neonmint-50: #008535; --growth-okd-color-neonmint-60: #005c25; --growth-okd-color-bluebell-5: #e6eaff; --growth-okd-color-bluebell-10: #b8bfff; --growth-okd-color-bluebell-20: #8a91ff; --growth-okd-color-bluebell-30: #5f62ff; --growth-okd-color-bluebell-40: #5043ff; --growth-okd-color-bluebell-50: #4c2fff; --growth-okd-color-bluebell-60: #1d00d4; --growth-okd-color-lavender-5: #f2e8ff; --growth-okd-color-lavender-10: #dbbfff; --growth-okd-color-lavender-20: #c496ff; --growth-okd-color-lavender-30: #ac6cff; --growth-okd-color-lavender-40: #9543ff; --growth-okd-color-lavender-50: #7e1aff; --growth-okd-color-lavender-60: #5600c5; --growth-okd-color-orchid-5: #fee7ea; --growth-okd-color-orchid-10: #ffc1c9; --growth-okd-color-orchid-20: #ffa8b3; --growth-okd-color-orchid-30: #ff7888; --growth-okd-color-orchid-40: #f5384f; --growth-okd-color-orchid-50: #cd2438; --growth-okd-color-orchid-60: #9a1b2a; --growth-okd-color-semantic-positive-1: #31bd65; --growth-okd-color-semantic-negative-1: #eb4b6d; --growth-okd-color-transparent-base-black: transparent; --growth-okd-color-transparent-base-white: transparent; --growth-okd-color-alert-base-info: #f7f7f7; --growth-okd-color-alert-base-success: #eaf8f0; --growth-okd-color-alert-base-warning: #fef9f6; --growth-okd-color-alert-base-error: #fdedf0; --growth-okd-color-basil-5: #e9f4d1; --growth-okd-color-basil-10: #d2e8a4; --growth-okd-color-basil-20: #81be00; --growth-okd-color-basil-30: #49a92d; --growth-okd-color-basil-40: #2b6d17; --growth-okd-color-basil-50: #1a410e; --growth-okd-color-basil-60: #1a2600; --growth-okd-color-rose-5: #ffdfe9; --growth-okd-color-rose-10: #ffc0d3; --growth-okd-color-rose-20: #ff5eb6; --growth-okd-color-rose-30: #fc46ab; --growth-okd-color-rose-40: #a54162; --growth-okd-color-rose-50: #532131; --growth-okd-color-rose-60: #2a111f; --growth-okd-color-neutral-15: #f6f6f6; --growth-okd-color-neutral-185: #121212; --growth-okd-color-background-base-primary: #fff; --growth-okd-color-background-base-secondary: #fafafa; --growth-okd-color-background-surface-primary: #f3f3f3; --growth-okd-color-background-surface-secondary: #f6f6f6; --growth-okd-color-background-surface-pressed: #d9d9d9; --growth-okd-color-background-surface-disable: #fafafa; --growth-okd-color-background-scrim: rgba(0,0,0,.43); --growth-okd-color-container-primary: #fff; --growth-okd-color-container-secondary: #fafafa; --growth-okd-color-container-tertiary: #fff; --growth-okd-color-container-contrast: #414141; --growth-okd-color-container-inverse: #0e0e0e; --growth-okd-color-content-primary: #000; --growth-okd-color-content-secondary: #383838; --growth-okd-color-content-tertiary: #5b5b5b; --growth-okd-color-content-contrast: #909090; --growth-okd-color-content-disabled: #b3b3b3; --growth-okd-color-content-inverse: #fff; --growth-okd-color-border-primary: #e6e6e6; --growth-okd-color-border-secondary: #b3b3b3; --growth-okd-color-border-contrast: #fafafa; --growth-okd-color-border-selected: #000; --growth-okd-color-semantic-neutral: #000; --growth-okd-color-semantic-notice: #ffb117; --growth-okd-color-semantic-positive: #31bd65; --growth-okd-color-semantic-negative: #eb4b6d; --growth-okd-color-semantic-informative: #8a91ff; --growth-okd-color-semantic-highlight: #bcff2f; --growth-okd-color-dvp-neutral: rgba(0,0,0,.57); --growth-okd-color-dvp-profit: #00bc4b; --growth-okd-color-dvp-loss: #f5384f; --growth-okd-color-categorical-01: #8a91ff; --growth-okd-color-categorical-02: #ffb117; --growth-okd-color-categorical-03: #bcff2f; --growth-okd-color-categorical-04: #12e366; --growth-okd-color-categorical-05: #ff7888; --growth-okd-color-common-transparent: hsla(0,0%,100%,0); --growth-okd-color-transparent-black: transparent; --growth-okd-color-transparent-white: transparent; --growth-okd-color-alert-info: #f7f7f7; --growth-okd-color-alert-success: #eaf8f0; --growth-okd-color-alert-warning: #fef9f6; --growth-okd-color-alert-error: #fdedf0; --growth-okd-color-common-background-2: #f3f3f3; --growth-okd-color-data-visualization-category-01: #8a91ff; --growth-okd-color-data-visualization-category-02: #ffb117; --growth-okd-color-data-visualization-category-03: #bcff2f; --growth-okd-color-data-visualization-category-04: #12e366; --growth-okd-color-data-visualization-category-05: #ff7888; --growth-okd-color-preference-loss: #f5384f; --growth-okd-color-preference-profit: #00bc4b; --growth-okd-color-preference-neutral: rgba(0,0,0,.57); --growth-okd-color-border-focus: #000; --growth-okd-color-background-base-primary_alternative: #fff; --growth-okd-color-link-content: #4c2fff; --growth-okd-color-link-accent-content-primary: #2b6d17; --growth-okd-color-link-accent-content-disabled: #d2e8a4; --growth-okd-color-link-accent-surface-pressed: #d2e8a4; --growth-okd-color-background-surface-contrast: #fff; --growth-okd-color-background-surface-brand: #000; --growth-okd-color-border-tertiary: #f3f3f3; --growth-okd-color-content-brand: #000; --growth-okd-color-modal-primary: #fff; --growth-okd-color-modal-secondary: #fff; --growth-okd-color-modal-tertiary: #fff; --growth-okd-color-modal-contrast: #4d4d4d; --growth-okd-color-card-primary: #f6f6f6; --growth-okd-color-card-secondary: #f6f6f6; --growth-okd-color-btnsecfade-default: #f3f3f3; --growth-okd-color-btnsecfade-disable: #f3f3f3; --growth-okd-color-btnsecfade-hover: #e6e6e6; --growth-okd-color-brand-primary: #2b6d17; --growth-okd-color-brand-primary-alternative: #2b6d17; --growth-okd-color-brand-secondary: #8ec51d; --growth-okd-color-brand-tertiary: #bcff2f; --growth-okd-color-brand-content: #e6ffb0; --growth-okd-color-brand-content-contrast: #e6ffb0; --growth-okd-color-global-fixed-always-dark: #000; --growth-okd-color-global-fixed-always-light: #fff; --growth-okd-color-surface-structural-subbase: #f3f1ed; --growth-okd-color-surface-info-default: #aba8a4; --growth-okd-color-surface-info-subtle: #dededc; --growth-okd-color-surface-warning-default: #f1a534; --growth-okd-color-surface-warning-subtle: #fff1db; --growth-okd-color-surface-success-default: #2e7d57; --growth-okd-color-surface-success-subtle: #e6efeb; --growth-okd-color-surface-danger-default: #c8452f; --growth-okd-color-surface-danger-subtle: #f6e9e8; --growth-okd-color-surface-interactive-default: hsla(0,0%,100%,.9); --growth-okd-color-surface-interactive-hovered: rgba(0,0,0,.09); --growth-okd-color-surface-interactive-pressed: rgba(0,0,0,.14); --growth-okd-color-surface-interactive-disabled: rgba(0,0,0,.03); --growth-okd-color-surface-interactive-oncolor-default: rgba(0,0,0,.14); --growth-okd-color-surface-interactive-oncolor-hovered: rgba(0,0,0,.09); --growth-okd-color-surface-interactive-oncolor-pressed: rgba(0,0,0,.06); --growth-okd-color-surface-interactive-emphasis-default: #c9a876; --growth-okd-color-surface-interactive-emphasis-hovered: #d9be93; --growth-okd-color-surface-interactive-emphasis-pressed: #e8d4b0; --growth-okd-color-surface-interactive-emphasis-disabled: rgba(0,0,0,.03); --growth-okd-color-surface-interactive-selected-default: #c9a876; --growth-okd-color-surface-interactive-selected-subtle: rgba(0,0,0,.06); --growth-okd-color-surface-interactive-selected-oncolor: rgba(0,0,0,.06); --growth-okd-color-surface-structural-base: #f3f1ed; --growth-okd-color-surface-structural-layer-1: #fff; --growth-okd-color-surface-structural-layer-2: #e8e6e0; --growth-okd-color-surface-structural-layer-3: #dedcd5; --growth-okd-color-surface-structural-highlight: #c9a876; --growth-okd-color-surface-structural-inverse: #2a2318; --growth-okd-color-surface-structural-elevated-default: #f3f1ed; --growth-okd-color-surface-structural-elevated-contrast: #f3f1ed; --growth-okd-color-surface-structural-overlay: rgba(0,0,0,.4); --growth-okd-color-border-static-default: rgba(0,0,0,.14); --growth-okd-color-border-static-subtle: rgba(0,0,0,.06); --growth-okd-color-border-static-dotted: rgba(0,0,0,.32); --growth-okd-color-border-interactive-default: rgba(0,0,0,.32); --growth-okd-color-border-interactive-hovered: #423c32; --growth-okd-color-border-interactive-pressed: #2a2318; --growth-okd-color-border-interactive-focused: #2a2318; --growth-okd-color-border-interactive-selected: #2a2318; --growth-okd-color-border-interactive-error: #9f3928; --growth-okd-color-border-interactive-emphasis: #524c43; --growth-okd-color-border-interactive-oncolor: #e8e6e0; --growth-okd-color-border-static-emphasis: #524c43; --growth-okd-color-border-static-experience: #2a2318; --growth-okd-color-border-static-highlight: #a67f4a; --growth-okd-color-border-static-overlay: hsla(0,0%,100%,.9); --growth-okd-color-border-interactive-disabled: rgba(0,0,0,.14); --growth-okd-color-border-info-default: #136578; --growth-okd-color-border-info-subtle: #81b9c6; --growth-okd-color-border-warning-default: #965900; --growth-okd-color-border-warning-subtle: #fff1db; --growth-okd-color-border-success-default: #276547; --growth-okd-color-border-success-subtle: #e6efeb; --growth-okd-color-border-danger-default: #9f3928; --growth-okd-color-border-danger-subtle: #f6e9e8; --growth-okd-color-content-static-default: #2a2318; --growth-okd-color-content-interactive-default: #524c43; --growth-okd-color-content-interactive-subtle: #75716a; --growth-okd-color-content-interactive-hovered: #362f25; --growth-okd-color-content-static-subtle: #615c54; --growth-okd-color-content-interactive-pressed: #2a2318; --growth-okd-color-content-static-inverse: #2a2318; --growth-okd-color-content-static-highlight: #8f7548; --growth-okd-color-content-static-placeholder: rgba(0,0,0,.32); --growth-okd-color-content-interactive-active: #2a2318; --growth-okd-color-content-interactive-selected: #2a2318; --growth-okd-color-content-interactive-error: #9f3928; --growth-okd-color-content-interactive-disabled: rgba(0,0,0,.22); --growth-okd-color-content-info-default: #362f25; --growth-okd-color-content-info-subtle: #75716a; --growth-okd-color-content-warning-default: #965900; --growth-okd-color-content-warning-subtle: #fff1db; --growth-okd-color-content-success-default: #276547; --growth-okd-color-content-success-subtle: #e6efeb; --growth-okd-color-content-danger-default: #9f3928; --growth-okd-color-content-danger-subtle: #f6e9e8; --growth-okd-color-content-illustration-default: #2a2318; --growth-okd-color-content-dataviz-categorical-1: #c9a876; --growth-okd-color-content-dataviz-categorical-2: #0b5bcb; --growth-okd-color-content-dataviz-categorical-3: #e28400; --growth-okd-color-content-dataviz-categorical-4: #dbb01d; --growth-okd-color-content-dataviz-categorical-5: #a352ef; --growth-okd-color-content-dataviz-categorical-6: #615c54; --growth-okd-color-content-dataviz-categorical-7: #837f79; --growth-okd-color-content-dataviz-categorical-8: #aba8a4; --growth-okd-color-content-illustration-inverse: #fff; --growth-okd-color-content-illustration-experience: #2a2318; --growth-okd-color-content-illustration-highlight: #c9a876; --growth-okd-color-global-alpha-matching-5: hsla(0,0%,100%,.05); --growth-okd-color-global-alpha-matching-10: hsla(0,0%,100%,.1); --growth-okd-color-global-alpha-matching-20: hsla(0,0%,100%,.2); --growth-okd-color-global-alpha-matching-30: hsla(0,0%,100%,.3); --growth-okd-color-global-alpha-matching-40: hsla(0,0%,100%,.4); --growth-okd-color-global-alpha-matching-50: hsla(0,0%,100%,.5); --growth-okd-color-global-alpha-matching-60: hsla(0,0%,100%,.6); --growth-okd-color-global-alpha-matching-70: hsla(0,0%,100%,.7); --growth-okd-color-global-alpha-matching-80: hsla(0,0%,100%,.8); --growth-okd-color-global-alpha-matching-90: hsla(0,0%,100%,.9); --growth-okd-color-global-alpha-inverse-5: rgba(0,0,0,.03); --growth-okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha); --growth-okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha); --growth-okd-color-global-alpha-feature-1: rgba(43,109,23,.16); --growth-okd-color-global-alpha-inverse-10: rgba(0,0,0,.06); --growth-okd-color-global-alpha-inverse-20: rgba(0,0,0,.14); --growth-okd-color-global-alpha-inverse-30: rgba(0,0,0,.22); --growth-okd-color-global-alpha-inverse-40: rgba(0,0,0,.32); --growth-okd-color-global-alpha-inverse-50: rgba(0,0,0,.44); --growth-okd-color-global-alpha-inverse-60: rgba(0,0,0,.57); --growth-okd-color-global-alpha-inverse-70: #524c43; --growth-okd-color-global-alpha-inverse-80: #423c32; --growth-okd-color-global-alpha-inverse-90: rgba(0,0,0,.9); --growth-okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default); --growth-okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered); --growth-okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed); --growth-okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint); --growth-okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default); --growth-okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered); --growth-okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed); --growth-okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint); --growth-okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default); --growth-okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered); --growth-okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed); --growth-okd-color-surface-interactive-feature-default: #c9a876; --growth-okd-color-surface-interactive-experience-default: #c9a876; --growth-okd-color-surface-interactive-experience-hovered: #a67f4a; --growth-okd-color-surface-interactive-experience-pressed: #8f7548; --growth-okd-color-surface-interactive-feature-hovered: #a67f4a; --growth-okd-color-surface-interactive-feature-pressed: #8f7548; --growth-okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-surface-structural-feature: #c9a876; --growth-okd-color-surface-structural-experience: #c9a876; --growth-okd-color-border-interactive-feature-default: #a67f4a; --growth-okd-color-border-interactive-feature-hovered: #8f7548; --growth-okd-color-border-interactive-feature-pressed: #635132; --growth-okd-color-border-static-feature: #a67f4a; --growth-okd-color-content-static-subtler: #837f79; --growth-okd-color-content-static-feature: #a67f4a; --growth-okd-color-content-static-experience: #2a2318; --growth-okd-color-content-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-content-illustration-feature: #c9a876; --growth-okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor); --growth-okd-color-content-pnl-neutral-default: var(--global-color-neutral-default); --growth-okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor); --growth-okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-border-interactive-experience-default: #2a2318; --growth-okd-color-border-interactive-experience-hovered: #423c32; --growth-okd-color-border-interactive-experience-pressed: #524c43; --growth-okd-color-content-interactive-feature-default: #8f7548; --growth-okd-color-content-interactive-feature-hovered: #635132; --growth-okd-color-content-interactive-feature-pressed: #635132; --growth-okd-color-content-interactive-experience-default: #2a2318; --growth-okd-color-content-interactive-experience-alternative: #fff; --growth-okd-color-content-interactive-experience-accent: #d9be93; --growth-okd-color-content-interactive-experience-hovered: #423c32; --growth-okd-color-content-interactive-experience-pressed: #524c43; --growth-okd-color-content-interactive-experience-inverse: #fff; --growth-okd-color-content-interactive-feature-inverse-default: #f6eedf; --growth-okd-color-content-interactive-feature-inverse-hovered: #efe1c8; --growth-okd-color-content-interactive-feature-inverse-pressed: #e8d4b0; --growth-okd-color-surface-interactive-feature-inverse-default: rgba(0,0,0,.06); --growth-okd-color-surface-interactive-feature-inverse-hovered: rgba(0,0,0,.09); --growth-okd-color-surface-interactive-feature-inverse-pressed: rgba(0,0,0,.14); --growth-okd-color-border-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-border-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-border-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-border-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-content-static-notification: #d46e5d; --growth-okd-color-surface-interactive-unselected-default: rgba(0,0,0,.32); --growth-okd-color-surface-structural-elevated-layer-1: #fff; --growth-okd-color-surface-interactive-destructive-default: #c8452f; --growth-okd-color-surface-interactive-destructive-hovered: #c8452f; --growth-okd-color-surface-interactive-destructive-pressed: #9f3928; --growth-okd-color-surface-structural-web-only-base: #f3f1ed; --growth-okd-color-surface-structural-web-only-layer-1: #fff; --growth-okd-color-global-fixed-shadow: rgba(0,0,0,.16); --growth-okd-color-surface-interactive-destructive-subtle-default: #f6e9e8; --growth-okd-color-surface-interactive-destructive-subtle-hovered: #efc7c1; --growth-okd-color-surface-interactive-destructive-subtle-pressed: #e19b8f; --growth-okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2); --growth-okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new); --growth-okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis); --growth-okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new); --growth-okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis); --growth-okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default); --growth-okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor); --growth-okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max); --growth-okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min); --growth-okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max); --growth-okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min); --growth-okd-color-border-interactive-drop: #4c93f0; --growth-okd-color-content-interactive-drop: #277ae7; --growth-okd-color-surface-interactive-drop: #e3eff2; --growth-okd-color-xxxxxsm-2px: 2; --growth-okd-color-xxxxsm-4px: 4; --growth-okd-color-xxxsm-8px: 8; --growth-okd-color-xxsm-12px: 12; --growth-okd-color-xsm-16px: 16; --growth-okd-color-sm-24px: 24; --growth-okd-color-md-32px: 32; --growth-okd-color-lg-48px: 48; --growth-okd-color-xlg-64px: 64; --growth-okd-color-xxlg-72px: 72; --growth-okd-color-xxxlg-96px: 96; --growth-okd-color-xxxxlg-128px: 128; --growth-okd-color-xxxxxlg-256px: 256; --growth-okd-color-border-radius-none: 0; --growth-okd-color-border-radius-sm: 4; --growth-okd-color-border-radius-md: 8; --growth-okd-color-border-radius-lg: 16; --growth-okd-color-border-radius-xl: 24; --growth-okd-color-border-radius-full-999px: 999; --growth-okd-color-default: 24; --growth-okd-color-compact: 16; --growth-okd-color-none: 0; --growth-okd-color-font-family: OKX Sans TAB; --okd-font-size-base: 16px; --okd-font-size-md: 14px; --okd-font-size-xs: 12px; --okd-line-height-base: 20px; --okd-line-height-md: 20px; --okd-line-height-xs: 16px; --okd-shadow-none: 0 0 0 0 transparent; --okd-shadow-xs: 0 0 0 1px #0000000d; --okd-shadow-sm: 0 1px 2px 0 #0000000d; --okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f; --okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f; --okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d; --okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a; --okd-shadow-2xl: 0 25px 50px -12px #00000040; --okd-border-radius-none: 0; --okd-border-radius-sm: 2px; --okd-border-radius-md: 4px; --okd-border-radius-lg: 6px; --okd-border-radius-xl: 8px; --okd-border-radius-xxl: 10px; --okd-border-radius-xxxl: 12px; --okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif; --okd-text-display-lg-font-size: 56px; --okd-text-display-lg-font-weight: 500; --okd-text-display-lg-line-height: 1.32; --okd-text-display-md-font-size: 40px; --okd-text-display-md-font-weight: 500; --okd-text-display-md-line-height: 52px; --okd-text-display-sm-font-size: 40px; --okd-text-display-sm-font-weight: 500; --okd-text-display-sm-line-height: 52px; --okd-text-heading-lg-font-size: 30px; --okd-text-heading-lg-font-weight: 500; --okd-text-heading-lg-line-height: 40px; --okd-text-heading-md-font-size: 24px; --okd-text-heading-md-font-weight: 500; --okd-text-heading-md-line-height: 30px; --okd-text-heading-sm-font-size: 18px; --okd-text-heading-sm-font-weight: 500; --okd-text-heading-sm-line-height: 24px; --okd-text-heading-xl-font-size: 36px; --okd-text-heading-xl-line-height: 1.32; --okd-text-heading-xl-font-weight: 600; --okd-text-heading-xxl-font-size: 40px; --okd-text-heading-xxl-line-height: 1.32; --okd-text-heading-xxl-font-weight: 600; --okd-text-heading-overline-font-size: 12px; --okd-text-heading-overline-line-height: 15px; --okd-text-heading-overline-font-weight: 500; --okd-text-body-sm-regular-font-size: 14px; --okd-text-body-sm-regular-font-weight: 400; --okd-text-body-sm-regular-line-height: 21px; --okd-text-body-sm-bold-font-size: 14px; --okd-text-body-sm-bold-font-weight: 500; --okd-text-body-sm-bold-line-height: 21px; --okd-text-body-md-regular-font-size: 16px; --okd-text-body-md-regular-font-weight: 400; --okd-text-body-md-regular-line-height: 24px; --okd-text-body-md-bold-font-size: 16px; --okd-text-body-md-bold-font-weight: 500; --okd-text-body-md-bold-line-height: 24px; --okd-text-body-xs-regular-font-size: 12px; --okd-text-body-xs-regular-font-weight: 400; --okd-text-body-xs-regular-line-height: 18px; --okd-text-body-xs-bold-font-size: 12px; --okd-text-body-xs-bold-font-weight: 500; --okd-text-body-xs-bold-line-height: 18px; --okd-font-weight-400: 400; --okd-font-weight-500: 500; --okd-font-weight-600: 600; --okd-font-weight-700: 700; --okd-font-weight-800: 800; --okd-font-weight-900: 900; --okd-font-weight-regular: 400; --okd-font-weight-medium: 500; --okd-font-weight-bold: 700; }
.theme-okx-money-dark { --growth-okd-color-gray-050: #000; --growth-okd-color-gray-100: #2e2e2e; --growth-okd-color-gray-200: #404040; --growth-okd-color-gray-300: #6c6c6c; --growth-okd-color-gray-400: #909090; --growth-okd-color-gray-500: #b0b0b0; --growth-okd-color-gray-600: #ccc; --growth-okd-color-gray-700: #e3e3e3; --growth-okd-color-gray-800: #f0f0f0; --growth-okd-color-gray-900: #fafafa; --growth-okd-color-blue-050: #051738; --growth-okd-color-blue-100: #082356; --growth-okd-color-blue-200: #0c3178; --growth-okd-color-blue-300: #0f3c94; --growth-okd-color-blue-400: #1148b0; --growth-okd-color-blue-500: #1453cc; --growth-okd-color-blue-600: #175fe8; --growth-okd-color-blue-700: #1e6bff; --growth-okd-color-blue-800: #3077ff; --growth-okd-color-blue-900: #4283ff; --growth-okd-color-green-050: #002b1f; --growth-okd-color-green-100: #062b12; --growth-okd-color-green-200: #0c5625; --growth-okd-color-green-300: #138037; --growth-okd-color-green-400: #19ab4a; --growth-okd-color-green-500: #25a750; --growth-okd-color-green-600: #4cde7d; --growth-okd-color-green-700: #79e69d; --growth-okd-color-green-800: #a5efbe; --growth-okd-color-green-900: #d2f7de; --growth-okd-color-red-050: #270b12; --growth-okd-color-red-100: #300e17; --growth-okd-color-red-200: #601d2e; --growth-okd-color-red-300: #902b44; --growth-okd-color-red-400: #c03a5b; --growth-okd-color-red-500: #f04872; --growth-okd-color-red-600: #f76489; --growth-okd-color-red-700: #f994ae; --growth-okd-color-red-800: #f9b6c7; --growth-okd-color-red-900: #fff8f9; --growth-okd-color-orange-050: #361604; --growth-okd-color-orange-100: #532206; --growth-okd-color-orange-200: #743008; --growth-okd-color-orange-300: #8f3b0a; --growth-okd-color-orange-400: #aa460c; --growth-okd-color-orange-500: #c5510e; --growth-okd-color-orange-600: #e15c0f; --growth-okd-color-orange-700: #f76816; --growth-okd-color-orange-800: #f87428; --growth-okd-color-orange-900: #fa8c4d; --growth-okd-color-yellow-050: #2d2104; --growth-okd-color-yellow-100: #493603; --growth-okd-color-yellow-200: #674b04; --growth-okd-color-yellow-300: #7f5d05; --growth-okd-color-yellow-400: #966e06; --growth-okd-color-yellow-500: #ae8007; --growth-okd-color-yellow-600: #c69208; --growth-okd-color-yellow-700: #dba20e; --growth-okd-color-yellow-800: #dea921; --growth-okd-color-yellow-900: #e0b134; --growth-okd-color-text-white: #fff; --growth-okd-color-text-black: #1f2933; --growth-okd-color-background-1: #121212; --growth-okd-color-background-2: #1a1a1a; --growth-okd-color-transparent: transparent; --growth-okd-color-white: #fff; --growth-okd-color-black: #000; --growth-okd-color-line-muted: #2e2e2e; --growth-okd-color-line-amplifed: #6c6c6c; --growth-okd-color-line-secondary: #404040; --growth-okd-color-text-lighter: #6c6c6c; --growth-okd-color-text-light: #909090; --growth-okd-color-text-secondary: #e3e3e3; --growth-okd-color-text-amplifed: #fafafa; --growth-okd-color-background-3: #242424; --growth-okd-color-fq-blue-lv1: #3077ff; --growth-okd-color-fq-blue-lv2: #1e6bff; --growth-okd-color-fq-green-lv1: #1fd65c; --growth-okd-color-fq-red-lv1: #f04872; --growth-okd-color-fq-orange-lv1: #f76816; --growth-okd-color-prefer-red-chart: #f04872; --growth-okd-color-prefer-red-bg: #ca3f64; --growth-okd-color-prefer-green-chart: #1fd65c; --growth-okd-color-prefer-green-bg: #25a750; --growth-okd-color-prefer-red-text: #ca3f64; --growth-okd-color-prefer-green-text: #25a750; --growth-okd-color-branded-primary: #bcff2f; --growth-okd-color-fq-critical: #f04872; --growth-okd-color-fq-positive: #25a750; --growth-okd-color-fq-warning: #f76816; --growth-okd-color-fq-accent: #1e6bff; --growth-okd-color-fq-neutral: #fafafa; --growth-okd-color-prefer-neutral-bg: #909090; --growth-okd-color-prefer-neutral-text: #909090; --growth-okd-color-white-opacity-5: #fff; --growth-okd-color-white-opacity-10: hsla(0,0%,100%,.94); --growth-okd-color-white-opacity-20: hsla(0,0%,100%,.88); --growth-okd-color-white-opacity-30: hsla(0,0%,100%,.78); --growth-okd-color-white-opacity-40: hsla(0,0%,100%,.76); --growth-okd-color-white-opacity-50: hsla(0,0%,100%,.54); --growth-okd-color-white-opacity-60: hsla(0,0%,100%,.36); --growth-okd-color-white-opacity-70: hsla(0,0%,100%,.19); --growth-okd-color-white-opacity-80: hsla(0,0%,100%,.12); --growth-okd-color-white-opacity-90: hsla(0,0%,100%,.06); --growth-okd-color-black-opacity-5: #000; --growth-okd-color-black-opacity-10: rgba(0,0,0,.9); --growth-okd-color-black-opacity-20: rgba(0,0,0,.76); --growth-okd-color-black-opacity-30: rgba(0,0,0,.68); --growth-okd-color-black-opacity-40: rgba(0,0,0,.57); --growth-okd-color-black-opacity-50: rgba(0,0,0,.43); --growth-okd-color-black-opacity-60: rgba(0,0,0,.26); --growth-okd-color-black-opacity-70: rgba(0,0,0,.14); --growth-okd-color-black-opacity-80: rgba(0,9,3,.08); --growth-okd-color-black-opacity-90: rgba(0,0,0,.04); --growth-okd-color-neutral-5: #fff; --growth-okd-color-neutral-140: #4d4d4d; --growth-okd-color-neutral-150: #414141; --growth-okd-color-neutral-160: #383838; --growth-okd-color-neutral-170: #272727; --growth-okd-color-neutral-180: #1d1d1d; --growth-okd-color-neutral-190: #0e0e0e; --growth-okd-color-neutral-200: #000; --growth-okd-color-tangerine-5: #ffedcb; --growth-okd-color-tangerine-10: #ffd37d; --growth-okd-color-tangerine-30: #ffb117; --growth-okd-color-tangerine-40: #db8f00; --growth-okd-color-tangerine-50: #a06900; --growth-okd-color-tangerine-60: #664300; --growth-okd-color-lemon-5: #ffdc4; --growth-okd-color-lemon-10: #fffa7a; --growth-okd-color-lemon-20: #fff500; --growth-okd-color-lemon-30: #e5dd00; --growth-okd-color-lemon-40: #b2ab00; --growth-okd-color-lemon-50: #797400; --growth-okd-color-lemon-60: #5c5800; --growth-okd-color-tangerine-20: #ffc452; --growth-okd-color-neonlime-5: #e6ffb0; --growth-okd-color-neonlime-10: #d5ff7d; --growth-okd-color-neonlime-20: #bcff2f; --growth-okd-color-neonlime-30: #9fe212; --growth-okd-color-neonlime-40: #8ec51d; --growth-okd-color-neonlime-50: #568000; --growth-okd-color-neonlime-60: #3d5c00; --growth-okd-color-neonmint-5: #cbffe0; --growth-okd-color-neonmint-10: #7dffb1; --growth-okd-color-neonmint-20: #24ff7b; --growth-okd-color-neonmint-30: #12e366; --growth-okd-color-neonmint-40: #00bc4b; --growth-okd-color-neonmint-50: #008535; --growth-okd-color-neonmint-60: #005c25; --growth-okd-color-bluebell-5: #e6eaff; --growth-okd-color-bluebell-10: #b8bfff; --growth-okd-color-bluebell-20: #8a91ff; --growth-okd-color-bluebell-30: #5f62ff; --growth-okd-color-bluebell-40: #5043ff; --growth-okd-color-bluebell-50: #4c2fff; --growth-okd-color-bluebell-60: #1d00d4; --growth-okd-color-lavender-5: #f2e8ff; --growth-okd-color-lavender-10: #dbbfff; --growth-okd-color-lavender-20: #c496ff; --growth-okd-color-lavender-30: #ac6cff; --growth-okd-color-lavender-40: #9543ff; --growth-okd-color-lavender-50: #7e1aff; --growth-okd-color-lavender-60: #5600c5; --growth-okd-color-orchid-5: #fee7ea; --growth-okd-color-orchid-10: #ffc1c9; --growth-okd-color-orchid-20: #ffa8b3; --growth-okd-color-orchid-30: #ff7888; --growth-okd-color-orchid-40: #f5384f; --growth-okd-color-orchid-50: #cd2438; --growth-okd-color-orchid-60: #9a1b2a; --growth-okd-color-semantic-positive-1: #25a750; --growth-okd-color-semantic-negative-1: #ca3f64; --growth-okd-color-background-lv1: #121212; --growth-okd-color-background-lv2: #1a1a1a; --growth-okd-color-transparent-base-black: transparent; --growth-okd-color-transparent-base-white: transparent; --growth-okd-color-alert-base-info: #2e2e2e; --growth-okd-color-alert-base-success: #002b1f; --growth-okd-color-alert-base-warning: #361604; --growth-okd-color-alert-base-error: #270b12; --growth-okd-color-basil-5: #e9f4d1; --growth-okd-color-basil-10: #d2e8a4; --growth-okd-color-basil-20: #81be00; --growth-okd-color-basil-30: #49a92d; --growth-okd-color-basil-40: #2b6d17; --growth-okd-color-basil-50: #1a410e; --growth-okd-color-basil-60: #1a2600; --growth-okd-color-rose-5: #ffdfe9; --growth-okd-color-rose-10: #ffc0d3; --growth-okd-color-rose-20: #ff5eb6; --growth-okd-color-rose-30: #fc46ab; --growth-okd-color-rose-40: #a54162; --growth-okd-color-rose-50: #532131; --growth-okd-color-rose-60: #2a111f; --growth-okd-color-neutral-15: #f6f6f6; --growth-okd-color-neutral-185: #121212; --growth-okd-color-background-base-primary: #000; --growth-okd-color-background-base-secondary: #121212; --growth-okd-color-background-surface-primary: #1d1d1d; --growth-okd-color-background-surface-secondary: #121212; --growth-okd-color-background-surface-pressed: #383838; --growth-okd-color-background-surface-disable: #0e0e0e; --growth-okd-color-background-scrim: rgba(0,0,0,.68); --growth-okd-color-container-primary: #272727; --growth-okd-color-container-secondary: #272727; --growth-okd-color-container-tertiary: #383838; --growth-okd-color-container-contrast: #414141; --growth-okd-color-container-inverse: #fafafa; --growth-okd-color-content-primary: #fff; --growth-okd-color-content-secondary: #e6e6e6; --growth-okd-color-content-tertiary: #b3b3b3; --growth-okd-color-content-contrast: #909090; --growth-okd-color-content-disabled: #5b5b5b; --growth-okd-color-content-inverse: #000; --growth-okd-color-border-primary: #383838; --growth-okd-color-border-secondary: #4d4d4d; --growth-okd-color-border-contrast: #000; --growth-okd-color-border-selected: #fff; --growth-okd-color-semantic-neutral: #fff; --growth-okd-color-semantic-notice: #ffb117; --growth-okd-color-semantic-positive: #25a750; --growth-okd-color-semantic-negative: #ca3f64; --growth-okd-color-semantic-informative: #8a91ff; --growth-okd-color-semantic-highlight: #bcff2f; --growth-okd-color-dvp-neutral: hsla(0,0%,100%,.76); --growth-okd-color-dvp-profit: #25a750; --growth-okd-color-dvp-loss: #ca3f64; --growth-okd-color-categorical-01: #5f62ff; --growth-okd-color-categorical-02: #ffb117; --growth-okd-color-categorical-03: #bcff2f; --growth-okd-color-categorical-04: #00bc4b; --growth-okd-color-categorical-05: #f5384f; --growth-okd-color-transparent-white: transparent; --growth-okd-color-transparent-black: hsla(0,0%,100%,.02); --growth-okd-color-common-transparent: hsla(0,0%,100%,0); --growth-okd-color-container-lv2: #1a1a1a; --growth-okd-color-alert-info: #2e2e2e; --growth-okd-color-alert-success: #002b1f; --growth-okd-color-alert-warning: #361604; --growth-okd-color-alert-error: #270b12; --growth-okd-color-common-background-2: #383838; --growth-okd-color-data-visualization-category-01: #5f62ff; --growth-okd-color-data-visualization-category-02: #ffb117; --growth-okd-color-data-visualization-category-03: #bcff2f; --growth-okd-color-data-visualization-category-04: #00bc4b; --growth-okd-color-data-visualization-category-05: #f5384f; --growth-okd-color-preference-loss: #ca3f64; --growth-okd-color-preference-profit: #25a750; --growth-okd-color-preference-neutral: hsla(0,0%,100%,.76); --growth-okd-color-border-focus: #fff; --growth-okd-color-background-base-primary_alternative: #000; --growth-okd-color-link-content: #8a91ff; --growth-okd-color-link-accent-content-primary: #bcff2f; --growth-okd-color-link-accent-content-disabled: #3d5c00; --growth-okd-color-link-accent-surface-pressed: #1a410e; --growth-okd-color-background-surface-contrast: #272727; --growth-okd-color-background-surface-brand: #bcff2f; --growth-okd-color-border-tertiary: #0e0e0e; --growth-okd-color-content-brand: #bcff2f; --growth-okd-color-modal-primary: #0e0e0e; --growth-okd-color-modal-secondary: #272727; --growth-okd-color-modal-tertiary: #383838; --growth-okd-color-modal-contrast: #4d4d4d; --growth-okd-color-card-primary: #0e0e0e; --growth-okd-color-card-secondary: #121212; --growth-okd-color-btnsecfade-default: #1d1d1d; --growth-okd-color-btnsecfade-disable: #1d1d1d; --growth-okd-color-btnsecfade-hover: #272727; --growth-okd-color-brand-primary: #121212; --growth-okd-color-brand-primary-alternative: #bcff2f; --growth-okd-color-brand-secondary: #272727; --growth-okd-color-brand-tertiary: #383838; --growth-okd-color-brand-content: #e6ffb0; --growth-okd-color-brand-content-contrast: #000; --growth-okd-color-global-fixed-always-dark: #000; --growth-okd-color-global-fixed-always-light: #fff; --growth-okd-color-surface-structural-subbase: #1e1c17; --growth-okd-color-surface-info-default: #aba8a4; --growth-okd-color-surface-info-subtle: #423c32; --growth-okd-color-surface-warning-default: #db8a00; --growth-okd-color-surface-warning-subtle: #5e3700; --growth-okd-color-surface-success-default: #5c9a7c; --growth-okd-color-surface-success-subtle: #1b3a2b; --growth-okd-color-surface-danger-default: #c8452f; --growth-okd-color-surface-danger-subtle: #58241b; --growth-okd-color-surface-interactive-default: hsla(0,0%,100%,.1); --growth-okd-color-surface-interactive-hovered: hsla(0,0%,100%,.16); --growth-okd-color-surface-interactive-pressed: hsla(0,0%,100%,.22); --growth-okd-color-surface-interactive-disabled: hsla(0,0%,100%,.08); --growth-okd-color-surface-interactive-oncolor-default: hsla(0,0%,100%,.22); --growth-okd-color-surface-interactive-oncolor-hovered: hsla(0,0%,100%,.16); --growth-okd-color-surface-interactive-oncolor-pressed: hsla(0,0%,100%,.13); --growth-okd-color-surface-interactive-emphasis-default: #d9be93; --growth-okd-color-surface-interactive-emphasis-hovered: #c9a876; --growth-okd-color-surface-interactive-emphasis-pressed: #a67f4a; --growth-okd-color-surface-interactive-emphasis-disabled: hsla(0,0%,100%,.08); --growth-okd-color-surface-interactive-selected-default: #d9be93; --growth-okd-color-surface-interactive-selected-subtle: hsla(0,0%,100%,.13); --growth-okd-color-surface-interactive-selected-oncolor: hsla(0,0%,100%,.13); --growth-okd-color-surface-structural-base: #1e1c17; --growth-okd-color-surface-structural-layer-1: #2e2c26; --growth-okd-color-surface-structural-layer-2: #2e2c26; --growth-okd-color-surface-structural-layer-3: #413f38; --growth-okd-color-surface-structural-highlight: #d9be93; --growth-okd-color-surface-structural-inverse: #f0f0ef; --growth-okd-color-surface-structural-elevated-default: #1e1c17; --growth-okd-color-surface-structural-elevated-contrast: #1e1c17; --growth-okd-color-surface-structural-overlay: rgba(0,0,0,.6); --growth-okd-color-border-static-default: hsla(0,0%,100%,.22); --growth-okd-color-border-static-subtle: hsla(0,0%,100%,.13); --growth-okd-color-border-static-dotted: hsla(0,0%,100%,.4); --growth-okd-color-border-interactive-default: hsla(0,0%,100%,.4); --growth-okd-color-border-interactive-hovered: #dededc; --growth-okd-color-border-interactive-pressed: #f0f0ef; --growth-okd-color-border-interactive-focused: #f0f0ef; --growth-okd-color-border-interactive-selected: #f0f0ef; --growth-okd-color-border-interactive-error: #e19b8f; --growth-okd-color-border-interactive-emphasis: #d2d1cf; --growth-okd-color-border-interactive-oncolor: #2e2c26; --growth-okd-color-border-static-emphasis: #d2d1cf; --growth-okd-color-border-static-experience: #f0f0ef; --growth-okd-color-border-static-highlight: #e8d4b0; --growth-okd-color-border-static-overlay: hsla(0,0%,100%,.1); --growth-okd-color-border-interactive-disabled: hsla(0,0%,100%,.22); --growth-okd-color-border-info-default: #81b9c6; --growth-okd-color-border-info-subtle: #136578; --growth-okd-color-border-warning-default: #ffc880; --growth-okd-color-border-warning-subtle: #5e3700; --growth-okd-color-border-success-default: #8eb9a4; --growth-okd-color-border-success-subtle: #1b3a2b; --growth-okd-color-border-danger-default: #e19b8f; --growth-okd-color-border-danger-subtle: #58241b; --growth-okd-color-content-static-default: #f0f0ef; --growth-okd-color-content-interactive-default: #d2d1cf; --growth-okd-color-content-interactive-subtle: #97948e; --growth-okd-color-content-interactive-hovered: #e8e8e6; --growth-okd-color-content-static-subtle: #aba8a4; --growth-okd-color-content-interactive-pressed: #f0f0ef; --growth-okd-color-content-static-inverse: #2a2318; --growth-okd-color-content-static-highlight: #efe1c8; --growth-okd-color-content-static-placeholder: hsla(0,0%,100%,.4); --growth-okd-color-content-interactive-active: #f0f0ef; --growth-okd-color-content-interactive-selected: #f0f0ef; --growth-okd-color-content-interactive-error: #e19b8f; --growth-okd-color-content-interactive-disabled: hsla(0,0%,100%,.3); --growth-okd-color-content-info-default: #e8e8e6; --growth-okd-color-content-info-subtle: #97948e; --growth-okd-color-content-warning-default: #ffc880; --growth-okd-color-content-warning-subtle: #5e3700; --growth-okd-color-content-success-default: #8eb9a4; --growth-okd-color-content-success-subtle: #1b3a2b; --growth-okd-color-content-danger-default: #e19b8f; --growth-okd-color-content-danger-subtle: #58241b; --growth-okd-color-content-illustration-default: #f0f0ef; --growth-okd-color-content-dataviz-categorical-1: #d9be93; --growth-okd-color-content-dataviz-categorical-2: #277ae7; --growth-okd-color-content-dataviz-categorical-3: #ffb729; --growth-okd-color-content-dataviz-categorical-4: #edc746; --growth-okd-color-content-dataviz-categorical-5: #a352ef; --growth-okd-color-content-dataviz-categorical-6: #aba8a4; --growth-okd-color-content-dataviz-categorical-7: #837f79; --growth-okd-color-content-dataviz-categorical-8: #615c54; --growth-okd-color-content-illustration-inverse: #2e2c26; --growth-okd-color-content-illustration-experience: #f0f0ef; --growth-okd-color-content-illustration-highlight: #d9be93; --growth-okd-color-global-alpha-matching-5: rgba(0,0,0,.05); --growth-okd-color-global-alpha-matching-10: rgba(0,0,0,.1); --growth-okd-color-global-alpha-matching-20: rgba(0,0,0,.2); --growth-okd-color-global-alpha-matching-30: rgba(0,0,0,.3); --growth-okd-color-global-alpha-matching-40: rgba(0,0,0,.4); --growth-okd-color-global-alpha-matching-50: rgba(0,0,0,.5); --growth-okd-color-global-alpha-matching-60: rgba(0,0,0,.6); --growth-okd-color-global-alpha-matching-70: rgba(0,0,0,.7); --growth-okd-color-global-alpha-matching-80: rgba(0,0,0,.8); --growth-okd-color-global-alpha-matching-90: rgba(0,0,0,.9); --growth-okd-color-global-alpha-inverse-5: hsla(0,0%,100%,.08); --growth-okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha); --growth-okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha); --growth-okd-color-global-alpha-feature-1: rgba(188,255,47,.16); --growth-okd-color-global-alpha-inverse-10: hsla(0,0%,100%,.13); --growth-okd-color-global-alpha-inverse-20: hsla(0,0%,100%,.22); --growth-okd-color-global-alpha-inverse-30: hsla(0,0%,100%,.3); --growth-okd-color-global-alpha-inverse-40: hsla(0,0%,100%,.4); --growth-okd-color-global-alpha-inverse-50: hsla(0,0%,100%,.5); --growth-okd-color-global-alpha-inverse-60: hsla(0,0%,100%,.6); --growth-okd-color-global-alpha-inverse-70: #d2d1cf; --growth-okd-color-global-alpha-inverse-80: #dededc; --growth-okd-color-global-alpha-inverse-90: hsla(0,0%,100%,.9); --growth-okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default); --growth-okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered); --growth-okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed); --growth-okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint); --growth-okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default); --growth-okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered); --growth-okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed); --growth-okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint); --growth-okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default); --growth-okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered); --growth-okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed); --growth-okd-color-surface-interactive-feature-default: #d9be93; --growth-okd-color-surface-interactive-experience-default: #d9be93; --growth-okd-color-surface-interactive-experience-hovered: #e8d4b0; --growth-okd-color-surface-interactive-experience-pressed: #efe1c8; --growth-okd-color-surface-interactive-feature-hovered: #e8d4b0; --growth-okd-color-surface-interactive-feature-pressed: #efe1c8; --growth-okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-surface-structural-feature: #d9be93; --growth-okd-color-surface-structural-experience: #d9be93; --growth-okd-color-border-interactive-feature-default: #e8d4b0; --growth-okd-color-border-interactive-feature-hovered: #efe1c8; --growth-okd-color-border-interactive-feature-pressed: #f6eedf; --growth-okd-color-border-static-feature: #e8d4b0; --growth-okd-color-content-static-subtler: #837f79; --growth-okd-color-content-static-feature: #e8d4b0; --growth-okd-color-content-static-experience: #f0f0ef; --growth-okd-color-content-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-content-illustration-feature: #d9be93; --growth-okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor); --growth-okd-color-content-pnl-neutral-default: var(--global-color-neutral-default); --growth-okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor); --growth-okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-border-interactive-experience-default: #f0f0ef; --growth-okd-color-border-interactive-experience-hovered: #dededc; --growth-okd-color-border-interactive-experience-pressed: #d2d1cf; --growth-okd-color-content-interactive-feature-default: #efe1c8; --growth-okd-color-content-interactive-feature-hovered: #f6eedf; --growth-okd-color-content-interactive-feature-pressed: #f6eedf; --growth-okd-color-content-interactive-experience-default: #f0f0ef; --growth-okd-color-content-interactive-experience-alternative: #2e2c26; --growth-okd-color-content-interactive-experience-accent: #c9a876; --growth-okd-color-content-interactive-experience-hovered: #dededc; --growth-okd-color-content-interactive-experience-pressed: #d2d1cf; --growth-okd-color-content-interactive-experience-inverse: #2e2c26; --growth-okd-color-content-interactive-feature-inverse-default: #635132; --growth-okd-color-content-interactive-feature-inverse-hovered: #8f7548; --growth-okd-color-content-interactive-feature-inverse-pressed: #a67f4a; --growth-okd-color-surface-interactive-feature-inverse-default: hsla(0,0%,100%,.13); --growth-okd-color-surface-interactive-feature-inverse-hovered: hsla(0,0%,100%,.16); --growth-okd-color-surface-interactive-feature-inverse-pressed: hsla(0,0%,100%,.22); --growth-okd-color-border-pnl-loss-default: var(--global-color-loss-default); --growth-okd-color-border-pnl-loss-graph: var(--global-color-loss-graph); --growth-okd-color-border-pnl-profit-default: var(--global-color-profit-default); --growth-okd-color-border-pnl-profit-graph: var(--global-color-profit-graph); --growth-okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph); --growth-okd-color-content-static-notification: #c8452f; --growth-okd-color-surface-interactive-unselected-default: hsla(0,0%,100%,.4); --growth-okd-color-surface-structural-elevated-layer-1: #2e2c26; --growth-okd-color-surface-interactive-destructive-default: #c8452f; --growth-okd-color-surface-interactive-destructive-hovered: #c8452f; --growth-okd-color-surface-interactive-destructive-pressed: #9f3928; --growth-okd-color-surface-structural-web-only-base: #1e1c17; --growth-okd-color-surface-structural-web-only-layer-1: #2e2c26; --growth-okd-color-global-fixed-shadow: rgba(0,0,0,.16); --growth-okd-color-surface-interactive-destructive-subtle-default: #58241b; --growth-okd-color-surface-interactive-destructive-subtle-hovered: #7a2e21; --growth-okd-color-surface-interactive-destructive-subtle-pressed: #9f3928; --growth-okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2); --growth-okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new); --growth-okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis); --growth-okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new); --growth-okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis); --growth-okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default); --growth-okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor); --growth-okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default); --growth-okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor); --growth-okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max); --growth-okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min); --growth-okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max); --growth-okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min); --growth-okd-color-border-interactive-drop: #114097; --growth-okd-color-content-interactive-drop: #0b5bcb; --growth-okd-color-surface-interactive-drop: #113a44; --growth-okd-color-xxxxxsm-2px: 2; --growth-okd-color-xxxxsm-4px: 4; --growth-okd-color-xxxsm-8px: 8; --growth-okd-color-xxsm-12px: 12; --growth-okd-color-xsm-16px: 16; --growth-okd-color-sm-24px: 24; --growth-okd-color-md-32px: 32; --growth-okd-color-lg-48px: 48; --growth-okd-color-xlg-64px: 64; --growth-okd-color-xxlg-72px: 72; --growth-okd-color-xxxlg-96px: 96; --growth-okd-color-xxxxlg-128px: 128; --growth-okd-color-xxxxxlg-256px: 256; --growth-okd-color-border-radius-none: 0; --growth-okd-color-border-radius-sm: 4; --growth-okd-color-border-radius-md: 8; --growth-okd-color-border-radius-lg: 16; --growth-okd-color-border-radius-xl: 24; --growth-okd-color-border-radius-full-999px: 999; --growth-okd-color-default: 24; --growth-okd-color-compact: 16; --growth-okd-color-none: 0; --growth-okd-color-font-family: OKX Sans TAB; --okd-font-size-base: 16px; --okd-font-size-md: 14px; --okd-font-size-xs: 12px; --okd-line-height-base: 20px; --okd-line-height-md: 20px; --okd-line-height-xs: 16px; --okd-shadow-none: 0 0 0 0 transparent; --okd-shadow-xs: 0 0 0 1px #0000000d; --okd-shadow-sm: 0 1px 2px 0 #0000000d; --okd-shadow-default: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f; --okd-shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f; --okd-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d; --okd-shadow-xl: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a; --okd-shadow-2xl: 0 25px 50px -12px #00000040; --okd-border-radius-none: 0; --okd-border-radius-sm: 2px; --okd-border-radius-md: 4px; --okd-border-radius-lg: 6px; --okd-border-radius-xl: 8px; --okd-border-radius-xxl: 10px; --okd-border-radius-xxxl: 12px; --okd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif; --okd-text-display-lg-font-size: 56px; --okd-text-display-lg-font-weight: 500; --okd-text-display-lg-line-height: 1.32; --okd-text-display-md-font-size: 40px; --okd-text-display-md-font-weight: 500; --okd-text-display-md-line-height: 52px; --okd-text-display-sm-font-size: 40px; --okd-text-display-sm-font-weight: 500; --okd-text-display-sm-line-height: 52px; --okd-text-heading-lg-font-size: 30px; --okd-text-heading-lg-font-weight: 500; --okd-text-heading-lg-line-height: 40px; --okd-text-heading-md-font-size: 24px; --okd-text-heading-md-font-weight: 500; --okd-text-heading-md-line-height: 30px; --okd-text-heading-sm-font-size: 18px; --okd-text-heading-sm-font-weight: 500; --okd-text-heading-sm-line-height: 24px; --okd-text-heading-xl-font-size: 36px; --okd-text-heading-xl-line-height: 1.32; --okd-text-heading-xl-font-weight: 600; --okd-text-heading-xxl-font-size: 40px; --okd-text-heading-xxl-line-height: 1.32; --okd-text-heading-xxl-font-weight: 600; --okd-text-heading-overline-font-size: 12px; --okd-text-heading-overline-line-height: 15px; --okd-text-heading-overline-font-weight: 500; --okd-text-body-sm-regular-font-size: 14px; --okd-text-body-sm-regular-font-weight: 400; --okd-text-body-sm-regular-line-height: 21px; --okd-text-body-sm-bold-font-size: 14px; --okd-text-body-sm-bold-font-weight: 500; --okd-text-body-sm-bold-line-height: 21px; --okd-text-body-md-regular-font-size: 16px; --okd-text-body-md-regular-font-weight: 400; --okd-text-body-md-regular-line-height: 24px; --okd-text-body-md-bold-font-size: 16px; --okd-text-body-md-bold-font-weight: 500; --okd-text-body-md-bold-line-height: 24px; --okd-text-body-xs-regular-font-size: 12px; --okd-text-body-xs-regular-font-weight: 400; --okd-text-body-xs-regular-line-height: 18px; --okd-text-body-xs-bold-font-size: 12px; --okd-text-body-xs-bold-font-weight: 500; --okd-text-body-xs-bold-line-height: 18px; --okd-font-weight-400: 400; --okd-font-weight-500: 500; --okd-font-weight-600: 600; --okd-font-weight-700: 700; --okd-font-weight-800: 800; --okd-font-weight-900: 900; --okd-font-weight-regular: 400; --okd-font-weight-medium: 500; --okd-font-weight-bold: 700; }
.okds-link { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-link::before { content: ""; font-family: ok-b983c4766d; }
.okds-mail { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-mail::before { content: ""; font-family: ok-b983c4766d; }
.okds-computer-outline { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-computer-outline::before { content: ""; font-family: ok-b983c4766d; }
.okds-fire-flame_filled { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-fire-flame_filled::before { content: ""; font-family: ok-b983c4766d; }
.okds-trash { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-trash::before { content: ""; font-family: ok-b983c4766d; }
.okds-locked { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-locked::before { content: ""; font-family: ok-b983c4766d; }
.okds-unlocked { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-unlocked::before { content: ""; font-family: ok-b983c4766d; }
.okds-verified-filled { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-verified-filled::before { content: ""; font-family: ok-b983c4766d; }
.okds-trending-up { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-trending-up::before { content: ""; font-family: ok-b983c4766d; }
.okds-toggle-units { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-toggle-units::before { content: ""; font-family: ok-b983c4766d; }
.okds-chevron-right-text-button { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-chevron-right-text-button::before { content: ""; font-family: ok-b983c4766d; }
.okds-calendar { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-calendar::before { content: ""; font-family: ok-b983c4766d; }
.okds-p2p { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-p2p::before { content: ""; font-family: ok-b983c4766d; }
.okds-express-buy { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-express-buy::before { content: ""; font-family: ok-b983c4766d; }
.okds-cash-fiat { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-cash-fiat::before { content: ""; font-family: ok-b983c4766d; }
.okds-chevron-down { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-chevron-down::before { content: ""; font-family: ok-b983c4766d; }
.okds-chevron-up { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-chevron-up::before { content: ""; font-family: ok-b983c4766d; }
.okds-xbtc { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-xbtc::before { content: ""; font-family: ok-b983c4766d; }
.okds-selected { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-selected::before { content: ""; font-family: ok-b983c4766d; }
.okds-unselected { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-unselected::before { content: ""; font-family: ok-b983c4766d; }
.okds-checkmark { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-checkmark::before { content: ""; font-family: ok-b983c4766d; }
.okds-refresh { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-refresh::before { content: ""; font-family: ok-b983c4766d; }
.okds-draw { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-draw::before { content: ""; font-family: ok-b983c4766d; }
.okds-sun { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-sun::before { content: ""; font-family: ok-b983c4766d; }
.okds-moon { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-moon::before { content: ""; font-family: ok-b983c4766d; }
.okds-clear { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-clear::before { content: ""; font-family: ok-b983c4766d; }
.okds-thumb_up { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-thumb_up::before { content: ""; font-family: ok-b983c4766d; }
.okds-thumb_down { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-thumb_down::before { content: ""; font-family: ok-b983c4766d; }
.okds-zoom-out { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-zoom-out::before { content: ""; font-family: ok-b983c4766d; }
.okds-zoom-in { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-zoom-in::before { content: ""; font-family: ok-b983c4766d; }
.okds-information-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-information-circle::before { content: ""; font-family: ok-b983c4766d; }
.okds-warning-circle-fill { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-warning-circle-fill::before { content: ""; font-family: ok-b983c4766d; }
.okds-success-circle-fill { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-success-circle-fill::before { content: ""; font-family: ok-b983c4766d; }
.okds-information-circle-fill { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-information-circle-fill::before { content: ""; font-family: ok-b983c4766d; }
.okds-fail-circle-fill { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-fail-circle-fill::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-right-centered-xs { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-right-centered-xs::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-right-centered-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-right-centered-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-right-centered-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-right-centered-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-right-xs { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-right-xs::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-right-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-right-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-right-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-right-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-user { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-user::before { content: ""; font-family: ok-b983c4766d; }
.okds-plus-circle-filled { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-plus-circle-filled::before { content: ""; font-family: ok-b983c4766d; }
.okds-intermediate { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-intermediate::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-left-centered-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-left-centered-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-eye-hide { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-eye-hide::before { content: ""; font-family: ok-b983c4766d; }
.okds-eye-show { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-eye-show::before { content: ""; font-family: ok-b983c4766d; }
.okds-copy { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-copy::before { content: ""; font-family: ok-b983c4766d; }
.okds-history { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-history::before { content: ""; font-family: ok-b983c4766d; }
.okds-back-to-top { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-back-to-top::before { content: ""; font-family: ok-b983c4766d; }
.okds-clock { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-clock::before { content: ""; font-family: ok-b983c4766d; }
.okds-hamburger-setting { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-hamburger-setting::before { content: ""; font-family: ok-b983c4766d; }
.okds-fees { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-fees::before { content: ""; font-family: ok-b983c4766d; }
.okds-open-link { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-open-link::before { content: ""; font-family: ok-b983c4766d; }
.okds-setting { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-setting::before { content: ""; font-family: ok-b983c4766d; }
.okds-crown { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-crown::before { content: ""; font-family: ok-b983c4766d; }
.okds-share { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-share::before { content: ""; font-family: ok-b983c4766d; }
.okds-support { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-support::before { content: ""; font-family: ok-b983c4766d; }
.okds-analysis { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-analysis::before { content: ""; font-family: ok-b983c4766d; }
.okds-academy { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-academy::before { content: ""; font-family: ok-b983c4766d; }
.okds-action-reverse { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-action-reverse::before { content: ""; font-family: ok-b983c4766d; }
.okds-aed { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-aed::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-cheveron-alignleft-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-cheveron-alignleft-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-cheveron-first-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-cheveron-first-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-cheveron-last-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-cheveron-last-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-down-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-down-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-down-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-down-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-down-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-down-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-down-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-down-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-left-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-left-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-left-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-left-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-up-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-up-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-pointer-up-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-pointer-up-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-up-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-up-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-left-centered-md { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-left-centered-md::before { content: ""; font-family: ok-b983c4766d; }
.okds-arrow-chevron-up-sm { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-arrow-chevron-up-sm::before { content: ""; font-family: ok-b983c4766d; }
.okds-bell { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-bell::before { content: ""; font-family: ok-b983c4766d; }
.okds-authenticator { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-authenticator::before { content: ""; font-family: ok-b983c4766d; }
.okds-borrow { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-borrow::before { content: ""; font-family: ok-b983c4766d; }
.okds-brl { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-brl::before { content: ""; font-family: ok-b983c4766d; }
.okds-brush { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-brush::before { content: ""; font-family: ok-b983c4766d; }
.okds-cancel-order { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-cancel-order::before { content: ""; font-family: ok-b983c4766d; }
.okds-candlestick { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-candlestick::before { content: ""; font-family: ok-b983c4766d; }
.okds-carets-filled-down { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-carets-filled-down::before { content: ""; font-family: ok-b983c4766d; }
.okds-chat-bubble { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-chat-bubble::before { content: ""; font-family: ok-b983c4766d; }
.okds-carets-filled-up { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-carets-filled-up::before { content: ""; font-family: ok-b983c4766d; }
.okds-clear-fill { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-clear-fill::before { content: ""; font-family: ok-b983c4766d; }
.okds-assets { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-assets::before { content: ""; font-family: ok-b983c4766d; }
.okds-bank { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-bank::before { content: ""; font-family: ok-b983c4766d; }
.okds-clock-filled { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-clock-filled::before { content: ""; font-family: ok-b983c4766d; }
.okds-clock-outline { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-clock-outline::before { content: ""; font-family: ok-b983c4766d; }
.okds-close { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-close::before { content: ""; font-family: ok-b983c4766d; }
.okds-communication-call { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-communication-call::before { content: ""; font-family: ok-b983c4766d; }
.okds-communication-idcard { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-communication-idcard::before { content: ""; font-family: ok-b983c4766d; }
.okds-communication-img-failed { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-communication-img-failed::before { content: ""; font-family: ok-b983c4766d; }
.okds-communications-faceid { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-communications-faceid::before { content: ""; font-family: ok-b983c4766d; }
.okds-eye-show-filled { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-eye-show-filled::before { content: ""; font-family: ok-b983c4766d; }
.okds-communication-img { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-communication-img::before { content: ""; font-family: ok-b983c4766d; }
.okds-convertokb { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-convertokb::before { content: ""; font-family: ok-b983c4766d; }
.okds-cursor-drag { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-cursor-drag::before { content: ""; font-family: ok-b983c4766d; }
.okds-data-line-chart { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-data-line-chart::before { content: ""; font-family: ok-b983c4766d; }
.okds-deposit { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-deposit::before { content: ""; font-family: ok-b983c4766d; }
.okds-cursor-zoom { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-cursor-zoom::before { content: ""; font-family: ok-b983c4766d; }
.okds-download { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-download::before { content: ""; font-family: ok-b983c4766d; }
.okds-exchange { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-exchange::before { content: ""; font-family: ok-b983c4766d; }
.okds-developers { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-developers::before { content: ""; font-family: ok-b983c4766d; }
.okds-eur { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-eur::before { content: ""; font-family: ok-b983c4766d; }
.okds-edit { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-edit::before { content: ""; font-family: ok-b983c4766d; }
.okds-expand { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-expand::before { content: ""; font-family: ok-b983c4766d; }
.okds-eye-hide-filled { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-eye-hide-filled::before { content: ""; font-family: ok-b983c4766d; }
.okds-fail-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-fail-circle::before { content: ""; font-family: ok-b983c4766d; }
.okds-filter { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-filter::before { content: ""; font-family: ok-b983c4766d; }
.okds-finance-bank { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-finance-bank::before { content: ""; font-family: ok-b983c4766d; }
.okds-finance-seagull { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-finance-seagull::before { content: ""; font-family: ok-b983c4766d; }
.okds-finance-earn { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-finance-earn::before { content: ""; font-family: ok-b983c4766d; }
.okds-futures { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-futures::before { content: ""; font-family: ok-b983c4766d; }
.okds-funding-rates { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-funding-rates::before { content: ""; font-family: ok-b983c4766d; }
.okds-gbp { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-gbp::before { content: ""; font-family: ok-b983c4766d; }
.okds-guide { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-guide::before { content: ""; font-family: ok-b983c4766d; }
.okds-hamburger-edit { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-hamburger-edit::before { content: ""; font-family: ok-b983c4766d; }
.okds-hamburger-search { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-hamburger-search::before { content: ""; font-family: ok-b983c4766d; }
.okds-hamburger { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-hamburger::before { content: ""; font-family: ok-b983c4766d; }
.okds-hierachy { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-hierachy::before { content: ""; font-family: ok-b983c4766d; }
.okds-id-card { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-id-card::before { content: ""; font-family: ok-b983c4766d; }
.okds-img { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-img::before { content: ""; font-family: ok-b983c4766d; }
.okds-insurance-fund { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-insurance-fund::before { content: ""; font-family: ok-b983c4766d; }
.okds-language { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-language::before { content: ""; font-family: ok-b983c4766d; }
.okds-margin { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-margin::before { content: ""; font-family: ok-b983c4766d; }
.okds-logout { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-logout::before { content: ""; font-family: ok-b983c4766d; }
.okds-minus { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-minus::before { content: ""; font-family: ok-b983c4766d; }
.okds-more { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-more::before { content: ""; font-family: ok-b983c4766d; }
.okds-network-fee-standard { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-network-fee-standard::before { content: ""; font-family: ok-b983c4766d; }
.okds-option { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-option::before { content: ""; font-family: ok-b983c4766d; }
.okds-orders { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-orders::before { content: ""; font-family: ok-b983c4766d; }
.okds-pending-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-pending-circle::before { content: ""; font-family: ok-b983c4766d; }
.okds-pie-chart { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-pie-chart::before { content: ""; font-family: ok-b983c4766d; }
.okds-place-order { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-place-order::before { content: ""; font-family: ok-b983c4766d; }
.okds-play { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-play::before { content: ""; font-family: ok-b983c4766d; }
.okds-plus-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-plus-circle::before { content: ""; font-family: ok-b983c4766d; }
.okds-plus { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-plus::before { content: ""; font-family: ok-b983c4766d; }
.okds-profile { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-profile::before { content: ""; font-family: ok-b983c4766d; }
.okds-qrcode { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-qrcode::before { content: ""; font-family: ok-b983c4766d; }
.okds-question-mark-circle-fill { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-question-mark-circle-fill::before { content: ""; font-family: ok-b983c4766d; }
.okds-question-mark-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-question-mark-circle::before { content: ""; font-family: ok-b983c4766d; }
.okds-sort-up-center-aligned { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-sort-up-center-aligned::before { content: ""; font-family: ok-b983c4766d; }
.okds-records { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-records::before { content: ""; font-family: ok-b983c4766d; }
.okds-red-packe { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-red-packe::before { content: ""; font-family: ok-b983c4766d; }
.okds-scan { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-scan::before { content: ""; font-family: ok-b983c4766d; }
.okds-report-centre { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-report-centre::before { content: ""; font-family: ok-b983c4766d; }
.okds-security-fill { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-security-fill::before { content: ""; font-family: ok-b983c4766d; }
.okds-search { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-search::before { content: ""; font-family: ok-b983c4766d; }
.okds-security { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-security::before { content: ""; font-family: ok-b983c4766d; }
.okds-transfer { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-transfer::before { content: ""; font-family: ok-b983c4766d; }
.okds-settlement-history { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-settlement-history::before { content: ""; font-family: ok-b983c4766d; }
.okds-trends { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-trends::before { content: ""; font-family: ok-b983c4766d; }
.okds-sort-default-center-aligned { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-sort-default-center-aligned::before { content: ""; font-family: ok-b983c4766d; }
.okds-sort-default { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-sort-default::before { content: ""; font-family: ok-b983c4766d; }
.okds-sort-down-center-aligned-svg { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-sort-down-center-aligned-svg::before { content: ""; font-family: ok-b983c4766d; }
.okds-withdraw { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-withdraw::before { content: ""; font-family: ok-b983c4766d; }
.okds-sort-down { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-sort-down::before { content: ""; font-family: ok-b983c4766d; }
.okds-sort-up { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-sort-up::before { content: ""; font-family: ok-b983c4766d; }
.okds-star-filled { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-star-filled::before { content: ""; font-family: ok-b983c4766d; }
.okds-star { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-star::before { content: ""; font-family: ok-b983c4766d; }
.okds-strong-alert { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-strong-alert::before { content: ""; font-family: ok-b983c4766d; }
.okds-success-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-success-circle::before { content: ""; font-family: ok-b983c4766d; }
.okds-trade-1 { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-trade-1::before { content: ""; font-family: ok-b983c4766d; }
.okds-transfer-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-transfer-circle::before { content: ""; font-family: ok-b983c4766d; }
.okds-unlink { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-unlink::before { content: ""; font-family: ok-b983c4766d; }
.okds-usd { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-usd::before { content: ""; font-family: ok-b983c4766d; }
.okds-warning-circle { --ok-icon-font-family: "ok-b983c4766d"; }
.okds-warning-circle::before { content: ""; font-family: ok-b983c4766d; }
.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-style: normal; }
.iconfont::before { display: inline-block; }
@font-face { font-display: block; font-family: ok-b983c4766d; font-style: normal; src: url("./1833fcd8e2166828.woff2") format("woff2"); }
[dir="rtl"] .okds-arrow-cheveron-alignleft-md::before, [dir="rtl"] .okds-arrow-cheveron-first-md::before, [dir="rtl"] .okds-arrow-cheveron-last-md::before, [dir="rtl"] .okds-arrow-chevron-left-centered-md::before, [dir="rtl"] .okds-arrow-chevron-left-centered-sm::before, [dir="rtl"] .okds-arrow-chevron-right-centered-md::before, [dir="rtl"] .okds-arrow-chevron-right-centered-sm::before, [dir="rtl"] .okds-arrow-chevron-right-centered-xs::before, [dir="rtl"] .okds-arrow-pointer-left-md::before, [dir="rtl"] .okds-arrow-pointer-left-sm::before, [dir="rtl"] .okds-arrow-pointer-right-md::before, [dir="rtl"] .okds-arrow-pointer-right-sm::before, [dir="rtl"] .okds-arrow-pointer-right-xs::before, [dir="rtl"] .okds-communication-idcard::before, [dir="rtl"] .okds-copy::before, [dir="rtl"] .okds-eye-hide-filled::before, [dir="rtl"] .okds-eye-hide::before, [dir="rtl"] .okds-guide::before, [dir="rtl"] .okds-logout::before, [dir="rtl"] .okds-network-fee-standard::before, [dir="rtl"] .okds-open-link::before, [dir="rtl"] .okds-orders::before, [dir="rtl"] .okds-question-mark-circle-fill::before, [dir="rtl"] .okds-question-mark-circle::before, [dir="rtl"] .okds-report-centre::before { transform: scaleX(-1); }
.theme-light .growth { --okd-button-primary-normal-default-background: #0569ff; --okd-button-primary-normal-hover-background: #4992ff; --okd-button-primary-normal-active-background: #005eea; --okd-button-primary-normal-focus-background: #0569ff; --okd-button-primary-normal-disabled-background: #ebebeb; --okd-button-primary-normal-default-border-color: #0569ff; --okd-button-primary-normal-hover-border-color: #4992ff; --okd-button-primary-normal-active-border-color: #005eea; --okd-button-primary-normal-focus-border-color: #0569ff; --okd-button-primary-normal-disabled-border-color: #ebebeb; --okd-button-primary-normal-default-font-color: #fff; --okd-button-primary-normal-hover-font-color: #fff; --okd-button-primary-normal-active-font-color: #fff; --okd-button-primary-normal-focus-font-color: #fff; --okd-button-primary-normal-disabled-font-color: #bdbdbd; --okd-button-primary-normal-default-icon-color: #fff; --okd-button-primary-normal-hover-icon-color: #fff; --okd-button-primary-normal-active-icon-color: #fff; --okd-button-primary-normal-focus-icon-color: #fff; --okd-button-primary-normal-disabled-icon-color: #bdbdbd; --okd-button-primary-normal-default-shadow: var(--okd-shadow-none); --okd-button-primary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-primary-normal-active-shadow: var(--okd-shadow-none); --okd-button-primary-normal-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-primary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-normal-loader-track-color: #4992ff; --okd-button-primary-normal-loader-mark-color: #fff; --okd-button-primary-red-default-background: #91304a; --okd-button-primary-red-hover-background: #f1507b; --okd-button-primary-red-active-background: #602031; --okd-button-primary-red-focus-background: #91304a; --okd-button-primary-red-disabled-background: #ebebeb; --okd-button-primary-red-default-border-color: #91304a; --okd-button-primary-red-hover-border-color: #f1507b; --okd-button-primary-red-active-border-color: #602031; --okd-button-primary-red-focus-border-color: #602031; --okd-button-primary-red-disabled-border-color: #ebebeb; --okd-button-primary-red-default-font-color: #fff; --okd-button-primary-red-hover-font-color: #fff; --okd-button-primary-red-active-font-color: #fff; --okd-button-primary-red-focus-font-color: #fff; --okd-button-primary-red-disabled-font-color: #bdbdbd; --okd-button-primary-red-default-icon-color: #fff; --okd-button-primary-red-hover-icon-color: #fff; --okd-button-primary-red-active-icon-color: #fff; --okd-button-primary-red-focus-icon-color: #fff; --okd-button-primary-red-disabled-icon-color: #bdbdbd; --okd-button-primary-red-default-shadow: var(--okd-shadow-sm); --okd-button-primary-red-hover-shadow: var(--okd-shadow-none); --okd-button-primary-red-active-shadow: var(--okd-shadow-none); --okd-button-primary-red-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(247,150,176,.45); --okd-button-primary-red-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-red-loader-track-color: #f1507b; --okd-button-primary-red-loader-mark-color: #fff; --okd-button-primary-green-default-background: #127837; --okd-button-primary-green-hover-background: #31bd65; --okd-button-primary-green-active-background: #0c5025; --okd-button-primary-green-focus-background: #127837; --okd-button-primary-green-disabled-background: #ebebeb; --okd-button-primary-green-default-border-color: #127837; --okd-button-primary-green-hover-border-color: #31bd65; --okd-button-primary-green-active-border-color: #0c5025; --okd-button-primary-green-focus-border-color: #127837; --okd-button-primary-green-disabled-border-color: #ebebeb; --okd-button-primary-green-default-font-color: #fff; --okd-button-primary-green-hover-font-color: #fff; --okd-button-primary-green-active-font-color: #fff; --okd-button-primary-green-focus-font-color: #fff; --okd-button-primary-green-disabled-font-color: #bdbdbd; --okd-button-primary-green-default-icon-color: #fff; --okd-button-primary-green-hover-icon-color: #fff; --okd-button-primary-green-active-icon-color: #fff; --okd-button-primary-green-focus-icon-color: #fff; --okd-button-primary-green-disabled-icon-color: #bdbdbd; --okd-button-primary-green-default-shadow: var(--okd-shadow-sm); --okd-button-primary-green-hover-shadow: var(--okd-shadow-none); --okd-button-primary-green-active-shadow: var(--okd-shadow-none); --okd-button-primary-green-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(120,222,157,.45); --okd-button-primary-green-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-green-loader-track-color: #31bd65; --okd-button-primary-green-loader-mark-color: #fff; --okd-button-secondary-normal-default-background: #d1e3ff; --okd-button-secondary-normal-hover-background: #f5f9ff; --okd-button-secondary-normal-active-background: #afcfff; --okd-button-secondary-normal-focus-background: #d1e3ff; --okd-button-secondary-normal-disabled-background: #ebebeb; --okd-button-secondary-normal-default-border-color: #d1e3ff; --okd-button-secondary-normal-hover-border-color: #f5f9ff; --okd-button-secondary-normal-active-border-color: #afcfff; --okd-button-secondary-normal-focus-border-color: #d1e3ff; --okd-button-secondary-normal-disabled-border-color: #ebebeb; --okd-button-secondary-normal-default-font-color: #005eea; --okd-button-secondary-normal-hover-font-color: #005eea; --okd-button-secondary-normal-active-font-color: #005eea; --okd-button-secondary-normal-focus-font-color: #005eea; --okd-button-secondary-normal-disabled-font-color: #bdbdbd; --okd-button-secondary-normal-default-icon-color: #0569ff; --okd-button-secondary-normal-hover-icon-color: #0569ff; --okd-button-secondary-normal-active-icon-color: #0569ff; --okd-button-secondary-normal-focus-icon-color: #0569ff; --okd-button-secondary-normal-disabled-icon-color: #bdbdbd; --okd-button-secondary-normal-default-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-active-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-focus-shadow: 0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-secondary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-loader-track-color: #f5f9ff; --okd-button-secondary-normal-loader-mark-color: #0569ff; --okd-button-secondary-grey-default-background: #ebebeb; --okd-button-secondary-grey-hover-background: #f9f9f9; --okd-button-secondary-grey-active-background: #dbdbdb; --okd-button-secondary-grey-focus-background: #ebebeb; --okd-button-secondary-grey-disabled-background: #f9f9f9; --okd-button-secondary-grey-default-border-color: #ebebeb; --okd-button-secondary-grey-hover-border-color: #f9f9f9; --okd-button-secondary-grey-active-border-color: #dbdbdb; --okd-button-secondary-grey-focus-border-color: #ebebeb; --okd-button-secondary-grey-disabled-border-color: #f9f9f9; --okd-button-secondary-grey-default-font-color: #3d3d3d; --okd-button-secondary-grey-hover-font-color: #3d3d3d; --okd-button-secondary-grey-active-font-color: #3d3d3d; --okd-button-secondary-grey-focus-font-color: #3d3d3d; --okd-button-secondary-grey-disabled-font-color: #bdbdbd; --okd-button-secondary-grey-default-icon-color: #3d3d3d; --okd-button-secondary-grey-hover-icon-color: #3d3d3d; --okd-button-secondary-grey-active-icon-color: #3d3d3d; --okd-button-secondary-grey-focus-icon-color: #3d3d3d; --okd-button-secondary-grey-disabled-icon-color: #bdbdbd; --okd-button-secondary-grey-default-shadow: var(--okd-shadow-sm); --okd-button-secondary-grey-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-active-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px var(--growth-okd-color-gray-200); --okd-button-secondary-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-loader-track-color: #dbdbdb; --okd-button-secondary-grey-loader-mark-color: #3d3d3d; --okd-button-basic-normal-default-background: #fff; --okd-button-basic-normal-hover-background: #fff; --okd-button-basic-normal-active-background: #f9f9f9; --okd-button-basic-normal-focus-background: #fff; --okd-button-basic-normal-disabled-background: #fff; --okd-button-basic-normal-default-border-color: #dbdbdb; --okd-button-basic-normal-hover-border-color: #dbdbdb; --okd-button-basic-normal-active-border-color: #dbdbdb; --okd-button-basic-normal-focus-border-color: #8dbbff; --okd-button-basic-normal-disabled-border-color: #dbdbdb; --okd-button-basic-normal-default-font-color: #3d3d3d; --okd-button-basic-normal-hover-font-color: #929292; --okd-button-basic-normal-active-font-color: #000; --okd-button-basic-normal-focus-font-color: #3d3d3d; --okd-button-basic-normal-disabled-font-color: #bdbdbd; --okd-button-basic-normal-default-icon-color: #3d3d3d; --okd-button-basic-normal-hover-icon-color: #3d3d3d; --okd-button-basic-normal-active-icon-color: #3d3d3d; --okd-button-basic-normal-focus-icon-color: #3d3d3d; --okd-button-basic-normal-disabled-icon-color: #bdbdbd; --okd-button-basic-normal-default-shadow: var(--okd-shadow-sm); --okd-button-basic-normal-hover-shadow: var(--okd-shadow-none); --okd-button-basic-normal-active-shadow: var(--okd-shadow-none); --okd-button-basic-normal-focus-shadow: 0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-basic-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-basic-normal-loader-track-color: #d1e3ff; --okd-button-basic-normal-loader-mark-color: #0569ff; --okd-button-plain-normal-default-background: transparent; --okd-button-plain-normal-hover-background: #f5f9ff; --okd-button-plain-normal-active-background: #f5f9ff; --okd-button-plain-normal-focus-background: #f5f9ff; --okd-button-plain-normal-disabled-background: #f9f9f9; --okd-button-plain-normal-default-border-color: transparent; --okd-button-plain-normal-hover-border-color: transparent; --okd-button-plain-normal-active-border-color: transparent; --okd-button-plain-normal-focus-border-color: transparent; --okd-button-plain-normal-disabled-border-color: transparent; --okd-button-plain-normal-default-font-color: #005eea; --okd-button-plain-normal-hover-font-color: #005eea; --okd-button-plain-normal-active-font-color: #005eea; --okd-button-plain-normal-focus-font-color: #005eea; --okd-button-plain-normal-disabled-font-color: rgba(0,94,234,.45); --okd-button-plain-normal-default-icon-color: #005eea; --okd-button-plain-normal-hover-icon-color: #005eea; --okd-button-plain-normal-active-icon-color: #005eea; --okd-button-plain-normal-focus-icon-color: #005eea; --okd-button-plain-normal-disabled-icon-color: rgba(0,94,234,.45); --okd-button-plain-normal-default-shadow: none; --okd-button-plain-normal-hover-shadow: none; --okd-button-plain-normal-active-shadow: none; --okd-button-plain-normal-focus-shadow: none; --okd-button-plain-normal-disabled-shadow: none; --okd-button-plain-red-default-background: transparent; --okd-button-plain-red-hover-background: #fff8f9; --okd-button-plain-red-active-background: #fff8f9; --okd-button-plain-red-focus-background: #fff8f9; --okd-button-plain-red-disabled-background: #f9f9f9; --okd-button-plain-red-default-border-color: transparent; --okd-button-plain-red-hover-border-color: transparent; --okd-button-plain-red-active-border-color: transparent; --okd-button-plain-red-focus-border-color: transparent; --okd-button-plain-red-disabled-border-color: transparent; --okd-button-plain-red-default-font-color: #602031; --okd-button-plain-red-hover-font-color: #602031; --okd-button-plain-red-active-font-color: #602031; --okd-button-plain-red-focus-font-color: #602031; --okd-button-plain-red-disabled-font-color: rgba(96,32,49,.45); --okd-button-plain-red-default-icon-color: #602031; --okd-button-plain-red-hover-icon-color: #602031; --okd-button-plain-red-active-icon-color: #602031; --okd-button-plain-red-focus-icon-color: #602031; --okd-button-plain-red-disabled-icon-color: rgba(96,32,49,.45); --okd-button-plain-red-default-shadow: none; --okd-button-plain-red-hover-shadow: none; --okd-button-plain-red-active-shadow: none; --okd-button-plain-red-focus-shadow: none; --okd-button-plain-red-disabled-shadow: none; --okd-button-plain-green-default-background: transparent; --okd-button-plain-green-hover-background: #f2fff7; --okd-button-plain-green-active-background: #f2fff7; --okd-button-plain-green-focus-background: #f2fff7; --okd-button-plain-green-disabled-background: #f9f9f9; --okd-button-plain-green-default-border-color: transparent; --okd-button-plain-green-hover-border-color: transparent; --okd-button-plain-green-active-border-color: transparent; --okd-button-plain-green-focus-border-color: transparent; --okd-button-plain-green-disabled-border-color: transparent; --okd-button-plain-green-default-font-color: #0c5025; --okd-button-plain-green-hover-font-color: #0c5025; --okd-button-plain-green-active-font-color: #0c5025; --okd-button-plain-green-focus-font-color: #0c5025; --okd-button-plain-green-disabled-font-color: rgba(12,80,37,.45); --okd-button-plain-green-default-icon-color: #0c5025; --okd-button-plain-green-hover-icon-color: #0c5025; --okd-button-plain-green-active-icon-color: #0c5025; --okd-button-plain-green-focus-icon-color: #0c5025; --okd-button-plain-green-disabled-icon-color: rgba(12,80,37,.45); --okd-button-plain-green-default-shadow: none; --okd-button-plain-green-hover-shadow: none; --okd-button-plain-green-active-shadow: none; --okd-button-plain-green-focus-shadow: none; --okd-button-plain-green-disabled-shadow: none; --okd-button-plain-orange-default-background: transparent; --okd-button-plain-orange-hover-background: #fef9f6; --okd-button-plain-orange-active-background: #fef9f6; --okd-button-plain-orange-focus-background: #fef9f6; --okd-button-plain-orange-disabled-background: #f9f9f9; --okd-button-plain-orange-default-border-color: transparent; --okd-button-plain-orange-hover-border-color: transparent; --okd-button-plain-orange-active-border-color: transparent; --okd-button-plain-orange-focus-border-color: transparent; --okd-button-plain-orange-disabled-border-color: transparent; --okd-button-plain-orange-default-font-color: #e96010; --okd-button-plain-orange-hover-font-color: #e96010; --okd-button-plain-orange-active-font-color: #e96010; --okd-button-plain-orange-focus-font-color: #e96010; --okd-button-plain-orange-disabled-font-color: rgba(233,96,16,.45); --okd-button-plain-orange-default-icon-color: #e96010; --okd-button-plain-orange-hover-icon-color: #e96010; --okd-button-plain-orange-active-icon-color: #e96010; --okd-button-plain-orange-focus-icon-color: #e96010; --okd-button-plain-orange-disabled-icon-color: rgba(233,96,16,.45); --okd-button-plain-orange-default-shadow: none; --okd-button-plain-orange-hover-shadow: none; --okd-button-plain-orange-active-shadow: none; --okd-button-plain-orange-focus-shadow: none; --okd-button-plain-orange-disabled-shadow: none; --okd-button-plain-yellow-default-background: transparent; --okd-button-plain-yellow-hover-background: #fffcf5; --okd-button-plain-yellow-active-background: #fffcf5; --okd-button-plain-yellow-focus-background: #fffcf5; --okd-button-plain-yellow-disabled-background: #f9f9f9; --okd-button-plain-yellow-default-border-color: transparent; --okd-button-plain-yellow-hover-border-color: transparent; --okd-button-plain-yellow-active-border-color: transparent; --okd-button-plain-yellow-focus-border-color: transparent; --okd-button-plain-yellow-disabled-border-color: transparent; --okd-button-plain-yellow-default-font-color: #eaa900; --okd-button-plain-yellow-hover-font-color: #eaa900; --okd-button-plain-yellow-active-font-color: #eaa900; --okd-button-plain-yellow-focus-font-color: #eaa900; --okd-button-plain-yellow-disabled-font-color: rgba(234,169,0,.45); --okd-button-plain-yellow-default-icon-color: #eaa900; --okd-button-plain-yellow-hover-icon-color: #eaa900; --okd-button-plain-yellow-active-icon-color: #eaa900; --okd-button-plain-yellow-focus-icon-color: #eaa900; --okd-button-plain-yellow-disabled-icon-color: rgba(234,169,0,.45); --okd-button-plain-yellow-default-shadow: none; --okd-button-plain-yellow-hover-shadow: none; --okd-button-plain-yellow-active-shadow: none; --okd-button-plain-yellow-focus-shadow: none; --okd-button-plain-yellow-disabled-shadow: none; --okd-button-xxs-font-size: var(--okd-font-size-xs); --okd-button-xs-font-size: var(--okd-font-size-xs); --okd-button-sm-font-size: var(--okd-font-size-md); --okd-button-md-font-size: var(--okd-font-size-md); --okd-button-lg-font-size: var(--okd-font-size-base); --okd-button-xl-font-size: 18px; --okd-button-xxs-icon-size: 14px; --okd-button-xs-icon-size: 14px; --okd-button-sm-icon-size: 18px; --okd-button-md-icon-size: 18px; --okd-button-lg-icon-size: 18px; --okd-button-xl-icon-size: 18px; --okd-button-xxs-icon-margin: 6px; --okd-button-xs-icon-margin: 6px; --okd-button-sm-icon-margin: 6px; --okd-button-md-icon-margin: 6px; --okd-button-lg-icon-margin: 8px; --okd-button-xl-icon-margin: 8px; --okd-button-xxs-line-height: var(--okd-line-height-xs); --okd-button-xs-line-height: var(--okd-line-height-xs); --okd-button-sm-line-height: var(--okd-line-height-md); --okd-button-md-line-height: var(--okd-line-height-md); --okd-button-lg-line-height: var(--okd-line-height-base); --okd-button-xl-line-height: var(--okd-line-height-base); --okd-button-xxs-padding-horizontal: 8px; --okd-button-xxs-padding-vertical: 3px; --okd-button-xs-padding-horizontal: 8px; --okd-button-xs-padding-vertical: 5px; --okd-button-sm-padding-horizontal: 12px; --okd-button-sm-padding-vertical: 7px; --okd-button-md-padding-horizontal: 16px; --okd-button-md-padding-vertical: 9px; --okd-button-lg-padding-horizontal: 24px; --okd-button-lg-padding-vertical: 13px; --okd-button-xl-padding-horizontal: 24px; --okd-button-xl-padding-vertical: 17px; --okd-button-xxs-min-width: 63px; --okd-button-xs-min-width: 63px; --okd-button-sm-min-width: 81px; --okd-button-md-min-width: 90px; --okd-button-lg-min-width: 108px; --okd-button-xl-min-width: 126px; --okd-button-xxs-border-radius: 60px; --okd-button-xs-border-radius: 60px; --okd-button-sm-border-radius: 60px; --okd-button-md-border-radius: 60px; --okd-button-lg-border-radius: 60px; --okd-button-xl-border-radius: 60px; --okd-button-xxs-border-size: 1px; --okd-button-xs-border-size: 1px; --okd-button-sm-border-size: 1px; --okd-button-md-border-size: 1px; --okd-button-lg-border-size: 1px; --okd-button-xl-border-size: 1px; --okd-button-xl-loader-size: 18px; --okd-button-lg-loader-size: 14px; --okd-button-md-loader-size: 14px; --okd-button-sm-loader-size: 14px; --okd-button-xs-loader-size: 14px; --okd-button-xxs-loader-size: 14px; --okd-button-xl-loader-text-margin-left: 8px; --okd-button-lg-loader-text-margin-left: 8px; --okd-button-md-loader-text-margin-left: 6px; --okd-button-sm-loader-text-margin-left: 6px; --okd-button-xs-loader-text-margin-left: 6px; --okd-button-xxs-loader-text-margin-left: 6px; --okd-button-s-font-size: 14px; --okd-button-s-icon-size: 18px; --okd-button-s-icon-margin: 6px; --okd-button-s-line-height: 16px; --okd-button-s-padding-horizontal: 12px; --okd-button-s-padding-vertical: 7px; --okd-button-s-min-width: 72px; --okd-button-s-border-radius: 60px; --okd-button-s-loader-size: 14px; --okd-button-s-loader-text-margin-left: 6px; --okd-button-xl-font-weight: 600; --okd-button-lg-font-weight: 500; --okd-button-md-font-weight: 500; --okd-button-sm-font-weight: 500; --okd-button-rect-xxs-border-radius: 4px; --okd-button-rect-xs-border-radius: 4px; --okd-button-rect-sm-border-radius: 4px; --okd-button-rect-s-border-radius: 4px; --okd-button-rect-md-border-radius: 4px; --okd-button-rect-lg-border-radius: 8px; --okd-button-rect-xl-border-radius: 8px; --okd-button-outline-primary-default-background: hsla(0,0%,100%,0); --okd-button-outline-primary-hover-background: #f3f3f3; --okd-button-outline-primary-active-background: #f3f3f3; --okd-button-outline-primary-focus-background: #f7f7f7; --okd-button-outline-primary-disabled-background: #f3f3f3; --okd-button-outline-primary-default-border-color: var(--growth-okd-color-border-secondary); --okd-button-outline-primary-hover-border-color: var(--growth-okd-color-border-secondary); --okd-button-outline-primary-active-border-color: var(--growth-okd-color-border-secondary); --okd-button-outline-primary-focus-border-color: #dbdbdb; --okd-button-outline-primary-disabled-border-color: var(--growth-okd-color-border-primary); --okd-button-outline-primary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-focus-font-color: #000; --okd-button-outline-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-outline-primary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-focus-icon-color: #000; --okd-button-outline-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-outline-primary-default-shadow: 0 0 0 0 transparent; --okd-button-outline-primary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-primary-active-shadow: var(--okd-shadow-none); --okd-button-outline-primary-focus-shadow: 0px 0px 0px 3px #00000014; --okd-button-outline-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-primary-loader-track-color: #dbdbdb; --okd-button-outline-primary-loader-mark-color: #000; --okd-button-outline-primary-border-size: 1px; }
.theme-dark .growth { --okd-button-primary-normal-default-background: #4283ff; --okd-button-primary-normal-hover-background: #1e6bff; --okd-button-primary-normal-active-background: #0f3c94; --okd-button-primary-normal-focus-background: #4283ff; --okd-button-primary-normal-disabled-background: #909090; --okd-button-primary-normal-default-border-color: #4283ff; --okd-button-primary-normal-hover-border-color: #1e6bff; --okd-button-primary-normal-active-border-color: #0f3c94; --okd-button-primary-normal-focus-border-color: #4283ff; --okd-button-primary-normal-disabled-border-color: #909090; --okd-button-primary-normal-default-font-color: #fff; --okd-button-primary-normal-hover-font-color: #fff; --okd-button-primary-normal-active-font-color: #fff; --okd-button-primary-normal-focus-font-color: #fff; --okd-button-primary-normal-disabled-font-color: #b0b0b0; --okd-button-primary-normal-default-icon-color: #fff; --okd-button-primary-normal-hover-icon-color: #fff; --okd-button-primary-normal-active-icon-color: #fff; --okd-button-primary-normal-focus-icon-color: #fff; --okd-button-primary-normal-disabled-icon-color: #b0b0b0; --okd-button-primary-normal-default-shadow: var(--okd-shadow-none); --okd-button-primary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-primary-normal-active-shadow: var(--okd-shadow-none); --okd-button-primary-normal-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-blue-200); --okd-button-primary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-normal-loader-track-color: hsla(0,0%,100%,.24); --okd-button-primary-normal-loader-mark-color: #fff; --okd-button-primary-red-default-background: #fff8f9; --okd-button-primary-red-hover-background: #f994ae; --okd-button-primary-red-active-background: #902b44; --okd-button-primary-red-focus-background: #fff8f9; --okd-button-primary-red-disabled-background: #909090; --okd-button-primary-red-default-border-color: #fff8f9; --okd-button-primary-red-hover-border-color: #f994ae; --okd-button-primary-red-active-border-color: #902b44; --okd-button-primary-red-focus-border-color: #fff8f9; --okd-button-primary-red-disabled-border-color: #909090; --okd-button-primary-red-default-font-color: #fff; --okd-button-primary-red-hover-font-color: #fff; --okd-button-primary-red-active-font-color: #fff; --okd-button-primary-red-focus-font-color: #fff; --okd-button-primary-red-disabled-font-color: #b0b0b0; --okd-button-primary-red-default-icon-color: #fff; --okd-button-primary-red-hover-icon-color: #fff; --okd-button-primary-red-active-icon-color: #fff; --okd-button-primary-red-focus-icon-color: #fff; --okd-button-primary-red-disabled-icon-color: #b0b0b0; --okd-button-primary-red-default-shadow: var(--okd-shadow-sm); --okd-button-primary-red-hover-shadow: var(--okd-shadow-none); --okd-button-primary-red-active-shadow: var(--okd-shadow-none); --okd-button-primary-red-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-red-200); --okd-button-primary-red-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-red-loader-track-color: hsla(0,0%,100%,.24); --okd-button-primary-red-loader-mark-color: #fff; --okd-button-primary-green-default-background: #d2f7de; --okd-button-primary-green-hover-background: #79e69d; --okd-button-primary-green-active-background: #138037; --okd-button-primary-green-focus-background: #d2f7de; --okd-button-primary-green-disabled-background: #909090; --okd-button-primary-green-default-border-color: #d2f7de; --okd-button-primary-green-hover-border-color: #79e69d; --okd-button-primary-green-active-border-color: #138037; --okd-button-primary-green-focus-border-color: #d2f7de; --okd-button-primary-green-disabled-border-color: #909090; --okd-button-primary-green-default-font-color: #fff; --okd-button-primary-green-hover-font-color: #fff; --okd-button-primary-green-active-font-color: #fff; --okd-button-primary-green-focus-font-color: #fff; --okd-button-primary-green-disabled-font-color: #b0b0b0; --okd-button-primary-green-default-icon-color: #fff; --okd-button-primary-green-hover-icon-color: #fff; --okd-button-primary-green-active-icon-color: #fff; --okd-button-primary-green-focus-icon-color: #fff; --okd-button-primary-green-disabled-icon-color: #b0b0b0; --okd-button-primary-green-default-shadow: var(--okd-shadow-sm); --okd-button-primary-green-hover-shadow: var(--okd-shadow-none); --okd-button-primary-green-active-shadow: var(--okd-shadow-none); --okd-button-primary-green-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-green-200); --okd-button-primary-green-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-green-loader-track-color: hsla(0,0%,100%,.24); --okd-button-primary-green-loader-mark-color: #fff; --okd-button-secondary-normal-default-background: #909090; --okd-button-secondary-normal-hover-background: #b0b0b0; --okd-button-secondary-normal-active-background: #6c6c6c; --okd-button-secondary-normal-focus-background: #909090; --okd-button-secondary-normal-disabled-background: #909090; --okd-button-secondary-normal-default-border-color: #909090; --okd-button-secondary-normal-hover-border-color: #b0b0b0; --okd-button-secondary-normal-active-border-color: #6c6c6c; --okd-button-secondary-normal-focus-border-color: #909090; --okd-button-secondary-normal-disabled-border-color: #909090; --okd-button-secondary-normal-default-font-color: #fff; --okd-button-secondary-normal-hover-font-color: #fff; --okd-button-secondary-normal-active-font-color: #fff; --okd-button-secondary-normal-focus-font-color: #fff; --okd-button-secondary-normal-disabled-font-color: #b0b0b0; --okd-button-secondary-normal-default-icon-color: #fff; --okd-button-secondary-normal-hover-icon-color: #fff; --okd-button-secondary-normal-active-icon-color: #fff; --okd-button-secondary-normal-focus-icon-color: #fff; --okd-button-secondary-normal-disabled-icon-color: #b0b0b0; --okd-button-secondary-normal-default-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-active-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-gray-200); --okd-button-secondary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-loader-track-color: #ccc; --okd-button-secondary-normal-loader-mark-color: #fff; --okd-button-secondary-grey-default-background: #909090; --okd-button-secondary-grey-hover-background: #b0b0b0; --okd-button-secondary-grey-active-background: #6c6c6c; --okd-button-secondary-grey-focus-background: #909090; --okd-button-secondary-grey-disabled-background: #404040; --okd-button-secondary-grey-default-border-color: #909090; --okd-button-secondary-grey-hover-border-color: #b0b0b0; --okd-button-secondary-grey-active-border-color: #6c6c6c; --okd-button-secondary-grey-focus-border-color: #909090; --okd-button-secondary-grey-disabled-border-color: #404040; --okd-button-secondary-grey-default-font-color: #fff; --okd-button-secondary-grey-hover-font-color: #fff; --okd-button-secondary-grey-active-font-color: #fff; --okd-button-secondary-grey-focus-font-color: #fff; --okd-button-secondary-grey-disabled-font-color: #ccc; --okd-button-secondary-grey-default-icon-color: #fff; --okd-button-secondary-grey-hover-icon-color: #fff; --okd-button-secondary-grey-active-icon-color: #fff; --okd-button-secondary-grey-focus-icon-color: #fff; --okd-button-secondary-grey-disabled-icon-color: #ccc; --okd-button-secondary-grey-default-shadow: var(--okd-shadow-sm); --okd-button-secondary-grey-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-active-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-gray-200); --okd-button-secondary-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-loader-track-color: #ccc; --okd-button-secondary-grey-loader-mark-color: #fafafa; --okd-button-basic-normal-default-background: transparent; --okd-button-basic-normal-hover-background: #404040; --okd-button-basic-normal-active-background: #6c6c6c; --okd-button-basic-normal-focus-background: transparent; --okd-button-basic-normal-disabled-background: transparent; --okd-button-basic-normal-default-border-color: #b0b0b0; --okd-button-basic-normal-hover-border-color: #b0b0b0; --okd-button-basic-normal-active-border-color: #b0b0b0; --okd-button-basic-normal-focus-border-color: #b0b0b0; --okd-button-basic-normal-disabled-border-color: #909090; --okd-button-basic-normal-default-font-color: #fff; --okd-button-basic-normal-hover-font-color: #fff; --okd-button-basic-normal-active-font-color: #fff; --okd-button-basic-normal-focus-font-color: #fff; --okd-button-basic-normal-disabled-font-color: #b0b0b0; --okd-button-basic-normal-default-icon-color: #fff; --okd-button-basic-normal-hover-icon-color: #fff; --okd-button-basic-normal-active-icon-color: #fff; --okd-button-basic-normal-focus-icon-color: #fff; --okd-button-basic-normal-disabled-icon-color: #b0b0b0; --okd-button-basic-normal-default-shadow: var(--okd-shadow-none); --okd-button-basic-normal-hover-shadow: var(--okd-shadow-none); --okd-button-basic-normal-active-shadow: var(--okd-shadow-none); --okd-button-basic-normal-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-gray-300); --okd-button-basic-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-basic-normal-loader-track-color: #909090; --okd-button-basic-normal-loader-mark-color: #fff; --okd-button-plain-normal-default-background: transparent; --okd-button-plain-normal-hover-background: #051738; --okd-button-plain-normal-active-background: #051738; --okd-button-plain-normal-focus-background: #051738; --okd-button-plain-normal-disabled-background: transparent; --okd-button-plain-normal-default-border-color: transparent; --okd-button-plain-normal-hover-border-color: transparent; --okd-button-plain-normal-active-border-color: transparent; --okd-button-plain-normal-focus-border-color: transparent; --okd-button-plain-normal-disabled-border-color: transparent; --okd-button-plain-normal-default-font-color: #3077ff; --okd-button-plain-normal-hover-font-color: #4283ff; --okd-button-plain-normal-active-font-color: #4283ff; --okd-button-plain-normal-focus-font-color: #4283ff; --okd-button-plain-normal-disabled-font-color: #ccc; --okd-button-plain-normal-default-icon-color: #3077ff; --okd-button-plain-normal-hover-icon-color: #4283ff; --okd-button-plain-normal-active-icon-color: #4283ff; --okd-button-plain-normal-focus-icon-color: #4283ff; --okd-button-plain-normal-disabled-icon-color: #ccc; --okd-button-plain-normal-default-shadow: none; --okd-button-plain-normal-hover-shadow: none; --okd-button-plain-normal-active-shadow: none; --okd-button-plain-normal-focus-shadow: none; --okd-button-plain-normal-disabled-shadow: none; --okd-button-plain-red-default-background: transparent; --okd-button-plain-red-hover-background: #270b12; --okd-button-plain-red-active-background: #270b12; --okd-button-plain-red-focus-background: #270b12; --okd-button-plain-red-disabled-background: #000; --okd-button-plain-red-default-border-color: transparent; --okd-button-plain-red-hover-border-color: transparent; --okd-button-plain-red-active-border-color: transparent; --okd-button-plain-red-focus-border-color: transparent; --okd-button-plain-red-disabled-border-color: transparent; --okd-button-plain-red-default-font-color: #f9b6c7; --okd-button-plain-red-hover-font-color: #f9b6c7; --okd-button-plain-red-active-font-color: #f9b6c7; --okd-button-plain-red-focus-font-color: #f9b6c7; --okd-button-plain-red-disabled-font-color: rgba(249,182,199,.45); --okd-button-plain-red-default-icon-color: #f9b6c7; --okd-button-plain-red-hover-icon-color: #f9b6c7; --okd-button-plain-red-active-icon-color: #f9b6c7; --okd-button-plain-red-focus-icon-color: #f9b6c7; --okd-button-plain-red-disabled-icon-color: rgba(249,182,199,.45); --okd-button-plain-red-default-shadow: none; --okd-button-plain-red-hover-shadow: none; --okd-button-plain-red-active-shadow: none; --okd-button-plain-red-focus-shadow: none; --okd-button-plain-red-disabled-shadow: none; --okd-button-plain-green-default-background: transparent; --okd-button-plain-green-hover-background: #002b1f; --okd-button-plain-green-active-background: #002b1f; --okd-button-plain-green-focus-background: #002b1f; --okd-button-plain-green-disabled-background: #000; --okd-button-plain-green-default-border-color: transparent; --okd-button-plain-green-hover-border-color: transparent; --okd-button-plain-green-active-border-color: transparent; --okd-button-plain-green-focus-border-color: transparent; --okd-button-plain-green-disabled-border-color: transparent; --okd-button-plain-green-default-font-color: #a5efbe; --okd-button-plain-green-hover-font-color: #a5efbe; --okd-button-plain-green-active-font-color: #a5efbe; --okd-button-plain-green-focus-font-color: #a5efbe; --okd-button-plain-green-disabled-font-color: rgba(165,239,190,.45); --okd-button-plain-green-default-icon-color: #a5efbe; --okd-button-plain-green-hover-icon-color: #a5efbe; --okd-button-plain-green-active-icon-color: #a5efbe; --okd-button-plain-green-focus-icon-color: #a5efbe; --okd-button-plain-green-disabled-icon-color: rgba(165,239,190,.45); --okd-button-plain-green-default-shadow: none; --okd-button-plain-green-hover-shadow: none; --okd-button-plain-green-active-shadow: none; --okd-button-plain-green-focus-shadow: none; --okd-button-plain-green-disabled-shadow: none; --okd-button-plain-orange-default-background: transparent; --okd-button-plain-orange-hover-background: #361604; --okd-button-plain-orange-active-background: #361604; --okd-button-plain-orange-focus-background: #361604; --okd-button-plain-orange-disabled-background: #000; --okd-button-plain-orange-default-border-color: transparent; --okd-button-plain-orange-hover-border-color: transparent; --okd-button-plain-orange-active-border-color: transparent; --okd-button-plain-orange-focus-border-color: transparent; --okd-button-plain-orange-disabled-border-color: transparent; --okd-button-plain-orange-default-font-color: #f87428; --okd-button-plain-orange-hover-font-color: #f87428; --okd-button-plain-orange-active-font-color: #f87428; --okd-button-plain-orange-focus-font-color: #f87428; --okd-button-plain-orange-disabled-font-color: rgba(248,116,40,.45); --okd-button-plain-orange-default-icon-color: #f87428; --okd-button-plain-orange-hover-icon-color: #f87428; --okd-button-plain-orange-active-icon-color: #f87428; --okd-button-plain-orange-focus-icon-color: #f87428; --okd-button-plain-orange-disabled-icon-color: rgba(248,116,40,.45); --okd-button-plain-orange-default-shadow: none; --okd-button-plain-orange-hover-shadow: none; --okd-button-plain-orange-active-shadow: none; --okd-button-plain-orange-focus-shadow: none; --okd-button-plain-orange-disabled-shadow: none; --okd-button-plain-yellow-default-background: transparent; --okd-button-plain-yellow-hover-background: #2d2104; --okd-button-plain-yellow-active-background: #2d2104; --okd-button-plain-yellow-focus-background: #2d2104; --okd-button-plain-yellow-disabled-background: #000; --okd-button-plain-yellow-default-border-color: transparent; --okd-button-plain-yellow-hover-border-color: transparent; --okd-button-plain-yellow-active-border-color: transparent; --okd-button-plain-yellow-focus-border-color: transparent; --okd-button-plain-yellow-disabled-border-color: transparent; --okd-button-plain-yellow-default-font-color: #dea921; --okd-button-plain-yellow-hover-font-color: #dea921; --okd-button-plain-yellow-active-font-color: #dea921; --okd-button-plain-yellow-focus-font-color: #dea921; --okd-button-plain-yellow-disabled-font-color: rgba(222,169,33,.45); --okd-button-plain-yellow-default-icon-color: #dea921; --okd-button-plain-yellow-hover-icon-color: #dea921; --okd-button-plain-yellow-active-icon-color: #dea921; --okd-button-plain-yellow-focus-icon-color: #dea921; --okd-button-plain-yellow-disabled-icon-color: rgba(222,169,33,.45); --okd-button-plain-yellow-default-shadow: none; --okd-button-plain-yellow-hover-shadow: none; --okd-button-plain-yellow-active-shadow: none; --okd-button-plain-yellow-focus-shadow: none; --okd-button-plain-yellow-disabled-shadow: none; --okd-button-xxs-font-size: var(--okd-font-size-xs); --okd-button-xs-font-size: var(--okd-font-size-xs); --okd-button-sm-font-size: var(--okd-font-size-md); --okd-button-md-font-size: var(--okd-font-size-md); --okd-button-lg-font-size: var(--okd-font-size-base); --okd-button-xl-font-size: 18px; --okd-button-xxs-icon-size: 14px; --okd-button-xs-icon-size: 14px; --okd-button-sm-icon-size: 18px; --okd-button-md-icon-size: 18px; --okd-button-lg-icon-size: 18px; --okd-button-xl-icon-size: 18px; --okd-button-xxs-icon-margin: 6px; --okd-button-xs-icon-margin: 6px; --okd-button-sm-icon-margin: 6px; --okd-button-md-icon-margin: 6px; --okd-button-lg-icon-margin: 8px; --okd-button-xl-icon-margin: 8px; --okd-button-xxs-line-height: var(--okd-line-height-xs); --okd-button-xs-line-height: var(--okd-line-height-xs); --okd-button-sm-line-height: var(--okd-line-height-md); --okd-button-md-line-height: var(--okd-line-height-md); --okd-button-lg-line-height: var(--okd-line-height-base); --okd-button-xl-line-height: var(--okd-line-height-base); --okd-button-xxs-padding-horizontal: 8px; --okd-button-xxs-padding-vertical: 3px; --okd-button-xs-padding-horizontal: 8px; --okd-button-xs-padding-vertical: 5px; --okd-button-sm-padding-horizontal: 12px; --okd-button-sm-padding-vertical: 7px; --okd-button-md-padding-horizontal: 16px; --okd-button-md-padding-vertical: 9px; --okd-button-lg-padding-horizontal: 24px; --okd-button-lg-padding-vertical: 13px; --okd-button-xl-padding-horizontal: 24px; --okd-button-xl-padding-vertical: 17px; --okd-button-xxs-min-width: 63px; --okd-button-xs-min-width: 63px; --okd-button-sm-min-width: 81px; --okd-button-md-min-width: 90px; --okd-button-lg-min-width: 108px; --okd-button-xl-min-width: 126px; --okd-button-xxs-border-radius: 60px; --okd-button-xs-border-radius: 60px; --okd-button-sm-border-radius: 60px; --okd-button-md-border-radius: 60px; --okd-button-lg-border-radius: 60px; --okd-button-xl-border-radius: 60px; --okd-button-xxs-border-size: 1px; --okd-button-xs-border-size: 1px; --okd-button-sm-border-size: 1px; --okd-button-md-border-size: 1px; --okd-button-lg-border-size: 1px; --okd-button-xl-border-size: 1px; --okd-button-xl-loader-size: 18px; --okd-button-lg-loader-size: 14px; --okd-button-md-loader-size: 14px; --okd-button-sm-loader-size: 14px; --okd-button-xs-loader-size: 14px; --okd-button-xxs-loader-size: 14px; --okd-button-xl-loader-text-margin-left: 8px; --okd-button-lg-loader-text-margin-left: 8px; --okd-button-md-loader-text-margin-left: 6px; --okd-button-sm-loader-text-margin-left: 6px; --okd-button-xs-loader-text-margin-left: 6px; --okd-button-xxs-loader-text-margin-left: 6px; --okd-button-s-font-size: 14px; --okd-button-s-icon-size: 18px; --okd-button-s-icon-margin: 6px; --okd-button-s-line-height: 16px; --okd-button-s-padding-horizontal: 12px; --okd-button-s-padding-vertical: 7px; --okd-button-s-min-width: 72px; --okd-button-s-border-radius: 60px; --okd-button-s-loader-size: 14px; --okd-button-s-loader-text-margin-left: 6px; --okd-button-rect-xxs-border-radius: 4px; --okd-button-rect-xs-border-radius: 4px; --okd-button-rect-sm-border-radius: 4px; --okd-button-rect-s-border-radius: 4px; --okd-button-rect-md-border-radius: 4px; --okd-button-rect-lg-border-radius: 8px; --okd-button-rect-xl-border-radius: 8px; --okd-button-outline-primary-default-background: transparent; --okd-button-outline-primary-hover-background: #1d1d1d; --okd-button-outline-primary-active-background: #1d1d1d; --okd-button-outline-primary-focus-background: #242424; --okd-button-outline-primary-disabled-background: #1d1d1d; --okd-button-outline-primary-default-border-color: var(--growth-okd-color-border-secondary); --okd-button-outline-primary-hover-border-color: var(--growth-okd-color-border-secondary); --okd-button-outline-primary-active-border-color: var(--growth-okd-color-border-secondary); --okd-button-outline-primary-focus-border-color: #404040; --okd-button-outline-primary-disabled-border-color: var(--growth-okd-color-border-primary); --okd-button-outline-primary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-focus-font-color: #fff; --okd-button-outline-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-outline-primary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-primary-focus-icon-color: #fff; --okd-button-outline-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-outline-primary-default-shadow: var(--okd-shadow-none); --okd-button-outline-primary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-primary-active-shadow: var(--okd-shadow-none); --okd-button-outline-primary-focus-shadow: 0px 0px 0px 3.5px #ffffff1a; --okd-button-outline-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-primary-loader-track-color: hsla(0,0%,56%,.25); --okd-button-outline-primary-loader-mark-color: #fff; --okd-button-outline-primary-border-size: 1px; }
.theme-okx-money-light .growth { --okd-button-primary-normal-default-background: #0569ff; --okd-button-primary-normal-hover-background: #4992ff; --okd-button-primary-normal-active-background: #005eea; --okd-button-primary-normal-focus-background: #0569ff; --okd-button-primary-normal-disabled-background: #ebebeb; --okd-button-primary-normal-default-border-color: #0569ff; --okd-button-primary-normal-hover-border-color: #4992ff; --okd-button-primary-normal-active-border-color: #005eea; --okd-button-primary-normal-focus-border-color: #0569ff; --okd-button-primary-normal-disabled-border-color: #ebebeb; --okd-button-primary-normal-default-font-color: #fff; --okd-button-primary-normal-hover-font-color: #fff; --okd-button-primary-normal-active-font-color: #fff; --okd-button-primary-normal-focus-font-color: #fff; --okd-button-primary-normal-disabled-font-color: #bdbdbd; --okd-button-primary-normal-default-icon-color: #fff; --okd-button-primary-normal-hover-icon-color: #fff; --okd-button-primary-normal-active-icon-color: #fff; --okd-button-primary-normal-focus-icon-color: #fff; --okd-button-primary-normal-disabled-icon-color: #bdbdbd; --okd-button-primary-normal-default-shadow: var(--okd-shadow-none); --okd-button-primary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-primary-normal-active-shadow: var(--okd-shadow-none); --okd-button-primary-normal-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-primary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-normal-loader-track-color: #4992ff; --okd-button-primary-normal-loader-mark-color: #fff; --okd-button-primary-red-default-background: #91304a; --okd-button-primary-red-hover-background: #f1507b; --okd-button-primary-red-active-background: #602031; --okd-button-primary-red-focus-background: #91304a; --okd-button-primary-red-disabled-background: #ebebeb; --okd-button-primary-red-default-border-color: #91304a; --okd-button-primary-red-hover-border-color: #f1507b; --okd-button-primary-red-active-border-color: #602031; --okd-button-primary-red-focus-border-color: #602031; --okd-button-primary-red-disabled-border-color: #ebebeb; --okd-button-primary-red-default-font-color: #fff; --okd-button-primary-red-hover-font-color: #fff; --okd-button-primary-red-active-font-color: #fff; --okd-button-primary-red-focus-font-color: #fff; --okd-button-primary-red-disabled-font-color: #bdbdbd; --okd-button-primary-red-default-icon-color: #fff; --okd-button-primary-red-hover-icon-color: #fff; --okd-button-primary-red-active-icon-color: #fff; --okd-button-primary-red-focus-icon-color: #fff; --okd-button-primary-red-disabled-icon-color: #bdbdbd; --okd-button-primary-red-default-shadow: var(--okd-shadow-sm); --okd-button-primary-red-hover-shadow: var(--okd-shadow-none); --okd-button-primary-red-active-shadow: var(--okd-shadow-none); --okd-button-primary-red-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(247,150,176,.45); --okd-button-primary-red-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-red-loader-track-color: #f1507b; --okd-button-primary-red-loader-mark-color: #fff; --okd-button-primary-green-default-background: #127837; --okd-button-primary-green-hover-background: #31bd65; --okd-button-primary-green-active-background: #0c5025; --okd-button-primary-green-focus-background: #127837; --okd-button-primary-green-disabled-background: #ebebeb; --okd-button-primary-green-default-border-color: #127837; --okd-button-primary-green-hover-border-color: #31bd65; --okd-button-primary-green-active-border-color: #0c5025; --okd-button-primary-green-focus-border-color: #127837; --okd-button-primary-green-disabled-border-color: #ebebeb; --okd-button-primary-green-default-font-color: #fff; --okd-button-primary-green-hover-font-color: #fff; --okd-button-primary-green-active-font-color: #fff; --okd-button-primary-green-focus-font-color: #fff; --okd-button-primary-green-disabled-font-color: #bdbdbd; --okd-button-primary-green-default-icon-color: #fff; --okd-button-primary-green-hover-icon-color: #fff; --okd-button-primary-green-active-icon-color: #fff; --okd-button-primary-green-focus-icon-color: #fff; --okd-button-primary-green-disabled-icon-color: #bdbdbd; --okd-button-primary-green-default-shadow: var(--okd-shadow-sm); --okd-button-primary-green-hover-shadow: var(--okd-shadow-none); --okd-button-primary-green-active-shadow: var(--okd-shadow-none); --okd-button-primary-green-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(120,222,157,.45); --okd-button-primary-green-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-green-loader-track-color: #31bd65; --okd-button-primary-green-loader-mark-color: #fff; --okd-button-secondary-normal-default-background: #d1e3ff; --okd-button-secondary-normal-hover-background: #f5f9ff; --okd-button-secondary-normal-active-background: #afcfff; --okd-button-secondary-normal-focus-background: #d1e3ff; --okd-button-secondary-normal-disabled-background: #ebebeb; --okd-button-secondary-normal-default-border-color: #d1e3ff; --okd-button-secondary-normal-hover-border-color: #f5f9ff; --okd-button-secondary-normal-active-border-color: #afcfff; --okd-button-secondary-normal-focus-border-color: #d1e3ff; --okd-button-secondary-normal-disabled-border-color: #ebebeb; --okd-button-secondary-normal-default-font-color: #005eea; --okd-button-secondary-normal-hover-font-color: #005eea; --okd-button-secondary-normal-active-font-color: #005eea; --okd-button-secondary-normal-focus-font-color: #005eea; --okd-button-secondary-normal-disabled-font-color: #bdbdbd; --okd-button-secondary-normal-default-icon-color: #0569ff; --okd-button-secondary-normal-hover-icon-color: #0569ff; --okd-button-secondary-normal-active-icon-color: #0569ff; --okd-button-secondary-normal-focus-icon-color: #0569ff; --okd-button-secondary-normal-disabled-icon-color: #bdbdbd; --okd-button-secondary-normal-default-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-active-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-focus-shadow: 0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-secondary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-loader-track-color: #f5f9ff; --okd-button-secondary-normal-loader-mark-color: #0569ff; --okd-button-secondary-grey-default-background: #ebebeb; --okd-button-secondary-grey-hover-background: #f9f9f9; --okd-button-secondary-grey-active-background: #dbdbdb; --okd-button-secondary-grey-focus-background: #ebebeb; --okd-button-secondary-grey-disabled-background: #f9f9f9; --okd-button-secondary-grey-default-border-color: #ebebeb; --okd-button-secondary-grey-hover-border-color: #f9f9f9; --okd-button-secondary-grey-active-border-color: #dbdbdb; --okd-button-secondary-grey-focus-border-color: #ebebeb; --okd-button-secondary-grey-disabled-border-color: #f9f9f9; --okd-button-secondary-grey-default-font-color: #3d3d3d; --okd-button-secondary-grey-hover-font-color: #3d3d3d; --okd-button-secondary-grey-active-font-color: #3d3d3d; --okd-button-secondary-grey-focus-font-color: #3d3d3d; --okd-button-secondary-grey-disabled-font-color: #bdbdbd; --okd-button-secondary-grey-default-icon-color: #3d3d3d; --okd-button-secondary-grey-hover-icon-color: #3d3d3d; --okd-button-secondary-grey-active-icon-color: #3d3d3d; --okd-button-secondary-grey-focus-icon-color: #3d3d3d; --okd-button-secondary-grey-disabled-icon-color: #bdbdbd; --okd-button-secondary-grey-default-shadow: var(--okd-shadow-sm); --okd-button-secondary-grey-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-active-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px var(--growth-okd-color-gray-200); --okd-button-secondary-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-loader-track-color: #dbdbdb; --okd-button-secondary-grey-loader-mark-color: #3d3d3d; --okd-button-basic-normal-default-background: #fff; --okd-button-basic-normal-hover-background: #fff; --okd-button-basic-normal-active-background: #f9f9f9; --okd-button-basic-normal-focus-background: #fff; --okd-button-basic-normal-disabled-background: #fff; --okd-button-basic-normal-default-border-color: #dbdbdb; --okd-button-basic-normal-hover-border-color: #dbdbdb; --okd-button-basic-normal-active-border-color: #dbdbdb; --okd-button-basic-normal-focus-border-color: #8dbbff; --okd-button-basic-normal-disabled-border-color: #dbdbdb; --okd-button-basic-normal-default-font-color: #3d3d3d; --okd-button-basic-normal-hover-font-color: #929292; --okd-button-basic-normal-active-font-color: #000; --okd-button-basic-normal-focus-font-color: #3d3d3d; --okd-button-basic-normal-disabled-font-color: #bdbdbd; --okd-button-basic-normal-default-icon-color: #3d3d3d; --okd-button-basic-normal-hover-icon-color: #3d3d3d; --okd-button-basic-normal-active-icon-color: #3d3d3d; --okd-button-basic-normal-focus-icon-color: #3d3d3d; --okd-button-basic-normal-disabled-icon-color: #bdbdbd; --okd-button-basic-normal-default-shadow: var(--okd-shadow-sm); --okd-button-basic-normal-hover-shadow: var(--okd-shadow-none); --okd-button-basic-normal-active-shadow: var(--okd-shadow-none); --okd-button-basic-normal-focus-shadow: 0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-basic-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-basic-normal-loader-track-color: #d1e3ff; --okd-button-basic-normal-loader-mark-color: #0569ff; --okd-button-plain-normal-default-background: transparent; --okd-button-plain-normal-hover-background: #f5f9ff; --okd-button-plain-normal-active-background: #f5f9ff; --okd-button-plain-normal-focus-background: #f5f9ff; --okd-button-plain-normal-disabled-background: #f9f9f9; --okd-button-plain-normal-default-border-color: transparent; --okd-button-plain-normal-hover-border-color: transparent; --okd-button-plain-normal-active-border-color: transparent; --okd-button-plain-normal-focus-border-color: transparent; --okd-button-plain-normal-disabled-border-color: transparent; --okd-button-plain-normal-default-font-color: #005eea; --okd-button-plain-normal-hover-font-color: #005eea; --okd-button-plain-normal-active-font-color: #005eea; --okd-button-plain-normal-focus-font-color: #005eea; --okd-button-plain-normal-disabled-font-color: rgba(0,94,234,.45); --okd-button-plain-normal-default-icon-color: #005eea; --okd-button-plain-normal-hover-icon-color: #005eea; --okd-button-plain-normal-active-icon-color: #005eea; --okd-button-plain-normal-focus-icon-color: #005eea; --okd-button-plain-normal-disabled-icon-color: rgba(0,94,234,.45); --okd-button-plain-normal-default-shadow: none; --okd-button-plain-normal-hover-shadow: none; --okd-button-plain-normal-active-shadow: none; --okd-button-plain-normal-focus-shadow: none; --okd-button-plain-normal-disabled-shadow: none; --okd-button-plain-red-default-background: transparent; --okd-button-plain-red-hover-background: #fff8f9; --okd-button-plain-red-active-background: #fff8f9; --okd-button-plain-red-focus-background: #fff8f9; --okd-button-plain-red-disabled-background: #f9f9f9; --okd-button-plain-red-default-border-color: transparent; --okd-button-plain-red-hover-border-color: transparent; --okd-button-plain-red-active-border-color: transparent; --okd-button-plain-red-focus-border-color: transparent; --okd-button-plain-red-disabled-border-color: transparent; --okd-button-plain-red-default-font-color: #602031; --okd-button-plain-red-hover-font-color: #602031; --okd-button-plain-red-active-font-color: #602031; --okd-button-plain-red-focus-font-color: #602031; --okd-button-plain-red-disabled-font-color: rgba(96,32,49,.45); --okd-button-plain-red-default-icon-color: #602031; --okd-button-plain-red-hover-icon-color: #602031; --okd-button-plain-red-active-icon-color: #602031; --okd-button-plain-red-focus-icon-color: #602031; --okd-button-plain-red-disabled-icon-color: rgba(96,32,49,.45); --okd-button-plain-red-default-shadow: none; --okd-button-plain-red-hover-shadow: none; --okd-button-plain-red-active-shadow: none; --okd-button-plain-red-focus-shadow: none; --okd-button-plain-red-disabled-shadow: none; --okd-button-plain-green-default-background: transparent; --okd-button-plain-green-hover-background: #f2fff7; --okd-button-plain-green-active-background: #f2fff7; --okd-button-plain-green-focus-background: #f2fff7; --okd-button-plain-green-disabled-background: #f9f9f9; --okd-button-plain-green-default-border-color: transparent; --okd-button-plain-green-hover-border-color: transparent; --okd-button-plain-green-active-border-color: transparent; --okd-button-plain-green-focus-border-color: transparent; --okd-button-plain-green-disabled-border-color: transparent; --okd-button-plain-green-default-font-color: #0c5025; --okd-button-plain-green-hover-font-color: #0c5025; --okd-button-plain-green-active-font-color: #0c5025; --okd-button-plain-green-focus-font-color: #0c5025; --okd-button-plain-green-disabled-font-color: rgba(12,80,37,.45); --okd-button-plain-green-default-icon-color: #0c5025; --okd-button-plain-green-hover-icon-color: #0c5025; --okd-button-plain-green-active-icon-color: #0c5025; --okd-button-plain-green-focus-icon-color: #0c5025; --okd-button-plain-green-disabled-icon-color: rgba(12,80,37,.45); --okd-button-plain-green-default-shadow: none; --okd-button-plain-green-hover-shadow: none; --okd-button-plain-green-active-shadow: none; --okd-button-plain-green-focus-shadow: none; --okd-button-plain-green-disabled-shadow: none; --okd-button-plain-orange-default-background: transparent; --okd-button-plain-orange-hover-background: #fef9f6; --okd-button-plain-orange-active-background: #fef9f6; --okd-button-plain-orange-focus-background: #fef9f6; --okd-button-plain-orange-disabled-background: #f9f9f9; --okd-button-plain-orange-default-border-color: transparent; --okd-button-plain-orange-hover-border-color: transparent; --okd-button-plain-orange-active-border-color: transparent; --okd-button-plain-orange-focus-border-color: transparent; --okd-button-plain-orange-disabled-border-color: transparent; --okd-button-plain-orange-default-font-color: #e96010; --okd-button-plain-orange-hover-font-color: #e96010; --okd-button-plain-orange-active-font-color: #e96010; --okd-button-plain-orange-focus-font-color: #e96010; --okd-button-plain-orange-disabled-font-color: rgba(233,96,16,.45); --okd-button-plain-orange-default-icon-color: #e96010; --okd-button-plain-orange-hover-icon-color: #e96010; --okd-button-plain-orange-active-icon-color: #e96010; --okd-button-plain-orange-focus-icon-color: #e96010; --okd-button-plain-orange-disabled-icon-color: rgba(233,96,16,.45); --okd-button-plain-orange-default-shadow: none; --okd-button-plain-orange-hover-shadow: none; --okd-button-plain-orange-active-shadow: none; --okd-button-plain-orange-focus-shadow: none; --okd-button-plain-orange-disabled-shadow: none; --okd-button-plain-yellow-default-background: transparent; --okd-button-plain-yellow-hover-background: #fffcf5; --okd-button-plain-yellow-active-background: #fffcf5; --okd-button-plain-yellow-focus-background: #fffcf5; --okd-button-plain-yellow-disabled-background: #f9f9f9; --okd-button-plain-yellow-default-border-color: transparent; --okd-button-plain-yellow-hover-border-color: transparent; --okd-button-plain-yellow-active-border-color: transparent; --okd-button-plain-yellow-focus-border-color: transparent; --okd-button-plain-yellow-disabled-border-color: transparent; --okd-button-plain-yellow-default-font-color: #eaa900; --okd-button-plain-yellow-hover-font-color: #eaa900; --okd-button-plain-yellow-active-font-color: #eaa900; --okd-button-plain-yellow-focus-font-color: #eaa900; --okd-button-plain-yellow-disabled-font-color: rgba(234,169,0,.45); --okd-button-plain-yellow-default-icon-color: #eaa900; --okd-button-plain-yellow-hover-icon-color: #eaa900; --okd-button-plain-yellow-active-icon-color: #eaa900; --okd-button-plain-yellow-focus-icon-color: #eaa900; --okd-button-plain-yellow-disabled-icon-color: rgba(234,169,0,.45); --okd-button-plain-yellow-default-shadow: none; --okd-button-plain-yellow-hover-shadow: none; --okd-button-plain-yellow-active-shadow: none; --okd-button-plain-yellow-focus-shadow: none; --okd-button-plain-yellow-disabled-shadow: none; --okd-button-xxs-font-size: var(--okd-font-size-xs); --okd-button-xs-font-size: var(--okd-font-size-xs); --okd-button-sm-font-size: var(--okd-font-size-md); --okd-button-md-font-size: var(--okd-font-size-md); --okd-button-lg-font-size: var(--okd-font-size-base); --okd-button-xl-font-size: 18px; --okd-button-xxs-icon-size: 14px; --okd-button-xs-icon-size: 14px; --okd-button-sm-icon-size: 18px; --okd-button-md-icon-size: 18px; --okd-button-lg-icon-size: 18px; --okd-button-xl-icon-size: 18px; --okd-button-xxs-icon-margin: 6px; --okd-button-xs-icon-margin: 6px; --okd-button-sm-icon-margin: 6px; --okd-button-md-icon-margin: 6px; --okd-button-lg-icon-margin: 8px; --okd-button-xl-icon-margin: 8px; --okd-button-xxs-line-height: var(--okd-line-height-xs); --okd-button-xs-line-height: var(--okd-line-height-xs); --okd-button-sm-line-height: var(--okd-line-height-md); --okd-button-md-line-height: var(--okd-line-height-md); --okd-button-lg-line-height: var(--okd-line-height-base); --okd-button-xl-line-height: var(--okd-line-height-base); --okd-button-xxs-padding-horizontal: 8px; --okd-button-xxs-padding-vertical: 3px; --okd-button-xs-padding-horizontal: 8px; --okd-button-xs-padding-vertical: 5px; --okd-button-sm-padding-horizontal: 12px; --okd-button-sm-padding-vertical: 7px; --okd-button-md-padding-horizontal: 16px; --okd-button-md-padding-vertical: 9px; --okd-button-lg-padding-horizontal: 24px; --okd-button-lg-padding-vertical: 13px; --okd-button-xl-padding-horizontal: 24px; --okd-button-xl-padding-vertical: 17px; --okd-button-xxs-min-width: 63px; --okd-button-xs-min-width: 63px; --okd-button-sm-min-width: 81px; --okd-button-md-min-width: 90px; --okd-button-lg-min-width: 108px; --okd-button-xl-min-width: 126px; --okd-button-xxs-border-radius: 60px; --okd-button-xs-border-radius: 60px; --okd-button-sm-border-radius: 60px; --okd-button-md-border-radius: 60px; --okd-button-lg-border-radius: 60px; --okd-button-xl-border-radius: 60px; --okd-button-xxs-border-size: 1px; --okd-button-xs-border-size: 1px; --okd-button-sm-border-size: 1px; --okd-button-md-border-size: 1px; --okd-button-lg-border-size: 1px; --okd-button-xl-border-size: 1px; --okd-button-xl-loader-size: 18px; --okd-button-lg-loader-size: 14px; --okd-button-md-loader-size: 14px; --okd-button-sm-loader-size: 14px; --okd-button-xs-loader-size: 14px; --okd-button-xxs-loader-size: 14px; --okd-button-xl-loader-text-margin-left: 8px; --okd-button-lg-loader-text-margin-left: 8px; --okd-button-md-loader-text-margin-left: 6px; --okd-button-sm-loader-text-margin-left: 6px; --okd-button-xs-loader-text-margin-left: 6px; --okd-button-xxs-loader-text-margin-left: 6px; --okd-button-s-font-size: 14px; --okd-button-s-icon-size: 18px; --okd-button-s-icon-margin: 6px; --okd-button-s-line-height: 16px; --okd-button-s-padding-horizontal: 12px; --okd-button-s-padding-vertical: 7px; --okd-button-s-min-width: 72px; --okd-button-s-border-radius: 60px; --okd-button-s-loader-size: 14px; --okd-button-s-loader-text-margin-left: 6px; --okd-button-xl-font-weight: 600; --okd-button-lg-font-weight: 500; --okd-button-md-font-weight: 500; --okd-button-sm-font-weight: 500; --okd-button-rect-xxs-border-radius: 4px; --okd-button-rect-xs-border-radius: 4px; --okd-button-rect-sm-border-radius: 4px; --okd-button-rect-s-border-radius: 4px; --okd-button-rect-md-border-radius: 4px; --okd-button-rect-lg-border-radius: 8px; --okd-button-rect-xl-border-radius: 8px; --okd-button-outline-primary-default-background: var(--growth-okd-color-surface-interactive-default); --okd-button-outline-primary-hover-background: var(--growth-okd-color-surface-interactive-hovered); --okd-button-outline-primary-active-background: var(--growth-okd-color-surface-interactive-pressed); --okd-button-outline-primary-focus-background: var(--growth-okd-color-surface-interactive-default); --okd-button-outline-primary-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-button-outline-primary-default-border-color: transparent; --okd-button-outline-primary-hover-border-color: transparent; --okd-button-outline-primary-active-border-color: transparent; --okd-button-outline-primary-focus-border-color: transparent; --okd-button-outline-primary-disabled-border-color: transparent; --okd-button-outline-primary-default-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-hover-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-active-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-focus-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-disabled-font-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-outline-primary-default-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-hover-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-active-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-focus-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-disabled-icon-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-outline-primary-default-shadow: 0 0 0 0 transparent; --okd-button-outline-primary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-primary-active-shadow: var(--okd-shadow-none); --okd-button-outline-primary-focus-shadow: 0px 0px 0px 3px #00000014; --okd-button-outline-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-primary-loader-track-color: rgba(82,76,67,.5); --okd-button-outline-primary-loader-mark-color: var(--growth-okd-color-border-interactive-experience-default); --okd-button-outline-primary-border-size: 1px; --okd-button-outline-primary-loading-background: var(--growth-okd-color-surface-interactive-pressed); }
.theme-okx-money-dark .growth { --okd-button-primary-normal-default-background: #4283ff; --okd-button-primary-normal-hover-background: #1e6bff; --okd-button-primary-normal-active-background: #0f3c94; --okd-button-primary-normal-focus-background: #4283ff; --okd-button-primary-normal-disabled-background: #909090; --okd-button-primary-normal-default-border-color: #4283ff; --okd-button-primary-normal-hover-border-color: #1e6bff; --okd-button-primary-normal-active-border-color: #0f3c94; --okd-button-primary-normal-focus-border-color: #4283ff; --okd-button-primary-normal-disabled-border-color: #909090; --okd-button-primary-normal-default-font-color: #fff; --okd-button-primary-normal-hover-font-color: #fff; --okd-button-primary-normal-active-font-color: #fff; --okd-button-primary-normal-focus-font-color: #fff; --okd-button-primary-normal-disabled-font-color: #b0b0b0; --okd-button-primary-normal-default-icon-color: #fff; --okd-button-primary-normal-hover-icon-color: #fff; --okd-button-primary-normal-active-icon-color: #fff; --okd-button-primary-normal-focus-icon-color: #fff; --okd-button-primary-normal-disabled-icon-color: #b0b0b0; --okd-button-primary-normal-default-shadow: var(--okd-shadow-none); --okd-button-primary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-primary-normal-active-shadow: var(--okd-shadow-none); --okd-button-primary-normal-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-blue-200); --okd-button-primary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-normal-loader-track-color: hsla(0,0%,100%,.24); --okd-button-primary-normal-loader-mark-color: #fff; --okd-button-primary-red-default-background: #fff8f9; --okd-button-primary-red-hover-background: #f994ae; --okd-button-primary-red-active-background: #902b44; --okd-button-primary-red-focus-background: #fff8f9; --okd-button-primary-red-disabled-background: #909090; --okd-button-primary-red-default-border-color: #fff8f9; --okd-button-primary-red-hover-border-color: #f994ae; --okd-button-primary-red-active-border-color: #902b44; --okd-button-primary-red-focus-border-color: #fff8f9; --okd-button-primary-red-disabled-border-color: #909090; --okd-button-primary-red-default-font-color: #fff; --okd-button-primary-red-hover-font-color: #fff; --okd-button-primary-red-active-font-color: #fff; --okd-button-primary-red-focus-font-color: #fff; --okd-button-primary-red-disabled-font-color: #b0b0b0; --okd-button-primary-red-default-icon-color: #fff; --okd-button-primary-red-hover-icon-color: #fff; --okd-button-primary-red-active-icon-color: #fff; --okd-button-primary-red-focus-icon-color: #fff; --okd-button-primary-red-disabled-icon-color: #b0b0b0; --okd-button-primary-red-default-shadow: var(--okd-shadow-sm); --okd-button-primary-red-hover-shadow: var(--okd-shadow-none); --okd-button-primary-red-active-shadow: var(--okd-shadow-none); --okd-button-primary-red-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-red-200); --okd-button-primary-red-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-red-loader-track-color: hsla(0,0%,100%,.24); --okd-button-primary-red-loader-mark-color: #fff; --okd-button-primary-green-default-background: #d2f7de; --okd-button-primary-green-hover-background: #79e69d; --okd-button-primary-green-active-background: #138037; --okd-button-primary-green-focus-background: #d2f7de; --okd-button-primary-green-disabled-background: #909090; --okd-button-primary-green-default-border-color: #d2f7de; --okd-button-primary-green-hover-border-color: #79e69d; --okd-button-primary-green-active-border-color: #138037; --okd-button-primary-green-focus-border-color: #d2f7de; --okd-button-primary-green-disabled-border-color: #909090; --okd-button-primary-green-default-font-color: #fff; --okd-button-primary-green-hover-font-color: #fff; --okd-button-primary-green-active-font-color: #fff; --okd-button-primary-green-focus-font-color: #fff; --okd-button-primary-green-disabled-font-color: #b0b0b0; --okd-button-primary-green-default-icon-color: #fff; --okd-button-primary-green-hover-icon-color: #fff; --okd-button-primary-green-active-icon-color: #fff; --okd-button-primary-green-focus-icon-color: #fff; --okd-button-primary-green-disabled-icon-color: #b0b0b0; --okd-button-primary-green-default-shadow: var(--okd-shadow-sm); --okd-button-primary-green-hover-shadow: var(--okd-shadow-none); --okd-button-primary-green-active-shadow: var(--okd-shadow-none); --okd-button-primary-green-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-green-200); --okd-button-primary-green-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-green-loader-track-color: hsla(0,0%,100%,.24); --okd-button-primary-green-loader-mark-color: #fff; --okd-button-secondary-normal-default-background: #909090; --okd-button-secondary-normal-hover-background: #b0b0b0; --okd-button-secondary-normal-active-background: #6c6c6c; --okd-button-secondary-normal-focus-background: #909090; --okd-button-secondary-normal-disabled-background: #909090; --okd-button-secondary-normal-default-border-color: #909090; --okd-button-secondary-normal-hover-border-color: #b0b0b0; --okd-button-secondary-normal-active-border-color: #6c6c6c; --okd-button-secondary-normal-focus-border-color: #909090; --okd-button-secondary-normal-disabled-border-color: #909090; --okd-button-secondary-normal-default-font-color: #fff; --okd-button-secondary-normal-hover-font-color: #fff; --okd-button-secondary-normal-active-font-color: #fff; --okd-button-secondary-normal-focus-font-color: #fff; --okd-button-secondary-normal-disabled-font-color: #b0b0b0; --okd-button-secondary-normal-default-icon-color: #fff; --okd-button-secondary-normal-hover-icon-color: #fff; --okd-button-secondary-normal-active-icon-color: #fff; --okd-button-secondary-normal-focus-icon-color: #fff; --okd-button-secondary-normal-disabled-icon-color: #b0b0b0; --okd-button-secondary-normal-default-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-active-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-gray-200); --okd-button-secondary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-normal-loader-track-color: #ccc; --okd-button-secondary-normal-loader-mark-color: #fff; --okd-button-secondary-grey-default-background: #909090; --okd-button-secondary-grey-hover-background: #b0b0b0; --okd-button-secondary-grey-active-background: #6c6c6c; --okd-button-secondary-grey-focus-background: #909090; --okd-button-secondary-grey-disabled-background: #404040; --okd-button-secondary-grey-default-border-color: #909090; --okd-button-secondary-grey-hover-border-color: #b0b0b0; --okd-button-secondary-grey-active-border-color: #6c6c6c; --okd-button-secondary-grey-focus-border-color: #909090; --okd-button-secondary-grey-disabled-border-color: #404040; --okd-button-secondary-grey-default-font-color: #fff; --okd-button-secondary-grey-hover-font-color: #fff; --okd-button-secondary-grey-active-font-color: #fff; --okd-button-secondary-grey-focus-font-color: #fff; --okd-button-secondary-grey-disabled-font-color: #ccc; --okd-button-secondary-grey-default-icon-color: #fff; --okd-button-secondary-grey-hover-icon-color: #fff; --okd-button-secondary-grey-active-icon-color: #fff; --okd-button-secondary-grey-focus-icon-color: #fff; --okd-button-secondary-grey-disabled-icon-color: #ccc; --okd-button-secondary-grey-default-shadow: var(--okd-shadow-sm); --okd-button-secondary-grey-hover-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-active-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-gray-200); --okd-button-secondary-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-loader-track-color: #ccc; --okd-button-secondary-grey-loader-mark-color: #fafafa; --okd-button-basic-normal-default-background: transparent; --okd-button-basic-normal-hover-background: #404040; --okd-button-basic-normal-active-background: #6c6c6c; --okd-button-basic-normal-focus-background: transparent; --okd-button-basic-normal-disabled-background: transparent; --okd-button-basic-normal-default-border-color: #b0b0b0; --okd-button-basic-normal-hover-border-color: #b0b0b0; --okd-button-basic-normal-active-border-color: #b0b0b0; --okd-button-basic-normal-focus-border-color: #b0b0b0; --okd-button-basic-normal-disabled-border-color: #909090; --okd-button-basic-normal-default-font-color: #fff; --okd-button-basic-normal-hover-font-color: #fff; --okd-button-basic-normal-active-font-color: #fff; --okd-button-basic-normal-focus-font-color: #fff; --okd-button-basic-normal-disabled-font-color: #b0b0b0; --okd-button-basic-normal-default-icon-color: #fff; --okd-button-basic-normal-hover-icon-color: #fff; --okd-button-basic-normal-active-icon-color: #fff; --okd-button-basic-normal-focus-icon-color: #fff; --okd-button-basic-normal-disabled-icon-color: #b0b0b0; --okd-button-basic-normal-default-shadow: var(--okd-shadow-none); --okd-button-basic-normal-hover-shadow: var(--okd-shadow-none); --okd-button-basic-normal-active-shadow: var(--okd-shadow-none); --okd-button-basic-normal-focus-shadow: 0px 0px 0px 3px var(--growth-okd-color-gray-300); --okd-button-basic-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-basic-normal-loader-track-color: #909090; --okd-button-basic-normal-loader-mark-color: #fff; --okd-button-plain-normal-default-background: transparent; --okd-button-plain-normal-hover-background: #051738; --okd-button-plain-normal-active-background: #051738; --okd-button-plain-normal-focus-background: #051738; --okd-button-plain-normal-disabled-background: transparent; --okd-button-plain-normal-default-border-color: transparent; --okd-button-plain-normal-hover-border-color: transparent; --okd-button-plain-normal-active-border-color: transparent; --okd-button-plain-normal-focus-border-color: transparent; --okd-button-plain-normal-disabled-border-color: transparent; --okd-button-plain-normal-default-font-color: #3077ff; --okd-button-plain-normal-hover-font-color: #4283ff; --okd-button-plain-normal-active-font-color: #4283ff; --okd-button-plain-normal-focus-font-color: #4283ff; --okd-button-plain-normal-disabled-font-color: #ccc; --okd-button-plain-normal-default-icon-color: #3077ff; --okd-button-plain-normal-hover-icon-color: #4283ff; --okd-button-plain-normal-active-icon-color: #4283ff; --okd-button-plain-normal-focus-icon-color: #4283ff; --okd-button-plain-normal-disabled-icon-color: #ccc; --okd-button-plain-normal-default-shadow: none; --okd-button-plain-normal-hover-shadow: none; --okd-button-plain-normal-active-shadow: none; --okd-button-plain-normal-focus-shadow: none; --okd-button-plain-normal-disabled-shadow: none; --okd-button-plain-red-default-background: transparent; --okd-button-plain-red-hover-background: #270b12; --okd-button-plain-red-active-background: #270b12; --okd-button-plain-red-focus-background: #270b12; --okd-button-plain-red-disabled-background: #000; --okd-button-plain-red-default-border-color: transparent; --okd-button-plain-red-hover-border-color: transparent; --okd-button-plain-red-active-border-color: transparent; --okd-button-plain-red-focus-border-color: transparent; --okd-button-plain-red-disabled-border-color: transparent; --okd-button-plain-red-default-font-color: #f9b6c7; --okd-button-plain-red-hover-font-color: #f9b6c7; --okd-button-plain-red-active-font-color: #f9b6c7; --okd-button-plain-red-focus-font-color: #f9b6c7; --okd-button-plain-red-disabled-font-color: rgba(249,182,199,.45); --okd-button-plain-red-default-icon-color: #f9b6c7; --okd-button-plain-red-hover-icon-color: #f9b6c7; --okd-button-plain-red-active-icon-color: #f9b6c7; --okd-button-plain-red-focus-icon-color: #f9b6c7; --okd-button-plain-red-disabled-icon-color: rgba(249,182,199,.45); --okd-button-plain-red-default-shadow: none; --okd-button-plain-red-hover-shadow: none; --okd-button-plain-red-active-shadow: none; --okd-button-plain-red-focus-shadow: none; --okd-button-plain-red-disabled-shadow: none; --okd-button-plain-green-default-background: transparent; --okd-button-plain-green-hover-background: #002b1f; --okd-button-plain-green-active-background: #002b1f; --okd-button-plain-green-focus-background: #002b1f; --okd-button-plain-green-disabled-background: #000; --okd-button-plain-green-default-border-color: transparent; --okd-button-plain-green-hover-border-color: transparent; --okd-button-plain-green-active-border-color: transparent; --okd-button-plain-green-focus-border-color: transparent; --okd-button-plain-green-disabled-border-color: transparent; --okd-button-plain-green-default-font-color: #a5efbe; --okd-button-plain-green-hover-font-color: #a5efbe; --okd-button-plain-green-active-font-color: #a5efbe; --okd-button-plain-green-focus-font-color: #a5efbe; --okd-button-plain-green-disabled-font-color: rgba(165,239,190,.45); --okd-button-plain-green-default-icon-color: #a5efbe; --okd-button-plain-green-hover-icon-color: #a5efbe; --okd-button-plain-green-active-icon-color: #a5efbe; --okd-button-plain-green-focus-icon-color: #a5efbe; --okd-button-plain-green-disabled-icon-color: rgba(165,239,190,.45); --okd-button-plain-green-default-shadow: none; --okd-button-plain-green-hover-shadow: none; --okd-button-plain-green-active-shadow: none; --okd-button-plain-green-focus-shadow: none; --okd-button-plain-green-disabled-shadow: none; --okd-button-plain-orange-default-background: transparent; --okd-button-plain-orange-hover-background: #361604; --okd-button-plain-orange-active-background: #361604; --okd-button-plain-orange-focus-background: #361604; --okd-button-plain-orange-disabled-background: #000; --okd-button-plain-orange-default-border-color: transparent; --okd-button-plain-orange-hover-border-color: transparent; --okd-button-plain-orange-active-border-color: transparent; --okd-button-plain-orange-focus-border-color: transparent; --okd-button-plain-orange-disabled-border-color: transparent; --okd-button-plain-orange-default-font-color: #f87428; --okd-button-plain-orange-hover-font-color: #f87428; --okd-button-plain-orange-active-font-color: #f87428; --okd-button-plain-orange-focus-font-color: #f87428; --okd-button-plain-orange-disabled-font-color: rgba(248,116,40,.45); --okd-button-plain-orange-default-icon-color: #f87428; --okd-button-plain-orange-hover-icon-color: #f87428; --okd-button-plain-orange-active-icon-color: #f87428; --okd-button-plain-orange-focus-icon-color: #f87428; --okd-button-plain-orange-disabled-icon-color: rgba(248,116,40,.45); --okd-button-plain-orange-default-shadow: none; --okd-button-plain-orange-hover-shadow: none; --okd-button-plain-orange-active-shadow: none; --okd-button-plain-orange-focus-shadow: none; --okd-button-plain-orange-disabled-shadow: none; --okd-button-plain-yellow-default-background: transparent; --okd-button-plain-yellow-hover-background: #2d2104; --okd-button-plain-yellow-active-background: #2d2104; --okd-button-plain-yellow-focus-background: #2d2104; --okd-button-plain-yellow-disabled-background: #000; --okd-button-plain-yellow-default-border-color: transparent; --okd-button-plain-yellow-hover-border-color: transparent; --okd-button-plain-yellow-active-border-color: transparent; --okd-button-plain-yellow-focus-border-color: transparent; --okd-button-plain-yellow-disabled-border-color: transparent; --okd-button-plain-yellow-default-font-color: #dea921; --okd-button-plain-yellow-hover-font-color: #dea921; --okd-button-plain-yellow-active-font-color: #dea921; --okd-button-plain-yellow-focus-font-color: #dea921; --okd-button-plain-yellow-disabled-font-color: rgba(222,169,33,.45); --okd-button-plain-yellow-default-icon-color: #dea921; --okd-button-plain-yellow-hover-icon-color: #dea921; --okd-button-plain-yellow-active-icon-color: #dea921; --okd-button-plain-yellow-focus-icon-color: #dea921; --okd-button-plain-yellow-disabled-icon-color: rgba(222,169,33,.45); --okd-button-plain-yellow-default-shadow: none; --okd-button-plain-yellow-hover-shadow: none; --okd-button-plain-yellow-active-shadow: none; --okd-button-plain-yellow-focus-shadow: none; --okd-button-plain-yellow-disabled-shadow: none; --okd-button-xxs-font-size: var(--okd-font-size-xs); --okd-button-xs-font-size: var(--okd-font-size-xs); --okd-button-sm-font-size: var(--okd-font-size-md); --okd-button-md-font-size: var(--okd-font-size-md); --okd-button-lg-font-size: var(--okd-font-size-base); --okd-button-xl-font-size: 18px; --okd-button-xxs-icon-size: 14px; --okd-button-xs-icon-size: 14px; --okd-button-sm-icon-size: 18px; --okd-button-md-icon-size: 18px; --okd-button-lg-icon-size: 18px; --okd-button-xl-icon-size: 18px; --okd-button-xxs-icon-margin: 6px; --okd-button-xs-icon-margin: 6px; --okd-button-sm-icon-margin: 6px; --okd-button-md-icon-margin: 6px; --okd-button-lg-icon-margin: 8px; --okd-button-xl-icon-margin: 8px; --okd-button-xxs-line-height: var(--okd-line-height-xs); --okd-button-xs-line-height: var(--okd-line-height-xs); --okd-button-sm-line-height: var(--okd-line-height-md); --okd-button-md-line-height: var(--okd-line-height-md); --okd-button-lg-line-height: var(--okd-line-height-base); --okd-button-xl-line-height: var(--okd-line-height-base); --okd-button-xxs-padding-horizontal: 8px; --okd-button-xxs-padding-vertical: 3px; --okd-button-xs-padding-horizontal: 8px; --okd-button-xs-padding-vertical: 5px; --okd-button-sm-padding-horizontal: 12px; --okd-button-sm-padding-vertical: 7px; --okd-button-md-padding-horizontal: 16px; --okd-button-md-padding-vertical: 9px; --okd-button-lg-padding-horizontal: 24px; --okd-button-lg-padding-vertical: 13px; --okd-button-xl-padding-horizontal: 24px; --okd-button-xl-padding-vertical: 17px; --okd-button-xxs-min-width: 63px; --okd-button-xs-min-width: 63px; --okd-button-sm-min-width: 81px; --okd-button-md-min-width: 90px; --okd-button-lg-min-width: 108px; --okd-button-xl-min-width: 126px; --okd-button-xxs-border-radius: 60px; --okd-button-xs-border-radius: 60px; --okd-button-sm-border-radius: 60px; --okd-button-md-border-radius: 60px; --okd-button-lg-border-radius: 60px; --okd-button-xl-border-radius: 60px; --okd-button-xxs-border-size: 1px; --okd-button-xs-border-size: 1px; --okd-button-sm-border-size: 1px; --okd-button-md-border-size: 1px; --okd-button-lg-border-size: 1px; --okd-button-xl-border-size: 1px; --okd-button-xl-loader-size: 18px; --okd-button-lg-loader-size: 14px; --okd-button-md-loader-size: 14px; --okd-button-sm-loader-size: 14px; --okd-button-xs-loader-size: 14px; --okd-button-xxs-loader-size: 14px; --okd-button-xl-loader-text-margin-left: 8px; --okd-button-lg-loader-text-margin-left: 8px; --okd-button-md-loader-text-margin-left: 6px; --okd-button-sm-loader-text-margin-left: 6px; --okd-button-xs-loader-text-margin-left: 6px; --okd-button-xxs-loader-text-margin-left: 6px; --okd-button-s-font-size: 14px; --okd-button-s-icon-size: 18px; --okd-button-s-icon-margin: 6px; --okd-button-s-line-height: 16px; --okd-button-s-padding-horizontal: 12px; --okd-button-s-padding-vertical: 7px; --okd-button-s-min-width: 72px; --okd-button-s-border-radius: 60px; --okd-button-s-loader-size: 14px; --okd-button-s-loader-text-margin-left: 6px; --okd-button-rect-xxs-border-radius: 4px; --okd-button-rect-xs-border-radius: 4px; --okd-button-rect-sm-border-radius: 4px; --okd-button-rect-s-border-radius: 4px; --okd-button-rect-md-border-radius: 4px; --okd-button-rect-lg-border-radius: 8px; --okd-button-rect-xl-border-radius: 8px; --okd-button-outline-primary-default-background: var(--growth-okd-color-surface-interactive-default); --okd-button-outline-primary-hover-background: var(--growth-okd-color-surface-interactive-hovered); --okd-button-outline-primary-active-background: var(--growth-okd-color-surface-interactive-pressed); --okd-button-outline-primary-focus-background: var(--growth-okd-color-surface-interactive-default); --okd-button-outline-primary-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-button-outline-primary-default-border-color: transparent; --okd-button-outline-primary-hover-border-color: transparent; --okd-button-outline-primary-active-border-color: transparent; --okd-button-outline-primary-focus-border-color: transparent; --okd-button-outline-primary-disabled-border-color: transparent; --okd-button-outline-primary-default-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-hover-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-active-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-focus-font-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-disabled-font-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-outline-primary-default-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-hover-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-active-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-focus-icon-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-disabled-icon-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-outline-primary-default-shadow: var(--okd-shadow-none); --okd-button-outline-primary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-primary-active-shadow: var(--okd-shadow-none); --okd-button-outline-primary-focus-shadow: 0px 0px 0px 3.5px #ffffff1a; --okd-button-outline-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-primary-loader-track-color: var(--growth-okd-color-border-static-experience); --okd-button-outline-primary-loader-mark-color: var(--growth-okd-color-content-static-default); --okd-button-outline-primary-border-size: 1px; --okd-button-outline-primary-loading-background: var(--growth-okd-color-surface-interactive-pressed); }
.theme-light .growth { --okd-button-fill-highlight-default-background: var(--growth-okd-color-container-inverse); --okd-button-fill-highlight-hover-background: var(--growth-okd-color-container-contrast); --okd-button-fill-highlight-active-background: var(--growth-okd-color-container-contrast); --okd-button-fill-highlight-focus-background: #000; --okd-button-fill-highlight-disabled-background: #f3f3f3; --okd-button-fill-highlight-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-focus-border-color: #000; --okd-button-fill-highlight-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-focus-font-color: #fff; --okd-button-fill-highlight-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-highlight-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-focus-icon-color: #fff; --okd-button-fill-highlight-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-highlight-default-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-hover-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-active-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #1d202359; --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-highlight-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-highlight-border-size: 0px; --okd-button-fill-primary-default-background: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-hover-background: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-active-background: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-focus-background: #0051ca; --okd-button-fill-primary-disabled-background: #f3f3f3; --okd-button-fill-primary-default-border-color: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-primary-active-border-color: transparent; --okd-button-fill-primary-focus-border-color: transparent; --okd-button-fill-primary-disabled-border-color: var(--growth-okd-color-background-surface-primary); --okd-button-fill-primary-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-primary-hover-font-color: hsla(0,0%,100%,.6); --okd-button-fill-primary-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-primary-focus-font-color: #fff; --okd-button-fill-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-primary-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-primary-hover-icon-color: hsla(0,0%,100%,.6); --okd-button-fill-primary-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-primary-focus-icon-color: #fff; --okd-button-fill-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-primary-default-shadow: var(--okd-shadow-none); --okd-button-fill-primary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-primary-active-shadow: var(--okd-shadow-none); --okd-button-fill-primary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040; --okd-button-fill-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-primary-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-primary-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-primary-border-size: 0px; --okd-button-fill-secondary-default-background: #f5f9ff; --okd-button-fill-secondary-hover-background: #d1e3ff; --okd-button-fill-secondary-active-background: #afcfff; --okd-button-fill-secondary-focus-background: #d1e3ff; --okd-button-fill-secondary-disabled-background: #f5f9ff; --okd-button-fill-secondary-default-border-color: #f5f9ff; --okd-button-fill-secondary-hover-border-color: #d1e3ff; --okd-button-fill-secondary-active-border-color: #afcfff; --okd-button-fill-secondary-focus-border-color: #d1e3ff; --okd-button-fill-secondary-disabled-border-color: #f5f9ff; --okd-button-fill-secondary-default-font-color: #005eea; --okd-button-fill-secondary-hover-font-color: #005eea; --okd-button-fill-secondary-active-font-color: #005eea; --okd-button-fill-secondary-focus-font-color: #005eea; --okd-button-fill-secondary-disabled-font-color: #8dbbff; --okd-button-fill-secondary-default-icon-color: #0569ff; --okd-button-fill-secondary-hover-icon-color: #0569ff; --okd-button-fill-secondary-active-icon-color: #0569ff; --okd-button-fill-secondary-focus-icon-color: #0569ff; --okd-button-fill-secondary-disabled-icon-color: #bdbdbd; --okd-button-fill-secondary-default-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-active-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040; --okd-button-fill-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-loader-track-color: #f5f9ff; --okd-button-fill-secondary-loader-mark-color: #0569ff; --okd-button-fill-secondary-border-size: 0px; --okd-button-fill-tertiary-border-size: 0px; --okd-button-fill-tertiary-default-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-focus-background: hsla(0,0%,100%,.8); --okd-button-fill-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-disabled-background: hsla(0,0%,100%,.06); --okd-button-fill-tertiary-disabled-font-color: hsla(0,0%,100%,.36); --okd-button-fill-tertiary-disabled-border-color: hsla(0,0%,100%,.06); --okd-button-fill-tertiary-default-border-color: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-border-color: hsla(0,0%,100%,0); --okd-button-fill-tertiary-focus-border-color: rgba(48,16,25,0); --okd-button-fill-tertiary-active-border-color: hsla(0,0%,100%,0); --okd-button-fill-tertiary-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-tertiary-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-tertiary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-hover-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-hover-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-focus-font-color: #000; --okd-button-fill-tertiary-focus-icon-color: #000; --okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-active-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-active-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-disabled-icon-color: hsla(0,0%,100%,.36); --okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-border-size: 0px; --okd-button-fill-quaternary-default-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-default-font-color: #fff; --okd-button-fill-quaternary-default-border-color: transparent; --okd-button-fill-quaternary-hover-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-hover-border-color: transparent; --okd-button-fill-quaternary-hover-font-color: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-focus-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-focus-border-color: transparent; --okd-button-fill-quaternary-focus-font-color: #fff; --okd-button-fill-quaternary-active-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-active-border-color: transparent; --okd-button-fill-quaternary-active-font-color: #fff; --okd-button-fill-quaternary-disabled-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-disabled-font-color: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-disabled-border-color: transparent; --okd-button-fill-quaternary-loader-track-color: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-loader-mark-color: #fff; --okd-button-fill-quaternary-default-icon-color: #fff; --okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-hover-icon-color: #fff; --okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-focus-icon-color: #fff; --okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-active-icon-color: #fff; --okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-disabled-icon-color: #fff; --okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-red-default-background: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-background: rgba(235,75,109,.8); --okd-button-fill-red-active-background: rgba(235,75,109,.8); --okd-button-fill-red-focus-background: #602031; --okd-button-fill-red-disabled-background: #f3f3f3; --okd-button-fill-red-default-border-color: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-border-color: transparent; --okd-button-fill-red-active-border-color: transparent; --okd-button-fill-red-focus-border-color: #602031; --okd-button-fill-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-red-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-focus-font-color: #fff; --okd-button-fill-red-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-focus-icon-color: #fff; --okd-button-fill-red-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-shadow: 0 0 0 0 transparent; --okd-button-fill-red-hover-shadow: var(--okd-shadow-none); --okd-button-fill-red-active-shadow: var(--okd-shadow-none); --okd-button-fill-red-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #e35e5e66; --okd-button-fill-red-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-red-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-red-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-red-border-size: 0px; --okd-button-fill-green-default-background: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-background: rgba(49,189,101,.8); --okd-button-fill-green-active-background: rgba(49,189,101,.8); --okd-button-fill-green-focus-background: #0c5025; --okd-button-fill-green-disabled-background: #f3f3f3; --okd-button-fill-green-default-border-color: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-border-color: transparent; --okd-button-fill-green-active-border-color: transparent; --okd-button-fill-green-focus-border-color: transparent; --okd-button-fill-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-green-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-focus-font-color: #fff; --okd-button-fill-green-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-focus-icon-color: #fff; --okd-button-fill-green-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-shadow: 0 0 0 0 transparent; --okd-button-fill-green-hover-shadow: var(--okd-shadow-none); --okd-button-fill-green-active-shadow: var(--okd-shadow-none); --okd-button-fill-green-focus-shadow: 0px 0px 0px 1px #fff,0px 0px 0px 3.5px #2ead6573; --okd-button-fill-green-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-green-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-green-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-green-border-size: 0px; --okd-button-fill-grey-default-background: var(--growth-okd-color-background-surface-primary); --okd-button-fill-grey-hover-background: #e6e6e6; --okd-button-fill-grey-active-background: #f3f3f3; --okd-button-fill-grey-focus-background: hsla(0,0%,86%,.5); --okd-button-fill-grey-disabled-background: #f3f3f3; --okd-button-fill-grey-default-border-color: var(--growth-okd-color-background-surface-primary); --okd-button-fill-grey-hover-border-color: transparent; --okd-button-fill-grey-active-border-color: transparent; --okd-button-fill-grey-focus-border-color: #dbdbdb; --okd-button-fill-grey-disabled-border-color: var(--growth-okd-color-background-surface-disable); --okd-button-fill-grey-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-font-color: #3d3d3d; --okd-button-fill-grey-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-icon-color: #3d3d3d; --okd-button-fill-grey-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-shadow: 0 0 0 0 transparent; --okd-button-fill-grey-hover-shadow: var(--okd-shadow-none); --okd-button-fill-grey-active-shadow: var(--okd-shadow-none); --okd-button-fill-grey-focus-shadow: 0px 0px 0px 0px #00000000,0px 0px 0px 3.5px #d8dce673; --okd-button-fill-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-grey-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-grey-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-grey-border-size: 0px; --okd-button-outline-highlight-border-size: 1.5px; --okd-button-outline-highlight-hover-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-focus-background: #000; --okd-button-outline-highlight-focus-border-color: #000; --okd-button-outline-highlight-focus-font-color: #fff; --okd-button-outline-highlight-active-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-border-color: var(--growth-okd-color-border-primary); --okd-button-outline-highlight-hover-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-active-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-loader-track-color: #dbdbdb; --okd-button-outline-highlight-loader-mark-color: #000; --okd-button-outline-highlight-default-background: transparent; --okd-button-outline-highlight-default-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-default-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-focus-icon-color: #fff; --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-disabled-background: transparent; --okd-button-outline-highlight-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-secondary-default-background: #fff; --okd-button-outline-secondary-hover-background: #f7f7f7; --okd-button-outline-secondary-active-background: #f9f9f9; --okd-button-outline-secondary-focus-background: #f7f7f7; --okd-button-outline-secondary-disabled-background: #fff; --okd-button-outline-secondary-default-border-color: #dbdbdb; --okd-button-outline-secondary-hover-border-color: #dbdbdb; --okd-button-outline-secondary-active-border-color: #dbdbdb; --okd-button-outline-secondary-focus-border-color: #dbdbdb; --okd-button-outline-secondary-disabled-border-color: #ebebeb; --okd-button-outline-secondary-default-font-color: #000; --okd-button-outline-secondary-hover-font-color: #000; --okd-button-outline-secondary-active-font-color: #000; --okd-button-outline-secondary-focus-font-color: #000; --okd-button-outline-secondary-disabled-font-color: #bdbdbd; --okd-button-outline-secondary-default-icon-color: #000; --okd-button-outline-secondary-hover-icon-color: #000; --okd-button-outline-secondary-active-icon-color: #000; --okd-button-outline-secondary-focus-icon-color: #000; --okd-button-outline-secondary-disabled-icon-color: #bdbdbd; --okd-button-outline-secondary-default-shadow: 0 0 0 0 transparent; --okd-button-outline-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-active-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-focus-shadow: 0px 0px 0px 3px #00000014; --okd-button-outline-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-loader-track-color: rgba(0,0,0,.25); --okd-button-outline-secondary-loader-mark-color: #000; --okd-button-outline-secondary-border-size: 1px; --okd-button-outline-tertiary-border-size: 1.5px; --okd-button-outline-tertiary-default-background: transparent; --okd-button-outline-tertiary-default-border-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-focus-icon-color: #000; --okd-button-outline-tertiary-focus-font-color: #000; --okd-button-outline-tertiary-focus-border-color: #fff; --okd-button-outline-tertiary-focus-background: #fff; --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-disabled-icon-color: hsla(0,0%,100%,.36); --okd-button-outline-tertiary-disabled-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-disabled-border-color: hsla(0,0%,98%,.12); --okd-button-outline-tertiary-disabled-background: transparent; --okd-button-outline-tertiary-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-loader-track-color: hsla(0,0%,98%,.3); --okd-button-text-primary-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-background: #f3f3f3; --okd-button-text-primary-active-background: #f3f3f3; --okd-button-text-primary-focus-background: #f5f9ff; --okd-button-text-primary-disabled-background: undefined; --okd-button-text-primary-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-focus-border-color: transparent; --okd-button-text-primary-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-font-color: #005eea; --okd-button-text-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-icon-color: #005eea; --okd-button-text-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-shadow: none; --okd-button-text-primary-hover-shadow: none; --okd-button-text-primary-active-shadow: none; --okd-button-text-primary-focus-shadow: none; --okd-button-text-primary-disabled-shadow: none; --okd-button-text-primary-border-size: 1px; --okd-button-text-secondary-default-background: transparent; --okd-button-text-secondary-hover-background: #f5f9ff; --okd-button-text-secondary-active-background: #f5f9ff; --okd-button-text-secondary-focus-background: #f5f9ff; --okd-button-text-secondary-disabled-background: #f9f9f9; --okd-button-text-secondary-default-border-color: transparent; --okd-button-text-secondary-hover-border-color: transparent; --okd-button-text-secondary-active-border-color: transparent; --okd-button-text-secondary-focus-border-color: transparent; --okd-button-text-secondary-disabled-border-color: transparent; --okd-button-text-secondary-default-font-color: #0569ff; --okd-button-text-secondary-hover-font-color: #005eea; --okd-button-text-secondary-active-font-color: #005eea; --okd-button-text-secondary-focus-font-color: #005eea; --okd-button-text-secondary-disabled-font-color: rgba(0,94,234,.45); --okd-button-text-secondary-default-icon-color: #0569ff; --okd-button-text-secondary-hover-icon-color: #005eea; --okd-button-text-secondary-active-icon-color: #005eea; --okd-button-text-secondary-focus-icon-color: #005eea; --okd-button-text-secondary-disabled-icon-color: rgba(0,94,234,.45); --okd-button-text-secondary-default-shadow: none; --okd-button-text-secondary-hover-shadow: none; --okd-button-text-secondary-active-shadow: none; --okd-button-text-secondary-focus-shadow: none; --okd-button-text-secondary-disabled-shadow: none; --okd-button-text-secondary-border-size: 1px; --okd-button-text-red-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-red-hover-background: rgba(235,75,109,.05); --okd-button-text-red-active-background: rgba(235,75,109,.05); --okd-button-text-red-focus-background: #fff8f9; --okd-button-text-red-disabled-background: hsla(0,0%,98%,0); --okd-button-text-red-default-border-color: transparent; --okd-button-text-red-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-focus-border-color: transparent; --okd-button-text-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-default-font-color: #eb4b6d; --okd-button-text-red-hover-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-active-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-font-color: #602031; --okd-button-text-red-disabled-font-color: rgba(235,75,109,.45); --okd-button-text-red-default-icon-color: #602031; --okd-button-text-red-hover-icon-color: #eb4b6d; --okd-button-text-red-active-icon-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-icon-color: #602031; --okd-button-text-red-disabled-icon-color: rgba(235,75,109,.45); --okd-button-text-red-default-shadow: none; --okd-button-text-red-hover-shadow: none; --okd-button-text-red-active-shadow: none; --okd-button-text-red-focus-shadow: none; --okd-button-text-red-disabled-shadow: none; --okd-button-text-red-border-size: 1px; --okd-button-text-green-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-background: rgba(49,189,101,.05); --okd-button-text-green-active-background: rgba(49,189,101,.05); --okd-button-text-green-focus-background: #f2fff7; --okd-button-text-green-disabled-background: hsla(0,0%,98%,0); --okd-button-text-green-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-focus-border-color: transparent; --okd-button-text-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-default-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-font-color: #0c5025; --okd-button-text-green-disabled-font-color: rgba(49,189,101,.45); --okd-button-text-green-default-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-icon-color: #0c5025; --okd-button-text-green-disabled-icon-color: rgba(49,189,101,.45); --okd-button-text-green-default-shadow: none; --okd-button-text-green-hover-shadow: none; --okd-button-text-green-active-shadow: none; --okd-button-text-green-focus-shadow: none; --okd-button-text-green-disabled-shadow: none; --okd-button-text-green-border-size: 1px; --okd-button-text-yellow-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-background: rgba(255,177,23,.05); --okd-button-text-yellow-active-background: rgba(255,177,23,.05); --okd-button-text-yellow-focus-background: #fffcf5; --okd-button-text-yellow-disabled-background: hsla(0,0%,98%,0); --okd-button-text-yellow-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-focus-border-color: transparent; --okd-button-text-yellow-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-default-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-font-color: #eaa900; --okd-button-text-yellow-disabled-font-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-icon-color: #eaa900; --okd-button-text-yellow-disabled-icon-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-shadow: none; --okd-button-text-yellow-hover-shadow: none; --okd-button-text-yellow-active-shadow: none; --okd-button-text-yellow-focus-shadow: none; --okd-button-text-yellow-disabled-shadow: none; --okd-button-text-yellow-border-size: 1px; --okd-button-text-orange-default-background: transparent; --okd-button-text-orange-hover-background: #fef9f6; --okd-button-text-orange-active-background: #fef9f6; --okd-button-text-orange-focus-background: #fef9f6; --okd-button-text-orange-disabled-background: #f9f9f9; --okd-button-text-orange-default-border-color: transparent; --okd-button-text-orange-hover-border-color: transparent; --okd-button-text-orange-active-border-color: transparent; --okd-button-text-orange-focus-border-color: transparent; --okd-button-text-orange-disabled-border-color: transparent; --okd-button-text-orange-default-font-color: #e96010; --okd-button-text-orange-hover-font-color: #e96010; --okd-button-text-orange-active-font-color: #e96010; --okd-button-text-orange-focus-font-color: #e96010; --okd-button-text-orange-disabled-font-color: rgba(233,96,16,.45); --okd-button-text-orange-default-icon-color: #e96010; --okd-button-text-orange-hover-icon-color: #e96010; --okd-button-text-orange-active-icon-color: #e96010; --okd-button-text-orange-focus-icon-color: #e96010; --okd-button-text-orange-disabled-icon-color: rgba(233,96,16,.45); --okd-button-text-orange-default-shadow: none; --okd-button-text-orange-hover-shadow: none; --okd-button-text-orange-active-shadow: none; --okd-button-text-orange-focus-shadow: none; --okd-button-text-orange-disabled-shadow: none; --okd-button-text-orange-border-size: 1px; }
.theme-dark .growth { --okd-button-fill-highlight-default-background: var(--growth-okd-color-container-inverse); --okd-button-fill-highlight-hover-background: var(--growth-okd-color-container-inverse); --okd-button-fill-highlight-active-background: var(--growth-okd-color-container-inverse); --okd-button-fill-highlight-focus-background: #fafafa; --okd-button-fill-highlight-disabled-background: #1d1d1d; --okd-button-fill-highlight-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-focus-border-color: #fafafa; --okd-button-fill-highlight-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-highlight-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-hover-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-highlight-active-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-highlight-focus-font-color: #000; --okd-button-fill-highlight-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-highlight-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-highlight-hover-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-highlight-active-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-highlight-focus-icon-color: #000; --okd-button-fill-highlight-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-highlight-default-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-hover-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-active-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-focus-shadow: 0px 0px 0px 1.5px #000,0px 0px 0px 4px #fafafa40; --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-loader-track-color: rgba(0,0,0,.26); --okd-button-fill-highlight-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-highlight-border-size: 0px; --okd-button-fill-primary-default-background: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-hover-background: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-active-background: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-focus-background: #1453cc; --okd-button-fill-primary-disabled-background: #1d1d1d; --okd-button-fill-primary-default-border-color: var(--growth-okd-color-container-inverse); --okd-button-fill-primary-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-primary-active-border-color: transparent; --okd-button-fill-primary-focus-border-color: transparent; --okd-button-fill-primary-disabled-border-color: var(--growth-okd-color-background-surface-primary); --okd-button-fill-primary-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-primary-hover-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-primary-active-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-primary-focus-font-color: #fff; --okd-button-fill-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-primary-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-primary-hover-icon-color: rgba(0,0,0,.6); --okd-button-fill-primary-active-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-primary-focus-icon-color: #fff; --okd-button-fill-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-primary-default-shadow: var(--okd-shadow-none); --okd-button-fill-primary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-primary-active-shadow: var(--okd-shadow-none); --okd-button-fill-primary-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #2676ff8c; --okd-button-fill-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-primary-loader-track-color: rgba(0,0,0,.26); --okd-button-fill-primary-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-primary-border-size: 0px; --okd-button-fill-secondary-default-background: hsla(0,0%,98%,.06); --okd-button-fill-secondary-hover-background: hsla(0,0%,100%,.15); --okd-button-fill-secondary-active-background: hsla(0,0%,100%,.15); --okd-button-fill-secondary-focus-background: hsla(0,0%,100%,.15); --okd-button-fill-secondary-disabled-background: hsla(0,0%,100%,.06); --okd-button-fill-secondary-default-border-color: transparent; --okd-button-fill-secondary-hover-border-color: transparent; --okd-button-fill-secondary-active-border-color: transparent; --okd-button-fill-secondary-focus-border-color: transparent; --okd-button-fill-secondary-disabled-border-color: #242424; --okd-button-fill-secondary-default-font-color: #fafafa; --okd-button-fill-secondary-hover-font-color: #fff; --okd-button-fill-secondary-active-font-color: #fff; --okd-button-fill-secondary-focus-font-color: #fff; --okd-button-fill-secondary-disabled-font-color: #6c6c6c; --okd-button-fill-secondary-default-icon-color: #fafafa; --okd-button-fill-secondary-hover-icon-color: #fafafa; --okd-button-fill-secondary-active-icon-color: #fff; --okd-button-fill-secondary-focus-icon-color: #fff; --okd-button-fill-secondary-disabled-icon-color: #6c6c6c; --okd-button-fill-secondary-default-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-active-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a; --okd-button-fill-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-loader-track-color: #6c6c6c; --okd-button-fill-secondary-loader-mark-color: #fff; --okd-button-fill-secondary-border-size: 0px; --okd-button-fill-tertiary-border-size: 0px; --okd-button-fill-tertiary-default-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-focus-background: hsla(0,0%,100%,.8); --okd-button-fill-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-disabled-background: rgba(39,39,39,.06); --okd-button-fill-tertiary-default-border-color: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-border-color: rgba(39,39,39,0); --okd-button-fill-tertiary-focus-border-color: hsla(0,0%,100%,0); --okd-button-fill-tertiary-active-border-color: rgba(39,39,39,0); --okd-button-fill-tertiary-disabled-border-color: rgba(39,39,39,.06); --okd-button-fill-tertiary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-hover-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-hover-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-focus-font-color: #000; --okd-button-fill-tertiary-focus-icon-color: #000; --okd-button-fill-tertiary-active-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-active-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-disabled-icon-color: rgba(0,0,0,.36); --okd-button-fill-tertiary-disabled-font-color: rgba(0,0,0,.36); --okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-tertiary-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-quaternary-border-size: 0px; --okd-button-fill-quaternary-default-background: hsla(0,0%,100%,.06); --okd-button-fill-quaternary-default-border-color: transparent; --okd-button-fill-quaternary-default-icon-color: #fff; --okd-button-fill-quaternary-default-font-color: #fff; --okd-button-fill-quaternary-hover-icon-color: #fff; --okd-button-fill-quaternary-hover-font-color: #fff; --okd-button-fill-quaternary-hover-border-color: transparent; --okd-button-fill-quaternary-hover-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-focus-icon-color: #fff; --okd-button-fill-quaternary-focus-font-color: #fff; --okd-button-fill-quaternary-focus-border-color: transparent; --okd-button-fill-quaternary-focus-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-active-icon-color: #fff; --okd-button-fill-quaternary-active-font-color: #fff; --okd-button-fill-quaternary-active-border-color: transparent; --okd-button-fill-quaternary-active-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-disabled-icon-color: hsla(0,0%,100%,.3); --okd-button-fill-quaternary-disabled-font-color: hsla(0,0%,100%,.3); --okd-button-fill-quaternary-disabled-border-color: transparent; --okd-button-fill-quaternary-disabled-background: hsla(0,0%,100%,.06); --okd-button-fill-quaternary-loader-mark-color: #fff; --okd-button-fill-quaternary-loader-track-color: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-red-default-background: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-background: rgba(202,63,100,.8); --okd-button-fill-red-active-background: rgba(202,63,100,.8); --okd-button-fill-red-focus-background: #f04872; --okd-button-fill-red-disabled-background: #1d1d1d; --okd-button-fill-red-default-border-color: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-border-color: transparent; --okd-button-fill-red-active-border-color: transparent; --okd-button-fill-red-focus-border-color: transparent; --okd-button-fill-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-red-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-focus-font-color: #fff; --okd-button-fill-red-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-focus-icon-color: #fff; --okd-button-fill-red-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-shadow: var(--okd-shadow-sm); --okd-button-fill-red-hover-shadow: var(--okd-shadow-none); --okd-button-fill-red-active-shadow: var(--okd-shadow-none); --okd-button-fill-red-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #bf474780; --okd-button-fill-red-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-red-loader-track-color: hsla(0,0%,100%,.15); --okd-button-fill-red-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-red-border-size: 0px; --okd-button-fill-green-default-background: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-background: rgba(37,167,80,.8); --okd-button-fill-green-active-background: rgba(37,167,80,.8); --okd-button-fill-green-focus-background: #25a750; --okd-button-fill-green-disabled-background: #1d1d1d; --okd-button-fill-green-default-border-color: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-border-color: transparent; --okd-button-fill-green-active-border-color: transparent; --okd-button-fill-green-focus-border-color: #25a750; --okd-button-fill-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-green-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-focus-font-color: #fff; --okd-button-fill-green-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-focus-icon-color: #fff; --okd-button-fill-green-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-shadow: var(--okd-shadow-sm); --okd-button-fill-green-hover-shadow: var(--okd-shadow-none); --okd-button-fill-green-active-shadow: var(--okd-shadow-none); --okd-button-fill-green-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #33b06a8c; --okd-button-fill-green-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-green-loader-track-color: hsla(0,0%,100%,.15); --okd-button-fill-green-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-green-border-size: 0px; --okd-button-fill-grey-default-background: #1d1d1d; --okd-button-fill-grey-hover-background: #272727; --okd-button-fill-grey-active-background: #1d1d1d; --okd-button-fill-grey-focus-background: rgba(64,64,64,.6); --okd-button-fill-grey-disabled-background: #1d1d1d; --okd-button-fill-grey-default-border-color: var(--growth-okd-color-background-surface-primary); --okd-button-fill-grey-hover-border-color: transparent; --okd-button-fill-grey-active-border-color: transparent; --okd-button-fill-grey-focus-border-color: #404040; --okd-button-fill-grey-disabled-border-color: var(--growth-okd-color-background-surface-disable); --okd-button-fill-grey-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-font-color: #fff; --okd-button-fill-grey-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-icon-color: #fff; --okd-button-fill-grey-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-shadow: 0 0 0 0 transparent; --okd-button-fill-grey-hover-shadow: var(--okd-shadow-none); --okd-button-fill-grey-active-shadow: 0 0 0 0 transparent; --okd-button-fill-grey-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a; --okd-button-fill-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-grey-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-grey-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-grey-border-size: 0px; --okd-button-outline-highlight-border-size: 1px; --okd-button-outline-highlight-default-background: transparent; --okd-button-outline-highlight-default-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-default-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-hover-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-hover-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-focus-background: #fff; --okd-button-outline-highlight-focus-border-color: #fff; --okd-button-outline-highlight-focus-font-color: #000; --okd-button-outline-highlight-focus-icon-color: #000; --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-active-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-active-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-disabled-background: transparent; --okd-button-outline-highlight-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-border-color: var(--growth-okd-color-border-primary); --okd-button-outline-highlight-loader-track-color: hsla(0,0%,100%,.25); --okd-button-outline-highlight-loader-mark-color: #fff; --okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-secondary-default-background: transparent; --okd-button-outline-secondary-hover-background: #242424; --okd-button-outline-secondary-active-background: #242424; --okd-button-outline-secondary-focus-background: #242424; --okd-button-outline-secondary-disabled-background: transparent; --okd-button-outline-secondary-default-border-color: #404040; --okd-button-outline-secondary-hover-border-color: #404040; --okd-button-outline-secondary-active-border-color: #404040; --okd-button-outline-secondary-focus-border-color: #404040; --okd-button-outline-secondary-disabled-border-color: #2e2e2e; --okd-button-outline-secondary-default-font-color: #fafafa; --okd-button-outline-secondary-hover-font-color: #fafafa; --okd-button-outline-secondary-active-font-color: #fafafa; --okd-button-outline-secondary-focus-font-color: #fafafa; --okd-button-outline-secondary-disabled-font-color: #6c6c6c; --okd-button-outline-secondary-default-icon-color: #fafafa; --okd-button-outline-secondary-hover-icon-color: #fafafa; --okd-button-outline-secondary-active-icon-color: #fafafa; --okd-button-outline-secondary-focus-icon-color: #fafafa; --okd-button-outline-secondary-disabled-icon-color: #6c6c6c; --okd-button-outline-secondary-default-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-active-shadow: 0 0 0 0 transparent; --okd-button-outline-secondary-focus-shadow: 0px 0px 0px 3.5px #ffffff1a; --okd-button-outline-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-loader-track-color: hsla(0,0%,100%,.25); --okd-button-outline-secondary-loader-mark-color: #fff; --okd-button-outline-secondary-border-size: 1px; --okd-button-outline-tertiary-border-size: 1.5px; --okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-border-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-default-background: transparent; --okd-button-outline-tertiary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-focus-icon-color: #000; --okd-button-outline-tertiary-focus-font-color: #000; --okd-button-outline-tertiary-focus-border-color: #fff; --okd-button-outline-tertiary-focus-background: #fff; --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-disabled-icon-color: rgba(0,0,0,.36); --okd-button-outline-tertiary-disabled-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-disabled-border-color: rgba(0,0,0,.12); --okd-button-outline-tertiary-disabled-background: transparent; --okd-button-outline-tertiary-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-loader-track-color: rgba(0,0,0,.3); --okd-button-text-primary-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-background: #1d1d1d; --okd-button-text-primary-active-background: #1d1d1d; --okd-button-text-primary-focus-background: #051738; --okd-button-text-primary-disabled-background: undefined; --okd-button-text-primary-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-focus-border-color: transparent; --okd-button-text-primary-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-font-color: #4283ff; --okd-button-text-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-icon-color: #4283ff; --okd-button-text-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-shadow: none; --okd-button-text-primary-hover-shadow: none; --okd-button-text-primary-active-shadow: none; --okd-button-text-primary-focus-shadow: none; --okd-button-text-primary-disabled-shadow: none; --okd-button-text-primary-border-size: 1px; --okd-button-text-secondary-default-background: transparent; --okd-button-text-secondary-hover-background: #051738; --okd-button-text-secondary-active-background: #051738; --okd-button-text-secondary-focus-background: #051738; --okd-button-text-secondary-disabled-background: transparent; --okd-button-text-secondary-default-border-color: transparent; --okd-button-text-secondary-hover-border-color: transparent; --okd-button-text-secondary-active-border-color: transparent; --okd-button-text-secondary-focus-border-color: transparent; --okd-button-text-secondary-disabled-border-color: transparent; --okd-button-text-secondary-default-font-color: #4283ff; --okd-button-text-secondary-hover-font-color: #4283ff; --okd-button-text-secondary-active-font-color: #4283ff; --okd-button-text-secondary-focus-font-color: #4283ff; --okd-button-text-secondary-disabled-font-color: #6c6c6c; --okd-button-text-secondary-default-icon-color: #4283ff; --okd-button-text-secondary-hover-icon-color: #4283ff; --okd-button-text-secondary-active-icon-color: #4283ff; --okd-button-text-secondary-focus-icon-color: #4283ff; --okd-button-text-secondary-disabled-icon-color: #6c6c6c; --okd-button-text-secondary-default-shadow: none; --okd-button-text-secondary-hover-shadow: none; --okd-button-text-secondary-active-shadow: none; --okd-button-text-secondary-focus-shadow: none; --okd-button-text-secondary-disabled-shadow: none; --okd-button-text-secondary-border-size: 1px; --okd-button-text-red-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-red-hover-background: rgba(202,63,100,.05); --okd-button-text-red-active-background: rgba(202,63,100,.05); --okd-button-text-red-focus-background: #270b12; --okd-button-text-red-disabled-background: hsla(0,0%,5%,0); --okd-button-text-red-default-border-color: transparent; --okd-button-text-red-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-focus-border-color: transparent; --okd-button-text-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-default-font-color: #ca3f64; --okd-button-text-red-hover-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-active-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-font-color: #f9b6c7; --okd-button-text-red-disabled-font-color: rgba(202,63,100,.45); --okd-button-text-red-default-icon-color: #ca3f64; --okd-button-text-red-hover-icon-color: rgba(202,63,100,.1); --okd-button-text-red-active-icon-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-icon-color: #f9b6c7; --okd-button-text-red-disabled-icon-color: rgba(202,63,100,.45); --okd-button-text-red-default-shadow: none; --okd-button-text-red-hover-shadow: none; --okd-button-text-red-active-shadow: none; --okd-button-text-red-focus-shadow: none; --okd-button-text-red-disabled-shadow: none; --okd-button-text-red-border-size: 1px; --okd-button-text-green-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-background: rgba(37,167,80,.05); --okd-button-text-green-active-background: rgba(37,167,80,.05); --okd-button-text-green-focus-background: #002b1f; --okd-button-text-green-disabled-background: hsla(0,0%,5%,0); --okd-button-text-green-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-focus-border-color: transparent; --okd-button-text-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-default-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-font-color: #a5efbe; --okd-button-text-green-disabled-font-color: rgba(37,167,80,.45); --okd-button-text-green-default-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-icon-color: #a5efbe; --okd-button-text-green-disabled-icon-color: rgba(37,167,80,.45); --okd-button-text-green-default-shadow: none; --okd-button-text-green-hover-shadow: none; --okd-button-text-green-active-shadow: none; --okd-button-text-green-focus-shadow: none; --okd-button-text-green-disabled-shadow: none; --okd-button-text-green-border-size: 1px; --okd-button-text-yellow-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-background: rgba(255,177,23,.05); --okd-button-text-yellow-active-background: rgba(255,177,23,.05); --okd-button-text-yellow-focus-background: #2d2104; --okd-button-text-yellow-disabled-background: hsla(0,0%,5%,0); --okd-button-text-yellow-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-focus-border-color: transparent; --okd-button-text-yellow-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-default-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-font-color: #dea921; --okd-button-text-yellow-disabled-font-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-icon-color: #dea921; --okd-button-text-yellow-disabled-icon-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-shadow: none; --okd-button-text-yellow-hover-shadow: none; --okd-button-text-yellow-active-shadow: none; --okd-button-text-yellow-focus-shadow: none; --okd-button-text-yellow-disabled-shadow: none; --okd-button-text-yellow-border-size: 1px; --okd-button-text-orange-default-background: transparent; --okd-button-text-orange-hover-background: #361604; --okd-button-text-orange-active-background: #361604; --okd-button-text-orange-focus-background: #361604; --okd-button-text-orange-disabled-background: #000; --okd-button-text-orange-default-border-color: transparent; --okd-button-text-orange-hover-border-color: transparent; --okd-button-text-orange-active-border-color: transparent; --okd-button-text-orange-focus-border-color: transparent; --okd-button-text-orange-disabled-border-color: transparent; --okd-button-text-orange-default-font-color: #fa8c4d; --okd-button-text-orange-hover-font-color: #f87428; --okd-button-text-orange-active-font-color: #f87428; --okd-button-text-orange-focus-font-color: #f87428; --okd-button-text-orange-disabled-font-color: rgba(248,116,40,.45); --okd-button-text-orange-default-icon-color: #f87428; --okd-button-text-orange-hover-icon-color: #f87428; --okd-button-text-orange-active-icon-color: #f87428; --okd-button-text-orange-focus-icon-color: #f87428; --okd-button-text-orange-disabled-icon-color: rgba(248,116,40,.45); --okd-button-text-orange-default-shadow: none; --okd-button-text-orange-hover-shadow: none; --okd-button-text-orange-active-shadow: none; --okd-button-text-orange-focus-shadow: none; --okd-button-text-orange-disabled-shadow: none; --okd-button-text-orange-border-size: 1px; }
.theme-okx-money-light .growth { --okd-button-fill-highlight-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-highlight-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-button-fill-highlight-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-highlight-focus-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-highlight-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-button-fill-highlight-default-border-color: transparent; --okd-button-fill-highlight-hover-border-color: transparent; --okd-button-fill-highlight-active-border-color: transparent; --okd-button-fill-highlight-focus-border-color: transparent; --okd-button-fill-highlight-disabled-border-color: transparent; --okd-button-fill-highlight-default-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-hover-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-active-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-focus-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-disabled-font-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-highlight-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-active-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-focus-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-disabled-icon-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-highlight-default-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-hover-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-active-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #1d202359; --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-loader-track-color: hsla(45,15%,89%,.3); --okd-button-fill-highlight-loader-mark-color: var(--growth-okd-color-border-interactive-oncolor); --okd-button-fill-highlight-border-size: 0px; --okd-button-fill-highlight-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-primary-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-primary-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-button-fill-primary-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-primary-focus-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-primary-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-button-fill-primary-default-border-color: transparent; --okd-button-fill-primary-hover-border-color: transparent; --okd-button-fill-primary-active-border-color: transparent; --okd-button-fill-primary-focus-border-color: transparent; --okd-button-fill-primary-disabled-border-color: transparent; --okd-button-fill-primary-default-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-hover-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-active-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-focus-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-disabled-font-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-primary-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-active-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-focus-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-disabled-icon-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-primary-default-shadow: var(--okd-shadow-none); --okd-button-fill-primary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-primary-active-shadow: var(--okd-shadow-none); --okd-button-fill-primary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040; --okd-button-fill-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-primary-loader-track-color: hsla(45,15%,89%,.3); --okd-button-fill-primary-loader-mark-color: var(--growth-okd-color-border-interactive-oncolor); --okd-button-fill-primary-border-size: 0px; --okd-button-fill-primary-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-secondary-default-background: #f5f9ff; --okd-button-fill-secondary-hover-background: #d1e3ff; --okd-button-fill-secondary-active-background: #afcfff; --okd-button-fill-secondary-focus-background: #d1e3ff; --okd-button-fill-secondary-disabled-background: #f5f9ff; --okd-button-fill-secondary-default-border-color: #f5f9ff; --okd-button-fill-secondary-hover-border-color: #d1e3ff; --okd-button-fill-secondary-active-border-color: #afcfff; --okd-button-fill-secondary-focus-border-color: #d1e3ff; --okd-button-fill-secondary-disabled-border-color: #f5f9ff; --okd-button-fill-secondary-default-font-color: #005eea; --okd-button-fill-secondary-hover-font-color: #005eea; --okd-button-fill-secondary-active-font-color: #005eea; --okd-button-fill-secondary-focus-font-color: #005eea; --okd-button-fill-secondary-disabled-font-color: #8dbbff; --okd-button-fill-secondary-default-icon-color: #0569ff; --okd-button-fill-secondary-hover-icon-color: #0569ff; --okd-button-fill-secondary-active-icon-color: #0569ff; --okd-button-fill-secondary-focus-icon-color: #0569ff; --okd-button-fill-secondary-disabled-icon-color: #bdbdbd; --okd-button-fill-secondary-default-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-active-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040; --okd-button-fill-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-loader-track-color: #f5f9ff; --okd-button-fill-secondary-loader-mark-color: #0569ff; --okd-button-fill-secondary-border-size: 0px; --okd-button-fill-tertiary-border-size: 0px; --okd-button-fill-tertiary-default-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-focus-background: hsla(0,0%,100%,.8); --okd-button-fill-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-disabled-background: hsla(0,0%,100%,.06); --okd-button-fill-tertiary-disabled-font-color: hsla(0,0%,100%,.36); --okd-button-fill-tertiary-disabled-border-color: hsla(0,0%,100%,.06); --okd-button-fill-tertiary-default-border-color: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-border-color: hsla(0,0%,100%,0); --okd-button-fill-tertiary-focus-border-color: rgba(48,16,25,0); --okd-button-fill-tertiary-active-border-color: hsla(0,0%,100%,0); --okd-button-fill-tertiary-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-tertiary-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-tertiary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-hover-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-hover-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-focus-font-color: #000; --okd-button-fill-tertiary-focus-icon-color: #000; --okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-active-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-active-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-disabled-icon-color: hsla(0,0%,100%,.36); --okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-border-size: 0px; --okd-button-fill-quaternary-default-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-default-font-color: #fff; --okd-button-fill-quaternary-default-border-color: transparent; --okd-button-fill-quaternary-hover-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-hover-border-color: transparent; --okd-button-fill-quaternary-hover-font-color: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-focus-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-focus-border-color: transparent; --okd-button-fill-quaternary-focus-font-color: #fff; --okd-button-fill-quaternary-active-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-active-border-color: transparent; --okd-button-fill-quaternary-active-font-color: #fff; --okd-button-fill-quaternary-disabled-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-disabled-font-color: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-disabled-border-color: transparent; --okd-button-fill-quaternary-loader-track-color: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-loader-mark-color: #fff; --okd-button-fill-quaternary-default-icon-color: #fff; --okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-hover-icon-color: #fff; --okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-focus-icon-color: #fff; --okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-active-icon-color: #fff; --okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-disabled-icon-color: #fff; --okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-red-default-background: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-background: rgba(235,75,109,.8); --okd-button-fill-red-active-background: rgba(235,75,109,.8); --okd-button-fill-red-focus-background: #602031; --okd-button-fill-red-disabled-background: var(--growth-okd-color-btnsecfade-disable); --okd-button-fill-red-default-border-color: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-border-color: transparent; --okd-button-fill-red-active-border-color: transparent; --okd-button-fill-red-focus-border-color: #602031; --okd-button-fill-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-red-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-focus-font-color: #fff; --okd-button-fill-red-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-red-focus-icon-color: #fff; --okd-button-fill-red-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-shadow: 0 0 0 0 transparent; --okd-button-fill-red-hover-shadow: var(--okd-shadow-none); --okd-button-fill-red-active-shadow: var(--okd-shadow-none); --okd-button-fill-red-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #e35e5e66; --okd-button-fill-red-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-red-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-red-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-red-border-size: 0px; --okd-button-fill-green-default-background: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-background: rgba(49,189,101,.8); --okd-button-fill-green-active-background: rgba(49,189,101,.8); --okd-button-fill-green-focus-background: #0c5025; --okd-button-fill-green-disabled-background: var(--growth-okd-color-btnsecfade-disable); --okd-button-fill-green-default-border-color: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-border-color: transparent; --okd-button-fill-green-active-border-color: transparent; --okd-button-fill-green-focus-border-color: transparent; --okd-button-fill-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-green-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-focus-font-color: #fff; --okd-button-fill-green-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-fill-green-focus-icon-color: #fff; --okd-button-fill-green-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-shadow: 0 0 0 0 transparent; --okd-button-fill-green-hover-shadow: var(--okd-shadow-none); --okd-button-fill-green-active-shadow: var(--okd-shadow-none); --okd-button-fill-green-focus-shadow: 0px 0px 0px 1px #fff,0px 0px 0px 3.5px #2ead6573; --okd-button-fill-green-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-green-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-green-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-fill-green-border-size: 0px; --okd-button-fill-grey-default-background: var(--growth-okd-color-background-surface-primary); --okd-button-fill-grey-hover-background: var(--growth-okd-color-btnsecfade-hover); --okd-button-fill-grey-active-background: var(--growth-okd-color-btnsecfade-default); --okd-button-fill-grey-focus-background: hsla(0,0%,86%,.5); --okd-button-fill-grey-disabled-background: var(--growth-okd-color-btnsecfade-disable); --okd-button-fill-grey-default-border-color: var(--growth-okd-color-background-surface-primary); --okd-button-fill-grey-hover-border-color: transparent; --okd-button-fill-grey-active-border-color: transparent; --okd-button-fill-grey-focus-border-color: #dbdbdb; --okd-button-fill-grey-disabled-border-color: var(--growth-okd-color-background-surface-disable); --okd-button-fill-grey-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-font-color: #3d3d3d; --okd-button-fill-grey-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-icon-color: #3d3d3d; --okd-button-fill-grey-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-shadow: 0 0 0 0 transparent; --okd-button-fill-grey-hover-shadow: var(--okd-shadow-none); --okd-button-fill-grey-active-shadow: var(--okd-shadow-none); --okd-button-fill-grey-focus-shadow: 0px 0px 0px 0px #00000000,0px 0px 0px 3.5px #d8dce673; --okd-button-fill-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-grey-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-grey-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-grey-border-size: 0px; --okd-button-outline-highlight-border-size: 1.5px; --okd-button-outline-highlight-hover-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-focus-background: #000; --okd-button-outline-highlight-focus-border-color: #000; --okd-button-outline-highlight-focus-font-color: #fff; --okd-button-outline-highlight-active-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-border-color: var(--growth-okd-color-border-primary); --okd-button-outline-highlight-hover-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-active-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-loader-track-color: #dbdbdb; --okd-button-outline-highlight-loader-mark-color: #000; --okd-button-outline-highlight-default-background: transparent; --okd-button-outline-highlight-default-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-default-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-focus-icon-color: #fff; --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-disabled-background: transparent; --okd-button-outline-highlight-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-secondary-default-background: #fff; --okd-button-outline-secondary-hover-background: #f7f7f7; --okd-button-outline-secondary-active-background: #f9f9f9; --okd-button-outline-secondary-focus-background: #f7f7f7; --okd-button-outline-secondary-disabled-background: #fff; --okd-button-outline-secondary-default-border-color: #dbdbdb; --okd-button-outline-secondary-hover-border-color: #dbdbdb; --okd-button-outline-secondary-active-border-color: #dbdbdb; --okd-button-outline-secondary-focus-border-color: #dbdbdb; --okd-button-outline-secondary-disabled-border-color: #ebebeb; --okd-button-outline-secondary-default-font-color: #000; --okd-button-outline-secondary-hover-font-color: #000; --okd-button-outline-secondary-active-font-color: #000; --okd-button-outline-secondary-focus-font-color: #000; --okd-button-outline-secondary-disabled-font-color: #bdbdbd; --okd-button-outline-secondary-default-icon-color: #000; --okd-button-outline-secondary-hover-icon-color: #000; --okd-button-outline-secondary-active-icon-color: #000; --okd-button-outline-secondary-focus-icon-color: #000; --okd-button-outline-secondary-disabled-icon-color: #bdbdbd; --okd-button-outline-secondary-default-shadow: 0 0 0 0 transparent; --okd-button-outline-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-active-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-focus-shadow: 0px 0px 0px 3px #00000014; --okd-button-outline-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-loader-track-color: rgba(0,0,0,.25); --okd-button-outline-secondary-loader-mark-color: #000; --okd-button-outline-secondary-border-size: 1px; --okd-button-outline-tertiary-border-size: 1.5px; --okd-button-outline-tertiary-default-background: transparent; --okd-button-outline-tertiary-default-border-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-focus-icon-color: #000; --okd-button-outline-tertiary-focus-font-color: #000; --okd-button-outline-tertiary-focus-border-color: #fff; --okd-button-outline-tertiary-focus-background: #fff; --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-disabled-icon-color: hsla(0,0%,100%,.36); --okd-button-outline-tertiary-disabled-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-disabled-border-color: hsla(0,0%,98%,.12); --okd-button-outline-tertiary-disabled-background: transparent; --okd-button-outline-tertiary-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-loader-track-color: hsla(0,0%,98%,.3); --okd-button-text-primary-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-background: var(--growth-okd-color-btnsecfade-default); --okd-button-text-primary-active-background: var(--growth-okd-color-btnsecfade-default); --okd-button-text-primary-focus-background: #f5f9ff; --okd-button-text-primary-disabled-background: hsla(0,0%,95%,0); --okd-button-text-primary-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-focus-border-color: transparent; --okd-button-text-primary-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-font-color: #005eea; --okd-button-text-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-icon-color: #005eea; --okd-button-text-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-shadow: none; --okd-button-text-primary-hover-shadow: none; --okd-button-text-primary-active-shadow: none; --okd-button-text-primary-focus-shadow: none; --okd-button-text-primary-disabled-shadow: none; --okd-button-text-primary-border-size: 1px; --okd-button-text-secondary-default-background: transparent; --okd-button-text-secondary-hover-background: #f5f9ff; --okd-button-text-secondary-active-background: #f5f9ff; --okd-button-text-secondary-focus-background: #f5f9ff; --okd-button-text-secondary-disabled-background: #f9f9f9; --okd-button-text-secondary-default-border-color: transparent; --okd-button-text-secondary-hover-border-color: transparent; --okd-button-text-secondary-active-border-color: transparent; --okd-button-text-secondary-focus-border-color: transparent; --okd-button-text-secondary-disabled-border-color: transparent; --okd-button-text-secondary-default-font-color: #0569ff; --okd-button-text-secondary-hover-font-color: #005eea; --okd-button-text-secondary-active-font-color: #005eea; --okd-button-text-secondary-focus-font-color: #005eea; --okd-button-text-secondary-disabled-font-color: rgba(0,94,234,.45); --okd-button-text-secondary-default-icon-color: #0569ff; --okd-button-text-secondary-hover-icon-color: #005eea; --okd-button-text-secondary-active-icon-color: #005eea; --okd-button-text-secondary-focus-icon-color: #005eea; --okd-button-text-secondary-disabled-icon-color: rgba(0,94,234,.45); --okd-button-text-secondary-default-shadow: none; --okd-button-text-secondary-hover-shadow: none; --okd-button-text-secondary-active-shadow: none; --okd-button-text-secondary-focus-shadow: none; --okd-button-text-secondary-disabled-shadow: none; --okd-button-text-secondary-border-size: 1px; --okd-button-text-red-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-red-hover-background: rgba(235,75,109,.05); --okd-button-text-red-active-background: rgba(235,75,109,.05); --okd-button-text-red-focus-background: #fff8f9; --okd-button-text-red-disabled-background: hsla(0,0%,98%,0); --okd-button-text-red-default-border-color: transparent; --okd-button-text-red-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-focus-border-color: transparent; --okd-button-text-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-default-font-color: #eb4b6d; --okd-button-text-red-hover-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-active-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-font-color: #602031; --okd-button-text-red-disabled-font-color: rgba(235,75,109,.45); --okd-button-text-red-default-icon-color: #602031; --okd-button-text-red-hover-icon-color: #eb4b6d; --okd-button-text-red-active-icon-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-icon-color: #602031; --okd-button-text-red-disabled-icon-color: rgba(235,75,109,.45); --okd-button-text-red-default-shadow: none; --okd-button-text-red-hover-shadow: none; --okd-button-text-red-active-shadow: none; --okd-button-text-red-focus-shadow: none; --okd-button-text-red-disabled-shadow: none; --okd-button-text-red-border-size: 1px; --okd-button-text-green-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-background: rgba(49,189,101,.05); --okd-button-text-green-active-background: rgba(49,189,101,.05); --okd-button-text-green-focus-background: #f2fff7; --okd-button-text-green-disabled-background: hsla(0,0%,98%,0); --okd-button-text-green-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-focus-border-color: transparent; --okd-button-text-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-default-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-font-color: #0c5025; --okd-button-text-green-disabled-font-color: rgba(49,189,101,.45); --okd-button-text-green-default-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-icon-color: #0c5025; --okd-button-text-green-disabled-icon-color: rgba(49,189,101,.45); --okd-button-text-green-default-shadow: none; --okd-button-text-green-hover-shadow: none; --okd-button-text-green-active-shadow: none; --okd-button-text-green-focus-shadow: none; --okd-button-text-green-disabled-shadow: none; --okd-button-text-green-border-size: 1px; --okd-button-text-yellow-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-background: rgba(255,177,23,.05); --okd-button-text-yellow-active-background: rgba(255,177,23,.05); --okd-button-text-yellow-focus-background: #fffcf5; --okd-button-text-yellow-disabled-background: hsla(0,0%,98%,0); --okd-button-text-yellow-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-focus-border-color: transparent; --okd-button-text-yellow-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-default-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-font-color: #eaa900; --okd-button-text-yellow-disabled-font-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-icon-color: #eaa900; --okd-button-text-yellow-disabled-icon-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-shadow: none; --okd-button-text-yellow-hover-shadow: none; --okd-button-text-yellow-active-shadow: none; --okd-button-text-yellow-focus-shadow: none; --okd-button-text-yellow-disabled-shadow: none; --okd-button-text-yellow-border-size: 1px; --okd-button-text-orange-default-background: transparent; --okd-button-text-orange-hover-background: #fef9f6; --okd-button-text-orange-active-background: #fef9f6; --okd-button-text-orange-focus-background: #fef9f6; --okd-button-text-orange-disabled-background: #f9f9f9; --okd-button-text-orange-default-border-color: transparent; --okd-button-text-orange-hover-border-color: transparent; --okd-button-text-orange-active-border-color: transparent; --okd-button-text-orange-focus-border-color: transparent; --okd-button-text-orange-disabled-border-color: transparent; --okd-button-text-orange-default-font-color: #e96010; --okd-button-text-orange-hover-font-color: #e96010; --okd-button-text-orange-active-font-color: #e96010; --okd-button-text-orange-focus-font-color: #e96010; --okd-button-text-orange-disabled-font-color: rgba(233,96,16,.45); --okd-button-text-orange-default-icon-color: #e96010; --okd-button-text-orange-hover-icon-color: #e96010; --okd-button-text-orange-active-icon-color: #e96010; --okd-button-text-orange-focus-icon-color: #e96010; --okd-button-text-orange-disabled-icon-color: rgba(233,96,16,.45); --okd-button-text-orange-default-shadow: none; --okd-button-text-orange-hover-shadow: none; --okd-button-text-orange-active-shadow: none; --okd-button-text-orange-focus-shadow: none; --okd-button-text-orange-disabled-shadow: none; --okd-button-text-orange-border-size: 1px; }
.theme-okx-money-dark .growth { --okd-button-fill-highlight-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-highlight-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-button-fill-highlight-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-highlight-focus-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-highlight-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-button-fill-highlight-default-border-color: transparent; --okd-button-fill-highlight-hover-border-color: transparent; --okd-button-fill-highlight-active-border-color: transparent; --okd-button-fill-highlight-focus-border-color: transparent; --okd-button-fill-highlight-disabled-border-color: transparent; --okd-button-fill-highlight-default-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-hover-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-active-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-focus-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-disabled-font-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-highlight-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-active-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-focus-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-disabled-icon-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-highlight-default-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-hover-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-active-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-focus-shadow: 0px 0px 0px 1.5px #000,0px 0px 0px 4px #fafafa40; --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-loader-track-color: var(--growth-okd-color-border-interactive-oncolor); --okd-button-fill-highlight-loader-mark-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-highlight-border-size: 0px; --okd-button-fill-highlight-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-primary-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-primary-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-button-fill-primary-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-primary-focus-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-button-fill-primary-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-button-fill-primary-default-border-color: transparent; --okd-button-fill-primary-hover-border-color: transparent; --okd-button-fill-primary-active-border-color: transparent; --okd-button-fill-primary-focus-border-color: transparent; --okd-button-fill-primary-disabled-border-color: transparent; --okd-button-fill-primary-default-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-hover-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-active-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-focus-font-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-disabled-font-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-primary-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-active-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-focus-icon-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-disabled-icon-color: var(--growth-okd-color-content-interactive-disabled); --okd-button-fill-primary-default-shadow: var(--okd-shadow-none); --okd-button-fill-primary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-primary-active-shadow: var(--okd-shadow-none); --okd-button-fill-primary-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #2676ff8c; --okd-button-fill-primary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-primary-loader-track-color: var(--growth-okd-color-border-interactive-oncolor); --okd-button-fill-primary-loader-mark-color: var(--growth-okd-color-content-static-inverse); --okd-button-fill-primary-border-size: 0px; --okd-button-fill-primary-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-button-fill-secondary-default-background: hsla(0,0%,98%,.06); --okd-button-fill-secondary-hover-background: hsla(0,0%,100%,.15); --okd-button-fill-secondary-active-background: hsla(0,0%,100%,.15); --okd-button-fill-secondary-focus-background: hsla(0,0%,100%,.15); --okd-button-fill-secondary-disabled-background: hsla(0,0%,100%,.06); --okd-button-fill-secondary-default-border-color: transparent; --okd-button-fill-secondary-hover-border-color: transparent; --okd-button-fill-secondary-active-border-color: transparent; --okd-button-fill-secondary-focus-border-color: transparent; --okd-button-fill-secondary-disabled-border-color: #242424; --okd-button-fill-secondary-default-font-color: #fafafa; --okd-button-fill-secondary-hover-font-color: #fff; --okd-button-fill-secondary-active-font-color: #fff; --okd-button-fill-secondary-focus-font-color: #fff; --okd-button-fill-secondary-disabled-font-color: #6c6c6c; --okd-button-fill-secondary-default-icon-color: #fafafa; --okd-button-fill-secondary-hover-icon-color: #fafafa; --okd-button-fill-secondary-active-icon-color: #fff; --okd-button-fill-secondary-focus-icon-color: #fff; --okd-button-fill-secondary-disabled-icon-color: #6c6c6c; --okd-button-fill-secondary-default-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-active-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a; --okd-button-fill-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-secondary-loader-track-color: #6c6c6c; --okd-button-fill-secondary-loader-mark-color: #fff; --okd-button-fill-secondary-border-size: 0px; --okd-button-fill-tertiary-border-size: 0px; --okd-button-fill-tertiary-default-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-focus-background: hsla(0,0%,100%,.8); --okd-button-fill-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-disabled-background: rgba(39,39,39,.06); --okd-button-fill-tertiary-default-border-color: var(--growth-okd-color-container-primary); --okd-button-fill-tertiary-hover-border-color: rgba(39,39,39,0); --okd-button-fill-tertiary-focus-border-color: hsla(0,0%,100%,0); --okd-button-fill-tertiary-active-border-color: rgba(39,39,39,0); --okd-button-fill-tertiary-disabled-border-color: rgba(39,39,39,.06); --okd-button-fill-tertiary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-tertiary-hover-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-hover-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-focus-font-color: #000; --okd-button-fill-tertiary-focus-icon-color: #000; --okd-button-fill-tertiary-active-icon-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-active-font-color: var(--growth-okd-color-content-contrast); --okd-button-fill-tertiary-disabled-icon-color: rgba(0,0,0,.36); --okd-button-fill-tertiary-disabled-font-color: rgba(0,0,0,.36); --okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-tertiary-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-quaternary-border-size: 0px; --okd-button-fill-quaternary-default-background: hsla(0,0%,100%,.06); --okd-button-fill-quaternary-default-border-color: transparent; --okd-button-fill-quaternary-default-icon-color: #fff; --okd-button-fill-quaternary-default-font-color: #fff; --okd-button-fill-quaternary-hover-icon-color: #fff; --okd-button-fill-quaternary-hover-font-color: #fff; --okd-button-fill-quaternary-hover-border-color: transparent; --okd-button-fill-quaternary-hover-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-focus-icon-color: #fff; --okd-button-fill-quaternary-focus-font-color: #fff; --okd-button-fill-quaternary-focus-border-color: transparent; --okd-button-fill-quaternary-focus-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-active-icon-color: #fff; --okd-button-fill-quaternary-active-font-color: #fff; --okd-button-fill-quaternary-active-border-color: transparent; --okd-button-fill-quaternary-active-background: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-disabled-icon-color: hsla(0,0%,100%,.3); --okd-button-fill-quaternary-disabled-font-color: hsla(0,0%,100%,.3); --okd-button-fill-quaternary-disabled-border-color: transparent; --okd-button-fill-quaternary-disabled-background: hsla(0,0%,100%,.06); --okd-button-fill-quaternary-loader-mark-color: #fff; --okd-button-fill-quaternary-loader-track-color: hsla(0,0%,100%,.15); --okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fill-red-default-background: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-background: rgba(202,63,100,.8); --okd-button-fill-red-active-background: rgba(202,63,100,.8); --okd-button-fill-red-focus-background: #f04872; --okd-button-fill-red-disabled-background: var(--growth-okd-color-btnsecfade-default); --okd-button-fill-red-default-border-color: var(--growth-okd-color-semantic-negative); --okd-button-fill-red-hover-border-color: transparent; --okd-button-fill-red-active-border-color: transparent; --okd-button-fill-red-focus-border-color: transparent; --okd-button-fill-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-red-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-focus-font-color: #fff; --okd-button-fill-red-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-red-focus-icon-color: #fff; --okd-button-fill-red-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-red-default-shadow: var(--okd-shadow-sm); --okd-button-fill-red-hover-shadow: var(--okd-shadow-none); --okd-button-fill-red-active-shadow: var(--okd-shadow-none); --okd-button-fill-red-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #bf474780; --okd-button-fill-red-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-red-loader-track-color: hsla(0,0%,100%,.15); --okd-button-fill-red-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-red-border-size: 0px; --okd-button-fill-green-default-background: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-background: rgba(37,167,80,.8); --okd-button-fill-green-active-background: rgba(37,167,80,.8); --okd-button-fill-green-focus-background: #25a750; --okd-button-fill-green-disabled-background: var(--growth-okd-color-btnsecfade-default); --okd-button-fill-green-default-border-color: var(--growth-okd-color-semantic-positive); --okd-button-fill-green-hover-border-color: transparent; --okd-button-fill-green-active-border-color: transparent; --okd-button-fill-green-focus-border-color: #25a750; --okd-button-fill-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-fill-green-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-focus-font-color: #fff; --okd-button-fill-green-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-green-focus-icon-color: #fff; --okd-button-fill-green-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-green-default-shadow: var(--okd-shadow-sm); --okd-button-fill-green-hover-shadow: var(--okd-shadow-none); --okd-button-fill-green-active-shadow: var(--okd-shadow-none); --okd-button-fill-green-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #33b06a8c; --okd-button-fill-green-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-green-loader-track-color: hsla(0,0%,100%,.15); --okd-button-fill-green-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-green-border-size: 0px; --okd-button-fill-grey-default-background: var(--growth-okd-color-btnsecfade-default); --okd-button-fill-grey-hover-background: var(--growth-okd-color-btnsecfade-hover); --okd-button-fill-grey-active-background: var(--growth-okd-color-btnsecfade-default); --okd-button-fill-grey-focus-background: rgba(64,64,64,.6); --okd-button-fill-grey-disabled-background: var(--growth-okd-color-btnsecfade-default); --okd-button-fill-grey-default-border-color: var(--growth-okd-color-background-surface-primary); --okd-button-fill-grey-hover-border-color: transparent; --okd-button-fill-grey-active-border-color: transparent; --okd-button-fill-grey-focus-border-color: #404040; --okd-button-fill-grey-disabled-border-color: var(--growth-okd-color-background-surface-disable); --okd-button-fill-grey-default-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-font-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-font-color: #fff; --okd-button-fill-grey-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-fill-grey-focus-icon-color: #fff; --okd-button-fill-grey-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-fill-grey-default-shadow: 0 0 0 0 transparent; --okd-button-fill-grey-hover-shadow: var(--okd-shadow-none); --okd-button-fill-grey-active-shadow: 0 0 0 0 transparent; --okd-button-fill-grey-focus-shadow: 0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a; --okd-button-fill-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-grey-loader-track-color: var(--growth-okd-color-border-primary); --okd-button-fill-grey-loader-mark-color: var(--growth-okd-color-border-selected); --okd-button-fill-grey-border-size: 0px; --okd-button-outline-highlight-border-size: 1px; --okd-button-outline-highlight-default-background: transparent; --okd-button-outline-highlight-default-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-default-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-hover-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-hover-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-hover-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-hover-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-focus-background: #fff; --okd-button-outline-highlight-focus-border-color: #fff; --okd-button-outline-highlight-focus-font-color: #000; --okd-button-outline-highlight-focus-icon-color: #000; --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-highlight-active-background: var(--growth-okd-color-container-inverse); --okd-button-outline-highlight-active-border-color: var(--growth-okd-color-border-selected); --okd-button-outline-highlight-active-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-active-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-highlight-disabled-background: transparent; --okd-button-outline-highlight-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-outline-highlight-disabled-border-color: var(--growth-okd-color-border-primary); --okd-button-outline-highlight-loader-track-color: hsla(0,0%,100%,.25); --okd-button-outline-highlight-loader-mark-color: #fff; --okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-secondary-default-background: transparent; --okd-button-outline-secondary-hover-background: #242424; --okd-button-outline-secondary-active-background: #242424; --okd-button-outline-secondary-focus-background: #242424; --okd-button-outline-secondary-disabled-background: transparent; --okd-button-outline-secondary-default-border-color: #404040; --okd-button-outline-secondary-hover-border-color: #404040; --okd-button-outline-secondary-active-border-color: #404040; --okd-button-outline-secondary-focus-border-color: #404040; --okd-button-outline-secondary-disabled-border-color: #2e2e2e; --okd-button-outline-secondary-default-font-color: #fafafa; --okd-button-outline-secondary-hover-font-color: #fafafa; --okd-button-outline-secondary-active-font-color: #fafafa; --okd-button-outline-secondary-focus-font-color: #fafafa; --okd-button-outline-secondary-disabled-font-color: #6c6c6c; --okd-button-outline-secondary-default-icon-color: #fafafa; --okd-button-outline-secondary-hover-icon-color: #fafafa; --okd-button-outline-secondary-active-icon-color: #fafafa; --okd-button-outline-secondary-focus-icon-color: #fafafa; --okd-button-outline-secondary-disabled-icon-color: #6c6c6c; --okd-button-outline-secondary-default-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-active-shadow: 0 0 0 0 transparent; --okd-button-outline-secondary-focus-shadow: 0px 0px 0px 3.5px #ffffff1a; --okd-button-outline-secondary-disabled-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-loader-track-color: hsla(0,0%,100%,.25); --okd-button-outline-secondary-loader-mark-color: #fff; --okd-button-outline-secondary-border-size: 1px; --okd-button-outline-tertiary-border-size: 1.5px; --okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-default-icon-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-default-border-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-default-background: transparent; --okd-button-outline-tertiary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-hover-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-hover-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-focus-icon-color: #000; --okd-button-outline-tertiary-focus-font-color: #000; --okd-button-outline-tertiary-focus-border-color: #fff; --okd-button-outline-tertiary-focus-background: #fff; --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-outline-tertiary-active-border-color: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-active-background: var(--growth-okd-color-container-primary); --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-disabled-icon-color: rgba(0,0,0,.36); --okd-button-outline-tertiary-disabled-font-color: var(--growth-okd-color-content-inverse); --okd-button-outline-tertiary-disabled-border-color: rgba(0,0,0,.12); --okd-button-outline-tertiary-disabled-background: transparent; --okd-button-outline-tertiary-loader-mark-color: var(--growth-okd-color-border-contrast); --okd-button-outline-tertiary-loader-track-color: rgba(0,0,0,.3); --okd-button-text-primary-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-background: var(--growth-okd-color-btnsecfade-default); --okd-button-text-primary-active-background: var(--growth-okd-color-btnsecfade-default); --okd-button-text-primary-focus-background: #051738; --okd-button-text-primary-disabled-background: rgba(29,29,29,0); --okd-button-text-primary-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-focus-border-color: transparent; --okd-button-text-primary-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-primary-default-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-font-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-font-color: #4283ff; --okd-button-text-primary-disabled-font-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-hover-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-active-icon-color: var(--growth-okd-color-content-primary); --okd-button-text-primary-focus-icon-color: #4283ff; --okd-button-text-primary-disabled-icon-color: var(--growth-okd-color-content-disabled); --okd-button-text-primary-default-shadow: none; --okd-button-text-primary-hover-shadow: none; --okd-button-text-primary-active-shadow: none; --okd-button-text-primary-focus-shadow: none; --okd-button-text-primary-disabled-shadow: none; --okd-button-text-primary-border-size: 1px; --okd-button-text-secondary-default-background: transparent; --okd-button-text-secondary-hover-background: #051738; --okd-button-text-secondary-active-background: #051738; --okd-button-text-secondary-focus-background: #051738; --okd-button-text-secondary-disabled-background: transparent; --okd-button-text-secondary-default-border-color: transparent; --okd-button-text-secondary-hover-border-color: transparent; --okd-button-text-secondary-active-border-color: transparent; --okd-button-text-secondary-focus-border-color: transparent; --okd-button-text-secondary-disabled-border-color: transparent; --okd-button-text-secondary-default-font-color: #4283ff; --okd-button-text-secondary-hover-font-color: #4283ff; --okd-button-text-secondary-active-font-color: #4283ff; --okd-button-text-secondary-focus-font-color: #4283ff; --okd-button-text-secondary-disabled-font-color: #6c6c6c; --okd-button-text-secondary-default-icon-color: #4283ff; --okd-button-text-secondary-hover-icon-color: #4283ff; --okd-button-text-secondary-active-icon-color: #4283ff; --okd-button-text-secondary-focus-icon-color: #4283ff; --okd-button-text-secondary-disabled-icon-color: #6c6c6c; --okd-button-text-secondary-default-shadow: none; --okd-button-text-secondary-hover-shadow: none; --okd-button-text-secondary-active-shadow: none; --okd-button-text-secondary-focus-shadow: none; --okd-button-text-secondary-disabled-shadow: none; --okd-button-text-secondary-border-size: 1px; --okd-button-text-red-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-red-hover-background: rgba(202,63,100,.05); --okd-button-text-red-active-background: rgba(202,63,100,.05); --okd-button-text-red-focus-background: #270b12; --okd-button-text-red-disabled-background: hsla(0,0%,5%,0); --okd-button-text-red-default-border-color: transparent; --okd-button-text-red-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-focus-border-color: transparent; --okd-button-text-red-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-red-default-font-color: #ca3f64; --okd-button-text-red-hover-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-active-font-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-font-color: #f9b6c7; --okd-button-text-red-disabled-font-color: rgba(202,63,100,.45); --okd-button-text-red-default-icon-color: #ca3f64; --okd-button-text-red-hover-icon-color: rgba(202,63,100,.1); --okd-button-text-red-active-icon-color: var(--growth-okd-color-semantic-negative); --okd-button-text-red-focus-icon-color: #f9b6c7; --okd-button-text-red-disabled-icon-color: rgba(202,63,100,.45); --okd-button-text-red-default-shadow: none; --okd-button-text-red-hover-shadow: none; --okd-button-text-red-active-shadow: none; --okd-button-text-red-focus-shadow: none; --okd-button-text-red-disabled-shadow: none; --okd-button-text-red-border-size: 1px; --okd-button-text-green-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-background: rgba(37,167,80,.05); --okd-button-text-green-active-background: rgba(37,167,80,.05); --okd-button-text-green-focus-background: #002b1f; --okd-button-text-green-disabled-background: hsla(0,0%,5%,0); --okd-button-text-green-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-focus-border-color: transparent; --okd-button-text-green-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-green-default-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-font-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-font-color: #a5efbe; --okd-button-text-green-disabled-font-color: rgba(37,167,80,.45); --okd-button-text-green-default-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-hover-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-active-icon-color: var(--growth-okd-color-semantic-positive); --okd-button-text-green-focus-icon-color: #a5efbe; --okd-button-text-green-disabled-icon-color: rgba(37,167,80,.45); --okd-button-text-green-default-shadow: none; --okd-button-text-green-hover-shadow: none; --okd-button-text-green-active-shadow: none; --okd-button-text-green-focus-shadow: none; --okd-button-text-green-disabled-shadow: none; --okd-button-text-green-border-size: 1px; --okd-button-text-yellow-default-background: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-background: rgba(255,177,23,.05); --okd-button-text-yellow-active-background: rgba(255,177,23,.05); --okd-button-text-yellow-focus-background: #2d2104; --okd-button-text-yellow-disabled-background: hsla(0,0%,5%,0); --okd-button-text-yellow-default-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-hover-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-active-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-focus-border-color: transparent; --okd-button-text-yellow-disabled-border-color: var(--growth-okd-color-common-transparent); --okd-button-text-yellow-default-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-font-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-font-color: #dea921; --okd-button-text-yellow-disabled-font-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-hover-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-active-icon-color: var(--growth-okd-color-semantic-notice); --okd-button-text-yellow-focus-icon-color: #dea921; --okd-button-text-yellow-disabled-icon-color: rgba(255,177,23,.45); --okd-button-text-yellow-default-shadow: none; --okd-button-text-yellow-hover-shadow: none; --okd-button-text-yellow-active-shadow: none; --okd-button-text-yellow-focus-shadow: none; --okd-button-text-yellow-disabled-shadow: none; --okd-button-text-yellow-border-size: 1px; }
.growth-btn { -webkit-tap-highlight-color: transparent; align-items: center; 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; user-select: none; }
.growth-btn:focus-visible { outline-color: var(--growth-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.growth-btn.btn-fill-highlight { background: var(--okd-button-fill-highlight-default-background); border-color: var(--okd-button-fill-highlight-default-border-color); border-style: solid; border-width: var(--okd-button-fill-highlight-border-size); box-shadow: var(--okd-button-fill-highlight-default-shadow); color: var(--okd-button-fill-highlight-default-font-color); }
.growth-btn.btn-fill-highlight.hover, .growth-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-highlight-hover-background); border-color: var(--okd-button-fill-highlight-hover-border-color); box-shadow: var(--okd-button-fill-highlight-hover-shadow); color: var(--okd-button-fill-highlight-hover-font-color); }
.growth-btn.btn-fill-highlight.hover .btn-icon, .growth-btn.btn-fill-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-highlight-hover-icon-color); }
.growth-btn.btn-fill-highlight.active, .growth-btn.btn-fill-highlight:not(:disabled):active { background: var(--okd-button-fill-highlight-active-background); border-color: var(--okd-button-fill-highlight-active-border-color); box-shadow: var(--okd-button-fill-highlight-active-shadow); color: var(--okd-button-fill-highlight-active-font-color); }
.growth-btn.btn-fill-highlight.active .btn-icon, .growth-btn.btn-fill-highlight:not(:disabled):active .btn-icon { color: var(--okd-button-fill-highlight-active-icon-color); }
.growth-btn.btn-fill-highlight:not(.loading).btn-disabled, .growth-btn.btn-fill-highlight:not(.loading):disabled { background: var(--okd-button-fill-highlight-disabled-background); border-color: var(--okd-button-fill-highlight-disabled-border-color); box-shadow: var(--okd-button-fill-highlight-disabled-shadow); color: var(--okd-button-fill-highlight-disabled-font-color); }
.growth-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-highlight:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-highlight-disabled-icon-color); }
.growth-btn.btn-fill-highlight.loading { background: var(--okd-button-fill-highlight-loading-background,var(--okd-button-fill-highlight-default-background)); cursor: pointer; }
.growth-btn.btn-fill-highlight .btn-icon { color: var(--okd-button-fill-highlight-default-icon-color); }
.growth-btn.btn-fill-highlight .growth-btn-loader-text { color: var(--okd-button-fill-highlight-default-font-color); }
.growth-btn.btn-fill-highlight.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-highlight.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-highlight-border-size)*2); }
.growth-btn.btn-fill-highlight.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-highlight.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-highlight.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-highlight-border-size)*2); }
.growth-btn.btn-fill-highlight.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-highlight.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-highlight.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-highlight-border-size)*2); }
.growth-btn.btn-fill-highlight.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-highlight.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-highlight.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-highlight-border-size)*2); }
.growth-btn.btn-fill-highlight.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-highlight.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-highlight.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-highlight-border-size)*2); }
.growth-btn.btn-fill-highlight.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-highlight.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-highlight.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-highlight-border-size)*2); }
.growth-btn.btn-fill-highlight.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-highlight.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-highlight.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-highlight-border-size)*2); }
.growth-btn.btn-fill-highlight.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-primary { background: var(--okd-button-fill-primary-default-background); border-color: var(--okd-button-fill-primary-default-border-color); border-style: solid; border-width: var(--okd-button-fill-primary-border-size); box-shadow: var(--okd-button-fill-primary-default-shadow); color: var(--okd-button-fill-primary-default-font-color); }
.growth-btn.btn-fill-primary.hover, .growth-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-primary-hover-background); border-color: var(--okd-button-fill-primary-hover-border-color); box-shadow: var(--okd-button-fill-primary-hover-shadow); color: var(--okd-button-fill-primary-hover-font-color); }
.growth-btn.btn-fill-primary.hover .btn-icon, .growth-btn.btn-fill-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-primary-hover-icon-color); }
.growth-btn.btn-fill-primary.active, .growth-btn.btn-fill-primary:not(:disabled):active { background: var(--okd-button-fill-primary-active-background); border-color: var(--okd-button-fill-primary-active-border-color); box-shadow: var(--okd-button-fill-primary-active-shadow); color: var(--okd-button-fill-primary-active-font-color); }
.growth-btn.btn-fill-primary.active .btn-icon, .growth-btn.btn-fill-primary:not(:disabled):active .btn-icon { color: var(--okd-button-fill-primary-active-icon-color); }
.growth-btn.btn-fill-primary:not(.loading).btn-disabled, .growth-btn.btn-fill-primary:not(.loading):disabled { background: var(--okd-button-fill-primary-disabled-background); border-color: var(--okd-button-fill-primary-disabled-border-color); box-shadow: var(--okd-button-fill-primary-disabled-shadow); color: var(--okd-button-fill-primary-disabled-font-color); }
.growth-btn.btn-fill-primary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-primary:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-primary-disabled-icon-color); }
.growth-btn.btn-fill-primary.loading { background: var(--okd-button-fill-primary-loading-background,var(--okd-button-fill-primary-default-background)); cursor: pointer; }
.growth-btn.btn-fill-primary .btn-icon { color: var(--okd-button-fill-primary-default-icon-color); }
.growth-btn.btn-fill-primary .growth-btn-loader-text { color: var(--okd-button-fill-primary-default-font-color); }
.growth-btn.btn-fill-primary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-primary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-primary-border-size)*2); }
.growth-btn.btn-fill-primary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-primary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-primary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-primary-border-size)*2); }
.growth-btn.btn-fill-primary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-primary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-primary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-primary-border-size)*2); }
.growth-btn.btn-fill-primary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-primary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-primary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-primary-border-size)*2); }
.growth-btn.btn-fill-primary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-primary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-primary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-primary-border-size)*2); }
.growth-btn.btn-fill-primary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-primary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-primary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-primary-border-size)*2); }
.growth-btn.btn-fill-primary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-primary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-primary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-primary-border-size)*2); }
.growth-btn.btn-fill-primary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-secondary { background: var(--okd-button-fill-secondary-default-background); border-color: var(--okd-button-fill-secondary-default-border-color); border-style: solid; border-width: var(--okd-button-fill-secondary-border-size); box-shadow: var(--okd-button-fill-secondary-default-shadow); color: var(--okd-button-fill-secondary-default-font-color); }
.growth-btn.btn-fill-secondary.hover, .growth-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-secondary-hover-background); border-color: var(--okd-button-fill-secondary-hover-border-color); box-shadow: var(--okd-button-fill-secondary-hover-shadow); color: var(--okd-button-fill-secondary-hover-font-color); }
.growth-btn.btn-fill-secondary.hover .btn-icon, .growth-btn.btn-fill-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-secondary-hover-icon-color); }
.growth-btn.btn-fill-secondary.active, .growth-btn.btn-fill-secondary:not(:disabled):active { background: var(--okd-button-fill-secondary-active-background); border-color: var(--okd-button-fill-secondary-active-border-color); box-shadow: var(--okd-button-fill-secondary-active-shadow); color: var(--okd-button-fill-secondary-active-font-color); }
.growth-btn.btn-fill-secondary.active .btn-icon, .growth-btn.btn-fill-secondary:not(:disabled):active .btn-icon { color: var(--okd-button-fill-secondary-active-icon-color); }
.growth-btn.btn-fill-secondary:not(.loading).btn-disabled, .growth-btn.btn-fill-secondary:not(.loading):disabled { background: var(--okd-button-fill-secondary-disabled-background); border-color: var(--okd-button-fill-secondary-disabled-border-color); box-shadow: var(--okd-button-fill-secondary-disabled-shadow); color: var(--okd-button-fill-secondary-disabled-font-color); }
.growth-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-secondary:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-secondary-disabled-icon-color); }
.growth-btn.btn-fill-secondary.loading { background: var(--okd-button-fill-secondary-loading-background,var(--okd-button-fill-secondary-default-background)); cursor: pointer; }
.growth-btn.btn-fill-secondary .btn-icon { color: var(--okd-button-fill-secondary-default-icon-color); }
.growth-btn.btn-fill-secondary .growth-btn-loader-text { color: var(--okd-button-fill-secondary-default-font-color); }
.growth-btn.btn-fill-secondary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-secondary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-secondary-border-size)*2); }
.growth-btn.btn-fill-secondary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-secondary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-secondary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-secondary-border-size)*2); }
.growth-btn.btn-fill-secondary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-secondary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-secondary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-secondary-border-size)*2); }
.growth-btn.btn-fill-secondary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-secondary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-secondary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-secondary-border-size)*2); }
.growth-btn.btn-fill-secondary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-secondary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-secondary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-secondary-border-size)*2); }
.growth-btn.btn-fill-secondary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-secondary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-secondary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-secondary-border-size)*2); }
.growth-btn.btn-fill-secondary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-secondary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-secondary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-secondary-border-size)*2); }
.growth-btn.btn-fill-secondary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-tertiary { background: var(--okd-button-fill-tertiary-default-background); border-color: var(--okd-button-fill-tertiary-default-border-color); border-style: solid; border-width: var(--okd-button-fill-tertiary-border-size); box-shadow: var(--okd-button-fill-tertiary-default-shadow); color: var(--okd-button-fill-tertiary-default-font-color); }
.growth-btn.btn-fill-tertiary.hover, .growth-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-tertiary-hover-background); border-color: var(--okd-button-fill-tertiary-hover-border-color); box-shadow: var(--okd-button-fill-tertiary-hover-shadow); color: var(--okd-button-fill-tertiary-hover-font-color); }
.growth-btn.btn-fill-tertiary.hover .btn-icon, .growth-btn.btn-fill-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-tertiary-hover-icon-color); }
.growth-btn.btn-fill-tertiary.active, .growth-btn.btn-fill-tertiary:not(:disabled):active { background: var(--okd-button-fill-tertiary-active-background); border-color: var(--okd-button-fill-tertiary-active-border-color); box-shadow: var(--okd-button-fill-tertiary-active-shadow); color: var(--okd-button-fill-tertiary-active-font-color); }
.growth-btn.btn-fill-tertiary.active .btn-icon, .growth-btn.btn-fill-tertiary:not(:disabled):active .btn-icon { color: var(--okd-button-fill-tertiary-active-icon-color); }
.growth-btn.btn-fill-tertiary:not(.loading).btn-disabled, .growth-btn.btn-fill-tertiary:not(.loading):disabled { background: var(--okd-button-fill-tertiary-disabled-background); border-color: var(--okd-button-fill-tertiary-disabled-border-color); box-shadow: var(--okd-button-fill-tertiary-disabled-shadow); color: var(--okd-button-fill-tertiary-disabled-font-color); }
.growth-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-tertiary:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-tertiary-disabled-icon-color); }
.growth-btn.btn-fill-tertiary.loading { background: var(--okd-button-fill-tertiary-loading-background,var(--okd-button-fill-tertiary-default-background)); cursor: pointer; }
.growth-btn.btn-fill-tertiary .btn-icon { color: var(--okd-button-fill-tertiary-default-icon-color); }
.growth-btn.btn-fill-tertiary .growth-btn-loader-text { color: var(--okd-button-fill-tertiary-default-font-color); }
.growth-btn.btn-fill-tertiary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-tertiary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-tertiary-border-size)*2); }
.growth-btn.btn-fill-tertiary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-tertiary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-tertiary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-tertiary-border-size)*2); }
.growth-btn.btn-fill-tertiary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-tertiary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-tertiary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-tertiary-border-size)*2); }
.growth-btn.btn-fill-tertiary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-tertiary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-tertiary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-tertiary-border-size)*2); }
.growth-btn.btn-fill-tertiary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-tertiary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-tertiary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-tertiary-border-size)*2); }
.growth-btn.btn-fill-tertiary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-tertiary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-tertiary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-tertiary-border-size)*2); }
.growth-btn.btn-fill-tertiary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-tertiary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-tertiary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-tertiary-border-size)*2); }
.growth-btn.btn-fill-tertiary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-quaternary { background: var(--okd-button-fill-quaternary-default-background); border-color: var(--okd-button-fill-quaternary-default-border-color); border-style: solid; border-width: var(--okd-button-fill-quaternary-border-size); box-shadow: var(--okd-button-fill-quaternary-default-shadow); color: var(--okd-button-fill-quaternary-default-font-color); }
.growth-btn.btn-fill-quaternary.hover, .growth-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-quaternary-hover-background); border-color: var(--okd-button-fill-quaternary-hover-border-color); box-shadow: var(--okd-button-fill-quaternary-hover-shadow); color: var(--okd-button-fill-quaternary-hover-font-color); }
.growth-btn.btn-fill-quaternary.hover .btn-icon, .growth-btn.btn-fill-quaternary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-quaternary-hover-icon-color); }
.growth-btn.btn-fill-quaternary.active, .growth-btn.btn-fill-quaternary:not(:disabled):active { background: var(--okd-button-fill-quaternary-active-background); border-color: var(--okd-button-fill-quaternary-active-border-color); box-shadow: var(--okd-button-fill-quaternary-active-shadow); color: var(--okd-button-fill-quaternary-active-font-color); }
.growth-btn.btn-fill-quaternary.active .btn-icon, .growth-btn.btn-fill-quaternary:not(:disabled):active .btn-icon { color: var(--okd-button-fill-quaternary-active-icon-color); }
.growth-btn.btn-fill-quaternary:not(.loading).btn-disabled, .growth-btn.btn-fill-quaternary:not(.loading):disabled { background: var(--okd-button-fill-quaternary-disabled-background); border-color: var(--okd-button-fill-quaternary-disabled-border-color); box-shadow: var(--okd-button-fill-quaternary-disabled-shadow); color: var(--okd-button-fill-quaternary-disabled-font-color); }
.growth-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-quaternary:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-quaternary-disabled-icon-color); }
.growth-btn.btn-fill-quaternary.loading { background: var(--okd-button-fill-quaternary-loading-background,var(--okd-button-fill-quaternary-default-background)); cursor: pointer; }
.growth-btn.btn-fill-quaternary .btn-icon { color: var(--okd-button-fill-quaternary-default-icon-color); }
.growth-btn.btn-fill-quaternary .growth-btn-loader-text { color: var(--okd-button-fill-quaternary-default-font-color); }
.growth-btn.btn-fill-quaternary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-quaternary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-quaternary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-quaternary-border-size)*2); }
.growth-btn.btn-fill-quaternary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-quaternary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-quaternary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-quaternary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-quaternary-border-size)*2); }
.growth-btn.btn-fill-quaternary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-quaternary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-quaternary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-quaternary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-quaternary-border-size)*2); }
.growth-btn.btn-fill-quaternary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-quaternary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-quaternary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-quaternary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-quaternary-border-size)*2); }
.growth-btn.btn-fill-quaternary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-quaternary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-quaternary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-quaternary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-quaternary-border-size)*2); }
.growth-btn.btn-fill-quaternary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-quaternary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-quaternary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-quaternary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-quaternary-border-size)*2); }
.growth-btn.btn-fill-quaternary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-quaternary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-quaternary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-quaternary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-quaternary-border-size)*2); }
.growth-btn.btn-fill-quaternary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-red { background: var(--okd-button-fill-red-default-background); border-color: var(--okd-button-fill-red-default-border-color); border-style: solid; border-width: var(--okd-button-fill-red-border-size); box-shadow: var(--okd-button-fill-red-default-shadow); color: var(--okd-button-fill-red-default-font-color); }
.growth-btn.btn-fill-red.hover, .growth-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-red-hover-background); border-color: var(--okd-button-fill-red-hover-border-color); box-shadow: var(--okd-button-fill-red-hover-shadow); color: var(--okd-button-fill-red-hover-font-color); }
.growth-btn.btn-fill-red.hover .btn-icon, .growth-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-red-hover-icon-color); }
.growth-btn.btn-fill-red.active, .growth-btn.btn-fill-red:not(:disabled):active { background: var(--okd-button-fill-red-active-background); border-color: var(--okd-button-fill-red-active-border-color); box-shadow: var(--okd-button-fill-red-active-shadow); color: var(--okd-button-fill-red-active-font-color); }
.growth-btn.btn-fill-red.active .btn-icon, .growth-btn.btn-fill-red:not(:disabled):active .btn-icon { color: var(--okd-button-fill-red-active-icon-color); }
.growth-btn.btn-fill-red:not(.loading).btn-disabled, .growth-btn.btn-fill-red:not(.loading):disabled { background: var(--okd-button-fill-red-disabled-background); border-color: var(--okd-button-fill-red-disabled-border-color); box-shadow: var(--okd-button-fill-red-disabled-shadow); color: var(--okd-button-fill-red-disabled-font-color); }
.growth-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-red:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-red-disabled-icon-color); }
.growth-btn.btn-fill-red.loading { background: var(--okd-button-fill-red-loading-background,var(--okd-button-fill-red-default-background)); cursor: pointer; }
.growth-btn.btn-fill-red .btn-icon { color: var(--okd-button-fill-red-default-icon-color); }
.growth-btn.btn-fill-red .growth-btn-loader-text { color: var(--okd-button-fill-red-default-font-color); }
.growth-btn.btn-fill-red.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-red.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-red-border-size)*2); }
.growth-btn.btn-fill-red.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-red.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-red.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-red-border-size)*2); }
.growth-btn.btn-fill-red.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-red.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-red.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-red-border-size)*2); }
.growth-btn.btn-fill-red.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-red.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-red.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-red-border-size)*2); }
.growth-btn.btn-fill-red.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-red.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-red.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-red-border-size)*2); }
.growth-btn.btn-fill-red.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-red.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-red.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-red-border-size)*2); }
.growth-btn.btn-fill-red.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-red.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-red.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-red-border-size)*2); }
.growth-btn.btn-fill-red.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-green { background: var(--okd-button-fill-green-default-background); border-color: var(--okd-button-fill-green-default-border-color); border-style: solid; border-width: var(--okd-button-fill-green-border-size); box-shadow: var(--okd-button-fill-green-default-shadow); color: var(--okd-button-fill-green-default-font-color); }
.growth-btn.btn-fill-green.hover, .growth-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-green-hover-background); border-color: var(--okd-button-fill-green-hover-border-color); box-shadow: var(--okd-button-fill-green-hover-shadow); color: var(--okd-button-fill-green-hover-font-color); }
.growth-btn.btn-fill-green.hover .btn-icon, .growth-btn.btn-fill-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-green-hover-icon-color); }
.growth-btn.btn-fill-green.active, .growth-btn.btn-fill-green:not(:disabled):active { background: var(--okd-button-fill-green-active-background); border-color: var(--okd-button-fill-green-active-border-color); box-shadow: var(--okd-button-fill-green-active-shadow); color: var(--okd-button-fill-green-active-font-color); }
.growth-btn.btn-fill-green.active .btn-icon, .growth-btn.btn-fill-green:not(:disabled):active .btn-icon { color: var(--okd-button-fill-green-active-icon-color); }
.growth-btn.btn-fill-green:not(.loading).btn-disabled, .growth-btn.btn-fill-green:not(.loading):disabled { background: var(--okd-button-fill-green-disabled-background); border-color: var(--okd-button-fill-green-disabled-border-color); box-shadow: var(--okd-button-fill-green-disabled-shadow); color: var(--okd-button-fill-green-disabled-font-color); }
.growth-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-green:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-green-disabled-icon-color); }
.growth-btn.btn-fill-green.loading { background: var(--okd-button-fill-green-loading-background,var(--okd-button-fill-green-default-background)); cursor: pointer; }
.growth-btn.btn-fill-green .btn-icon { color: var(--okd-button-fill-green-default-icon-color); }
.growth-btn.btn-fill-green .growth-btn-loader-text { color: var(--okd-button-fill-green-default-font-color); }
.growth-btn.btn-fill-green.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-green.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-green-border-size)*2); }
.growth-btn.btn-fill-green.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-green.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-green.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-green-border-size)*2); }
.growth-btn.btn-fill-green.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-green.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-green.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-green-border-size)*2); }
.growth-btn.btn-fill-green.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-green.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-green.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-green-border-size)*2); }
.growth-btn.btn-fill-green.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-green.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-green.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-green-border-size)*2); }
.growth-btn.btn-fill-green.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-green.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-green.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-green-border-size)*2); }
.growth-btn.btn-fill-green.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-green.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-green.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-green-border-size)*2); }
.growth-btn.btn-fill-green.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-grey { background: var(--okd-button-fill-grey-default-background); border-color: var(--okd-button-fill-grey-default-border-color); border-style: solid; border-width: var(--okd-button-fill-grey-border-size); box-shadow: var(--okd-button-fill-grey-default-shadow); color: var(--okd-button-fill-grey-default-font-color); }
.growth-btn.btn-fill-grey.hover, .growth-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-fill-grey-hover-background); border-color: var(--okd-button-fill-grey-hover-border-color); box-shadow: var(--okd-button-fill-grey-hover-shadow); color: var(--okd-button-fill-grey-hover-font-color); }
.growth-btn.btn-fill-grey.hover .btn-icon, .growth-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-grey-hover-icon-color); }
.growth-btn.btn-fill-grey.active, .growth-btn.btn-fill-grey:not(:disabled):active { background: var(--okd-button-fill-grey-active-background); border-color: var(--okd-button-fill-grey-active-border-color); box-shadow: var(--okd-button-fill-grey-active-shadow); color: var(--okd-button-fill-grey-active-font-color); }
.growth-btn.btn-fill-grey.active .btn-icon, .growth-btn.btn-fill-grey:not(:disabled):active .btn-icon { color: var(--okd-button-fill-grey-active-icon-color); }
.growth-btn.btn-fill-grey:not(.loading).btn-disabled, .growth-btn.btn-fill-grey:not(.loading):disabled { background: var(--okd-button-fill-grey-disabled-background); border-color: var(--okd-button-fill-grey-disabled-border-color); box-shadow: var(--okd-button-fill-grey-disabled-shadow); color: var(--okd-button-fill-grey-disabled-font-color); }
.growth-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-fill-grey:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-grey-disabled-icon-color); }
.growth-btn.btn-fill-grey.loading { background: var(--okd-button-fill-grey-loading-background,var(--okd-button-fill-grey-default-background)); cursor: pointer; }
.growth-btn.btn-fill-grey .btn-icon { color: var(--okd-button-fill-grey-default-icon-color); }
.growth-btn.btn-fill-grey .growth-btn-loader-text { color: var(--okd-button-fill-grey-default-font-color); }
.growth-btn.btn-fill-grey.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-fill-grey.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-grey-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-grey-border-size)*2); }
.growth-btn.btn-fill-grey.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-grey.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-fill-grey.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-grey-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-grey-border-size)*2); }
.growth-btn.btn-fill-grey.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-grey.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-fill-grey.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-grey-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-grey-border-size)*2); }
.growth-btn.btn-fill-grey.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-grey.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-fill-grey.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-grey-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-grey-border-size)*2); }
.growth-btn.btn-fill-grey.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-grey.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-fill-grey.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-grey-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-grey-border-size)*2); }
.growth-btn.btn-fill-grey.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-grey.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-fill-grey.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-grey-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-grey-border-size)*2); }
.growth-btn.btn-fill-grey.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-fill-grey.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-fill-grey.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-grey-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-grey-border-size)*2); }
.growth-btn.btn-fill-grey.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-highlight { background: var(--okd-button-outline-highlight-default-background); border-color: var(--okd-button-outline-highlight-default-border-color); border-style: solid; border-width: var(--okd-button-outline-highlight-border-size); box-shadow: var(--okd-button-outline-highlight-default-shadow); color: var(--okd-button-outline-highlight-default-font-color); }
.growth-btn.btn-outline-highlight.hover, .growth-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-outline-highlight-hover-background); border-color: var(--okd-button-outline-highlight-hover-border-color); box-shadow: var(--okd-button-outline-highlight-hover-shadow); color: var(--okd-button-outline-highlight-hover-font-color); }
.growth-btn.btn-outline-highlight.hover .btn-icon, .growth-btn.btn-outline-highlight:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-outline-highlight-hover-icon-color); }
.growth-btn.btn-outline-highlight.active, .growth-btn.btn-outline-highlight:not(:disabled):active { background: var(--okd-button-outline-highlight-active-background); border-color: var(--okd-button-outline-highlight-active-border-color); box-shadow: var(--okd-button-outline-highlight-active-shadow); color: var(--okd-button-outline-highlight-active-font-color); }
.growth-btn.btn-outline-highlight.active .btn-icon, .growth-btn.btn-outline-highlight:not(:disabled):active .btn-icon { color: var(--okd-button-outline-highlight-active-icon-color); }
.growth-btn.btn-outline-highlight:not(.loading).btn-disabled, .growth-btn.btn-outline-highlight:not(.loading):disabled { background: var(--okd-button-outline-highlight-disabled-background); border-color: var(--okd-button-outline-highlight-disabled-border-color); box-shadow: var(--okd-button-outline-highlight-disabled-shadow); color: var(--okd-button-outline-highlight-disabled-font-color); }
.growth-btn.btn-outline-highlight:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-outline-highlight:not(.loading):disabled .btn-icon { color: var(--okd-button-outline-highlight-disabled-icon-color); }
.growth-btn.btn-outline-highlight.loading { background: var(--okd-button-outline-highlight-loading-background,var(--okd-button-outline-highlight-default-background)); cursor: pointer; }
.growth-btn.btn-outline-highlight .btn-icon { color: var(--okd-button-outline-highlight-default-icon-color); }
.growth-btn.btn-outline-highlight .growth-btn-loader-text { color: var(--okd-button-outline-highlight-default-font-color); }
.growth-btn.btn-outline-highlight.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-outline-highlight.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-highlight-border-size)*2); }
.growth-btn.btn-outline-highlight.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-highlight.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-outline-highlight.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-highlight-border-size)*2); }
.growth-btn.btn-outline-highlight.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-highlight.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-outline-highlight.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-highlight-border-size)*2); }
.growth-btn.btn-outline-highlight.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-highlight.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-outline-highlight.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-highlight-border-size)*2); }
.growth-btn.btn-outline-highlight.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-highlight.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-outline-highlight.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-highlight-border-size)*2); }
.growth-btn.btn-outline-highlight.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-highlight.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-outline-highlight.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-highlight-border-size)*2); }
.growth-btn.btn-outline-highlight.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-highlight.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-outline-highlight.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-highlight-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-highlight-border-size)*2); }
.growth-btn.btn-outline-highlight.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-primary { background: var(--okd-button-outline-primary-default-background); border-color: var(--okd-button-outline-primary-default-border-color); border-style: solid; border-width: var(--okd-button-outline-primary-border-size); box-shadow: var(--okd-button-outline-primary-default-shadow); color: var(--okd-button-outline-primary-default-font-color); }
.growth-btn.btn-outline-primary.hover, .growth-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-outline-primary-hover-background); border-color: var(--okd-button-outline-primary-hover-border-color); box-shadow: var(--okd-button-outline-primary-hover-shadow); color: var(--okd-button-outline-primary-hover-font-color); }
.growth-btn.btn-outline-primary.hover .btn-icon, .growth-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-outline-primary-hover-icon-color); }
.growth-btn.btn-outline-primary.active, .growth-btn.btn-outline-primary:not(:disabled):active { background: var(--okd-button-outline-primary-active-background); border-color: var(--okd-button-outline-primary-active-border-color); box-shadow: var(--okd-button-outline-primary-active-shadow); color: var(--okd-button-outline-primary-active-font-color); }
.growth-btn.btn-outline-primary.active .btn-icon, .growth-btn.btn-outline-primary:not(:disabled):active .btn-icon { color: var(--okd-button-outline-primary-active-icon-color); }
.growth-btn.btn-outline-primary:not(.loading).btn-disabled, .growth-btn.btn-outline-primary:not(.loading):disabled { background: var(--okd-button-outline-primary-disabled-background); border-color: var(--okd-button-outline-primary-disabled-border-color); box-shadow: var(--okd-button-outline-primary-disabled-shadow); color: var(--okd-button-outline-primary-disabled-font-color); }
.growth-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-outline-primary:not(.loading):disabled .btn-icon { color: var(--okd-button-outline-primary-disabled-icon-color); }
.growth-btn.btn-outline-primary.loading { background: var(--okd-button-outline-primary-loading-background,var(--okd-button-outline-primary-default-background)); cursor: pointer; }
.growth-btn.btn-outline-primary .btn-icon { color: var(--okd-button-outline-primary-default-icon-color); }
.growth-btn.btn-outline-primary .growth-btn-loader-text { color: var(--okd-button-outline-primary-default-font-color); }
.growth-btn.btn-outline-primary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-outline-primary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size)*2); }
.growth-btn.btn-outline-primary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-primary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-outline-primary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size)*2); }
.growth-btn.btn-outline-primary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-primary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-outline-primary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size)*2); }
.growth-btn.btn-outline-primary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-primary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-outline-primary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size)*2); }
.growth-btn.btn-outline-primary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-primary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-outline-primary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size)*2); }
.growth-btn.btn-outline-primary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-primary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-outline-primary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size)*2); }
.growth-btn.btn-outline-primary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-primary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-outline-primary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size)*2); }
.growth-btn.btn-outline-primary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-secondary { background: var(--okd-button-outline-secondary-default-background); border-color: var(--okd-button-outline-secondary-default-border-color); border-style: solid; border-width: var(--okd-button-outline-secondary-border-size); box-shadow: var(--okd-button-outline-secondary-default-shadow); color: var(--okd-button-outline-secondary-default-font-color); }
.growth-btn.btn-outline-secondary.hover, .growth-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-outline-secondary-hover-background); border-color: var(--okd-button-outline-secondary-hover-border-color); box-shadow: var(--okd-button-outline-secondary-hover-shadow); color: var(--okd-button-outline-secondary-hover-font-color); }
.growth-btn.btn-outline-secondary.hover .btn-icon, .growth-btn.btn-outline-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-outline-secondary-hover-icon-color); }
.growth-btn.btn-outline-secondary.active, .growth-btn.btn-outline-secondary:not(:disabled):active { background: var(--okd-button-outline-secondary-active-background); border-color: var(--okd-button-outline-secondary-active-border-color); box-shadow: var(--okd-button-outline-secondary-active-shadow); color: var(--okd-button-outline-secondary-active-font-color); }
.growth-btn.btn-outline-secondary.active .btn-icon, .growth-btn.btn-outline-secondary:not(:disabled):active .btn-icon { color: var(--okd-button-outline-secondary-active-icon-color); }
.growth-btn.btn-outline-secondary:not(.loading).btn-disabled, .growth-btn.btn-outline-secondary:not(.loading):disabled { background: var(--okd-button-outline-secondary-disabled-background); border-color: var(--okd-button-outline-secondary-disabled-border-color); box-shadow: var(--okd-button-outline-secondary-disabled-shadow); color: var(--okd-button-outline-secondary-disabled-font-color); }
.growth-btn.btn-outline-secondary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-outline-secondary:not(.loading):disabled .btn-icon { color: var(--okd-button-outline-secondary-disabled-icon-color); }
.growth-btn.btn-outline-secondary.loading { background: var(--okd-button-outline-secondary-loading-background,var(--okd-button-outline-secondary-default-background)); cursor: pointer; }
.growth-btn.btn-outline-secondary .btn-icon { color: var(--okd-button-outline-secondary-default-icon-color); }
.growth-btn.btn-outline-secondary .growth-btn-loader-text { color: var(--okd-button-outline-secondary-default-font-color); }
.growth-btn.btn-outline-secondary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-outline-secondary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-secondary-border-size)*2); }
.growth-btn.btn-outline-secondary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-secondary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-outline-secondary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-secondary-border-size)*2); }
.growth-btn.btn-outline-secondary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-secondary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-outline-secondary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-secondary-border-size)*2); }
.growth-btn.btn-outline-secondary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-secondary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-outline-secondary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-secondary-border-size)*2); }
.growth-btn.btn-outline-secondary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-secondary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-outline-secondary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-secondary-border-size)*2); }
.growth-btn.btn-outline-secondary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-secondary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-outline-secondary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-secondary-border-size)*2); }
.growth-btn.btn-outline-secondary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-secondary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-outline-secondary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-secondary-border-size)*2); }
.growth-btn.btn-outline-secondary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-tertiary { background: var(--okd-button-outline-tertiary-default-background); border-color: var(--okd-button-outline-tertiary-default-border-color); border-style: solid; border-width: var(--okd-button-outline-tertiary-border-size); box-shadow: var(--okd-button-outline-tertiary-default-shadow); color: var(--okd-button-outline-tertiary-default-font-color); }
.growth-btn.btn-outline-tertiary.hover, .growth-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-outline-tertiary-hover-background); border-color: var(--okd-button-outline-tertiary-hover-border-color); box-shadow: var(--okd-button-outline-tertiary-hover-shadow); color: var(--okd-button-outline-tertiary-hover-font-color); }
.growth-btn.btn-outline-tertiary.hover .btn-icon, .growth-btn.btn-outline-tertiary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-outline-tertiary-hover-icon-color); }
.growth-btn.btn-outline-tertiary.active, .growth-btn.btn-outline-tertiary:not(:disabled):active { background: var(--okd-button-outline-tertiary-active-background); border-color: var(--okd-button-outline-tertiary-active-border-color); box-shadow: var(--okd-button-outline-tertiary-active-shadow); color: var(--okd-button-outline-tertiary-active-font-color); }
.growth-btn.btn-outline-tertiary.active .btn-icon, .growth-btn.btn-outline-tertiary:not(:disabled):active .btn-icon { color: var(--okd-button-outline-tertiary-active-icon-color); }
.growth-btn.btn-outline-tertiary:not(.loading).btn-disabled, .growth-btn.btn-outline-tertiary:not(.loading):disabled { background: var(--okd-button-outline-tertiary-disabled-background); border-color: var(--okd-button-outline-tertiary-disabled-border-color); box-shadow: var(--okd-button-outline-tertiary-disabled-shadow); color: var(--okd-button-outline-tertiary-disabled-font-color); }
.growth-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-outline-tertiary:not(.loading):disabled .btn-icon { color: var(--okd-button-outline-tertiary-disabled-icon-color); }
.growth-btn.btn-outline-tertiary.loading { background: var(--okd-button-outline-tertiary-loading-background,var(--okd-button-outline-tertiary-default-background)); cursor: pointer; }
.growth-btn.btn-outline-tertiary .btn-icon { color: var(--okd-button-outline-tertiary-default-icon-color); }
.growth-btn.btn-outline-tertiary .growth-btn-loader-text { color: var(--okd-button-outline-tertiary-default-font-color); }
.growth-btn.btn-outline-tertiary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-outline-tertiary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-tertiary-border-size)*2); }
.growth-btn.btn-outline-tertiary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-tertiary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-outline-tertiary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-tertiary-border-size)*2); }
.growth-btn.btn-outline-tertiary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-tertiary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-outline-tertiary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-tertiary-border-size)*2); }
.growth-btn.btn-outline-tertiary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-tertiary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-outline-tertiary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-tertiary-border-size)*2); }
.growth-btn.btn-outline-tertiary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-tertiary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-outline-tertiary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-tertiary-border-size)*2); }
.growth-btn.btn-outline-tertiary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-tertiary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-outline-tertiary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-tertiary-border-size)*2); }
.growth-btn.btn-outline-tertiary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-outline-tertiary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-outline-tertiary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-tertiary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-tertiary-border-size)*2); }
.growth-btn.btn-outline-tertiary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-primary { background: var(--okd-button-text-primary-default-background); border-color: var(--okd-button-text-primary-default-border-color); border-style: solid; border-width: var(--okd-button-text-primary-border-size); box-shadow: var(--okd-button-text-primary-default-shadow); color: var(--okd-button-text-primary-default-font-color); }
.growth-btn.btn-text-primary.hover, .growth-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-text-primary-hover-background); border-color: var(--okd-button-text-primary-hover-border-color); box-shadow: var(--okd-button-text-primary-hover-shadow); color: var(--okd-button-text-primary-hover-font-color); }
.growth-btn.btn-text-primary.hover .btn-icon, .growth-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-primary-hover-icon-color); }
.growth-btn.btn-text-primary.active, .growth-btn.btn-text-primary:not(:disabled):active { background: var(--okd-button-text-primary-active-background); border-color: var(--okd-button-text-primary-active-border-color); box-shadow: var(--okd-button-text-primary-active-shadow); color: var(--okd-button-text-primary-active-font-color); }
.growth-btn.btn-text-primary.active .btn-icon, .growth-btn.btn-text-primary:not(:disabled):active .btn-icon { color: var(--okd-button-text-primary-active-icon-color); }
.growth-btn.btn-text-primary:not(.loading).btn-disabled, .growth-btn.btn-text-primary:not(.loading):disabled { background: var(--okd-button-text-primary-disabled-background); border-color: var(--okd-button-text-primary-disabled-border-color); box-shadow: var(--okd-button-text-primary-disabled-shadow); color: var(--okd-button-text-primary-disabled-font-color); }
.growth-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-text-primary:not(.loading):disabled .btn-icon { color: var(--okd-button-text-primary-disabled-icon-color); }
.growth-btn.btn-text-primary.loading { background: var(--okd-button-text-primary-loading-background,var(--okd-button-text-primary-default-background)); cursor: pointer; }
.growth-btn.btn-text-primary .btn-icon { color: var(--okd-button-text-primary-default-icon-color); }
.growth-btn.btn-text-primary .growth-btn-loader-text { color: var(--okd-button-text-primary-default-font-color); }
.growth-btn.btn-text-primary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-text-primary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size)*2); }
.growth-btn.btn-text-primary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-primary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-text-primary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size)*2); }
.growth-btn.btn-text-primary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-primary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-text-primary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size)*2); }
.growth-btn.btn-text-primary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-primary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-text-primary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size)*2); }
.growth-btn.btn-text-primary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-primary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-text-primary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size)*2); }
.growth-btn.btn-text-primary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-primary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-text-primary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size)*2); }
.growth-btn.btn-text-primary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-primary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-text-primary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size)*2); }
.growth-btn.btn-text-primary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-secondary { background: var(--okd-button-text-secondary-default-background); border-color: var(--okd-button-text-secondary-default-border-color); border-style: solid; border-width: var(--okd-button-text-secondary-border-size); box-shadow: var(--okd-button-text-secondary-default-shadow); color: var(--okd-button-text-secondary-default-font-color); }
.growth-btn.btn-text-secondary.hover, .growth-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-text-secondary-hover-background); border-color: var(--okd-button-text-secondary-hover-border-color); box-shadow: var(--okd-button-text-secondary-hover-shadow); color: var(--okd-button-text-secondary-hover-font-color); }
.growth-btn.btn-text-secondary.hover .btn-icon, .growth-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-secondary-hover-icon-color); }
.growth-btn.btn-text-secondary.active, .growth-btn.btn-text-secondary:not(:disabled):active { background: var(--okd-button-text-secondary-active-background); border-color: var(--okd-button-text-secondary-active-border-color); box-shadow: var(--okd-button-text-secondary-active-shadow); color: var(--okd-button-text-secondary-active-font-color); }
.growth-btn.btn-text-secondary.active .btn-icon, .growth-btn.btn-text-secondary:not(:disabled):active .btn-icon { color: var(--okd-button-text-secondary-active-icon-color); }
.growth-btn.btn-text-secondary:not(.loading).btn-disabled, .growth-btn.btn-text-secondary:not(.loading):disabled { background: var(--okd-button-text-secondary-disabled-background); border-color: var(--okd-button-text-secondary-disabled-border-color); box-shadow: var(--okd-button-text-secondary-disabled-shadow); color: var(--okd-button-text-secondary-disabled-font-color); }
.growth-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-text-secondary:not(.loading):disabled .btn-icon { color: var(--okd-button-text-secondary-disabled-icon-color); }
.growth-btn.btn-text-secondary.loading { background: var(--okd-button-text-secondary-loading-background,var(--okd-button-text-secondary-default-background)); cursor: pointer; }
.growth-btn.btn-text-secondary .btn-icon { color: var(--okd-button-text-secondary-default-icon-color); }
.growth-btn.btn-text-secondary .growth-btn-loader-text { color: var(--okd-button-text-secondary-default-font-color); }
.growth-btn.btn-text-secondary.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-text-secondary.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-secondary-border-size)*2); }
.growth-btn.btn-text-secondary.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-secondary.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-text-secondary.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-secondary-border-size)*2); }
.growth-btn.btn-text-secondary.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-secondary.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-text-secondary.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-secondary-border-size)*2); }
.growth-btn.btn-text-secondary.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-secondary.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-text-secondary.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-secondary-border-size)*2); }
.growth-btn.btn-text-secondary.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-secondary.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-text-secondary.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-secondary-border-size)*2); }
.growth-btn.btn-text-secondary.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-secondary.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-text-secondary.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-secondary-border-size)*2); }
.growth-btn.btn-text-secondary.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-secondary.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-text-secondary.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-secondary-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-secondary-border-size)*2); }
.growth-btn.btn-text-secondary.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-red { background: var(--okd-button-text-red-default-background); border-color: var(--okd-button-text-red-default-border-color); border-style: solid; border-width: var(--okd-button-text-red-border-size); box-shadow: var(--okd-button-text-red-default-shadow); color: var(--okd-button-text-red-default-font-color); }
.growth-btn.btn-text-red.hover, .growth-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-text-red-hover-background); border-color: var(--okd-button-text-red-hover-border-color); box-shadow: var(--okd-button-text-red-hover-shadow); color: var(--okd-button-text-red-hover-font-color); }
.growth-btn.btn-text-red.hover .btn-icon, .growth-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-red-hover-icon-color); }
.growth-btn.btn-text-red.active, .growth-btn.btn-text-red:not(:disabled):active { background: var(--okd-button-text-red-active-background); border-color: var(--okd-button-text-red-active-border-color); box-shadow: var(--okd-button-text-red-active-shadow); color: var(--okd-button-text-red-active-font-color); }
.growth-btn.btn-text-red.active .btn-icon, .growth-btn.btn-text-red:not(:disabled):active .btn-icon { color: var(--okd-button-text-red-active-icon-color); }
.growth-btn.btn-text-red:not(.loading).btn-disabled, .growth-btn.btn-text-red:not(.loading):disabled { background: var(--okd-button-text-red-disabled-background); border-color: var(--okd-button-text-red-disabled-border-color); box-shadow: var(--okd-button-text-red-disabled-shadow); color: var(--okd-button-text-red-disabled-font-color); }
.growth-btn.btn-text-red:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-text-red:not(.loading):disabled .btn-icon { color: var(--okd-button-text-red-disabled-icon-color); }
.growth-btn.btn-text-red.loading { background: var(--okd-button-text-red-loading-background,var(--okd-button-text-red-default-background)); cursor: pointer; }
.growth-btn.btn-text-red .btn-icon { color: var(--okd-button-text-red-default-icon-color); }
.growth-btn.btn-text-red .growth-btn-loader-text { color: var(--okd-button-text-red-default-font-color); }
.growth-btn.btn-text-red.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-text-red.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-red-border-size)*2); }
.growth-btn.btn-text-red.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-red.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-text-red.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-red-border-size)*2); }
.growth-btn.btn-text-red.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-red.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-text-red.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-red-border-size)*2); }
.growth-btn.btn-text-red.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-red.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-text-red.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-red-border-size)*2); }
.growth-btn.btn-text-red.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-red.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-text-red.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-red-border-size)*2); }
.growth-btn.btn-text-red.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-red.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-text-red.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-red-border-size)*2); }
.growth-btn.btn-text-red.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-red.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-text-red.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-red-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-red-border-size)*2); }
.growth-btn.btn-text-red.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-green { background: var(--okd-button-text-green-default-background); border-color: var(--okd-button-text-green-default-border-color); border-style: solid; border-width: var(--okd-button-text-green-border-size); box-shadow: var(--okd-button-text-green-default-shadow); color: var(--okd-button-text-green-default-font-color); }
.growth-btn.btn-text-green.hover, .growth-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-text-green-hover-background); border-color: var(--okd-button-text-green-hover-border-color); box-shadow: var(--okd-button-text-green-hover-shadow); color: var(--okd-button-text-green-hover-font-color); }
.growth-btn.btn-text-green.hover .btn-icon, .growth-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-green-hover-icon-color); }
.growth-btn.btn-text-green.active, .growth-btn.btn-text-green:not(:disabled):active { background: var(--okd-button-text-green-active-background); border-color: var(--okd-button-text-green-active-border-color); box-shadow: var(--okd-button-text-green-active-shadow); color: var(--okd-button-text-green-active-font-color); }
.growth-btn.btn-text-green.active .btn-icon, .growth-btn.btn-text-green:not(:disabled):active .btn-icon { color: var(--okd-button-text-green-active-icon-color); }
.growth-btn.btn-text-green:not(.loading).btn-disabled, .growth-btn.btn-text-green:not(.loading):disabled { background: var(--okd-button-text-green-disabled-background); border-color: var(--okd-button-text-green-disabled-border-color); box-shadow: var(--okd-button-text-green-disabled-shadow); color: var(--okd-button-text-green-disabled-font-color); }
.growth-btn.btn-text-green:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-text-green:not(.loading):disabled .btn-icon { color: var(--okd-button-text-green-disabled-icon-color); }
.growth-btn.btn-text-green.loading { background: var(--okd-button-text-green-loading-background,var(--okd-button-text-green-default-background)); cursor: pointer; }
.growth-btn.btn-text-green .btn-icon { color: var(--okd-button-text-green-default-icon-color); }
.growth-btn.btn-text-green .growth-btn-loader-text { color: var(--okd-button-text-green-default-font-color); }
.growth-btn.btn-text-green.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-text-green.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-green-border-size)*2); }
.growth-btn.btn-text-green.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-green.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-text-green.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-green-border-size)*2); }
.growth-btn.btn-text-green.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-green.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-text-green.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-green-border-size)*2); }
.growth-btn.btn-text-green.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-green.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-text-green.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-green-border-size)*2); }
.growth-btn.btn-text-green.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-green.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-text-green.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-green-border-size)*2); }
.growth-btn.btn-text-green.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-green.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-text-green.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-green-border-size)*2); }
.growth-btn.btn-text-green.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-green.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-text-green.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-green-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-green-border-size)*2); }
.growth-btn.btn-text-green.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-orange { background: var(--okd-button-text-orange-default-background); border-color: var(--okd-button-text-orange-default-border-color); border-style: solid; border-width: var(--okd-button-text-orange-border-size); box-shadow: var(--okd-button-text-orange-default-shadow); color: var(--okd-button-text-orange-default-font-color); }
.growth-btn.btn-text-orange.hover, .growth-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-text-orange-hover-background); border-color: var(--okd-button-text-orange-hover-border-color); box-shadow: var(--okd-button-text-orange-hover-shadow); color: var(--okd-button-text-orange-hover-font-color); }
.growth-btn.btn-text-orange.hover .btn-icon, .growth-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-orange-hover-icon-color); }
.growth-btn.btn-text-orange.active, .growth-btn.btn-text-orange:not(:disabled):active { background: var(--okd-button-text-orange-active-background); border-color: var(--okd-button-text-orange-active-border-color); box-shadow: var(--okd-button-text-orange-active-shadow); color: var(--okd-button-text-orange-active-font-color); }
.growth-btn.btn-text-orange.active .btn-icon, .growth-btn.btn-text-orange:not(:disabled):active .btn-icon { color: var(--okd-button-text-orange-active-icon-color); }
.growth-btn.btn-text-orange:not(.loading).btn-disabled, .growth-btn.btn-text-orange:not(.loading):disabled { background: var(--okd-button-text-orange-disabled-background); border-color: var(--okd-button-text-orange-disabled-border-color); box-shadow: var(--okd-button-text-orange-disabled-shadow); color: var(--okd-button-text-orange-disabled-font-color); }
.growth-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-text-orange:not(.loading):disabled .btn-icon { color: var(--okd-button-text-orange-disabled-icon-color); }
.growth-btn.btn-text-orange.loading { background: var(--okd-button-text-orange-loading-background,var(--okd-button-text-orange-default-background)); cursor: pointer; }
.growth-btn.btn-text-orange .btn-icon { color: var(--okd-button-text-orange-default-icon-color); }
.growth-btn.btn-text-orange .growth-btn-loader-text { color: var(--okd-button-text-orange-default-font-color); }
.growth-btn.btn-text-orange.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-text-orange.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-orange-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-orange-border-size)*2); }
.growth-btn.btn-text-orange.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-orange.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-text-orange.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-orange-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-orange-border-size)*2); }
.growth-btn.btn-text-orange.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-orange.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-text-orange.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-orange-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-orange-border-size)*2); }
.growth-btn.btn-text-orange.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-orange.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-text-orange.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-orange-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-orange-border-size)*2); }
.growth-btn.btn-text-orange.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-orange.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-text-orange.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-orange-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-orange-border-size)*2); }
.growth-btn.btn-text-orange.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-orange.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-text-orange.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-orange-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-orange-border-size)*2); }
.growth-btn.btn-text-orange.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-orange.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-text-orange.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-orange-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-orange-border-size)*2); }
.growth-btn.btn-text-orange.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-yellow { background: var(--okd-button-text-yellow-default-background); border-color: var(--okd-button-text-yellow-default-border-color); border-style: solid; border-width: var(--okd-button-text-yellow-border-size); box-shadow: var(--okd-button-text-yellow-default-shadow); color: var(--okd-button-text-yellow-default-font-color); }
.growth-btn.btn-text-yellow.hover, .growth-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover { background: var(--okd-button-text-yellow-hover-background); border-color: var(--okd-button-text-yellow-hover-border-color); box-shadow: var(--okd-button-text-yellow-hover-shadow); color: var(--okd-button-text-yellow-hover-font-color); }
.growth-btn.btn-text-yellow.hover .btn-icon, .growth-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-yellow-hover-icon-color); }
.growth-btn.btn-text-yellow.active, .growth-btn.btn-text-yellow:not(:disabled):active { background: var(--okd-button-text-yellow-active-background); border-color: var(--okd-button-text-yellow-active-border-color); box-shadow: var(--okd-button-text-yellow-active-shadow); color: var(--okd-button-text-yellow-active-font-color); }
.growth-btn.btn-text-yellow.active .btn-icon, .growth-btn.btn-text-yellow:not(:disabled):active .btn-icon { color: var(--okd-button-text-yellow-active-icon-color); }
.growth-btn.btn-text-yellow:not(.loading).btn-disabled, .growth-btn.btn-text-yellow:not(.loading):disabled { background: var(--okd-button-text-yellow-disabled-background); border-color: var(--okd-button-text-yellow-disabled-border-color); box-shadow: var(--okd-button-text-yellow-disabled-shadow); color: var(--okd-button-text-yellow-disabled-font-color); }
.growth-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon, .growth-btn.btn-text-yellow:not(.loading):disabled .btn-icon { color: var(--okd-button-text-yellow-disabled-icon-color); }
.growth-btn.btn-text-yellow.loading { background: var(--okd-button-text-yellow-loading-background,var(--okd-button-text-yellow-default-background)); cursor: pointer; }
.growth-btn.btn-text-yellow .btn-icon { color: var(--okd-button-text-yellow-default-icon-color); }
.growth-btn.btn-text-yellow .growth-btn-loader-text { color: var(--okd-button-text-yellow-default-font-color); }
.growth-btn.btn-text-yellow.btn-xxs { padding: calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xxs-padding-horizontal); }
.growth-btn.btn-text-yellow.btn-xxs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-yellow-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-yellow-border-size)*2); }
.growth-btn.btn-text-yellow.btn-xxs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-yellow.btn-xs { padding: calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xs-padding-horizontal); }
.growth-btn.btn-text-yellow.btn-xs.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-yellow-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-yellow-border-size)*2); }
.growth-btn.btn-text-yellow.btn-xs.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-yellow.btn-s { padding: calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-s-padding-horizontal); }
.growth-btn.btn-text-yellow.btn-s.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-yellow-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-yellow-border-size)*2); }
.growth-btn.btn-text-yellow.btn-s.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-yellow.btn-sm { padding: calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-sm-padding-horizontal); }
.growth-btn.btn-text-yellow.btn-sm.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-yellow-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-yellow-border-size)*2); }
.growth-btn.btn-text-yellow.btn-sm.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-yellow.btn-md { padding: calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-md-padding-horizontal); }
.growth-btn.btn-text-yellow.btn-md.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-yellow-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-yellow-border-size)*2); }
.growth-btn.btn-text-yellow.btn-md.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-yellow.btn-lg { padding: calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-lg-padding-horizontal); }
.growth-btn.btn-text-yellow.btn-lg.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-yellow-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-yellow-border-size)*2); }
.growth-btn.btn-text-yellow.btn-lg.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-text-yellow.btn-xl { padding: calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xl-padding-horizontal); }
.growth-btn.btn-text-yellow.btn-xl.growth-btn-strict-circle { border-radius: 100px; height: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-yellow-border-size)*2); min-width: 0px; overflow: hidden; padding: 0px; width: calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-yellow-border-size)*2); }
.growth-btn.btn-text-yellow.btn-xl.growth-btn-strict-circle .btn-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.btn-xxs { border-radius: var(--okd-button-xxs-border-radius); font-weight: var(--okd-button-xxs-font-weight,500); min-width: var(--okd-button-xxs-min-width); }
.growth-btn.btn-xxs, .growth-btn.btn-xxs .growth-btn-loader-text { font-size: var(--okd-button-xxs-font-size); line-height: var(--okd-button-xxs-line-height); }
.growth-btn.btn-xxs .growth-btn-loader-text { margin-left: var(--okd-button-xxs-loader-text-margin-left); }
.growth-btn.btn-xxs.btn-rect { border-radius: var(--okd-button-rect-xxs-border-radius,4px); }
.growth-btn.btn-xs { border-radius: var(--okd-button-xs-border-radius); font-weight: var(--okd-button-xs-font-weight,500); min-width: var(--okd-button-xs-min-width); }
.growth-btn.btn-xs, .growth-btn.btn-xs .growth-btn-loader-text { font-size: var(--okd-button-xs-font-size); line-height: var(--okd-button-xs-line-height); }
.growth-btn.btn-xs .growth-btn-loader-text { margin-left: var(--okd-button-xs-loader-text-margin-left); }
.growth-btn.btn-xs.btn-rect { border-radius: var(--okd-button-rect-xs-border-radius,4px); }
.growth-btn.btn-s { border-radius: var(--okd-button-s-border-radius); font-weight: var(--okd-button-s-font-weight,500); min-width: var(--okd-button-s-min-width); }
.growth-btn.btn-s, .growth-btn.btn-s .growth-btn-loader-text { font-size: var(--okd-button-s-font-size); line-height: var(--okd-button-s-line-height); }
.growth-btn.btn-s .growth-btn-loader-text { margin-left: var(--okd-button-s-loader-text-margin-left); }
.growth-btn.btn-s.btn-rect { border-radius: var(--okd-button-rect-s-border-radius,4px); }
.growth-btn.btn-sm { border-radius: var(--okd-button-sm-border-radius); font-weight: var(--okd-button-sm-font-weight,500); min-width: var(--okd-button-sm-min-width); }
.growth-btn.btn-sm, .growth-btn.btn-sm .growth-btn-loader-text { font-size: var(--okd-button-sm-font-size); line-height: var(--okd-button-sm-line-height); }
.growth-btn.btn-sm .growth-btn-loader-text { margin-left: var(--okd-button-sm-loader-text-margin-left); }
.growth-btn.btn-sm.btn-rect { border-radius: var(--okd-button-rect-sm-border-radius,4px); }
.growth-btn.btn-md { border-radius: var(--okd-button-md-border-radius); font-weight: var(--okd-button-md-font-weight,500); min-width: var(--okd-button-md-min-width); }
.growth-btn.btn-md, .growth-btn.btn-md .growth-btn-loader-text { font-size: var(--okd-button-md-font-size); line-height: var(--okd-button-md-line-height); }
.growth-btn.btn-md .growth-btn-loader-text { margin-left: var(--okd-button-md-loader-text-margin-left); }
.growth-btn.btn-md.btn-rect { border-radius: var(--okd-button-rect-md-border-radius,4px); }
.growth-btn.btn-lg { border-radius: var(--okd-button-lg-border-radius); font-weight: var(--okd-button-lg-font-weight,500); min-width: var(--okd-button-lg-min-width); }
.growth-btn.btn-lg, .growth-btn.btn-lg .growth-btn-loader-text { font-size: var(--okd-button-lg-font-size); line-height: var(--okd-button-lg-line-height); }
.growth-btn.btn-lg .growth-btn-loader-text { margin-left: var(--okd-button-lg-loader-text-margin-left); }
.growth-btn.btn-lg.btn-rect { border-radius: var(--okd-button-rect-lg-border-radius,8px); }
.growth-btn.btn-xl { border-radius: var(--okd-button-xl-border-radius); font-weight: var(--okd-button-xl-font-weight,500); min-width: var(--okd-button-xl-min-width); }
.growth-btn.btn-xl, .growth-btn.btn-xl .growth-btn-loader-text { font-size: var(--okd-button-xl-font-size); line-height: var(--okd-button-xl-line-height); }
.growth-btn.btn-xl .growth-btn-loader-text { margin-left: var(--okd-button-xl-loader-text-margin-left); }
.growth-btn.btn-xl.btn-rect { border-radius: var(--okd-button-rect-xl-border-radius,8px); }
.growth-btn.btn-disabled, .growth-btn:disabled { cursor: not-allowed; }
.growth-btn.block { display: flex; width: 100%; }
.growth-btn.btn-circle { border-radius: 100px !important; }
.growth-btn .btn-content { align-items: center; display: flex; }
.growth-btn .btn-icon { align-items: center; display: inline-flex; justify-content: center; line-height: 1; }
.growth-btn .growth-btn-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-btn.loading .btn-content { opacity: 0; }
.growth-btn.loading .btn-content-position { display: none; }
.growth-btn.loading .growth-btn-loader { line-height: 0; position: absolute; }
.growth-btn.loading .btn-loader-position-absolute { position: relative; }
.growth-btn-loader-container { height: 100%; position: relative; }
.growth-btn .btn-icon + .btn-content { margin-left: 4px; }
.growth-btn.btn-xxs .btn-icon { font-size: var(--okd-button-xxs-icon-size); }
.growth-btn.btn-xxs .btn-icon-leading { margin-right: var(--okd-button-xxs-icon-margin); }
.growth-btn.btn-xxs .btn-icon-tailing { margin-left: var(--okd-button-xxs-icon-margin); }
.growth-btn.btn-xxs .growth-btn-loader-size { border-radius: var(--okd-button-xxs-loader-size); height: var(--okd-button-xxs-loader-size); width: var(--okd-button-xxs-loader-size); }
.growth-btn.btn-xs .btn-icon { font-size: var(--okd-button-xs-icon-size); }
.growth-btn.btn-xs .btn-icon-leading { margin-right: var(--okd-button-xs-icon-margin); }
.growth-btn.btn-xs .btn-icon-tailing { margin-left: var(--okd-button-xs-icon-margin); }
.growth-btn.btn-xs .growth-btn-loader-size { border-radius: var(--okd-button-xs-loader-size); height: var(--okd-button-xs-loader-size); width: var(--okd-button-xs-loader-size); }
.growth-btn.btn-s .btn-icon { font-size: var(--okd-button-s-icon-size); }
.growth-btn.btn-s .btn-icon-leading { margin-right: var(--okd-button-s-icon-margin); }
.growth-btn.btn-s .btn-icon-tailing { margin-left: var(--okd-button-s-icon-margin); }
.growth-btn.btn-s .growth-btn-loader-size { border-radius: var(--okd-button-s-loader-size); height: var(--okd-button-s-loader-size); width: var(--okd-button-s-loader-size); }
.growth-btn.btn-sm .btn-icon { font-size: var(--okd-button-sm-icon-size); }
.growth-btn.btn-sm .btn-icon-leading { margin-right: var(--okd-button-sm-icon-margin); }
.growth-btn.btn-sm .btn-icon-tailing { margin-left: var(--okd-button-sm-icon-margin); }
.growth-btn.btn-sm .growth-btn-loader-size { border-radius: var(--okd-button-sm-loader-size); height: var(--okd-button-sm-loader-size); width: var(--okd-button-sm-loader-size); }
.growth-btn.btn-md .btn-icon { font-size: var(--okd-button-md-icon-size); }
.growth-btn.btn-md .btn-icon-leading { margin-right: var(--okd-button-md-icon-margin); }
.growth-btn.btn-md .btn-icon-tailing { margin-left: var(--okd-button-md-icon-margin); }
.growth-btn.btn-md .growth-btn-loader-size { border-radius: var(--okd-button-md-loader-size); height: var(--okd-button-md-loader-size); width: var(--okd-button-md-loader-size); }
.growth-btn.btn-lg .btn-icon { font-size: var(--okd-button-lg-icon-size); }
.growth-btn.btn-lg .btn-icon-leading { margin-right: var(--okd-button-lg-icon-margin); }
.growth-btn.btn-lg .btn-icon-tailing { margin-left: var(--okd-button-lg-icon-margin); }
.growth-btn.btn-lg .growth-btn-loader-size { border-radius: var(--okd-button-lg-loader-size); height: var(--okd-button-lg-loader-size); width: var(--okd-button-lg-loader-size); }
.growth-btn.btn-xl .btn-icon { font-size: var(--okd-button-xl-icon-size); }
.growth-btn.btn-xl .btn-icon-leading { margin-right: var(--okd-button-xl-icon-margin); }
.growth-btn.btn-xl .btn-icon-tailing { margin-left: var(--okd-button-xl-icon-margin); }
.growth-btn.btn-xl .growth-btn-loader-size { border-radius: var(--okd-button-xl-loader-size); height: var(--okd-button-xl-loader-size); width: var(--okd-button-xl-loader-size); }
.growth-btn .growth-btn-fill-highlight-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-highlight-loader-mark-color); }
.growth-btn .growth-btn-fill-primary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-primary-loader-mark-color); }
.growth-btn .growth-btn-fill-secondary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-secondary-loader-mark-color); }
.growth-btn .growth-btn-fill-tertiary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-tertiary-loader-mark-color); }
.growth-btn .growth-btn-fill-quaternary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-quaternary-loader-mark-color); }
.growth-btn .growth-btn-fill-red-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-red-loader-mark-color); }
.growth-btn .growth-btn-fill-green-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-green-loader-mark-color); }
.growth-btn .growth-btn-fill-grey-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-grey-loader-mark-color); }
.growth-btn .growth-btn-outline-highlight-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-outline-highlight-loader-mark-color); }
.growth-btn .growth-btn-outline-primary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-outline-primary-loader-mark-color); }
.growth-btn .growth-btn-outline-secondary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-outline-secondary-loader-mark-color); }
.growth-btn .growth-btn-outline-tertiary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-outline-tertiary-loader-mark-color); }
.theme-okx-money-dark .growth { --okd-button-text-orange-default-background: transparent; --okd-button-text-orange-hover-background: #361604; --okd-button-text-orange-active-background: #361604; --okd-button-text-orange-focus-background: #361604; --okd-button-text-orange-disabled-background: #000; --okd-button-text-orange-default-border-color: transparent; --okd-button-text-orange-hover-border-color: transparent; --okd-button-text-orange-active-border-color: transparent; --okd-button-text-orange-focus-border-color: transparent; --okd-button-text-orange-disabled-border-color: transparent; --okd-button-text-orange-default-font-color: #fa8c4d; --okd-button-text-orange-hover-font-color: #f87428; --okd-button-text-orange-active-font-color: #f87428; --okd-button-text-orange-focus-font-color: #f87428; --okd-button-text-orange-disabled-font-color: rgba(248,116,40,.45); --okd-button-text-orange-default-icon-color: #f87428; --okd-button-text-orange-hover-icon-color: #f87428; --okd-button-text-orange-active-icon-color: #f87428; --okd-button-text-orange-focus-icon-color: #f87428; --okd-button-text-orange-disabled-icon-color: rgba(248,116,40,.45); --okd-button-text-orange-default-shadow: none; --okd-button-text-orange-hover-shadow: none; --okd-button-text-orange-active-shadow: none; --okd-button-text-orange-focus-shadow: none; --okd-button-text-orange-disabled-shadow: none; --okd-button-text-orange-border-size: 1px; }
.growth-icon.icon { font-family: var(--ok-icon-font-family) !important; }
.growth-powerLink { color: inherit; text-decoration: none; }
.growth-powerLink-a11y:focus-visible { border-radius: 2px; outline-color: var(--growth-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.growth-a11y-button:focus-visible { border-radius: 4px; outline-color: var(--growth-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.theme-light .growth { --okd-hyperlink-primary-default-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-icon-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-underline-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-hover-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-icon-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-underline-color: var(--growth-okd-color-border-interactive-hovered); --okd-hyperlink-secondary-default-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-icon-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-underline-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-hover-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-icon-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-underline-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-xs-font-size: 12px; --okd-hyperlink-sm-font-size: 14px; --okd-hyperlink-md-font-size: 16px; --okd-hyperlink-lg-font-size: 18px; --okd-hyperlink-xs-icon-font-size: 12px; --okd-hyperlink-sm-icon-font-size: 16px; --okd-hyperlink-md-icon-font-size: 16px; --okd-hyperlink-lg-icon-font-size: 16px; --okd-hyperlink-xs-line-height: 16px; --okd-hyperlink-sm-line-height: 16px; --okd-hyperlink-md-line-height: 20px; --okd-hyperlink-lg-line-height: 24px; --okd-hyperlink-medium-font-weight: 500; --okd-hyperlink-medium-hover-font-weight: 500; --okd-hyperlink-muted-font-weight: 400; --okd-hyperlink-muted-hover-font-weight: 400; --okd-hyperlink-amplified-font-weight: 700; --okd-hyperlink-amplified-hover-font-weight: 700; --okd-hyperlink-xs-icon-margin-left: 0px; --okd-hyperlink-sm-icon-margin-left: 4px; --okd-hyperlink-md-icon-margin-left: 4px; --okd-hyperlink-lg-icon-margin-left: 4px; --okd-hyperlink-reversed-default-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-accent-default-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-icon-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-underline-color: var(--growth-okd-color-border-static-feature); --okd-hyperlink-accent-hover-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-icon-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-underline-color: var(--growth-okd-color-border-interactive-feature-hovered); --okd-hyperlink-reversed-disabled-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-accent-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-hyperlink-primary-disabled-color: var(--growth-okd-color-content-interactive-disabled); --growth-okd-color-link-accent-surface-pressed: #d2e8a4; --growth-okd-color-link-accent-content-disabled: #d2e8a4; }
.theme-dark .growth { --okd-hyperlink-primary-default-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-icon-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-underline-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-hover-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-icon-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-underline-color: var(--growth-okd-color-border-interactive-hovered); --okd-hyperlink-secondary-default-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-icon-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-underline-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-hover-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-icon-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-underline-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-xs-font-size: 12px; --okd-hyperlink-sm-font-size: 14px; --okd-hyperlink-md-font-size: 16px; --okd-hyperlink-lg-font-size: 18px; --okd-hyperlink-xs-icon-font-size: 12px; --okd-hyperlink-sm-icon-font-size: 16px; --okd-hyperlink-md-icon-font-size: 16px; --okd-hyperlink-lg-icon-font-size: 16px; --okd-hyperlink-xs-line-height: 16px; --okd-hyperlink-sm-line-height: 16px; --okd-hyperlink-md-line-height: 20px; --okd-hyperlink-lg-line-height: 24px; --okd-hyperlink-medium-font-weight: 500; --okd-hyperlink-medium-hover-font-weight: 500; --okd-hyperlink-muted-font-weight: 400; --okd-hyperlink-muted-hover-font-weight: 400; --okd-hyperlink-amplified-font-weight: 700; --okd-hyperlink-amplified-hover-font-weight: 700; --okd-hyperlink-xs-icon-margin-left: 0px; --okd-hyperlink-sm-icon-margin-left: 4px; --okd-hyperlink-md-icon-margin-left: 4px; --okd-hyperlink-lg-icon-margin-left: 4px; --okd-hyperlink-reversed-default-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-accent-default-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-icon-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-underline-color: var(--growth-okd-color-border-static-feature); --okd-hyperlink-accent-hover-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-icon-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-underline-color: var(--growth-okd-color-border-interactive-feature-hovered); --okd-hyperlink-reversed-disabled-color: var(--growth-okd-color-content-interactive-default); --okd-hyperlink-accent-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-hyperlink-primary-disabled-color: var(--growth-okd-color-content-interactive-disabled); --growth-okd-color-link-accent-surface-pressed: #1a410e; --growth-okd-color-link-accent-content-disabled: #3d5c00; }
.theme-okx-money-light .growth { --okd-hyperlink-primary-default-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-icon-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-underline-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-hover-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-icon-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-underline-color: var(--growth-okd-color-border-interactive-hovered); --okd-hyperlink-secondary-default-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-icon-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-underline-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-hover-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-icon-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-underline-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-xs-font-size: 12px; --okd-hyperlink-sm-font-size: 14px; --okd-hyperlink-md-font-size: 16px; --okd-hyperlink-lg-font-size: 18px; --okd-hyperlink-xs-icon-font-size: 12px; --okd-hyperlink-sm-icon-font-size: 16px; --okd-hyperlink-md-icon-font-size: 16px; --okd-hyperlink-lg-icon-font-size: 16px; --okd-hyperlink-xs-line-height: 16px; --okd-hyperlink-sm-line-height: 16px; --okd-hyperlink-md-line-height: 20px; --okd-hyperlink-lg-line-height: 24px; --okd-hyperlink-medium-font-weight: 500; --okd-hyperlink-medium-hover-font-weight: 500; --okd-hyperlink-muted-font-weight: 400; --okd-hyperlink-muted-hover-font-weight: 400; --okd-hyperlink-amplified-font-weight: 700; --okd-hyperlink-amplified-hover-font-weight: 700; --okd-hyperlink-xs-icon-margin-left: 0px; --okd-hyperlink-sm-icon-margin-left: 4px; --okd-hyperlink-md-icon-margin-left: 4px; --okd-hyperlink-lg-icon-margin-left: 4px; --okd-hyperlink-reversed-default-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-accent-default-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-icon-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-underline-color: var(--growth-okd-color-border-static-feature); --okd-hyperlink-accent-hover-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-icon-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-underline-color: var(--growth-okd-color-border-interactive-feature-hovered); --okd-hyperlink-reversed-disabled-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-accent-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-hyperlink-primary-disabled-color: var(--growth-okd-color-content-interactive-disabled); }
.growth-picture { display: inline-block; }
.growth-picture-font { font-size: 0px; line-height: 1; }
.growth-picture-cover { object-fit: cover; }
.growth-picture-contain { object-fit: contain; }
.growth-hyperlink-xs .growth-hyperlink-text { font-size: var(--okd-hyperlink-xs-font-size); line-height: var(--okd-hyperlink-xs-line-height); }
.growth-hyperlink-xs .icon-arrow, .growth-hyperlink-xs .icon-jump { font-size: var(--okd-hyperlink-xs-icon-font-size); }
.growth-hyperlink-xs .icon-jump { margin-left: var(--okd-hyperlink-xs-icon-margin-left); }
.growth-hyperlink-sm .growth-hyperlink-text { font-size: var(--okd-hyperlink-sm-font-size); line-height: var(--okd-hyperlink-sm-line-height); }
.growth-hyperlink-sm .icon-arrow, .growth-hyperlink-sm .icon-jump { font-size: var(--okd-hyperlink-sm-icon-font-size); }
.growth-hyperlink-sm .icon-jump { margin-left: var(--okd-hyperlink-sm-icon-margin-left); }
.growth-hyperlink-md .growth-hyperlink-text { font-size: var(--okd-hyperlink-md-font-size); line-height: var(--okd-hyperlink-md-line-height); }
.growth-hyperlink-md .icon-arrow, .growth-hyperlink-md .icon-jump { font-size: var(--okd-hyperlink-md-icon-font-size); }
.growth-hyperlink-md .icon-jump { margin-left: var(--okd-hyperlink-md-icon-margin-left); }
.growth-hyperlink-lg .growth-hyperlink-text { font-size: var(--okd-hyperlink-lg-font-size); line-height: var(--okd-hyperlink-lg-line-height); }
.growth-hyperlink-lg .icon-arrow, .growth-hyperlink-lg .icon-jump { font-size: var(--okd-hyperlink-lg-icon-font-size); }
.growth-hyperlink-lg .icon-jump { margin-left: var(--okd-hyperlink-lg-icon-margin-left); }
.growth-hyperlink-muted { font-weight: var(--okd-hyperlink-muted-font-weight); }
.growth-hyperlink-muted:hover { font-weight: var(--okd-hyperlink-muted-hover-font-weight); }
.growth-hyperlink-medium { font-weight: var(--okd-hyperlink-medium-font-weight); }
.growth-hyperlink-medium:hover { font-weight: var(--okd-hyperlink-medium-hover-font-weight); }
.growth-hyperlink-amplified { font-weight: var(--okd-hyperlink-amplified-font-weight); }
.growth-hyperlink-amplified:hover { font-weight: var(--okd-hyperlink-amplified-hover-font-weight); }
.growth-hyperlink-primary { color: var(--okd-hyperlink-primary-default-color); }
.growth-hyperlink-primary .icon-arrow, .growth-hyperlink-primary .icon-jump { color: var(--okd-hyperlink-primary-default-icon-color); }
.growth-hyperlink-primary.growth-hyperlink-disabled { color: var(--okd-hyperlink-primary-disabled-color); }
.growth-hyperlink-primary.growth-hyperlink-disabled .growth-hyperlink-text, .growth-hyperlink-primary.growth-hyperlink-disabled .icon-arrow, .growth-hyperlink-primary.growth-hyperlink-disabled .icon-jump { color: var(--okd-hyperlink-primary-disabled-color); cursor: not-allowed; }
.growth-hyperlink-primary:not(.growth-hyperlink-disabled):hover { color: var(--okd-hyperlink-primary-hover-color); }
.growth-hyperlink-primary:not(.growth-hyperlink-disabled):hover .growth-hyperlink-text { color: var(--okd-hyperlink-primary-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.growth-hyperlink-primary:not(.growth-hyperlink-disabled):hover .icon-arrow, .growth-hyperlink-primary:not(.growth-hyperlink-disabled):hover .icon-jump { color: var(--okd-hyperlink-primary-hover-icon-color); }
.growth-hyperlink-primary a, .growth-hyperlink-primary a:active, .growth-hyperlink-primary a:visited { color: var(--okd-hyperlink-primary-default-color); }
.growth-hyperlink-secondary { color: var(--okd-hyperlink-secondary-default-color); }
.growth-hyperlink-secondary .icon-arrow, .growth-hyperlink-secondary .icon-jump { color: var(--okd-hyperlink-secondary-default-icon-color); }
.growth-hyperlink-secondary.growth-hyperlink-disabled { color: var(--okd-hyperlink-secondary-disabled-color); }
.growth-hyperlink-secondary.growth-hyperlink-disabled .growth-hyperlink-text, .growth-hyperlink-secondary.growth-hyperlink-disabled .icon-arrow, .growth-hyperlink-secondary.growth-hyperlink-disabled .icon-jump { color: var(--okd-hyperlink-secondary-disabled-color); cursor: not-allowed; }
.growth-hyperlink-secondary:not(.growth-hyperlink-disabled):hover { color: var(--okd-hyperlink-secondary-hover-color); }
.growth-hyperlink-secondary:not(.growth-hyperlink-disabled):hover .growth-hyperlink-text { color: var(--okd-hyperlink-secondary-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.growth-hyperlink-secondary:not(.growth-hyperlink-disabled):hover .icon-arrow, .growth-hyperlink-secondary:not(.growth-hyperlink-disabled):hover .icon-jump { color: var(--okd-hyperlink-secondary-hover-icon-color); }
.growth-hyperlink-secondary a, .growth-hyperlink-secondary a:active, .growth-hyperlink-secondary a:visited { color: var(--okd-hyperlink-secondary-default-color); }
.growth-hyperlink-reversed { color: var(--okd-hyperlink-reversed-default-color); }
.growth-hyperlink-reversed .icon-arrow, .growth-hyperlink-reversed .icon-jump { color: var(--okd-hyperlink-reversed-default-icon-color); }
.growth-hyperlink-reversed.growth-hyperlink-disabled { color: var(--okd-hyperlink-reversed-disabled-color); }
.growth-hyperlink-reversed.growth-hyperlink-disabled .growth-hyperlink-text, .growth-hyperlink-reversed.growth-hyperlink-disabled .icon-arrow, .growth-hyperlink-reversed.growth-hyperlink-disabled .icon-jump { color: var(--okd-hyperlink-reversed-disabled-color); cursor: not-allowed; }
.growth-hyperlink-reversed:not(.growth-hyperlink-disabled):hover { color: var(--okd-hyperlink-reversed-hover-color); }
.growth-hyperlink-reversed:not(.growth-hyperlink-disabled):hover .growth-hyperlink-text { color: var(--okd-hyperlink-reversed-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.growth-hyperlink-reversed:not(.growth-hyperlink-disabled):hover .icon-arrow, .growth-hyperlink-reversed:not(.growth-hyperlink-disabled):hover .icon-jump { color: var(--okd-hyperlink-reversed-hover-icon-color); }
.growth-hyperlink-reversed a, .growth-hyperlink-reversed a:active, .growth-hyperlink-reversed a:visited { color: var(--okd-hyperlink-reversed-default-color); }
.growth-hyperlink-accent { color: var(--okd-hyperlink-accent-default-color); }
.growth-hyperlink-accent .icon-arrow, .growth-hyperlink-accent .icon-jump { color: var(--okd-hyperlink-accent-default-icon-color); }
.growth-hyperlink-accent.growth-hyperlink-disabled { color: var(--okd-hyperlink-accent-disabled-color); }
.growth-hyperlink-accent.growth-hyperlink-disabled .growth-hyperlink-text, .growth-hyperlink-accent.growth-hyperlink-disabled .icon-arrow, .growth-hyperlink-accent.growth-hyperlink-disabled .icon-jump { color: var(--okd-hyperlink-accent-disabled-color); cursor: not-allowed; }
.growth-hyperlink-accent:not(.growth-hyperlink-disabled):hover { color: var(--okd-hyperlink-accent-hover-color); }
.growth-hyperlink-accent:not(.growth-hyperlink-disabled):hover .growth-hyperlink-text { color: var(--okd-hyperlink-accent-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.growth-hyperlink-accent:not(.growth-hyperlink-disabled):hover .icon-arrow, .growth-hyperlink-accent:not(.growth-hyperlink-disabled):hover .icon-jump { color: var(--okd-hyperlink-accent-hover-icon-color); }
.growth-hyperlink-accent a, .growth-hyperlink-accent a:active, .growth-hyperlink-accent a:visited { color: var(--okd-hyperlink-accent-default-color); }
.growth-hyperlink-text { text-decoration: none; }
.growth-hyperlink-underline .growth-hyperlink-text { text-decoration: underline; text-underline-offset: 3px; }
.growth-hyperlink-no-hover-underline:not(.growth-hyperlink-disabled):hover .growth-hyperlink-text { text-decoration: none; }
.growth-hyperlink { align-items: center; cursor: pointer; display: inline-flex; }
.growth-hyperlink .icon-arrow, .growth-hyperlink .icon-jump { cursor: auto; font-weight: inherit; }
.growth-hyperlink a:focus-visible { border-radius: 2px; outline-color: var(--growth-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.theme-okx-money-dark .growth { --okd-hyperlink-primary-default-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-icon-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-default-underline-color: var(--growth-okd-color-content-static-default); --okd-hyperlink-primary-hover-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-icon-color: var(--growth-okd-color-content-interactive-hovered); --okd-hyperlink-primary-hover-underline-color: var(--growth-okd-color-border-interactive-hovered); --okd-hyperlink-secondary-default-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-icon-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-default-underline-color: var(--growth-okd-color-content-primary); --okd-hyperlink-secondary-hover-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-icon-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-secondary-hover-underline-color: var(--growth-okd-color-content-secondary); --okd-hyperlink-xs-font-size: 12px; --okd-hyperlink-sm-font-size: 14px; --okd-hyperlink-md-font-size: 16px; --okd-hyperlink-lg-font-size: 18px; --okd-hyperlink-xs-icon-font-size: 12px; --okd-hyperlink-sm-icon-font-size: 16px; --okd-hyperlink-md-icon-font-size: 16px; --okd-hyperlink-lg-icon-font-size: 16px; --okd-hyperlink-xs-line-height: 16px; --okd-hyperlink-sm-line-height: 16px; --okd-hyperlink-md-line-height: 20px; --okd-hyperlink-lg-line-height: 24px; --okd-hyperlink-medium-font-weight: 500; --okd-hyperlink-medium-hover-font-weight: 500; --okd-hyperlink-muted-font-weight: 400; --okd-hyperlink-muted-hover-font-weight: 400; --okd-hyperlink-amplified-font-weight: 700; --okd-hyperlink-amplified-hover-font-weight: 700; --okd-hyperlink-xs-icon-margin-left: 0px; --okd-hyperlink-sm-icon-margin-left: 4px; --okd-hyperlink-md-icon-margin-left: 4px; --okd-hyperlink-lg-icon-margin-left: 4px; --okd-hyperlink-reversed-default-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-default-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-icon-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-reversed-hover-underline-color: var(--growth-okd-color-content-static-inverse); --okd-hyperlink-accent-default-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-icon-color: var(--growth-okd-color-content-static-feature); --okd-hyperlink-accent-default-underline-color: var(--growth-okd-color-border-static-feature); --okd-hyperlink-accent-hover-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-icon-color: var(--growth-okd-color-content-interactive-feature-hovered); --okd-hyperlink-accent-hover-underline-color: var(--growth-okd-color-border-interactive-feature-hovered); --okd-hyperlink-reversed-disabled-color: var(--growth-okd-color-content-interactive-default); --okd-hyperlink-accent-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-hyperlink-primary-disabled-color: var(--growth-okd-color-content-interactive-disabled); }
.theme-light .growth { --okd-dialog-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-mask-color: var(--growth-okd-color-surface-structural-overlay); --okd-dialog-window-box-shadow: var(--okd-shadow-xl); --okd-dialog-window-default-text-color: var(--growth-okd-color-content-static-default); --okd-dialog-window-border-radius: 8px; --okd-dialog-window-close-btn-color: var(--growth-okd-color-content-contrast); --okd-dialog-window-close-size: 32px; --okd-dialog-window-split-line-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-tip-window-min-width: 344px; --okd-dialog-tip-window-2btn-min-width: 448px; --okd-dialog-title-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-font-size: 16px; --okd-dialog-title-line-height: 20px; --okd-dialog-title-box-sm-padding-vertical: 14px; --okd-dialog-title-box-md-padding-vertical: 12px; --okd-dialog-sub-title-color: var(--growth-okd-color-content-contrast); --okd-dialog-sub-title-font-size: 14px; --okd-dialog-sub-title-line-height: 16px; --okd-dialog-tip-title-color: #000; --okd-dialog-tip-title-font-size: 18px; --okd-dialog-tip-title-line-height: 24px; --okd-dialog-tip-detail-color: #3d3d3d; --okd-dialog-tip-detail-font-size: 14px; --okd-dialog-tip-detail-line-height: 20px; --okd-dialog-tip-success-icon-bg: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-bg: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-bg: rgba(241,101,20,.2); --okd-dialog-tip-warn-icon-bg: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-bg: rgba(241,80,123,.2); --okd-dialog-tip-error-icon-bg: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-success-icon-color: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-color: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-color: #f16514; --okd-dialog-tip-warn-icon-color: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-color: #f1507b; --okd-dialog-tip-error-icon-color: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-icon-bg-size: 48px; --okd-dialog-tip-icon-font-size: 48px; --okd-dialog-action-close-btn-color: #0569ff; --okd-dialog-footer-box-sm-padding-vertical: 20px; --okd-dialog-footer-box-md-padding-vertical: 12px; --okd-dialog-tip-footer-box-sm-padding-vertical: 16px; --okd-dialog-tip-footer-box-md-padding-vertical: 24px; --okd-dialog-container-sm-padding-horizontal: 16px; --okd-dialog-container-md-padding-horizontal: 24px; --okd-dialog-container-md-padding-vertical: 24px; --okd-dialog-container-sm-padding-vertical: 16px; --okd-dialog-window-close-icon-size: 24px; --okd-dialog-window-back-icon-size: 24px; --okd-dialog-tip-container-md-padding-top: 28px; --okd-dialog-tip-container-md-padding-bottom: 24px; --okd-dialog-tip-container-sm-padding-top: 20px; --okd-dialog-tip-container-sm-padding-bottom: 24px; --okd-dialog-window-action-padding: 16px; --okd-dialog-footer-action-cancel-type: secondary; --okd-dialog-footer-action-confirm-type: highlight; --okd-dialog-footer-action-cancel-size: sm; --okd-dialog-footer-action-confirm-size: sm; --okd-dialog-window-sm-border-radius: 12px; --okd-dialog-title-font-weight: 700; --okd-dialog-footer-btn-full-sm-margin-top: 8px; --okd-dialog-footer-btn-md-margin-left: 12px; --okd-dialog-footer-btn-sm-margin-left: 12px; --okd-dialog-confirm-footer-sm-button-border-color: var(--growth-okd-color-border-primary); --okd-dialog-confirm-footer-padding-top: 0; --okd-dialog-confirm-footer-padding-bottom: 24px; --okd-dialog-confirm-title-padding-top: 24px; --okd-dialog-confirm-no-title-padding-top: 24px; --okd-dialog-confirm-title-padding-bottom: 0px; --okd-dialog-confirm-max-width: 520px; --okd-dialog-confirm-min-width: 280px; --okd-dialog-confirm-container-color: var(--growth-okd-color-content-static-default); --okd-dialog-confirm-container-line-height: 20px; --okd-dialog-confirm-container-font-size: 14px; --okd-dialog-confirm-container-sm-padding-bottom: 24px; --okd-dialog-confirm-icon-font-size: 22px; --okd-dialog-confirm-icon-margin-right: 10px; --okd-dialog-confirm-icon-line-height: 22px; --okd-dialog-title-icon-close-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-back-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-close-hover-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); --okd-dialog-title-icon-hover-border-radius: 4px; --okd-dialog-title-icon-close-margin-left: 32px; --okd-dialog-title-icon-back-margin-right: 8px; --okd-dialog-window-back-btn-color: var(--growth-okd-color-content-static-default); --okd-dialog-window-back-btn-margin-right: 12px; --okd-dialog-window-close-btn-margin-left: 12px; --okd-dialog-confirm-container-sm-padding-top: 8px; --okd-dialog-confirm-container-sm-padding-horizontal: 24px; --okd-dialog-confirm-title-padding-horizontal: 24px; --okd-dialog-footer-box-sm-padding-top: 12px; --okd-dialog-footer-box-sm-padding-bottom: 20px; --okd-dialog-confirmation-header-padding-top: 24px; --okd-dialog-confirmation-footer-padding-bottom: 24px; --okd-dialog-confirmation-padding-left: 24px; --okd-dialog-confirmation-padding-right: 24px; --okd-dialog-confirmation-container-padding-top: 32px; --okd-dialog-confirmation-container-padding-bottom: 32px; --okd-dialog-confirm-footer-sm-button-color: var(--growth-okd-color-content-primary); --okd-dialog-window-min-width: 392px; --okd-dialog-confirm-container-padding-top: 32px; --okd-dialog-confirm-container-padding-bottom: 32px; --okd-dialog-confirm-window-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-dialog-confirmation-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-window-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); }
.theme-dark .growth { --okd-dialog-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-close-btn-color: var(--growth-okd-color-content-contrast); --okd-dialog-window-split-line-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-title-color: var(--growth-okd-color-content-static-default); --okd-dialog-sub-title-color: var(--growth-okd-color-content-contrast); --okd-dialog-window-mask-color: var(--growth-okd-color-surface-structural-overlay); --okd-dialog-window-default-text-color: var(--growth-okd-color-content-static-default); --okd-dialog-window-box-shadow: 0px 0px 0px 0px #2e2e2e,0px 13px 20px -15px #000; --okd-dialog-tip-title-color: #fafafa; --okd-dialog-tip-detail-color: #e3e3e3; --okd-dialog-tip-success-icon-bg: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-bg: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-bg: #532206; --okd-dialog-tip-warn-icon-bg: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-bg: #300e17; --okd-dialog-tip-error-icon-bg: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-success-icon-color: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-color: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-color: #f87428; --okd-dialog-tip-warn-icon-color: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-color: #f04872; --okd-dialog-tip-error-icon-color: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-icon-bg-size: 48px; --okd-dialog-tip-icon-font-size: 48px; --okd-dialog-tip-title-font-size: 18px; --okd-dialog-tip-title-line-height: 24px; --okd-dialog-tip-detail-font-size: 14px; --okd-dialog-tip-detail-line-height: 20px; --okd-dialog-action-close-btn-color: #1e6bff; --okd-dialog-window-border-radius: 8px; --okd-dialog-title-font-size: 16px; --okd-dialog-title-line-height: 20px; --okd-dialog-sub-title-font-size: var(--okd-font-size-md); --okd-dialog-sub-title-line-height: 16px; --okd-dialog-window-close-size: 32px; --okd-dialog-container-sm-padding-horizontal: 16px; --okd-dialog-title-box-sm-padding-vertical: 14px; --okd-dialog-container-sm-padding-vertical: 16px; --okd-dialog-footer-box-sm-padding-vertical: 12px; --okd-dialog-container-md-padding-horizontal: 24px; --okd-dialog-title-box-md-padding-vertical: 12px; --okd-dialog-container-md-padding-vertical: 24px; --okd-dialog-footer-box-md-padding-vertical: 12px; --okd-dialog-tip-window-min-width: 344px; --okd-dialog-tip-window-2btn-min-width: 448px; --okd-dialog-tip-footer-box-sm-padding-vertical: 16px; --okd-dialog-tip-footer-box-md-padding-vertical: 24px; --okd-dialog-window-close-icon-size: 24px; --okd-dialog-window-back-icon-size: 24px; --okd-dialog-tip-container-md-padding-top: 28px; --okd-dialog-tip-container-md-padding-bottom: 24px; --okd-dialog-tip-container-sm-padding-top: 20px; --okd-dialog-tip-container-sm-padding-bottom: 24px; --okd-dialog-window-action-padding: 16px; --okd-dialog-footer-action-cancel-type: primary; --okd-dialog-footer-action-cancel-size: sm; --okd-dialog-footer-action-confirm-type: highlight; --okd-dialog-footer-action-confirm-size: sm; --okd-dialog-window-sm-border-radius: 12px; --okd-dialog-title-font-weight: 700; --okd-dialog-footer-btn-full-sm-margin-top: 8px; --okd-dialog-footer-btn-md-margin-left: 12px; --okd-dialog-footer-btn-sm-margin-left: 12px; --okd-dialog-confirm-footer-sm-button-border-color: var(--growth-okd-color-border-secondary); --okd-dialog-confirm-footer-padding-top: 0; --okd-dialog-confirm-footer-padding-bottom: 24px; --okd-dialog-confirm-title-padding-top: 24px; --okd-dialog-confirm-no-title-padding-top: 24px; --okd-dialog-confirm-title-padding-bottom: 0; --okd-dialog-confirm-max-width: 520px; --okd-dialog-confirm-min-width: 280px; --okd-dialog-confirm-container-color: var(--growth-okd-color-content-static-default); --okd-dialog-confirm-container-line-height: 20px; --okd-dialog-confirm-container-font-size: 14px; --okd-dialog-confirm-container-sm-padding-bottom: 24px; --okd-dialog-confirm-icon-font-size: 22px; --okd-dialog-confirm-icon-margin-right: 10px; --okd-dialog-confirm-icon-line-height: 22px; --okd-dialog-title-icon-close-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-back-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-close-hover-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); --okd-dialog-title-icon-hover-border-radius: 4px; --okd-dialog-title-icon-close-margin-left: 32px; --okd-dialog-title-icon-back-margin-right: 8px; --okd-dialog-confirm-container-sm-padding-top: 8px; --okd-dialog-confirm-container-sm-padding-horizontal: 24px; --okd-dialog-confirm-title-padding-horizontal: 24px; --okd-dialog-footer-box-sm-padding-top: 12px; --okd-dialog-footer-box-sm-padding-bottom: 20px; --okd-dialog-confirmation-header-padding-top: 24px; --okd-dialog-confirmation-footer-padding-bottom: 24px; --okd-dialog-confirmation-padding-left: 24px; --okd-dialog-confirmation-padding-right: 24px; --okd-dialog-confirmation-container-padding-top: 32px; --okd-dialog-confirmation-container-padding-bottom: 32px; --okd-dialog-confirm-footer-sm-button-color: var(--growth-okd-color-content-primary); --okd-dialog-window-min-width: 392px; --okd-dialog-window-back-btn-color: var(--growth-okd-color-content-static-default); --okd-dialog-confirm-container-padding-top: 32px; --okd-dialog-confirm-container-padding-bottom: 32px; --okd-dialog-confirm-window-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-dialog-confirmation-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-window-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); }
.theme-okx-money-light .growth { --okd-dialog-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-mask-color: var(--growth-okd-color-surface-structural-overlay); --okd-dialog-window-box-shadow: var(--okd-shadow-xl); --okd-dialog-window-default-text-color: var(--growth-okd-color-content-static-default); --okd-dialog-window-border-radius: 8px; --okd-dialog-window-close-btn-color: var(--growth-okd-color-content-contrast); --okd-dialog-window-close-size: 32px; --okd-dialog-window-split-line-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-tip-window-min-width: 344px; --okd-dialog-tip-window-2btn-min-width: 448px; --okd-dialog-title-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-font-size: 16px; --okd-dialog-title-line-height: 20px; --okd-dialog-title-box-sm-padding-vertical: 14px; --okd-dialog-title-box-md-padding-vertical: 12px; --okd-dialog-sub-title-color: var(--growth-okd-color-content-contrast); --okd-dialog-sub-title-font-size: 14px; --okd-dialog-sub-title-line-height: 16px; --okd-dialog-tip-title-color: #000; --okd-dialog-tip-title-font-size: 18px; --okd-dialog-tip-title-line-height: 24px; --okd-dialog-tip-detail-color: #3d3d3d; --okd-dialog-tip-detail-font-size: 14px; --okd-dialog-tip-detail-line-height: 20px; --okd-dialog-tip-success-icon-bg: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-bg: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-bg: rgba(241,101,20,.2); --okd-dialog-tip-warn-icon-bg: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-bg: rgba(241,80,123,.2); --okd-dialog-tip-error-icon-bg: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-success-icon-color: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-color: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-color: #f16514; --okd-dialog-tip-warn-icon-color: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-color: #f1507b; --okd-dialog-tip-error-icon-color: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-icon-bg-size: 48px; --okd-dialog-tip-icon-font-size: 48px; --okd-dialog-action-close-btn-color: #0569ff; --okd-dialog-footer-box-sm-padding-vertical: 20px; --okd-dialog-footer-box-md-padding-vertical: 12px; --okd-dialog-tip-footer-box-sm-padding-vertical: 16px; --okd-dialog-tip-footer-box-md-padding-vertical: 24px; --okd-dialog-container-sm-padding-horizontal: 16px; --okd-dialog-container-md-padding-horizontal: 24px; --okd-dialog-container-md-padding-vertical: 24px; --okd-dialog-container-sm-padding-vertical: 16px; --okd-dialog-window-close-icon-size: 24px; --okd-dialog-window-back-icon-size: 24px; --okd-dialog-tip-container-md-padding-top: 28px; --okd-dialog-tip-container-md-padding-bottom: 24px; --okd-dialog-tip-container-sm-padding-top: 20px; --okd-dialog-tip-container-sm-padding-bottom: 24px; --okd-dialog-window-action-padding: 16px; --okd-dialog-footer-action-cancel-type: secondary; --okd-dialog-footer-action-confirm-type: highlight; --okd-dialog-footer-action-cancel-size: sm; --okd-dialog-footer-action-confirm-size: sm; --okd-dialog-window-sm-border-radius: 12px; --okd-dialog-title-font-weight: 700; --okd-dialog-footer-btn-full-sm-margin-top: 8px; --okd-dialog-footer-btn-md-margin-left: 12px; --okd-dialog-footer-btn-sm-margin-left: 12px; --okd-dialog-confirm-footer-sm-button-border-color: var(--growth-okd-color-border-primary); --okd-dialog-confirm-footer-padding-top: 0; --okd-dialog-confirm-footer-padding-bottom: 24px; --okd-dialog-confirm-title-padding-top: 24px; --okd-dialog-confirm-no-title-padding-top: 24px; --okd-dialog-confirm-title-padding-bottom: 0px; --okd-dialog-confirm-max-width: 520px; --okd-dialog-confirm-min-width: 280px; --okd-dialog-confirm-container-color: var(--growth-okd-color-content-static-default); --okd-dialog-confirm-container-line-height: 20px; --okd-dialog-confirm-container-font-size: 14px; --okd-dialog-confirm-container-sm-padding-bottom: 24px; --okd-dialog-confirm-icon-font-size: 22px; --okd-dialog-confirm-icon-margin-right: 10px; --okd-dialog-confirm-icon-line-height: 22px; --okd-dialog-title-icon-close-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-back-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-close-hover-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); --okd-dialog-title-icon-hover-border-radius: 4px; --okd-dialog-title-icon-close-margin-left: 32px; --okd-dialog-title-icon-back-margin-right: 8px; --okd-dialog-window-back-btn-color: var(--growth-okd-color-content-static-default); --okd-dialog-window-back-btn-margin-right: 12px; --okd-dialog-window-close-btn-margin-left: 12px; --okd-dialog-confirm-container-sm-padding-top: 8px; --okd-dialog-confirm-container-sm-padding-horizontal: 24px; --okd-dialog-confirm-title-padding-horizontal: 24px; --okd-dialog-footer-box-sm-padding-top: 12px; --okd-dialog-footer-box-sm-padding-bottom: 20px; --okd-dialog-confirmation-header-padding-top: 24px; --okd-dialog-confirmation-footer-padding-bottom: 24px; --okd-dialog-confirmation-padding-left: 24px; --okd-dialog-confirmation-padding-right: 24px; --okd-dialog-confirmation-container-padding-top: 32px; --okd-dialog-confirmation-container-padding-bottom: 32px; --okd-dialog-confirm-footer-sm-button-color: var(--growth-okd-color-content-primary); --okd-dialog-window-min-width: 392px; --okd-dialog-confirm-container-padding-top: 32px; --okd-dialog-confirm-container-padding-bottom: 32px; --okd-dialog-confirm-window-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-dialog-confirmation-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-window-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); }
.theme-okx-money-dark .growth { --okd-dialog-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-close-btn-color: var(--growth-okd-color-content-contrast); --okd-dialog-window-split-line-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-title-color: var(--growth-okd-color-content-static-default); --okd-dialog-sub-title-color: var(--growth-okd-color-content-contrast); --okd-dialog-window-mask-color: var(--growth-okd-color-surface-structural-overlay); --okd-dialog-window-default-text-color: var(--growth-okd-color-content-static-default); --okd-dialog-window-box-shadow: 0px 0px 0px 0px #2e2e2e,0px 13px 20px -15px #000; --okd-dialog-tip-title-color: #fafafa; --okd-dialog-tip-detail-color: #e3e3e3; --okd-dialog-tip-success-icon-bg: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-bg: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-bg: #532206; --okd-dialog-tip-warn-icon-bg: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-bg: #300e17; --okd-dialog-tip-error-icon-bg: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-success-icon-color: var(--growth-okd-color-content-success-default); --okd-dialog-tip-info-icon-color: var(--growth-okd-color-content-info-default); --okd-dialog-tip-prompt-icon-color: #f87428; --okd-dialog-tip-warn-icon-color: var(--growth-okd-color-content-warning-default); --okd-dialog-tip-alert-icon-color: #f04872; --okd-dialog-tip-error-icon-color: var(--growth-okd-color-content-interactive-error); --okd-dialog-tip-icon-bg-size: 48px; --okd-dialog-tip-icon-font-size: 48px; --okd-dialog-tip-title-font-size: 18px; --okd-dialog-tip-title-line-height: 24px; --okd-dialog-tip-detail-font-size: 14px; --okd-dialog-tip-detail-line-height: 20px; --okd-dialog-action-close-btn-color: #1e6bff; --okd-dialog-window-border-radius: 8px; --okd-dialog-title-font-size: 16px; --okd-dialog-title-line-height: 20px; --okd-dialog-sub-title-font-size: var(--okd-font-size-md); --okd-dialog-sub-title-line-height: 16px; --okd-dialog-window-close-size: 32px; --okd-dialog-container-sm-padding-horizontal: 16px; --okd-dialog-title-box-sm-padding-vertical: 14px; --okd-dialog-container-sm-padding-vertical: 16px; --okd-dialog-footer-box-sm-padding-vertical: 12px; --okd-dialog-container-md-padding-horizontal: 24px; --okd-dialog-title-box-md-padding-vertical: 12px; --okd-dialog-container-md-padding-vertical: 24px; --okd-dialog-footer-box-md-padding-vertical: 12px; --okd-dialog-tip-window-min-width: 344px; --okd-dialog-tip-window-2btn-min-width: 448px; --okd-dialog-tip-footer-box-sm-padding-vertical: 16px; --okd-dialog-tip-footer-box-md-padding-vertical: 24px; --okd-dialog-window-close-icon-size: 24px; --okd-dialog-window-back-icon-size: 24px; --okd-dialog-tip-container-md-padding-top: 28px; --okd-dialog-tip-container-md-padding-bottom: 24px; --okd-dialog-tip-container-sm-padding-top: 20px; --okd-dialog-tip-container-sm-padding-bottom: 24px; --okd-dialog-window-action-padding: 16px; --okd-dialog-footer-action-cancel-type: primary; --okd-dialog-footer-action-cancel-size: sm; --okd-dialog-footer-action-confirm-type: highlight; --okd-dialog-footer-action-confirm-size: sm; --okd-dialog-window-sm-border-radius: 12px; --okd-dialog-title-font-weight: 700; --okd-dialog-footer-btn-full-sm-margin-top: 8px; --okd-dialog-footer-btn-md-margin-left: 12px; --okd-dialog-footer-btn-sm-margin-left: 12px; --okd-dialog-confirm-footer-sm-button-border-color: var(--growth-okd-color-border-secondary); --okd-dialog-confirm-footer-padding-top: 0; --okd-dialog-confirm-footer-padding-bottom: 24px; --okd-dialog-confirm-title-padding-top: 24px; --okd-dialog-confirm-no-title-padding-top: 24px; --okd-dialog-confirm-title-padding-bottom: 0; --okd-dialog-confirm-max-width: 520px; --okd-dialog-confirm-min-width: 280px; --okd-dialog-confirm-container-color: var(--growth-okd-color-content-static-default); --okd-dialog-confirm-container-line-height: 20px; --okd-dialog-confirm-container-font-size: 14px; --okd-dialog-confirm-container-sm-padding-bottom: 24px; --okd-dialog-confirm-icon-font-size: 22px; --okd-dialog-confirm-icon-margin-right: 10px; --okd-dialog-confirm-icon-line-height: 22px; --okd-dialog-title-icon-close-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-back-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-close-hover-color: var(--growth-okd-color-content-static-default); --okd-dialog-title-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); --okd-dialog-title-icon-hover-border-radius: 4px; --okd-dialog-title-icon-close-margin-left: 32px; --okd-dialog-title-icon-back-margin-right: 8px; --okd-dialog-confirm-container-sm-padding-top: 8px; --okd-dialog-confirm-container-sm-padding-horizontal: 24px; --okd-dialog-confirm-title-padding-horizontal: 24px; --okd-dialog-footer-box-sm-padding-top: 12px; --okd-dialog-footer-box-sm-padding-bottom: 20px; --okd-dialog-confirmation-header-padding-top: 24px; --okd-dialog-confirmation-footer-padding-bottom: 24px; --okd-dialog-confirmation-padding-left: 24px; --okd-dialog-confirmation-padding-right: 24px; --okd-dialog-confirmation-container-padding-top: 32px; --okd-dialog-confirmation-container-padding-bottom: 32px; --okd-dialog-confirm-footer-sm-button-color: var(--growth-okd-color-content-primary); --okd-dialog-window-min-width: 392px; --okd-dialog-window-back-btn-color: var(--growth-okd-color-content-static-default); --okd-dialog-confirm-container-padding-top: 32px; --okd-dialog-confirm-container-padding-bottom: 32px; --okd-dialog-confirm-window-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-dialog-confirmation-window-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-dialog-window-border-color: var(--growth-okd-color-border-static-default); --okd-dialog-window-icon-hover-background-color: var(--growth-okd-color-surface-interactive-hovered); }
.growth-mask { background: var(--okd-dialog-window-mask-color,rgba(0,0,0,.65)); inset: 0px; position: fixed; }
.growth-transition-fade { transition: opacity 0.3s linear; }
.growth-transition-fade-active { will-change: opacity; }
.growth-transition-fade-ease-out { transition-timing-function: cubic-bezier(0.5, 0, 0.52, 1); }
.growth-transition-fade-entered, .growth-transition-fade-entering { opacity: 1; }
.growth-transition-fade-exited, .growth-transition-fade-exiting { opacity: 0; }
.growth-dialog { --inner-okd-dialog-close-btn-padding: var(--okd-dialog-window-action-fixed-padding,16px); height: 100%; pointer-events: none; width: 100%; }
.growth-dialog-float { left: 0px; position: fixed; top: 0px; }
.growth-dialog * { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
.growth-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)) {
  .growth-dialog-window-safe { padding-bottom: env(safe-area-inset-bottom); }
}
.growth-dialog-window { border-radius: var(--okd-dialog-window-border-radius); box-shadow: var(--okd-dialog-window-box-shadow); display: flex; flex-direction: column; margin-left: auto; margin-right: auto; max-height: calc(100% - 120px); outline: none; pointer-events: auto; width: calc(100% - 32px); }
.growth-dialog-window-border { border: 1px solid var(--okd-dialog-window-border-color,transparent); }
.growth-dialog-title-container { align-items: center; display: flex; flex-direction: row; flex-shrink: 0; justify-content: space-between; }
.growth-dialog-title-container .title-center { text-align: center; }
.growth-dialog-title-container .title-center .modal-title { justify-content: center; }
.growth-dialog .title-center .growth-dialog-top-l { margin-right: var(--okd-dialog-title-icon-close-margin-left,32px); }
.growth-dialog-title-block { display: flex; flex-direction: column; flex-grow: 1; }
.growth-dialog-title-block .modal-title { font-size: var(--okd-dialog-title-font-size,16px); font-weight: var(--okd-dialog-title-font-weight,700); line-height: var(--okd-dialog-title-line-height); padding-top: 2px; }
.growth-dialog-title-block .modal-sub-title { font-size: var(--okd-dialog-sub-title-font-size); font-weight: 400; line-height: var(--okd-dialog-sub-title-line-height); margin-top: 2px; }
.growth-dialog-b-btn, .growth-dialog-c-btn { cursor: pointer; display: inline-block; height: var(--okd-dialog-window-close-icon-size); justify-content: center; line-height: 1; position: relative; vertical-align: middle; width: var(--okd-dialog-window-close-icon-size); z-index: 1; }
.growth-dialog-b-btn.icon, .growth-dialog-c-btn.icon { font-size: var(--okd-dialog-window-close-icon-size); }
.growth-dialog-b-btn::after, .growth-dialog-c-btn::after { content: " "; display: block; height: calc(var(--okd-dialog-window-close-icon-size)*1.5); left: -25%; position: absolute; top: -25%; width: calc(var(--okd-dialog-window-close-icon-size)*1.5); }
.growth-dialog-b-btn { height: var(--okd-dialog-window-back-icon-size); margin-right: var(--okd-dialog-title-icon-back-margin-right,16px); width: var(--okd-dialog-window-back-icon-size); }
.growth-dialog-b-btn.icon { font-size: var(--okd-dialog-window-back-icon-size); }
.growth-dialog-c-btn { margin-left: var(--okd-dialog-title-icon-close-margin-left,32px); }
.growth-dialog-top-action-fixed { padding: var(--inner-okd-dialog-close-btn-padding); position: absolute; top: 0px; }
.growth-dialog-top-action-fixed .growth-dialog-b-btn, .growth-dialog-top-action-fixed .growth-dialog-c-btn { margin: 0px; }
.growth-dialog-top-l { align-self: flex-start; left: 0px; }
.growth-dialog-top-r { align-self: flex-start; right: 0px; }
.growth-dialog-top-hidden-for-t-center { pointer-events: none; visibility: hidden; }
.growth-dialog-top-action-hidden { display: none; pointer-events: none; }
.growth-dialog-scroll-box { flex-grow: 1; overflow-y: auto; }
.growth-dialog-scroll-box.scroll-disable { overflow-y: unset; }
.growth-dialog-container, .growth-dialog-customer-box { height: 100%; }
.growth-dialog-container.no-padding, .growth-dialog-customer-box.no-padding { padding: 0px; }
.growth-dialog .growth-dialog-footer-line { border-top: thin solid var(--okd-dialog-window-split-line-border-color); }
.growth-dialog .growth-dialog-header-line { border-bottom: thin solid var(--okd-dialog-window-split-line-border-color); }
.growth-dialog-btn-box { display: flex; }
.growth-dialog-btn-box.layout-right { justify-content: flex-end; }
.growth-dialog-btn-box.layout-left { justify-content: flex-start; }
.growth-dialog-btn-box.layout-full .dialog-btn { flex: 1 1 0%; }
.growth-dialog .growth-dialog-window { background: var(--okd-dialog-window-background); color: var(--okd-dialog-window-default-text-color); }
.growth-dialog .growth-dialog-window.container-mode { background: transparent; box-shadow: none; }
.growth-dialog .growth-dialog-title-container .modal-title { align-items: center; color: var(--okd-dialog-title-color); display: flex; }
.growth-dialog .growth-dialog-title-container .modal-sub-title { color: var(--okd-dialog-sub-title-color); }
.growth-dialog .growth-dialog-c-btn { color: var(--okd-dialog-title-icon-close-color,var(--growth-okd-color-gray-400)); }
.growth-dialog .growth-dialog-c-btn:hover { background-color: var(--okd-dialog-title-icon-hover-background-color,var(--growth-okd-color-background-hover)); border-radius: var(--okd-dialog-title-icon-hover-border-radius,4px); color: var(--okd-dialog-title-icon-close-hover-color,var(--growth-okd-color-gray-900)); }
.growth-dialog .growth-dialog-b-btn { color: var(--okd-dialog-title-icon-back-color,var(--growth-okd-color-gray-900)); }
.growth-dialog .growth-dialog-b-btn:hover { background-color: var(--okd-dialog-title-icon-hover-background-color,var(--growth-okd-color-background-hover)); border-radius: var(--okd-dialog-title-icon-hover-border-radius,4px); }
.growth-dialog-mask { background: var(--okd-dialog-window-mask-color); }
.growth-dialog-scroll-bar-end::-webkit-scrollbar, .growth-dialog-scroll-bar-start::-webkit-scrollbar { background-color: initial; }
.growth-dialog-scroll-bar-start::-webkit-scrollbar-button:vertical:start:increment { background-color: initial; display: block; height: var(--okd-dialog-window-border-radius); }
.growth-dialog-scroll-bar-end::-webkit-scrollbar-button:vertical:end:increment { background-color: initial; display: block; height: var(--okd-dialog-window-border-radius); }
@media (min-height: 800px) {
  .growth-dialog-window { max-height: 680px; }
}
@media (min-width: 768px) {
  .growth-dialog-window { min-width: var(--okd-dialog-window-min-width); width: auto; }
  .growth-dialog-title-container { padding: var(--okd-dialog-title-box-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal); }
  .growth-dialog-container { padding: var(--okd-dialog-container-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal); }
  .growth-dialog-customer-box { padding: 0 var(--okd-dialog-container-md-padding-horizontal); }
  .growth-dialog-footer-box { padding: var(--okd-dialog-footer-box-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal); }
  .growth-dialog-btn-box .dialog-btn.double-btn { width: auto; }
  .growth-dialog-btn-box.layout-full { flex-direction: row; }
  .growth-dialog-btn-box .dialog-btn + .dialog-btn { margin-left: var(--okd-dialog-footer-btn-md-margin-left,16px); }
}
@media (max-width: 767px) {
  .growth-dialog-title-container { padding: var(--okd-dialog-title-box-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal); }
  .growth-dialog-container { padding: var(--okd-dialog-container-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal); }
  .growth-dialog-customer-box { padding: 0 var(--okd-dialog-container-sm-padding-horizontal); }
  .growth-dialog-footer-box { padding: var(--okd-dialog-footer-box-sm-padding-top,12px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-footer-box-sm-padding-bottom,20px); }
  .growth-dialog-btn-box .dialog-btn { width: 100%; }
  .growth-dialog-btn-box .dialog-btn + .dialog-btn { margin-left: var(--okd-dialog-footer-btn-sm-margin-left,12px); }
  .growth-dialog-btn-box.layout-full { flex-direction: column-reverse; }
  .growth-dialog-btn-box.layout-full .dialog-btn + .dialog-btn { margin-left: 0px; }
  .growth-dialog-btn-box.layout-full .double-btn:first-child { margin-top: var(--okd-dialog-footer-btn-full-sm-margin-top,8px); }
  .growth-dialog-window { border-radius: var(--okd-dialog-window-sm-border-radius,8px); }
  .growth-dialog-window.full-page { height: auto !important; min-height: calc(100% - 48px) !important; }
  .growth-dialog-window.full-page-with-show-header { height: auto !important; }
  .growth-dialog-window.bottom-align { border-radius: var(--okd-dialog-window-border-radius) var(--okd-dialog-window-border-radius) 0 0; bottom: 0px; top: auto; transform: translate(-50%); }
  .growth-dialog-window.no-margin { min-width: unset; width: 100%; }
}
.growth-dialog-mobile-mode .growth-dialog-title-container { padding: var(--okd-dialog-title-box-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal); }
.growth-dialog-mobile-mode .growth-dialog-container { padding: var(--okd-dialog-container-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal); }
.growth-dialog-mobile-mode .growth-dialog-customer-box { padding: 0 var(--okd-dialog-container-sm-padding-horizontal); }
.growth-dialog-mobile-mode .growth-dialog-footer-box { padding: var(--okd-dialog-footer-box-sm-padding-top,12px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-footer-box-sm-padding-bottom,20px); }
.growth-dialog-mobile-mode .growth-dialog-btn-box .dialog-btn { width: 100%; }
.growth-dialog-mobile-mode .growth-dialog-btn-box .dialog-btn + .dialog-btn { margin-left: var(--okd-dialog-footer-btn-sm-margin-left,12px); }
.growth-dialog-mobile-mode .growth-dialog-btn-box.layout-full { flex-direction: column-reverse; }
.growth-dialog-mobile-mode .growth-dialog-btn-box.layout-full .dialog-btn + .dialog-btn { margin-left: 0px; }
.growth-dialog-mobile-mode .growth-dialog-btn-box.layout-full .double-btn:first-child { margin-top: var(--okd-dialog-footer-btn-full-sm-margin-top,8px); }
.growth-dialog-mobile-mode .growth-dialog-window { border-radius: var(--okd-dialog-window-sm-border-radius,8px); }
.growth-dialog-mobile-mode .growth-dialog-window.full-page { height: auto !important; min-height: calc(100% - 48px) !important; }
.growth-dialog-mobile-mode .growth-dialog-window.full-page-with-show-header { height: auto !important; }
.growth-dialog-mobile-mode .growth-dialog-window.bottom-align { border-radius: var(--okd-dialog-window-border-radius) var(--okd-dialog-window-border-radius) 0 0; bottom: 0px; top: auto; transform: translate(-50%); }
.growth-dialog-mobile-mode .growth-dialog-window.no-margin { min-width: unset; width: 100%; }
.growth-dialog-mobile-mode .growth-dialog-container.no-padding, .growth-dialog-mobile-mode .growth-dialog-customer-box.no-padding { padding: 0px; }
.growth-dialog-mobile-mode .growth-dialog-window { min-width: unset; width: calc(100% - 32px); }
.growth-dialog.growth-action-dialog .growth-dialog-window.no-radius { border-radius: 0px; }
.growth-dialog-group { overflow: hidden; }
.growth-dialog-group-window { display: flex; flex-direction: column; }
.growth-dialog.growth-tip-dialog .growth-dialog-tip-content { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.growth-dialog.growth-tip-dialog .growth-dialog-tip-content .tip-title-box { width: 100%; }
.growth-dialog.growth-tip-dialog .growth-dialog-tip-content .tip-title { font-size: var(--okd-dialog-tip-title-font-size); font-weight: 500; line-height: var(--okd-dialog-tip-title-line-height); min-height: var(--okd-dialog-tip-title-line-height); }
.growth-dialog.growth-tip-dialog .growth-dialog-tip-content .tip-detail { font-size: var(--okd-dialog-tip-detail-font-size); font-weight: 400; line-height: var(--okd-dialog-tip-detail-line-height); margin-top: 8px; }
.growth-dialog.growth-tip-dialog .growth-dialog-tip-content .tip-detail + .tip-detail { margin-top: 2px; }
.growth-dialog.growth-tip-dialog .growth-dialog-tip-content .tip-title { color: var(--okd-dialog-tip-title-color); }
.growth-dialog.growth-tip-dialog .growth-dialog-tip-content .tip-detail { color: var(--okd-dialog-tip-detail-color); }
.growth-dialog.growth-tip-dialog .growth-dialog-footer-box { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
@media (max-width: 767px) {
  .growth-dialog.growth-tip-dialog .growth-dialog-window.bottom-align { border-radius: var(--okd-dialog-window-border-radius); bottom: 16px; }
  .growth-dialog.growth-tip-dialog .growth-dialog-container { padding: var(--okd-dialog-tip-container-sm-padding-top,20px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-tip-container-sm-padding-bottom,24px); }
  .growth-dialog.growth-tip-dialog .growth-dialog-footer-box { padding: 0 var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-tip-footer-box-sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal); }
}
@media (min-width: 768px) {
  .growth-dialog.growth-tip-dialog .growth-dialog-tip-content { margin-left: auto; margin-right: auto; max-width: var(--okd-dialog-tip-window-min-width); }
  .growth-dialog.growth-tip-dialog .growth-dialog-tip-content.two-btn { max-width: var(--okd-dialog-tip-window-2btn-min-width); }
  .growth-dialog.growth-tip-dialog .growth-dialog-container { padding: var(--okd-dialog-tip-container-md-padding-top,28px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dialog-tip-container-md-padding-bottom,24px); }
  .growth-dialog.growth-tip-dialog .growth-dialog-footer-box { padding: 0 var(--okd-dialog-container-md-padding-horizontal) var(--okd-dialog-tip-footer-box-md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal); }
}
.growth-dialog-tip-icon-bg { align-items: center; display: flex; justify-content: center; margin-bottom: 12px; }
.growth-dialog-tip-icon-bg .tip-icon { font-size: var(--okd-dialog-tip-icon-font-size); }
.growth-dialog-alert-icon { margin-top: -6px; }
.growth-dialog .growth-dialog-window-tip { background-color: var(--okd-dialog-confirm-window-background,var(--okd-dialog-window-background)); }
.growth-dialog.growth-new-tip-dialog .growth-dialog-new-tip-top { padding: var(--okd-dialog-confirm-title-padding-top,24px) var(--okd-dialog-confirm-title-padding-horizontal,24px) var(--okd-dialog-confirm-title-padding-bottom,0); }
.growth-dialog.growth-new-tip-dialog .growth-dialog-container.growth-dialog-new-tip-container { color: var(--okd-dialog-confirm-container-color,#000); font-size: var(--okd-dialog-confirm-container-font-size,14px); line-height: var(--okd-dialog-confirm-container-line-height,20px); }
@media (min-width: 768px) {
  .growth-dialog.growth-new-tip-dialog .growth-dialog-window { max-width: var(--okd-dialog-confirm-max-width,520px); min-width: var(--okd-dialog-confirm-min-width,280px); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-container.growth-dialog-new-tip-container { padding-bottom: var(--okd-dialog-confirm-container-padding-bottom,32px); padding-top: var(--okd-dialog-confirm-container-padding-top,32px); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box { padding-bottom: var(--okd-dialog-confirm-footer-padding-bottom,24px); padding-top: var(--okd-dialog-confirm-footer-padding-top,0); }
}
@media (max-width: 767px) {
  .growth-dialog.growth-new-tip-dialog .growth-dialog-window { width: calc(100% - 64px); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-container.growth-dialog-new-tip-container { padding: var(--okd-dialog-confirm-container-sm-padding-top,8px) var(--okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--okd-dialog-confirm-container-sm-padding-bottom,24px); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-container.growth-dialog-no-title { padding-top: var(--okd-dialog-confirm-no-title-padding-top,24px); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer { padding: 0px; }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-radius: 0px; border-top: thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button-color { color: var(--okd-dialog-confirm-footer-sm-button-color,var(--growth-okd-color-blue-800)); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button-confirm { font-weight: 700; }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button-cancel { font-weight: 400; }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-only-one { border-radius: 0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-border-top:first-child { border-radius: 0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius); margin-top: 0px; }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-border-left:first-child { border-radius: 0 0 0 var(--okd-dialog-window-sm-border-radius); }
  .growth-dialog.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-border-left + .growth-dialog-tip-border-left { border-left: thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb); border-radius: 0 0 var(--okd-dialog-window-sm-border-radius) 0; margin-left: 0px; }
}
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-window { width: calc(100% - 64px); }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-container.growth-dialog-new-tip-container { padding: var(--okd-dialog-confirm-container-sm-padding-top,8px) var(--okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--okd-dialog-confirm-container-sm-padding-bottom,24px); }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-container.growth-dialog-no-title { padding-top: var(--okd-dialog-confirm-no-title-padding-top,24px); }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer { padding: 0px; }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-radius: 0px; border-top: thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb); }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button-color { color: var(--okd-dialog-confirm-footer-sm-button-color,var(--growth-okd-color-blue-800)); }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button-confirm { font-weight: 700; }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-button-cancel { font-weight: 400; }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-only-one { border-radius: 0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius); }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-border-top:first-child { border-radius: 0 0 var(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-radius); margin-top: 0px; }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-border-left:first-child { border-radius: 0 0 0 var(--okd-dialog-window-sm-border-radius); }
.growth-dialog-mobile-mode.growth-new-tip-dialog .growth-dialog-footer-box.growth-dialog-new-tip-footer .growth-dialog-tip-border-left + .growth-dialog-tip-border-left { border-left: thin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb); border-radius: 0 0 var(--okd-dialog-window-sm-border-radius) 0; margin-left: 0px; }
.iconfont.growth-dialog-tip-icon { align-self: flex-start; font-size: var(--okd-dialog-confirm-icon-font-size,22px); font-weight: 400; line-height: var(--okd-dialog-confirm-icon-line-height,22px); margin-right: var(--okd-dialog-confirm-icon-margin-right,10px); }
.growth-dialog-success-icon, .growth-dialog-success-tip-icon { color: var(--okd-dialog-tip-success-icon-color); }
.growth-dialog-info-icon, .growth-dialog-info-tip-icon { color: var(--okd-dialog-tip-info-icon-color); }
.growth-dialog-prompt-icon, .growth-dialog-prompt-tip-icon { color: var(--okd-dialog-tip-prompt-icon-color); }
.growth-dialog-warn-icon, .growth-dialog-warn-tip-icon { color: var(--okd-dialog-tip-warn-icon-color); }
.growth-dialog-alert-icon, .growth-dialog-alert-tip-icon { color: var(--okd-dialog-tip-alert-icon-color); }
.growth-dialog-error-icon, .growth-dialog-error-tip-icon { color: var(--okd-dialog-tip-error-icon-color); }
.growth-dialog .growth-dialog-confirmation-window { background-color: var(--okd-dialog-confirmation-window-background,var(--okd-dialog-window-background)); }
.growth-dialog-confirmation { --inner-okd-dialog-close-btn-padding: 22px; }
.growth-dialog-confirmation-header { font-size: var(--okd-dialog-title-font-size,16px); font-weight: var(--okd-dialog-title-font-weight,700); line-height: var(--okd-dialog-title-line-height); padding: var(--okd-dialog-confirmation-header-padding-top,24px) var(--okd-dialog-confirmation-padding-right,24px) var(--okd-dialog-confirmation-header-padding-top,24px) var(--okd-dialog-confirmation-padding-left,24px); }
.growth-dialog-confirmation-header-margin { margin-right: 36px; }
.growth-dialog-confirmation-container { flex-grow: 1; line-height: 22px; overflow-y: auto; padding-bottom: 8px; padding-left: var(--okd-dialog-confirmation-padding-left,24px); padding-right: var(--okd-dialog-confirmation-padding-right,24px); padding-top: 8px; }
.growth-dialog-confirmation-container-no-header { padding-top: var(--okd-dialog-confirmation-container-padding-top,32px); }
.growth-dialog-confirmation-container-no-footer { padding-bottom: var(--okd-dialog-confirmation-container-padding-bottom,32px); }
.growth-dialog-confirmation-footer { padding: var(--okd-dialog-confirmation-footer-padding-bottom,24px) var(--okd-dialog-confirmation-padding-right,24px) var(--okd-dialog-confirmation-footer-padding-bottom,24px) var(--okd-dialog-confirmation-padding-left,24px); }
.growth-transition-slide { backface-visibility: hidden; perspective: 1000px; position: fixed; transform: translateY(100%); transform-style: preserve-3d; transition: transform 0.3s linear, opacity 0.3s linear; }
.growth-transition-slide-active { will-change: transform, opacity; }
.growth-transition-slide-cubic { transition-timing-function: ease; }
.growth-transition-slide-top { left: 0px; top: 0px; width: 100%; }
.growth-transition-slide-bottom { bottom: 0px; left: 0px; width: 100%; }
.growth-transition-slide-left { height: 100%; left: 0px; top: 0px; }
.growth-transition-slide-right { height: 100%; right: 0px; top: 0px; }
.growth-transition-slide-entered, .growth-transition-slide-entering { opacity: 1; transform: none; }
.growth-transition-slide-exited, .growth-transition-slide-exiting { opacity: 0; }
.growth-transition-slide-exited.growth-transition-slide-top, .growth-transition-slide-exiting.growth-transition-slide-top { transform: translateY(-100%); }
.growth-transition-slide-exited.growth-transition-slide-bottom, .growth-transition-slide-exiting.growth-transition-slide-bottom { transform: translateY(100%); }
.growth-transition-slide-exited.growth-transition-slide-left, .growth-transition-slide-exiting.growth-transition-slide-left { transform: translateX(-100%); }
.growth-transition-slide-exited.growth-transition-slide-right, .growth-transition-slide-exiting.growth-transition-slide-right { transform: translateX(100%); }
@media (hover: none) and (pointer: coarse) {
  .growth-transition-slide { transition-duration: 0.2s; }
}
.growth-accordion { border-bottom: 1px solid var(--okd-accordion-main-border-color,#ebebeb); display: flex; flex-direction: column; }
.growth-accordion-header { align-items: center; cursor: pointer; display: flex; justify-content: space-between; padding: var(--okd-accordion-header-padding-vertical,32px) var(--okd-accordion-header-padding-horizontal,0); }
.growth-accordion-header-title { color: var(--okd-accordion-header-title-color,#000); font-size: var(--okd-accordion-header-title-font-size,18px); font-weight: var(--okd-accordion-header-title-font-weight,500); line-height: var(--okd-accordion-header-title-line-height,24px); }
.growth-accordion-header .growth-accordion-header-icon { color: var(--okd-accordion-header-icon-color,#929292); font-size: var(--okd-accordion-header-icon-size,20px); transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.growth-accordion-header-icon-expanded { transform: rotate(180deg); }
.growth-accordion-content { color: var(--okd-accordion-content-color,#929292); display: none; font-size: var(--okd-accordion-content-font-size,14px); font-weight: var(--okd-accordion-content-font-weight,400); line-height: var(--okd-accordion-content-line-height,1.58); overflow: hidden; }
.growth-accordion-content-transition-out { margin-bottom: 0px; max-height: 0px; opacity: 0; transform: translateY(-30px); transition: 0.2s; will-change: transform, opacity, max-height; }
.growth-accordion-content-transition-in { max-height: max-content; opacity: 1; transform: translateY(0px); }
.growth-accordion-content-expanded { display: block; margin-bottom: var(--okd-accordion-header-padding-vertical,32px); }
@media (max-width: 767px) {
  .growth-accordion-header-title { font-size: var(--okd-accordion-header-title-sm-font-size,14px); font-weight: var(--okd-accordion-header-title-sm-font-weight,500); line-height: var(--okd-accordion-header-title-sm-line-height,16px); }
  .growth-accordion-header .growth-accordion-header-icon { font-size: var(--okd-accordion-header-icon-sm-size,16px); }
  .growth-accordion-content { font-size: var(--okd-accordion-content-sm-font-size,12px); font-weight: var(--okd-accordion-content-sm-font-weight,400); line-height: var(--okd-accordion-content-sm-line-height,1.58); }
}
.theme-light .growth { --okd-loader-line-active-color: var(--growth-okd-color-border-static-emphasis); --okd-loader-line-inactive-color: var(--growth-okd-color-border-interactive-oncolor); --okd-loader-primary-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-primary-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-neutral-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-neutral-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-mask-bg-color: var(--growth-okd-color-global-alpha-matching-80); --okd-loader-circle-xl-size: 38px; --okd-loader-circle-lg-size: 30px; --okd-loader-circle-md-size: 22px; --okd-loader-circle-sm-size: 14px; --okd-loader-circle-xl-track-width: 2px; --okd-loader-circle-lg-track-width: 2px; --okd-loader-circle-md-track-width: 1.82px; --okd-loader-circle-sm-track-width: 1.5px; --okd-loader-line-size: 4px; --okd-loader-circle-cover-background: #fff; --okd-loader-mask-text-font-size: 14px; --okd-loader-mask-text-line-height: 16px; --okd-loader-mask-text-font-weight: 400; --okd-loader-mask-text-color: var(--growth-okd-color-content-interactive-subtle); --okd-loader-mask-text-margin-top: 10px; --okd-accordion-header-padding-vertical: 32px; --okd-accordion-header-padding-horizontal: 0; --okd-accordion-main-border-color: var(--growth-okd-color-border-static-default); --okd-accordion-header-icon-color: var(--growth-okd-color-content-static-default); --okd-accordion-header-icon-size: 20px; --okd-accordion-header-icon-sm-size: 16px; --okd-accordion-header-title-color: var(--growth-okd-color-content-static-default); --okd-accordion-header-title-line-height: 24px; --okd-accordion-header-title-font-weight: 500; --okd-accordion-header-title-font-size: 18px; --okd-accordion-header-title-sm-line-height: 16px; --okd-accordion-header-title-sm-font-weight: 500; --okd-accordion-header-title-sm-font-size: 14px; --okd-accordion-header-margin-bottom: 16px; --okd-accordion-header-sm-margin-bottom: 8px; --okd-accordion-content-font-size: 14px; --okd-accordion-content-line-height: 1.58; --okd-accordion-content-font-weight: 400; --okd-accordion-content-sm-font-size: 12px; --okd-accordion-content-sm-line-height: 1.58; --okd-accordion-content-sm-font-weight: 400; --okd-accordion-content-color: var(--growth-okd-color-content-static-subtle); }
.theme-dark .growth { --okd-loader-line-active-color: var(--growth-okd-color-border-static-emphasis); --okd-loader-line-inactive-color: var(--growth-okd-color-border-interactive-oncolor); --okd-loader-primary-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-primary-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-neutral-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-neutral-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-mask-bg-color: var(--growth-okd-color-global-alpha-matching-80); --okd-loader-circle-xl-size: 38px; --okd-loader-circle-lg-size: 30px; --okd-loader-circle-md-size: 22px; --okd-loader-circle-sm-size: 14px; --okd-loader-circle-xl-track-width: 2px; --okd-loader-circle-lg-track-width: 2px; --okd-loader-circle-md-track-width: 1.82px; --okd-loader-circle-sm-track-width: 1.5px; --okd-loader-line-size: 4px; --okd-loader-circle-cover-background: #1a1a1a; --okd-loader-mask-text-font-size: 14px; --okd-loader-mask-text-line-height: 16px; --okd-loader-mask-text-font-weight: 400; --okd-loader-mask-text-color: var(--growth-okd-color-content-interactive-subtle); --okd-loader-mask-text-margin-top: 10px; --okd-accordion-header-icon-color: var(--growth-okd-color-content-static-default); --okd-accordion-header-icon-size: 20px; --okd-accordion-header-title-color: var(--growth-okd-color-content-static-default); --okd-accordion-main-border-color: var(--growth-okd-color-border-static-default); --okd-accordion-header-title-font-size: 18px; --okd-accordion-header-title-line-height: 24 px; --okd-accordion-content-font-size: 14px; --okd-accordion-content-sm-font-size: 12px; --okd-accordion-content-sm-line-height: 1.58; --okd-accordion-content-line-height: 1.58; --okd-accordion-content-font-weight: 400; --okd-accordion-content-sm-font-weight: 400; --okd-accordion-header-padding-vertical: 32px; --okd-accordion-header-padding-horizontal: 0; --okd-accordion-header-icon-sm-size: 16px; --okd-accordion-header-title-font-weight: 500; --okd-accordion-header-title-sm-line-height: 16px; --okd-accordion-header-title-sm-font-weight: 500; --okd-accordion-header-title-sm-font-size: 16px; --okd-accordion-header-margin-bottom: 14px; --okd-accordion-header-sm-margin-bottom: 8px; --okd-accordion-content-color: var(--growth-okd-color-content-static-subtle); }
.theme-okx-money-light .growth { --okd-loader-line-active-color: var(--growth-okd-color-border-static-emphasis); --okd-loader-line-inactive-color: var(--growth-okd-color-border-interactive-oncolor); --okd-loader-primary-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-primary-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-neutral-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-neutral-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-mask-bg-color: var(--growth-okd-color-global-alpha-matching-80); --okd-loader-circle-xl-size: 38px; --okd-loader-circle-lg-size: 30px; --okd-loader-circle-md-size: 22px; --okd-loader-circle-sm-size: 14px; --okd-loader-circle-xl-track-width: 2px; --okd-loader-circle-lg-track-width: 2px; --okd-loader-circle-md-track-width: 1.82px; --okd-loader-circle-sm-track-width: 1.5px; --okd-loader-line-size: 4px; --okd-loader-circle-cover-background: #fff; --okd-loader-mask-text-font-size: 14px; --okd-loader-mask-text-line-height: 16px; --okd-loader-mask-text-font-weight: 400; --okd-loader-mask-text-color: var(--growth-okd-color-content-interactive-subtle); --okd-loader-mask-text-margin-top: 10px; --okd-accordion-header-padding-vertical: 32px; --okd-accordion-header-padding-horizontal: 0; --okd-accordion-main-border-color: var(--growth-okd-color-border-static-default); --okd-accordion-header-icon-color: var(--growth-okd-color-content-static-default); --okd-accordion-header-icon-size: 20px; --okd-accordion-header-icon-sm-size: 16px; --okd-accordion-header-title-color: var(--growth-okd-color-content-static-default); --okd-accordion-header-title-line-height: 24px; --okd-accordion-header-title-font-weight: 500; --okd-accordion-header-title-font-size: 18px; --okd-accordion-header-title-sm-line-height: 16px; --okd-accordion-header-title-sm-font-weight: 500; --okd-accordion-header-title-sm-font-size: 14px; --okd-accordion-header-margin-bottom: 16px; --okd-accordion-header-sm-margin-bottom: 8px; --okd-accordion-content-font-size: 14px; --okd-accordion-content-line-height: 1.58; --okd-accordion-content-font-weight: 400; --okd-accordion-content-sm-font-size: 12px; --okd-accordion-content-sm-line-height: 1.58; --okd-accordion-content-sm-font-weight: 400; --okd-accordion-content-color: var(--growth-okd-color-content-static-subtle); }
.growth-a11y-text { clip: rect(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
.theme-okx-money-dark .growth { --okd-loader-line-active-color: var(--growth-okd-color-border-static-emphasis); --okd-loader-line-inactive-color: var(--growth-okd-color-border-interactive-oncolor); --okd-loader-primary-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-primary-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-neutral-active-color: var(--growth-okd-color-global-alpha-inverse-90); --okd-loader-neutral-inactive-color: var(--growth-okd-color-global-alpha-inverse-20); --okd-loader-mask-bg-color: var(--growth-okd-color-global-alpha-matching-80); --okd-loader-circle-xl-size: 38px; --okd-loader-circle-lg-size: 30px; --okd-loader-circle-md-size: 22px; --okd-loader-circle-sm-size: 14px; --okd-loader-circle-xl-track-width: 2px; --okd-loader-circle-lg-track-width: 2px; --okd-loader-circle-md-track-width: 1.82px; --okd-loader-circle-sm-track-width: 1.5px; --okd-loader-line-size: 4px; --okd-loader-circle-cover-background: #1a1a1a; --okd-loader-mask-text-font-size: 14px; --okd-loader-mask-text-line-height: 16px; --okd-loader-mask-text-font-weight: 400; --okd-loader-mask-text-color: var(--growth-okd-color-content-interactive-subtle); --okd-loader-mask-text-margin-top: 10px; }
@keyframes loadingLine { 
  100% { left: 100%; }
}
.growth-loader-line { background: var(--okd-loader-line-inactive-color); border-radius: calc(var(--okd-loader-line-size)/2); height: var(--okd-loader-line-size); overflow: hidden; position: relative; width: 100%; }
.growth-loader-line .growth-loader-mark { background: var(--okd-loader-line-active-color); border-radius: calc(var(--okd-loader-line-size)/2); height: 100%; }
.growth-loader-line.growth-loader-loading .growth-loader-mark { animation: 2s linear 0s infinite normal none running loadingLine; left: -25%; position: absolute; top: 0px; }
@keyframes okui-loader-rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.growth-loader-box { position: relative; }
.growth-loader-mask { align-items: center; background: var(--okd-loader-mask-bg-color); display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0px; position: absolute; top: 0px; width: 100%; }
.growth-loader-mask-text { color: var(--okd-loader-mask-text-color); font-size: var(--okd-loader-mask-text-font-size); font-weight: var(--okd-loader-mask-text-font-weight); line-height: var(--okd-loader-mask-text-line-height); margin-top: var(--okd-loader-mask-text-margin-top); }
.growth-loader-spin { animation: 1s linear 0s infinite normal none running okui-loader-rotation; background-color: initial; border-style: solid; box-sizing: border-box; display: inline-flex; }
.growth-loader-spin-xl { border-radius: var(--okd-loader-circle-xl-size); border-width: var(--okd-loader-circle-xl-track-width); height: var(--okd-loader-circle-xl-size); width: var(--okd-loader-circle-xl-size); }
.growth-loader-spin-lg { border-radius: var(--okd-loader-circle-lg-size); border-width: var(--okd-loader-circle-lg-track-width); height: var(--okd-loader-circle-lg-size); width: var(--okd-loader-circle-lg-size); }
.growth-loader-spin-md { border-radius: var(--okd-loader-circle-md-size); border-width: var(--okd-loader-circle-md-track-width); height: var(--okd-loader-circle-md-size); width: var(--okd-loader-circle-md-size); }
.growth-loader-spin-sm { border-radius: var(--okd-loader-circle-sm-size); border-width: var(--okd-loader-circle-sm-track-width); height: var(--okd-loader-circle-sm-size); width: var(--okd-loader-circle-sm-size); }
.growth-loader-spin-primary { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-loader-primary-active-color); }
.growth-loader-spin-neutral { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-loader-neutral-active-color); }
.growth-loader-inner-circle { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; overflow: hidden; transform: rotate(180deg); }
.growth-loader-inner-fill-primary { background: var(--okd-loader-primary-active-color); }
.growth-loader-inner-fill-neutral { background: var(--okd-loader-neutral-active-color); }
.growth-loader-inner-track-primary { background: var(--okd-loader-primary-inactive-color); }
.growth-loader-inner-track-neutral { background: var(--okd-loader-neutral-inactive-color); }
.growth-loader-inner-track-right { height: 100%; overflow: hidden; position: absolute; right: 0px; }
.growth-loader-inner-track-right-content { content: ""; height: 100%; position: absolute; transform: rotate(0deg); transform-origin: left center; width: 100%; }
.growth-loader-inner-track-left { height: 100%; overflow: hidden; position: absolute; }
.growth-loader-inner-track-left-content { content: ""; height: 100%; position: absolute; transform: rotate(0deg); transform-origin: right center; width: 100%; }
.growth-loader-inner-xl { border-radius: var(--okd-loader-circle-xl-size); height: var(--okd-loader-circle-xl-size); width: var(--okd-loader-circle-xl-size); }
.growth-loader-inner-xl-cover { background-color: var(--okd-loader-circle-cover-background); border-radius: 100%; height: calc(var(--okd-loader-circle-xl-size) - var(--okd-loader-circle-xl-track-width)*2); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(var(--okd-loader-circle-xl-size) - var(--okd-loader-circle-xl-track-width)*2); }
.growth-loader-inner-track-xl { width: calc(var(--okd-loader-circle-xl-size)/2); }
.growth-loader-inner-track-xl-inner-track-left-content { border-radius: calc(var(--okd-loader-circle-xl-size)/2) 0 0 calc(var(--okd-loader-circle-xl-size)/2); width: 100%; }
.growth-loader-inner-track-xl-inner-track-right-content { border-radius: 0 calc(var(--okd-loader-circle-xl-size)/2) calc(var(--okd-loader-circle-xl-size)/2) 0; width: 100%; }
.growth-loader-inner-lg { border-radius: var(--okd-loader-circle-lg-size); height: var(--okd-loader-circle-lg-size); width: var(--okd-loader-circle-lg-size); }
.growth-loader-inner-lg-cover { background-color: var(--okd-loader-circle-cover-background); border-radius: 100%; height: calc(var(--okd-loader-circle-lg-size) - var(--okd-loader-circle-lg-track-width)*2); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(var(--okd-loader-circle-lg-size) - var(--okd-loader-circle-lg-track-width)*2); }
.growth-loader-inner-track-lg { width: calc(var(--okd-loader-circle-lg-size)/2); }
.growth-loader-inner-track-lg-inner-track-left-content { border-radius: calc(var(--okd-loader-circle-lg-size)/2) 0 0 calc(var(--okd-loader-circle-lg-size)/2); width: 100%; }
.growth-loader-inner-track-lg-inner-track-right-content { border-radius: 0 calc(var(--okd-loader-circle-lg-size)/2) calc(var(--okd-loader-circle-lg-size)/2) 0; width: 100%; }
.growth-loader-inner-md { border-radius: var(--okd-loader-circle-md-size); height: var(--okd-loader-circle-md-size); width: var(--okd-loader-circle-md-size); }
.growth-loader-inner-md-cover { background-color: var(--okd-loader-circle-cover-background); border-radius: 100%; height: calc(var(--okd-loader-circle-md-size) - var(--okd-loader-circle-md-track-width)*2); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(var(--okd-loader-circle-md-size) - var(--okd-loader-circle-md-track-width)*2); }
.growth-loader-inner-track-md { width: calc(var(--okd-loader-circle-md-size)/2); }
.growth-loader-inner-track-md-inner-track-left-content { border-radius: calc(var(--okd-loader-circle-md-size)/2) 0 0 calc(var(--okd-loader-circle-md-size)/2); width: 100%; }
.growth-loader-inner-track-md-inner-track-right-content { border-radius: 0 calc(var(--okd-loader-circle-md-size)/2) calc(var(--okd-loader-circle-md-size)/2) 0; width: 100%; }
.growth-loader-inner-sm { border-radius: var(--okd-loader-circle-sm-size); height: var(--okd-loader-circle-sm-size); width: var(--okd-loader-circle-sm-size); }
.growth-loader-inner-sm-cover { background-color: var(--okd-loader-circle-cover-background); border-radius: 100%; height: calc(var(--okd-loader-circle-sm-size) - var(--okd-loader-circle-sm-track-width)*2); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(var(--okd-loader-circle-sm-size) - var(--okd-loader-circle-sm-track-width)*2); }
.growth-loader-inner-track-sm { width: calc(var(--okd-loader-circle-sm-size)/2); }
.growth-loader-inner-track-sm-inner-track-left-content { border-radius: calc(var(--okd-loader-circle-sm-size)/2) 0 0 calc(var(--okd-loader-circle-sm-size)/2); width: 100%; }
.growth-loader-inner-track-sm-inner-track-right-content { border-radius: 0 calc(var(--okd-loader-circle-sm-size)/2) calc(var(--okd-loader-circle-sm-size)/2) 0; width: 100%; }
.theme-okx-money-dark .growth { --okd-accordion-header-icon-color: var(--growth-okd-color-content-static-default); --okd-accordion-header-icon-size: 20px; --okd-accordion-header-title-color: var(--growth-okd-color-content-static-default); --okd-accordion-main-border-color: var(--growth-okd-color-border-static-default); --okd-accordion-header-title-font-size: 18px; --okd-accordion-header-title-line-height: 24 px; --okd-accordion-content-font-size: 14px; --okd-accordion-content-sm-font-size: 12px; --okd-accordion-content-sm-line-height: 1.58; --okd-accordion-content-line-height: 1.58; --okd-accordion-content-font-weight: 400; --okd-accordion-content-sm-font-weight: 400; --okd-accordion-header-padding-vertical: 32px; --okd-accordion-header-padding-horizontal: 0; --okd-accordion-header-icon-sm-size: 16px; --okd-accordion-header-title-font-weight: 500; --okd-accordion-header-title-sm-line-height: 16px; --okd-accordion-header-title-sm-font-weight: 500; --okd-accordion-header-title-sm-font-size: 16px; --okd-accordion-header-margin-bottom: 14px; --okd-accordion-header-sm-margin-bottom: 8px; --okd-accordion-content-color: var(--growth-okd-color-content-static-subtle); }
.growth-primarybutton-xxs { font-size: var(--okd-primarybutton-xxs-font-size,12px); font-weight: var(--okd-primarybutton-xxs-font-weight,400); line-height: var(--okd-primarybutton-xxs-line-height,16px); min-width: var(--okd-primarybutton-xxs-min-width,63px); padding: var(--okd-primarybutton-xxs-padding-vertical,4px) var(--okd-primarybutton-xxs-padding-horizontal,12px); }
.growth-primarybutton-xxs .growth-primarybutton-loader-circle { height: var(--okd-primarybutton-xxs-loader-width,14px); width: var(--okd-primarybutton-xxs-loader-width,14px); }
.growth-primarybutton-xxs .growth-primarybutton-icon { font-size: var(--okd-primarybutton-xxs-icon-size,14px); font-weight: var(--okd-primarybutton-xxs-font-weight,400); }
.growth-primarybutton-xxs .growth-primarybutton-icon-leading { margin-right: var(--okd-primarybutton-xxs-icon-margin-right,6px); }
.growth-primarybutton-xxs .growth-primarybutton-icon-tailing { margin-left: var(--okd-primarybutton-xxs-icon-margin-right,6px); }
.growth-primarybutton-loading-text .growth-primarybutton-loader { margin-right: var(--okd-primarybutton-xxs-loader-margin-right,6px); }
.growth-primarybutton-xs { font-size: var(--okd-primarybutton-xs-font-size,12px); font-weight: var(--okd-primarybutton-xs-font-weight,400); line-height: var(--okd-primarybutton-xs-line-height,16px); min-width: var(--okd-primarybutton-xs-min-width,63px); padding: var(--okd-primarybutton-xs-padding-vertical,6px) var(--okd-primarybutton-xs-padding-horizontal,12px); }
.growth-primarybutton-xs .growth-primarybutton-loader-circle { height: var(--okd-primarybutton-xs-loader-width,14px); width: var(--okd-primarybutton-xs-loader-width,14px); }
.growth-primarybutton-xs .growth-primarybutton-icon { font-size: var(--okd-primarybutton-xs-icon-size,14px); font-weight: var(--okd-primarybutton-xs-font-weight,400); }
.growth-primarybutton-xs .growth-primarybutton-icon-leading { margin-right: var(--okd-primarybutton-xs-icon-margin-right,6px); }
.growth-primarybutton-xs .growth-primarybutton-icon-tailing { margin-left: var(--okd-primarybutton-xs-icon-margin-right,6px); }
.growth-primarybutton-loading-text .growth-primarybutton-loader { margin-right: var(--okd-primarybutton-xs-loader-margin-right,6px); }
.growth-primarybutton-s { font-size: var(--okd-primarybutton-s-font-size,14px); font-weight: var(--okd-primarybutton-s-font-weight,400); line-height: var(--okd-primarybutton-s-line-height,16px); min-width: var(--okd-primarybutton-s-min-width,72px); padding: var(--okd-primarybutton-s-padding-vertical,8px) var(--okd-primarybutton-s-padding-horizontal,12px); }
.growth-primarybutton-s .growth-primarybutton-loader-circle { height: var(--okd-primarybutton-s-loader-width,14px); width: var(--okd-primarybutton-s-loader-width,14px); }
.growth-primarybutton-s .growth-primarybutton-icon { font-size: var(--okd-primarybutton-s-icon-size,14px); font-weight: var(--okd-primarybutton-s-font-weight,400); }
.growth-primarybutton-s .growth-primarybutton-icon-leading { margin-right: var(--okd-primarybutton-s-icon-margin-right,6px); }
.growth-primarybutton-s .growth-primarybutton-icon-tailing { margin-left: var(--okd-primarybutton-s-icon-margin-right,6px); }
.growth-primarybutton-loading-text .growth-primarybutton-loader { margin-right: var(--okd-primarybutton-s-loader-margin-right,6px); }
.growth-primarybutton-sm { font-size: var(--okd-primarybutton-sm-font-size,14px); font-weight: var(--okd-primarybutton-sm-font-weight,400); line-height: var(--okd-primarybutton-sm-line-height,16px); min-width: var(--okd-primarybutton-sm-min-width,81px); padding: var(--okd-primarybutton-sm-padding-vertical,10px) var(--okd-primarybutton-sm-padding-horizontal,16px); }
.growth-primarybutton-sm .growth-primarybutton-loader-circle { height: var(--okd-primarybutton-sm-loader-width,16px); width: var(--okd-primarybutton-sm-loader-width,16px); }
.growth-primarybutton-sm .growth-primarybutton-icon { font-size: var(--okd-primarybutton-sm-icon-size,16px); font-weight: var(--okd-primarybutton-sm-font-weight,400); }
.growth-primarybutton-sm .growth-primarybutton-icon-leading { margin-right: var(--okd-primarybutton-sm-icon-margin-right,6px); }
.growth-primarybutton-sm .growth-primarybutton-icon-tailing { margin-left: var(--okd-primarybutton-sm-icon-margin-right,6px); }
.growth-primarybutton-loading-text .growth-primarybutton-loader { margin-right: var(--okd-primarybutton-sm-loader-margin-right,6px); }
.growth-primarybutton-md { font-size: var(--okd-primarybutton-md-font-size,14px); font-weight: var(--okd-primarybutton-md-font-weight,400); line-height: var(--okd-primarybutton-md-line-height,16px); min-width: var(--okd-primarybutton-md-min-width,90px); padding: var(--okd-primarybutton-md-padding-vertical,12px) var(--okd-primarybutton-md-padding-horizontal,16px); }
.growth-primarybutton-md .growth-primarybutton-loader-circle { height: var(--okd-primarybutton-md-loader-width,16px); width: var(--okd-primarybutton-md-loader-width,16px); }
.growth-primarybutton-md .growth-primarybutton-icon { font-size: var(--okd-primarybutton-md-icon-size,16px); font-weight: var(--okd-primarybutton-md-font-weight,400); }
.growth-primarybutton-md .growth-primarybutton-icon-leading { margin-right: var(--okd-primarybutton-md-icon-margin-right,6px); }
.growth-primarybutton-md .growth-primarybutton-icon-tailing { margin-left: var(--okd-primarybutton-md-icon-margin-right,6px); }
.growth-primarybutton-loading-text .growth-primarybutton-loader { margin-right: var(--okd-primarybutton-md-loader-margin-right,6px); }
.growth-primarybutton-lg { font-size: var(--okd-primarybutton-lg-font-size,16px); font-weight: var(--okd-primarybutton-lg-font-weight,500); line-height: var(--okd-primarybutton-lg-line-height,20px); min-width: var(--okd-primarybutton-lg-min-width,108px); padding: var(--okd-primarybutton-lg-padding-vertical,14px) var(--okd-primarybutton-lg-padding-horizontal,24px); }
.growth-primarybutton-lg .growth-primarybutton-loader-circle { height: var(--okd-primarybutton-lg-loader-width,20px); width: var(--okd-primarybutton-lg-loader-width,20px); }
.growth-primarybutton-lg .growth-primarybutton-icon { font-size: var(--okd-primarybutton-lg-icon-size,20px); font-weight: var(--okd-primarybutton-lg-font-weight,500); }
.growth-primarybutton-lg .growth-primarybutton-icon-leading { margin-right: var(--okd-primarybutton-lg-icon-margin-right,8px); }
.growth-primarybutton-lg .growth-primarybutton-icon-tailing { margin-left: var(--okd-primarybutton-lg-icon-margin-right,8px); }
.growth-primarybutton-loading-text .growth-primarybutton-loader { margin-right: var(--okd-primarybutton-lg-loader-margin-right,8px); }
.growth-primarybutton-xl { font-size: var(--okd-primarybutton-xl-font-size,18px); font-weight: var(--okd-primarybutton-xl-font-weight,500); line-height: var(--okd-primarybutton-xl-line-height,24px); min-width: var(--okd-primarybutton-xl-min-width,126px); padding: var(--okd-primarybutton-xl-padding-vertical,16px) var(--okd-primarybutton-xl-padding-horizontal,44px); }
.growth-primarybutton-xl .growth-primarybutton-loader-circle { height: var(--okd-primarybutton-xl-loader-width,20px); width: var(--okd-primarybutton-xl-loader-width,20px); }
.growth-primarybutton-xl .growth-primarybutton-icon { font-size: var(--okd-primarybutton-xl-icon-size,20px); font-weight: var(--okd-primarybutton-xl-font-weight,500); }
.growth-primarybutton-xl .growth-primarybutton-icon-leading { margin-right: var(--okd-primarybutton-xl-icon-margin-right,8px); }
.growth-primarybutton-xl .growth-primarybutton-icon-tailing { margin-left: var(--okd-primarybutton-xl-icon-margin-right,8px); }
.growth-primarybutton-loading-text .growth-primarybutton-loader { margin-right: var(--okd-primarybutton-xl-loader-margin-right,8px); }
.growth-primarybutton { align-items: center; background-color: var(--okd-primarybutton-default-background,var(--growth-okd-color-surface-interactive-feature-default)); border-radius: var(--okd-primarybutton-border-radius,50px); box-sizing: border-box; color: var(--okd-primarybutton-default-color,var(--growth-okd-color-content-static-inverse)); cursor: pointer; display: inline-flex; justify-content: center; outline: none; position: relative; text-decoration: none; touch-action: manipulation; user-select: none; }
.growth-primarybutton:focus-visible { border-radius: var(--okd-primarybutton-border-radius,50px); outline-color: var(--growth-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.growth-primarybutton.hover, .growth-primarybutton:not(.growth-primarybutton-disabled):not(.growth-primarybutton-loading):hover { background-color: var(--okd-primarybutton-hover-background,var(--growth-okd-color-surface-interactive-feature-hovered)); }
.growth-primarybutton.active, .growth-primarybutton:not(.growth-primarybutton-disabled):not(.growth-primarybutton-loading):active { background-color: var(--okd-primarybutton-active-background,var(--growth-okd-color-surface-interactive-feature-pressed)); }
.growth-primarybutton-disabled, .growth-primarybutton.disabled { background-color: var(--okd-primarybutton-disabled-background,var(--growth-okd-color-surface-interactive-disabled)); color: var(--okd-primarybutton-disabled-color,var(--growth-okd-color-content-interactive-disabled)); cursor: not-allowed; }
.growth-primarybutton-loading, .growth-primarybutton.loading { background-color: var(--okd-primarybutton-loading-background,var(--growth-okd-color-surface-interactive-feature-pressed)); color: transparent; }
.growth-primarybutton-loading .growth-primarybutton-loader, .growth-primarybutton.loading .growth-primarybutton-loader { display: flex; position: absolute; }
.growth-primarybutton-loading-text { background-color: var(--okd-primarybutton-loading-background,var(--growth-okd-color-surface-interactive-feature-pressed)); display: flex; }
.growth-primarybutton-block, .growth-primarybutton.block { display: flex; width: 100%; }
.growth-primarybutton-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-primarybutton-loader-circle { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-primarybutton-loader-mark-color,var(--growth-okd-color-content-static-inverse)); border-width: var(--okd-primarybutton-loader-border-width,2px); }
.theme-light .growth { --okd-primarybutton-xxs-font-size: 12px; --okd-primarybutton-xs-font-size: 12px; --okd-primarybutton-s-font-size: 14px; --okd-primarybutton-s-line-height: 16px; --okd-primarybutton-sm-font-size: 14px; --okd-primarybutton-md-font-size: 14px; --okd-primarybutton-lg-font-size: 16px; --okd-primarybutton-xl-font-size: 18px; --okd-primarybutton-border-radius: 50px; --okd-primarybutton-default-color: var(--growth-okd-color-content-static-inverse); --okd-primarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-primarybutton-xxs-loader-width: 14px; --okd-primarybutton-xxs-loader-margin-right: 6px; --okd-primarybutton-xs-loader-width: 14px; --okd-primarybutton-xs-loader-margin-right: 6px; --okd-primarybutton-s-loader-width: 14px; --okd-primarybutton-s-loader-margin-right: 6px; --okd-primarybutton-sm-loader-width: 16px; --okd-primarybutton-sm-loader-margin-right: 6px; --okd-primarybutton-md-loader-width: 16px; --okd-primarybutton-md-loader-margin-right: 6px; --okd-primarybutton-lg-loader-width: 20px; --okd-primarybutton-lg-loader-margin-right: 8px; --okd-primarybutton-xl-loader-width: 20px; --okd-primarybutton-xl-loader-margin-right: 8px; --okd-primarybutton-xxs-line-height: 16px; --okd-primarybutton-xs-line-height: 16px; --okd-primarybutton-sm-line-height: 16px; --okd-primarybutton-md-line-height: 16px; --okd-primarybutton-lg-line-height: 20px; --okd-primarybutton-xl-line-height: 24px; --okd-primarybutton-xxs-padding-horizontal: 12px; --okd-primarybutton-xxs-padding-vertical: 4px; --okd-primarybutton-xs-padding-horizontal: 12px; --okd-primarybutton-xs-padding-vertical: 6px; --okd-primarybutton-s-padding-horizontal: 12px; --okd-primarybutton-s-padding-vertical: 8px; --okd-primarybutton-sm-padding-horizontal: 16px; --okd-primarybutton-sm-padding-vertical: 10px; --okd-primarybutton-md-padding-horizontal: 16px; --okd-primarybutton-md-padding-vertical: 12px; --okd-primarybutton-lg-padding-horizontal: 24px; --okd-primarybutton-lg-padding-vertical: 14px; --okd-primarybutton-xl-padding-horizontal: 44px; --okd-primarybutton-xl-padding-vertical: 16px; --okd-primarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-primarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-primarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-primarybutton-loader-track-color: hsla(0,0%,91%,.3); --okd-primarybutton-loader-mark-color: var(--growth-okd-color-border-interactive-oncolor); --okd-primarybutton-loader-border-width: 2px; --okd-primarybutton-xxs-min-width: 63px; --okd-primarybutton-xs-min-width: 63px; --okd-primarybutton-s-min-width: 72px; --okd-primarybutton-sm-min-width: 81px; --okd-primarybutton-md-min-width: 90px; --okd-primarybutton-lg-min-width: 108px; --okd-primarybutton-xl-min-width: 126px; --okd-primarybutton-xxs-icon-size: 14px; --okd-primarybutton-xs-icon-size: 14px; --okd-primarybutton-s-icon-size: 14px; --okd-primarybutton-sm-icon-size: 16px; --okd-primarybutton-md-icon-size: 16px; --okd-primarybutton-lg-icon-size: 20px; --okd-primarybutton-xl-icon-size: 20px; --okd-primarybutton-xxs-icon-margin-right: 6px; --okd-primarybutton-xs-icon-margin-right: 6px; --okd-primarybutton-s-icon-margin-right: 6px; --okd-primarybutton-sm-icon-margin-right: 6px; --okd-primarybutton-md-icon-margin-right: 6px; --okd-primarybutton-lg-icon-margin-right: 8px; --okd-primarybutton-xl-icon-margin-right: 8px; }
.theme-dark .growth { --okd-primarybutton-xxs-font-size: 12px; --okd-primarybutton-xs-font-size: 12px; --okd-primarybutton-s-font-size: 14px; --okd-primarybutton-s-line-height: 16px; --okd-primarybutton-sm-font-size: 14px; --okd-primarybutton-md-font-size: 14px; --okd-primarybutton-lg-font-size: 16px; --okd-primarybutton-xl-font-size: 18px; --okd-primarybutton-border-radius: 50px; --okd-primarybutton-default-color: var(--growth-okd-color-content-static-inverse); --okd-primarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-primarybutton-xxs-loader-width: 14px; --okd-primarybutton-xxs-loader-margin-right: 6px; --okd-primarybutton-xs-loader-width: 14px; --okd-primarybutton-xs-loader-margin-right: 6px; --okd-primarybutton-s-loader-width: 14px; --okd-primarybutton-s-loader-margin-right: 6px; --okd-primarybutton-sm-loader-width: 16px; --okd-primarybutton-sm-loader-margin-right: 6px; --okd-primarybutton-md-loader-width: 16px; --okd-primarybutton-md-loader-margin-right: 6px; --okd-primarybutton-lg-loader-width: 20px; --okd-primarybutton-lg-loader-margin-right: 8px; --okd-primarybutton-xl-loader-width: 20px; --okd-primarybutton-xl-loader-margin-right: 8px; --okd-primarybutton-xxs-line-height: 16px; --okd-primarybutton-xs-line-height: 16px; --okd-primarybutton-sm-line-height: 16px; --okd-primarybutton-md-line-height: 16px; --okd-primarybutton-lg-line-height: 20px; --okd-primarybutton-xl-line-height: 24px; --okd-primarybutton-xxs-padding-horizontal: 12px; --okd-primarybutton-xxs-padding-vertical: 4px; --okd-primarybutton-xs-padding-horizontal: 12px; --okd-primarybutton-xs-padding-vertical: 6px; --okd-primarybutton-s-padding-horizontal: 12px; --okd-primarybutton-s-padding-vertical: 8px; --okd-primarybutton-sm-padding-horizontal: 16px; --okd-primarybutton-sm-padding-vertical: 10px; --okd-primarybutton-md-padding-horizontal: 16px; --okd-primarybutton-md-padding-vertical: 12px; --okd-primarybutton-lg-padding-horizontal: 24px; --okd-primarybutton-lg-padding-vertical: 14px; --okd-primarybutton-xl-padding-horizontal: 44px; --okd-primarybutton-xl-padding-vertical: 16px; --okd-primarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-primarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-primarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-primarybutton-loader-track-color: rgba(44,44,44,.3); --okd-primarybutton-loader-mark-color: var(--growth-okd-color-border-interactive-oncolor); --okd-primarybutton-loader-border-width: 2px; --okd-primarybutton-xxs-min-width: 63px; --okd-primarybutton-xs-min-width: 63px; --okd-primarybutton-s-min-width: 72px; --okd-primarybutton-sm-min-width: 81px; --okd-primarybutton-md-min-width: 90px; --okd-primarybutton-lg-min-width: 108px; --okd-primarybutton-xl-min-width: 126px; --okd-primarybutton-xxs-icon-size: 14px; --okd-primarybutton-xs-icon-size: 14px; --okd-primarybutton-s-icon-size: 14px; --okd-primarybutton-sm-icon-size: 16px; --okd-primarybutton-md-icon-size: 16px; --okd-primarybutton-lg-icon-size: 20px; --okd-primarybutton-xl-icon-size: 20px; --okd-primarybutton-xxs-icon-margin-right: 6px; --okd-primarybutton-xs-icon-margin-right: 6px; --okd-primarybutton-s-icon-margin-right: 6px; --okd-primarybutton-sm-icon-margin-right: 6px; --okd-primarybutton-md-icon-margin-right: 6px; --okd-primarybutton-lg-icon-margin-right: 8px; --okd-primarybutton-xl-icon-margin-right: 8px; }
.theme-okx-money-light .growth { --okd-primarybutton-xxs-font-size: 12px; --okd-primarybutton-xs-font-size: 12px; --okd-primarybutton-s-font-size: 14px; --okd-primarybutton-s-line-height: 16px; --okd-primarybutton-sm-font-size: 14px; --okd-primarybutton-md-font-size: 14px; --okd-primarybutton-lg-font-size: 16px; --okd-primarybutton-xl-font-size: 18px; --okd-primarybutton-border-radius: 50px; --okd-primarybutton-default-color: var(--growth-okd-color-content-static-inverse); --okd-primarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-primarybutton-xxs-loader-width: 14px; --okd-primarybutton-xxs-loader-margin-right: 6px; --okd-primarybutton-xs-loader-width: 14px; --okd-primarybutton-xs-loader-margin-right: 6px; --okd-primarybutton-s-loader-width: 14px; --okd-primarybutton-s-loader-margin-right: 6px; --okd-primarybutton-sm-loader-width: 16px; --okd-primarybutton-sm-loader-margin-right: 6px; --okd-primarybutton-md-loader-width: 16px; --okd-primarybutton-md-loader-margin-right: 6px; --okd-primarybutton-lg-loader-width: 20px; --okd-primarybutton-lg-loader-margin-right: 8px; --okd-primarybutton-xl-loader-width: 20px; --okd-primarybutton-xl-loader-margin-right: 8px; --okd-primarybutton-xxs-line-height: 16px; --okd-primarybutton-xs-line-height: 16px; --okd-primarybutton-sm-line-height: 16px; --okd-primarybutton-md-line-height: 16px; --okd-primarybutton-lg-line-height: 20px; --okd-primarybutton-xl-line-height: 24px; --okd-primarybutton-xxs-padding-horizontal: 12px; --okd-primarybutton-xxs-padding-vertical: 4px; --okd-primarybutton-xs-padding-horizontal: 12px; --okd-primarybutton-xs-padding-vertical: 6px; --okd-primarybutton-s-padding-horizontal: 12px; --okd-primarybutton-s-padding-vertical: 8px; --okd-primarybutton-sm-padding-horizontal: 16px; --okd-primarybutton-sm-padding-vertical: 10px; --okd-primarybutton-md-padding-horizontal: 16px; --okd-primarybutton-md-padding-vertical: 12px; --okd-primarybutton-lg-padding-horizontal: 24px; --okd-primarybutton-lg-padding-vertical: 14px; --okd-primarybutton-xl-padding-horizontal: 44px; --okd-primarybutton-xl-padding-vertical: 16px; --okd-primarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-primarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-primarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-primarybutton-loader-track-color: hsla(45,15%,89%,.3); --okd-primarybutton-loader-mark-color: var(--growth-okd-color-border-interactive-oncolor); --okd-primarybutton-loader-border-width: 2px; --okd-primarybutton-xxs-min-width: 63px; --okd-primarybutton-xs-min-width: 63px; --okd-primarybutton-s-min-width: 72px; --okd-primarybutton-sm-min-width: 81px; --okd-primarybutton-md-min-width: 90px; --okd-primarybutton-lg-min-width: 108px; --okd-primarybutton-xl-min-width: 126px; --okd-primarybutton-xxs-icon-size: 14px; --okd-primarybutton-xs-icon-size: 14px; --okd-primarybutton-s-icon-size: 14px; --okd-primarybutton-sm-icon-size: 16px; --okd-primarybutton-md-icon-size: 16px; --okd-primarybutton-lg-icon-size: 20px; --okd-primarybutton-xl-icon-size: 20px; --okd-primarybutton-xxs-icon-margin-right: 6px; --okd-primarybutton-xs-icon-margin-right: 6px; --okd-primarybutton-s-icon-margin-right: 6px; --okd-primarybutton-sm-icon-margin-right: 6px; --okd-primarybutton-md-icon-margin-right: 6px; --okd-primarybutton-lg-icon-margin-right: 8px; --okd-primarybutton-xl-icon-margin-right: 8px; }
.growth-plain-button { color: inherit; cursor: pointer; font: inherit; text-align: unset; }
.growth-plain-button:focus-visible { border-radius: 4px; outline-color: var(--growth-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.growth-plain-button[disabled] { cursor: not-allowed; }
.growth-plain-button-as-div { display: block; line-height: inherit; width: 100%; }
.theme-okx-money-dark .growth { --okd-primarybutton-xxs-font-size: 12px; --okd-primarybutton-xs-font-size: 12px; --okd-primarybutton-s-font-size: 14px; --okd-primarybutton-s-line-height: 16px; --okd-primarybutton-sm-font-size: 14px; --okd-primarybutton-md-font-size: 14px; --okd-primarybutton-lg-font-size: 16px; --okd-primarybutton-xl-font-size: 18px; --okd-primarybutton-border-radius: 50px; --okd-primarybutton-default-color: var(--growth-okd-color-content-static-inverse); --okd-primarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-primarybutton-xxs-loader-width: 14px; --okd-primarybutton-xxs-loader-margin-right: 6px; --okd-primarybutton-xs-loader-width: 14px; --okd-primarybutton-xs-loader-margin-right: 6px; --okd-primarybutton-s-loader-width: 14px; --okd-primarybutton-s-loader-margin-right: 6px; --okd-primarybutton-sm-loader-width: 16px; --okd-primarybutton-sm-loader-margin-right: 6px; --okd-primarybutton-md-loader-width: 16px; --okd-primarybutton-md-loader-margin-right: 6px; --okd-primarybutton-lg-loader-width: 20px; --okd-primarybutton-lg-loader-margin-right: 8px; --okd-primarybutton-xl-loader-width: 20px; --okd-primarybutton-xl-loader-margin-right: 8px; --okd-primarybutton-xxs-line-height: 16px; --okd-primarybutton-xs-line-height: 16px; --okd-primarybutton-sm-line-height: 16px; --okd-primarybutton-md-line-height: 16px; --okd-primarybutton-lg-line-height: 20px; --okd-primarybutton-xl-line-height: 24px; --okd-primarybutton-xxs-padding-horizontal: 12px; --okd-primarybutton-xxs-padding-vertical: 4px; --okd-primarybutton-xs-padding-horizontal: 12px; --okd-primarybutton-xs-padding-vertical: 6px; --okd-primarybutton-s-padding-horizontal: 12px; --okd-primarybutton-s-padding-vertical: 8px; --okd-primarybutton-sm-padding-horizontal: 16px; --okd-primarybutton-sm-padding-vertical: 10px; --okd-primarybutton-md-padding-horizontal: 16px; --okd-primarybutton-md-padding-vertical: 12px; --okd-primarybutton-lg-padding-horizontal: 24px; --okd-primarybutton-lg-padding-vertical: 14px; --okd-primarybutton-xl-padding-horizontal: 44px; --okd-primarybutton-xl-padding-vertical: 16px; --okd-primarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-default); --okd-primarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-hovered); --okd-primarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-pressed); --okd-primarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-primarybutton-loader-track-color: rgba(46,44,38,.3); --okd-primarybutton-loader-mark-color: var(--growth-okd-color-border-interactive-oncolor); --okd-primarybutton-loader-border-width: 2px; --okd-primarybutton-xxs-min-width: 63px; --okd-primarybutton-xs-min-width: 63px; --okd-primarybutton-s-min-width: 72px; --okd-primarybutton-sm-min-width: 81px; --okd-primarybutton-md-min-width: 90px; --okd-primarybutton-lg-min-width: 108px; --okd-primarybutton-xl-min-width: 126px; --okd-primarybutton-xxs-icon-size: 14px; --okd-primarybutton-xs-icon-size: 14px; --okd-primarybutton-s-icon-size: 14px; --okd-primarybutton-sm-icon-size: 16px; --okd-primarybutton-md-icon-size: 16px; --okd-primarybutton-lg-icon-size: 20px; --okd-primarybutton-xl-icon-size: 20px; --okd-primarybutton-xxs-icon-margin-right: 6px; --okd-primarybutton-xs-icon-margin-right: 6px; --okd-primarybutton-s-icon-margin-right: 6px; --okd-primarybutton-sm-icon-margin-right: 6px; --okd-primarybutton-md-icon-margin-right: 6px; --okd-primarybutton-lg-icon-margin-right: 8px; --okd-primarybutton-xl-icon-margin-right: 8px; }
@keyframes NotificationStackFadeOut { 
  0% { opacity: 1; transform: translateY(var(--okd-stack-y,0)) scale(var(--okd-stack-scale,1)); }
  100% { opacity: 0; transform: translateY(var(--okd-stack-y,0)) scale(var(--okd-stack-scale,1)); }
}
@keyframes NotificationStackFadeOutCenter { 
  0% { opacity: 1; transform: translateX(-50%) translateY(var(--okd-stack-y,0)) scale(var(--okd-stack-scale,1)); }
  100% { opacity: 0; transform: translateX(-50%) translateY(var(--okd-stack-y,0)) scale(var(--okd-stack-scale,1)); }
}
.growth-message-default { height: 100vh; padding: var(--okd-inner-notice-stack-position-top,24px) var(--okd-inner-notice-stack-position-right,24px) var(--okd-inner-notice-stack-position-bottom,24px) var(--okd-inner-notice-stack-position-left,24px); position: fixed; width: 100vw; }
.growth-message-default, .growth-message-wrap { box-sizing: border-box; display: flex; flex-direction: column; left: 0px; line-height: 1; margin: 0px; pointer-events: none; top: 0px; }
.growth-message-wrap { height: 100%; padding: 0px; position: absolute; width: 100%; }
.growth-message * { box-sizing: border-box; }
.growth-message-container.container-remove { animation-duration: 0.55s; animation-name: MessageOutTop; }
.growth-message-box { animation-duration: 0.3s; background: var(--okd-message-box-background,var(--okd-notification-box-background)); border: thin solid var(--okd-message-box-border-color,var(--okd-notification-box-border-color)); border-radius: var(--okd-message-box-border-radius,var(--okd-notification-box-border-radius)); box-shadow: var(--okd-message-box-shadow,var(--okd-notification-box-shadow)); display: inline-flex; line-height: 1; margin: calc(var(--okd-message-box-each-margin, var(--okd-notification-box-each-margin))/2) 0; max-width: var(--okd-message-box-max-width,var(--okd-notification-box-max-width)); min-width: var(--okd-message-box-min-width,var(--okd-notification-box-min-width)); overflow: hidden; padding: var(--okd-message-box-padding,var(--okd-notification-box-padding)); pointer-events: all; position: relative; }
.growth-message-box.auto-width { min-width: var(--okd-message-box-auto-width-min-width,var(--okd-notification-box-auto-width-min-width)); }
.growth-message-box .growth-message-icon-circle-container { display: inline-block; height: 20px; margin-right: var(--okd-message-box-icon-text-margin,var(--okd-notification-box-icon-text-margin)); position: relative; vertical-align: top; width: 20px; }
.growth-message-box .growth-message-icon-new { font-size: 20px; height: 100%; width: 100%; }
.growth-message-box .growth-message-content { display: inline-flex; flex: 1 1 0%; flex-flow: column wrap; word-break: break-word; }
.growth-message-box .growth-message-inline { flex-direction: unset; }
.growth-message-box .growth-message-inline .growth-message-action { margin-top: 0px; width: auto; }
.growth-message-box .growth-message-title-box { display: inline-flex; flex: 1 1 0%; flex-flow: column wrap; }
.growth-message-box .growth-message-title { color: var(--okd-message-title-color,var(--okd-notification-title-color)); flex: 1 0 0%; font-size: var(--okd-message-title-font-size,var(--okd-notification-title-font-size)); font-weight: 500; line-height: var(--okd-message-title-line-height,var(--okd-notification-title-line-height)); text-align: left; }
.growth-message-box .growth-message-desc, .growth-message-box .growth-message-text { color: var(--okd-message-text-color,var(--okd-notification-text-color)); font-size: var(--okd-message-text-font-size,var(--okd-notification-text-font-size)); line-height: var(--okd-message-text-line-height,var(--okd-notification-text-line-height)); }
.growth-message-box .growth-message-desc { margin-top: 4px; text-align: left; width: 100%; }
.growth-message-box .growth-message-action { display: inline-block; margin-top: 12px; pointer-events: auto; text-align: left; width: 100%; }
.growth-message-box .growth-message-action .action-undo { color: var(--okd-message-action-confirm-btn-color,var(--okd-notification-action-confirm-btn-color)); }
.growth-message-box .growth-message-action .action-dismiss, .growth-message-box .growth-message-action .action-undo { cursor: pointer; font-size: var(--okd-message-action-font-size,var(--okd-notification-action-font-size)); font-weight: 500; line-height: var(--okd-message-action-line-height,var(--okd-notification-action-line-height)); }
.growth-message-box .growth-message-action .action-dismiss { color: var(--okd-message-action-cancel-btn-color,var(--okd-notification-action-cancel-btn-color)); }
.growth-message-box .growth-message-action .action-undo + .action-dismiss { margin-left: 16px; }
.growth-message-box .growth-message-close { -webkit-tap-highlight-color: transparent; color: var(--okd-message-box-close-icon-color,var(--okd-notification-box-close-icon-color)); cursor: pointer; font-size: 22px; height: 22px; margin-left: 15px; pointer-events: auto; position: relative; top: -2px; width: 22px; }
.growth-message-box.success .growth-message-icon-new { color: var(--okd-message-success-icon-color,var(--okd-notification-success-icon-color)); }
.growth-message-box.info .growth-message-icon-new { color: var(--okd-message-info-icon-color,var(--okd-notification-info-icon-color)); }
.growth-message-box.warn .growth-message-icon-new { color: var(--okd-message-warn-icon-color,var(--okd-notification-warn-icon-color)); }
.growth-message-box.error .growth-message-icon-new { color: var(--okd-message-error-icon-color,var(--okd-notification-error-icon-color)); }
.growth-message-box.pending .growth-message-icon-new { color: var(--okd-message-pending-icon-color,var(--okd-notification-pending-icon-color)); }
.growth-message.growth-message-bottom, .growth-message.growth-message-bottom-left, .growth-message.growth-message-bottom-right { justify-content: flex-end; }
.growth-message.growth-message-bottom .container-remove, .growth-message.growth-message-bottom-left .container-remove, .growth-message.growth-message-bottom-right .container-remove { animation-name: MessageOutBottom; }
.growth-message.growth-message-bottom-right .growth-message-container, .growth-message.growth-message-top-right .growth-message-container { text-align: right; }
.growth-message.growth-message-bottom .growth-message-container, .growth-message.growth-message-top .growth-message-container { text-align: center; }
.growth-message.growth-message-bottom-left .growth-message-box, .growth-message.growth-message-top-left .growth-message-box { animation-name: MessageInLeft; }
.growth-message.growth-message-bottom-right .growth-message-box, .growth-message.growth-message-top-right .growth-message-box { animation-name: MessageInRight; }
.growth-message.growth-message-top .growth-message-box { animation-name: MessageInTop; }
.growth-message.growth-message-bottom .growth-message-box { animation-name: MessageInBottom; }
@media (max-width: 767px) {
  .growth-message.growth-message-bottom-left .growth-message-container, .growth-message.growth-message-bottom-right .growth-message-container, .growth-message.growth-message-top-left .growth-message-container, .growth-message.growth-message-top-right .growth-message-container { text-align: center; }
  .growth-message-box { min-width: unset; width: 100%; }
  .growth-message-box.auto-width { width: auto; }
}
.growth-message-box .growth-message-icon-pending-poster, .growth-message-box .growth-message-icon-success-poster { color: var(--growth-okd-color-surface-success-default,var(--okd-message-success-icon-color)); font-size: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.growth-message-box .growth-message-icon-error-poster { color: var(--growth-okd-color-surface-danger-default,var(--okd-message-error-icon-color)); font-size: 20px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
@keyframes MessageInLeft { 
  0% { opacity: 0; transform: translate3d(-30px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageInRight { 
  0% { opacity: 0; transform: translate3d(30px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageInTop { 
  0% { opacity: 0; transform: translate3d(0px, -30px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageInBottom { 
  0% { opacity: 0; transform: translate3d(0px, 30px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes MessageOutBottom { 
  0% { max-height: 150px; opacity: 1; transform: translateZ(0px); }
  100% { max-height: 0px; opacity: 0; transform: translate3d(0px, 30px, 0px); }
}
@keyframes MessageOutTop { 
  0% { max-height: 150px; opacity: 1; transform: translateZ(0px); }
  100% { max-height: 0px; opacity: 0; transform: translate3d(0px, -30px, 0px); }
}
.growth-message .growth-notice-stack-item { --okd-stack-y: 0; --okd-stack-scale: 1; position: absolute; transition: 0.3s; }
.growth-message .growth-notice-stack-item .growth-message-box-stack { height: var(--okd-inner-notice-stack-height,auto); }
.growth-message .growth-notice-stack-expanded { opacity: 1; pointer-events: all; position: absolute; visibility: visible; }
.growth-message .growth-notice-stack-expanded:not(:first-child)::after { background: transparent; content: ""; height: 8px; left: 0px; position: absolute; right: 0px; }
.growth-message .growth-notice-stack-hidden { opacity: 0; pointer-events: none; visibility: hidden; }
@keyframes StackItemFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.growth-message .growth-notice-stack-visible { opacity: 1; visibility: visible; }
.growth-message .growth-notice-stack-interactive { pointer-events: all; }
.growth-message .growth-notice-stack-non-interactive { pointer-events: none; }
.growth-message .growth-notice-stack-non-interactive .growth-message-box-stack > * { opacity: 0; }
.growth-message.growth-message-bottom .growth-notice-stack-item, .growth-message.growth-message-bottom-left .growth-notice-stack-item, .growth-message.growth-message-bottom-right .growth-notice-stack-item { transform-origin: 50% 0px; }
.growth-message.growth-message-bottom .growth-notice-stack-expanded:not(:first-child)::after, .growth-message.growth-message-bottom-left .growth-notice-stack-expanded:not(:first-child)::after, .growth-message.growth-message-bottom-right .growth-notice-stack-expanded:not(:first-child)::after { top: -8px; }
.growth-message.growth-message-bottom .growth-notice-stack-item, .growth-message.growth-message-bottom-left .growth-notice-stack-item, .growth-message.growth-message-bottom-right .growth-notice-stack-item { bottom: var(--okd-inner-notice-stack-position-bottom,24px); top: auto; }
.growth-message.growth-message-top .growth-notice-stack-expanded:not(:first-child)::after, .growth-message.growth-message-top-left .growth-notice-stack-expanded:not(:first-child)::after, .growth-message.growth-message-top-right .growth-notice-stack-expanded:not(:first-child)::after { bottom: -8px; }
.growth-message.growth-message-top .growth-notice-stack-item, .growth-message.growth-message-top-left .growth-notice-stack-item, .growth-message.growth-message-top-right .growth-notice-stack-item { bottom: auto; top: var(--okd-inner-notice-stack-position-top,24px); transform-origin: 50% 100%; }
.growth-message.growth-message-bottom-left .growth-notice-stack-item, .growth-message.growth-message-top-left .growth-notice-stack-item { left: var(--okd-inner-notice-stack-position-left,24px); right: auto; transform: translateY(var(--okd-stack-y)) scale(var(--okd-stack-scale)); }
.growth-message.growth-message-bottom-left .growth-notice-stack-item.container-remove, .growth-message.growth-message-top-left .growth-notice-stack-item.container-remove { animation-name: NotificationStackFadeOut; }
.growth-message.growth-message-bottom-right .growth-notice-stack-item, .growth-message.growth-message-top-right .growth-notice-stack-item { left: auto; right: var(--okd-inner-notice-stack-position-right,24px); transform: translateY(var(--okd-stack-y)) scale(var(--okd-stack-scale)); }
.growth-message.growth-message-bottom-right .growth-notice-stack-item.container-remove, .growth-message.growth-message-top-right .growth-notice-stack-item.container-remove { animation-name: NotificationStackFadeOut; }
.growth-message.growth-message-bottom .growth-notice-stack-item, .growth-message.growth-message-top .growth-notice-stack-item { left: 50%; right: auto; transform: translateX(-50%) translateY(var(--okd-stack-y)) scale(var(--okd-stack-scale)); }
.growth-message.growth-message-bottom .growth-notice-stack-item.container-remove, .growth-message.growth-message-top .growth-notice-stack-item.container-remove { animation-name: NotificationStackFadeOutCenter; }
.theme-light .growth { --okd-message-success-icon-color: var(--growth-okd-color-content-success-default); --okd-message-info-icon-color: var(--growth-okd-color-content-static-default); --okd-message-warn-icon-color: var(--growth-okd-color-content-warning-default); --okd-message-error-icon-color: var(--growth-okd-color-content-static-notification); --okd-message-title-color: var(--growth-okd-color-content-static-default); --okd-message-text-color: var(--growth-okd-color-content-static-default); --okd-message-action-confirm-btn-color: var(--growth-okd-color-content-static-default); --okd-message-action-cancel-btn-color: var(--growth-okd-color-content-static-default); --okd-message-box-close-icon-color: var(--growth-okd-color-content-static-default); --okd-message-box-shadow: var(--okd-shadow-xl); --okd-message-box-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-message-box-border-color: var(--growth-okd-color-border-static-default); --okd-message-box-border-radius: var(--okd-border-radius-md); --okd-message-box-padding: 16px; --okd-message-box-each-margin: 14px; --okd-message-box-max-width: 700px; --okd-message-box-min-width: 451px; --okd-message-box-auto-width-min-width: 100px; --okd-message-box-icon-text-margin: 15px; --okd-message-title-font-size: var(--okd-font-size-md); --okd-message-title-line-height: var(--okd-line-height-md); --okd-message-text-font-size: var(--okd-font-size-md); --okd-message-text-line-height: var(--okd-line-height-md); --okd-message-action-font-size: var(--okd-font-size-md); --okd-message-action-line-height: var(--okd-line-height-md); --okd-message-pending-icon-color: var(--growth-okd-color-content-static-default); }
.theme-dark .growth { --okd-message-success-icon-color: var(--growth-okd-color-content-success-default); --okd-message-info-icon-color: var(--growth-okd-color-content-static-default); --okd-message-warn-icon-color: var(--growth-okd-color-semantic-notice); --okd-message-error-icon-color: var(--growth-okd-color-content-static-notification); --okd-message-title-color: var(--growth-okd-color-content-primary); --okd-message-text-color: var(--growth-okd-color-content-static-default); --okd-message-action-confirm-btn-color: var(--growth-okd-color-content-primary); --okd-message-action-cancel-btn-color: var(--growth-okd-color-content-primary); --okd-message-box-close-icon-color: var(--growth-okd-color-content-static-default); --okd-message-box-shadow: var(--okd-shadow-xl); --okd-message-box-background: var(--growth-okd-color-modal-tertiary); --okd-message-box-border-color: var(--growth-okd-color-border-secondary); --okd-message-box-border-radius: var(--okd-border-radius-md); --okd-message-box-padding: 16px; --okd-message-box-each-margin: 14px; --okd-message-box-max-width: 700px; --okd-message-box-min-width: 451px; --okd-message-box-auto-width-min-width: 100px; --okd-message-box-icon-text-margin: 15px; --okd-message-title-font-size: var(--okd-font-size-md); --okd-message-title-line-height: var(--okd-line-height-md); --okd-message-text-font-size: var(--okd-font-size-md); --okd-message-text-line-height: var(--okd-line-height-md); --okd-message-action-font-size: var(--okd-font-size-md); --okd-message-action-line-height: var(--okd-line-height-md); --okd-message-pending-icon-color: var(--growth-okd-color-content-primary); }
.theme-okx-money-light .growth { --okd-message-success-icon-color: var(--growth-okd-color-content-success-default); --okd-message-info-icon-color: var(--growth-okd-color-content-static-default); --okd-message-warn-icon-color: var(--growth-okd-color-content-warning-default); --okd-message-error-icon-color: var(--growth-okd-color-content-static-notification); --okd-message-title-color: var(--growth-okd-color-content-static-default); --okd-message-text-color: var(--growth-okd-color-content-static-default); --okd-message-action-confirm-btn-color: var(--growth-okd-color-content-static-default); --okd-message-action-cancel-btn-color: var(--growth-okd-color-content-static-default); --okd-message-box-close-icon-color: var(--growth-okd-color-content-static-default); --okd-message-box-shadow: var(--okd-shadow-xl); --okd-message-box-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-message-box-border-color: var(--growth-okd-color-border-static-default); --okd-message-box-border-radius: var(--okd-border-radius-md); --okd-message-box-padding: 16px; --okd-message-box-each-margin: 14px; --okd-message-box-max-width: 700px; --okd-message-box-min-width: 451px; --okd-message-box-auto-width-min-width: 100px; --okd-message-box-icon-text-margin: 15px; --okd-message-title-font-size: var(--okd-font-size-md); --okd-message-title-line-height: var(--okd-line-height-md); --okd-message-text-font-size: var(--okd-font-size-md); --okd-message-text-line-height: var(--okd-line-height-md); --okd-message-action-font-size: var(--okd-font-size-md); --okd-message-action-line-height: var(--okd-line-height-md); --okd-message-pending-icon-color: var(--growth-okd-color-content-static-default); }
.theme-okx-money-dark .growth { --okd-message-success-icon-color: var(--growth-okd-color-content-success-default); --okd-message-info-icon-color: var(--growth-okd-color-content-static-default); --okd-message-warn-icon-color: var(--growth-okd-color-semantic-notice); --okd-message-error-icon-color: var(--growth-okd-color-content-static-notification); --okd-message-title-color: var(--growth-okd-color-content-primary); --okd-message-text-color: var(--growth-okd-color-content-static-default); --okd-message-action-confirm-btn-color: var(--growth-okd-color-content-primary); --okd-message-action-cancel-btn-color: var(--growth-okd-color-content-primary); --okd-message-box-close-icon-color: var(--growth-okd-color-content-static-default); --okd-message-box-shadow: var(--okd-shadow-xl); --okd-message-box-background: var(--growth-okd-color-modal-tertiary); --okd-message-box-border-color: var(--growth-okd-color-border-secondary); --okd-message-box-border-radius: var(--okd-border-radius-md); --okd-message-box-padding: 16px; --okd-message-box-each-margin: 14px; --okd-message-box-max-width: 700px; --okd-message-box-min-width: 451px; --okd-message-box-auto-width-min-width: 100px; --okd-message-box-icon-text-margin: 15px; --okd-message-title-font-size: var(--okd-font-size-md); --okd-message-title-line-height: var(--okd-line-height-md); --okd-message-text-font-size: var(--okd-font-size-md); --okd-message-text-line-height: var(--okd-line-height-md); --okd-message-action-font-size: var(--okd-font-size-md); --okd-message-action-line-height: var(--okd-line-height-md); --okd-message-pending-icon-color: var(--growth-okd-color-content-primary); }
.theme-light .growth { --okd-secondarybutton-default-color: var(--growth-okd-color-content-static-feature); --okd-secondarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-secondarybutton-xxs-loader-width: 14px; --okd-secondarybutton-xxs-loader-margin-right: 6px; --okd-secondarybutton-xs-loader-width: 14px; --okd-secondarybutton-xs-loader-margin-right: 6px; --okd-secondarybutton-s-loader-width: 14px; --okd-secondarybutton-s-loader-margin-right: 6px; --okd-secondarybutton-sm-loader-width: 16px; --okd-secondarybutton-sm-loader-margin-right: 6px; --okd-secondarybutton-md-loader-width: 16px; --okd-secondarybutton-md-loader-margin-right: 6px; --okd-secondarybutton-lg-loader-width: 20px; --okd-secondarybutton-lg-loader-margin-right: 8px; --okd-secondarybutton-xl-loader-width: 20px; --okd-secondarybutton-xl-loader-margin-right: 8px; --okd-secondarybutton-xxs-font-size: 12px; --okd-secondarybutton-xxs-line-height: 16px; --okd-secondarybutton-xs-font-size: 12px; --okd-secondarybutton-xs-line-height: 16px; --okd-secondarybutton-s-font-size: 14px; --okd-secondarybutton-s-line-height: 16px; --okd-secondarybutton-sm-font-size: 14px; --okd-secondarybutton-sm-line-height: 16px; --okd-secondarybutton-md-font-size: 14px; --okd-secondarybutton-md-line-height: 16px; --okd-secondarybutton-lg-font-size: 16px; --okd-secondarybutton-lg-line-height: 20px; --okd-secondarybutton-xl-font-size: 18px; --okd-secondarybutton-xl-line-height: 24px; --okd-secondarybutton-xxs-padding-horizontal: 12px; --okd-secondarybutton-xxs-padding-vertical: 4px; --okd-secondarybutton-xs-padding-horizontal: 12px; --okd-secondarybutton-xs-padding-vertical: 6px; --okd-secondarybutton-s-padding-horizontal: 12px; --okd-secondarybutton-s-padding-vertical: 8px; --okd-secondarybutton-sm-padding-horizontal: 16px; --okd-secondarybutton-sm-padding-vertical: 10px; --okd-secondarybutton-md-padding-horizontal: 16px; --okd-secondarybutton-md-padding-vertical: 12px; --okd-secondarybutton-lg-padding-horizontal: 24px; --okd-secondarybutton-lg-padding-vertical: 14px; --okd-secondarybutton-xl-padding-horizontal: 44px; --okd-secondarybutton-xl-padding-vertical: 16px; --okd-secondarybutton-border-radius: 50px; --okd-secondarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-inverse-default); --okd-secondarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-inverse-hovered); --okd-secondarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-secondarybutton-loader-track-color: rgba(0,0,0,.32); --okd-secondarybutton-loader-mark-color: var(--growth-okd-color-surface-interactive-feature-default); --okd-secondarybutton-loader-border-width: 2px; --okd-secondarybutton-xs-min-width: 63px; --okd-secondarybutton-s-min-width: 72px; --okd-secondarybutton-sm-min-width: 81px; --okd-secondarybutton-md-min-width: 90px; --okd-secondarybutton-lg-min-width: 108px; --okd-secondarybutton-xl-min-width: 126px; --okd-secondarybutton-xxs-min-width: 63px; --okd-secondarybutton-xxs-icon-size: 14px; --okd-secondarybutton-xs-icon-size: 14px; --okd-secondarybutton-s-icon-size: 14px; --okd-secondarybutton-sm-icon-size: 16px; --okd-secondarybutton-md-icon-size: 16px; --okd-secondarybutton-lg-icon-size: 20px; --okd-secondarybutton-xl-icon-size: 20px; --okd-secondarybutton-xxs-icon-margin-right: 6px; --okd-secondarybutton-xs-icon-margin-right: 6px; --okd-secondarybutton-s-icon-margin-right: 6px; --okd-secondarybutton-sm-icon-margin-right: 6px; --okd-secondarybutton-md-icon-margin-right: 6px; --okd-secondarybutton-lg-icon-margin-right: 8px; --okd-secondarybutton-xl-icon-margin-right: 8px; }
.theme-dark .growth { --okd-secondarybutton-default-color: var(--growth-okd-color-content-static-feature); --okd-secondarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-secondarybutton-xxs-loader-width: 14px; --okd-secondarybutton-xxs-loader-margin-right: 6px; --okd-secondarybutton-xs-loader-width: 14px; --okd-secondarybutton-xs-loader-margin-right: 6px; --okd-secondarybutton-s-loader-width: 14px; --okd-secondarybutton-s-loader-margin-right: 6px; --okd-secondarybutton-sm-loader-width: 16px; --okd-secondarybutton-sm-loader-margin-right: 6px; --okd-secondarybutton-md-loader-width: 16px; --okd-secondarybutton-md-loader-margin-right: 6px; --okd-secondarybutton-lg-loader-width: 20px; --okd-secondarybutton-lg-loader-margin-right: 8px; --okd-secondarybutton-xl-loader-width: 20px; --okd-secondarybutton-xl-loader-margin-right: 8px; --okd-secondarybutton-xxs-font-size: 12px; --okd-secondarybutton-xxs-line-height: 16px; --okd-secondarybutton-xs-font-size: 12px; --okd-secondarybutton-xs-line-height: 16px; --okd-secondarybutton-s-font-size: 14px; --okd-secondarybutton-s-line-height: 16px; --okd-secondarybutton-sm-font-size: 14px; --okd-secondarybutton-sm-line-height: 16px; --okd-secondarybutton-md-font-size: 14px; --okd-secondarybutton-md-line-height: 16px; --okd-secondarybutton-lg-font-size: 16px; --okd-secondarybutton-lg-line-height: 20px; --okd-secondarybutton-xl-font-size: 18px; --okd-secondarybutton-xl-line-height: 24px; --okd-secondarybutton-xxs-padding-horizontal: 12px; --okd-secondarybutton-xxs-padding-vertical: 4px; --okd-secondarybutton-xs-padding-horizontal: 12px; --okd-secondarybutton-xs-padding-vertical: 6px; --okd-secondarybutton-s-padding-horizontal: 12px; --okd-secondarybutton-s-padding-vertical: 8px; --okd-secondarybutton-sm-padding-horizontal: 16px; --okd-secondarybutton-sm-padding-vertical: 10px; --okd-secondarybutton-md-padding-horizontal: 16px; --okd-secondarybutton-md-padding-vertical: 12px; --okd-secondarybutton-lg-padding-horizontal: 24px; --okd-secondarybutton-lg-padding-vertical: 14px; --okd-secondarybutton-xl-padding-horizontal: 44px; --okd-secondarybutton-xl-padding-vertical: 16px; --okd-secondarybutton-border-radius: 50px; --okd-secondarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-inverse-default); --okd-secondarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-inverse-hovered); --okd-secondarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-secondarybutton-loader-track-color: hsla(0,0%,100%,.4); --okd-secondarybutton-loader-mark-color: var(--growth-okd-color-surface-interactive-feature-default); --okd-secondarybutton-loader-border-width: 2px; --okd-secondarybutton-xs-min-width: 63px; --okd-secondarybutton-s-min-width: 72px; --okd-secondarybutton-sm-min-width: 81px; --okd-secondarybutton-md-min-width: 90px; --okd-secondarybutton-lg-min-width: 108px; --okd-secondarybutton-xl-min-width: 126px; --okd-secondarybutton-xxs-min-width: 63px; --okd-secondarybutton-xxs-icon-size: 14px; --okd-secondarybutton-xs-icon-size: 14px; --okd-secondarybutton-s-icon-size: 14px; --okd-secondarybutton-sm-icon-size: 16px; --okd-secondarybutton-md-icon-size: 16px; --okd-secondarybutton-lg-icon-size: 20px; --okd-secondarybutton-xl-icon-size: 20px; --okd-secondarybutton-xxs-icon-margin-right: 6px; --okd-secondarybutton-xs-icon-margin-right: 6px; --okd-secondarybutton-s-icon-margin-right: 6px; --okd-secondarybutton-sm-icon-margin-right: 6px; --okd-secondarybutton-md-icon-margin-right: 6px; --okd-secondarybutton-lg-icon-margin-right: 8px; --okd-secondarybutton-xl-icon-margin-right: 8px; }
.theme-okx-money-light .growth { --okd-secondarybutton-default-color: var(--growth-okd-color-content-static-feature); --okd-secondarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-secondarybutton-xxs-loader-width: 14px; --okd-secondarybutton-xxs-loader-margin-right: 6px; --okd-secondarybutton-xs-loader-width: 14px; --okd-secondarybutton-xs-loader-margin-right: 6px; --okd-secondarybutton-s-loader-width: 14px; --okd-secondarybutton-s-loader-margin-right: 6px; --okd-secondarybutton-sm-loader-width: 16px; --okd-secondarybutton-sm-loader-margin-right: 6px; --okd-secondarybutton-md-loader-width: 16px; --okd-secondarybutton-md-loader-margin-right: 6px; --okd-secondarybutton-lg-loader-width: 20px; --okd-secondarybutton-lg-loader-margin-right: 8px; --okd-secondarybutton-xl-loader-width: 20px; --okd-secondarybutton-xl-loader-margin-right: 8px; --okd-secondarybutton-xxs-font-size: 12px; --okd-secondarybutton-xxs-line-height: 16px; --okd-secondarybutton-xs-font-size: 12px; --okd-secondarybutton-xs-line-height: 16px; --okd-secondarybutton-s-font-size: 14px; --okd-secondarybutton-s-line-height: 16px; --okd-secondarybutton-sm-font-size: 14px; --okd-secondarybutton-sm-line-height: 16px; --okd-secondarybutton-md-font-size: 14px; --okd-secondarybutton-md-line-height: 16px; --okd-secondarybutton-lg-font-size: 16px; --okd-secondarybutton-lg-line-height: 20px; --okd-secondarybutton-xl-font-size: 18px; --okd-secondarybutton-xl-line-height: 24px; --okd-secondarybutton-xxs-padding-horizontal: 12px; --okd-secondarybutton-xxs-padding-vertical: 4px; --okd-secondarybutton-xs-padding-horizontal: 12px; --okd-secondarybutton-xs-padding-vertical: 6px; --okd-secondarybutton-s-padding-horizontal: 12px; --okd-secondarybutton-s-padding-vertical: 8px; --okd-secondarybutton-sm-padding-horizontal: 16px; --okd-secondarybutton-sm-padding-vertical: 10px; --okd-secondarybutton-md-padding-horizontal: 16px; --okd-secondarybutton-md-padding-vertical: 12px; --okd-secondarybutton-lg-padding-horizontal: 24px; --okd-secondarybutton-lg-padding-vertical: 14px; --okd-secondarybutton-xl-padding-horizontal: 44px; --okd-secondarybutton-xl-padding-vertical: 16px; --okd-secondarybutton-border-radius: 50px; --okd-secondarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-inverse-default); --okd-secondarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-inverse-hovered); --okd-secondarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-secondarybutton-loader-track-color: rgba(0,0,0,.32); --okd-secondarybutton-loader-mark-color: var(--growth-okd-color-surface-interactive-feature-default); --okd-secondarybutton-loader-border-width: 2px; --okd-secondarybutton-xs-min-width: 63px; --okd-secondarybutton-s-min-width: 72px; --okd-secondarybutton-sm-min-width: 81px; --okd-secondarybutton-md-min-width: 90px; --okd-secondarybutton-lg-min-width: 108px; --okd-secondarybutton-xl-min-width: 126px; --okd-secondarybutton-xxs-min-width: 63px; --okd-secondarybutton-xxs-icon-size: 14px; --okd-secondarybutton-xs-icon-size: 14px; --okd-secondarybutton-s-icon-size: 14px; --okd-secondarybutton-sm-icon-size: 16px; --okd-secondarybutton-md-icon-size: 16px; --okd-secondarybutton-lg-icon-size: 20px; --okd-secondarybutton-xl-icon-size: 20px; --okd-secondarybutton-xxs-icon-margin-right: 6px; --okd-secondarybutton-xs-icon-margin-right: 6px; --okd-secondarybutton-s-icon-margin-right: 6px; --okd-secondarybutton-sm-icon-margin-right: 6px; --okd-secondarybutton-md-icon-margin-right: 6px; --okd-secondarybutton-lg-icon-margin-right: 8px; --okd-secondarybutton-xl-icon-margin-right: 8px; }
.growth-secondarybutton-xxs { font-size: var(--okd-secondarybutton-xxs-font-size,12px); font-weight: var(--okd-secondarybutton-xxs-font-weight,400); line-height: var(--okd-secondarybutton-xxs-line-height,16px); min-width: var(--okd-secondarybutton-xxs-min-width,63px); padding: var(--okd-secondarybutton-xxs-padding-vertical,4px) var(--okd-secondarybutton-xxs-padding-horizontal,12px); }
.growth-secondarybutton-xxs .growth-secondarybutton-loader-circle { height: var(--okd-secondarybutton-xxs-loader-width,14px); width: var(--okd-secondarybutton-xxs-loader-width,14px); }
.growth-secondarybutton-xxs .growth-secondarybutton-icon { font-size: var(--okd-secondarybutton-xxs-icon-size,14px); font-weight: var(--okd-secondarybutton-xxs-font-weight,400); }
.growth-secondarybutton-xxs .growth-secondarybutton-icon-leading { margin-right: var(--okd-secondarybutton-xxs-icon-margin-right,6px); }
.growth-secondarybutton-xxs .growth-secondarybutton-icon-tailing { margin-left: var(--okd-secondarybutton-xxs-icon-margin-right,6px); }
.growth-secondarybutton-loading-text .growth-secondarybutton-loader { margin-right: var(--okd-secondarybutton-xxs-loader-margin-right,6px); }
.growth-secondarybutton-xs { font-size: var(--okd-secondarybutton-xs-font-size,12px); font-weight: var(--okd-secondarybutton-xs-font-weight,400); line-height: var(--okd-secondarybutton-xs-line-height,16px); min-width: var(--okd-secondarybutton-xs-min-width,63px); padding: var(--okd-secondarybutton-xs-padding-vertical,6px) var(--okd-secondarybutton-xs-padding-horizontal,12px); }
.growth-secondarybutton-xs .growth-secondarybutton-loader-circle { height: var(--okd-secondarybutton-xs-loader-width,14px); width: var(--okd-secondarybutton-xs-loader-width,14px); }
.growth-secondarybutton-xs .growth-secondarybutton-icon { font-size: var(--okd-secondarybutton-xs-icon-size,14px); font-weight: var(--okd-secondarybutton-xs-font-weight,400); }
.growth-secondarybutton-xs .growth-secondarybutton-icon-leading { margin-right: var(--okd-secondarybutton-xs-icon-margin-right,6px); }
.growth-secondarybutton-xs .growth-secondarybutton-icon-tailing { margin-left: var(--okd-secondarybutton-xs-icon-margin-right,6px); }
.growth-secondarybutton-loading-text .growth-secondarybutton-loader { margin-right: var(--okd-secondarybutton-xs-loader-margin-right,6px); }
.growth-secondarybutton-s { font-size: var(--okd-secondarybutton-s-font-size,14px); font-weight: var(--okd-secondarybutton-s-font-weight,400); line-height: var(--okd-secondarybutton-s-line-height,16px); min-width: var(--okd-secondarybutton-s-min-width,72px); padding: var(--okd-secondarybutton-s-padding-vertical,8px) var(--okd-secondarybutton-s-padding-horizontal,12px); }
.growth-secondarybutton-s .growth-secondarybutton-loader-circle { height: var(--okd-secondarybutton-s-loader-width,14px); width: var(--okd-secondarybutton-s-loader-width,14px); }
.growth-secondarybutton-s .growth-secondarybutton-icon { font-size: var(--okd-secondarybutton-s-icon-size,14px); font-weight: var(--okd-secondarybutton-s-font-weight,400); }
.growth-secondarybutton-s .growth-secondarybutton-icon-leading { margin-right: var(--okd-secondarybutton-s-icon-margin-right,6px); }
.growth-secondarybutton-s .growth-secondarybutton-icon-tailing { margin-left: var(--okd-secondarybutton-s-icon-margin-right,6px); }
.growth-secondarybutton-loading-text .growth-secondarybutton-loader { margin-right: var(--okd-secondarybutton-s-loader-margin-right,6px); }
.growth-secondarybutton-sm { font-size: var(--okd-secondarybutton-sm-font-size,14px); font-weight: var(--okd-secondarybutton-sm-font-weight,400); line-height: var(--okd-secondarybutton-sm-line-height,16px); min-width: var(--okd-secondarybutton-sm-min-width,81px); padding: var(--okd-secondarybutton-sm-padding-vertical,10px) var(--okd-secondarybutton-sm-padding-horizontal,16px); }
.growth-secondarybutton-sm .growth-secondarybutton-loader-circle { height: var(--okd-secondarybutton-sm-loader-width,16px); width: var(--okd-secondarybutton-sm-loader-width,16px); }
.growth-secondarybutton-sm .growth-secondarybutton-icon { font-size: var(--okd-secondarybutton-sm-icon-size,16px); font-weight: var(--okd-secondarybutton-sm-font-weight,400); }
.growth-secondarybutton-sm .growth-secondarybutton-icon-leading { margin-right: var(--okd-secondarybutton-sm-icon-margin-right,6px); }
.growth-secondarybutton-sm .growth-secondarybutton-icon-tailing { margin-left: var(--okd-secondarybutton-sm-icon-margin-right,6px); }
.growth-secondarybutton-loading-text .growth-secondarybutton-loader { margin-right: var(--okd-secondarybutton-sm-loader-margin-right,6px); }
.growth-secondarybutton-md { font-size: var(--okd-secondarybutton-md-font-size,14px); font-weight: var(--okd-secondarybutton-md-font-weight,400); line-height: var(--okd-secondarybutton-md-line-height,16px); min-width: var(--okd-secondarybutton-md-min-width,90px); padding: var(--okd-secondarybutton-md-padding-vertical,12px) var(--okd-secondarybutton-md-padding-horizontal,16px); }
.growth-secondarybutton-md .growth-secondarybutton-loader-circle { height: var(--okd-secondarybutton-md-loader-width,16px); width: var(--okd-secondarybutton-md-loader-width,16px); }
.growth-secondarybutton-md .growth-secondarybutton-icon { font-size: var(--okd-secondarybutton-md-icon-size,16px); font-weight: var(--okd-secondarybutton-md-font-weight,400); }
.growth-secondarybutton-md .growth-secondarybutton-icon-leading { margin-right: var(--okd-secondarybutton-md-icon-margin-right,6px); }
.growth-secondarybutton-md .growth-secondarybutton-icon-tailing { margin-left: var(--okd-secondarybutton-md-icon-margin-right,6px); }
.growth-secondarybutton-loading-text .growth-secondarybutton-loader { margin-right: var(--okd-secondarybutton-md-loader-margin-right,6px); }
.growth-secondarybutton-lg { font-size: var(--okd-secondarybutton-lg-font-size,16px); font-weight: var(--okd-secondarybutton-lg-font-weight,500); line-height: var(--okd-secondarybutton-lg-line-height,20px); min-width: var(--okd-secondarybutton-lg-min-width,108px); padding: var(--okd-secondarybutton-lg-padding-vertical,14px) var(--okd-secondarybutton-lg-padding-horizontal,24px); }
.growth-secondarybutton-lg .growth-secondarybutton-loader-circle { height: var(--okd-secondarybutton-lg-loader-width,20px); width: var(--okd-secondarybutton-lg-loader-width,20px); }
.growth-secondarybutton-lg .growth-secondarybutton-icon { font-size: var(--okd-secondarybutton-lg-icon-size,20px); font-weight: var(--okd-secondarybutton-lg-font-weight,500); }
.growth-secondarybutton-lg .growth-secondarybutton-icon-leading { margin-right: var(--okd-secondarybutton-lg-icon-margin-right,8px); }
.growth-secondarybutton-lg .growth-secondarybutton-icon-tailing { margin-left: var(--okd-secondarybutton-lg-icon-margin-right,8px); }
.growth-secondarybutton-loading-text .growth-secondarybutton-loader { margin-right: var(--okd-secondarybutton-lg-loader-margin-right,8px); }
.growth-secondarybutton-xl { font-size: var(--okd-secondarybutton-xl-font-size,18px); font-weight: var(--okd-secondarybutton-xl-font-weight,500); line-height: var(--okd-secondarybutton-xl-line-height,24px); min-width: var(--okd-secondarybutton-xl-min-width,126px); padding: var(--okd-secondarybutton-xl-padding-vertical,16px) var(--okd-secondarybutton-xl-padding-horizontal,44px); }
.growth-secondarybutton-xl .growth-secondarybutton-loader-circle { height: var(--okd-secondarybutton-xl-loader-width,20px); width: var(--okd-secondarybutton-xl-loader-width,20px); }
.growth-secondarybutton-xl .growth-secondarybutton-icon { font-size: var(--okd-secondarybutton-xl-icon-size,20px); font-weight: var(--okd-secondarybutton-xl-font-weight,500); }
.growth-secondarybutton-xl .growth-secondarybutton-icon-leading { margin-right: var(--okd-secondarybutton-xl-icon-margin-right,8px); }
.growth-secondarybutton-xl .growth-secondarybutton-icon-tailing { margin-left: var(--okd-secondarybutton-xl-icon-margin-right,8px); }
.growth-secondarybutton-loading-text .growth-secondarybutton-loader { margin-right: var(--okd-secondarybutton-xl-loader-margin-right,8px); }
.growth-secondarybutton { align-items: center; background-color: var(--okd-secondarybutton-default-background,var(--growth-okd-color-surface-interactive-feature-inverse-default)); border-radius: var(--okd-secondarybutton-border-radius,50px); box-sizing: border-box; color: var(--okd-secondarybutton-default-color,var(--growth-okd-color-content-static-feature)); cursor: pointer; display: inline-flex; justify-content: center; outline: none; position: relative; text-decoration: none; touch-action: manipulation; user-select: none; }
.growth-secondarybutton:focus-visible { border-radius: var(--okd-secondarybutton-border-radius,50px); outline-color: var(--growth-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.growth-secondarybutton.hover, .growth-secondarybutton:not(.growth-secondarybutton-disabled):not(.growth-secondarybutton-loading):hover { background-color: var(--okd-secondarybutton-hover-background,var(--growth-okd-color-surface-interactive-feature-inverse-hovered)); }
.growth-secondarybutton.active, .growth-secondarybutton:not(.growth-secondarybutton-disabled):not(.growth-secondarybutton-loading):active { background-color: var(--okd-secondarybutton-active-background,var(--growth-okd-color-surface-interactive-feature-inverse-pressed)); }
.growth-secondarybutton-disabled, .growth-secondarybutton.disabled { background-color: var(--okd-secondarybutton-disabled-background,var(--growth-okd-color-surface-interactive-disabled)); color: var(--okd-secondarybutton-disabled-color,var(--growth-okd-color-content-interactive-disabled)); cursor: not-allowed; }
.growth-secondarybutton-loading, .growth-secondarybutton.loading { background-color: var(--okd-secondarybutton-loading-background,var(--growth-okd-color-surface-interactive-feature-inverse-pressed)); color: transparent; }
.growth-secondarybutton-loading .growth-secondarybutton-loader, .growth-secondarybutton.loading .growth-secondarybutton-loader { display: flex; position: absolute; }
.growth-secondarybutton-loading-text { background-color: var(--okd-secondarybutton-loading-background,var(--growth-okd-color-surface-interactive-feature-inverse-pressed)); display: flex; }
.growth-secondarybutton-block, .growth-secondarybutton.block { display: flex; width: 100%; }
.growth-secondarybutton-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.growth-secondarybutton-loader-circle { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--okd-secondarybutton-loader-mark-color,var(--growth-okd-color-content-static-feature)); border-width: var(--okd-secondarybutton-loader-border-width,2px); }
.theme-okx-money-dark .growth { --okd-secondarybutton-default-color: var(--growth-okd-color-content-static-feature); --okd-secondarybutton-disabled-color: var(--growth-okd-color-content-interactive-disabled); --okd-secondarybutton-xxs-loader-width: 14px; --okd-secondarybutton-xxs-loader-margin-right: 6px; --okd-secondarybutton-xs-loader-width: 14px; --okd-secondarybutton-xs-loader-margin-right: 6px; --okd-secondarybutton-s-loader-width: 14px; --okd-secondarybutton-s-loader-margin-right: 6px; --okd-secondarybutton-sm-loader-width: 16px; --okd-secondarybutton-sm-loader-margin-right: 6px; --okd-secondarybutton-md-loader-width: 16px; --okd-secondarybutton-md-loader-margin-right: 6px; --okd-secondarybutton-lg-loader-width: 20px; --okd-secondarybutton-lg-loader-margin-right: 8px; --okd-secondarybutton-xl-loader-width: 20px; --okd-secondarybutton-xl-loader-margin-right: 8px; --okd-secondarybutton-xxs-font-size: 12px; --okd-secondarybutton-xxs-line-height: 16px; --okd-secondarybutton-xs-font-size: 12px; --okd-secondarybutton-xs-line-height: 16px; --okd-secondarybutton-s-font-size: 14px; --okd-secondarybutton-s-line-height: 16px; --okd-secondarybutton-sm-font-size: 14px; --okd-secondarybutton-sm-line-height: 16px; --okd-secondarybutton-md-font-size: 14px; --okd-secondarybutton-md-line-height: 16px; --okd-secondarybutton-lg-font-size: 16px; --okd-secondarybutton-lg-line-height: 20px; --okd-secondarybutton-xl-font-size: 18px; --okd-secondarybutton-xl-line-height: 24px; --okd-secondarybutton-xxs-padding-horizontal: 12px; --okd-secondarybutton-xxs-padding-vertical: 4px; --okd-secondarybutton-xs-padding-horizontal: 12px; --okd-secondarybutton-xs-padding-vertical: 6px; --okd-secondarybutton-s-padding-horizontal: 12px; --okd-secondarybutton-s-padding-vertical: 8px; --okd-secondarybutton-sm-padding-horizontal: 16px; --okd-secondarybutton-sm-padding-vertical: 10px; --okd-secondarybutton-md-padding-horizontal: 16px; --okd-secondarybutton-md-padding-vertical: 12px; --okd-secondarybutton-lg-padding-horizontal: 24px; --okd-secondarybutton-lg-padding-vertical: 14px; --okd-secondarybutton-xl-padding-horizontal: 44px; --okd-secondarybutton-xl-padding-vertical: 16px; --okd-secondarybutton-border-radius: 50px; --okd-secondarybutton-default-background: var(--growth-okd-color-surface-interactive-feature-inverse-default); --okd-secondarybutton-hover-background: var(--growth-okd-color-surface-interactive-feature-inverse-hovered); --okd-secondarybutton-active-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-loading-background: var(--growth-okd-color-surface-interactive-feature-inverse-pressed); --okd-secondarybutton-disabled-background: var(--growth-okd-color-surface-interactive-disabled); --okd-secondarybutton-loader-track-color: hsla(0,0%,100%,.4); --okd-secondarybutton-loader-mark-color: var(--growth-okd-color-surface-interactive-feature-default); --okd-secondarybutton-loader-border-width: 2px; --okd-secondarybutton-xs-min-width: 63px; --okd-secondarybutton-s-min-width: 72px; --okd-secondarybutton-sm-min-width: 81px; --okd-secondarybutton-md-min-width: 90px; --okd-secondarybutton-lg-min-width: 108px; --okd-secondarybutton-xl-min-width: 126px; --okd-secondarybutton-xxs-min-width: 63px; --okd-secondarybutton-xxs-icon-size: 14px; --okd-secondarybutton-xs-icon-size: 14px; --okd-secondarybutton-s-icon-size: 14px; --okd-secondarybutton-sm-icon-size: 16px; --okd-secondarybutton-md-icon-size: 16px; --okd-secondarybutton-lg-icon-size: 20px; --okd-secondarybutton-xl-icon-size: 20px; --okd-secondarybutton-xxs-icon-margin-right: 6px; --okd-secondarybutton-xs-icon-margin-right: 6px; --okd-secondarybutton-s-icon-margin-right: 6px; --okd-secondarybutton-sm-icon-margin-right: 6px; --okd-secondarybutton-md-icon-margin-right: 6px; --okd-secondarybutton-lg-icon-margin-right: 8px; --okd-secondarybutton-xl-icon-margin-right: 8px; }
.okx-growth-referral-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-referral-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-options { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-options::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-hamburger-search { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-hamburger-search::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-flash-earn-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-flash-earn-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-dual-investment { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-dual-investment::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-btc-yield-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-btc-yield-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-usdg { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-usdg::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-clock-stop_outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-clock-stop_outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-explore-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-explore-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-toggle-units { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-toggle-units::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-trigger { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-trigger::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-profit { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-profit::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-web3-network { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-web3-network::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-setting-currency { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-setting-currency::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-summary-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-summary-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-wallet-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-wallet-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-auto-earn { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-auto-earn::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-download { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-download::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-star { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-star::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-chevron-down { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-chevron-down::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-share { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-share::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-web3-uxto { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-web3-uxto::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-emphasis-filled { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-emphasis-filled::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-id { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-id::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-following { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-following::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-setting { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-setting::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-message-filled { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-message-filled::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-fast-redemption-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-fast-redemption-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-support { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-support::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-rewards-center-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-rewards-center-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-existing { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-existing::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-stream { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-stream::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-vip2 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-vip2::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-customtasks { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-customtasks::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-diamond-filled { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-diamond-filled::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-vip { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-vip::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-redirect { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-redirect::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-upload { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-upload::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-my { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-my::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-pointer-right { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-pointer-right::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-chevron-left_alignleft { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-chevron-left_alignleft::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-id-card { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-id-card::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-galaxy { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-galaxy::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-twitch { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-twitch::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-Weibo { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-Weibo::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-Tiktok { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-Tiktok::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-kakao { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-kakao::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-QQ { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-QQ::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-dip-sniper { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-dip-sniper::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-reward-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-reward-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-link { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-link::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-xdropsclub { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-xdropsclub::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-party-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-party-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-management-fees { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-management-fees::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-insights { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-insights::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-message { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-message::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-extension-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-extension-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-extension-filled { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-extension-filled::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-app-authentication { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-app-authentication::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-loan { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-loan::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-percentage-rate-hike { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-percentage-rate-hike::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-quick-filled { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-quick-filled::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-locked { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-locked::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-ai-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-ai-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-trending-up-new { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-trending-up-new::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-trending-up { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-trending-up::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-system { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-system::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-official-website { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-official-website::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-eye-hide { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-eye-hide::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-eye-show { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-eye-show::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-windows { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-windows::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-android { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-android::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-google-play { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-google-play::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-apple { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-apple::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-android-outline { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-android-outline::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-upgrade2 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-upgrade2::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-settings { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-settings::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-edit1 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-edit1::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-p2p { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-p2p::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-express-buy { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-express-buy::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-filtered { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-filtered::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-rebates { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-rebates::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-wallet2 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-wallet2::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-protect { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-protect::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-invalid { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-invalid::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-crypto-gift { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-crypto-gift::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-referral-updated { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-referral-updated::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-collapse { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-collapse::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-analysis { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-analysis::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-withdrawal { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-withdrawal::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-trading { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-trading::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-repay { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-repay::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-margin { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-margin::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-grow { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-grow::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-futures { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-futures::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-fee-rule { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-fee-rule::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-clock { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-clock::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-upgrades { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-upgrades::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-sort { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-sort::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-wallet { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-wallet::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-lock { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-lock::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-music-off { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-music-off::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-music-on { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-music-on::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-surprises { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-surprises::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-up-new { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-up-new::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-down-new { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-down-new::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-referral { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-referral::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-task-new { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-task-new::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-leaderboard { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-leaderboard::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-home { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-home::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-friends { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-friends::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-copy { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-copy::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-tips { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-tips::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-and { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-and::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-ai { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-ai::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-area { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-area::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-arrow-1 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-arrow-1::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-arrow-chevrons-top { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-arrow-chevrons-top::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-arrow-down { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-arrow-down::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-arrow-left { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-arrow-left::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-arrow-pointer { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-arrow-pointer::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-arrow-right { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-arrow-right::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-arrow-up { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-arrow-up::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-assets { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-assets::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-buy-crypto { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-buy-crypto::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-camera-flip { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-camera-flip::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-chevrons-right { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-chevrons-right::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-chevrons { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-chevrons::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-circular-remove { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-circular-remove::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-clear-fill { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-clear-fill::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-close { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-close::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-colon { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-colon::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-complete { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-complete::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-deposit { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-deposit::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-info { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-info::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-information { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-information::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-insurance-fund { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-insurance-fund::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-ios { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-ios::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-crown { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-crown::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-lv1 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-lv1::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-down { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-down::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-drawer { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-drawer::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-lv2 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-lv2::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-mark-ing { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-mark-ing::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-desktop { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-desktop::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-earn { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-earn::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-exchange { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-exchange::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-open-link { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-open-link::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-edit { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-edit::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-expand { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-expand::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-eye-hide-filled { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-eye-hide-filled::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-eye-show-filled { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-eye-show-filled::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-faceid { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-faceid::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-flag { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-flag::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-gift { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-gift::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-history { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-history::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-google { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-google::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-link-1 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-link-1::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-mail { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-mail::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-mark-done { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-mark-done::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-mobile { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-mobile::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-more { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-more::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-more-2 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-more-2::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-phone { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-phone::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-pound { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-pound::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-profile { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-profile::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-progress-point { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-progress-point::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-question { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-question::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-refresh { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-refresh::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-restore { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-restore::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-retry { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-retry::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-wheat { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-wheat::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-right { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-right::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-rule { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-rule::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-search { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-search::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-success-circle { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-success-circle::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-tip-dialog { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-tip-dialog::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-trending-down { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-trending-down::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-vector { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-vector::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-upgrade { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-upgrade::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-vector2 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-vector2::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-vector3 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-vector3::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-vector4-1 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-vector4-1::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-warning-circle { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-warning-circle::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-warning { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-warning::before { content: ""; font-family: ok-413cf12742; }
.okx-growth-vector4 { --ok-icon-font-family: "ok-413cf12742"; }
.okx-growth-vector4::before { content: ""; font-family: ok-413cf12742; }
.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-style: normal; }
.iconfont::before { display: inline-block; }
@font-face { font-display: block; font-family: ok-413cf12742; font-style: normal; src: url("./8bd47870a0256717.woff2") format("woff2"); }
[dir="rtl"] .okx-growth-arrow-1::before, [dir="rtl"] .okx-growth-arrow-left::before, [dir="rtl"] .okx-growth-arrow-pointer::before, [dir="rtl"] .okx-growth-arrow-right::before, [dir="rtl"] .okx-growth-chevrons-right::before, [dir="rtl"] .okx-growth-chevrons::before, [dir="rtl"] .okx-growth-open-link::before, [dir="rtl"] .okx-growth-question::before { transform: scaleX(-1); }
.index_errorBoundaryPage__2ZS5k { background-color: var(--growth-okd-color-background-base-primary); min-height: calc(-48px + 100vh); }
.index_errorBoundaryComp__Tdolz, .index_errorBoundaryPage__2ZS5k { align-items: center; display: flex; justify-content: center; }
.index_errorBoundaryContent__mJjpI { text-align: center; }
.index_errorBoundaryContent__mJjpI .index_errorBoundaryImg__f3LV9 { height: 100px; margin: 0px auto 40px; width: 100px; }
.index_errorBoundaryContent__mJjpI .index_errorBoundaryTitle__23JrC { color: var(--growth-okd-color-gray-900); font-size: 16px; font-weight: 500; line-height: 20px; }
.index_errorBoundaryContent__mJjpI .index_errorBoundarySubTitle__AMhnC { color: var(--growth-okd-color-gray-400); font-size: 16px; font-weight: 500; line-height: 20px; margin-top: 4px; }
.index_errorBoundaryContent__mJjpI .index_errorBoundaryBtnGr__cV78M { margin-top: 25px; }
.index_errorBoundaryContent__mJjpI .index_errorBoundaryBtnGr__cV78M .index_errorBoundaryBtn__pnDaN { min-width: 132px; }
.OpenAppDialog_content__yxgGe { display: flex; flex-direction: column; gap: 12px; padding-bottom: 8px; }
.OpenAppDialog_description__VM6zC { color: var(--growth-okd-color-content-primary); font-size: 16px; line-height: 22px; padding: 8px 0px 24px; }
.home-container { min-height: calc(-196px + 100vh); }
.index_desc__94vom { color: var(--growth-okd-color-content-primary); font-size: 14px; line-height: 16px; text-align: center; }
.index_downloadHelp__GmFXJ { color: var(--growth-okd-color-content-contrast); font-size: 14px; line-height: 20px; }
.index_downloadHelp__GmFXJ a { color: var(--growth-okd-color-content-primary); }
@media (min-width: 768px) {
  .index_downloadHelp__GmFXJ { font-size: 16px; }
}
.index_referralDiscount__\+Ixyt { color: var(--growth-okd-color-content-primary); font-size: 14px; font-weight: 500; line-height: 22px; }
@media (min-width: 768px) {
  .index_referralDiscount__\+Ixyt { font-size: 24px; line-height: 36px; }
}
.index_referralDiscount__\+Ixyt > mark { background: unset; color: var(--growth-okd-color-content-brand); }
.index_fullHeight__rqPqe { min-height: 100vh; }
.index_downloadContainer__PhEs\+ { min-height: calc(-48px + 100vh); }
.index_download__fP7CU { background-color: var(--growth-okd-color-background-base-primary); color: var(--growth-okd-color-content-primary); display: flex; justify-content: center; padding-left: 8px; padding-right: 8px; }
@media (min-width: 768px) {
  .index_download__fP7CU { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .index_download__fP7CU { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .index_download__fP7CU { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
@media (min-width: 1024px) {
  .index_download__fP7CU { overflow-x: hidden; }
}
.index_downloadInner__W-Vgs { align-items: center; display: flex; flex-direction: column; padding-left: 8px; padding-right: 8px; }
@media (min-width: 768px) {
  .index_downloadInner__W-Vgs { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .index_downloadInner__W-Vgs { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .index_downloadInner__W-Vgs { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
.index_downloadTopSection__Yb87R { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) {
  .index_downloadTopSection__Yb87R { margin-bottom: 60px; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; flex-direction: row; height: 586px; margin-bottom: 0px; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_downloadTopSection__Yb87R { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .index_downloadTopSection__Yb87R { height: 586px; }
}
.index_downloadTopTitleSection__hBg82 { display: flex; flex-direction: column; padding: 0px; z-index: 1; }
@media (min-width: 1024px) {
  .index_downloadTopTitleSection__hBg82 { height: 586px; margin-left: 25%; position: absolute; width: 480px; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_downloadTopTitleSection__hBg82 { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_downloadTopTitleSection__hBg82 { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_downloadTopTitleSection__hBg82 { margin-left: 8.33333%; }
}
@media (min-width: 1270px) {
  .index_downloadTopTitleSection__hBg82 { margin-left: 105px; width: 510px; }
}
.index_titleContainer__S68md { display: flex; flex-direction: column; gap: 8px; padding: 58px 0px 62px; text-align: center; }
@media (min-width: 768px) {
  .index_titleContainer__S68md { gap: 16px; padding: 105px 0px 40px; }
}
@media (min-width: 1024px) {
  .index_titleContainer__S68md { text-align: left; }
}
.index_title__rfrkU { color: var(--growth-okd-color-content-primary); font-size: 40px; font-weight: 700; line-height: 132%; text-align: center; }
@media (min-width: 768px) {
  .index_title__rfrkU { font-size: 56px; font-weight: 700; line-height: 120%; }
}
@media (min-width: 1024px) {
  .index_title__rfrkU { font-size: 56px; font-weight: 700; line-height: 132%; text-align: left; }
}
.index_title__rfrkU mark { background: unset; color: var(--growth-okd-color-brand-primary-alternative); }
.index_subtitle__h916r { color: var(--growth-okd-color-content-secondary); font-size: 14px; font-weight: 500; line-height: 23px; text-align: center; }
@media (min-width: 768px) {
  .index_subtitle__h916r { font-size: 24px; line-height: 36px; }
}
@media (min-width: 1024px) {
  .index_subtitle__h916r { text-align: left; }
}
.index_downloadAppBtnGroup__2h-4K { display: flex; flex-direction: row; justify-content: center; }
@media (min-width: 1024px) {
  .index_downloadAppBtnGroup__2h-4K { justify-content: flex-start; }
}
.index_downloadAppBtn__JQp\+p { font-size: 14px; font-weight: 500; line-height: 16px; margin-right: 16px; padding: 9px 14px; }
@media (min-width: 768px) {
  .index_downloadAppBtn__JQp\+p { min-width: 200px; width: 100%; }
}
@media (min-width: 1024px) {
  .index_downloadAppBtn__JQp\+p { min-width: 188px; }
}
.index_topSectionBanner__71Udq { display: flex; justify-content: flex-end; width: 100%; }
@media (min-width: 1024px) {
  .index_topSectionBanner__71Udq { margin-left: 33.3333%; }
}
.index_topSectionBanner__71Udq img { max-width: none; }
.index_oneAppWrapper__gEweb, .index_powerfulPlatformWrapper__FeU42 { display: flex; flex: 1 1 0%; justify-content: center; width: 100%; }
@media (min-width: 768px) {
  .index_oneAppWrapper__gEweb, .index_powerfulPlatformWrapper__FeU42 { align-items: center; flex-direction: column; }
}
@media (min-width: 1024px) {
  .index_oneAppWrapper__gEweb, .index_powerfulPlatformWrapper__FeU42 { flex-direction: row-reverse; }
  .index_powerfulPlatformWrapper__FeU42 { flex-direction: row; }
}
.index_powerfulPlatformWrapper__FeU42.index_isCefi__LJgiE { margin-bottom: 180px; }
.index_oneAppContentWrapper__uXPTJ { align-items: center; display: flex; justify-content: center; }
@media (min-width: 768px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_oneAppContentWrapper__uXPTJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
.index_oneAppContent__YGWYb { text-align: center; }
@media (min-width: 1024px) and (min-width: 768px) {
  .index_oneAppContent__YGWYb { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_oneAppContent__YGWYb { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_oneAppContent__YGWYb { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
.index_oneAppTitle__XsdzX { font-weight: 700; line-height: 132%; margin-bottom: 16px; }
@media (min-width: 768px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1270px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 768px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; font-size: 32px; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .index_oneAppTitle__XsdzX { text-align: left; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1270px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; font-size: 44px; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .index_oneAppTitle__XsdzX { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.index_oneAppSubtitle__XjQAR { color: var(--growth-okd-color-content-tertiary); font-size: 18px; font-weight: 400; line-height: 168%; }
@media (min-width: 768px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1270px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 768px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .index_oneAppSubtitle__XjQAR { text-align: left; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_oneAppSubtitle__XjQAR { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
.index_oneAppImageWrapper__F2awp { align-items: center; display: flex; justify-content: center; position: relative; width: 80%; }
@media (min-width: 768px) {
  .index_oneAppImageWrapper__F2awp { height: 636px; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_oneAppImageWrapper__F2awp { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 75%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_oneAppImageWrapper__F2awp { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 75%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_oneAppImageWrapper__F2awp { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 75%; }
}
@media (min-width: 1024px) {
  .index_oneAppImageWrapper__F2awp { height: 544px; margin-left: 25%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_oneAppImageWrapper__F2awp { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_oneAppImageWrapper__F2awp { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_oneAppImageWrapper__F2awp { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_oneAppImageWrapper__F2awp { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_oneAppImageWrapper__F2awp { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_oneAppImageWrapper__F2awp { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1270px) {
  .index_oneAppImageWrapper__F2awp { height: 721px; }
}
.index_oneAppMobileBanner__IShn- { margin: auto; }
@media (min-width: 768px) {
  .index_oneAppMobileBanner__IShn- { width: 523px; }
}
@media (min-width: 1024px) {
  .index_oneAppMobileBanner__IShn- { width: 376px; }
}
@media (min-width: 1270px) {
  .index_oneAppMobileBanner__IShn- { width: 500px; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 91.6667%; }
}
@media (min-width: 1024px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { margin-left: 25%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_powerfulPlatformContentWrapper__mM5e7 { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
.index_powerfulPlatformTitle__3Q07A { font-size: 32px; font-weight: 700; line-height: 132%; margin-bottom: 16px; text-align: center; }
@media (min-width: 768px) {
  .index_powerfulPlatformTitle__3Q07A { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_powerfulPlatformTitle__3Q07A { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_powerfulPlatformTitle__3Q07A { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_powerfulPlatformTitle__3Q07A { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .index_powerfulPlatformTitle__3Q07A { padding: 0px; text-align: left; }
}
@media (min-width: 1270px) {
  .index_powerfulPlatformTitle__3Q07A { font-size: 44px; }
}
.index_powerfulPlatformSubtitle__5xbQb { color: var(--growth-okd-color-content-tertiary); font-size: 18px; font-weight: 400; line-height: 168%; text-align: center; }
@media (min-width: 768px) {
  .index_powerfulPlatformSubtitle__5xbQb { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_powerfulPlatformSubtitle__5xbQb { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_powerfulPlatformSubtitle__5xbQb { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_powerfulPlatformSubtitle__5xbQb { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .index_powerfulPlatformSubtitle__5xbQb { padding: 0px; text-align: left; }
}
.index_powerfulPlatformImageWrapper__xu8Dk { align-items: center; display: flex; justify-content: center; width: 100%; }
@media (min-width: 768px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { margin-top: 60px; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { margin-top: 0px; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_powerfulPlatformImageWrapper__xu8Dk { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
.index_powerfulPlatformMobileBanner__8QZhF { height: 322px; width: 480px; }
@media (min-width: 1024px) {
  .index_powerfulPlatformMobileBanner__8QZhF { height: 252px; width: 376px; }
}
@media (min-width: 1270px) {
  .index_powerfulPlatformMobileBanner__8QZhF { height: 322px; width: 495px; }
}
.index_downloadAppWrapper__Ol4FM { background-color: var(--growth-okd-color-background-surface-primary); display: flex; flex-direction: row; padding: 24px 0px; }
@media (min-width: 768px) {
  .index_downloadAppWrapper__Ol4FM { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .index_downloadAppWrapper__Ol4FM { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .index_downloadAppWrapper__Ol4FM { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
.index_downloadLeft__cz75h { align-items: center; display: flex; flex-direction: row; }
@media (min-width: 768px) {
  .index_downloadLeft__cz75h { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) {
  .index_downloadLeft__cz75h { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) {
  .index_downloadLeft__cz75h { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
.index_downloadRight__Zfaov { align-items: center; display: flex; flex-direction: row; justify-content: flex-end; }
@media (min-width: 768px) {
  .index_downloadRight__Zfaov { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) {
  .index_downloadRight__Zfaov { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) {
  .index_downloadRight__Zfaov { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
.index_downloadAppIcon__u800z { height: 52px; margin-right: 16px; width: 52px; }
.index_downloadAppTitleWrapper__NkDJz { display: flex; flex-direction: column; }
.index_downloadAppTitle__QEoax { color: var(--growth-okd-color-content-primary); font-size: 20px; font-weight: 500; line-height: 24px; }
.index_downloadAppSubtitle__AMZO\+ { color: var(--growth-okd-color-content-contrast); font-size: 16px; font-weight: 400; line-height: 20px; }
.index_downloadDesktopBtn__MzYEA { font-size: 14px; font-weight: 500; line-height: 16px; }
.index_downloadButtonGroupTop__QXTfM { height: 38px; }
.index_extensionPlaceholder__3ksuE { height: 257px; }
@media (min-width: 1270px) {
  .index_extensionPlaceholder__3ksuE { height: 291px; }
}
.index_downloadButtonGroupBottom__4njy1 { height: 52px; }
.index_smDownloadWrapper__lwbVq { background-color: var(--growth-okd-color-background-base-primary); bottom: 0px; display: flex; flex-direction: column; gap: 16px; padding: 16px 0px 20px; position: sticky; width: 100%; }
.index_downloadHelpContainer__nQ7dX { text-align: center; }
@media (min-width: 768px) {
  .index_downloadHelpContainer__nQ7dX { margin-top: 48px; }
}
@media (min-width: 1024px) {
  .index_downloadHelpContainer__nQ7dX { text-align: left; }
}
.index_boostImageWrapper__73uKq { align-items: center; display: flex; justify-content: center; position: relative; width: 80%; }
@media (min-width: 768px) {
  .index_boostImageWrapper__73uKq { padding-bottom: 80px; padding-top: 60px; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_boostImageWrapper__73uKq { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 75%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_boostImageWrapper__73uKq { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 75%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_boostImageWrapper__73uKq { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 75%; }
}
@media (min-width: 1024px) {
  .index_boostImageWrapper__73uKq { margin-left: 25%; padding-bottom: 80px; padding-top: 50px; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_boostImageWrapper__73uKq { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_boostImageWrapper__73uKq { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_boostImageWrapper__73uKq { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .index_boostImageWrapper__73uKq { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .index_boostImageWrapper__73uKq { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .index_boostImageWrapper__73uKq { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1270px) {
  .index_boostImageWrapper__73uKq { padding-bottom: 102px; padding-top: 77px; }
}
.index_pageContainer__VCzmQ { min-height: calc(-48px + 100vh); }
.index_flexCenter__4\+JZS { align-items: center; display: flex; justify-content: center; }
.growth-qrcode { background-color: rgb(255, 255, 255); border-radius: 8px; box-sizing: initial; display: inline-flex; position: relative; }
.growth-qrcode-mask { background-color: rgba(255, 255, 255, 0.9); border-radius: 8px; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.growth-qrcode-mask, .index_scanWrapper__mNqik { align-items: center; display: flex; justify-content: center; }
.index_scanWrapper__mNqik { background: var(--growth-okd-color-background-surface-primary); border-radius: 24px; flex-direction: column; padding: 24px 16px; }
.index_scanTitle__rTeta { color: var(--growth-okd-color-content-primary); font-size: 22px; font-weight: 500; line-height: 26px; }
.index_scanSubtitle__EMMxC { color: var(--growth-okd-color-content-tertiary); font-size: 14px; line-height: 16px; margin: 8px 0px 16px; }
.index_qrCodeWrapper__FupnJ { background: var(--growth-okd-color-background-base-primary); border-radius: 8px; height: fit-content; padding: 12px; width: fit-content; }
.index_scanOthers__F8C8T { color: var(--growth-okd-color-content-tertiary); font-size: 14px; line-height: 16px; margin: 16px 0px 8px; }
.index_download__cwnsr { display: flex; gap: 24px; padding: 8px; }
.index_downloadLink__k85UM { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.index_downloadIconWrapper__9enX4 { align-items: center; background: var(--growth-okd-color-background-surface-contrast); border-radius: 999px; display: flex; height: 48px; justify-content: center; width: 48px; }
i.index_downloadIcon__WslFY { color: var(--growth-okd-color-content-primary); font-size: 24px; }
.index_downloadText__DOByD { font-size: 12px; font-weight: 500; line-height: 16px; margin-top: 4px; }
.Banner_hero__3MSw7 { background-position: 50% center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; }
.Banner_heroOkg__Q3IL1 { padding-left: 8px; padding-right: 8px; position: relative; z-index: 1; }
@media (min-width: 768px) {
  .Banner_heroOkg__Q3IL1 { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .Banner_heroOkg__Q3IL1 { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .Banner_heroOkg__Q3IL1 { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
.Banner_heroInner__BhFhU { align-items: center; display: flex; flex-direction: column; gap: 48px; padding-bottom: 64px; padding-top: 64px; position: relative; }
@media (max-width: 767px) {
  .Banner_heroInner__BhFhU { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) {
  .Banner_heroInner__BhFhU { box-sizing: border-box; padding: 70px 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .Banner_heroInner__BhFhU { align-items: flex-start; flex-direction: row; gap: unset; justify-content: space-between; padding-bottom: 80px; padding-top: 80px; }
}
@media (min-width: 1270px) {
  .Banner_heroInner__BhFhU { padding-bottom: 90px; padding-top: 90px; }
}
.Banner_heroContent__sKcQc { align-items: center; display: flex; flex-direction: column; max-width: 704px; text-align: center; }
@media (min-width: 768px) {
  .Banner_heroContent__sKcQc { align-items: flex-start; flex: 1 1 0%; text-align: left; }
}
.Banner_heroSubtitle__-SVFP { color: var(--growth-okd-color-content-tertiary); font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 24px; }
.Banner_heroTitle__vxwfi { color: var(--growth-okd-color-content-primary); font-size: 36px; font-weight: 500; line-height: 42px; margin: 0px; white-space: pre-line; }
@media (min-width: 768px) {
  .Banner_heroTitle__vxwfi { font-size: 72px; line-height: normal; }
}
.Banner_heroTitle__vxwfi mark { background: unset; color: var(--growth-okd-color-content-static-feature); }
.Banner_heroDescription__xE4Sg { color: var(--growth-okd-color-content-tertiary); font-size: 18px; font-weight: 400; line-height: 28px; margin-top: 16px; }
@media (min-width: 768px) {
  .Banner_heroDescription__xE4Sg { margin-top: 24px; }
}
.Banner_downloadButtons__WPDLZ { display: flex; flex-direction: column; gap: 12px; margin-top: 32px; width: 100%; }
@media (min-width: 768px) {
  .Banner_downloadButtons__WPDLZ { margin-top: 24px; }
}
@media (min-width: 1024px) {
  .Banner_downloadButtons__WPDLZ { flex-direction: row; width: auto; }
}
.Banner_downloadBtnIcon__TxaS0 { margin-right: 8px; }
.Banner_trustBanner__rLtHE { align-items: center; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 8px; box-sizing: border-box; color: inherit; cursor: pointer; display: flex; gap: 24px; margin-top: 32px; min-width: 100%; padding: 16px; text-decoration: none; width: 100%; }
@media (min-width: 768px) {
  .Banner_trustBanner__rLtHE { gap: 8px; margin-top: 24px; width: auto; }
}
@media (min-width: 1024px) {
  .Banner_trustBanner__rLtHE { min-width: 616px; }
}
@media (min-width: 1270px) {
  .Banner_trustBanner__rLtHE { min-width: 704px; }
}
.Banner_trustContent__vAwWY { display: grid; flex: 1 1 0%; gap: 12px; grid-template-columns: repeat(2, 1fr); min-width: 0px; }
@media (min-width: 768px) {
  .Banner_trustContent__vAwWY { align-items: center; display: flex; gap: 0px; justify-content: space-between; }
}
.Banner_trustHeader__9oVx1 { align-items: center; display: flex; gap: 8px; grid-column: span 2; }
.Banner_iconWrapper__xH-Rx { padding: 3px; }
@media (min-width: 768px) {
  .Banner_iconWrapper__xH-Rx { padding: 4.5px; }
}
.Banner_trustIcon__8pCpc { flex-shrink: 0; height: 10px; width: 10px; }
@media (min-width: 768px) {
  .Banner_trustIcon__8pCpc { height: 15px; width: 15px; }
}
.Banner_trustBannerLabel__0VMmQ { color: var(--growth-okd-color-content-tertiary); font-size: 14px; font-weight: 400; line-height: 16px; white-space: nowrap; }
@media (min-width: 768px) {
  .Banner_trustBannerLabel__0VMmQ { font-size: 18px; line-height: 28px; }
}
.Banner_trustStat__FB9Ty { display: flex; flex-direction: column; text-align: left; }
.Banner_trustStatValue__ksq9R { color: var(--growth-okd-color-content-primary); font-size: 18px; font-weight: 500; line-height: 24px; }
.Banner_trustStatLabel__BVdjA { color: var(--growth-okd-color-content-tertiary); font-size: 14px; font-weight: 400; line-height: 16px; }
.Banner_trustChevron__cO5WB { color: var(--growth-okd-color-content-tertiary); flex-shrink: 0; }
.Banner_stickyDownloadBar__xhWlY { background-color: var(--growth-okd-color-background-base-primary); bottom: 0px; display: flex; justify-content: center; left: 0px; opacity: 0; padding: 16px; pointer-events: none; position: fixed; right: 0px; transition: opacity 0.3s, visibility 0.3s; visibility: hidden; z-index: 100; }
@media (min-width: 768px) {
  .Banner_stickyDownloadBar__xhWlY { display: none; }
}
.Banner_stickyDownloadBarVisible__efQjT { opacity: 1; pointer-events: auto; visibility: visible; }
.Banner_qrCard__uBRvb { display: none; }
@media (min-width: 1024px) {
  .Banner_qrCard__uBRvb { display: flex; flex-shrink: 0; padding: 24px 16px; width: 264px; }
}
@media (min-width: 1270px) {
  .Banner_qrCard__uBRvb { width: 360px; }
}
.UJFAQ_faqQuestion__o1d\+v { font-size: 18px; font-weight: 500; line-height: 24px; }
.UJFAQ_faqAnswer__HwiGC { color: var(--growth-okd-color-content-contrast); font-size: 14px; line-height: 22px; }
@media (min-width: 1024px) {
  .UJFAQ_faqQuestion__o1d\+v { font-size: 22px; line-height: 26px; }
  .UJFAQ_faqAnswer__HwiGC { display: flex; flex-direction: column; font-size: 18px; gap: 16px; line-height: 28px; }
}
.FAQ_okg__2LqRw { padding: 48px 8px; }
@media (min-width: 768px) {
  .FAQ_okg__2LqRw { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .FAQ_okg__2LqRw { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .FAQ_okg__2LqRw { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
@media (min-width: 768px) {
  .FAQ_okg__2LqRw { padding-bottom: 64px; padding-top: 64px; }
}
@media (min-width: 1024px) {
  .FAQ_okg__2LqRw { padding-bottom: 128px; padding-top: 64px; }
}
.FAQ_inner__V7goJ { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .FAQ_inner__V7goJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .FAQ_inner__V7goJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .FAQ_inner__V7goJ { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.FAQ_title__uLeJY { color: var(--growth-okd-color-content-primary); font-size: 24px; font-weight: 500; line-height: 28px; margin: 0px 0px 16px; text-align: center; }
@media (min-width: 768px) {
  .FAQ_title__uLeJY { font-size: 48px; line-height: 58px; margin-bottom: 72px; padding-right: 0px; }
}
.SellingPoints_okgTop__tuT4E { padding-left: 8px; padding-right: 8px; padding-top: 48px; }
@media (min-width: 768px) {
  .SellingPoints_okgTop__tuT4E { padding-left: 12px; padding-right: 12px; padding-top: 64px; }
}
@media (min-width: 1024px) {
  .SellingPoints_okgTop__tuT4E { padding-top: 128px; }
}
.SellingPoints_okgBottom__nLnXD { padding-bottom: 48px; padding-left: 8px; padding-right: 8px; }
@media (min-width: 768px) {
  .SellingPoints_okgBottom__nLnXD { padding-bottom: 64px; padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 767px) {
  .SellingPoints_inner__2yS9m { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (min-width: 768px) {
  .SellingPoints_inner__2yS9m { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.SellingPoints_title__IyRkv { color: var(--growth-okd-color-content-primary); font-size: 24px; font-weight: 500; line-height: 28px; margin: 0px 0px 16px; text-align: center; }
@media (min-width: 768px) {
  .SellingPoints_title__IyRkv { font-size: 48px; line-height: 58px; margin-bottom: 72px; }
}
.SellingPoints_scrollContainer__YGm3\+ { width: 100%; }
@media (min-width: 768px) {
  .SellingPoints_scrollContainer__YGm3\+ { overflow: auto hidden; scrollbar-width: none; }
  .SellingPoints_scrollContainer__YGm3\+::-webkit-scrollbar { display: none; }
}
.SellingPoints_cards__nBTM\+ { display: flex; flex-direction: column; gap: 24px; }
@media (min-width: 768px) {
  .SellingPoints_cards__nBTM\+ { flex-flow: row; gap: 24px; margin-left: auto; margin-right: auto; width: max-content; }
}
.SellingPoints_card__sMiOz { background-color: var(--growth-okd-color-background-surface-primary); border-radius: 24px; display: flex; flex-direction: column; overflow: hidden; width: 100%; }
@media (min-width: 768px) {
  .SellingPoints_card__sMiOz { flex-shrink: 0; width: 496px; }
}
.SellingPoints_cardContent__O4tOg { padding: 24px; }
@media (min-width: 768px) {
  .SellingPoints_cardContent__O4tOg { padding: 48px; }
}
.SellingPoints_cardEyebrow__fVPUP { color: var(--growth-okd-color-content-tertiary); font-size: 12px; font-weight: 500; letter-spacing: 0.5px; line-height: 16px; margin-bottom: 12px; text-transform: uppercase; }
@media (min-width: 768px) {
  .SellingPoints_cardEyebrow__fVPUP { font-size: 14px; line-height: 22px; }
}
.SellingPoints_cardTitle__s9IyM { color: var(--growth-okd-color-content-primary); font-size: 16px; line-height: 24px; margin: 0px 0px 12px; }
@media (min-width: 768px) {
  .SellingPoints_cardTitle__s9IyM { font-size: 22px; line-height: 26px; }
}
.SellingPoints_cardTitle__s9IyM mark { background: unset; color: var(--growth-okd-color-content-static-feature); }
.SellingPoints_cardDescription__ULvdS { color: var(--growth-okd-color-content-tertiary); font-size: 14px; font-weight: 400; line-height: 22px; }
.SellingPoints_cardImageWrapper__J\+td4 { display: flex; justify-content: center; padding: 0px 24px 24px; }
@media (min-width: 768px) {
  .SellingPoints_cardImageWrapper__J\+td4 { padding: 0px 48px 48px; }
}
.SellingPoints_cardImage__bKSxA { height: 280px; width: auto; }
@media (min-width: 768px) {
  .SellingPoints_cardImage__bKSxA { height: 500px; }
}
.index_page__6P7mz { background-color: var(--growth-okd-color-background-base-primary); color: var(--growth-okd-color-content-primary); display: flex; flex-direction: column; min-height: 100vh; }
.growth-popover .growth-popup-layer-content { padding: 0px; }
.growth-popover .growth-popup-layer-arrow-inner { background-color: var(--okd-popover-layer-background); border-color: var(--okd-popover-layer-border-color); }
.growth-popover-arrow-special .growth-popup-layer-arrow[change-color] .growth-popup-layer-arrow-inner { background-color: var(--okd-popover-title-background); }
.growth-popover-arrow-special[data-popper-placement*="bottom"] .growth-popup-layer-arrow-inner { background-color: var(--okd-popover-title-background) !important; }
.growth-popover-content { background-color: var(--okd-popover-layer-background); border: 1px solid var(--okd-popover-layer-border-color); border-radius: 4px; box-shadow: var(--okd-popover-common-layer-shadow); max-width: var(--okd-popover-common-layer-width); }
.growth-popover-content-title { background-color: var(--okd-popover-title-background); border-top-left-radius: 4px; border-top-right-radius: 4px; color: var(--okd-popover-title-color); font-weight: 500; line-height: 20px; padding: 8px 12px; position: relative; }
.growth-popover-content-desc { background-color: var(--okd-popover-desc-background); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: var(--okd-popover-desc-color); overflow: hidden; padding: var(--okd-popover-common-padding); }
.growth-popover-content-desc .growth-popover-content-desc-link { color: var(--okd-popover-link-color); cursor: pointer; font-weight: 500; padding-left: 4px; text-decoration: underline; }
.growth-popover-content-desc-button { color: var(--okd-popover-action-color); cursor: pointer; float: right; font-weight: 500; margin-top: 20px; overflow: hidden; padding: 0px 10px; text-align: right; }
.growth-popover-content-desc-radius { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.growth-popover-md .growth-popover-content { font-size: var(--okd-popover-md-font-size); line-height: var(--okd-popover-md-line-height); }
.growth-popover-md .growth-popover-content-title { font-size: var(--okd-popover-md-title-font-size); }
.growth-popover-sm .growth-popover-content { font-size: var(--okd-popover-sm-font-size); line-height: var(--okd-popover-sm-line-height); }
.growth-popover-sm .growth-popover-content-title { font-size: var(--okd-popover-sm-title-font-size); }
.AppDownloadPopover_popoverDownloadContent__xYUNn { max-width: unset; }
.AppDownloadPopover_popoverDownloadDesc__klFe0 { background-color: var(--growth-okd-color-container-primary); padding: 16px; }
.AppDownloadPopover_popoverDownloadApp__hdF\+N { display: flex; flex-direction: row; gap: 8px; }
.AppDownloadPopover_optionTitle__7e6Q2 { font-size: 12px; line-height: 16px; margin-bottom: 8px; }
.AppDownloadPopover_mobileOptionContainer__74WpJ, .AppDownloadPopover_optionContainer__1IlTV { align-items: center; display: flex; flex-direction: column; gap: 8px; }
.AppDownloadPopover_mobileOptionContainer__74WpJ { background-color: var(--growth-okd-color-background-surface-primary); border-radius: 8px; padding: 12px 16px; width: 162px; }
.AppDownloadPopover_downloadButton__lMdzq { align-items: center; display: flex; justify-content: center; width: 162px; }
.AppDownloadPopover_btnContent__k5s1e { font-size: 12px; font-weight: 500; line-height: 16px; }
.AppDownloadPopover_storeIcon__d1ycS { font-size: 16px; margin-right: 8px; }
.AppDownloadPopover_qrWrapper__5VfMr { background-color: rgb(255, 255, 255); padding: 4px; }
.theme-light .growth { --okd-popover-background: #fff; --okd-popover-link-color: var(--growth-okd-color-content-static-default); --okd-popover-action-color: var(--growth-okd-color-content-static-default); --okd-popover-title-color: var(--growth-okd-color-content-static-subtle); --okd-popover-title-line-height: 20px; --okd-popover-title-background: var(--growth-okd-color-surface-structural-layer-1); --okd-popover-desc-color: var(--growth-okd-color-content-static-default); --okd-popover-md-font-size: 14px; --okd-popover-md-title-font-size: 16px; --okd-popover-md-line-height: 20px; --okd-popover-sm-font-size: 12px; --okd-popover-sm-title-font-size: 14px; --okd-popover-sm-line-height: 16px; --okd-popover-common-padding: 12px; --okd-popover-common-layer-width: 280px; --okd-popover-common-layer-shadow: rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px; --okd-popover-desc-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-popover-layer-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-popover-layer-border-color: var(--growth-okd-color-border-static-subtle); }
.theme-dark .growth { --okd-popover-background: #909090; --okd-popover-link-color: var(--growth-okd-color-content-static-default); --okd-popover-action-color: var(--growth-okd-color-content-static-default); --okd-popover-title-color: var(--growth-okd-color-content-static-subtle); --okd-popover-title-line-height: 20px; --okd-popover-title-background: var(--growth-okd-color-surface-structural-layer-1); --okd-popover-desc-color: var(--growth-okd-color-content-static-default); --okd-popover-md-font-size: 14px; --okd-popover-md-title-font-size: 16px; --okd-popover-md-line-height: 20px; --okd-popover-sm-font-size: 12px; --okd-popover-sm-title-font-size: 14px; --okd-popover-sm-line-height: 16px; --okd-popover-common-padding: 12px; --okd-popover-common-layer-width: 280px; --okd-popover-common-layer-shadow: rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px; --okd-popover-desc-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-popover-layer-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-popover-layer-border-color: var(--growth-okd-color-border-static-subtle); }
.theme-okx-money-light .growth { --okd-popover-background: #fff; --okd-popover-link-color: var(--growth-okd-color-content-static-default); --okd-popover-action-color: var(--growth-okd-color-content-static-default); --okd-popover-title-color: var(--growth-okd-color-content-static-subtle); --okd-popover-title-line-height: 20px; --okd-popover-title-background: var(--growth-okd-color-surface-structural-layer-1); --okd-popover-desc-color: var(--growth-okd-color-content-static-default); --okd-popover-md-font-size: 14px; --okd-popover-md-title-font-size: 16px; --okd-popover-md-line-height: 20px; --okd-popover-sm-font-size: 12px; --okd-popover-sm-title-font-size: 14px; --okd-popover-sm-line-height: 16px; --okd-popover-common-padding: 12px; --okd-popover-common-layer-width: 280px; --okd-popover-common-layer-shadow: rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px; --okd-popover-desc-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-popover-layer-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-popover-layer-border-color: var(--growth-okd-color-border-static-subtle); }
.theme-okx-money-dark .growth { --okd-popover-background: #909090; --okd-popover-link-color: var(--growth-okd-color-content-static-default); --okd-popover-action-color: var(--growth-okd-color-content-static-default); --okd-popover-title-color: var(--growth-okd-color-content-static-subtle); --okd-popover-title-line-height: 20px; --okd-popover-title-background: var(--growth-okd-color-surface-structural-layer-1); --okd-popover-desc-color: var(--growth-okd-color-content-static-default); --okd-popover-md-font-size: 14px; --okd-popover-md-title-font-size: 16px; --okd-popover-md-line-height: 20px; --okd-popover-sm-font-size: 12px; --okd-popover-sm-title-font-size: 14px; --okd-popover-sm-line-height: 16px; --okd-popover-common-padding: 12px; --okd-popover-common-layer-width: 280px; --okd-popover-common-layer-shadow: rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px; --okd-popover-desc-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-popover-layer-background: var(--growth-okd-color-surface-structural-elevated-default); --okd-popover-layer-border-color: var(--growth-okd-color-border-static-subtle); }
.theme-dark .growth, .theme-light .growth, .theme-okx-money-dark .growth, .theme-okx-money-light .growth { --okd-popup-white-board-background: var(--growth-okd-color-surface-structural-elevated-contrast); --okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px; }
.growth-popup { display: inline-flex; position: relative; width: fit-content; }
.growth-popup-layer { display: none; opacity: 0; outline: none; position: absolute; transition: opacity 0.3s; }
.growth-popup-layer-visible { display: block; opacity: 1; }
.growth-popup-layer-arrow-inner { border: 1px solid transparent; border-radius: 2px; box-sizing: border-box; display: block; height: 100%; transform: rotate(45deg); transform-origin: center center; width: 100%; }
.growth-popup-layer.growth-popup-overflow[data-popper-reference-hidden] { pointer-events: none; visibility: hidden; }
.growth-popup-white-board .growth-popup-layer-arrow-inner, .growth-popup-white-board-content { background-color: var(--okd-popup-white-board-background); border: 1px solid rgba(0, 0, 0, 0.05); }
.growth-popup-white-board-content { border-radius: 4px; box-shadow: var(--okd-popup-white-board-shadow); }
.growth-popup-placement-lg-top { padding-bottom: 9px; }
.growth-popup-placement-lg-bottom { padding-top: 9px; }
.growth-popup-placement-lg-left { padding-right: 9px; }
.growth-popup-placement-lg-right { padding-left: 9px; }
.growth-popup-arrow-lg .growth-popup-layer-arrow { height: 14px; width: 14px; }
.growth-popup-arrow-lg[data-popper-placement*="top"] { padding: 0px 0px 9px; }
.growth-popup-arrow-lg[data-popper-placement*="bottom"] { padding: 9px 0px 0px; }
.growth-popup-arrow-lg[data-popper-placement*="left"] { padding: 0px 9px 0px 0px; }
.growth-popup-arrow-lg[data-popper-placement*="right"] { padding: 0px 0px 0px 9px; }
.growth-popup-arrow-lg[data-popper-placement*="top"] .growth-popup-layer-arrow { margin-top: -17px; top: 100%; }
.growth-popup-arrow-lg[data-popper-placement*="top"] .growth-popup-layer-arrow-inner { border-left-color: transparent !important; border-top-color: transparent !important; }
.growth-popup-arrow-lg[data-popper-placement*="right"] .growth-popup-layer-arrow { margin-right: -17px; right: 100%; }
.growth-popup-arrow-lg[data-popper-placement*="right"] .growth-popup-layer-arrow-inner { border-right-color: transparent !important; border-top-color: transparent !important; }
.growth-popup-arrow-lg[data-popper-placement*="bottom"] .growth-popup-layer-arrow { bottom: 100%; margin-bottom: -17px; }
.growth-popup-arrow-lg[data-popper-placement*="bottom"] .growth-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-right-color: transparent !important; }
.growth-popup-arrow-lg[data-popper-placement*="left"] .growth-popup-layer-arrow { left: 100%; margin-left: -17px; }
.growth-popup-arrow-lg[data-popper-placement*="left"] .growth-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-left-color: transparent !important; }
.growth-popup-placement-md-top { padding-bottom: 7px; }
.growth-popup-placement-md-bottom { padding-top: 7px; }
.growth-popup-placement-md-left { padding-right: 7px; }
.growth-popup-placement-md-right { padding-left: 7px; }
.growth-popup-arrow-md .growth-popup-layer-arrow { height: 10px; width: 10px; }
.growth-popup-arrow-md[data-popper-placement*="top"] { padding: 0px 0px 7px; }
.growth-popup-arrow-md[data-popper-placement*="bottom"] { padding: 7px 0px 0px; }
.growth-popup-arrow-md[data-popper-placement*="left"] { padding: 0px 7px 0px 0px; }
.growth-popup-arrow-md[data-popper-placement*="right"] { padding: 0px 0px 0px 7px; }
.growth-popup-arrow-md[data-popper-placement*="top"] .growth-popup-layer-arrow { margin-top: -13px; top: 100%; }
.growth-popup-arrow-md[data-popper-placement*="top"] .growth-popup-layer-arrow-inner { border-left-color: transparent !important; border-top-color: transparent !important; }
.growth-popup-arrow-md[data-popper-placement*="right"] .growth-popup-layer-arrow { margin-right: -13px; right: 100%; }
.growth-popup-arrow-md[data-popper-placement*="right"] .growth-popup-layer-arrow-inner { border-right-color: transparent !important; border-top-color: transparent !important; }
.growth-popup-arrow-md[data-popper-placement*="bottom"] .growth-popup-layer-arrow { bottom: 100%; margin-bottom: -13px; }
.growth-popup-arrow-md[data-popper-placement*="bottom"] .growth-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-right-color: transparent !important; }
.growth-popup-arrow-md[data-popper-placement*="left"] .growth-popup-layer-arrow { left: 100%; margin-left: -13px; }
.growth-popup-arrow-md[data-popper-placement*="left"] .growth-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-left-color: transparent !important; }
.index_popoverDownloadDesc__86yff { background-color: var(--growth-okd-color-container-primary); padding: 16px; }
.index_optionContainer__lA6kq { align-items: center; display: flex; flex-direction: column; gap: 8px; }
.index_downloadButton__eMdpY { align-items: center; display: flex; justify-content: center; width: 162px; }
.index_btnContent__lyDz6 { font-size: 12px; font-weight: 500; line-height: 16px; }
.index_storeIcon__4S1Av { font-size: 16px; margin-right: 8px; }
.theme-light { --oxnv-okd-input-default-text-color: var(--oxnv-okd-color-content-interactive-active); --oxnv-okd-input-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder); --oxnv-okd-input-default-border-color: hsla(0,0%,91%,0); --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-interactive-active); --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-interactive-active); --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-interactive-active); --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-interactive-subtle); --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-interactive-active); --oxnv-okd-input-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder); --oxnv-okd-input-default-border-color: rgba(44,44,44,0); --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-interactive-active); --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-interactive-active); --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-interactive-active); --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-interactive-subtle); --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 0.3s, box-shadow 0.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:-webkit-autofill { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: 0 0 0 30px var(--oxnv-okd-input-reversed-default-background) inset; -webkit-text-fill-color: var(--oxnv-okd-input-reversed-default-text-color) !important; }
.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.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.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-input:-webkit-autofill { -webkit-text-fill-color: var(--oxnv-okd-input-reversed-disabled-text-color) !important; 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-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.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.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.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.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-number-suffix { border-left: 1px solid var(--oxnv-okd-input-reversed-default-border-color); }
.oxnv-input-reversed .oxnv-input-number-suffix-part { background: var(--oxnv-okd-input-number-reversed-default-add-icon-background); }
.oxnv-input-reversed .oxnv-input-number-suffix-part .icon { color: var(--oxnv-okd-input-number-reversed-default-add-icon-color); }
.oxnv-input-reversed .oxnv-input-number-suffix-part .hover, .oxnv-input-reversed .oxnv-input-number-suffix-part:hover { background: var(--oxnv-okd-input-number-reversed-hover-add-icon-background); }
.oxnv-input-reversed .oxnv-input-number-suffix-part .hover .icon, .oxnv-input-reversed .oxnv-input-number-suffix-part:hover .icon { color: var(--oxnv-okd-input-number-reversed-hover-add-icon-color); }
.oxnv-input-reversed .oxnv-input-number-suffix-part .active, .oxnv-input-reversed .oxnv-input-number-suffix-part:active { background: var(--oxnv-okd-input-number-reversed-active-add-icon-background); }
.oxnv-input-reversed .oxnv-input-number-suffix-part .active .icon, .oxnv-input-reversed .oxnv-input-number-suffix-part:active .icon { color: var(--oxnv-okd-input-number-reversed-active-add-icon-color); }
.oxnv-input-reversed .oxnv-input-number-suffix-part .disabled, .oxnv-input-reversed .oxnv-input-number-suffix-part-disabled { background: var(--oxnv-okd-input-number-reversed-disabled-add-icon-background); }
.oxnv-input-reversed .oxnv-input-number-suffix-part .disabled .icon, .oxnv-input-reversed .oxnv-input-number-suffix-part .disabled:hover .icon, .oxnv-input-reversed .oxnv-input-number-suffix-part-disabled .icon, .oxnv-input-reversed .oxnv-input-number-suffix-part-disabled:hover .icon { color: var(--oxnv-okd-input-number-reversed-disabled-add-icon-color); }
.oxnv-input-reversed .oxnv-input-number-suffix-line { background: var(--oxnv-okd-input-reversed-default-border-color); }
.oxnv-btn .btn-content { align-items: center; display: flex; }
.oxnv-btn .btn-icon { align-items: center; display: inline-flex; justify-content: center; line-height: 1; }
.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-outline-primary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-primary-loader-mark-color); }
.oxnv-btn { -webkit-tap-highlight-color: transparent; align-items: center; 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; user-select: none; }
.oxnv-btn:focus-visible { outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.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 { background: var(--oxnv-okd-button-outline-primary-loading-background,var(--oxnv-okd-button-outline-primary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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-xxs { border-radius: var(--oxnv-okd-button-xxs-border-radius); 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: var(--oxnv-okd-button-rect-xxs-border-radius,4px); }
.oxnv-btn.btn-xs { border-radius: var(--oxnv-okd-button-xs-border-radius); 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: var(--oxnv-okd-button-rect-xs-border-radius,4px); }
.oxnv-btn.btn-s { border-radius: var(--oxnv-okd-button-s-border-radius); 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: var(--oxnv-okd-button-rect-s-border-radius,4px); }
.oxnv-btn.btn-sm { border-radius: var(--oxnv-okd-button-sm-border-radius); 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: var(--oxnv-okd-button-rect-sm-border-radius,4px); }
.oxnv-btn.btn-md { border-radius: var(--oxnv-okd-button-md-border-radius); 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: var(--oxnv-okd-button-rect-md-border-radius,4px); }
.oxnv-btn.btn-lg { border-radius: var(--oxnv-okd-button-lg-border-radius); 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: var(--oxnv-okd-button-rect-lg-border-radius,8px); }
.oxnv-btn.btn-xl { border-radius: var(--oxnv-okd-button-xl-border-radius); 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: 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-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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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 { appearance: none; }
.oxnv-input { align-items: flex-start; display: flex; flex-direction: column; position: relative; }
.oxnv-input input[type="search"]::-webkit-search-cancel-button { appearance: 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-width: medium; border-style: none; border-color: currentcolor; border-image: 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:-webkit-autofill { background-clip: text; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; -webkit-text-fill-color: var(--oxnv-okd-input-default-text-color) !important; }
.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 { inset: 50% 0px 0px; color: var(--oxnv-okd-input-default-placeholder-color); pointer-events: none; position: absolute; 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.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.readonly .oxnv-input-box { 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-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-readonly-text-color,var(--oxnv-okd-input-default-text-color)); caret-color: var(--oxnv-okd-input-readonly-caret-color,var(--oxnv-okd-input-default-caret-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-readonly-placeholder-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-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; 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-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: 0px; width: 0px; }
.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 0.3s, box-shadow 0.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 var(--oxnv-okd-input-xl-padding-horizontal,8px); }
.oxnv-input-xl > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-xl-height); }
.oxnv-input-xl > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-xl > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-xl > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-xl > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-lg-padding-horizontal,8px); }
.oxnv-input-lg > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-lg-height); }
.oxnv-input-lg > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-lg > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-lg > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-lg > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-xs-padding-horizontal,8px); }
.oxnv-input-xs > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-xs-height); }
.oxnv-input-xs > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-xs > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-xs > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-xs > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-sm-padding-horizontal,8px); }
.oxnv-input-sm > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-sm-height); }
.oxnv-input-sm > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-sm > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-sm > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-sm > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-md-padding-horizontal,8px); }
.oxnv-input-md > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-md-height); }
.oxnv-input-md > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-md > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-md > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-md > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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: 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: 0px; 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: 0px; }
.oxnv-input-lg .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-lg-icon-size); margin-left: 0px; 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: 0px; }
.oxnv-input-xs .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-xs-icon-size); margin-left: 0px; 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: 0px; }
.oxnv-input-sm .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-sm-icon-size); margin-left: 0px; 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: 0px; }
.oxnv-input-md .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-md-icon-size); margin-left: 0px; 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: 0px; }
.oxnv-input:hover .oxnv-input-number-suffix:not(.operation-always) { opacity: 1; }
.oxnv-input-number-inner { overflow: hidden; }
.oxnv-input-number-suffix { align-items: center; border-left: 1px solid var(--oxnv-okd-input-number-suffix-border-color,var(--oxnv-okd-input-default-border-color)); cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; line-height: 0; margin-left: 6px; overflow: hidden; text-align: center; transition: opacity 0.5s; width: 24px; }
.oxnv-input-number-suffix:not(.operation-always) { opacity: 0; }
.oxnv-input-number-suffix-part { align-items: center; background: var(--oxnv-okd-input-number-default-add-icon-background); box-sizing: border-box; display: flex; flex: 1 1 0%; justify-content: center; width: 100%; }
.oxnv-input-number-suffix-part .icon { color: var(--oxnv-okd-input-number-default-add-icon-color); font-size: 13px; }
.oxnv-input-number-suffix-part .hover, .oxnv-input-number-suffix-part:not(.oxnv-input-number-suffix-part-disabled):hover { background: var(--oxnv-okd-input-number-hover-add-icon-background); }
.oxnv-input-number-suffix-part .hover .icon, .oxnv-input-number-suffix-part:not(.oxnv-input-number-suffix-part-disabled):hover .icon { color: var(--oxnv-okd-input-number-hover-add-icon-color); }
.oxnv-input-number-suffix-part .active, .oxnv-input-number-suffix-part:not(.oxnv-input-number-suffix-part-disabled):active { background: var(--oxnv-okd-input-number-active-add-icon-background); }
.oxnv-input-number-suffix-part .active .icon, .oxnv-input-number-suffix-part:not(.oxnv-input-number-suffix-part-disabled):active .icon { color: var(--oxnv-okd-input-number-active-add-icon-color); }
.oxnv-input-number-suffix-part-disabled { cursor: not-allowed; }
.oxnv-input-number-suffix-line { background: var(--oxnv-okd-input-number-suffix-border-color,var(--oxnv-okd-input-default-border-color)); height: 1px; width: 100%; }
.oxnv-input-number-suffix .up { transform: rotate(180deg); }
.oxnv-input-number-localization { text-align: right; }
.oxnv-input-number-localization-percent { color: var(--oxnv-okd-input-default-text-color); display: inline-block; }
.oxnv-input-xl .oxnv-input-number-suffix.xl { border-bottom-right-radius: calc(var(--oxnv-okd-input-xl-border-radius) - 1px); border-top-right-radius: calc(var(--oxnv-okd-input-xl-border-radius) - 1px); }
.oxnv-input-lg .oxnv-input-number-suffix.lg { border-bottom-right-radius: calc(var(--oxnv-okd-input-lg-border-radius) - 1px); border-top-right-radius: calc(var(--oxnv-okd-input-lg-border-radius) - 1px); }
.oxnv-input-xs .oxnv-input-number-suffix.xs { border-bottom-right-radius: calc(var(--oxnv-okd-input-xs-border-radius) - 1px); border-top-right-radius: calc(var(--oxnv-okd-input-xs-border-radius) - 1px); }
.oxnv-input-sm .oxnv-input-number-suffix.sm { border-bottom-right-radius: calc(var(--oxnv-okd-input-sm-border-radius) - 1px); border-top-right-radius: calc(var(--oxnv-okd-input-sm-border-radius) - 1px); }
.oxnv-input-md .oxnv-input-number-suffix.md { border-bottom-right-radius: calc(var(--oxnv-okd-input-md-border-radius) - 1px); border-top-right-radius: calc(var(--oxnv-okd-input-md-border-radius) - 1px); }
.oxnv-input-suffix .suffix-icon + .oxnv-input-code-btn, .oxnv-input-suffix .suffix-icon + .oxnv-input-count-down { margin-left: var(--oxnv-okd-input-md-icon-margin); }
.oxnv-input-count-down { color: var(--oxnv-okd-input-code-common-count-color); }
.oxnv-input input::-webkit-inner-spin-button, .oxnv-input input::-webkit-outer-spin-button { margin: 0px; appearance: none !important; }
.oxnv-input input[type="number"] { }
.oxnv-input-xl .oxnv-input-count-down { font-size: var(--oxnv-okd-input-code-xl-count-font-size); line-height: var(--oxnv-okd-input-code-xl-count-line-height); }
.oxnv-input-lg .oxnv-input-count-down { font-size: var(--oxnv-okd-input-code-lg-count-font-size); line-height: var(--oxnv-okd-input-code-lg-count-line-height); }
.oxnv-input-xs .oxnv-input-count-down { font-size: var(--oxnv-okd-input-code-xs-count-font-size); line-height: var(--oxnv-okd-input-code-xs-count-line-height); }
.oxnv-input-sm .oxnv-input-count-down { font-size: var(--oxnv-okd-input-code-sm-count-font-size); line-height: var(--oxnv-okd-input-code-sm-count-line-height); }
.oxnv-input-md .oxnv-input-count-down { font-size: var(--oxnv-okd-input-code-md-count-font-size); line-height: var(--oxnv-okd-input-code-md-count-line-height); }
.oxnv-input-switch-icon.icon { cursor: pointer; }
.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.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.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.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.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-verify { display: flex; flex-direction: row; position: relative; }
.oxnv-input-verify * { box-sizing: border-box; }
.oxnv-input-verify .oxnv-input-verify-input:focus { border: 1px solid var(--oxnv-okd-input-focus-border-color); box-shadow: var(--oxnv-okd-input-focus-shadow); }
.oxnv-input-verify .oxnv-input-verify-input { 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); caret-color: var(--oxnv-okd-input-focus-caret-color); color: var(--oxnv-okd-input-default-text-color); display: flex; font-family: inherit; outline: none; text-align: center; transition: border-color 0.3s, box-shadow 0.3s; }
.oxnv-input-verify .oxnv-input-verify-input:-webkit-autofill { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: 0 0 0 30px var(--oxnv-okd-input-default-background) inset; -webkit-text-fill-color: var(--oxnv-okd-input-default-text-color) !important; }
.oxnv-input-verify .oxnv-input-verify-input.input-xl { border-radius: 6px; font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }
.oxnv-input-verify .oxnv-input-verify-input.input-xl.auto-size { height: fit-content; min-height: 44px; }
.oxnv-input-verify .oxnv-input-verify-input.input-xl:last-child { margin-right: unset; }
.oxnv-input-verify .oxnv-input-verify-input.input-lg { border-radius: 6px; font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }
.oxnv-input-verify .oxnv-input-verify-input.input-lg.auto-size { height: fit-content; min-height: 44px; }
.oxnv-input-verify .oxnv-input-verify-input.input-lg:last-child { margin-right: unset; }
.oxnv-input-verify .oxnv-input-verify-input.input-xs { border-radius: 6px; font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }
.oxnv-input-verify .oxnv-input-verify-input.input-xs.auto-size { height: fit-content; min-height: 44px; }
.oxnv-input-verify .oxnv-input-verify-input.input-xs:last-child { margin-right: unset; }
.oxnv-input-verify .oxnv-input-verify-input.input-sm { border-radius: 6px; font-size: 20px; height: 40px; margin-right: 10px; width: 40px; }
.oxnv-input-verify .oxnv-input-verify-input.input-sm.auto-size { height: fit-content; min-height: 40px; }
.oxnv-input-verify .oxnv-input-verify-input.input-sm:last-child { margin-right: unset; }
.oxnv-input-verify .oxnv-input-verify-input.input-md { border-radius: 6px; font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }
.oxnv-input-verify .oxnv-input-verify-input.input-md.auto-size { height: fit-content; min-height: 44px; }
.oxnv-input-verify .oxnv-input-verify-input.input-md:last-child { margin-right: unset; }
.oxnv-input-verify .oxnv-input-verify-input.error { border-color: var(--oxnv-okd-input-verify-error-border-color,var(--oxnv-okd-input-error-border-color)); }
.oxnv-input-verify .oxnv-input-verify-input.disabled { -webkit-text-fill-color: var(--oxnv-okd-input-disabled-text-color); 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); caret-color: var(--oxnv-okd-input-disabled-caret-color); color: var(--oxnv-okd-input-disabled-text-color); cursor: not-allowed; }
.oxnv-input-reversed.oxnv-input .oxnv-input-code-btn { color: var(--oxnv-okd-input-code-reversed-common-btn-color); }
.oxnv-input-reversed.oxnv-input .oxnv-input-code-btn.disabled { color: var(--oxnv-okd-input-code-reversed-common-btn-disabled-color); }
.oxnv-input-reversed.oxnv-input .oxnv-input-count-down { color: var(--oxnv-okd-input-code-reversed-common-count-color); }
@keyframes loadingLine { 
  100% { 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: 2s linear 0s infinite normal none running loadingLine; left: -25%; position: absolute; top: 0px; }
@keyframes okui-loader-rotation { 
  0% { transform: rotate(0deg); }
  100% { 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: 0px; position: absolute; top: 0px; 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: 1s linear 0s infinite normal none running okui-loader-rotation; 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-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-primary-active-color); }
.oxnv-loader-spin-neutral { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-neutral-active-color); }
.oxnv-loader-inner-circle { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; 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: 0px; }
.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%; }
.index_loading__Bu8Pq { left: 50%; position: absolute; top: 30%; transform: translateX(-50%); }
.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(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
.index_container__Ktx8l { background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0px 1px 2px; box-sizing: border-box; cursor: default; height: 540px; margin-top: 14px; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); width: 380px; z-index: 9999; }
.index_show__wezXq { opacity: 1; pointer-events: auto; }
.index_showInput__mv6Gc { padding-top: 12px; }
.oxnv-drawer { background: var(--oxnv-okd-drawer-content-bg); outline: none; padding: 0px 16px; width: 320px; z-index: 9600; }
.oxnv-drawer.no-padding { padding: 0px; }
.oxnv-drawer-mask { background: var(--oxnv-okd-drawer-mask-color); z-index: 9600; }
.oxnv-drawer-right { box-shadow: var(--oxnv-okd-drawer-mask-right-box-shadow,-6px 0 16px 0 rgba(0,0,0,.08),-3px 0 6px -4px rgba(0,0,0,.12),-9px 0 28px 8px rgba(0,0,0,.05)); }
.oxnv-drawer-left { box-shadow: var(--oxnv-okd-drawer-mask-left-box-shadow,6px 0 16px 0 rgba(0,0,0,.08),3px 0 6px -4px rgba(0,0,0,.12),9px 0 28px 8px rgba(0,0,0,.05)); }
.index_box__M-EqR.index_box__M-EqR { background-color: rgb(18, 18, 18); box-sizing: border-box; max-height: 100%; padding: 16px 0px 0px; }
.index_smBox__0905s.index_smBox__0905s.index_smBox__0905s { width: 100%; }
.theme-light { --oxnv-okd-drawer-content-bg: var(--oxnv-okd-color-surface-structural-elevated-default); --oxnv-okd-drawer-mask-color: var(--oxnv-okd-color-surface-structural-overlay); --oxnv-okd-drawer-mask-left-box-shadow: 0px 1px 2px 0px #1f29330d,0px 12px 60px 0px #1f293326; --oxnv-okd-drawer-mask-right-box-shadow: 0px 1px 2px 0px #1f29330d,0px 12px 60px 0px #1f293326; }
.theme-dark { --oxnv-okd-drawer-content-bg: var(--oxnv-okd-color-surface-structural-elevated-default); --oxnv-okd-drawer-mask-color: var(--oxnv-okd-color-surface-structural-overlay); --oxnv-okd-drawer-mask-left-box-shadow: 0px 0px 4px 0px #0a0f1733,0px 0px 20px 0px #0a0f17; --oxnv-okd-drawer-mask-right-box-shadow: 0px 0px 4px 0px #0a0f1733,0px 0px 20px 0px #0a0f17; }
.oxnv-mask { background: var(--oxnv-okd-dialog-window-mask-color,rgba(0,0,0,.65)); inset: 0px; position: fixed; }
.oxnv-transition-fade { transition: opacity 0.3s linear; }
.oxnv-transition-fade-active { will-change: opacity; }
.oxnv-transition-fade-ease-out { transition-timing-function: cubic-bezier(0.5, 0, 0.52, 1); }
.oxnv-transition-fade-entered, .oxnv-transition-fade-entering { opacity: 1; }
.oxnv-transition-fade-exited, .oxnv-transition-fade-exiting { opacity: 0; }
.oxnv-transition-slide { backface-visibility: hidden; perspective: 1000px; position: fixed; transform: translateY(100%); transform-style: preserve-3d; transition: transform 0.3s linear, opacity 0.3s linear; }
.oxnv-transition-slide-active { will-change: transform, opacity; }
.oxnv-transition-slide-cubic { transition-timing-function: ease; }
.oxnv-transition-slide-top { left: 0px; top: 0px; width: 100%; }
.oxnv-transition-slide-bottom { bottom: 0px; left: 0px; width: 100%; }
.oxnv-transition-slide-left { height: 100%; left: 0px; top: 0px; }
.oxnv-transition-slide-right { height: 100%; right: 0px; top: 0px; }
.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: 0.2s; }
}
.index_position__ppjs4 { left: 50%; transform: translateX(-50%); }
.index_icon__UVHQF.index_icon__UVHQF { color: rgb(250, 250, 250); cursor: pointer; font-size: 20px; margin-bottom: 14px; }
.index_icon__UVHQF.index_icon__UVHQF:focus-visible { border-radius: 4px; outline-color: var(--global-search-search-icon-a11y-color); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.index_input__6w8I6.index_input__6w8I6.index_input__6w8I6.index_input__6w8I6 { --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-input-default-text-color: var(--oxnv-okd-color-content-interactive-active); --oxnv-okd-input-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder); --oxnv-okd-input-default-border-color: rgba(44,44,44,0); --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-interactive-active); --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-interactive-active); --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-interactive-active); --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-interactive-subtle); --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; width: 210px; }
.index_inputCls__BEMBi { text-overflow: ellipsis; }
.oxnv-plain-button { color: inherit; cursor: pointer; font: inherit; text-align: unset; }
.oxnv-plain-button:focus-visible { border-radius: 4px; 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%; }
#risk-banner-root { background: rgb(255, 177, 23); width: 100%; }
.risk-banner-box { align-items: flex-start; background-color: rgb(255, 177, 23); box-sizing: border-box; display: flex; padding: 12px 24px; position: relative; width: 100%; z-index: 9499; }
.risk-banner-box::before { color: rgb(0, 0, 0); font-size: 16px; margin-right: 8px; vertical-align: middle; }
@media (min-width: 1024px) {
  .risk-banner-box::before { font-size: 18px; line-height: 28px; }
}
.risk-banner-box .risk-banner-tip { color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; vertical-align: middle; }
@media (min-width: 1024px) {
  .risk-banner-box .risk-banner-tip { font-size: 18px; line-height: 28px; }
}
.risk-banner-box .risk-banner-tip .risk-banner-info { color: rgb(0, 0, 0); margin-left: 4px; }
.risk-banner-box .risk-banner-trigger { color: rgb(0, 0, 0); cursor: pointer; font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; text-decoration: underline; text-indent: 2px; vertical-align: middle; }
@media (min-width: 1024px) {
  .risk-banner-box .risk-banner-trigger { font-size: 18px; font-weight: 700; line-height: 28px; }
}
.risk-banner-box .risk-banner-href { color: rgb(0, 0, 0); cursor: pointer; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-decoration: underline; vertical-align: initial; }
@media (min-width: 1024px) {
  .risk-banner-box .risk-banner-href { font-size: 18px; line-height: 28px; }
}
.header-container[data-transparent="true"] + #risk-banner-root { position: absolute; }
.header-container[data-transparent="true"] + #risk-banner-root .risk-banner-box { position: absolute; top: 48px; z-index: 9499; }
.theme-light { --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-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-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-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-btn { -webkit-tap-highlight-color: transparent; align-items: center; 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; user-select: none; }
.oxnv-btn:focus-visible { 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 { background: var(--oxnv-okd-button-fill-highlight-loading-background,var(--oxnv-okd-button-fill-highlight-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-primary-loading-background,var(--oxnv-okd-button-fill-primary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-secondary-loading-background,var(--oxnv-okd-button-fill-secondary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-tertiary-loading-background,var(--oxnv-okd-button-fill-tertiary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-quaternary-loading-background,var(--oxnv-okd-button-fill-quaternary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-red-loading-background,var(--oxnv-okd-button-fill-red-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-green-loading-background,var(--oxnv-okd-button-fill-green-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-fill-grey-loading-background,var(--oxnv-okd-button-fill-grey-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-highlight-loading-background,var(--oxnv-okd-button-outline-highlight-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-primary-loading-background,var(--oxnv-okd-button-outline-primary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-secondary-loading-background,var(--oxnv-okd-button-outline-secondary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-outline-tertiary-loading-background,var(--oxnv-okd-button-outline-tertiary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-primary-loading-background,var(--oxnv-okd-button-text-primary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-secondary-loading-background,var(--oxnv-okd-button-text-secondary-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-red-loading-background,var(--oxnv-okd-button-text-red-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-green-loading-background,var(--oxnv-okd-button-text-green-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-orange-loading-background,var(--oxnv-okd-button-text-orange-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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 { background: var(--oxnv-okd-button-text-yellow-loading-background,var(--oxnv-okd-button-text-yellow-default-background)); 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 0px; overflow: hidden; padding: 0px; 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: 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: var(--oxnv-okd-button-rect-xxs-border-radius,4px); }
.oxnv-btn.btn-xs { border-radius: var(--oxnv-okd-button-xs-border-radius); 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: var(--oxnv-okd-button-rect-xs-border-radius,4px); }
.oxnv-btn.btn-s { border-radius: var(--oxnv-okd-button-s-border-radius); 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: var(--oxnv-okd-button-rect-s-border-radius,4px); }
.oxnv-btn.btn-sm { border-radius: var(--oxnv-okd-button-sm-border-radius); 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: var(--oxnv-okd-button-rect-sm-border-radius,4px); }
.oxnv-btn.btn-md { border-radius: var(--oxnv-okd-button-md-border-radius); 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: var(--oxnv-okd-button-rect-md-border-radius,4px); }
.oxnv-btn.btn-lg { border-radius: var(--oxnv-okd-button-lg-border-radius); 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: var(--oxnv-okd-button-rect-lg-border-radius,8px); }
.oxnv-btn.btn-xl { border-radius: var(--oxnv-okd-button-xl-border-radius); 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: 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 .btn-icon { align-items: center; display: inline-flex; justify-content: center; line-height: 1; }
.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-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-highlight-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-primary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-primary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-secondary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-secondary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-tertiary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-tertiary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-quaternary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-quaternary-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-red-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-red-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-green-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-green-loader-mark-color); }
.oxnv-btn .oxnv-btn-fill-grey-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-fill-grey-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-highlight-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-highlight-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-primary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-primary-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-secondary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-secondary-loader-mark-color); }
.oxnv-btn .oxnv-btn-outline-tertiary-loader { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-button-outline-tertiary-loader-mark-color); }
.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-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; }
.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-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-powerLink { color: inherit; text-decoration: none; }
.oxnv-powerLink-a11y:focus-visible { border-radius: 2px; outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.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: 0px; position: fixed; top: 0px; }
.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% - 120px); outline: none; pointer-events: auto; width: calc(100% - 32px); }
.oxnv-dialog-window-border { 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: 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: var(--oxnv-okd-dialog-title-font-size,16px); 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: 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: 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: 0px; }
.oxnv-dialog-top-action-fixed .oxnv-dialog-b-btn, .oxnv-dialog-top-action-fixed .oxnv-dialog-c-btn { margin: 0px; }
.oxnv-dialog-top-l { align-self: flex-start; left: 0px; }
.oxnv-dialog-top-r { align-self: flex-start; right: 0px; }
.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: 0px; }
.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 0%; }
.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-dialog-title-icon-close-color,var(--oxnv-okd-color-gray-400)); }
.oxnv-dialog .oxnv-dialog-c-btn:hover { background-color: var(--oxnv-okd-dialog-title-icon-hover-background-color,var(--oxnv-okd-color-background-hover)); border-radius: var(--oxnv-okd-dialog-title-icon-hover-border-radius,4px); 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-dialog-title-icon-back-color,var(--oxnv-okd-color-gray-900)); }
.oxnv-dialog .oxnv-dialog-b-btn:hover { background-color: var(--oxnv-okd-dialog-title-icon-hover-background-color,var(--oxnv-okd-color-background-hover)); 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-height: 800px) {
  .oxnv-dialog-window { max-height: 680px; }
}
@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: 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: 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: 0px; }
  .oxnv-dialog-btn-box.layout-full .double-btn:first-child { margin-top: var(--oxnv-okd-dialog-footer-btn-full-sm-margin-top,8px); }
  .oxnv-dialog-window { 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: 0px; 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: 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: 0px; }
.oxnv-dialog-mobile-mode .oxnv-dialog-btn-box.layout-full .double-btn:first-child { margin-top: var(--oxnv-okd-dialog-footer-btn-full-sm-margin-top,8px); }
.oxnv-dialog-mobile-mode .oxnv-dialog-window { 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: 0px; 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: 0px; }
.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: 0px; }
.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-width: medium; border-top-style: none; border-top-color: currentcolor; }
@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-confirm-window-background,var(--oxnv-okd-dialog-window-background)); }
.oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-new-tip-top { 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: var(--oxnv-okd-dialog-confirm-container-color,#000); font-size: var(--oxnv-okd-dialog-confirm-container-font-size,14px); 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: var(--oxnv-okd-dialog-confirm-max-width,520px); 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: var(--oxnv-okd-dialog-confirm-container-padding-bottom,32px); padding-top: var(--oxnv-okd-dialog-confirm-container-padding-top,32px); }
  .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box { padding-bottom: var(--oxnv-okd-dialog-confirm-footer-padding-bottom,24px); 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: 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: 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: 0px; }
  .oxnv-dialog.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-radius: 0px; 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-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: 0px; }
  .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 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: 0px; }
}
.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: 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: 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: 0px; }
.oxnv-dialog-mobile-mode.oxnv-new-tip-dialog .oxnv-dialog-footer-box.oxnv-dialog-new-tip-footer .oxnv-dialog-tip-button { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-radius: 0px; 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-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: 0px; }
.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 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: 0px; }
.iconfont.oxnv-dialog-tip-icon { align-self: flex-start; font-size: var(--oxnv-okd-dialog-confirm-icon-font-size,22px); font-weight: 400; line-height: var(--oxnv-okd-dialog-confirm-icon-line-height,22px); 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-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: var(--oxnv-okd-dialog-title-font-size,16px); font-weight: var(--oxnv-okd-dialog-title-font-weight,700); line-height: var(--oxnv-okd-dialog-title-line-height); 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: var(--oxnv-okd-dialog-confirmation-padding-left,24px); padding-right: var(--oxnv-okd-dialog-confirmation-padding-right,24px); padding-top: 8px; }
.oxnv-dialog-confirmation-container-no-header { padding-top: var(--oxnv-okd-dialog-confirmation-container-padding-top,32px); }
.oxnv-dialog-confirmation-container-no-footer { padding-bottom: var(--oxnv-okd-dialog-confirmation-container-padding-bottom,32px); }
.oxnv-dialog-confirmation-footer { 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); }
.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-static-default); --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-static-default); --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-static-default); --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-static-default); --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-a11y-button:focus-visible { border-radius: 4px; 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; }
.nav-okds-link { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-link::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-mail { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-mail::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-computer-outline { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-computer-outline::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fire-flame_filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fire-flame_filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trash { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trash::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-locked { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-locked::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-unlocked { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-unlocked::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-verified-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-verified-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trending-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trending-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-toggle-units { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-toggle-units::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-calendar { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-calendar::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-p2p { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-p2p::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-express-buy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-express-buy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cash-fiat { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cash-fiat::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-chevron-down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-chevron-down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-chevron-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-chevron-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-xbtc { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-xbtc::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-selected { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-selected::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-unselected { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-unselected::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-checkmark { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-checkmark::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-refresh { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-refresh::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-draw { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-draw::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sun { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sun::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-moon { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-moon::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clear { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clear::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-thumb_up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-thumb_up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-thumb_down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-thumb_down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-zoom-out { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-zoom-out::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-zoom-in { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-zoom-in::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-information-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-information-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-warning-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-warning-circle-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-success-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-success-circle-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-information-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-information-circle-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fail-circle-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fail-circle-fill::before { content: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-user { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-user::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-plus-circle-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-plus-circle-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-intermediate { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-intermediate::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-hide { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-hide::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-show { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-show::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-copy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-copy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-history { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-history::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-back-to-top { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-back-to-top::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clock { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clock::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger-setting { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger-setting::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fees { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fees::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-open-link { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-open-link::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-setting { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-setting::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-crown { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-crown::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-share { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-share::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-support { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-support::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-analysis { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-analysis::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-academy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-academy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-action-reverse { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-action-reverse::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-aed { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-aed::before { content: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-bell { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-bell::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-authenticator { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-authenticator::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-borrow { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-borrow::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-brl { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-brl::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-brush { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-brush::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cancel-order { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cancel-order::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-candlestick { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-candlestick::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-carets-filled-down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-carets-filled-down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-chat-bubble { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-chat-bubble::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-carets-filled-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-carets-filled-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clear-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clear-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-assets { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-assets::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-bank { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-bank::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clock-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clock-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-clock-outline { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-clock-outline::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-close { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-close::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-call { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-call::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-idcard { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-idcard::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-img-failed { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-img-failed::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communications-faceid { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communications-faceid::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-show-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-show-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-communication-img { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-communication-img::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-convertokb { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-convertokb::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cursor-drag { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cursor-drag::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-data-line-chart { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-data-line-chart::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-deposit { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-deposit::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-cursor-zoom { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-cursor-zoom::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-download { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-download::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-exchange { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-exchange::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-developers { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-developers::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eur { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eur::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-edit { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-edit::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-expand { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-expand::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-eye-hide-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-eye-hide-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-fail-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-fail-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-filter { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-filter::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-finance-bank { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-finance-bank::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-finance-seagull { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-finance-seagull::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-finance-earn { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-finance-earn::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-futures { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-futures::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-funding-rates { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-funding-rates::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-gbp { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-gbp::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-guide { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-guide::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger-edit { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger-edit::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger-search { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger-search::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hamburger { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hamburger::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-hierachy { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-hierachy::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-id-card { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-id-card::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-img { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-img::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-insurance-fund { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-insurance-fund::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-language { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-language::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-margin { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-margin::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-logout { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-logout::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-minus { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-minus::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-more { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-more::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-network-fee-standard { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-network-fee-standard::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-option { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-option::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-orders { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-orders::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-pending-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-pending-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-pie-chart { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-pie-chart::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-place-order { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-place-order::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-play { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-play::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-plus-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-plus-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-plus { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-plus::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-profile { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-profile::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-qrcode { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-qrcode::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-question-mark-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-question-mark-circle::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-records { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-records::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-red-packe { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-red-packe::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-scan { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-scan::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-report-centre { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-report-centre::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-security-fill { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-security-fill::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-search { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-search::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-security { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-security::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-transfer { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-transfer::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-settlement-history { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-settlement-history::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trends { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trends::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sort-default { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sort-default::before { content: ""; 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: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-withdraw { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-withdraw::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sort-down { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sort-down::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-sort-up { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-sort-up::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-star-filled { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-star-filled::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-star { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-star::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-strong-alert { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-strong-alert::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-success-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-success-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-trade-1 { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-trade-1::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-transfer-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-transfer-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-unlink { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-unlink::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-usd { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-usd::before { content: ""; font-family: nav-ok-b983c4766d; }
.nav-okds-warning-circle { --ok-icon-font-family: "nav-ok-b983c4766d"; }
.nav-okds-warning-circle::before { content: ""; font-family: nav-ok-b983c4766d; }
.iconfont { -webkit-font-smoothing: antialiased; 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("./59b39c59ae05307a.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); }
.oxnv-mask { background: var(--oxnv-okd-dialog-window-mask-color,rgba(0,0,0,.65)); inset: 0px; position: fixed; }
.oxnv-transition-fade { transition: opacity 0.3s linear; }
.oxnv-transition-fade-active { will-change: opacity; }
.oxnv-transition-fade-ease-out { transition-timing-function: cubic-bezier(0.5, 0, 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-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(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
@keyframes loadingLine { 
  100% { 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: 2s linear 0s infinite normal none running loadingLine; left: -25%; position: absolute; top: 0px; }
@keyframes okui-loader-rotation { 
  0% { transform: rotate(0deg); }
  100% { 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: 0px; position: absolute; top: 0px; 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: 1s linear 0s infinite normal none running okui-loader-rotation; 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-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-primary-active-color); }
.oxnv-loader-spin-neutral { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-neutral-active-color); }
.oxnv-loader-inner-circle { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; 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: 0px; }
.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-transition-slide { backface-visibility: hidden; perspective: 1000px; position: fixed; transform: translateY(100%); transform-style: preserve-3d; transition: transform 0.3s linear, opacity 0.3s linear; }
.oxnv-transition-slide-active { will-change: transform, opacity; }
.oxnv-transition-slide-cubic { transition-timing-function: ease; }
.oxnv-transition-slide-top { left: 0px; top: 0px; width: 100%; }
.oxnv-transition-slide-bottom { bottom: 0px; left: 0px; width: 100%; }
.oxnv-transition-slide-left { height: 100%; left: 0px; top: 0px; }
.oxnv-transition-slide-right { height: 100%; right: 0px; top: 0px; }
.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: 0.2s; }
}
#ok-cs-button { display: flex; position: fixed; right: 16px; flex-direction: row; bottom: 16px; z-index: 10000; height: 52px; box-sizing: border-box; padding: 14px; border: 0px; border-radius: 999px; align-items: center; justify-content: flex-start; column-gap: 0px; transition: column-gap 0.2s; overflow: hidden; cursor: pointer; background: var(--okd-color-surface-interactive-feature-inverse-default, #133f06); box-shadow: var(--okd-shadow-xl, 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a); }
#ok-cs-button > #ok-cs-icon { position: relative; flex: 0 0 auto; width: 24px; height: 24px; }
#ok-cs-button > #ok-cs-icon::before { content: ""; display: block; width: 24px; height: 24px; background-color: var(--okd-color-content-static-feature, #bcff2f); mask: url("./3c84f5ac879a4cec.svg") center center / contain no-repeat alpha; }
#ok-cs-button > #ok-cs-label { flex: 0 0 auto; max-width: 0px; padding: 0px; opacity: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 700; line-height: 20px; color: var(--okd-color-content-static-feature, #bcff2f); transition: max-width 0.2s, opacity 0.2s; }
#ok-cs-button.cs-expanded { column-gap: 8px; }
#ok-cs-button.cs-expanded > #ok-cs-label { max-width: 240px; opacity: 1; }
@media (hover: hover) and (pointer: fine) {
  #ok-cs-button:hover { column-gap: 8px; }
  #ok-cs-button:hover > #ok-cs-label { max-width: 240px; opacity: 1; }
}
#ok-cs-button.cs-loading > #ok-cs-icon, #ok-cs-button.cs-loading > #ok-cs-label { display: none; }
@media (min-width: 768px) {
  #ok-cs-button { display: flex; }
}
@media (max-width: 767px) {
  #ok-cs-button { display: flex; }
}
.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: 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: 0px; }
.oxnv-empty-only-title { margin-bottom: var(--oxnv-okd-empty-desc-margin-bottom); }
.oxnv-empty-only-title:last-child { margin-bottom: 0px; }
.oxnv-empty-description { color: var(--oxnv-okd-empty-desc-color); font-size: var(--oxnv-okd-empty-desc-font-size); 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: 0px; }
.oxnv-empty-sm .oxnv-empty-title { font-size: var(--oxnv-okd-empty-sm-title-font-size,14px); line-height: var(--oxnv-okd-empty-sm-title-line-height,16px); margin-bottom: var(--oxnv-okd-empty-sm-title-margin-bottom,4px); }
.oxnv-empty-sm .oxnv-empty-description { font-size: var(--oxnv-okd-empty-sm-desc-font-size,12px); 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: var(--oxnv-okd-empty-sm-desc-margin-bottom,4px); }
.oxnv-a11y-text { clip: rect(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
.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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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 { appearance: none; }
.oxnv-input { align-items: flex-start; display: flex; flex-direction: column; position: relative; }
.oxnv-input input[type="search"]::-webkit-search-cancel-button { appearance: 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-width: medium; border-style: none; border-color: currentcolor; border-image: 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:-webkit-autofill { background-clip: text; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; -webkit-text-fill-color: var(--oxnv-okd-input-default-text-color) !important; }
.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 { inset: 50% 0px 0px; color: var(--oxnv-okd-input-default-placeholder-color); pointer-events: none; position: absolute; 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.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.readonly .oxnv-input-box { 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-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-readonly-text-color,var(--oxnv-okd-input-default-text-color)); caret-color: var(--oxnv-okd-input-readonly-caret-color,var(--oxnv-okd-input-default-caret-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-readonly-placeholder-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-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; 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-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: 0px; width: 0px; }
.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 0.3s, box-shadow 0.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 var(--oxnv-okd-input-xl-padding-horizontal,8px); }
.oxnv-input-xl > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-xl-height); }
.oxnv-input-xl > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-xl > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-xl > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-xl > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-lg-padding-horizontal,8px); }
.oxnv-input-lg > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-lg-height); }
.oxnv-input-lg > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-lg > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-lg > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-lg > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-xs-padding-horizontal,8px); }
.oxnv-input-xs > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-xs-height); }
.oxnv-input-xs > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-xs > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-xs > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-xs > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-sm-padding-horizontal,8px); }
.oxnv-input-sm > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-sm-height); }
.oxnv-input-sm > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-sm > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-sm > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-sm > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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 var(--oxnv-okd-input-md-padding-horizontal,8px); }
.oxnv-input-md > .oxnv-input-box.auto-size { height: fit-content; min-height: var(--oxnv-okd-input-md-height); }
.oxnv-input-md > .oxnv-input-box.no-padding-left { padding-left: 0px; }
.oxnv-input-md > .oxnv-input-box.no-padding-right { padding-right: 0px; }
.oxnv-input-md > .oxnv-input-box.ta { height: 100%; padding: 8px; }
.oxnv-input-md > .oxnv-input-box.auto-resize-auto-height { 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.ta { padding: 0px; }
.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) + 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: 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: 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: 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: 0px; 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: 0px; }
.oxnv-input-lg .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-lg-icon-size); margin-left: 0px; 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: 0px; }
.oxnv-input-xs .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-xs-icon-size); margin-left: 0px; 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: 0px; }
.oxnv-input-sm .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-sm-icon-size); margin-left: 0px; 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: 0px; }
.oxnv-input-md .oxnv-input-prefix .prefix-icon { font-size: var(--oxnv-okd-input-md-icon-size); margin-left: 0px; 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: 0px; }
.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.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.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.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.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); }
.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; }
.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; }
@keyframes loadingLine { 
  100% { 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: 2s linear 0s infinite normal none running loadingLine; left: -25%; position: absolute; top: 0px; }
@keyframes okui-loader-rotation { 
  0% { transform: rotate(0deg); }
  100% { 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: 0px; position: absolute; top: 0px; 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: 1s linear 0s infinite normal none running okui-loader-rotation; 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-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-primary-active-color); }
.oxnv-loader-spin-neutral { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-loader-neutral-active-color); }
.oxnv-loader-inner-circle { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; 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: 0px; }
.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-picture { display: inline-block; }
.oxnv-picture-font { font-size: 0px; 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 rgb(74, 74, 74); border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: 100%; height: 0px; left: 12px; position: absolute; transform: translateX(-50%); width: 0px; }
.tooltip-text { overflow-wrap: break-word; background-color: rgb(74, 74, 74); border-radius: 4px; color: rgb(255, 255, 255); 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 0px; }
.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: 0px; }
.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: 0px; }
.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(-260px + 100vh); padding: 16px 0px; }
.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(-180px + 100vh); }
.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: 0px; position: absolute; right: 0px; top: 0px; }
.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: rgb(144, 144, 144); 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: 0px; 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: 0px; 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 0px; right: 0px; }
.oxnv-tabs-pane.oxnv-tabs-pane-outline-highlight { background-color: var(--oxnv-okd-tabs-pane-outline-highlight-default-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-highlight-default-border-color,#dbdbdb); border-style: solid; 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: var(--oxnv-okd-tabs-pane-outline-highlight-active-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-highlight-active-border-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-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: var(--oxnv-okd-tabs-pane-outline-highlight-hover-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-highlight-hover-border-color,#dbdbdb); color: var(--oxnv-okd-tabs-pane-outline-highlight-hover-text-color,#000); }
.oxnv-tabs-pane.oxnv-tabs-pane-outline-primary { background-color: var(--oxnv-okd-tabs-pane-outline-primary-default-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-primary-default-border-color,transparent); border-style: solid; 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: var(--oxnv-okd-tabs-pane-outline-primary-active-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-primary-active-border-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-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: var(--oxnv-okd-tabs-pane-outline-primary-hover-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-primary-hover-border-color,transparent); color: var(--oxnv-okd-tabs-pane-outline-primary-hover-text-color,#000); }
.oxnv-tabs-pane.oxnv-tabs-pane-outline-secondary { background-color: var(--oxnv-okd-tabs-pane-outline-secondary-default-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-secondary-default-border-color,#000); border-style: solid; 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: var(--oxnv-okd-tabs-pane-outline-secondary-active-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-secondary-active-border-color,#000); 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-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: var(--oxnv-okd-tabs-pane-outline-secondary-hover-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-outline-secondary-hover-border-color,#000); color: var(--oxnv-okd-tabs-pane-outline-secondary-hover-text-color,#fff); }
.oxnv-tabs-pane.oxnv-tabs-pane-outline-reversed { background-color: var(--oxnv-okd-tabs-pane-outline-reversed-default-background-color,#f7f7f7); border-color: var(--oxnv-okd-tabs-pane-outline-reversed-default-border-color,#f7f7f7); border-style: solid; color: var(--oxnv-okd-tabs-pane-outline-reversed-default-text-color,#3d3d3d); }
.oxnv-tabs-pane.oxnv-tabs-pane-outline-reversed:focus-visible { 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: var(--oxnv-okd-tabs-pane-outline-reversed-active-background-color,#000); border-color: var(--oxnv-okd-tabs-pane-outline-reversed-active-border-color,#000); 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-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: var(--oxnv-okd-tabs-pane-outline-reversed-hover-background-color,#ebebeb); border-color: var(--oxnv-okd-tabs-pane-outline-reversed-hover-border-color,#ebebeb); color: var(--oxnv-okd-tabs-pane-outline-reversed-hover-text-color,#3d3d3d); }
.oxnv-tabs-pane.oxnv-tabs-pane-fill-highlight { background-color: var(--oxnv-okd-tabs-pane-fill-highlight-default-background-color,#f7f7f7); border-color: var(--oxnv-okd-tabs-pane-fill-highlight-default-border-color,#f7f7f7); border-style: solid; 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: var(--oxnv-okd-tabs-pane-fill-highlight-active-background-color,#000); border-color: var(--oxnv-okd-tabs-pane-fill-highlight-active-border-color,#000); 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-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: var(--oxnv-okd-tabs-pane-fill-highlight-hover-background-color,#ebebeb); border-color: var(--oxnv-okd-tabs-pane-fill-highlight-hover-border-color,#ebebeb); color: var(--oxnv-okd-tabs-pane-fill-highlight-hover-text-color,#3d3d3d); }
.oxnv-tabs-pane.oxnv-tabs-pane-fill-primary { background-color: var(--oxnv-okd-tabs-pane-fill-primary-default-background-color,#f7f7f7); border-color: var(--oxnv-okd-tabs-pane-fill-primary-default-border-color,#f7f7f7); border-style: solid; 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: var(--oxnv-okd-tabs-pane-fill-primary-active-background-color,#f7f7f7); border-color: var(--oxnv-okd-tabs-pane-fill-primary-active-border-color,#f7f7f7); 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-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: var(--oxnv-okd-tabs-pane-fill-primary-hover-background-color,#ebebeb); border-color: var(--oxnv-okd-tabs-pane-fill-primary-hover-border-color,#ebebeb); color: var(--oxnv-okd-tabs-pane-fill-primary-hover-text-color,#000); }
.oxnv-tabs-pane.oxnv-tabs-pane-fill-secondary { background-color: var(--oxnv-okd-tabs-pane-fill-secondary-default-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-fill-secondary-default-border-color,transparent); border-style: solid; 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: var(--oxnv-okd-tabs-pane-fill-secondary-active-background-color,#f7f7f7); border-color: var(--oxnv-okd-tabs-pane-fill-secondary-active-border-color,#f7f7f7); 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-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: var(--oxnv-okd-tabs-pane-fill-secondary-hover-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-fill-secondary-hover-border-color,transparent); color: var(--oxnv-okd-tabs-pane-fill-secondary-hover-text-color,#000); }
.oxnv-tabs-pane.oxnv-tabs-pane-fill-reversed { background-color: var(--oxnv-okd-tabs-pane-fill-reversed-default-background-color,#f7f7f7); border-color: var(--oxnv-okd-tabs-pane-fill-reversed-default-border-color,#f7f7f7); border-style: solid; color: var(--oxnv-okd-tabs-pane-fill-reversed-default-text-color,#3d3d3d); }
.oxnv-tabs-pane.oxnv-tabs-pane-fill-reversed:focus-visible { 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: var(--oxnv-okd-tabs-pane-fill-reversed-active-background-color,#000); border-color: var(--oxnv-okd-tabs-pane-fill-reversed-active-border-color,#000); 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-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: var(--oxnv-okd-tabs-pane-fill-reversed-hover-background-color,#ebebeb); border-color: var(--oxnv-okd-tabs-pane-fill-reversed-hover-border-color,#ebebeb); color: var(--oxnv-okd-tabs-pane-fill-reversed-hover-text-color,#3d3d3d); }
.oxnv-tabs-pane.oxnv-tabs-pane-text-highlight { background-color: var(--oxnv-okd-tabs-pane-text-highlight-default-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-highlight-default-border-color,transparent); border-style: solid; 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: var(--oxnv-okd-tabs-pane-text-highlight-active-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-highlight-active-border-color,transparent); 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-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: var(--oxnv-okd-tabs-pane-text-highlight-hover-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-highlight-hover-border-color,transparent); color: var(--oxnv-okd-tabs-pane-text-highlight-hover-text-color,#000); }
.oxnv-tabs-pane.oxnv-tabs-pane-text-primary { background-color: var(--oxnv-okd-tabs-pane-text-primary-default-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-primary-default-border-color,#000); border-style: solid; 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: var(--oxnv-okd-tabs-pane-text-primary-active-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-primary-active-border-color,#000); 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-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: var(--oxnv-okd-tabs-pane-text-primary-hover-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-primary-hover-border-color,#000); color: var(--oxnv-okd-tabs-pane-text-primary-hover-text-color,#fff); }
.oxnv-tabs-pane.oxnv-tabs-pane-text-secondary { background-color: var(--oxnv-okd-tabs-pane-text-secondary-default-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-secondary-default-border-color,#000); border-style: solid; 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: var(--oxnv-okd-tabs-pane-text-secondary-active-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-secondary-active-border-color,#000); 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-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: var(--oxnv-okd-tabs-pane-text-secondary-hover-background-color,transparent); border-color: var(--oxnv-okd-tabs-pane-text-secondary-hover-border-color,#000); color: var(--oxnv-okd-tabs-pane-text-secondary-hover-text-color,#fff); }
.oxnv-tabs-pane.oxnv-tabs-pane-text-reversed { background-color: var(--oxnv-okd-tabs-pane-text-reversed-default-background-color,#f7f7f7); border-color: var(--oxnv-okd-tabs-pane-text-reversed-default-border-color,#f7f7f7); border-style: solid; color: var(--oxnv-okd-tabs-pane-text-reversed-default-text-color,#3d3d3d); }
.oxnv-tabs-pane.oxnv-tabs-pane-text-reversed:focus-visible { 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: var(--oxnv-okd-tabs-pane-text-reversed-active-background-color,#000); border-color: var(--oxnv-okd-tabs-pane-text-reversed-active-border-color,#000); 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-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: var(--oxnv-okd-tabs-pane-text-reversed-hover-background-color,#ebebeb); border-color: var(--oxnv-okd-tabs-pane-text-reversed-hover-border-color,#ebebeb); color: var(--oxnv-okd-tabs-pane-text-reversed-hover-text-color,#3d3d3d); }
.oxnv-tabs-pane-xxs.category-size { border-radius: var(--oxnv-okd-tabs-pane-xxs-border-radius,4px); border-width: var(--oxnv-okd-tabs-pane-xxs-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-xxs-font-size,12px); font-weight: var(--oxnv-okd-tabs-pane-xxs-font-weight,400); height: var(--oxnv-okd-tabs-pane-xxs-height,24px); margin-right: var(--oxnv-okd-tabs-pane-xxs-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-xxs-padding-vertical,8px); }
.oxnv-tabs-pane-xxs.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-xxs.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-xxs-hover-font-weight,500); }
.oxnv-tabs-pane-xxs.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-xxs-height, 24px)/2); }
.oxnv-tabs-pane-xs.category-size { border-radius: var(--oxnv-okd-tabs-pane-xs-border-radius,4px); border-width: var(--oxnv-okd-tabs-pane-xs-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-xs-font-size,12px); font-weight: var(--oxnv-okd-tabs-pane-xs-font-weight,400); height: var(--oxnv-okd-tabs-pane-xs-height,24px); margin-right: var(--oxnv-okd-tabs-pane-xs-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-xs-padding-vertical,8px); }
.oxnv-tabs-pane-xs.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-xs.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-xs-hover-font-weight,500); }
.oxnv-tabs-pane-xs.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-xs-height, 24px)/2); }
.oxnv-tabs-pane-sm.category-size { border-radius: var(--oxnv-okd-tabs-pane-sm-border-radius,4px); border-width: var(--oxnv-okd-tabs-pane-sm-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-sm-font-size,12px); font-weight: var(--oxnv-okd-tabs-pane-sm-font-weight,400); height: var(--oxnv-okd-tabs-pane-sm-height,28px); margin-right: var(--oxnv-okd-tabs-pane-sm-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-sm-padding-vertical,8px); }
.oxnv-tabs-pane-sm.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-sm.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-sm-hover-font-weight,500); }
.oxnv-tabs-pane-sm.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-sm-height, 28px)/2); }
.oxnv-tabs-pane-md.category-size { border-radius: var(--oxnv-okd-tabs-pane-md-border-radius,6px); border-width: var(--oxnv-okd-tabs-pane-md-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-md-font-size,14px); font-weight: var(--oxnv-okd-tabs-pane-md-font-weight,400); height: var(--oxnv-okd-tabs-pane-md-height,32px); margin-right: var(--oxnv-okd-tabs-pane-md-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-md-padding-vertical,8px); }
.oxnv-tabs-pane-md.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-md.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-md-hover-font-weight,500); }
.oxnv-tabs-pane-md.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-md-height, 32px)/2); }
.oxnv-tabs-pane-lg.category-size { border-radius: var(--oxnv-okd-tabs-pane-lg-border-radius,6px); border-width: var(--oxnv-okd-tabs-pane-lg-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-lg-font-size,14px); font-weight: var(--oxnv-okd-tabs-pane-lg-font-weight,400); height: var(--oxnv-okd-tabs-pane-lg-height,36px); margin-right: var(--oxnv-okd-tabs-pane-lg-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-lg-padding-vertical,12px); }
.oxnv-tabs-pane-lg.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-lg.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-lg-hover-font-weight,500); }
.oxnv-tabs-pane-lg.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-lg-height, 36px)/2); }
.oxnv-tabs-pane-xl.category-size { border-radius: var(--oxnv-okd-tabs-pane-xl-border-radius,8px); border-width: var(--oxnv-okd-tabs-pane-xl-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-xl-font-size,14px); font-weight: var(--oxnv-okd-tabs-pane-xl-font-weight,400); height: var(--oxnv-okd-tabs-pane-xl-height,40px); margin-right: var(--oxnv-okd-tabs-pane-xl-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-xl-padding-vertical,16px); }
.oxnv-tabs-pane-xl.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-xl.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-xl-hover-font-weight,500); }
.oxnv-tabs-pane-xl.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-xl-height, 40px)/2); }
.oxnv-tabs-pane-xxl.category-size { border-radius: var(--oxnv-okd-tabs-pane-xxl-border-radius,8px); border-width: var(--oxnv-okd-tabs-pane-xxl-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-xxl-font-size,16px); font-weight: var(--oxnv-okd-tabs-pane-xxl-font-weight,400); height: var(--oxnv-okd-tabs-pane-xxl-height,44px); margin-right: var(--oxnv-okd-tabs-pane-xxl-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-xxl-padding-vertical,16px); }
.oxnv-tabs-pane-xxl.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-xxl.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-xxl-hover-font-weight,500); }
.oxnv-tabs-pane-xxl.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-xxl-height, 44px)/2); }
.oxnv-tabs-pane-xxxl.category-size { border-radius: var(--oxnv-okd-tabs-pane-xxxl-border-radius,10px); border-width: var(--oxnv-okd-tabs-pane-xxxl-border-width,1px); font-size: var(--oxnv-okd-tabs-pane-xxxl-font-size,18px); font-weight: var(--oxnv-okd-tabs-pane-xxxl-font-weight,400); height: var(--oxnv-okd-tabs-pane-xxxl-height,50px); margin-right: var(--oxnv-okd-tabs-pane-xxxl-margin-right,8px); padding: 0 var(--oxnv-okd-tabs-pane-xxxl-padding-vertical,16px); }
.oxnv-tabs-pane-xxxl.category-size:last-child { margin-right: 0px; }
.oxnv-tabs-pane-xxxl.category-size.oxnv-tabs-active { 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: var(--oxnv-okd-tabs-pane-xxxl-hover-font-weight,500); }
.oxnv-tabs-pane-xxxl.category-size.oxnv-tabs-pane-circle { border-radius: calc(var(--oxnv-okd-tabs-pane-xxxl-height, 50px)/2); }
.oxnv-tabs-pane-xxs:last-child { margin-right: 0px !important; }
.oxnv-tabs-pane-xxs.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-xxs-underline-font-size); 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: var(--oxnv-okd-tabs-xxs-underline-active-font-weight,400); }
.oxnv-tabs-pane-xxs.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-xxs-button-active-font-weight,400); }
.oxnv-tabs-pane-xxs.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-xxs-muted-active-font-weight,400); }
.oxnv-tabs-pane-xxs.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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: 0px !important; }
.oxnv-tabs-pane-xs.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-xs-underline-font-size); 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: var(--oxnv-okd-tabs-xs-underline-active-font-weight,400); }
.oxnv-tabs-pane-xs.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-xs-button-active-font-weight,400); }
.oxnv-tabs-pane-xs.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-xs-muted-active-font-weight,400); }
.oxnv-tabs-pane-xs.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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: 0px !important; }
.oxnv-tabs-pane-sm.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-sm-underline-font-size); 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: var(--oxnv-okd-tabs-sm-underline-active-font-weight,400); }
.oxnv-tabs-pane-sm.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-sm-button-active-font-weight,400); }
.oxnv-tabs-pane-sm.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-sm-muted-active-font-weight,400); }
.oxnv-tabs-pane-sm.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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: 0px !important; }
.oxnv-tabs-pane-md.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-md-underline-font-size); 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: var(--oxnv-okd-tabs-md-underline-active-font-weight,400); }
.oxnv-tabs-pane-md.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-md-button-active-font-weight,400); }
.oxnv-tabs-pane-md.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-md-muted-active-font-weight,400); }
.oxnv-tabs-pane-md.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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: 0px !important; }
.oxnv-tabs-pane-lg.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-lg-underline-font-size); 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: var(--oxnv-okd-tabs-lg-underline-active-font-weight,400); }
.oxnv-tabs-pane-lg.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-lg-button-active-font-weight,400); }
.oxnv-tabs-pane-lg.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-lg-muted-active-font-weight,400); }
.oxnv-tabs-pane-lg.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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: 0px !important; }
.oxnv-tabs-pane-xl.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-xl-underline-font-size); 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: var(--oxnv-okd-tabs-xl-underline-active-font-weight,400); }
.oxnv-tabs-pane-xl.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-xl-button-active-font-weight,400); }
.oxnv-tabs-pane-xl.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-xl-muted-active-font-weight,400); }
.oxnv-tabs-pane-xl.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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: 0px !important; }
.oxnv-tabs-pane-xxl.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-xxl-underline-font-size); 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: var(--oxnv-okd-tabs-xxl-underline-active-font-weight,400); }
.oxnv-tabs-pane-xxl.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-xxl-button-active-font-weight,400); }
.oxnv-tabs-pane-xxl.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-xxl-muted-active-font-weight,400); }
.oxnv-tabs-pane-xxl.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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: 0px !important; }
.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-underline { font-size: var(--oxnv-okd-tabs-xxxl-underline-font-size); 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: var(--oxnv-okd-tabs-xxxl-underline-active-font-weight,400); }
.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-button { 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: var(--oxnv-okd-tabs-xxxl-button-active-font-weight,400); }
.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-muted { 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: var(--oxnv-okd-tabs-xxxl-muted-active-font-weight,400); }
.oxnv-tabs-pane-xxxl.oxnv-tabs-pane-segmented { 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: 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: 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: 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: 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-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-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-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-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-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-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-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-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-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-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-top: 0px; }
.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-width: medium; border-style: none; border-color: currentcolor; border-image: 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: 0px !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-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 0%; 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: 0px; width: 0px; }
.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: 0px; width: 36px; z-index: 1; }
.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: 0px; }
.oxnv-tabs-pane-list-nav .icon-left-inner { transform: rotate(180deg); }
.oxnv-tabs-pane-list-nav .icon-right { right: 0px; }
.oxnv-tabs-pane-list-flex-shrink { display: flex; flex-shrink: 0; position: relative; transition: transform 0.2s; }
.oxnv-tabs-pane-list-flex { flex: 1 1 0%; }
.oxnv-tabs-pane-list-overflow { overflow: unset; }
.oxnv-tabs-pane-list-average, .oxnv-tabs-pane-list-average .oxnv-tabs-pane { flex: 1 1 0%; }
.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: 0px; top: 0px; width: 20px; z-index: 1; }
.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-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.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: 1 1 auto; width: 100%; }
.oxnv-tabs { display: flex; flex-direction: column; height: 100%; width: 100%; }
.oxnv-tabs-transitions-underline { bottom: 0px; height: 2px; left: 0px; position: absolute; transition: 0.3s; }
.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-selected); --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-surface-interactive-selected-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-selected); --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-surface-interactive-selected-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; }
.theme-light { --oxnv-okd-popup-white-board-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px; }
.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: 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: 0px; }
.oxnv-empty-only-title { margin-bottom: var(--oxnv-okd-empty-desc-margin-bottom); }
.oxnv-empty-only-title:last-child { margin-bottom: 0px; }
.oxnv-empty-description { color: var(--oxnv-okd-empty-desc-color); font-size: var(--oxnv-okd-empty-desc-font-size); 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: 0px; }
.oxnv-empty-sm .oxnv-empty-title { font-size: var(--oxnv-okd-empty-sm-title-font-size,14px); line-height: var(--oxnv-okd-empty-sm-title-line-height,16px); margin-bottom: var(--oxnv-okd-empty-sm-title-margin-bottom,4px); }
.oxnv-empty-sm .oxnv-empty-description { font-size: var(--oxnv-okd-empty-sm-desc-font-size,12px); 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: var(--oxnv-okd-empty-sm-desc-margin-bottom,4px); }
.theme-dark { --oxnv-okd-popup-white-board-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px; }
.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-popup { display: inline-flex; position: relative; width: fit-content; }
.oxnv-popup-layer { display: none; opacity: 0; outline: none; position: absolute; transition: opacity 0.3s; }
.oxnv-popup-layer-visible { display: block; opacity: 1; }
.oxnv-popup-layer-arrow-inner { border: 1px solid transparent; border-radius: 2px; box-sizing: border-box; display: block; height: 100%; transform: rotate(45deg); transform-origin: center center; width: 100%; }
.oxnv-popup-layer.oxnv-popup-overflow[data-popper-reference-hidden] { pointer-events: none; visibility: hidden; }
.oxnv-popup-white-board .oxnv-popup-layer-arrow-inner, .oxnv-popup-white-board-content { background-color: var(--oxnv-okd-popup-white-board-background); border: 1px solid rgba(0, 0, 0, 0.05); }
.oxnv-popup-white-board-content { border-radius: 4px; box-shadow: var(--oxnv-okd-popup-white-board-shadow); }
.oxnv-popup-placement-lg-top { padding-bottom: 9px; }
.oxnv-popup-placement-lg-bottom { padding-top: 9px; }
.oxnv-popup-placement-lg-left { padding-right: 9px; }
.oxnv-popup-placement-lg-right { padding-left: 9px; }
.oxnv-popup-arrow-lg .oxnv-popup-layer-arrow { height: 14px; width: 14px; }
.oxnv-popup-arrow-lg[data-popper-placement*="top"] { padding: 0px 0px 9px; }
.oxnv-popup-arrow-lg[data-popper-placement*="bottom"] { padding: 9px 0px 0px; }
.oxnv-popup-arrow-lg[data-popper-placement*="left"] { padding: 0px 9px 0px 0px; }
.oxnv-popup-arrow-lg[data-popper-placement*="right"] { padding: 0px 0px 0px 9px; }
.oxnv-popup-arrow-lg[data-popper-placement*="top"] .oxnv-popup-layer-arrow { margin-top: -17px; top: 100%; }
.oxnv-popup-arrow-lg[data-popper-placement*="top"] .oxnv-popup-layer-arrow-inner { border-left-color: transparent !important; border-top-color: transparent !important; }
.oxnv-popup-arrow-lg[data-popper-placement*="right"] .oxnv-popup-layer-arrow { margin-right: -17px; right: 100%; }
.oxnv-popup-arrow-lg[data-popper-placement*="right"] .oxnv-popup-layer-arrow-inner { border-right-color: transparent !important; border-top-color: transparent !important; }
.oxnv-popup-arrow-lg[data-popper-placement*="bottom"] .oxnv-popup-layer-arrow { bottom: 100%; margin-bottom: -17px; }
.oxnv-popup-arrow-lg[data-popper-placement*="bottom"] .oxnv-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-right-color: transparent !important; }
.oxnv-popup-arrow-lg[data-popper-placement*="left"] .oxnv-popup-layer-arrow { left: 100%; margin-left: -17px; }
.oxnv-popup-arrow-lg[data-popper-placement*="left"] .oxnv-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-left-color: transparent !important; }
.oxnv-popup-placement-md-top { padding-bottom: 7px; }
.oxnv-popup-placement-md-bottom { padding-top: 7px; }
.oxnv-popup-placement-md-left { padding-right: 7px; }
.oxnv-popup-placement-md-right { padding-left: 7px; }
.oxnv-popup-arrow-md .oxnv-popup-layer-arrow { height: 10px; width: 10px; }
.oxnv-popup-arrow-md[data-popper-placement*="top"] { padding: 0px 0px 7px; }
.oxnv-popup-arrow-md[data-popper-placement*="bottom"] { padding: 7px 0px 0px; }
.oxnv-popup-arrow-md[data-popper-placement*="left"] { padding: 0px 7px 0px 0px; }
.oxnv-popup-arrow-md[data-popper-placement*="right"] { padding: 0px 0px 0px 7px; }
.oxnv-popup-arrow-md[data-popper-placement*="top"] .oxnv-popup-layer-arrow { margin-top: -13px; top: 100%; }
.oxnv-popup-arrow-md[data-popper-placement*="top"] .oxnv-popup-layer-arrow-inner { border-left-color: transparent !important; border-top-color: transparent !important; }
.oxnv-popup-arrow-md[data-popper-placement*="right"] .oxnv-popup-layer-arrow { margin-right: -13px; right: 100%; }
.oxnv-popup-arrow-md[data-popper-placement*="right"] .oxnv-popup-layer-arrow-inner { border-right-color: transparent !important; border-top-color: transparent !important; }
.oxnv-popup-arrow-md[data-popper-placement*="bottom"] .oxnv-popup-layer-arrow { bottom: 100%; margin-bottom: -13px; }
.oxnv-popup-arrow-md[data-popper-placement*="bottom"] .oxnv-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-right-color: transparent !important; }
.oxnv-popup-arrow-md[data-popper-placement*="left"] .oxnv-popup-layer-arrow { left: 100%; margin-left: -13px; }
.oxnv-popup-arrow-md[data-popper-placement*="left"] .oxnv-popup-layer-arrow-inner { border-bottom-color: transparent !important; border-left-color: transparent !important; }
.oxnv-skeleton { display: flex; width: 100%; }
.oxnv-skeleton-header { display: flex; margin-right: 24px; }
.oxnv-skeleton-content { flex-grow: 1; }
.oxnv-skeleton-avatar { background-color: var(--oxnv-okd-skeleton-background-color,var(--oxnv-okd-color-background-2)); }
.oxnv-skeleton-avatar.oxnv-skeleton-avatar-animate { animation: 1.4s ease 0s infinite normal none running oxnv-skeleton-loading; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; content: ""; }
.oxnv-skeleton-avatar-sm { height: var(--oxnv-okd-skeleton-avatar-sm-width,24px); width: var(--oxnv-okd-skeleton-avatar-sm-width,24px); }
.oxnv-skeleton-avatar-md { height: var(--oxnv-okd-skeleton-avatar-md-width,64px); width: var(--oxnv-okd-skeleton-avatar-md-width,64px); }
.oxnv-skeleton-avatar-lg { height: var(--oxnv-okd-skeleton-avatar-lg-width,128px); width: var(--oxnv-okd-skeleton-avatar-lg-width,128px); }
.oxnv-skeleton-avatar-circle { border-radius: 50%; }
.oxnv-skeleton-input { background-color: var(--oxnv-okd-skeleton-background-color,var(--oxnv-okd-color-background-2)); border-radius: var(--oxnv-okd-skeleton-input-border-radius,4px); }
.oxnv-skeleton-input.oxnv-skeleton-input-animate { animation: 1.4s ease 0s infinite normal none running oxnv-skeleton-loading; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; content: ""; }
.oxnv-skeleton-input-sm { height: var(--oxnv-okd-skeleton-input-sm-height,24px); }
.oxnv-skeleton-input-md { height: var(--oxnv-okd-skeleton-input-md-height,40px); }
.oxnv-skeleton-paragraph-row { background-color: var(--oxnv-okd-skeleton-background-color,var(--oxnv-okd-color-background-2)); border-radius: var(--oxnv-okd-skeleton-input-border-radius,4px); }
.oxnv-skeleton-paragraph-row.oxnv-skeleton-paragraph-animate { animation: 1.4s ease 0s infinite normal none running oxnv-skeleton-loading; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; content: ""; }
.oxnv-skeleton-paragraph-row + .oxnv-skeleton-paragraph-row { margin-top: 20px; }
.oxnv-skeleton-paragraph-sm { height: var(--oxnv-okd-skeleton-input-sm-height,24px); }
.oxnv-skeleton-paragraph-md { height: var(--oxnv-okd-skeleton-input-md-height,40px); }
@keyframes oxnv-skeleton-loading { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
.theme-light { --oxnv-okd-skeleton-avatar-sm-width: 24px; --oxnv-okd-skeleton-avatar-md-width: 64px; --oxnv-okd-skeleton-avatar-lg-width: 128px; --oxnv-okd-skeleton-avatar-square-border-radius: 4px; --oxnv-okd-skeleton-input-border-radius: 4px; --oxnv-okd-skeleton-input-sm-height: 24px; --oxnv-okd-skeleton-input-md-height: 40px; --oxnv-okd-skeleton-background-color: var(--oxnv-okd-color-global-alpha-inverse-10); --oxnv-okd-skeleton-reversed-background-color: var(--oxnv-okd-color-global-alpha-matching-10); --oxnv-okd-skeleton-reversed-active-background-color: var(--oxnv-okd-color-global-alpha-matching-20); }
.theme-dark, .theme-light { --oxnv-okd-skeleton-active-background-color: var(--oxnv-okd-color-global-alpha-inverse-20); }
.theme-dark { --oxnv-okd-skeleton-avatar-sm-width: 24px; --oxnv-okd-skeleton-avatar-md-width: 64px; --oxnv-okd-skeleton-avatar-lg-width: 128px; --oxnv-okd-skeleton-avatar-square-border-radius: 4px; --oxnv-okd-skeleton-input-border-radius: 4px; --oxnv-okd-skeleton-input-sm-height: 24px; --oxnv-okd-skeleton-input-md-height: 40px; --oxnv-okd-skeleton-background-color: var(--oxnv-okd-color-global-alpha-inverse-10); --oxnv-okd-skeleton-reversed-background-color: var(--oxnv-okd-color-global-alpha-matching-10); --oxnv-okd-skeleton-reversed-active-background-color: var(--oxnv-okd-color-global-alpha-matching-20); }
.oxnv-skeleton-avatar-reversed { background-color: var(--oxnv-okd-skeleton-reversed-background-color,var(--oxnv-okd-color-gray-700)); }
.oxnv-skeleton-avatar-reversed.oxnv-skeleton-avatar-animate { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; }
.oxnv-skeleton-input-reversed { background-color: var(--oxnv-okd-skeleton-reversed-background-color,var(--oxnv-okd-color-gray-700)); }
.oxnv-skeleton-input-reversed.oxnv-skeleton-input-animate { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; }
.oxnv-skeleton-paragraph-reversed > .oxnv-skeleton-paragraph-row { background-color: var(--oxnv-okd-skeleton-reversed-background-color,var(--oxnv-okd-color-gray-700)); }
.oxnv-skeleton-paragraph-reversed > .oxnv-skeleton-paragraph-row.oxnv-skeleton-paragraph-animate { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; }
.oxnv-avatar { align-items: center; background-color: var(--oxnv-okd-avatar-default-background); border: 1px solid var(--oxnv-okd-avatar-border-color); border-radius: 100%; box-sizing: border-box; color: var(--oxnv-okd-avatar-content-color); display: flex; justify-content: center; position: relative; }
.oxnv-avatar-img { border-radius: 100%; height: 100%; width: 100%; }
.oxnv-avatar-img-loading { position: relative; visibility: hidden; }
.oxnv-avatar .oxnv-avatar-skeleton { border-radius: 100%; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.oxnv-avatar-alt { align-items: center; background-color: var(--oxnv-okd-avatar-default-background); border-radius: 100%; display: flex; height: 100%; justify-content: center; width: 100%; }
.oxnv-avatar-alt span { max-width: 80%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.oxnv-avatar-xxs { font-size: var(--oxnv-okd-avatar-xxs-font-size,var(--oxnv-okd-avatar-xs-font-size)); height: var(--oxnv-okd-avatar-xxs-size,20px); line-height: var(--oxnv-okd-avatar-xxs-line-height,var(--oxnv-okd-avatar-xs-line-height)); width: var(--oxnv-okd-avatar-xxs-size,20px); }
.oxnv-avatar-xs { font-size: var(--oxnv-okd-avatar-xs-font-size); height: var(--oxnv-okd-avatar-xs-size,32px); line-height: var(--oxnv-okd-avatar-xs-line-height); width: var(--oxnv-okd-avatar-xs-size,32px); }
.oxnv-avatar-sm { font-size: var(--oxnv-okd-avatar-sm-font-size); height: var(--oxnv-okd-avatar-sm-size,36px); line-height: var(--oxnv-okd-avatar-sm-line-height); width: var(--oxnv-okd-avatar-sm-size,36px); }
.oxnv-avatar-md { font-size: var(--oxnv-okd-avatar-md-font-size); height: var(--oxnv-okd-avatar-md-size,40px); line-height: var(--oxnv-okd-avatar-md-line-height); width: var(--oxnv-okd-avatar-md-size,40px); }
.oxnv-avatar-lg { font-size: var(--oxnv-okd-avatar-lg-font-size); height: var(--oxnv-okd-avatar-lg-size,52px); line-height: var(--oxnv-okd-avatar-lg-line-height); width: var(--oxnv-okd-avatar-lg-size,52px); }
.oxnv-avatar-xl { height: var(--oxnv-okd-avatar-xl-size,80px); width: var(--oxnv-okd-avatar-xl-size,80px); }
.oxnv-avatar-xl, .oxnv-avatar-xxl { font-size: var(--oxnv-okd-avatar-xl-font-size); line-height: var(--oxnv-okd-avatar-xl-line-height); }
.oxnv-avatar-xxl { font-size: var(--oxnv-okd-avatar-xxl-font-size,var(--oxnv-okd-avatar-xl-font-size)); height: var(--oxnv-okd-avatar-xxl-size,112px); line-height: var(--oxnv-okd-avatar-xxl-line-height,var(--oxnv-okd-avatar-xl-line-height)); width: var(--oxnv-okd-avatar-xxl-size,112px); }
.oxnv-avatar-ring { border: var(--oxnv-okd-avatar-ring-width,2px) solid var(--oxnv-okd-avatar-ring-color,var(--oxnv-okd-avatar-border-color)); border-radius: 100%; box-sizing: border-box; height: fit-content; padding: var(--oxnv-okd-avatar-ring-padding,4px); width: fit-content; }
.theme-dark, .theme-light { --oxnv-okd-avatar-default-background: var(--oxnv-okd-color-surface-structural-layer-2); --oxnv-okd-avatar-xs-font-size: 14px; --oxnv-okd-avatar-xs-line-height: 14px; --oxnv-okd-avatar-xs-size: 32px; --oxnv-okd-avatar-sm-font-size: 16px; --oxnv-okd-avatar-sm-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-avatar-sm-size: 36px; --oxnv-okd-avatar-md-font-size: 16px; --oxnv-okd-avatar-md-line-height: 16px; --oxnv-okd-avatar-md-size: 40px; --oxnv-okd-avatar-lg-font-size: 18px; --oxnv-okd-avatar-lg-line-height: 18px; --oxnv-okd-avatar-lg-size: 52px; --oxnv-okd-avatar-xl-font-size: 40px; --oxnv-okd-avatar-xl-line-height: 40px; --oxnv-okd-avatar-xl-size: 80px; --oxnv-okd-avatar-border-color: var(--oxnv-okd-color-border-static-default); --oxnv-okd-avatar-ring-color: var(--oxnv-okd-color-border-static-feature); --oxnv-okd-avatar-ring-width: 2px; --oxnv-okd-avatar-ring-padding: 2px; --oxnv-okd-avatar-xxs-font-size: 12px; --oxnv-okd-avatar-xxs-line-height: 12px; --oxnv-okd-avatar-xxs-size: 20px; --oxnv-okd-avatar-xxl-font-size: 56px; --oxnv-okd-avatar-xxl-line-height: 56px; --oxnv-okd-avatar-xxl-size: 112px; --oxnv-okd-avatar-content-color: var(--oxnv-okd-color-content-static-subtle); }
.oxnv-picture { display: inline-block; }
.oxnv-picture-font { font-size: 0px; line-height: 1; }
.oxnv-picture-cover { object-fit: cover; }
.oxnv-picture-contain { object-fit: contain; }
.theme-dark { --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-a11y-card { position: relative; }
.oxnv-a11y-card .oxnv-a11y-card-focusable:focus-visible { border-radius: 4px; outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 4px; outline-style: solid; outline-width: 2px; }
.oxnv-a11y-card-main-action { inset: 0px; cursor: pointer; height: 100%; position: absolute; width: 100%; }
.oxnv-a11y-card-inner-action { position: relative; z-index: 1; }
.oxnv-tag { align-items: center; border-style: solid; box-sizing: border-box; display: inline-flex; }
.oxnv-tag-ellipsis { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oxnv-tag-icon { padding-right: 2px; }
.oxnv-tag-sm { --oxnv-okd-tag-inner-height: var(--oxnv-okd-tag-sm-height,16px); border-radius: var(--oxnv-okd-tag-sm-border-radius,4px); border-width: var(--oxnv-okd-tag-sm-border-width,1px); font-size: var(--oxnv-okd-tag-sm-font-size,12px); font-weight: var(--oxnv-okd-tag-sm-font-weight,400); line-height: var(--oxnv-okd-tag-sm-line-height,16px); padding: var(--oxnv-okd-tag-sm-padding-vertical,2px) var(--oxnv-okd-tag-sm-padding-horizontal,4px); }
.oxnv-tag-sm .oxnv-tag-icon { font-size: var(--oxnv-okd-tag-sm-icon-size,12px); }
.oxnv-tag-md { --oxnv-okd-tag-inner-height: var(--oxnv-okd-tag-md-height,20px); border-radius: var(--oxnv-okd-tag-md-border-radius,4px); border-width: var(--oxnv-okd-tag-md-border-width,1px); font-size: var(--oxnv-okd-tag-md-font-size,12px); font-weight: var(--oxnv-okd-tag-md-font-weight,400); line-height: var(--oxnv-okd-tag-md-line-height,16px); padding: var(--oxnv-okd-tag-md-padding-vertical,2px) var(--oxnv-okd-tag-md-padding-horizontal,4px); }
.oxnv-tag-md .oxnv-tag-icon { font-size: var(--oxnv-okd-tag-md-icon-size,16px); }
.oxnv-tag-lg { --oxnv-okd-tag-inner-height: var(--oxnv-okd-tag-lg-height,24px); border-radius: var(--oxnv-okd-tag-lg-border-radius,4px); border-width: var(--oxnv-okd-tag-lg-border-width,1px); font-size: var(--oxnv-okd-tag-lg-font-size,12px); font-weight: var(--oxnv-okd-tag-lg-font-weight,400); line-height: var(--oxnv-okd-tag-lg-line-height,16px); padding: var(--oxnv-okd-tag-lg-padding-vertical,2px) var(--oxnv-okd-tag-lg-padding-horizontal,4px); }
.oxnv-tag-lg .oxnv-tag-icon { font-size: var(--oxnv-okd-tag-lg-icon-size,16px); }
.oxnv-tag-fixed-height { height: var(--oxnv-okd-tag-inner-height); padding-bottom: 0px; padding-top: 0px; }
.oxnv-tag-fill-grey { background-color: var(--oxnv-okd-tag-fill-grey-background-color); border-color: var(--oxnv-okd-tag-fill-grey-border-color); color: var(--oxnv-okd-tag-fill-grey-font-color); }
.oxnv-tag-fill-lightgrey { background-color: var(--oxnv-okd-tag-fill-lightgrey-background-color,hsla(0,0%,100%,0)); border-color: var(--oxnv-okd-tag-fill-lightgrey-border-color,hsla(0,0%,100%,0)); color: var(--oxnv-okd-tag-fill-lightgrey-font-color,hsla(0,0%,100%,0)); }
.oxnv-tag-fill-green { background-color: var(--oxnv-okd-tag-fill-green-background-color); border-color: var(--oxnv-okd-tag-fill-green-border-color); color: var(--oxnv-okd-tag-fill-green-font-color); }
.oxnv-tag-fill-red { background-color: var(--oxnv-okd-tag-fill-red-background-color); border-color: var(--oxnv-okd-tag-fill-red-border-color); color: var(--oxnv-okd-tag-fill-red-font-color); }
.oxnv-tag-fill-tangerine { background-color: var(--oxnv-okd-tag-fill-tangerine-background-color,hsla(0,0%,100%,0)); border-color: var(--oxnv-okd-tag-fill-tangerine-border-color,hsla(0,0%,100%,0)); color: var(--oxnv-okd-tag-fill-tangerine-font-color,hsla(0,0%,100%,0)); }
.oxnv-tag-fill-lime { background-color: var(--oxnv-okd-tag-fill-lime-background-color); border-color: var(--oxnv-okd-tag-fill-lime-border-color); color: var(--oxnv-okd-tag-fill-lime-font-color); }
.oxnv-tag-outline-grey { background-color: var(--oxnv-okd-tag-outline-grey-background-color); border-color: var(--oxnv-okd-tag-outline-grey-border-color); color: var(--oxnv-okd-tag-outline-grey-font-color); }
.oxnv-tag-outline-lightgrey { background-color: var(--oxnv-okd-tag-outline-lightgrey-background-color); border-color: var(--oxnv-okd-tag-outline-lightgrey-border-color); color: var(--oxnv-okd-tag-outline-lightgrey-font-color); }
.oxnv-tag-outline-green { background-color: var(--oxnv-okd-tag-outline-green-background-color); border-color: var(--oxnv-okd-tag-outline-green-border-color); color: var(--oxnv-okd-tag-outline-green-font-color); }
.oxnv-tag-outline-red { background-color: var(--oxnv-okd-tag-outline-red-background-color); border-color: var(--oxnv-okd-tag-outline-red-border-color); color: var(--oxnv-okd-tag-outline-red-font-color); }
.oxnv-tag-outline-tangerine { background-color: var(--oxnv-okd-tag-outline-tangerine-background-color); border-color: var(--oxnv-okd-tag-outline-tangerine-border-color); color: var(--oxnv-okd-tag-outline-tangerine-font-color); }
.oxnv-tag-outline-lime { background-color: var(--oxnv-okd-tag-outline-lime-background-color,hsla(0,0%,100%,0)); border-color: var(--oxnv-okd-tag-outline-lime-border-color,hsla(0,0%,100%,0)); color: var(--oxnv-okd-tag-outline-lime-font-color,hsla(0,0%,100%,0)); }
.oxnv-tag.oxnv-tag-fill-lime { font-weight: 700; }
body .tc-watch-list-box .ticker-table-box .left .name-wrapper .turnover { max-width: 100%; width: fit-content; }
.index_hot__lzVm9 { color: var(--oxnv-okd-color-surface-interactive-destructive-default); }
.index_suffixIconContainer__Zv\+00 { align-items: center; display: flex; flex-direction: row; gap: 4px; justify-content: center; }
.index_commonTag__Kkvoa.index_commonTag__Kkvoa.index_commonTag__Kkvoa.index_commonTag__Kkvoa { background: var(--trade-common-suffix-tag-bg); color: var(--oxnv-okd-color-content-dataviz-categorical-3); }
.index_ca__JprPi { color: var(--oxnv-okd-color-content-contrast); }
.index_row__p5epR { align-items: center; display: flex; min-width: 0px; overflow: hidden; white-space: nowrap; width: 100%; }
.index_row__p5epR .turnover { flex-shrink: 0; }
.index_separator__-ynMS { color: var(--oxnv-okd-color-content-contrast); flex-shrink: 0; margin: 0px 2px; }
.index_commodityTagWrap__UN8FW { display: block; flex-shrink: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; }
.index_commodityTagWrap__UN8FW, .index_commodityTag__uSY3W { color: var(--oxnv-okd-color-content-contrast); font-size: 12px; }
.index_commodityTag__uSY3W { position: relative; z-index: 1000; }
.index_name__cmbeN { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_cedefiLogo__rOAyb { margin: 0px 8px 0px 0px; position: relative; }
.index_chainLogo__ivgRm.index_chainLogo__ivgRm { bottom: -3px; position: absolute; right: -3px; }
.theme-light { --oxnv-okd-tag-fill-lightgrey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-md-font-size: 12px; --oxnv-okd-tag-md-font-weight: 400; --oxnv-okd-tag-md-line-height: 16px; --oxnv-okd-tag-md-border-width: 1px; --oxnv-okd-tag-md-border-radius: 4px; --oxnv-okd-tag-md-padding-vertical: 2px; --oxnv-okd-tag-md-padding-horizontal: 4px; --oxnv-okd-tag-lg-font-size: 12px; --oxnv-okd-tag-lg-font-weight: 400; --oxnv-okd-tag-lg-line-height: 16px; --oxnv-okd-tag-lg-border-width: 1px; --oxnv-okd-tag-lg-border-radius: 4px; --oxnv-okd-tag-lg-padding-vertical: 4px; --oxnv-okd-tag-lg-padding-horizontal: 8px; --oxnv-okd-tag-sm-font-size: 10px; --oxnv-okd-tag-sm-font-weight: 400; --oxnv-okd-tag-sm-line-height: 12px; --oxnv-okd-tag-sm-height: 16px; --oxnv-okd-tag-sm-border-width: 1px; --oxnv-okd-tag-sm-border-radius: 4px; --oxnv-okd-tag-sm-padding-vertical: 2px; --oxnv-okd-tag-sm-padding-horizontal: 4px; --oxnv-okd-tag-md-height: 20px; --oxnv-okd-tag-lg-height: 24px; --oxnv-okd-tag-lg-icon-size: 16px; --oxnv-okd-tag-md-icon-size: 16px; --oxnv-okd-tag-sm-icon-size: 12px; --oxnv-okd-tag-fill-lime-background-color: var(--oxnv-okd-color-surface-structural-highlight); --oxnv-okd-tag-fill-lime-font-color: var(--oxnv-okd-color-global-fixed-always-dark); --oxnv-okd-tag-fill-lime-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-grey-background-color: var(--oxnv-okd-color-surface-interactive-default); --oxnv-okd-tag-fill-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-fill-grey-border-color: rgba(33,33,33,0); --oxnv-okd-tag-fill-green-background-color: var(--oxnv-okd-color-surface-pnl-profit-default-new); --oxnv-okd-tag-fill-green-font-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --oxnv-okd-tag-fill-green-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-red-background-color: var(--oxnv-okd-color-surface-pnl-loss-default-new); --oxnv-okd-tag-fill-red-font-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --oxnv-okd-tag-fill-red-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-outline-grey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-outline-grey-border-color: var(--oxnv-okd-color-border-static-emphasis); --oxnv-okd-tag-outline-green-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-green-font-color: var(--oxnv-okd-color-content-success-default); --oxnv-okd-tag-outline-green-border-color: var(--oxnv-okd-color-border-success-default); --oxnv-okd-tag-outline-red-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-red-font-color: var(--oxnv-okd-color-content-danger-default); --oxnv-okd-tag-outline-red-border-color: var(--oxnv-okd-color-border-danger-default); --oxnv-okd-tag-outline-tangerine-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-tangerine-font-color: var(--oxnv-okd-color-content-warning-default); --oxnv-okd-tag-outline-tangerine-border-color: var(--oxnv-okd-color-border-warning-default); --oxnv-okd-tag-outline-lightgrey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lightgrey-font-color: var(--oxnv-okd-color-content-info-subtle); --oxnv-okd-tag-outline-lightgrey-border-color: var(--oxnv-okd-color-border-info-subtle); }
.theme-dark { --oxnv-okd-tag-fill-lightgrey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-md-font-size: 12px; --oxnv-okd-tag-md-font-weight: 400; --oxnv-okd-tag-md-line-height: 16px; --oxnv-okd-tag-md-border-width: 1px; --oxnv-okd-tag-md-border-radius: 4px; --oxnv-okd-tag-md-padding-vertical: 2px; --oxnv-okd-tag-md-padding-horizontal: 4px; --oxnv-okd-tag-lg-font-size: 12px; --oxnv-okd-tag-lg-font-weight: 400; --oxnv-okd-tag-lg-line-height: 16px; --oxnv-okd-tag-lg-border-width: 1px; --oxnv-okd-tag-lg-border-radius: 4px; --oxnv-okd-tag-lg-padding-vertical: 4px; --oxnv-okd-tag-lg-padding-horizontal: 8px; --oxnv-okd-tag-sm-font-size: 10px; --oxnv-okd-tag-sm-font-weight: 400; --oxnv-okd-tag-sm-line-height: 12px; --oxnv-okd-tag-sm-height: 16px; --oxnv-okd-tag-sm-border-width: 1px; --oxnv-okd-tag-sm-border-radius: 4px; --oxnv-okd-tag-sm-padding-vertical: 2px; --oxnv-okd-tag-sm-padding-horizontal: 4px; --oxnv-okd-tag-md-height: 20px; --oxnv-okd-tag-lg-height: 24px; --oxnv-okd-tag-lg-icon-size: 16px; --oxnv-okd-tag-md-icon-size: 16px; --oxnv-okd-tag-sm-icon-size: 12px; --oxnv-okd-tag-fill-lime-background-color: var(--oxnv-okd-color-surface-structural-highlight); --oxnv-okd-tag-fill-lime-font-color: var(--oxnv-okd-color-global-fixed-always-dark); --oxnv-okd-tag-fill-lime-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-grey-background-color: var(--oxnv-okd-color-surface-interactive-default); --oxnv-okd-tag-fill-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-fill-grey-border-color: hsla(0,0%,92%,0); --oxnv-okd-tag-fill-green-background-color: var(--oxnv-okd-color-surface-pnl-profit-default-new); --oxnv-okd-tag-fill-green-font-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --oxnv-okd-tag-fill-green-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-red-background-color: var(--oxnv-okd-color-surface-pnl-loss-default-new); --oxnv-okd-tag-fill-red-font-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --oxnv-okd-tag-fill-red-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-outline-grey-background-color: transparent; --oxnv-okd-tag-outline-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-outline-grey-border-color: var(--oxnv-okd-color-border-static-emphasis); --oxnv-okd-tag-outline-green-background-color: transparent; --oxnv-okd-tag-outline-green-font-color: var(--oxnv-okd-color-content-success-default); --oxnv-okd-tag-outline-green-border-color: var(--oxnv-okd-color-border-success-default); --oxnv-okd-tag-outline-red-background-color: transparent; --oxnv-okd-tag-outline-red-font-color: var(--oxnv-okd-color-content-danger-default); --oxnv-okd-tag-outline-red-border-color: var(--oxnv-okd-color-border-danger-default); --oxnv-okd-tag-outline-tangerine-background-color: transparent; --oxnv-okd-tag-outline-tangerine-font-color: var(--oxnv-okd-color-content-warning-default); --oxnv-okd-tag-outline-tangerine-border-color: var(--oxnv-okd-color-border-warning-default); --oxnv-okd-tag-outline-lightgrey-background-color: transparent; --oxnv-okd-tag-outline-lightgrey-font-color: var(--oxnv-okd-color-content-info-subtle); --oxnv-okd-tag-outline-lightgrey-border-color: var(--oxnv-okd-color-border-info-subtle); }
.index_logo__OATBi { border-radius: 50%; height: 16px; width: 16px; }
.countdown_container__xK\+O- { align-items: flex-end; display: flex; flex-direction: column; font-size: 12px; line-height: 16px; }
.countdown_time__Hqs-5 { color: var(--oxnv-okd-color-text-amplifed); }
.countdown_text__oShde { color: var(--oxnv-okd-color-gray-400); }
.soon_soon__tDBev { color: var(--oxnv-okd-color-text-amplifed); font-size: 12px; line-height: 16px; }
.oxnv-select-empty { align-items: center; display: flex; flex-direction: column; height: calc(100% - 48px); justify-content: center; min-height: 160px; }
.oxnv-select-empty .empty-text { color: var(--oxnv-okd-select-empty-default-text-color); }
.oxnv-select-empty .empty-text-sm { font-size: var(--oxnv-okd-select-sm-empty-font-size); }
.oxnv-select-empty .empty-text-md { font-size: var(--oxnv-okd-select-md-empty-font-size); }
.oxnv-select-empty .empty-text-xs { font-size: var(--oxnv-okd-select-xs-empty-font-size); }
.oxnv-select-empty .empty-text-lg { font-size: var(--oxnv-okd-select-lg-empty-font-size,var(--oxnv-okd-select-md-empty-font-size)); }
.oxnv-select-empty .empty-text-xl { font-size: var(--oxnv-okd-select-xl-empty-font-size,var(--oxnv-okd-select-md-empty-font-size)); }
.oxnv-select-empty .empty-text-mobile { font-size: var(--oxnv-okd-select-mobile-empty-font-size,14px); }
.oxnv-select-item { align-items: center; color: var(--oxnv-okd-select-option-default-text-color); cursor: pointer; display: flex; font-weight: 400; min-width: 90px; }
.oxnv-select-item.oxnv-select-item-active { background: var(--oxnv-okd-select-option-active-bg); color: var(--oxnv-okd-select-option-active-text-color); }
.oxnv-select-item.hover, .oxnv-select-item:hover { background: var(--oxnv-okd-select-option-hover-bg); color: var(--oxnv-okd-select-option-hover-text-color); }
.oxnv-select-item.disabled { background: var(--oxnv-okd-select-option-disabled-bg); color: var(--oxnv-okd-select-option-disabled-text-color); cursor: not-allowed; }
.oxnv-select-item.disabled .oxnv-select-item-check { opacity: 0.2; }
.oxnv-select-item.align-center { justify-content: center; }
.oxnv-select-item.align-left { justify-content: flex-start; }
.oxnv-select-item.align-right { justify-content: flex-end; }
.oxnv-select-item-check { color: var(--oxnv-okd-select-check-default-icon-color); margin-left: auto; }
.oxnv-select-item-title { color: var(--oxnv-okd-select-common-title-color); }
.oxnv-select-item-title-inner { display: inline-block; }
.oxnv-select-item-line { border-top: var(--oxnv-okd-select-option-common-line-height) solid var(--oxnv-okd-select-option-common-line-color); height: 0px; margin: var(--oxnv-okd-select-option-common-line-margin-vertical) 0; width: 100%; }
.oxnv-select-item-show-check .oxnv-select-item-active { background: var(--oxnv-okd-select-option-active-bg); }
.option-sm .oxnv-select-item-title { font-size: var(--oxnv-okd-select-sm-title-font-size); line-height: var(--oxnv-okd-select-sm-title-line-height); padding: var(--oxnv-okd-select-sm-title-padding-top) var(--oxnv-okd-select-sm-title-padding-horizontal) var(--oxnv-okd-select-sm-title-padding-bottom); }
.option-sm .oxnv-select-item { font-size: var(--oxnv-okd-select-sm-option-font-size); line-height: var(--oxnv-okd-select-sm-option-line-height); padding: var(--oxnv-okd-select-sm-option-padding-vertical) var(--oxnv-okd-select-sm-option-padding-horizontal); }
.option-sm .oxnv-select-item-check { font-size: var(--oxnv-okd-select-sm-option-icon-font-size,18px); padding-left: 8px; }
.option-sm .oxnv-select-item.custom { padding: 0px; }
.option-md .oxnv-select-item-title { font-size: var(--oxnv-okd-select-md-title-font-size); line-height: var(--oxnv-okd-select-md-title-line-height); padding: var(--oxnv-okd-select-md-title-padding-top) var(--oxnv-okd-select-md-title-padding-horizontal) var(--oxnv-okd-select-md-title-padding-bottom); }
.option-md .oxnv-select-item { font-size: var(--oxnv-okd-select-md-option-font-size); line-height: var(--oxnv-okd-select-md-option-line-height); padding: var(--oxnv-okd-select-md-option-padding-vertical) var(--oxnv-okd-select-md-option-padding-horizontal); }
.option-md .oxnv-select-item-check { font-size: var(--oxnv-okd-select-md-option-icon-font-size,18px); padding-left: 8px; }
.option-md .oxnv-select-item.custom { padding: 0px; }
.option-xs .oxnv-select-item-title { font-size: var(--oxnv-okd-select-xs-title-font-size); line-height: var(--oxnv-okd-select-xs-title-line-height); padding: var(--oxnv-okd-select-xs-title-padding-top) var(--oxnv-okd-select-xs-title-padding-horizontal) var(--oxnv-okd-select-xs-title-padding-bottom); }
.option-xs .oxnv-select-item { font-size: var(--oxnv-okd-select-xs-option-font-size); line-height: var(--oxnv-okd-select-xs-option-line-height); padding: var(--oxnv-okd-select-xs-option-padding-vertical) var(--oxnv-okd-select-xs-option-padding-horizontal); }
.option-xs .oxnv-select-item-check { font-size: var(--oxnv-okd-select-xs-option-icon-font-size,18px); padding-left: 8px; }
.option-xs .oxnv-select-item.custom { padding: 0px; }
.option-lg .oxnv-select-item-title { font-size: var(--oxnv-okd-select-lg-title-font-size,var(--oxnv-okd-select-md-title-font-size)); line-height: var(--oxnv-okd-select-lg-title-line-height,var(--oxnv-okd-select-md-title-line-height)); padding: var(--oxnv-okd-select-lg-title-padding-top,var(--oxnv-okd-select-md-title-padding-top)) var(--oxnv-okd-select-lg-title-padding-horizontal,var(--oxnv-okd-select-md-title-padding-horizontal)) var(--oxnv-okd-select-lg-title-padding-bottom,var(--oxnv-okd-select-md-title-padding-bottom)); }
.option-lg .oxnv-select-item { font-size: var(--oxnv-okd-select-lg-option-font-size,var(--oxnv-okd-select-md-option-font-size)); line-height: var(--oxnv-okd-select-lg-option-line-height,var(--oxnv-okd-select-md-option-line-height)); padding: var(--oxnv-okd-select-lg-option-padding-vertical,var(--oxnv-okd-select-md-option-padding-vertical)) var(--oxnv-okd-select-lg-option-padding-horizontal,var(--oxnv-okd-select-md-option-padding-horizontal)); }
.option-lg .oxnv-select-item-check { font-size: var(--oxnv-okd-select-lg-option-icon-font-size,18px); padding-left: 8px; }
.option-lg .oxnv-select-item.custom { padding: 0px; }
.option-xl .oxnv-select-item-title { font-size: var(--oxnv-okd-select-xl-title-font-size,var(--oxnv-okd-select-md-title-font-size)); line-height: var(--oxnv-okd-select-xl-title-line-height,var(--oxnv-okd-select-md-title-line-height)); padding: var(--oxnv-okd-select-xl-title-padding-top,var(--oxnv-okd-select-md-title-padding-top)) var(--oxnv-okd-select-xl-title-padding-horizontal,var(--oxnv-okd-select-md-title-padding-horizontal)) var(--oxnv-okd-select-xl-title-padding-bottom,var(--oxnv-okd-select-md-title-padding-bottom)); }
.option-xl .oxnv-select-item { font-size: var(--oxnv-okd-select-xl-option-font-size,var(--oxnv-okd-select-md-option-font-size)); line-height: var(--oxnv-okd-select-xl-option-line-height,var(--oxnv-okd-select-md-option-line-height)); padding: var(--oxnv-okd-select-xl-option-padding-vertical,var(--oxnv-okd-select-md-option-padding-vertical)) var(--oxnv-okd-select-xl-option-padding-horizontal,var(--oxnv-okd-select-md-option-padding-horizontal)); }
.option-xl .oxnv-select-item-check { font-size: var(--oxnv-okd-select-xl-option-icon-font-size,18px); padding-left: 8px; }
.option-xl .oxnv-select-item.custom { padding: 0px; }
@media (max-width: 767px) {
  .oxnv-select-option:not(.drop-mode) .oxnv-select-item-container .oxnv-select-item-title { font-size: var(--oxnv-okd-select-mobile-option-title-font-size,var(--oxnv-okd-select-md-title-font-size)); line-height: var(--oxnv-okd-select-mobile-option-title-line-height,var(--oxnv-okd-select-md-title-line-height)); padding: var(--oxnv-okd-select-mobile-option-title-padding-top,var(--oxnv-okd-select-md-title-padding-top)) var(--oxnv-okd-select-mobile-option-title-padding-horizontal,var(--oxnv-okd-select-md-title-padding-horizontal)) var(--oxnv-okd-select-mobile-option-title-padding-bottom,var(--oxnv-okd-select-md-title-padding-bottom)); }
  .oxnv-select-option:not(.drop-mode) .oxnv-select-item-container .oxnv-select-item { font-size: var(--oxnv-okd-select-mobile-option-font-size,16px); line-height: var(--oxnv-okd-select-mobile-option-line-height,20px); padding: var(--oxnv-okd-select-mobile-option-padding-vertical,18px) var(--oxnv-okd-select-mobile-option-padding-horizontal,16px); }
  .oxnv-select-option:not(.drop-mode) .oxnv-select-item-container .oxnv-select-item-check { font-size: var(--oxnv-okd-select-mobile-option-icon-font-size,24px); }
  .oxnv-select-option:not(.drop-mode) .oxnv-select-item-container .oxnv-select-item.custom { padding: 0px; }
}
.oxnv-select-search.focus .oxnv-input-box.oxnv-select-search-box, .oxnv-select-search.hover .oxnv-input-box.oxnv-select-search-box, .oxnv-select-search:focus .oxnv-input-box.oxnv-select-search-box, .oxnv-select-search:hover .oxnv-input-box.oxnv-select-search-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-select-search .oxnv-select-search-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oxnv-select-search .oxnv-select-search-default-width { min-width: 70px; width: unset; }
.option-sm .oxnv-select-empty, .option-sm .oxnv-select-search { margin: var(--oxnv-okd-select-sm-search-margin-vertical) var(--oxnv-okd-select-sm-search-margin-horizontal); }
.option-md .oxnv-select-empty, .option-md .oxnv-select-search { margin: var(--oxnv-okd-select-md-search-margin-vertical) var(--oxnv-okd-select-md-search-margin-horizontal); }
.option-xs .oxnv-select-empty, .option-xs .oxnv-select-search { margin: var(--oxnv-okd-select-xs-search-margin-vertical) var(--oxnv-okd-select-xs-search-margin-horizontal); }
.option-lg .oxnv-select-empty, .option-lg .oxnv-select-search { margin: var(--oxnv-okd-select-lg-search-margin-vertical,var(--oxnv-okd-select-md-search-margin-vertical)) var(--oxnv-okd-select-lg-search-margin-horizontal,var(--oxnv-okd-select-md-search-margin-horizontal)); }
.option-xl .oxnv-select-empty, .option-xl .oxnv-select-search { margin: var(--oxnv-okd-select-xl-search-margin-vertical,var(--oxnv-okd-select-md-search-margin-vertical)) var(--oxnv-okd-select-xl-search-margin-horizontal,var(--oxnv-okd-select-md-search-margin-horizontal)); }
.oxnv-select-tag { align-items: center; background-color: var(--oxnv-okd-select-tag-default-background,#f2f2f2); border-radius: var(--oxnv-okd-select-tag-border-radius,4px); color: var(--oxnv-okd-select-tag-text-default-color,#000); cursor: unset; display: flex; justify-content: space-between; margin-bottom: var(--oxnv-okd-select-tag-margin-bottom,4px); margin-right: var(--oxnv-okd-select-tag-margin-right,4px); max-width: 100%; padding-left: var(--oxnv-okd-select-tag-padding-horizontal,8px); padding-right: var(--oxnv-okd-select-tag-padding-horizontal,8px); }
.oxnv-select-tag-icon { color: var(--oxnv-okd-select-tag-icon-default-color,#929292); cursor: pointer; padding-left: var(--oxnv-okd-select-tag-icon-padding-left,4px); }
.oxnv-select-tag-icon:hover { color: var(--oxnv-okd-select-tag-icon-hover-color,#000); }
.oxnv-select-tag-inner { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oxnv-select-tag.disabled { background-color: var(--oxnv-okd-select-tag-disabled-background,#f2f2f2); color: var(--oxnv-okd-select-tag-text-disabled-color,#929292); pointer-events: none; }
.oxnv-select-tag-sm { font-size: var(--oxnv-okd-select-sm-tag-text-font-size,12px); height: var(--oxnv-okd-select-sm-tag-height,24px); line-height: var(--oxnv-okd-select-sm-tag-height,24px); }
.oxnv-select-tag-sm .oxnv-select-tag-icon { font-size: var(--oxnv-okd-select-sm-tag-icon-font-size,14px); }
.oxnv-select-tag-md { font-size: var(--oxnv-okd-select-md-tag-text-font-size,14px); height: var(--oxnv-okd-select-md-tag-height,32px); line-height: var(--oxnv-okd-select-md-tag-height,32px); }
.oxnv-select-tag-md .oxnv-select-tag-icon { font-size: var(--oxnv-okd-select-md-tag-icon-font-size,16px); }
.oxnv-select-tag-xs { font-size: var(--oxnv-okd-select-xs-tag-text-font-size,12px); height: var(--oxnv-okd-select-xs-tag-height,20px); line-height: var(--oxnv-okd-select-xs-tag-height,20px); }
.oxnv-select-tag-xs .oxnv-select-tag-icon { font-size: var(--oxnv-okd-select-xs-tag-icon-font-size,10px); }
.oxnv-select-tag-lg { font-size: var(--oxnv-okd-select-lg-tag-text-font-size,14px); height: var(--oxnv-okd-select-lg-tag-height,36px); line-height: var(--oxnv-okd-select-lg-tag-height,36px); }
.oxnv-select-tag-lg .oxnv-select-tag-icon { font-size: var(--oxnv-okd-select-lg-tag-icon-font-size,16px); }
.oxnv-select-tag-xl { font-size: var(--oxnv-okd-select-xl-tag-text-font-size,14px); height: var(--oxnv-okd-select-xl-tag-height,40px); line-height: var(--oxnv-okd-select-xl-tag-height,40px); }
.oxnv-select-tag-xl .oxnv-select-tag-icon { font-size: var(--oxnv-okd-select-xl-tag-icon-font-size,16px); }
.oxnv-select-footer-dialog > .oxnv-select-footer { align-items: center; display: flex; }
.oxnv-select-footer-dialog > .oxnv-select-footer > .oxnv-select-footer-cancel { max-width: 30%; }
.oxnv-select-footer-dialog > .oxnv-select-footer > .oxnv-select-footer-confirm { margin-left: 12px; }
.oxnv-select-option-dialog-container { padding: var(--oxnv-okd-select-mobile-option-container-padding-vertical) 0; background: var(--oxnv-okd-select-drop-box-bg) !important; }
.oxnv-select-option.fixed-height { height: calc(100% - 32px); max-height: unset; }
.oxnv-select-option.fixed-height .oxnv-dialog-scroll-box { display: flex; flex-direction: column; overflow-y: hidden; }
.oxnv-select-option.fixed-height .oxnv-dialog-container { display: flex; flex-direction: column; }
.oxnv-select-option.fixed-height .oxnv-select-item-container { flex: 1 1 0%; }
.oxnv-select-option.fixed-height .oxnv-select-item-container.oxnv-select-item-container-real { overflow: auto; }
.oxnv-select-option.fixed-height.oxnv-select-option-fit-to-height { height: unset; max-height: calc(100% - 32px); }
.oxnv-select-option.fixed-height.oxnv-select-option-fit-to-height .oxnv-dialog-container { max-height: 100%; overflow: auto; }
.oxnv-select-option-pc { cursor: auto; display: flex; flex-direction: column; max-height: 248px; padding-top: var(--oxnv-okd-select-drop-box-margin-top); }
.oxnv-select-option-pc .oxnv-select-option-box { background: var(--oxnv-okd-select-drop-box-bg); border: 1px solid var(--oxnv-okd-select-drop-box-border-color); border-radius: var(--oxnv-okd-select-drop-box-border-radius); box-shadow: var(--oxnv-okd-select-drop-box-shadow); display: flex; flex-direction: column; height: 100%; overflow: auto; padding: 4px 0px; }
.oxnv-select-option-pc .pc-option-scroll { flex: 1 1 0%; overflow: auto; }
.oxnv-select-option-pc .pc-option-footer { border-top: thin solid var(--oxnv-okd-select-common-border-color); padding: 12px 16px; }
.oxnv-select-option-pc.align-left { right: unset; }
.oxnv-select-option-pc.align-right { left: unset; }
.oxnv-select-option-pc.fixed-height { height: unset; }
.oxnv-select-option-pc.fixed-height .pc-option-scroll { display: flex; flex: 0 0 auto; flex-direction: column; height: 276px; overflow: hidden; }
.oxnv-select-option .pc-option-scroll.oxnv-select-option-pc-fit-to-height { height: auto; max-height: 292px; }
.oxnv-select-option-mask { z-index: 9800; }
.oxnv-select .select-popup-reference { cursor: pointer; position: absolute; }
.oxnv-select-option-dialog-container > .oxnv-select-footer-dialog { padding: 16px; }
.oxnv-select-value { box-sizing: border-box; cursor: pointer; font-size: var(--oxnv-okd-select-md-text-font-size); }
.oxnv-select-value-box { outline: none; }
.oxnv-select-value .value { align-items: center; color: var(--oxnv-okd-select-input-select-default-text-color,var(--oxnv-okd-select-common-text-color)); display: flex; margin-right: 8px; width: 100%; }
.oxnv-select-value .placeholder { color: var(--oxnv-okd-input-default-placeholder-color); }
.oxnv-select-value .disabled { cursor: not-allowed; }
.oxnv-select-value .disabled .value { color: var(--oxnv-okd-select-input-select-disabled-text-color,var(--oxnv-okd-input-disabled-text-color)); }
.oxnv-select-value .disabled .icon-sign { color: var(--oxnv-okd-select-input-select-disabled-icon-color,var(--oxnv-okd-select-input-select-default-icon-color)); }
.oxnv-select-value .icon-sign { color: var(--oxnv-okd-select-input-select-default-icon-color); font-size: var(--oxnv-okd-select-input-select-default-icon-size); margin-left: auto; margin-right: 4px; transition: transform 0.2s linear; }
.oxnv-select-inner-box { cursor: pointer; position: relative; }
.oxnv-select-inner-box input[readonly] { cursor: pointer; }
.oxnv-select-inner-box > .reference-suffix { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); }
.oxnv-select-tag-container { display: flex; flex-wrap: wrap; margin-right: 4px; margin-top: 4px; max-width: 100%; padding-right: 24px; }
.oxnv-select-tag-container-responsive { display: flex; margin-right: 24px; margin-top: 4px; width: 100%; }
.oxnv-input-sm .oxnv-select-inner-box > .reference-suffix { right: var(--oxnv-okd-input-sm-padding-horizontal); }
.oxnv-input-sm.oxnv-select-value { font-size: var(--oxnv-okd-select-sm-text-font-size); }
.oxnv-input-md .oxnv-select-inner-box > .reference-suffix { right: var(--oxnv-okd-input-md-padding-horizontal); }
.oxnv-input-md.oxnv-select-value { font-size: var(--oxnv-okd-select-md-text-font-size); }
.oxnv-input-xs .oxnv-select-inner-box > .reference-suffix { right: var(--oxnv-okd-input-xs-padding-horizontal); }
.oxnv-input-xs.oxnv-select-value { font-size: var(--oxnv-okd-select-xs-text-font-size); }
.oxnv-input-lg .oxnv-select-inner-box > .reference-suffix { right: var(--oxnv-okd-input-lg-padding-horizontal); }
.oxnv-input-lg.oxnv-select-value { font-size: var(--oxnv-okd-select-lg-text-font-size,var(--oxnv-okd-select-lg-text-font-size)); }
.oxnv-input-xl .oxnv-select-inner-box > .reference-suffix { right: var(--oxnv-okd-input-xl-padding-horizontal); }
.oxnv-input-xl.oxnv-select-value { font-size: var(--oxnv-okd-select-xl-text-font-size,var(--oxnv-okd-select-md-text-font-size)); }
.oxnv-select-value { width: 100%; }
.oxnv-select-text-value { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; font-size: var(--oxnv-okd-select-md-text-font-size); justify-content: flex-start; }
.oxnv-select-text-value.align-right { justify-content: flex-end; }
.oxnv-select-text-value .value { align-items: center; color: var(--oxnv-okd-select-text-select-default-font-color); display: flex; }
.oxnv-select-text-value .icon-sign { align-items: center; color: var(--oxnv-okd-select-text-select-default-icon-color); display: flex; font-size: var(--oxnv-okd-select-text-select-default-icon-size); margin-left: 6px; margin-right: 0px; }
.oxnv-select-text-value:hover .value { color: var(--oxnv-okd-select-text-select-hover-font-color); }
.oxnv-select-text-value:hover .icon-sign { color: var(--oxnv-okd-select-text-select-hover-icon-color); }
.oxnv-select-text-value.focus .value { color: var(--oxnv-okd-select-text-select-select-font-color); }
.oxnv-select-text-value.focus .icon-sign { color: var(--oxnv-okd-select-text-select-select-icon-color); }
.oxnv-select-text-value.disabled { cursor: not-allowed; }
.oxnv-select-text-value.disabled .value { color: var(--oxnv-okd-select-text-select-disabled-font-color); }
.oxnv-select-text-value.disabled .icon-sign { color: var(--oxnv-okd-select-text-select-disabled-icon-color); }
.input-sm.oxnv-select-text-value { font-size: var(--oxnv-okd-select-sm-text-font-size); }
.input-md.oxnv-select-text-value { font-size: var(--oxnv-okd-select-md-text-font-size); }
.input-xs.oxnv-select-text-value { font-size: var(--oxnv-okd-select-xs-text-font-size); }
.input-lg.oxnv-select-text-value { font-size: var(--oxnv-okd-select-lg-text-font-size,var(--oxnv-okd-select-lg-text-font-size)); }
.input-xl.oxnv-select-text-value { font-size: var(--oxnv-okd-select-xl-text-font-size,var(--oxnv-okd-select-md-text-font-size)); }
.oxnv-select-value-box:focus-visible .oxnv-select-a11y-ring { outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.oxnv-select-value-box:focus-visible .oxnv-select-a11y-ring-text { border-radius: 4px; outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.oxnv-select-value-box.display-area:focus-visible { border-radius: 4px; outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.oxnv-select .select-up { transition: transform 0.2s linear; }
.oxnv-select .select-up-active { transform: rotate(180deg); }
.oxnv-select-reference-icon-clear { color: var(--oxnv-okd-select-reference-icon-default-color,#929292); display: inline-block; margin-right: 4px; transition: transform 0.2s linear; }
.oxnv-select-reference-icon-clear:hover { color: var(--oxnv-okd-select-reference-icon-hover-color,#000); }
.oxnv-select-reference-icon-clear.disabled { pointer-events: none; }
.oxnv-select-reference-icon { display: inline-block; }
.oxnv-select-reference-icon.oxnv-select-arrow-icon-sm { font-size: var(--oxnv-okd-select-sm-arrow-icon-font-size,14px); }
.oxnv-select-reference-icon.oxnv-select-reference-icon-sm { font-size: var(--oxnv-okd-select-sm-reference-icon-font-size,14px); }
.oxnv-select-reference-icon.oxnv-select-arrow-icon-md { font-size: var(--oxnv-okd-select-md-arrow-icon-font-size,16px); }
.oxnv-select-reference-icon.oxnv-select-reference-icon-md { font-size: var(--oxnv-okd-select-md-reference-icon-font-size,16px); }
.oxnv-select-reference-icon.oxnv-select-arrow-icon-xs { font-size: var(--oxnv-okd-select-xs-arrow-icon-font-size,14px); }
.oxnv-select-reference-icon.oxnv-select-reference-icon-xs { font-size: var(--oxnv-okd-select-xs-reference-icon-font-size,14px); }
.oxnv-select-reference-icon.oxnv-select-arrow-icon-lg { font-size: var(--oxnv-okd-select-lg-arrow-icon-font-size,16px); }
.oxnv-select-reference-icon.oxnv-select-reference-icon-lg { font-size: var(--oxnv-okd-select-lg-reference-icon-font-size,16px); }
.oxnv-select-reference-icon.oxnv-select-arrow-icon-xl { font-size: var(--oxnv-okd-select-xl-arrow-icon-font-size,16px); }
.oxnv-select-reference-icon.oxnv-select-reference-icon-xl { font-size: var(--oxnv-okd-select-xl-reference-icon-font-size,16px); }
.oxnv-select { box-sizing: border-box; position: relative; }
.oxnv-select.select-text { display: inline-block; }
.theme-light { --oxnv-okd-select-common-placeholder-color: #bdbdbd; --oxnv-okd-select-common-text-color: #3d3d3d; --oxnv-okd-select-common-title-color: var(--oxnv-okd-color-content-static-subtle); --oxnv-okd-select-common-border-color: var(--oxnv-okd-color-border-static-subtle); --oxnv-okd-select-option-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-option-active-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-option-default-bg: hsla(0,0%,100%,0); --oxnv-okd-select-option-hover-bg: var(--oxnv-okd-color-surface-interactive-hovered); --oxnv-okd-select-option-active-bg: hsla(0,0%,100%,0); --oxnv-okd-select-option-disabled-bg: hsla(0,0%,100%,0); --oxnv-okd-select-check-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-empty-default-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-empty-default-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-search-input-bg: #ebebeb; --oxnv-okd-select-search-input-placeholder-color: #929292; --oxnv-okd-select-search-input-color: #000; --oxnv-okd-select-search-input-icon-color: #6e6e6e; --oxnv-okd-select-search-input-border-radius: 4px; --oxnv-okd-select-drop-box-border-color: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-shadow: var(--oxnv-okd-shadow-lg); --oxnv-okd-select-drop-box-bg: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-margin-top: 4px; --oxnv-okd-select-drop-box-border-radius: 8px; --oxnv-okd-select-text-select-default-icon-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-text-select-default-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-font-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-font-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-font-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-text-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-icon-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-icon-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-default-icon-size: 16px; --oxnv-okd-select-md-title-font-size: 10px; --oxnv-okd-select-sm-title-font-size: 10px; --oxnv-okd-select-xs-title-font-size: 10px; --oxnv-okd-select-md-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-sm-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-xs-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-md-title-padding-horizontal: 16px; --oxnv-okd-select-md-title-padding-top: 12px; --oxnv-okd-select-md-title-padding-bottom: 4px; --oxnv-okd-select-sm-title-padding-horizontal: 12px; --oxnv-okd-select-sm-title-padding-top: 4px; --oxnv-okd-select-sm-title-padding-bottom: 4px; --oxnv-okd-select-xs-title-padding-horizontal: 12px; --oxnv-okd-select-xs-title-padding-top: 4px; --oxnv-okd-select-xs-title-padding-bottom: 4px; --oxnv-okd-select-md-text-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-select-sm-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-xs-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-md-option-padding-horizontal: 16px; --oxnv-okd-select-md-option-padding-vertical: 12px; --oxnv-okd-select-sm-option-padding-horizontal: 12px; --oxnv-okd-select-sm-option-padding-vertical: 8px; --oxnv-okd-select-xs-option-padding-horizontal: 12px; --oxnv-okd-select-xs-option-padding-vertical: 8px; --oxnv-okd-select-md-check-icon-font-size: 16px; --oxnv-okd-select-sm-check-icon-font-size: 16px; --oxnv-okd-select-xs-check-icon-font-size: 16px; --oxnv-okd-select-md-empty-icon-font-size: 24px; --oxnv-okd-select-sm-empty-icon-font-size: 24px; --oxnv-okd-select-xs-empty-icon-font-size: 24px; --oxnv-okd-select-md-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-icon-size: 18px; --oxnv-okd-select-sm-search-icon-size: 18px; --oxnv-okd-select-xs-search-icon-size: 18px; --oxnv-okd-select-md-text-select-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-text-select-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-text-select-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-search-margin-vertical: 8px; --oxnv-okd-select-md-search-margin-horizontal: 16px; --oxnv-okd-select-md-search-height: 28px; --oxnv-okd-select-sm-search-margin-vertical: 8px; --oxnv-okd-select-sm-search-margin-horizontal: 12px; --oxnv-okd-select-sm-search-height: 28px; --oxnv-okd-select-xs-search-margin-vertical: 8px; --oxnv-okd-select-xs-search-margin-horizontal: 12px; --oxnv-okd-select-xs-search-height: 28px; --oxnv-okd-select-option-common-line-color: var(--oxnv-okd-color-border-primary); --oxnv-okd-select-option-common-line-height: 1px; --oxnv-okd-select-option-common-line-margin-vertical: 6px; --oxnv-okd-select-md-search-padding-vertical: 5px; --oxnv-okd-select-md-search-padding-horizontal: 8px; --oxnv-okd-select-sm-search-padding-vertical: 5px; --oxnv-okd-select-sm-search-padding-horizontal: 8px; --oxnv-okd-select-xs-search-padding-vertical: 5px; --oxnv-okd-select-xs-search-padding-horizontal: 8px; --oxnv-okd-select-mobile-option-container-padding-vertical: 8px; --oxnv-okd-select-mobile-option-item-container-padding-top: 8px; --oxnv-okd-select-search-input-clear-icon-color: #bdbdbd; --oxnv-okd-select-md-search-clear-icon-size: 14px; --oxnv-okd-select-sm-search-clear-icon-size: 14px; --oxnv-okd-select-xs-search-clear-icon-size: 14px; --oxnv-okd-select-lg-title-padding-top: 12px; --oxnv-okd-select-lg-title-padding-bottom: 4px; --oxnv-okd-select-lg-title-padding-horizontal: 16px; --oxnv-okd-select-lg-title-font-size: 12px; --oxnv-okd-select-lg-title-line-height: var(--oxnv-okd-select-lg-title-font-size); --oxnv-okd-select-lg-option-line-height: var(--oxnv-okd-select-lg-option-line-height); --oxnv-okd-select-lg-option-padding-vertical: 12px; --oxnv-okd-select-lg-option-padding-horizontal: 16px; --oxnv-okd-select-lg-option-font-size: 14px; --oxnv-okd-select-lg-empty-icon-font-size: 24px; --oxnv-okd-select-lg-empty-font-size: 14px; --oxnv-okd-select-lg-search-margin-horizontal: 16px; --oxnv-okd-select-lg-search-margin-vertical: 8px; --oxnv-okd-select-lg-search-padding-horizontal: 8px; --oxnv-okd-select-lg-search-padding-vertical: 4px; --oxnv-okd-select-lg-search-height: 28px; --oxnv-okd-select-lg-search-icon-size: 18px; --oxnv-okd-select-lg-search-clear-icon-size: 14px; --oxnv-okd-select-lg-search-input-font-size: 14px; --oxnv-okd-select-lg-text-select-font-size: 14px; --oxnv-okd-select-lg-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-lg-text-font-size: 14px; --oxnv-okd-select-xl-title-padding-top: 12px; --oxnv-okd-select-xl-title-padding-bottom: 4px; --oxnv-okd-select-xl-title-padding-horizontal: 16px; --oxnv-okd-select-xl-title-font-size: 12px; --oxnv-okd-select-xl-title-line-height: var(--oxnv-okd-select-xl-title-font-size); --oxnv-okd-select-xl-option-line-height: var(--oxnv-okd-select-xl-option-line-height); --oxnv-okd-select-xl-option-padding-vertical: 12px; --oxnv-okd-select-xl-option-padding-horizontal: 16px; --oxnv-okd-select-xl-option-font-size: 14px; --oxnv-okd-select-xl-empty-icon-font-size: 24px; --oxnv-okd-select-xl-empty-font-size: 14px; --oxnv-okd-select-xl-search-margin-horizontal: 16px; --oxnv-okd-select-xl-search-margin-vertical: 8px; --oxnv-okd-select-xl-search-padding-horizontal: 8px; --oxnv-okd-select-xl-search-padding-vertical: 4px; --oxnv-okd-select-xl-search-height: 28px; --oxnv-okd-select-xl-search-icon-size: 18px; --oxnv-okd-select-xl-search-clear-icon-size: 14px; --oxnv-okd-select-xl-search-input-font-size: 14px; --oxnv-okd-select-xl-text-select-font-size: 14px; --oxnv-okd-select-xl-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-xl-text-font-size: 14px; --oxnv-okd-select-mobile-option-line-height: 20px; --oxnv-okd-select-mobile-option-padding-vertical: 18px; --oxnv-okd-select-mobile-option-padding-horizontal: 16px; --oxnv-okd-select-mobile-option-font-size: 16px; --oxnv-okd-select-mobile-option-icon-font-size: 24px; --oxnv-okd-select-mobile-option-title-padding-top: var(--oxnv-okd-select-md-title-padding-top); --oxnv-okd-select-mobile-option-title-padding-bottom: var(--oxnv-okd-select-md-title-padding-bottom); --oxnv-okd-select-mobile-option-title-padding-horizontal: var(--oxnv-okd-select-md-title-padding-horizontal); --oxnv-okd-select-mobile-option-title-font-size: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-mobile-option-title-line-height: var(--oxnv-okd-select-md-title-line-height); --oxnv-okd-select-xl-option-icon-font-size: 20px; --oxnv-okd-select-lg-option-icon-font-size: 20px; --oxnv-okd-select-md-option-icon-font-size: 20px; --oxnv-okd-select-sm-option-icon-font-size: 16px; --oxnv-okd-select-xs-option-icon-font-size: 16px; --oxnv-okd-select-xl-tag-icon-font-size: 16px; --oxnv-okd-select-lg-tag-icon-font-size: 16px; --oxnv-okd-select-md-tag-icon-font-size: 16px; --oxnv-okd-select-sm-tag-icon-font-size: 14px; --oxnv-okd-select-xs-tag-icon-font-size: 14px; --oxnv-okd-select-xl-reference-icon-font-size: 20px; --oxnv-okd-select-lg-reference-icon-font-size: 20px; --oxnv-okd-select-md-reference-icon-font-size: 20px; --oxnv-okd-select-sm-reference-icon-font-size: 16px; --oxnv-okd-select-xs-reference-icon-font-size: 16px; --oxnv-okd-select-xl-tag-text-font-size: 14px; --oxnv-okd-select-lg-tag-text-font-size: 14px; --oxnv-okd-select-md-tag-text-font-size: 14px; --oxnv-okd-select-sm-tag-text-font-size: 12px; --oxnv-okd-select-xs-tag-text-font-size: 12px; --oxnv-okd-select-xl-tag-height: 32px; --oxnv-okd-select-lg-tag-height: 32px; --oxnv-okd-select-md-tag-height: 24px; --oxnv-okd-select-sm-tag-height: 24px; --oxnv-okd-select-xs-tag-height: 20px; --oxnv-okd-select-tag-default-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-disabled-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-text-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-text-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-tag-icon-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-icon-hover-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-tag-icon-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-reference-icon-default-color: var(--oxnv-okd-color-content-contrast); --oxnv-okd-select-reference-icon-hover-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-select-xl-arrow-icon-font-size: 16px; --oxnv-okd-select-lg-arrow-icon-font-size: 16px; --oxnv-okd-select-md-arrow-icon-font-size: 16px; --oxnv-okd-select-sm-arrow-icon-font-size: 14px; --oxnv-okd-select-xs-arrow-icon-font-size: 14px; --oxnv-okd-select-tag-icon-padding-left: 4px; --oxnv-okd-select-tag-border-radius: 4px; --oxnv-okd-select-tag-margin-right: 4px; --oxnv-okd-select-tag-margin-bottom: 4px; --oxnv-okd-select-tag-padding-horizontal: 8px; --oxnv-okd-select-xl-input-suffix-margin-left: 16px; --oxnv-okd-select-lg-input-suffix-margin-left: 16px; --oxnv-okd-select-md-input-suffix-margin-left: 16px; --oxnv-okd-select-sm-input-suffix-margin-left: 16px; --oxnv-okd-select-xs-input-suffix-margin-left: 12px; --oxnv-okd-select-xl-tag-margin-right: 4px; --oxnv-okd-select-lg-tag-margin-right: 4px; --oxnv-okd-select-md-tag-margin-right: 4px; --oxnv-okd-select-sm-tag-margin-right: 4px; --oxnv-okd-select-xs-tag-margin-right: 4px; --oxnv-okd-select-input-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); }
.theme-dark { --oxnv-okd-select-common-placeholder-color: #ccc; --oxnv-okd-select-common-text-color: #fafafa; --oxnv-okd-select-common-title-color: var(--oxnv-okd-color-content-static-subtle); --oxnv-okd-select-common-border-color: var(--oxnv-okd-color-border-static-subtle); --oxnv-okd-select-option-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-option-active-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-option-default-bg: transparent; --oxnv-okd-select-option-hover-bg: var(--oxnv-okd-color-surface-interactive-hovered); --oxnv-okd-select-option-active-bg: rgba(52,52,52,0); --oxnv-okd-select-option-disabled-bg: rgba(52,52,52,0); --oxnv-okd-select-check-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-empty-default-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-empty-default-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-search-input-bg: rgba(64,64,64,.5); --oxnv-okd-select-search-input-placeholder-color: #6c6c6c; --oxnv-okd-select-search-input-color: #fafafa; --oxnv-okd-select-search-input-icon-color: #909090; --oxnv-okd-select-search-input-border-radius: 4px; --oxnv-okd-select-drop-box-border-color: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-shadow: var(--oxnv-okd-shadow-sm),var(--oxnv-okd-shadow-md); --oxnv-okd-select-drop-box-bg: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-margin-top: 4px; --oxnv-okd-select-drop-box-border-radius: 8px; --oxnv-okd-select-text-select-default-icon-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-text-select-default-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-font-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-font-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-font-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-text-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-icon-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-icon-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-default-icon-size: 16px; --oxnv-okd-select-md-title-font-size: 10px; --oxnv-okd-select-sm-title-font-size: 10px; --oxnv-okd-select-xs-title-font-size: 10px; --oxnv-okd-select-md-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-sm-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-xs-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-md-title-padding-horizontal: 16px; --oxnv-okd-select-md-title-padding-top: 4px; --oxnv-okd-select-md-title-padding-bottom: 4px; --oxnv-okd-select-sm-title-padding-horizontal: 12px; --oxnv-okd-select-sm-title-padding-top: 4px; --oxnv-okd-select-sm-title-padding-bottom: 4px; --oxnv-okd-select-xs-title-padding-horizontal: 12px; --oxnv-okd-select-xs-title-padding-top: 4px; --oxnv-okd-select-xs-title-padding-bottom: 4px; --oxnv-okd-select-md-text-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-select-sm-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-xs-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-md-option-padding-horizontal: 16px; --oxnv-okd-select-md-option-padding-vertical: 8px; --oxnv-okd-select-sm-option-padding-horizontal: 12px; --oxnv-okd-select-sm-option-padding-vertical: 8px; --oxnv-okd-select-xs-option-padding-horizontal: 12px; --oxnv-okd-select-xs-option-padding-vertical: 8px; --oxnv-okd-select-md-check-icon-font-size: 16px; --oxnv-okd-select-sm-check-icon-font-size: 16px; --oxnv-okd-select-xs-check-icon-font-size: 16px; --oxnv-okd-select-md-empty-icon-font-size: 24px; --oxnv-okd-select-sm-empty-icon-font-size: 24px; --oxnv-okd-select-xs-empty-icon-font-size: 24px; --oxnv-okd-select-md-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-icon-size: 18px; --oxnv-okd-select-sm-search-icon-size: 18px; --oxnv-okd-select-xs-search-icon-size: 18px; --oxnv-okd-select-md-search-margin-vertical: 8px; --oxnv-okd-select-md-search-margin-horizontal: 16px; --oxnv-okd-select-md-search-height: 28px; --oxnv-okd-select-sm-search-margin-vertical: 8px; --oxnv-okd-select-sm-search-margin-horizontal: 12px; --oxnv-okd-select-sm-search-height: 28px; --oxnv-okd-select-xs-search-margin-vertical: 8px; --oxnv-okd-select-xs-search-margin-horizontal: 12px; --oxnv-okd-select-xs-search-height: 28px; --oxnv-okd-select-option-common-line-color: var(--oxnv-okd-color-border-primary); --oxnv-okd-select-option-common-line-height: 1px; --oxnv-okd-select-option-common-line-margin-vertical: 6px; --oxnv-okd-select-md-search-padding-vertical: 5px; --oxnv-okd-select-md-search-padding-horizontal: 8px; --oxnv-okd-select-sm-search-padding-vertical: 5px; --oxnv-okd-select-sm-search-padding-horizontal: 8px; --oxnv-okd-select-xs-search-padding-vertical: 5px; --oxnv-okd-select-xs-search-padding-horizontal: 8px; --oxnv-okd-select-mobile-option-container-padding-vertical: 8px; --oxnv-okd-select-mobile-option-item-container-padding-top: 8px; --oxnv-okd-select-search-input-clear-icon-color: #6c6c6c; --oxnv-okd-select-md-search-clear-icon-size: 14px; --oxnv-okd-select-sm-search-clear-icon-size: 14px; --oxnv-okd-select-xs-search-clear-icon-size: 14px; --oxnv-okd-select-lg-title-padding-top: 12px; --oxnv-okd-select-lg-title-padding-bottom: 14px; --oxnv-okd-select-lg-title-padding-horizontal: 16px; --oxnv-okd-select-lg-title-font-size: 12px; --oxnv-okd-select-lg-title-line-height: var(--oxnv-okd-select-lg-title-font-size); --oxnv-okd-select-lg-option-line-height: var(--oxnv-okd-select-lg-option-line-height); --oxnv-okd-select-lg-option-padding-vertical: 12px; --oxnv-okd-select-lg-option-padding-horizontal: 16px; --oxnv-okd-select-lg-option-font-size: 14px; --oxnv-okd-select-lg-empty-icon-font-size: 24px; --oxnv-okd-select-lg-empty-font-size: 14px; --oxnv-okd-select-lg-search-margin-horizontal: 16px; --oxnv-okd-select-lg-search-margin-vertical: 8px; --oxnv-okd-select-lg-search-padding-horizontal: 8px; --oxnv-okd-select-lg-search-padding-vertical: 4px; --oxnv-okd-select-lg-search-height: 28px; --oxnv-okd-select-lg-search-icon-size: 18px; --oxnv-okd-select-lg-search-clear-icon-size: 14px; --oxnv-okd-select-lg-search-input-font-size: 14px; --oxnv-okd-select-lg-text-select-font-size: 14px; --oxnv-okd-select-lg-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-lg-text-font-size: 14px; --oxnv-okd-select-xl-title-padding-top: 12px; --oxnv-okd-select-xl-title-padding-bottom: 14px; --oxnv-okd-select-xl-title-padding-horizontal: 16px; --oxnv-okd-select-xl-title-font-size: 12px; --oxnv-okd-select-xl-title-line-height: var(--oxnv-okd-select-xl-title-font-size); --oxnv-okd-select-xl-option-line-height: var(--oxnv-okd-select-xl-option-line-height); --oxnv-okd-select-xl-option-padding-vertical: 12px; --oxnv-okd-select-xl-option-padding-horizontal: 16px; --oxnv-okd-select-xl-option-font-size: 14px; --oxnv-okd-select-xl-empty-icon-font-size: 24px; --oxnv-okd-select-xl-empty-font-size: 14px; --oxnv-okd-select-xl-search-margin-horizontal: 16px; --oxnv-okd-select-xl-search-margin-vertical: 8px; --oxnv-okd-select-xl-search-padding-horizontal: 8px; --oxnv-okd-select-xl-search-padding-vertical: 4px; --oxnv-okd-select-xl-search-height: 28px; --oxnv-okd-select-xl-search-icon-size: 18px; --oxnv-okd-select-xl-search-clear-icon-size: 14px; --oxnv-okd-select-xl-search-input-font-size: 14px; --oxnv-okd-select-xl-text-select-font-size: 14px; --oxnv-okd-select-xl-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-xl-text-font-size: 14px; --oxnv-okd-select-sm-text-select-font-size: 12px; --oxnv-okd-select-mobile-option-line-height: 20px; --oxnv-okd-select-mobile-option-padding-vertical: 18px; --oxnv-okd-select-mobile-option-padding-horizontal: 16px; --oxnv-okd-select-mobile-option-font-size: 16px; --oxnv-okd-select-mobile-option-icon-font-size: 24px; --oxnv-okd-select-mobile-option-title-padding-top: var(--oxnv-okd-select-md-title-padding-top); --oxnv-okd-select-mobile-option-title-padding-bottom: var(--oxnv-okd-select-md-title-padding-bottom); --oxnv-okd-select-mobile-option-title-padding-horizontal: var(--oxnv-okd-select-md-title-padding-horizontal); --oxnv-okd-select-mobile-option-title-font-size: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-mobile-option-title-line-height: var(--oxnv-okd-select-md-title-line-height); --oxnv-okd-select-xl-option-icon-font-size: 20px; --oxnv-okd-select-lg-option-icon-font-size: 20px; --oxnv-okd-select-md-option-icon-font-size: 20px; --oxnv-okd-select-sm-option-icon-font-size: 16px; --oxnv-okd-select-xs-option-icon-font-size: 16px; --oxnv-okd-select-xl-tag-icon-font-size: 16px; --oxnv-okd-select-lg-tag-icon-font-size: 16px; --oxnv-okd-select-md-tag-icon-font-size: 16px; --oxnv-okd-select-sm-tag-icon-font-size: 14px; --oxnv-okd-select-xs-tag-icon-font-size: 14px; --oxnv-okd-select-xl-reference-icon-font-size: 20px; --oxnv-okd-select-lg-reference-icon-font-size: 20px; --oxnv-okd-select-md-reference-icon-font-size: 20px; --oxnv-okd-select-sm-reference-icon-font-size: 16px; --oxnv-okd-select-xs-reference-icon-font-size: 16px; --oxnv-okd-select-xl-tag-text-font-size: 14px; --oxnv-okd-select-lg-tag-text-font-size: 14px; --oxnv-okd-select-md-tag-text-font-size: 14px; --oxnv-okd-select-sm-tag-text-font-size: 12px; --oxnv-okd-select-xs-tag-text-font-size: 12px; --oxnv-okd-select-xl-tag-height: 32px; --oxnv-okd-select-lg-tag-height: 32px; --oxnv-okd-select-md-tag-height: 24px; --oxnv-okd-select-sm-tag-height: 24px; --oxnv-okd-select-xs-tag-height: 20px; --oxnv-okd-select-tag-default-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-disabled-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-text-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-text-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-tag-icon-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-icon-hover-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-tag-icon-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-reference-icon-default-color: var(--oxnv-okd-color-content-contrast); --oxnv-okd-select-reference-icon-hover-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-select-xl-arrow-icon-font-size: 16px; --oxnv-okd-select-lg-arrow-icon-font-size: 16px; --oxnv-okd-select-md-arrow-icon-font-size: 16px; --oxnv-okd-select-sm-arrow-icon-font-size: 14px; --oxnv-okd-select-xs-arrow-icon-font-size: 14px; --oxnv-okd-select-tag-icon-padding-left: 4px; --oxnv-okd-select-tag-border-radius: 4px; --oxnv-okd-select-tag-margin-right: 4px; --oxnv-okd-select-tag-margin-bottom: 4px; --oxnv-okd-select-tag-padding-horizontal: 8px; --oxnv-okd-select-xl-input-suffix-margin-left: 16px; --oxnv-okd-select-lg-input-suffix-margin-left: 16px; --oxnv-okd-select-md-input-suffix-margin-left: 16px; --oxnv-okd-select-sm-input-suffix-margin-left: 16px; --oxnv-okd-select-xs-input-suffix-margin-left: 12px; --oxnv-okd-select-xl-tag-margin-right: 4px; --oxnv-okd-select-lg-tag-margin-right: 4px; --oxnv-okd-select-md-tag-margin-right: 4px; --oxnv-okd-select-sm-tag-margin-right: 4px; --oxnv-okd-select-xs-tag-margin-right: 4px; --oxnv-okd-select-input-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); }
.oxnv-virtual-list-empty { align-items: center; display: flex; height: 100%; justify-content: center; }
.oxnv-overflow { overflow: hidden; }
.oxnv-overflow-hidden { height: 0px; opacity: 0; overflow-y: hidden; pointer-events: none; position: absolute; }
.index_banner__NOf6H { align-items: center; border-radius: 8px; cursor: pointer; display: flex; justify-content: space-between; margin: 8px 16px; padding: 12px 16px; }
.index_img__sJQ9X { flex-shrink: 0; height: 48px; margin-right: 8px; width: 48px; }
.index_content__bAa5L { flex: 1 1 0%; min-width: 0px; }
.index_title__1wspe { color: var(--oxnv-okd-color-content-static-default); font-size: 14px; font-weight: 500; line-height: 16px; }
.index_desc__esWvC { color: var(--oxnv-okd-color-content-static-subtle); font-size: 12px; font-weight: 400; line-height: 18px; }
.index_arrow__rTMY6 { color: var(--oxnv-okd-color-content-tertiary); flex-shrink: 0; font-size: 16px; margin-left: 8px; }
.index_box__MU-0F { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin: 8px 16px; }
.index_input__2Lutd { flex: 1 1 0%; }
.index_cancel__pgZ9j.index_cancel__pgZ9j.index_cancel__pgZ9j { color: var(--oxnv-okd-color-text-amplifed); cursor: pointer; line-height: 16px; margin-left: 16px; user-select: none; }
.index_inputCls__8m8Il { text-overflow: ellipsis; }
.index_title__Lb\+ib { align-items: center; display: flex; flex-direction: row; justify-content: space-between; padding: 8px 16px; }
.index_text__x\+Fud { color: var(--oxnv-okd-color-text-amplifed); font-size: 16px; font-weight: 700; }
.index_icon__rJrjc.index_icon__rJrjc { color: var(--oxnv-okd-color-text-light); cursor: pointer; font-size: 20px; }
.index_icon__rJrjc.index_icon__rJrjc:hover { color: var(--oxnv-okd-color-gray-900); }
@media (min-width: 768px) {
  .modal_outContainer__-4W7f { max-width: 497px; }
}
.modal_noBorder__ypNvj.modal_noBorder__ypNvj.modal_noBorder__ypNvj { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.modal_footer__z85mk { padding-bottom: 56px; }
.modal_title__T4SVq { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--Night-FQ-Neutral); display: -webkit-box; font-size: 28px; font-style: normal; font-weight: 700; line-height: 34px; overflow: hidden; text-overflow: ellipsis; }
.modal_img__uV1P3 { left: 50%; margin-bottom: 51px; position: relative; transform: translateX(-50%); }
.modal_box__5fZAg { margin: 24px 0px 40px; }
.modal_item__xnvG9 { align-items: center; color: var(--oxnv-okd-color-content-primary); display: flex; font-size: 16px; font-weight: 400; line-height: 24px; }
.modal_item__xnvG9 span { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }
.modal_item__xnvG9:nth-child(2n) { margin: 8px 0px; }
.modal_compliance__ZRt4R { color: var(--oxnv-okd-color-content-tertiary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; }
.modal_checkbox__Rdydu.modal_checkbox__Rdydu.modal_checkbox__Rdydu { color: var(--oxnv-okd-color-content-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 158%; margin-top: 24px; }
.modal_link__Y8Qnz { text-decoration: underline; }
.modal_icon__aN6E9 { font-size: 20px; margin-right: 8px; }
.Item_item__0KmVR { align-items: center; color: var(--global-search-his-item-color); cursor: pointer; display: flex; flex-direction: row; font-size: 12px; justify-content: space-between; padding: 10px 16px; }
.Item_item__0KmVR:hover { background-color: var(--oxnv-okd-color-background-2); }
.Item_left__jDIFG { align-items: center; display: flex; flex: 1 1 0%; flex-direction: row; justify-content: flex-start; margin-right: 24px; overflow: hidden; }
.Item_name__4PPnh { line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }
.Item_clock__aUefu { font-size: 16px; margin-right: 12px; }
.Item_close__mxLrN { color: var(--global-search-his-close-icon-color); flex-shrink: 0; font-size: 16px; }
.index_hisBox__oWLg2 { padding: 8px 0px 16px; }
.index_more__1kJKo { color: var(--oxnv-okd-color-fq-accent); cursor: pointer; font-size: 12px; padding: 0px 16px; }
.oxnv-tooltip .oxnv-popup-layer-content { overflow-wrap: break-word; border-radius: 2px; box-shadow: var(--oxnv-okd-tooltip-default-shadow); color: var(--oxnv-okd-tooltip-default-font-color); font-size: 12px; line-height: 16px; max-width: 160px; padding: 8px; }
.oxnv-tooltip .oxnv-popup-layer-arrow-inner, .oxnv-tooltip .oxnv-popup-layer-content { background-color: var(--oxnv-okd-tooltip-neutral-background); }
.oxnv-tooltip-negative .oxnv-popup-layer-arrow-inner, .oxnv-tooltip-negative .oxnv-popup-layer-content { background-color: var(--oxnv-okd-tooltip-negative-background); }
.oxnv-tooltip-positive .oxnv-popup-layer-arrow-inner, .oxnv-tooltip-positive .oxnv-popup-layer-content { background-color: var(--oxnv-okd-tooltip-positive-background); }
.oxnv-tooltip-informative .oxnv-popup-layer-arrow-inner, .oxnv-tooltip-informative .oxnv-popup-layer-content { background-color: var(--oxnv-okd-tooltip-informative-background); }
.index_light__pb6W9 { background-color: var(--global-search-text-light-bg); color: var(--global-search-text-light-color); }
.index_container__LwqwM { box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; justify-content: center; min-height: 60px; padding: 12px 16px; }
.index_container__LwqwM:focus-visible { border-radius: 4px; outline-color: var(--oxnv-okd-color-border-focus); outline-offset: -2px; outline-style: solid; outline-width: 2px; }
.index_container__LwqwM:hover { background-color: var(--oxnv-okd-color-background-2); }
.index_box__cQSyP { font-size: 14px; justify-content: space-between; }
.index_box__cQSyP, .index_left__umQ3I { align-items: center; display: flex; flex-direction: row; }
.index_left__umQ3I { flex: 1 1 0%; justify-content: flex-start; overflow: hidden; }
.index_index__GGMZa { color: var(--oxnv-okd-color-text-light); width: 20px; }
.index_hotIndex__YIuov { color: var(--oxnv-okd-color-fq-warning); font-weight: 700; }
.index_icon__bm5dw.index_icon__bm5dw { flex-shrink: 0; height: 24px; margin: 0px 8px 0px 0px; width: 24px; }
.index_dexIconBox__Zqq1y { margin: 0px 8px 0px 0px; position: relative; }
.index_chainLogo__gLVds.index_chainLogo__gLVds { bottom: -2px; position: absolute; right: -5px; }
.index_avatar__d4qTg.index_avatar__d4qTg { border-radius: 50%; color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; line-height: 24px; text-align: center; }
.index_avatar__d4qTg.index_avatar__d4qTg span { background-color: inherit; border-radius: 50%; }
.index_nameContainer__9mljA { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; line-height: 16px; overflow: hidden; }
.index_traderContainer__sKviC { flex: 1 1 0%; }
.index_nameBox__euLuf { align-items: center; display: flex; }
.index_name__Hqugc { color: var(--oxnv-okd-color-gray-900); font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-break: normal; }
.index_twoRow__k-Mes { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; }
.index_aum__l5vzX { color: var(--oxnv-okd-color-gray-400); font-size: 12px; }
.index_aumValue__m-hCL { color: var(--oxnv-okd-color-gray-900); }
.index_fullName__A2q-I { color: var(--oxnv-okd-color-gray-400); font-size: 12px; }
.index_light__X7Z3m { background-color: var(--global-search-text-light-bg); color: var(--global-search-text-light-color); }
.index_hot__tdtSH { color: var(--oxnv-okd-color-surface-interactive-destructive-default); margin-left: 4px; }
.index_communityRecognized__b2Uiq { color: var(--global-search-community-recognized-icon-color); font-size: 14px; margin-left: 4px; }
.index_nameSuffix__WZ6rN.index_nameSuffix__WZ6rN.index_nameSuffix__WZ6rN.index_nameSuffix__WZ6rN.index_nameSuffix__WZ6rN, .index_preMarketTag__UJXID.index_preMarketTag__UJXID.index_preMarketTag__UJXID.index_preMarketTag__UJXID.index_preMarketTag__UJXID { background: var(--global-search-suffix-tag-bg); }
.index_gap__GpKlb { margin-left: 4px; }
.index_inlineSuffix__dS93R { flex-shrink: 0; white-space: nowrap; }
.index_right__wH9IU { align-items: flex-end; color: var(--oxnv-okd-color-text-amplifed); display: flex; flex-direction: column; justify-content: center; }
.index_last__Ynpdm { line-height: 20px; }
.index_apy__9-ZZ0, .index_chg__2nzus { font-size: 12px; line-height: 16px; }
.index_apy__9-ZZ0 { color: var(--oxnv-okd-color-gray-400); }
.index_optType__M6u2D { color: var(--oxnv-okd-color-gray-900); }
.index_isOpt__rYM2r { align-items: center; display: flex; flex-direction: row; justify-content: center; }
.index_isOpt__rYM2r .index_left__umQ3I { justify-content: flex-start; width: 35%; }
.index_isOpt__rYM2r .index_optType__M6u2D { width: 25%; }
.index_isOpt__rYM2r .index_right__wH9IU { flex: 1 1 0%; text-align: right; width: auto; }
.index_dex-tips__SYuP4 { color: var(--oxnv-okd-color-content-contrast); font-size: 12px; font-weight: 400; line-height: 16px; margin: 8px 0px 0px 32px; }
.index_campaignContainer__Snl0x { align-items: center; display: flex; flex-direction: row; gap: 8px; justify-content: flex-start; margin-top: 4px; }
.index_date__jeD39 { color: var(--oxnv-okd-color-content-contrast); font-size: 12px; }
.index_campaignPicture__bUJ3d, .index_iconContainer__okGmW { border-radius: 3px; height: 24px; margin-right: 8px; width: 24px; }
.index_iconContainer__okGmW { align-items: center; background-color: var(--oxnv-okd-color-background-surface-primary); display: flex; flex-direction: row; justify-content: center; }
.index_placeholder__DYcfq { color: var(--oxnv-okd-color-gray-900); font-size: 18px; }
.theme-light { --oxnv-okd-tooltip-default-font-color: var(--oxnv-okd-color-content-inverse); --oxnv-okd-tooltip-neutral-background: var(--oxnv-okd-color-modal-contrast); --oxnv-okd-tooltip-negative-background: var(--oxnv-okd-color-semantic-negative); --oxnv-okd-tooltip-positive-background: var(--oxnv-okd-color-semantic-positive); --oxnv-okd-tooltip-informative-background: var(--oxnv-okd-color-semantic-informative); }
.theme-dark { --oxnv-okd-tooltip-default-font-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-tooltip-neutral-background: var(--oxnv-okd-color-modal-contrast); --oxnv-okd-tooltip-negative-background: var(--oxnv-okd-color-semantic-negative); --oxnv-okd-tooltip-positive-background: var(--oxnv-okd-color-semantic-positive); --oxnv-okd-tooltip-informative-background: var(--oxnv-okd-color-semantic-informative); }
.index_hotBox__kJYx0 { padding: 6px 0px 0px; }
.index_oxnv-text-display-lg__yMYl\+ { font-size: var(--oxnv-okd-text-display-lg-font-size); font-weight: var(--oxnv-okd-text-display-lg-font-weight); line-height: var(--oxnv-okd-text-display-lg-line-height); }
.index_oxnv-text-display-md__NtGVU { font-size: var(--oxnv-okd-text-display-md-font-size); font-weight: var(--oxnv-okd-text-display-md-font-weight); line-height: var(--oxnv-okd-text-display-md-line-height); }
.index_oxnv-text-display-sm__oF5ps { font-size: var(--oxnv-okd-text-display-sm-font-size); font-weight: var(--oxnv-okd-text-display-sm-font-weight); line-height: var(--oxnv-okd-text-display-sm-line-height); }
.index_oxnv-text-heading-lg__m4wS3 { font-size: var(--oxnv-okd-text-heading-lg-font-size); font-weight: var(--oxnv-okd-text-heading-lg-font-weight); line-height: var(--oxnv-okd-text-heading-lg-line-height); }
.index_oxnv-text-heading-md__XAgju { font-size: var(--oxnv-okd-text-heading-md-font-size); font-weight: var(--oxnv-okd-text-heading-md-font-weight); line-height: var(--oxnv-okd-text-heading-md-line-height); }
.index_oxnv-text-heading-sm__ysWno { font-size: var(--oxnv-okd-text-heading-sm-font-size); font-weight: var(--oxnv-okd-text-heading-sm-font-weight); line-height: var(--oxnv-okd-text-heading-sm-line-height); }
.index_oxnv-text-heading-xl__3l7v8 { font-size: var(--oxnv-okd-text-heading-xl-font-size); font-weight: var(--oxnv-okd-text-heading-xl-font-weight); line-height: var(--oxnv-okd-text-heading-xl-line-height); }
.index_oxnv-text-heading-xxl__CSyHs { font-size: var(--oxnv-okd-text-heading-xxl-font-size); font-weight: var(--oxnv-okd-text-heading-xxl-font-weight); line-height: var(--oxnv-okd-text-heading-xxl-line-height); }
.index_oxnv-text-heading-overline__hwFM\+ { font-size: var(--oxnv-okd-text-heading-overline-font-size); font-weight: var(--oxnv-okd-text-heading-overline-font-weight); line-height: var(--oxnv-okd-text-heading-overline-line-height); }
.index_oxnv-text-body-sm-regular__CR9aj { font-size: var(--oxnv-okd-text-body-sm-regular-font-size); font-weight: var(--oxnv-okd-text-body-sm-regular-font-weight); line-height: var(--oxnv-okd-text-body-sm-regular-line-height); }
.index_oxnv-text-body-sm-bold__nj0pt { font-size: var(--oxnv-okd-text-body-sm-bold-font-size); font-weight: var(--oxnv-okd-text-body-sm-bold-font-weight); line-height: var(--oxnv-okd-text-body-sm-bold-line-height); }
.index_oxnv-text-body-md-regular__M5Z2Y { font-size: var(--oxnv-okd-text-body-md-regular-font-size); font-weight: var(--oxnv-okd-text-body-md-regular-font-weight); line-height: var(--oxnv-okd-text-body-md-regular-line-height); }
.index_oxnv-text-body-md-bold__1SvXW { font-size: var(--oxnv-okd-text-body-md-bold-font-size); font-weight: var(--oxnv-okd-text-body-md-bold-font-weight); line-height: var(--oxnv-okd-text-body-md-bold-line-height); }
.index_oxnv-text-body-xs-regular__jYAC- { font-size: var(--oxnv-okd-text-body-xs-regular-font-size); font-weight: var(--oxnv-okd-text-body-xs-regular-font-weight); line-height: var(--oxnv-okd-text-body-xs-regular-line-height); }
.index_oxnv-text-body-xs-bold__tWWwX { font-size: var(--oxnv-okd-text-body-xs-bold-font-size); font-weight: var(--oxnv-okd-text-body-xs-bold-font-weight); line-height: var(--oxnv-okd-text-body-xs-bold-line-height); }
.index_keep-ltr__ggtuW { direction: ltr; }
.index_keep-rtl__3Usj8 { direction: rtl; }
.index_scrollContainer__AQSes { overflow: auto; }
.index_scrollContainer__AQSes::-webkit-scrollbar { height: var(--global-scrollbar-height,6px); width: var(--global-scrollbar-width,4px); }
.index_scrollContainer__AQSes::-webkit-scrollbar-thumb { background-color: var(--global-scrollbar-background); border-radius: var(--global-scrollbar-border-radius,8px); }
.index_empty__koQfH { left: 50%; position: absolute; top: 30%; transform: translateX(-50%); }
.Star_box__Skstd { padding: 8px 0px 16px; }
.Star_tableBox__7Tfvy { box-sizing: border-box; display: grid; gap: 16px; grid-template-columns: auto auto; grid-template-rows: auto auto; padding: 8px 16px; }
.Star_item__d6G8F { align-items: flex-start; background-color: var(--oxnv-okd-color-background-2); border-radius: 6px; color: var(--oxnv-okd-color-gray-900); cursor: pointer; display: flex; flex-direction: column; justify-content: center; padding: 14px; }
.Star_top__yV96c { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; }
.Star_icon__Xis5S { height: 24px; margin-right: 4px; width: 24px; }
.Star_last__H5VS0 { font-size: 16px; line-height: 20px; margin-top: 14px; }
.Star_chg__PbiAi { font-size: 12px; line-height: 16px; }
.TabBtn_tabBtnBox__\+p63K { align-items: center; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-end; margin: 4px 0px; position: relative; white-space: nowrap; }
.TabBtn_tabContainer__Ih6Vl { flex: 1 1 0%; overflow: hidden; }
.TabBtn_item__LGHOx.TabBtn_item__LGHOx.TabBtn_item__LGHOx { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--oxnv-okd-color-text-light); cursor: pointer; font-size: 12px; line-height: 16px; margin-right: 0px; user-select: none; }
.TabBtn_item__LGHOx.TabBtn_item__LGHOx.TabBtn_item__LGHOx:first-child { margin-left: 16px; }
.TabBtn_checked__SZhvn.TabBtn_checked__SZhvn.TabBtn_checked__SZhvn { background-color: var(--global-search-tab-active-bg); color: var(--oxnv-okd-color-text-amplifed); }
.TabBtn_nav__Yd3XD { padding: 0px 4px; }
.TabBtn_tChart__bM5xG { color: var(--oxnv-okd-color-fq-accent); cursor: pointer; font-size: 12px; padding-right: 16px; }
.index_headerRow__A1LRG { align-items: center; display: flex; flex-direction: row; justify-content: center; line-height: 14px; margin: 8px 16px; }
.index_chg__dPg0g { color: var(--oxnv-okd-color-gray-400); flex: 1 1 0%; font-size: 12px; text-align: right; width: auto; }
.index_stk__ljkZN { width: 35%; }
.index_optType__6LKPZ { width: 25%; }
.index_itemContainer__mJr-h { min-width: 100px; }
.index_value__6mZ4n.index_value__6mZ4n.index_value__6mZ4n * { color: var(--oxnv-okd-color-gray-400); }
.index_subTabRow__5hD08 { margin-top: 8px; padding: 0px 16px; }
.index_chainBox__p3HHH { margin-top: 8px; overflow-y: auto; padding: 2px 16px; }
.index_chainBox__p3HHH, .index_chainList__E6UWj { display: flex; flex-direction: column; }
.index_item__O-Kd\+ { align-items: center; background: var(--oxnv-okd-color-surface-structural-layer-1); border-radius: 16px; cursor: pointer; display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 12px; padding: 16px; position: relative; transition: background-color 0.2s; }
.index_item__O-Kd\+:hover { background-color: var(--oxnv-okd-color-surface-interactive-hovered); }
.index_coinImg__QmX6F { flex-shrink: 0; height: 28px; margin-right: 12px; width: 28px; }
.index_textWrap__TGyHx { display: flex; flex: 1 1 0%; flex-direction: column; }
.index_text__XokOt { color: var(--oxnv-okd-color-content-static-default); font-size: 16px; font-weight: 500; line-height: 20px; }
.index_subText__07wzZ { color: var(--oxnv-okd-color-content-static-subtle); font-size: 12px; font-weight: 400; line-height: 16px; }
.index_arrow__eRC0I { color: var(--oxnv-okd-color-text-light); position: absolute; right: 16px; }
.index_oxnv-text-display-lg__BcLrr { font-size: var(--oxnv-okd-text-display-lg-font-size); font-weight: var(--oxnv-okd-text-display-lg-font-weight); line-height: var(--oxnv-okd-text-display-lg-line-height); }
.index_oxnv-text-display-md__AeGnr { font-size: var(--oxnv-okd-text-display-md-font-size); font-weight: var(--oxnv-okd-text-display-md-font-weight); line-height: var(--oxnv-okd-text-display-md-line-height); }
.index_oxnv-text-display-sm__8WwhD { font-size: var(--oxnv-okd-text-display-sm-font-size); font-weight: var(--oxnv-okd-text-display-sm-font-weight); line-height: var(--oxnv-okd-text-display-sm-line-height); }
.index_oxnv-text-heading-lg__Eo-8R { font-size: var(--oxnv-okd-text-heading-lg-font-size); font-weight: var(--oxnv-okd-text-heading-lg-font-weight); line-height: var(--oxnv-okd-text-heading-lg-line-height); }
.index_oxnv-text-heading-md__UFfGY { font-size: var(--oxnv-okd-text-heading-md-font-size); font-weight: var(--oxnv-okd-text-heading-md-font-weight); line-height: var(--oxnv-okd-text-heading-md-line-height); }
.index_oxnv-text-heading-sm__gefeu { font-size: var(--oxnv-okd-text-heading-sm-font-size); font-weight: var(--oxnv-okd-text-heading-sm-font-weight); line-height: var(--oxnv-okd-text-heading-sm-line-height); }
.index_oxnv-text-heading-xl__tnO2p { font-size: var(--oxnv-okd-text-heading-xl-font-size); font-weight: var(--oxnv-okd-text-heading-xl-font-weight); line-height: var(--oxnv-okd-text-heading-xl-line-height); }
.index_oxnv-text-heading-xxl__cF1nV { font-size: var(--oxnv-okd-text-heading-xxl-font-size); font-weight: var(--oxnv-okd-text-heading-xxl-font-weight); line-height: var(--oxnv-okd-text-heading-xxl-line-height); }
.index_oxnv-text-heading-overline__8kpAh { font-size: var(--oxnv-okd-text-heading-overline-font-size); font-weight: var(--oxnv-okd-text-heading-overline-font-weight); line-height: var(--oxnv-okd-text-heading-overline-line-height); }
.index_oxnv-text-body-sm-regular__Mt5Vk { font-size: var(--oxnv-okd-text-body-sm-regular-font-size); font-weight: var(--oxnv-okd-text-body-sm-regular-font-weight); line-height: var(--oxnv-okd-text-body-sm-regular-line-height); }
.index_oxnv-text-body-sm-bold__CFZWG { font-size: var(--oxnv-okd-text-body-sm-bold-font-size); font-weight: var(--oxnv-okd-text-body-sm-bold-font-weight); line-height: var(--oxnv-okd-text-body-sm-bold-line-height); }
.index_oxnv-text-body-md-regular__XQ8I0 { font-size: var(--oxnv-okd-text-body-md-regular-font-size); font-weight: var(--oxnv-okd-text-body-md-regular-font-weight); line-height: var(--oxnv-okd-text-body-md-regular-line-height); }
.index_oxnv-text-body-md-bold__BUDMg { font-size: var(--oxnv-okd-text-body-md-bold-font-size); font-weight: var(--oxnv-okd-text-body-md-bold-font-weight); line-height: var(--oxnv-okd-text-body-md-bold-line-height); }
.index_oxnv-text-body-xs-regular__55\+t0 { font-size: var(--oxnv-okd-text-body-xs-regular-font-size); font-weight: var(--oxnv-okd-text-body-xs-regular-font-weight); line-height: var(--oxnv-okd-text-body-xs-regular-line-height); }
.index_oxnv-text-body-xs-bold__ng1Tl { font-size: var(--oxnv-okd-text-body-xs-bold-font-size); font-weight: var(--oxnv-okd-text-body-xs-bold-font-weight); line-height: var(--oxnv-okd-text-body-xs-bold-line-height); }
.index_keep-ltr__XvoJj { direction: ltr; }
.index_keep-rtl__KwgTg { direction: rtl; }
.index_scrollContainer__UX5gz { height: 100%; overflow: auto; }
.index_scrollContainer__UX5gz::-webkit-scrollbar { height: var(--global-scrollbar-height,6px); width: var(--global-scrollbar-width,4px); }
.index_scrollContainer__UX5gz::-webkit-scrollbar-thumb { background-color: var(--global-scrollbar-background); border-radius: var(--global-scrollbar-border-radius,8px); }
.index_btnContainer__U\+le7 { margin: 8px 0px 0px; padding: 0px 16px; }
.index_btn__FJcvv.index_btn__FJcvv { padding: 12px 0px; width: 100%; }
.index_empty__62GeM { margin: 50px 0px; }
.index_hasInput__SRVYA { margin: 12px 0px 50px; }
.index_allEmpty__5mo7D { left: 50%; margin: 0px; position: absolute; top: 30%; transform: translateX(-50%); }
.index_container__UvqCc { margin-bottom: 20px; }
.index_peopleList__BatsG { display: flex; flex-direction: column; }
.index_personCard__JOBLJ { align-items: center; display: flex; padding: 12px 16px; }
.index_personCard__JOBLJ:hover { background-color: var(--oxnv-okd-color-background-2); }
.index_personInfo__4MazN { align-items: center; display: flex; flex: 1 1 0%; flex-direction: row; gap: 4px; min-width: 0px; }
.index_personNameWrap__leNx1 { display: flex; min-width: 0px; overflow: hidden; }
.index_personNameRow__uuYCt { align-items: center; display: inline-flex; gap: 4px; min-width: 0px; }
.index_personName__mskrt { color: var(--oxnv-okd-color-content-primary); font-size: 14px; font-weight: 500; line-height: 16px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_verified__Md8t7 { color: var(--oxnv-okd-color-brand-primary-alternative); flex-shrink: 0; font-size: 16px; }
.index_kolCert__jSQx3 { color: var(--oxnv-okd-color-content-dataviz-categorical-4); flex-shrink: 0; font-size: 16px; }
.index_personFollowers__e5Hph { color: var(--oxnv-okd-color-content-contrast); flex-shrink: 0; font-size: 12px; font-weight: 400; line-height: 16px; }
.index_feedList__yb8Cz { display: flex; flex-direction: column; }
.index_feedCard__N5y1z { align-items: flex-start; display: flex; padding: 12px 16px; }
.index_feedCard__N5y1z:hover { background-color: var(--oxnv-okd-color-background-2); }
.index_feedInfo__Ceu53 { display: flex; flex: 1 1 0%; flex-direction: column; gap: 4px; min-width: 0px; }
.index_feedText__AW7yQ { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-primary); display: -webkit-box; font-size: 14px; font-weight: 500; line-height: 16px; overflow: hidden; word-break: break-word; }
.index_feedMeta__XxOxt { align-items: center; color: var(--oxnv-okd-color-content-contrast); display: inline-flex; font-size: 12px; font-weight: 400; line-height: 16px; }
.index_feedAuthor__nvp8L { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_feedTime__gHNgb { flex-shrink: 0; }
.index_feedTime__gHNgb::before { background-color: rgb(144, 144, 144); border-radius: 50%; content: ""; display: inline-block; height: 4px; margin: 0px 4px 2px; vertical-align: middle; width: 4px; }
.NormalItem_itemContainer__zJlcu { margin-bottom: 20px; }
.NormalItem_buyContainer__xOMv7 { --columns: 2; align-items: center; display: grid; gap: 8px; grid-template-columns: repeat(var(--columns),1fr); padding: 10px 16px 0px; }
.NormalItem_buyContainer__xOMv7.NormalItem_one__9Qs8Z { --columns: 1; }
.NormalItem_subTabContainer__KHpCn { box-sizing: border-box; height: auto; padding: 4px 16px 12px; }
.NormalItem_questionnaireBanner__Kz93- { background: var(--oxnv-okd-alert-info-background); }
.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: var(--oxnv-okd-alert-icon-tip-size,20px); height: var(--oxnv-okd-alert-icon-tip-size,20px); justify-content: center; 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: 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: var(--oxnv-okd-alert-desc-margin-top,4px); }
.oxnv-alert-link { font-weight: 500; text-decoration: none; }
.oxnv-alert-desc-list { margin-block: 4px 0px; padding-inline-start: 17px; }
.oxnv-alert-action-box { margin-bottom: var(--oxnv-okd-alert-action-box-margin-bottom,8px); margin-top: var(--oxnv-okd-alert-action-box-margin-top,21px); }
.oxnv-alert-action { background: transparent; border: 0px; 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: 0px; padding: 0px; }
.oxnv-alert-action:focus-visible { border-radius: 4px; 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: var(--oxnv-okd-alert-action-margin-left,32px); }
.oxnv-alert .oxnv-alert-close { cursor: pointer; 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-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-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-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-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-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); }
.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); }
.PayWithAlert_container__PA8XH { margin: 8px 16px; }
.index_itemContainer__C\+5n2 { height: 100%; }
.index_item__mE\+-P { align-items: center; border: 1px solid var(--oxnv-okd-color-border-primary); border-radius: var(--Border-radius-md,8px); box-sizing: border-box; cursor: pointer; display: flex; gap: 8px; height: 100%; padding: 16px; }
.index_item__mE\+-P:hover { background-color: var(--oxnv-okd-color-background-surface-pressed); }
.index_name__v\+Ooc { font-size: 12px; font-weight: 500; line-height: 16px; }
.index_icon__XAu1u, .index_name__v\+Ooc { color: var(--oxnv-okd-color-content-primary); }
.index_icon__XAu1u { font-size: 24px; }
.UsdMarginedAlert_container__zSx3Z { margin: 0px 16px 16px; }
.oxnv-tag-outline-tangerine { background-color: var(--oxnv-okd-tag-outline-tangerine-background-color); border-color: var(--oxnv-okd-tag-outline-tangerine-border-color); color: var(--oxnv-okd-tag-outline-tangerine-font-color); }
.index_new__7\+xr8 { margin-left: 4px; }
.index_tabBox__sDXdT { align-items: center; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-end; margin: 8px 0px; position: relative; white-space: nowrap; }
.index_item__uQjeJ.index_item__uQjeJ.index_item__uQjeJ { color: var(--oxnv-okd-color-text-light); cursor: pointer; font-size: 16px; font-weight: 500; margin: 0px 12px; padding: 0px; user-select: none; }
.index_item__uQjeJ.index_item__uQjeJ.index_item__uQjeJ:first-child { margin-left: 16px; }
.index_item__uQjeJ.index_item__uQjeJ.index_item__uQjeJ:last-child { margin-right: 16px !important; }
.index_checked__SnWZ0.index_checked__SnWZ0.index_checked__SnWZ0 { border-bottom: 2px solid var(--oxnv-okd-color-text-amplifed); color: var(--oxnv-okd-color-text-amplifed); }
.index_nav__Z41I8.index_nav__Z41I8 { padding: 0px 4px; }
.oxnv-hyperlink-xs .oxnv-hyperlink-text { font-size: var(--oxnv-okd-hyperlink-xs-font-size); line-height: var(--oxnv-okd-hyperlink-xs-line-height); }
.oxnv-hyperlink-xs .icon-arrow, .oxnv-hyperlink-xs .icon-jump { font-size: var(--oxnv-okd-hyperlink-xs-icon-font-size); }
.oxnv-hyperlink-xs .icon-jump { margin-left: var(--oxnv-okd-hyperlink-xs-icon-margin-left); }
.oxnv-hyperlink-sm .oxnv-hyperlink-text { font-size: var(--oxnv-okd-hyperlink-sm-font-size); line-height: var(--oxnv-okd-hyperlink-sm-line-height); }
.oxnv-hyperlink-sm .icon-arrow, .oxnv-hyperlink-sm .icon-jump { font-size: var(--oxnv-okd-hyperlink-sm-icon-font-size); }
.oxnv-hyperlink-sm .icon-jump { margin-left: var(--oxnv-okd-hyperlink-sm-icon-margin-left); }
.oxnv-hyperlink-md .oxnv-hyperlink-text { font-size: var(--oxnv-okd-hyperlink-md-font-size); line-height: var(--oxnv-okd-hyperlink-md-line-height); }
.oxnv-hyperlink-md .icon-arrow, .oxnv-hyperlink-md .icon-jump { font-size: var(--oxnv-okd-hyperlink-md-icon-font-size); }
.oxnv-hyperlink-md .icon-jump { margin-left: var(--oxnv-okd-hyperlink-md-icon-margin-left); }
.oxnv-hyperlink-lg .oxnv-hyperlink-text { font-size: var(--oxnv-okd-hyperlink-lg-font-size); line-height: var(--oxnv-okd-hyperlink-lg-line-height); }
.oxnv-hyperlink-lg .icon-arrow, .oxnv-hyperlink-lg .icon-jump { font-size: var(--oxnv-okd-hyperlink-lg-icon-font-size); }
.oxnv-hyperlink-lg .icon-jump { margin-left: var(--oxnv-okd-hyperlink-lg-icon-margin-left); }
.oxnv-hyperlink-muted { font-weight: var(--oxnv-okd-hyperlink-muted-font-weight); }
.oxnv-hyperlink-muted:hover { font-weight: var(--oxnv-okd-hyperlink-muted-hover-font-weight); }
.oxnv-hyperlink-medium { font-weight: var(--oxnv-okd-hyperlink-medium-font-weight); }
.oxnv-hyperlink-medium:hover { font-weight: var(--oxnv-okd-hyperlink-medium-hover-font-weight); }
.oxnv-hyperlink-amplified { font-weight: var(--oxnv-okd-hyperlink-amplified-font-weight); }
.oxnv-hyperlink-amplified:hover { font-weight: var(--oxnv-okd-hyperlink-amplified-hover-font-weight); }
.oxnv-hyperlink-primary { color: var(--oxnv-okd-hyperlink-primary-default-color); }
.oxnv-hyperlink-primary .icon-arrow, .oxnv-hyperlink-primary .icon-jump { color: var(--oxnv-okd-hyperlink-primary-default-icon-color); }
.oxnv-hyperlink-primary.oxnv-hyperlink-disabled { color: var(--oxnv-okd-hyperlink-primary-disabled-color); }
.oxnv-hyperlink-primary.oxnv-hyperlink-disabled .icon-arrow, .oxnv-hyperlink-primary.oxnv-hyperlink-disabled .icon-jump, .oxnv-hyperlink-primary.oxnv-hyperlink-disabled .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-primary-disabled-color); cursor: not-allowed; }
.oxnv-hyperlink-primary:not(.oxnv-hyperlink-disabled):hover { color: var(--oxnv-okd-hyperlink-primary-hover-color); }
.oxnv-hyperlink-primary:not(.oxnv-hyperlink-disabled):hover .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-primary-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.oxnv-hyperlink-primary:not(.oxnv-hyperlink-disabled):hover .icon-arrow, .oxnv-hyperlink-primary:not(.oxnv-hyperlink-disabled):hover .icon-jump { color: var(--oxnv-okd-hyperlink-primary-hover-icon-color); }
.oxnv-hyperlink-primary a, .oxnv-hyperlink-primary a:active, .oxnv-hyperlink-primary a:visited { color: var(--oxnv-okd-hyperlink-primary-default-color); }
.oxnv-hyperlink-secondary { color: var(--oxnv-okd-hyperlink-secondary-default-color); }
.oxnv-hyperlink-secondary .icon-arrow, .oxnv-hyperlink-secondary .icon-jump { color: var(--oxnv-okd-hyperlink-secondary-default-icon-color); }
.oxnv-hyperlink-secondary.oxnv-hyperlink-disabled { color: var(--oxnv-okd-hyperlink-secondary-disabled-color); }
.oxnv-hyperlink-secondary.oxnv-hyperlink-disabled .icon-arrow, .oxnv-hyperlink-secondary.oxnv-hyperlink-disabled .icon-jump, .oxnv-hyperlink-secondary.oxnv-hyperlink-disabled .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-secondary-disabled-color); cursor: not-allowed; }
.oxnv-hyperlink-secondary:not(.oxnv-hyperlink-disabled):hover { color: var(--oxnv-okd-hyperlink-secondary-hover-color); }
.oxnv-hyperlink-secondary:not(.oxnv-hyperlink-disabled):hover .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-secondary-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.oxnv-hyperlink-secondary:not(.oxnv-hyperlink-disabled):hover .icon-arrow, .oxnv-hyperlink-secondary:not(.oxnv-hyperlink-disabled):hover .icon-jump { color: var(--oxnv-okd-hyperlink-secondary-hover-icon-color); }
.oxnv-hyperlink-secondary a, .oxnv-hyperlink-secondary a:active, .oxnv-hyperlink-secondary a:visited { color: var(--oxnv-okd-hyperlink-secondary-default-color); }
.oxnv-hyperlink-reversed { color: var(--oxnv-okd-hyperlink-reversed-default-color); }
.oxnv-hyperlink-reversed .icon-arrow, .oxnv-hyperlink-reversed .icon-jump { color: var(--oxnv-okd-hyperlink-reversed-default-icon-color); }
.oxnv-hyperlink-reversed.oxnv-hyperlink-disabled { color: var(--oxnv-okd-hyperlink-reversed-disabled-color); }
.oxnv-hyperlink-reversed.oxnv-hyperlink-disabled .icon-arrow, .oxnv-hyperlink-reversed.oxnv-hyperlink-disabled .icon-jump, .oxnv-hyperlink-reversed.oxnv-hyperlink-disabled .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-reversed-disabled-color); cursor: not-allowed; }
.oxnv-hyperlink-reversed:not(.oxnv-hyperlink-disabled):hover { color: var(--oxnv-okd-hyperlink-reversed-hover-color); }
.oxnv-hyperlink-reversed:not(.oxnv-hyperlink-disabled):hover .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-reversed-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.oxnv-hyperlink-reversed:not(.oxnv-hyperlink-disabled):hover .icon-arrow, .oxnv-hyperlink-reversed:not(.oxnv-hyperlink-disabled):hover .icon-jump { color: var(--oxnv-okd-hyperlink-reversed-hover-icon-color); }
.oxnv-hyperlink-reversed a, .oxnv-hyperlink-reversed a:active, .oxnv-hyperlink-reversed a:visited { color: var(--oxnv-okd-hyperlink-reversed-default-color); }
.oxnv-hyperlink-accent { color: var(--oxnv-okd-hyperlink-accent-default-color); }
.oxnv-hyperlink-accent .icon-arrow, .oxnv-hyperlink-accent .icon-jump { color: var(--oxnv-okd-hyperlink-accent-default-icon-color); }
.oxnv-hyperlink-accent.oxnv-hyperlink-disabled { color: var(--oxnv-okd-hyperlink-accent-disabled-color); }
.oxnv-hyperlink-accent.oxnv-hyperlink-disabled .icon-arrow, .oxnv-hyperlink-accent.oxnv-hyperlink-disabled .icon-jump, .oxnv-hyperlink-accent.oxnv-hyperlink-disabled .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-accent-disabled-color); cursor: not-allowed; }
.oxnv-hyperlink-accent:not(.oxnv-hyperlink-disabled):hover { color: var(--oxnv-okd-hyperlink-accent-hover-color); }
.oxnv-hyperlink-accent:not(.oxnv-hyperlink-disabled):hover .oxnv-hyperlink-text { color: var(--oxnv-okd-hyperlink-accent-hover-color); text-decoration: underline; text-underline-offset: 3px; }
.oxnv-hyperlink-accent:not(.oxnv-hyperlink-disabled):hover .icon-arrow, .oxnv-hyperlink-accent:not(.oxnv-hyperlink-disabled):hover .icon-jump { color: var(--oxnv-okd-hyperlink-accent-hover-icon-color); }
.oxnv-hyperlink-accent a, .oxnv-hyperlink-accent a:active, .oxnv-hyperlink-accent a:visited { color: var(--oxnv-okd-hyperlink-accent-default-color); }
.oxnv-hyperlink-text { text-decoration: none; }
.oxnv-hyperlink-underline .oxnv-hyperlink-text { text-decoration: underline; text-underline-offset: 3px; }
.oxnv-hyperlink-no-hover-underline:not(.oxnv-hyperlink-disabled):hover .oxnv-hyperlink-text { text-decoration: none; }
.oxnv-hyperlink { align-items: center; cursor: pointer; display: inline-flex; }
.oxnv-hyperlink .icon-arrow, .oxnv-hyperlink .icon-jump { cursor: auto; font-weight: inherit; }
.oxnv-hyperlink a:focus-visible { border-radius: 2px; outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.theme-light { --oxnv-okd-hyperlink-primary-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-hyperlink-primary-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-hyperlink-primary-default-underline-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-hyperlink-primary-hover-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-hyperlink-primary-hover-icon-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-hyperlink-primary-hover-underline-color: var(--oxnv-okd-color-border-interactive-hovered); --oxnv-okd-hyperlink-secondary-default-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-hyperlink-secondary-default-icon-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-hyperlink-secondary-default-underline-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-hyperlink-secondary-hover-color: var(--oxnv-okd-color-content-secondary); --oxnv-okd-hyperlink-secondary-hover-icon-color: var(--oxnv-okd-color-content-secondary); --oxnv-okd-hyperlink-secondary-hover-underline-color: var(--oxnv-okd-color-content-secondary); --oxnv-okd-hyperlink-xs-font-size: 12px; --oxnv-okd-hyperlink-sm-font-size: 14px; --oxnv-okd-hyperlink-md-font-size: 16px; --oxnv-okd-hyperlink-lg-font-size: 18px; --oxnv-okd-hyperlink-xs-icon-font-size: 12px; --oxnv-okd-hyperlink-sm-icon-font-size: 16px; --oxnv-okd-hyperlink-md-icon-font-size: 16px; --oxnv-okd-hyperlink-lg-icon-font-size: 16px; --oxnv-okd-hyperlink-xs-line-height: 16px; --oxnv-okd-hyperlink-sm-line-height: 16px; --oxnv-okd-hyperlink-md-line-height: 20px; --oxnv-okd-hyperlink-lg-line-height: 24px; --oxnv-okd-hyperlink-medium-font-weight: 500; --oxnv-okd-hyperlink-medium-hover-font-weight: 500; --oxnv-okd-hyperlink-muted-font-weight: 400; --oxnv-okd-hyperlink-muted-hover-font-weight: 400; --oxnv-okd-hyperlink-amplified-font-weight: 700; --oxnv-okd-hyperlink-amplified-hover-font-weight: 700; --oxnv-okd-hyperlink-xs-icon-margin-left: 0px; --oxnv-okd-hyperlink-sm-icon-margin-left: 4px; --oxnv-okd-hyperlink-md-icon-margin-left: 4px; --oxnv-okd-hyperlink-lg-icon-margin-left: 4px; --oxnv-okd-hyperlink-reversed-default-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-default-icon-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-default-underline-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-hover-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-hover-icon-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-hover-underline-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-accent-default-color: var(--oxnv-okd-color-content-static-feature); --oxnv-okd-hyperlink-accent-default-icon-color: var(--oxnv-okd-color-content-static-feature); --oxnv-okd-hyperlink-accent-default-underline-color: var(--oxnv-okd-color-border-static-feature); --oxnv-okd-hyperlink-accent-hover-color: var(--oxnv-okd-color-content-interactive-feature-hovered); --oxnv-okd-hyperlink-accent-hover-icon-color: var(--oxnv-okd-color-content-interactive-feature-hovered); --oxnv-okd-hyperlink-accent-hover-underline-color: var(--oxnv-okd-color-border-interactive-feature-hovered); --oxnv-okd-hyperlink-reversed-disabled-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-accent-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-hyperlink-primary-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-color-link-accent-surface-pressed: #d2e8a4; --oxnv-okd-color-link-accent-content-disabled: #d2e8a4; }
.theme-dark { --oxnv-okd-hyperlink-primary-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-hyperlink-primary-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-hyperlink-primary-default-underline-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-hyperlink-primary-hover-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-hyperlink-primary-hover-icon-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-hyperlink-primary-hover-underline-color: var(--oxnv-okd-color-border-interactive-hovered); --oxnv-okd-hyperlink-secondary-default-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-hyperlink-secondary-default-icon-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-hyperlink-secondary-default-underline-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-hyperlink-secondary-hover-color: var(--oxnv-okd-color-content-secondary); --oxnv-okd-hyperlink-secondary-hover-icon-color: var(--oxnv-okd-color-content-secondary); --oxnv-okd-hyperlink-secondary-hover-underline-color: var(--oxnv-okd-color-content-secondary); --oxnv-okd-hyperlink-xs-font-size: 12px; --oxnv-okd-hyperlink-sm-font-size: 14px; --oxnv-okd-hyperlink-md-font-size: 16px; --oxnv-okd-hyperlink-lg-font-size: 18px; --oxnv-okd-hyperlink-xs-icon-font-size: 12px; --oxnv-okd-hyperlink-sm-icon-font-size: 16px; --oxnv-okd-hyperlink-md-icon-font-size: 16px; --oxnv-okd-hyperlink-lg-icon-font-size: 16px; --oxnv-okd-hyperlink-xs-line-height: 16px; --oxnv-okd-hyperlink-sm-line-height: 16px; --oxnv-okd-hyperlink-md-line-height: 20px; --oxnv-okd-hyperlink-lg-line-height: 24px; --oxnv-okd-hyperlink-medium-font-weight: 500; --oxnv-okd-hyperlink-medium-hover-font-weight: 500; --oxnv-okd-hyperlink-muted-font-weight: 400; --oxnv-okd-hyperlink-muted-hover-font-weight: 400; --oxnv-okd-hyperlink-amplified-font-weight: 700; --oxnv-okd-hyperlink-amplified-hover-font-weight: 700; --oxnv-okd-hyperlink-xs-icon-margin-left: 0px; --oxnv-okd-hyperlink-sm-icon-margin-left: 4px; --oxnv-okd-hyperlink-md-icon-margin-left: 4px; --oxnv-okd-hyperlink-lg-icon-margin-left: 4px; --oxnv-okd-hyperlink-reversed-default-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-default-icon-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-default-underline-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-hover-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-hover-icon-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-reversed-hover-underline-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-hyperlink-accent-default-color: var(--oxnv-okd-color-content-static-feature); --oxnv-okd-hyperlink-accent-default-icon-color: var(--oxnv-okd-color-content-static-feature); --oxnv-okd-hyperlink-accent-default-underline-color: var(--oxnv-okd-color-border-static-feature); --oxnv-okd-hyperlink-accent-hover-color: var(--oxnv-okd-color-content-interactive-feature-hovered); --oxnv-okd-hyperlink-accent-hover-icon-color: var(--oxnv-okd-color-content-interactive-feature-hovered); --oxnv-okd-hyperlink-accent-hover-underline-color: var(--oxnv-okd-color-border-interactive-feature-hovered); --oxnv-okd-hyperlink-reversed-disabled-color: var(--oxnv-okd-color-content-interactive-default); --oxnv-okd-hyperlink-accent-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-hyperlink-primary-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-color-link-accent-surface-pressed: #1a410e; --oxnv-okd-color-link-accent-content-disabled: #3d5c00; }
.index_avatar__r83Sf { border-radius: 100%; }
.index_picture__Y3oTf { display: inline-block; }
.index_picture__Y3oTf.index_disable__rNsRw { z-index: 0; }
.index_clickable__amZ75 { cursor: pointer; }
.index_avatarWrap__2N1kY { display: inline-flex; line-height: 0; position: relative; }
.index_avatarWrap__2N1kY.index_live__nv\+vf { border-color: var(--oxnv-okd-color-brand-primary-alternative,#bcff2f); border-radius: 100%; border-style: solid; box-sizing: border-box; }
.index_avatarInner__xqjhJ { display: inline-flex; line-height: 0; }
.index_liveBadge__GkvG6 { align-items: center; background: var(--oxnv-okd-color-brand-primary-alternative,#bcff2f); border-color: var(--oxnv-okd-color-border-contrast,#000); border-radius: 50%; border-style: solid; box-sizing: border-box; display: flex; justify-content: center; position: absolute; }
.index_liveBars__WItVJ { align-items: flex-end; display: flex; gap: 1px; height: 6px; }
.index_liveBars__WItVJ i { animation: 0.9s ease-in-out 0s infinite normal none running index_liveBarPulse__e5qyy; background: var(--oxnv-okd-color-border-contrast,#000); transform-origin: center bottom; width: 1.5px; }
.index_liveBars__WItVJ i:first-child { animation-delay: 0s; height: 4px; }
.index_liveBars__WItVJ i:nth-child(2) { animation-delay: 0.25s; height: 5px; }
.index_liveBars__WItVJ i:nth-child(3) { animation-delay: 0.5s; height: 3px; }
@keyframes index_liveBarPulse__e5qyy { 
  0%, 100% { transform: scaleY(0.4); }
  50% { transform: scaleY(1); }
}
.index_time__ZcSY9 { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; font-weight: 400; line-height: 16px; }
.index_follow__9EQz9 { align-items: center; display: flex; margin-top: 4px; }
.index_followCount__FKzz\+ { color: var(--oxnv-okd-color-content-contrast); font-size: 12px; line-height: 16px; margin-left: 4px; }
.index_tag__R2ENj { background-color: var(--oxnv-okd-color-semantic-informative); border-radius: 4px; color: var(--oxnv-okd-color-content-static-default); display: inline-block; font-size: 10px; font-weight: 400; line-height: 12px; padding: 2px 4px; }
.index_nameRow__FVRic { align-items: center; display: flex; gap: 4px; }
.index_name__Or\+Fd { color: var(--oxnv-okd-color-content-primary); font-size: 16px; font-weight: 700; line-height: 20px; z-index: 0; }
.index_clickable__nP1yy { cursor: pointer; z-index: 2; }
.index_verifiedBadge__Bygob { color: var(--oxnv-okd-color-surface-structural-highlight); flex-shrink: 0; }
.index_verifiedBadge__Bygob.index_verifiedBadge__Bygob { font-size: 20px; }
.index_kolBadge__vNdLF { color: var(--oxnv-okd-color-content-warning-default,#f5a623); }
.index_kolBadge__vNdLF.index_kolBadge__vNdLF { font-size: 20px; }
.index_newsTag__IzAnA { flex-shrink: 0; margin-left: 4px; }
.index_sourceFrom__HIbk8 { margin-right: 4px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-color: var(--oxnv-okd-color-line-amplifed); text-decoration-style: solid; text-underline-offset: 2px; }
.index_sourceFromPlain__PgsR2, .index_sourceFrom__HIbk8 { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; line-height: 16px; }
.index_source__IwXIj.index_addWeight__0xEkx { align-items: center; cursor: pointer; display: flex; }
.index_avatarRow__JshWA, .index_flexColAliCenter__pqbRy { align-items: center; display: flex; }
.index_avatarRow__JshWA { gap: 8px; }
.index_container__snfi6 { align-items: center; display: flex; justify-content: space-between; }
.index_avatar__DzFlz { border-radius: 100%; }
.index_picture__cXKZV { margin-right: 12px; }
.index_infoWrapper__eUqWw { flex: 1 1 0%; gap: 2px; min-width: 0px; }
.index_infoBox__46P3E, .index_infoWrapper__eUqWw { display: flex; flex-direction: column; }
.index_clickable__xyKiO { cursor: pointer; }
.index_baseDuration__7m6Oj { margin-top: 4px; }
.index_dot__EVaSD { color: var(--oxnv-okd-color-content-contrast); margin: 0px 4px; }
.index_marginTop2__JFCto { margin-top: 2px; }
.index_certSubtitleRow__W4-qM { align-items: center; display: flex; gap: 4px; overflow: hidden; }
.index_certSubtitleText__agB\+6 { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_certDot__n91y2, .index_certSubtitleText__agB\+6 { color: var(--oxnv-okd-color-content-static-subtle,#969696); line-height: 16px; }
.index_certDot__n91y2 { flex-shrink: 0; font-size: 14px; }
.index_absoluteTime__U3D6z { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; font-weight: 400; line-height: 16px; }
.index_textContainer__0QbXy { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; white-space: pre-line; }
.index_textContainer__0QbXy a { color: var(--oxnv-okd-color-content-contrast); text-decoration: underline; text-underline-offset: 2px; }
.index_textContainer__0QbXy .cashTagLink { color: var(--oxnv-okd-color-branded-primary); text-decoration: none; }
.index_textContainer__0QbXy .cashTagLink:hover { text-decoration: underline; text-underline-offset: 2px; }
.index_textContainer__0QbXy .hashTagLink { color: var(--oxnv-okd-color-branded-primary); cursor: pointer; text-decoration: none; }
.index_textContainer__0QbXy .hashTagLink:hover { text-decoration: underline; text-underline-offset: 2px; }
.index_textContainer__0QbXy .hashTagLink + .hashTagLink { margin-left: 0.25em; }
.index_moreBtn__eHlQ5 { color: var(--feed-more-btn-color,var(--oxnv-okd-color-content-contrast)); display: block; font-size: 14px; font-weight: 500; line-height: 22px; width: auto; }
.index_moreBtn__eHlQ5:hover { text-decoration: underline; text-underline-offset: 4px; }
.index_title__ZdecU { color: var(--oxnv-okd-color-content-primary); font-size: 16px; font-weight: 700; line-height: 20px; margin: 16px 0px; }
.index_insightList__6kDa4 { display: flex; flex-direction: column; gap: 16px; }
.index_insightItem__KzfCk { color: var(--oxnv-okd-color-content-secondary); display: flex; font-size: 14px; gap: 4px; line-height: 22px; }
.index_insightBox__I6Xme { margin-bottom: 24px; }
.index_insightBox__I6Xme:last-child { margin-bottom: 0px; }
.index_icon__JBYo7.index_addWeight__FKcLN { font-size: 16px; }
.index_picture__xC5Tn { border-radius: 100%; }
.index_avatar0__Oiwx\+ { position: relative; z-index: 3; }
.index_avatar1__VY-UW { margin-left: -8px; position: relative; z-index: 2; }
.index_avatar2__uptdG { margin-left: -8px; position: relative; z-index: 1; }
.index_summary__eeeDS { margin-right: 8px; vertical-align: bottom; }
.index_authors__towjE { align-items: center; background: var(--oxnv-okd-color-background-surface-primary); border-radius: 999px; cursor: pointer; display: inline-flex; gap: 4px; padding: 2px 4px; vertical-align: bottom; }
.index_authors__towjE:hover { background: var(--oxnv-okd-color-background-surface-pressed); }
.index_authorsNum__rDd2M { color: var(--oxnv-okd-color-content-primary); font-size: 10px; line-height: 12px; }
.index_emptyBox__9Yenh { align-items: center; display: flex; gap: 12px; }
.index_emptyText__rkM4f { color: var(--oxnv-okd-color-content-secondary); flex: 1 1 0%; font-size: 14px; line-height: 22px; }
.index_bullishColor__kxoDI { color: var(--global-color-content-pnl-profit-default); }
.index_bearishColor__\+paSs { color: var(--global-color-content-pnl-loss-default); }
@media (min-width: 1024px) {
  .index_insightsContainer__vVwXT { display: flex; }
}
.index_insightsContainer__vVwXT.index_nonResponsive__ToopY { display: block; }
.index_cardContainer__o3K4G { align-items: center; box-sizing: initial; display: flex; gap: 8px; margin-bottom: 24px; margin-top: 16px; padding: 16px 0px 0px; position: relative; }
.index_cardContainer__o3K4G[data-count="1"] .index_authorContainer__ai3Gg { flex-basis: 100%; flex-direction: row; height: 56px; justify-content: space-between; padding: 12px; }
.index_cardContainer__o3K4G[data-count="1"] .index_authorContainer__ai3Gg .index_picture__A9E1B { position: relative; }
.index_cardContainer__o3K4G[data-count="1"] .index_authorContainer__ai3Gg .index_single__TCwIa { align-items: center; display: flex; gap: 8px; }
.index_cardContainer__o3K4G[data-count="1"] .index_authorContainer__ai3Gg .index_ellipsis__T\+1dX { width: auto; }
.index_cardContainer__o3K4G[data-count="2"] .index_authorContainer__ai3Gg { flex-basis: calc(50% - 4px); height: 70px; }
.index_cardContainer__o3K4G[data-count="3"] .index_authorContainer__ai3Gg { flex-basis: calc(33.3333% - 5.33333px); height: 70px; }
.index_authorContainer__ai3Gg { align-items: center; background-color: var(--oxnv-okd-color-background-surface-primary); border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; overflow: hidden; padding: 24px 4px 8px; position: static; }
.index_ellipsis__T\+1dX, .index_nickName__l3fHg { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.index_nickName__l3fHg { color: var(--oxnv-okd-color-content-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; }
.index_followerCount__JYILQ { color: var(--oxnv-okd-color-content-contrast); font-size: 12px; font-style: normal; font-weight: 400; line-height: 12px; }
.index_icon__ZnH\+E { border-radius: 50%; }
.index_picture__A9E1B { flex: 0 0 auto; position: absolute; top: 0px; }
.index_disAsContents__z81ac { display: contents; }
.index_authorGroup__kSznC { align-items: center; display: flex; vertical-align: bottom; }
.index_picture__I7mjJ { border-radius: 100%; }
.index_avatar__sowVe { display: inline-flex; position: relative; vertical-align: bottom; z-index: 2; }
.index_avatar__sowVe:first-child { margin-left: 0px; z-index: 2; }
.index_rightContent__qBvAz { margin-left: 4px; }
.index_container__d0SKa { padding-top: 12px; width: 100%; }
.index_top__ztVnu { align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px; }
.index_title__vBTNb { color: var(--oxnv-okd-color-content-primary); font-size: 16px; font-weight: 700; line-height: 20px; }
.index_mentions__fQ2cl { align-items: center; display: flex; justify-content: center; padding: 2px 4px 2px 2px; }
.index_icon__9MM20 { color: var(--oxnv-okd-color-content-contrast); font-size: 16px; }
.index_text__0MgB3 { color: var(--oxnv-okd-color-content-primary); font-size: 10px; }
.index_senContent__H1bY4, .index_sentiment__-J\+th { display: flex; justify-content: space-between; }
.index_subContent__7nkJK { align-items: center; display: flex; margin-top: 4px; }
.index_senDot__7A-V2 { border-radius: 50%; display: inline-block; height: 8px; width: 8px; }
.index_bullishColor__xfnb3 { background-color: var(--global-color-content-pnl-profit-default); }
.index_bearishColor__\+5RE6 { background-color: var(--global-color-content-pnl-loss-default); }
.index_neutralColor__cphAZ { background: var(--global-color-content-pnl-neutral-default); }
.index_common__nYOKy { height: 4px; width: 100%; }
.index_bullish__fQ4iN { background-color: var(--global-color-content-pnl-profit-default); border-bottom-left-radius: 2px; border-top-left-radius: 2px; height: 4px; width: 100%; }
.index_bearish__v2QJL { background-color: var(--global-color-content-pnl-loss-default); border-bottom-right-radius: 2px; border-top-right-radius: 2px; height: 4px; width: 100%; }
.index_neutral__RkNJO { background: var(--global-color-content-pnl-neutral-default); border-radius: 0px; height: 4px; width: 100%; }
.index_senText__7K-Ep { align-items: center; display: flex; font-size: 12px; gap: 4px; line-height: 16px; }
.index_parentContent__Ke6M7 { margin-right: 2px; position: relative; }
.index_senContentPercent__dgt71 { color: var(--oxnv-okd-color-content-contrast); display: flex; gap: 8px; margin-top: 8px; }
.index_mask__ZZ1J5 { background-color: var(--oxnv-okd-color-modal-primary); bottom: 0px; height: 4px; position: absolute; width: 4px; }
.index_triangleRightBottom__as4T9 { right: -0.1px; }
.index_triangleLeftTop__sD1WK, .index_triangleRightBottom__as4T9 { background-color: var(--oxnv-okd-color-modal-primary); bottom: 0px; clip-path: polygon(100% 0px, 0px 100%, 100% 100%); height: 4px; position: absolute; width: 4px; }
.index_triangleLeftTop__sD1WK { left: 0px; transform: rotate(180deg); }
.index_card__bUn5t { box-sizing: border-box; height: auto; padding: 0px 24px 24px; position: relative; width: 100%; }
.index_avatar__qMr2g { background-color: var(--Gradient-Neon,linear-gradient(90deg,#00e7a8 0,#a3e812 100%)); color: var(--oxnv-okd-color-content-primary); font-size: 24px; }
.index_translateBtn__JKJ7i { align-items: center; color: var(--oxnv-okd-color-content-contrast); cursor: pointer; display: inline-flex; font-size: 12px; line-height: 16px; }
.index_translateBtn__JKJ7i .index_translateText__pT9Iq { color: var(--oxnv-okd-color-brand-primary-alternative); font-size: 14px; line-height: 16px; }
.index_translateBtnInMeatball__mEly0 { align-items: center; color: var(--oxnv-okd-color-content-primary); cursor: pointer; display: flex; font-size: 12px; gap: 4px; line-height: 16px; }
.index_seoTranslateBtn__gaiVY { align-items: center; color: var(--oxnv-okd-color-content-contrast); cursor: pointer; display: inline-flex; font-size: 12px; line-height: 16px; margin-top: 6px; }
.index_translateText__pT9Iq { margin-left: 4px; }
@media (min-width: 768px) {
  .index_seoListIcon__SZpG-.index_addWeight__st1pl { font-size: 20px; }
  .index_seoListText__TZzMy { font-size: 14px; line-height: 20px; }
}
.index_actionList__ciIfF { align-items: center; display: flex; gap: 12px; }
.index_actionListFull__-pffP { gap: 8px; width: 100%; }
.index_actionItem__S4gsT { align-items: center; box-sizing: border-box; color: var(--oxnv-okd-color-content-contrast,#909090); display: flex; }
.index_actionItem__S4gsT > span { align-items: center; display: flex; margin: 0px -8px; min-height: 36px; padding: 0px 8px; }
.index_actionItemFlex__iY9so { flex: 1 0 0%; min-width: 0px; }
.index_icon__gJkef.index_addWeight__VDrxY { border-radius: 50%; font-size: 20px; margin: -6px 0px; padding: 6px; transition: fill 0.3s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), background 0.2s; }
.index_countWrapper__YWAsJ { display: inline-block; height: 16px; overflow: hidden; position: relative; vertical-align: middle; }
.index_countExit__owrWr, .index_count__78TQa { display: inline-block; font-size: 12px; line-height: 16px; }
.index_countExit__owrWr { left: 0px; position: absolute; top: 0px; }
@keyframes index_tca-slide-out-up__dC4tz { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-100%); }
}
@keyframes index_tca-slide-in-from-below__NeVWM { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes index_tca-slide-out-down__Nvvfr { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(100%); }
}
@keyframes index_tca-slide-in-from-above__CO5GG { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
.index_slideOutUp__OMuXR { animation: 0.3s ease 0s 1 normal forwards running index_tca-slide-out-up__dC4tz; }
.index_slideInFromBelow__BKwnW { animation: 0.3s ease 0s 1 normal forwards running index_tca-slide-in-from-below__NeVWM; }
.index_slideOutDown__tz5HE { animation: 0.3s ease 0s 1 normal forwards running index_tca-slide-out-down__Nvvfr; }
.index_slideInFromAbove__tMO68 { animation: 0.3s ease 0s 1 normal forwards running index_tca-slide-in-from-above__CO5GG; }
@keyframes index_like-bounce__q66\+G { 
  0% { transform: scale(1); }
  30% { transform: scale(1.2); }
  60% { transform: scale(0.95); }
  100% { transform: scale(1); }
}
.index_canClick__XMyy7 { cursor: pointer; }
.index_canClick__XMyy7 > span:hover { color: var(--oxnv-okd-color-content-primary); }
.index_canClick__XMyy7 > span:hover .index_icon__gJkef.index_addWeight__VDrxY { background: var(--oxnv-okd-color-surface-interactive-hovered); }
.index_liked__zICPx.index_addWeight__VDrxY { animation: 0.6s ease 0s 1 normal none running index_like-bounce__q66\+G; color: var(--oxnv-okd-color-content-primary); }
.index_metaRow__4Rjb9 { align-items: center; display: flex; flex-wrap: wrap; }
.index_dot__S4-FP, .index_timeStamp__UrjwF { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; line-height: 16px; }
.index_dot__S4-FP { margin: 0px 4px; }
.index_viewCount__wnHIh { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; line-height: 16px; }
.index_clickable__\+CnZp { cursor: pointer; }
.index_clickable__\+CnZp:hover { color: var(--oxnv-okd-color-content-primary); font-weight: 700; }
.index_footerSource__c\+QGu { align-items: center; color: var(--oxnv-okd-color-content-contrast); display: inline-flex; }
.index_footerSource__c\+QGu, .index_footerSource__c\+QGu span { font-size: 14px; line-height: 16px; }
.tc-loading-box { align-items: center; display: flex; flex-direction: row; height: 100%; justify-content: center; width: 100%; }
.okx-trading-web3-voucher { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-web3-voucher::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-thumb-down { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-thumb-down::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trade-earn { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trade-earn::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-stake-earn { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-stake-earn::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-report { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-report::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-at-symbol-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-at-symbol-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-security { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-security::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kol-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kol-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-balanced-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-balanced-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-aggressive-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-aggressive-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-bold-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-bold-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-bullet-list-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-bullet-list-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-conservative-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-conservative-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-Italics-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-Italics-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-loan-simulator-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-loan-simulator-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-multiguest-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-multiguest-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-neutral-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-neutral-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-number-list-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-number-list-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-quote-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-quote-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-rich-text-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-rich-text-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-screen-disconnected-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-screen-disconnected-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strikethrough-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strikethrough-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-demo-trading { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-demo-trading::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-simple-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-simple-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-simple-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-simple-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-complex-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-complex-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-complex-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-complex-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-search { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-search::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fast-redemption-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fast-redemption-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-unpin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-unpin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-pin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-pin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-recurring-buy { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-recurring-buy::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-iceberg { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-iceberg::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-twap { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-twap::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-top-down-bottom-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-top-down-bottom-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futures-grid { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futures-grid::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trading-nmp-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trading-nmp-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-event-and-option-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-event-and-option-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-create-draft-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-create-draft-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-upload-general-outlined { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-upload-general-outlined::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dollar-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dollar-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trading-bots-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trading-bots-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futures { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futures::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-spot { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-spot::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-message { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-message::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-creator-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-creator-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-verified-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-verified-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-hourglass-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-hourglass-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-clock-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-clock-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exchange-tab { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exchange-tab::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-night-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-night-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-night-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-night-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-evening-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-evening-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-evening-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-evening-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-light-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-light-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-light-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-light-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-web3-security { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-web3-security::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-web3-radar { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-web3-radar::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-quick { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-quick::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-passkey { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-passkey::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-polyline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-polyline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-spot-grid { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-spot-grid::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-swap { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-swap::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-arbitrage-order { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-arbitrage-order::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-adjust-margin-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-adjust-margin-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-spot-DCA { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-spot-DCA::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futures-DCA { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futures-DCA::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-book-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-book-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-circle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-circle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-rename-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-rename-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dex-filtered { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dex-filtered::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dex-filter { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dex-filter::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-modify-frequency { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-modify-frequency::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trading-tutorial { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trading-tutorial::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-stop { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-stop::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-markets-filter { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-markets-filter::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-markets-filtered { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-markets-filtered::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-markets-close { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-markets-close::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-orders-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-orders-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-warning { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-warning::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-security-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-security-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-TRX { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-TRX::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-margin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-margin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-btc-yield-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-btc-yield-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-mail { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-mail::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-mail-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-mail-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-block { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-block::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-copy-trading-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-copy-trading-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-copy-trading { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-copy-trading::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-diamond-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-diamond-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-diamond-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-diamond-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-neutral-strategy { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-neutral-strategy::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-USDG { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-USDG::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futures-grid-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futures-grid-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-BTC { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-BTC::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-UNI { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-UNI::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-SUI { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-SUI::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-XPR { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-XPR::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-ADA { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-ADA::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-AVAX { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-AVAX::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-BCH { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-BCH::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-DOGE { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-DOGE::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-DOT { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-DOT::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-ETC { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-ETC::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-LINK { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-LINK::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-FIL { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-FIL::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-LTC { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-LTC::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fire-flame_filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fire-flame_filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-coin-usds { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-coin-usds::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-invest-less-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-invest-less-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-limit-up-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-limit-up-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-quotation-mark-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-quotation-mark-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trigger-order-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trigger-order-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-web3-more { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-web3-more::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-line-chart { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-line-chart::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-warning-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-warning-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-open-link { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-open-link::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-reversed { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-reversed::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-okx-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-okx-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-swag-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-swag-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-verified-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-verified-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-user-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-user-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-plus-circle_filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-plus-circle_filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-chevron-down { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-chevron-down::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-list-filter { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-list-filter::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-list-filtered { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-list-filtered::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-play-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-play-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-pointer-left { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-pointer-left::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-refresh { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-refresh::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-loudspeaker-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-loudspeaker-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-headphones { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-headphones::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-btc-yield-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-btc-yield-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dual-investment { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dual-investment::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-auto-earn { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-auto-earn::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-vip-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-vip-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-web3-strong-magnet { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-web3-strong-magnet::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-forward { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-forward::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-news { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-news::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-copy-new { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-copy-new::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expand-down { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expand-down::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expand-left { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expand-left::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expand-right { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expand-right::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expand-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expand-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-nav-tokens { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-nav-tokens::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-apy-rise { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-apy-rise::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-eth-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-eth-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-sol-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-sol-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-usdt-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-usdt-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-adjust-margin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-adjust-margin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-auto-transfer-margin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-auto-transfer-margin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-candle-stick { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-candle-stick::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-create-reverse-bot { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-create-reverse-bot::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-invest-more { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-invest-more::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-resume { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-resume::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-sl { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-sl::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-startcondition { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-startcondition::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-stop-condition { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-stop-condition::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-view-k-line { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-view-k-line::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fire-flame { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fire-flame::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-mcap { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-mcap::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exchange-rate { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exchange-rate::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-withdrawing-profits { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-withdrawing-profits::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-cancel-recall { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-cancel-recall::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-recall { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-recall::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-switch-view-list-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-switch-view-list-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-switch-view-list-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-switch-view-list-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-switch-view-frame-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-switch-view-frame-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-switch-view-frame-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-switch-view-frame-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-money { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-money::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-high-huarantee { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-high-huarantee::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-data { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-data::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-compare { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-compare::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-translation-off { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-translation-off::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-custom-formula { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-custom-formula::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-analysis { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-analysis::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-filter-lines { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-filter-lines::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-filter-lines-and-indicator { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-filter-lines-and-indicator::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-repost-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-repost-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-content { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-content::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-topic-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-topic-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-vip-2 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-vip-2::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fireworks { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fireworks::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-risk-collateral-coin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-risk-collateral-coin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-tradingplaceholder-image { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-tradingplaceholder-image::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-ai-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-ai-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-smart-portfolio { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-smart-portfolio::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-web3-content { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-web3-content::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-loudspeaker { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-loudspeaker::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-discover { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-discover::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-disable-magnet { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-disable-magnet::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-magnet { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-magnet::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strong-magnet { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strong-magnet::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-emphasis-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-emphasis-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-emphasis-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-emphasis-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trending-down { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trending-down::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trending-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trending-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-repost { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-repost::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-ai-outline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-ai-outline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-feed-new { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-feed-new::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-collapse { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-collapse::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-like-filled { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-like-filled::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-like { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-like::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-more { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-more::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-badge { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-badge::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-beginner-play { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-beginner-play::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dcd-flying-wheel { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dcd-flying-wheel::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-percentage-rate-hike { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-percentage-rate-hike::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-tips { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-tips::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-24h-withdrawal { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-24h-withdrawal::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-profit-sharing { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-profit-sharing::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-management-fees { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-management-fees::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futures-grid-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futures-grid-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-futures-grid { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-futures-grid::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-spot-grid { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-spot-grid::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-spot-grid-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-spot-grid-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-affiliate-privilege { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-affiliate-privilege::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-nmp { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-nmp::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-batch-edit { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-batch-edit::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-explore { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-explore::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-play-triangle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-play-triangle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-single-profit-sharing { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-single-profit-sharing::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-number-followers { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-number-followers::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-globe { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-globe::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-table { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-table::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-list { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-list::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_arbitrage_order { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_arbitrage_order::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-gift { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-gift::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-mystery-benefits { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-mystery-benefits::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exclusive-service { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exclusive-service::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-customized-bill { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-customized-bill::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-structured-product { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-structured-product::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-vip { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-vip::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-merchandise { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-merchandise::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exclusive-event { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exclusive-event::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trader-profits { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trader-profits::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-market-data { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-market-data::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-account-manager { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-account-manager::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-draw { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-draw::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-social-instagram { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-social-instagram::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-social-line { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-social-line::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-social-phone { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-social-phone::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-social-tiktok { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-social-tiktok::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-social-youtube { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-social-youtube::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-social-email { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-social-email::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-social-zalo { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-social-zalo::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-h-line { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-h-line::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-protection { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-protection::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-white-paper { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-white-paper::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-copiers { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-copiers::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futures-pnl-analysis { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futures-pnl-analysis::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_mul_information { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_mul_information::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_token_website { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_token_website::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_token_official { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_token_official::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_token_github { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_token_github::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-status-wait { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-status-wait::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-status-processing { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-status-processing::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-mul-position { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-mul-position::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-anchor { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-anchor::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-reverse { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-reverse::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-sad { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-sad::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-frame { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-frame::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-close-new { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-close-new::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expand-new { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expand-new::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-share-new { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-share-new::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-fibonacci-retracements { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-fibonacci-retracements::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-calculator { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-calculator::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_stop { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_stop::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-listing-application { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-listing-application::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_key_option { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_key_option::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading_key_shift { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading_key_shift::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-apply { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-apply::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-question-mark { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-question-mark::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-hlc { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-hlc::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-min-amount { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-min-amount::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-bar { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-bar::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-candle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-candle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-1window-style1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-1window-style1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-2window-style1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-2window-style1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-2window-style2 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-2window-style2::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-3window-style1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-3window-style1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-3window-style2 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-3window-style2::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-3window-style3 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-3window-style3::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-4window-style1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-4window-style1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-4window-style2 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-4window-style2::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-4window-style3 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-4window-style3::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-a-pixel { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-a-pixel::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-academy { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-academy::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-add-decrease { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-add-decrease::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-add { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-add::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-adsorption { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-adsorption::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-area { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-area::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-arrow-chevrons { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-arrow-chevrons::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-arrow-circle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-arrow-circle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-arrow-sort { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-arrow-sort::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-arrow-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-arrow-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-asset { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-asset::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-auto-scale { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-auto-scale::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-back-to-top { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-back-to-top::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-backhand-open { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-backhand-open::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-bank { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-bank::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-bars { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-bars::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-baseline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-baseline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-better-price { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-better-price::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-book { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-book::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-borrowing-drawer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-borrowing-drawer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-bot-drawer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-bot-drawer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-bot { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-bot::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-bottomless-treasure { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-bottomless-treasure::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-calendar { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-calendar::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-call-or-put { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-call-or-put::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-call { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-call::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-camera { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-camera::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-cancel-1- { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-cancel-1-::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-candles { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-candles::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-carets-filled-down { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-carets-filled-down::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-carets-filled-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-carets-filled-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-coin-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-coin-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-cooling-off-period { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-cooling-off-period::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-coupon { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-coupon::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-clock { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-clock::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-checkmark { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-checkmark::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-chart-settings { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-chart-settings::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-close { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-close::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-coin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-coin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-copy-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-copy-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-columns { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-columns::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-copy { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-copy::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dark { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dark::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-data-facebook { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-data-facebook::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-data-qq { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-data-qq::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-data-twitter { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-data-twitter::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-data-weibo { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-data-weibo::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-data-whatsapp { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-data-whatsapp::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-data-window { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-data-window::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dca-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dca-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-delete { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-delete::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-deposit { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-deposit::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dip-sniper { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dip-sniper::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-discord { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-discord::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-discount-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-discount-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-discount-lable { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-discount-lable::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-discount { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-discount::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-document { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-document::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-documentary { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-documentary::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dotted-line { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dotted-line::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-download { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-download::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-drag-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-drag-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-drag { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-drag::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-dsicord { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-dsicord::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-easy-profit { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-easy-profit::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-easy-use { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-easy-use::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-edit-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-edit-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-edit-lever { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-edit-lever::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-edit { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-edit::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-escape-top-treasure { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-escape-top-treasure::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exact-arbitrage { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exact-arbitrage::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exchange-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exchange-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exchange { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exchange::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exit { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exit::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expand-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expand-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expand { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expand::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-expert-traders { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-expert-traders::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-exposure { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-exposure::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-facebook { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-facebook::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-favorites { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-favorites::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-feed { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-feed::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-file { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-file::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fee-rule { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fee-rule::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-filter { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-filter::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-filtered { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-filtered::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-flash { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-flash::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-flashotc { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-flashotc::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fold-restore { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fold-restore::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fold { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fold::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-github { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-github::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-heikin-ashi { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-heikin-ashi::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-goto { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-goto::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-increase { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-increase::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-hot { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-hot::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-info-margin { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-info-margin::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-horizontal-extended { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-horizontal-extended::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-cross-cursor { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-cross-cursor::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-arrow { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-arrow::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-infinity-grid-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-infinity-grid-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-chevron-right { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-chevron-right::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futures-dca-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futures-dca-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-display { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-display::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-information-circle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-information-circle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-data { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-data::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-fibonacci-fans { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-fibonacci-fans::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-eye-show { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-eye-show::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-h-segment { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-h-segment::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-indicator { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-indicator::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-h-ray { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-h-ray::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-funding-rates { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-funding-rates::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-information { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-information::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-measure { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-measure::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-gain { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-gain::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-price-line { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-price-line::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-segment { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-segment::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-trash { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-trash::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-settings { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-settings::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-line { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-line::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-parallel-channel { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-parallel-channel::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-launch { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-launch::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-ray { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-ray::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-layout { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-layout::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-vertical { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-vertical::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-leg-strategy { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-leg-strategy::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-parallel-lines { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-parallel-lines::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-maximize-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-maximize-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-macos-command { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-macos-command::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-market { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-market::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-follow { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-follow::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-lock-private-sphere { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-lock-private-sphere::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-parallel-rays { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-parallel-rays::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-minimize { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-minimize::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-maximize { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-maximize::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-maximize-restore { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-maximize-restore::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-followers { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-followers::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-locked { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-locked::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-lightning { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-lightning::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-market-info-drawer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-market-info-drawer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-fullscreen-outfull { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-fullscreen-outfull::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-light { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-light::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-futuresdca { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-futuresdca::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-following { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-following::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-information { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-information::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-four-pixels { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-four-pixels::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-hide { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-hide::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-index { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-index::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-indicator { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-indicator::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-display-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-display-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-eye-hide { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-eye-hide::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-history { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-history::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-kline-cursor { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-kline-cursor::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-more-pairs { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-more-pairs::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-line { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-line::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-hollow-candles { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-hollow-candles::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-moon-grid-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-moon-grid-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-monad { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-monad::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-no-spreads { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-no-spreads::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-more-circle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-more-circle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-no-expand { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-no-expand::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-no-fee { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-no-fee::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-no-wifi { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-no-wifi::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-notice { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-notice::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-official-website { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-official-website::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-okx { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-okx::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-open-order { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-open-order::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-one { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-one::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-option-hollow { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-option-hollow::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-option-solid { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-option-solid::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-nail { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-nail::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-options { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-options::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-order-drawer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-order-drawer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-orderbook { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-orderbook::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-peak-sniper { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-peak-sniper::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-paint-bucket { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-paint-bucket::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-orders { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-orders::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-perpetual { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-perpetual::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-picture { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-picture::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-play { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-play::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-ranking { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-ranking::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-pointer-down { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-pointer-down::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-rectangle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-rectangle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-put { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-put::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-recurring-buy-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-recurring-buy-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-rebalancing-dialog { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-rebalancing-dialog::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-remind { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-remind::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-reminded { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-reminded::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-pointer-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-pointer-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-return { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-return::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-plus-circle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-plus-circle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-popup-recover { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-popup-recover::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-popup { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-popup::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-position-history-drawer-new { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-position-history-drawer-new::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-position-history-drawer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-position-history-drawer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-profit { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-profit::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-position-rule { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-position-rule::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-service { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-service::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-price-fall { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-price-fall::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-price-reach-to { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-price-reach-to::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-price-rise { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-price-rise::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-reset { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-reset::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-rotate { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-rotate::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-prime-kline { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-prime-kline::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-slide-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-slide-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-reward-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-reward-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-sort-up { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-sort-up::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-dca { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-dca::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-infinity-grid { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-infinity-grid::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-signal-bot { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-signal-bot::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-risk-reward { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-risk-reward::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-risk-short { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-risk-short::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-risk-long { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-risk-long::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-roll-forward { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-roll-forward::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-safe { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-safe::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-price-locker { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-price-locker::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-recurring-buy { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-recurring-buy::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-moon-grid { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-moon-grid::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-see { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-see::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-suggestion { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-suggestion::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-subscribe-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-subscribe-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-subscribed { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-subscribed::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-selected { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-selected::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-subscribe { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-subscribe::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-telegram-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-telegram-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-t-chart { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-t-chart::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-setting-depth { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-setting-depth::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-text { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-text::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-telegram { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-telegram::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-tools-drawer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-tools-drawer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-tools { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-tools::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-setting { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-setting::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-top-movers { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-top-movers::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-top { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-top::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-top-influencers { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-top-influencers::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trade-bot { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trade-bot::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-share { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-share::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-transfer-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-transfer-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trade-rules { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trade-rules::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-start { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-start::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-sound-play { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-sound-play::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-sound-stop { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-sound-stop::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-trade { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-trade::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-transfer-circle { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-transfer-circle::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-simple-options { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-simple-options::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-arbitrage { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-arbitrage::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-smart-portfolio { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-smart-portfolio::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-twap { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-twap::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-strategy-iceberg { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-strategy-iceberg::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-subscribed-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-subscribed-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-three-pixels { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-three-pixels::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-theme { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-theme::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-translation { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-translation::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-transfer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-transfer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-window-infull { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-window-infull::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-window-manager { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-window-manager::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-tutorials-drawer { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-tutorials-drawer::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-two-pixels { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-two-pixels::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-twitter-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-twitter-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-twitter { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-twitter::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-unfollow { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-unfollow::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-unlock-private-sphere { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-unlock-private-sphere::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-unlocked { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-unlocked::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-unselected { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-unselected::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-user { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-user::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-view-alert { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-view-alert::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-vacancy-wait { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-vacancy-wait::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-wechat-1 { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-wechat-1::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-volume-medium { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-volume-medium::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-wechat { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-wechat::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-vacancy-reminder { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-vacancy-reminder::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-window-reduce { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-window-reduce::before { content: ""; font-family: ok-5a2ed0e662; }
.okx-trading-window-amplify { --ok-icon-font-family: "ok-5a2ed0e662"; }
.okx-trading-window-amplify::before { content: ""; font-family: ok-5a2ed0e662; }
.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-style: normal; }
.iconfont::before { display: inline-block; }
@font-face { font-display: block; font-family: ok-5a2ed0e662; font-style: normal; src: url("./cd2c8e6cd552e061.woff2") format("woff2"); }
[dir="rtl"] .okx-trading-arrow-chevrons::before, [dir="rtl"] .okx-trading-arrow-circle::before, [dir="rtl"] .okx-trading-drag::before, [dir="rtl"] .okx-trading-exit::before, [dir="rtl"] .okx-trading-monad::before, [dir="rtl"] .okx-trading-notice::before, [dir="rtl"] .okx-trading-price-reach-to::before, [dir="rtl"] .okx-trading-roll-forward::before, [dir="rtl"] .okx-trading-start::before { transform: scaleX(-1); }
.index_popupOpen__3U9At .okui-a11y-card-main-action { pointer-events: none; }
.index_normalCoinItem__Dt6VB { align-items: center; display: flex; gap: 12px; }
.index_coinInfo__OtYSH { display: flex; flex-direction: column; gap: 4px; }
.index_coinName__rgAOz { color: var(--oxnv-okd-color-content-primary); font-size: 14px; font-weight: 500; line-height: 16px; }
.index_coinPriceInfo__pzITO { align-items: center; color: var(--oxnv-okd-color-content-contrast); display: flex; font-size: 14px; gap: 8px; line-height: 16px; }
.index_chg__wkTMR { font-size: 12px; font-weight: 500; line-height: 16px; }
.index_optionLabel__1jkgT { width: 100%; }
.index_labelCoinInfo__Lo1DB { align-items: center; display: flex; gap: 12px; }
.index_labelCoinName__vz7RG { color: var(--oxnv-okd-color-content-primary); font-size: 12px; line-height: 16px; }
.index_labelBox__gflVI { display: inline-block; height: 20px; width: 100%; }
.index_linkClass__JdB\+W.index_addWeight__S8G33 { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.index_disable__mwjLx { z-index: 0; }
.index_simpleCoinItem__fQIFi { align-items: center; display: flex; font-size: 10px; font-weight: 500; gap: 4px; line-height: 12px; white-space: nowrap; }
.index_chg__FSD9f, .index_coinName__cMzdl { color: var(--oxnv-okd-color-content-static-subtle); }
.index_chg__FSD9f.index_up__7ZgUB { color: var(--color-up-text); }
.index_chg__FSD9f.index_down__9bFSg { color: var(--color-down-text); }
.index_coinItem__0H7\+y.index_addWeight__2T8jL { align-items: center; border-radius: 30px; cursor: pointer; display: flex; gap: 4px; padding: 4px 8px 4px 4px; }
.index_coinItemBox__O5U5B { background: var(--oxnv-okd-color-background-surface-primary); border-radius: 30px; }
.index_itemHover__R69W4 { border-radius: 30px; }
.index_itemHover__R69W4:hover { background: var(--oxnv-okd-color-background-surface-pressed); }
.index_coinName__TDpoJ { color: var(--oxnv-okd-color-content-primary); font-size: 12px; font-weight: 500; line-height: 20px; }
.index_coinIcon__h-vCB { height: 20px; width: 20px; }
.index_chg__KPr3J { color: var(--oxnv-okd-color-content-primary); font-size: 12px; font-weight: 500; line-height: 20px; }
.index_chg__KPr3J.index_up__5PFJ8 { color: var(--color-up-text); }
.index_chg__KPr3J.index_down__DlGfv { color: var(--color-down-text); }
.index_disable__IO-Iq { z-index: 0; }
.index_xs__WO-aA .index_coinIcon__h-vCB { height: 16px; width: 16px; }
.index_xs__WO-aA .index_chg__KPr3J, .index_xs__WO-aA .index_coinName__TDpoJ { font-size: 10px; line-height: 12px; }
.index_md__2e1pz .index_chg__KPr3J, .index_md__2e1pz .index_coinName__TDpoJ { font-size: 14px; }
.oxnv-dropdown-option { white-space: nowrap; }
.index_moreCoin__I-eJZ { align-items: center; border-radius: 30px; cursor: pointer; display: flex; padding: 4px 6px 4px 4px; }
.index_moreCoinDropdown__HJ3At { background: var(--oxnv-okd-color-background-surface-primary); border-radius: 30px; }
.index_moreCoinDropdown__HJ3At:hover { background: var(--oxnv-okd-color-background-surface-pressed); }
.index_ccy0__E-\+ED { position: relative; z-index: 3; }
.index_ccy1__MnVqa { margin-left: -8px; position: relative; z-index: 2; }
.index_ccy2__elJie { margin-left: -8px; position: relative; z-index: 1; }
.index_moreCount__hFGJd { color: var(--oxnv-okd-color-content-primary); font-size: 12px; font-weight: 500; line-height: 16px; margin-left: 4px; }
.index_sm__B-x6b .index_moreCount__hFGJd { font-size: 12px; }
.index_md__kGM0h .index_moreCount__hFGJd { font-size: 14px; }
.index_optionItem__P74mD.index_addWeight__fBEQP.index_addWeight1__O0FRG { box-sizing: border-box; padding: 6px 12px; width: 180px; }
.index_optionContClassName__nFnJA.index_addWeight__fBEQP.index_addWeight1__O0FRG { max-height: 104px; overflow-y: auto; }
.index_disable__jqU7K { z-index: 0; }
.index_coinList__siVMz { align-items: center; display: flex; gap: 8px; overflow-x: auto; }
.index_coinList__siVMz.index_simple__aFsD2 { gap: 12px; }
.index_coinListItem__uBQjl { flex: 0 0 auto; }
.index_flashPointContainer__Idr54 { align-items: center; display: flex; justify-content: center; left: 0px; position: absolute; top: 8px; }
.index_outerBorder__kgNVW { background: var(--comb-feed-main-bg); border: 1px solid var(--oxnv-okd-color-semantic-highlight); border-radius: 50%; box-sizing: border-box; height: 16px; position: absolute; width: 16px; }
.index_flashPoint__2Apwi, .index_normal__h7U4m { background: var(--oxnv-okd-color-semantic-highlight); border-radius: 50%; height: 6px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 6px; }
.index_normal__h7U4m { background: var(--oxnv-okd-color-border-secondary); height: 8px; width: 8px; }
.index_base__UVZI7 { align-items: center; display: flex; }
.index_base__UVZI7.index_authorGroupGoesFirst__atMbx { flex-direction: row-reverse; justify-content: flex-end; }
.index_label__80ery, .index_newsTime__PUl95 { color: var(--oxnv-okd-color-content-tertiary); }
.index_newsTime__PUl95 { line-height: 16px; }
.index_authorsInfo__iC0pb { align-items: center; display: flex; flex: 1 1 0%; }
.index_authorsInfo__iC0pb .index_authorNames__RMTMa, .index_dot__LVaeC { color: var(--oxnv-okd-color-content-tertiary); line-height: 16px; }
.index_dot__LVaeC { font-size: 14px; text-align: center; width: 14px; }
.index_title__qZD2U { color: var(--oxnv-okd-color-content-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; margin: 8px 0px 6px; }
.index_content__ZiqAM { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-tertiary); display: -webkit-box; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; overflow: hidden; white-space: pre-wrap; }
.index_container__j\+tFc { padding-left: 16px; position: relative; }
.index_mockBorder__1eolr { border-left: 1px dashed var(--oxnv-okd-color-border-secondary); inset: 0px 100% 0px 0px; position: absolute; }
.index_firstMockBorder__T-aNf { top: 8px; }
.index_footer__hmLd- { align-items: center; display: flex; margin-top: 8px; }
.index_footerCoins__nBVtQ { flex: 1 1 0%; }
.index_firstInGroupPadding__2Ysz0 { padding-bottom: 20px; }
.index_hideDashedLine__6\+\+Ah { padding: 0px; }
.index_action__Utz5M { cursor: pointer; }
.index_quoteAction__cSxR2 { align-items: center; cursor: pointer; display: inline-flex; flex-shrink: 0; gap: 4px; margin-left: auto; }
.index_quoteAction__cSxR2 .index_quoteIcon__RS2I9 { color: var(--oxnv-okd-color-content-tertiary); font-size: 20px; }
.index_quoteCount__SKzVE { color: var(--oxnv-okd-color-content-tertiary); font-size: 14px; line-height: 16px; }
.index_itemContainer__k-ti3 { padding: 0px 24px; }
.index_feedListBox__P8osW { padding: 0px 0px 12px; }
.index_dateLabel__g6kwP { font-size: 14px; justify-content: space-between; padding-left: 16px; z-index: 10; }
.index_dateLabel__g6kwP, .index_keyStory__SZTiI { align-items: center; background-color: var(--comb-feed-main-bg); color: var(--oxnv-okd-color-content-secondary); display: flex; height: 48px; position: sticky; top: 68px; }
.index_keyStory__SZTiI { float: right; right: 16px; z-index: 11; }
.index_section__xIcWL { border-bottom: .5px solid var(--oxnv-okd-color-border-primary); padding: 16px; }
.index_header__ZB4EI { align-items: center; display: flex; justify-content: space-between; padding-bottom: 12px; }
.index_headerClickable__aCFWV { cursor: pointer; }
.index_headerTitle__fDrcj { color: var(--oxnv-okd-color-content-primary); font-size: 20px; font-weight: 700; line-height: 28px; margin: 0px; }
.index_headerChevron__qJ83B { color: var(--oxnv-okd-color-content-secondary); flex-shrink: 0; font-size: 24px; }
.index_card__1m1c7, .index_list__WflrL { display: flex; flex-direction: column; }
.index_card__1m1c7 { gap: 8px; padding: 12px 0px; text-decoration: none; }
.index_mainRow__oBD0O { align-items: flex-start; display: flex; gap: 12px; }
.index_content__f5G3a { align-items: flex-start; display: flex; flex: 1 1 0%; gap: 8px; min-width: 0px; }
.index_avatar__l-6Qh { flex-shrink: 0; }
.index_info__ZcoiX { display: flex; flex: 1 1 0%; flex-direction: column; gap: 6px; min-width: 0px; }
.index_nameRow__Ww\+Vh { align-items: center; display: flex; gap: 4px; min-width: 0px; }
.index_name__f-\+7z { color: var(--oxnv-okd-color-content-primary); font-size: 18px; font-weight: 500; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_verifiedIcon__E0NC3 { flex-shrink: 0; font-size: 20px; }
.index_bio__l1MBr { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-tertiary); display: -webkit-box; font-size: 16px; font-weight: 400; line-height: 20px; overflow: hidden; white-space: pre-wrap; }
.index_followBtn__Ff3GT { flex-shrink: 0; }
.index_followersRow__Xq6GY { padding-left: 48px; }
.index_followersTag__38umi { align-items: center; background: var(--oxnv-okd-color-background-surface-primary); border-radius: 20px; color: var(--oxnv-okd-color-content-primary); display: inline-flex; font-size: 12px; height: 24px; justify-content: center; line-height: 16px; max-width: 200px; overflow: hidden; padding: 4px 8px; text-overflow: ellipsis; white-space: nowrap; }
.index_feedListBox__JtE8v { display: block; }
.index_loading__5\+ElP { align-items: center; display: flex; height: 80px; justify-content: center; width: 100%; }
.index_pin__HumMa { align-items: center; color: var(--oxnv-okd-color-content-contrast); display: flex; font-size: 14px; gap: 4px; line-height: 16px; margin-bottom: 8px; }
.index_icon__kJwTU.index_addWeight__YxkB- { font-size: 16px; }
.theme-light.pnl-classic { --global-color-profit-default: #31bd65; --global-color-profit-default-rgb: 49,189,101; --global-color-profit-surface-default: #e0f5e8; --global-color-profit-surface-hovered: #29ad5a; --global-color-profit-surface-pressed: #008535; --global-color-profit-oncolor: #fff; --global-color-profit-tint: rgba(49,189,101,.2); --global-color-profit-graph: #31bd65; --global-color-profit-alpha: hsla(0,0%,100%,.2); --global-color-loss-default: #eb4b6d; --global-color-loss-default-rgb: 235,75,109; --global-color-loss-surface-default: #fce4e9; --global-color-loss-surface-hovered: #dd4263; --global-color-loss-surface-pressed: #cd2438; --global-color-loss-oncolor: #fff; --global-color-loss-tint: rgba(235,75,109,.2); --global-color-loss-graph: #eb4b6d; --global-color-loss-alpha: hsla(0,0%,100%,.2); --global-color-neutral-default: #5e5e5e; --global-color-neutral-surface-default: #5e5e5e; --global-color-neutral-surface-hovered: #4c4c4c; --global-color-neutral-surface-pressed: #393939; --global-color-neutral-oncolor: #fff; --global-color-neutral-graph: #5e5e5e; --global-color-profit-surface-default-new: #e0f5e8; --global-color-profit-surface-emphasis: #31bd65; --global-color-profit-surface-emphasis-rgb: 49,189,101; --global-color-loss-surface-default-new: #fce4e9; --global-color-loss-surface-emphasis: #eb4b6d; --global-color-loss-surface-emphasis-rgb: 235,75,109; --global-color-profit-gradient-max: rgba(49,189,101,.2); --global-color-profit-gradient-min: rgba(49,189,101,0); --global-color-loss-gradient-max: rgba(235,75,109,.2); --global-color-loss-gradient-min: rgba(235,75,109,0); }
.theme-light.pnl-modern { --global-color-profit-default: #2b6d17; --global-color-profit-default-rgb: 43,109,23; --global-color-profit-surface-default: #d2e8a4; --global-color-profit-surface-hovered: #bad385; --global-color-profit-surface-pressed: #a4bd70; --global-color-profit-oncolor: #2b6d17; --global-color-profit-tint: rgba(125,183,2,.13); --global-color-profit-graph: #81be00; --global-color-profit-alpha: rgba(43,109,23,.16); --global-color-loss-default: #a54162; --global-color-loss-default-rgb: 165,65,98; --global-color-loss-surface-default: #ffc0d3; --global-color-loss-surface-hovered: #e8a4b8; --global-color-loss-surface-pressed: #d68fa4; --global-color-loss-oncolor: #a54162; --global-color-loss-tint: rgba(255,96,144,.15); --global-color-loss-graph: #fc46ab; --global-color-loss-alpha: rgba(165,65,98,.16); --global-color-neutral-default: #5e5e5e; --global-color-neutral-surface-default: #f5f5f5; --global-color-neutral-surface-hovered: #dedede; --global-color-neutral-surface-pressed: #c8c8c8; --global-color-neutral-oncolor: #5e5e5e; --global-color-neutral-graph: #5e5e5e; --global-color-profit-surface-default-new: #d2e8a4; --global-color-profit-surface-emphasis: #d2e8a4; --global-color-profit-surface-emphasis-rgb: 210,232,164; --global-color-loss-surface-default-new: #ffc0d3; --global-color-loss-surface-emphasis: #ffc0d3; --global-color-loss-surface-emphasis-rgb: 255,192,211; --global-color-profit-gradient-max: rgba(129,190,0,.2); --global-color-profit-gradient-min: rgba(129,190,0,0); --global-color-loss-gradient-max: rgba(252,70,171,.2); --global-color-loss-gradient-min: rgba(252,70,171,0); }
.theme-light { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-neutral-default: var(--oxnv-okd-color-surface-pnl-neutral-default); --global-color-surface-pnl-neutral-hovered: var(--oxnv-okd-color-surface-pnl-neutral-hovered); --global-color-surface-pnl-neutral-pressed: var(--oxnv-okd-color-surface-pnl-neutral-pressed); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-neutral-default: var(--oxnv-okd-color-content-pnl-neutral-default); --global-color-content-pnl-neutral-oncolor: var(--oxnv-okd-color-content-pnl-neutral-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-surface-pnl-neutral-graph: var(--oxnv-okd-color-surface-pnl-neutral-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-neutral-graph: var(--oxnv-okd-color-border-pnl-neutral-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); }
.theme-light.cfg-red-up { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); }
.theme-dark.pnl-classic { --global-color-profit-default: #25a750; --global-color-profit-default-rgb: 37,167,80; --global-color-profit-surface-default: #071c0f; --global-color-profit-surface-hovered: #1a8d40; --global-color-profit-surface-pressed: #005c25; --global-color-profit-oncolor: #fff; --global-color-profit-tint: rgba(37,167,80,.2); --global-color-profit-graph: #25a750; --global-color-profit-alpha: hsla(0,0%,100%,.2); --global-color-loss-default: #ca3f64; --global-color-loss-default-rgb: 202,63,100; --global-color-loss-surface-default: #230b10; --global-color-loss-surface-hovered: #b43255; --global-color-loss-surface-pressed: #9a1b2a; --global-color-loss-oncolor: #fff; --global-color-loss-tint: rgba(202,63,100,.2); --global-color-loss-graph: #ca3f64; --global-color-loss-alpha: hsla(0,0%,100%,.2); --global-color-neutral-default: #b8b8b8; --global-color-neutral-surface-default: #5e5e5e; --global-color-neutral-surface-hovered: #4c4c4c; --global-color-neutral-surface-pressed: #393939; --global-color-neutral-oncolor: #fff; --global-color-neutral-graph: #b8b8b8; --global-color-profit-surface-default-new: #071c0f; --global-color-profit-surface-emphasis: #25a750; --global-color-profit-surface-emphasis-rgb: 37,167,80; --global-color-loss-surface-default-new: #230b10; --global-color-loss-surface-emphasis: #ca3f64; --global-color-loss-surface-emphasis-rgb: 202,63,100; --global-color-profit-gradient-max: rgba(37,167,80,.2); --global-color-profit-gradient-min: rgba(37,167,80,0); --global-color-loss-gradient-max: rgba(202,63,100,.2); --global-color-loss-gradient-min: rgba(202,63,100,0); }
.theme-dark.pnl-modern { --global-color-profit-default: #bcff2f; --global-color-profit-default-rgb: 188,255,47; --global-color-profit-surface-default: #213000; --global-color-profit-surface-hovered: #1a2600; --global-color-profit-surface-pressed: #111900; --global-color-profit-oncolor: #bcff2f; --global-color-profit-tint: rgba(141,204,0,.17); --global-color-profit-graph: #bcff2f; --global-color-profit-alpha: rgba(188,255,47,.16); --global-color-loss-default: #fc46ab; --global-color-loss-default-rgb: 252,70,171; --global-color-loss-surface-default: #3d192d; --global-color-loss-surface-hovered: #2a101f; --global-color-loss-surface-pressed: #11060c; --global-color-loss-oncolor: #fc46ab; --global-color-loss-tint: rgba(200,92,153,.2); --global-color-loss-graph: #fc46ab; --global-color-loss-alpha: rgba(252,70,171,.16); --global-color-neutral-default: #b8b8b8; --global-color-neutral-surface-default: #212121; --global-color-neutral-surface-hovered: #141414; --global-color-neutral-surface-pressed: #030303; --global-color-neutral-oncolor: #b8b8b8; --global-color-neutral-graph: #b8b8b8; --global-color-profit-surface-default-new: #213000; --global-color-profit-surface-emphasis: #213000; --global-color-profit-surface-emphasis-rgb: 33,48,0; --global-color-loss-surface-default-new: #3d192d; --global-color-loss-surface-emphasis: #3d192d; --global-color-loss-surface-emphasis-rgb: 61,25,45; --global-color-profit-gradient-max: rgba(188,255,47,.2); --global-color-profit-gradient-min: rgba(188,255,47,0); --global-color-loss-gradient-max: rgba(252,70,171,.2); --global-color-loss-gradient-min: rgba(252,70,171,0); }
.theme-dark { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-neutral-default: var(--oxnv-okd-color-surface-pnl-neutral-default); --global-color-surface-pnl-neutral-hovered: var(--oxnv-okd-color-surface-pnl-neutral-hovered); --global-color-surface-pnl-neutral-pressed: var(--oxnv-okd-color-surface-pnl-neutral-pressed); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-neutral-default: var(--oxnv-okd-color-content-pnl-neutral-default); --global-color-content-pnl-neutral-oncolor: var(--oxnv-okd-color-content-pnl-neutral-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-surface-pnl-neutral-graph: var(--oxnv-okd-color-surface-pnl-neutral-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-neutral-graph: var(--oxnv-okd-color-border-pnl-neutral-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); }
.theme-dark.cfg-red-up { --global-color-global-alpha-pnl-profit: var(--oxnv-okd-color-global-alpha-pnl-loss); --global-color-global-alpha-pnl-loss: var(--oxnv-okd-color-global-alpha-pnl-profit); --global-color-surface-pnl-profit-default: var(--oxnv-okd-color-surface-pnl-loss-default); --global-color-surface-pnl-profit-hovered: var(--oxnv-okd-color-surface-pnl-loss-hovered); --global-color-surface-pnl-profit-pressed: var(--oxnv-okd-color-surface-pnl-loss-pressed); --global-color-surface-pnl-profit-tint: var(--oxnv-okd-color-surface-pnl-loss-tint); --global-color-surface-pnl-loss-default: var(--oxnv-okd-color-surface-pnl-profit-default); --global-color-surface-pnl-loss-hovered: var(--oxnv-okd-color-surface-pnl-profit-hovered); --global-color-surface-pnl-loss-pressed: var(--oxnv-okd-color-surface-pnl-profit-pressed); --global-color-surface-pnl-loss-tint: var(--oxnv-okd-color-surface-pnl-profit-tint); --global-color-surface-pnl-loss-graph: var(--oxnv-okd-color-surface-pnl-profit-graph); --global-color-content-pnl-profit-default: var(--oxnv-okd-color-content-pnl-loss-default); --global-color-content-pnl-profit-oncolor: var(--oxnv-okd-color-content-pnl-loss-oncolor); --global-color-content-pnl-loss-default: var(--oxnv-okd-color-content-pnl-profit-default); --global-color-content-pnl-loss-oncolor: var(--oxnv-okd-color-content-pnl-profit-oncolor); --global-color-surface-pnl-profit-graph: var(--oxnv-okd-color-surface-pnl-loss-graph); --global-color-border-pnl-loss-default: var(--oxnv-okd-color-border-pnl-profit-default); --global-color-border-pnl-loss-graph: var(--oxnv-okd-color-border-pnl-profit-graph); --global-color-border-pnl-profit-default: var(--oxnv-okd-color-border-pnl-loss-default); --global-color-border-pnl-profit-graph: var(--oxnv-okd-color-border-pnl-loss-graph); --global-color-surface-pnl-profit-default-new: var(--oxnv-okd-color-surface-pnl-loss-default-new); --global-color-surface-pnl-profit-emphasis: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --global-color-surface-pnl-loss-default-new: var(--oxnv-okd-color-surface-pnl-profit-default-new); --global-color-surface-pnl-loss-emphasis: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --global-color-content-pnl-profit-oncolor-default: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --global-color-content-pnl-profit-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-loss-oncolor-emphasis); --global-color-content-pnl-loss-oncolor-default: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --global-color-content-pnl-loss-oncolor-emphasis: var(--oxnv-okd-color-content-pnl-profit-oncolor-emphasis); --global-color-surface-pnl-profit-gradient-max: var(--oxnv-okd-color-surface-pnl-loss-gradient-max); --global-color-surface-pnl-profit-gradient-min: var(--oxnv-okd-color-surface-pnl-loss-gradient-min); --global-color-surface-pnl-loss-gradient-max: var(--oxnv-okd-color-surface-pnl-profit-gradient-max); --global-color-surface-pnl-loss-gradient-min: var(--oxnv-okd-color-surface-pnl-profit-gradient-min); }
:root { --color-red-text: #eb4b6d; --color-red-bg: #eb4b6d; --color-green-text: #31bd65; --color-green-bg: #31bd65; --color-red-text-rgb: 235,75,109; --color-red-bg-rgb: 235,75,109; --color-green-text-rgb: 49,189,101; --color-green-bg-rgb: 49,189,101; --color-up: var(--color-green-text); --color-down: var(--color-red-text); --color-up-text: var(--color-green-text); --color-down-text: var(--color-red-text); --color-up-bg: var(--color-green-bg); --color-down-bg: var(--color-red-bg); --color-up-text-rgb: var(--color-green-text-rgb); --color-down-text-rgb: var(--color-red-text-rgb); --color-up-bg-rgb: var(--color-green-bg-rgb); --color-down-bg-rgb: var(--color-red-bg-rgb); }
.theme-light { --oxnv-okd-color-surface-pnl-profit-emphasis-rgb: var(--global-color-profit-surface-emphasis-rgb); --oxnv-okd-color-surface-pnl-loss-emphasis-rgb: var(--global-color-loss-surface-emphasis-rgb); --oxnv-okd-color-content-pnl-profit-default-rgb: var(--global-color-profit-default-rgb); --oxnv-okd-color-content-pnl-loss-default-rgb: var(--global-color-loss-default-rgb); --color-red-text: var(--oxnv-okd-color-content-pnl-loss-default); --color-red-bg: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --color-green-text: var(--oxnv-okd-color-content-pnl-profit-default); --color-green-bg: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --color-red-text-rgb: var(--oxnv-okd-color-content-pnl-loss-default-rgb); --color-red-bg-rgb: var(--oxnv-okd-color-surface-pnl-loss-emphasis-rgb); --color-green-text-rgb: var(--oxnv-okd-color-content-pnl-profit-default-rgb); --color-green-bg-rgb: var(--oxnv-okd-color-surface-pnl-profit-emphasis-rgb); --oxnv-okd-color-old-content-pnl-profit-default: #2b6d17; --oxnv-okd-color-old-surface-pnl-profit-graph: #81be00; --oxnv-okd-color-old-content-pnl-loss-default: #a54162; --oxnv-okd-color-old-surface-pnl-loss-graph: #fc46ab; --oxnv-okd-color-old-surface-pnl-profit-graph-rgb: 129,190,0; --oxnv-okd-color-old-surface-pnl-loss-graph-rgb: 252,70,171; --color-up: var(--color-green-text); --color-down: var(--color-red-text); --color-up-text: var(--color-green-text); --color-down-text: var(--color-red-text); --color-up-bg: var(--color-green-bg); --color-down-bg: var(--color-red-bg); --color-up-text-rgb: var(--color-green-text-rgb); --color-down-text-rgb: var(--color-red-text-rgb); --color-up-bg-rgb: var(--color-green-bg-rgb); --color-down-bg-rgb: var(--color-red-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); }
.theme-light.cfg-red-up { --color-up: var(--color-red-text); --color-down: var(--color-green-text); --color-up-text: var(--color-red-text); --color-down-text: var(--color-green-text); --color-up-bg: var(--color-red-bg); --color-down-bg: var(--color-green-bg); --color-up-text-rgb: var(--color-red-text-rgb); --color-down-text-rgb: var(--color-green-text-rgb); --color-up-bg-rgb: var(--color-red-bg-rgb); --color-down-bg-rgb: var(--color-green-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); }
.theme-dark { --oxnv-okd-color-surface-pnl-profit-emphasis-rgb: var(--global-color-profit-surface-emphasis-rgb); --oxnv-okd-color-surface-pnl-loss-emphasis-rgb: var(--global-color-loss-surface-emphasis-rgb); --oxnv-okd-color-content-pnl-profit-default-rgb: var(--global-color-profit-default-rgb); --oxnv-okd-color-content-pnl-loss-default-rgb: var(--global-color-loss-default-rgb); --color-red-text: var(--oxnv-okd-color-content-pnl-loss-default); --color-red-bg: var(--oxnv-okd-color-surface-pnl-loss-emphasis); --color-green-text: var(--oxnv-okd-color-content-pnl-profit-default); --color-green-bg: var(--oxnv-okd-color-surface-pnl-profit-emphasis); --color-red-text-rgb: var(--oxnv-okd-color-content-pnl-loss-default-rgb); --color-red-bg-rgb: var(--oxnv-okd-color-surface-pnl-loss-emphasis-rgb); --color-green-text-rgb: var(--oxnv-okd-color-content-pnl-profit-default-rgb); --color-green-bg-rgb: var(--oxnv-okd-color-surface-pnl-profit-emphasis-rgb); --oxnv-okd-color-old-content-pnl-profit-default: #bcff2f; --oxnv-okd-color-old-surface-pnl-profit-graph: #bcff2f; --oxnv-okd-color-old-content-pnl-loss-default: #fc46ab; --oxnv-okd-color-old-surface-pnl-loss-graph: #fc46ab; --oxnv-okd-color-old-surface-pnl-profit-graph-rgb: 188,255,47; --oxnv-okd-color-old-surface-pnl-loss-graph-rgb: 252,70,171; --color-up: var(--color-green-text); --color-down: var(--color-red-text); --color-up-text: var(--color-green-text); --color-down-text: var(--color-red-text); --color-up-bg: var(--color-green-bg); --color-down-bg: var(--color-red-bg); --color-up-text-rgb: var(--color-green-text-rgb); --color-down-text-rgb: var(--color-red-text-rgb); --color-up-bg-rgb: var(--color-green-bg-rgb); --color-down-bg-rgb: var(--color-red-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); }
.theme-dark.cfg-red-up { --color-up: var(--color-red-text); --color-down: var(--color-green-text); --color-up-text: var(--color-red-text); --color-down-text: var(--color-green-text); --color-up-bg: var(--color-red-bg); --color-down-bg: var(--color-green-bg); --color-up-text-rgb: var(--color-red-text-rgb); --color-down-text-rgb: var(--color-green-text-rgb); --color-up-bg-rgb: var(--color-red-bg-rgb); --color-down-bg-rgb: var(--color-green-bg-rgb); --color-content-pnl-profit-default: var(--oxnv-okd-color-old-content-pnl-loss-default); --color-surface-pnl-profit-graph: var(--oxnv-okd-color-old-surface-pnl-loss-graph); --color-content-pnl-loss-default: var(--oxnv-okd-color-old-content-pnl-profit-default); --color-surface-pnl-loss-graph: var(--oxnv-okd-color-old-surface-pnl-profit-graph); --color-surface-pnl-profit-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-loss-graph-rgb); --color-surface-pnl-loss-graph-rgb: var(--oxnv-okd-color-old-surface-pnl-profit-graph-rgb); }
.theme-okcoin { --color-up: #2ead65; --color-down: #e35e5e; --color-up-text: #2ead65; --color-down-text: #e35e5e; --color-up-bg: #2ead65; --color-down-bg: #e35e5e; }
.theme-okcoin.cfg-red-up { --color-up: #e35e5e; --color-down: #2ead65; --color-up-text: #e35e5e; --color-down-text: #2ead65; --color-up-bg: #e35e5e; --color-down-bg: #2ead65; }
.index_snapshotWrapper__ct3dx { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.index_snapshotLabel__Ck8iv { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; line-height: 16px; white-space: nowrap; }
.index_pnlUp__LNE6U { --trading-card-badge-color: var(--global-color-profit-default,var(--oxnv-okd-color-content-pnl-profit-default,#2b6d17)); }
.index_pnlDown__Ll0ol { --trading-card-badge-color: var(--global-color-loss-graph,var(--oxnv-okd-color-surface-pnl-loss-graph,#fc46ab)); }
.index_pnlTextGreen__iWR6a { --trading-card-action-color: var(--global-color-profit-default,var(--oxnv-okd-color-content-pnl-profit-default,#2b6d17)); }
.index_pnlTextRed__PbMvU { --trading-card-action-color: var(--global-color-loss-graph,var(--oxnv-okd-color-surface-pnl-loss-graph,#fc46ab)); }
.index_tradingCard__CODEf { --trading-card-action-color: var(--oxnv-okd-color-brand-primary-alternative,#2b6d17); border: 1px solid var(--oxnv-okd-color-border-static-default); border-radius: 16px; box-sizing: border-box; overflow: hidden; padding: 14px 16px 16px; position: relative; user-select: none; }
.index_compact__J1KYD, .index_tradingCard__CODEf { background: var(--oxnv-okd-color-background-surface-primary); box-shadow: none; }
.index_compact__J1KYD { border: 0px; padding: 16px; }
.index_compact__J1KYD .index_header__wev8K { margin-bottom: 8px; }
.index_header__wev8K { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.index_coinInfo__I\+G2h { align-items: center; display: flex; flex: 1 1 0%; flex-wrap: wrap; gap: 6px; min-width: 0px; }
.index_coinIcon__05q76 { border-radius: 50%; flex-shrink: 0; height: 24px; object-fit: cover; width: 24px; }
.index_coinName__khzZS { color: var(--oxnv-okd-color-content-primary); flex-shrink: 0; font-size: 17px; font-weight: 600; line-height: 1.2; }
.index_badge__EFJJ1 { align-items: center; background: var(--oxnv-okd-color-global-alpha-inverse-5); border: 1px solid var(--oxnv-okd-color-border-static-overlay); border-radius: 4px; color: var(--oxnv-okd-color-content-secondary); display: inline-flex; font-size: 11px; font-weight: 400; line-height: 1.4; padding: 2px 6px; white-space: nowrap; }
.index_badgeProfit__JYxzf { background: transparent; border-color: var(--trading-card-badge-color); color: var(--trading-card-badge-color); }
.index_badgeOutline__Cs9Kh { background: transparent; border-color: var(--oxnv-okd-color-border-static-default); color: var(--oxnv-okd-color-content-secondary); }
.index_tradeBtn__965fj { align-items: center; background: var(--oxnv-okd-color-brand-primary-alternative); border-radius: 100px; color: var(--oxnv-okd-color-background-base-primary); display: inline-flex; flex-shrink: 0; font-size: 13px; font-weight: 600; justify-content: center; line-height: 1; padding: 6px 14px; text-decoration: none; white-space: nowrap; }
.index_tradeBtn__965fj:hover { filter: brightness(1.08); }
.index_tradeBtn__965fj:active { filter: brightness(0.92); }
.index_chartWrapper__EMx4K { margin: 10px -16px 4px; overflow: hidden; position: relative; }
.index_chart__qwWzd { height: 140px; width: 100%; }
.index_chartPlaceholder__LXwAU { align-items: flex-end; display: flex; inset: 0px; padding: 16px 0px 8px; pointer-events: none; position: absolute; }
.index_chartPlaceholder__LXwAU::before { background: linear-gradient(180deg,var(--oxnv-okd-color-global-alpha-inverse-5) 0,transparent 100%); content: ""; inset: 0px; position: absolute; }
.index_chartPlaceholderBar__\+jXuy { animation: 1.6s ease-in-out 0s infinite normal none running index_shimmer__\+g9Ek; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; border-radius: 1px; filter: blur(0.5px); flex: 1 1 0%; height: 2px; margin: 0px 16px; }
@keyframes index_shimmer__\+g9Ek { 
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}
.index_footer__k9KMd { padding-top: 4px; }
.index_profitLabel__81l8Z { color: var(--oxnv-okd-color-content-tertiary); font-size: 12px; line-height: 1.4; margin-bottom: 2px; }
.index_profitValue__7X2Bs { font-size: 32px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.2; }
.index_pnlText__gkPlY { color: var(--trading-card-action-color); }
.index_statsRow__L\+DsQ { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px; }
.index_statItem__sO4DK { color: var(--oxnv-okd-color-content-tertiary); font-size: 12px; white-space: nowrap; }
.index_statValue__Lfy8K { color: var(--oxnv-okd-color-content-secondary); margin-left: 2px; }
.index_coinNameCompact__aizto { font-size: 18px; font-weight: 500; line-height: 24px; }
.index_compactFooter__gzXzP { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.index_compactStatItem__iqo4K { align-items: center; display: flex; gap: 4px; }
.index_compactStatLabel__Pz4yi { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; font-weight: 400; line-height: 16px; }
.index_compactStatValueNeutral__v3MvZ, .index_compactStatValue__z5lMZ { font-size: 14px; font-weight: 500; line-height: 16px; }
.index_compactStatValueNeutral__v3MvZ { color: var(--oxnv-okd-color-content-primary); }
.index_compactDot__jY2pu { color: var(--oxnv-okd-color-content-contrast); font-size: 14px; font-weight: 500; line-height: 16px; }
.index_retweet__pYS-Y { align-items: center; color: var(--oxnv-okd-color-content-contrast); display: flex; height: 16px; margin-bottom: 12px; }
.index_icon__FIeYJ.index_addWeight__WJ2lB { font-size: 14px; margin-right: 6px; }
.index_retweetText__9QHFB { color: var(--oxnv-okd-color-content-contrast); display: inline-block; font-size: 12px; font-weight: 700; height: 16px; line-height: 16px; }
.index_articleCard__OkcVd { align-items: flex-start; display: flex; gap: 12px; }
.index_textArea__f12cc { flex: 1 1 0%; min-width: 0px; overflow: hidden; }
.index_title__jnaXu { -webkit-line-clamp: 2; color: var(--oxnv-okd-color-content-primary); font-size: 16px; font-weight: 700; }
.index_excerpt__s\+w-l, .index_title__jnaXu { -webkit-box-orient: vertical; display: -webkit-box; line-height: 20px; overflow: hidden; }
.index_excerpt__s\+w-l { -webkit-line-clamp: 3; color: var(--oxnv-okd-color-content-secondary,#e6e6e6); font-size: 14px; font-weight: 400; margin-top: 4px; }
.index_cover__YVRNR { border-radius: 8px; flex-shrink: 0; height: 72px; object-fit: cover; width: 96px; }
.index_previewCard__qpdkW { background: var(--oxnv-okd-color-surface-structural-base,#000); border: 1px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 16px; cursor: pointer; max-width: 512px; overflow: hidden; }
.index_previewCover__7eR8a { display: block; height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.index_previewBody__02QXo { display: flex; flex-direction: column; gap: 4px; padding: 12px; }
.index_previewTitle__3fBPA { -webkit-line-clamp: 3; color: var(--oxnv-okd-color-content-primary,#fff); font-size: 18px; font-weight: 500; line-height: 24px; }
.index_previewExcerpt__LghKf, .index_previewTitle__3fBPA { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; word-break: break-word; }
.index_previewExcerpt__LghKf { -webkit-line-clamp: 2; color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); font-size: 16px; font-weight: 400; line-height: 20px; }
.index_container__zXf28 { align-items: center; color: var(--oxnv-okd-color-content-secondary); cursor: pointer; display: flex; gap: 4px; outline: none; padding-bottom: 8px; }
.index_container__zXf28:hover { color: var(--oxnv-okd-color-content-primary); }
.index_text__7JeJ9 { font-size: 14px; line-height: 22px; }
.index_arrow__pRjmv { flex-shrink: 0; font-size: 16px; }
.index_topGap__ruJ3J { margin-top: 24px; }
.index_footer__AU2Ga { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.index_seoTranslation__vthYv { margin-top: 24px; }
.oxnv-popover .oxnv-popup-layer-content { padding: 0px; }
.oxnv-popover .oxnv-popup-layer-arrow-inner { background-color: var(--oxnv-okd-popover-layer-background); border-color: var(--oxnv-okd-popover-layer-border-color); }
.oxnv-popover-arrow-special .oxnv-popup-layer-arrow[change-color] .oxnv-popup-layer-arrow-inner { background-color: var(--oxnv-okd-popover-title-background); }
.oxnv-popover-arrow-special[data-popper-placement*="bottom"] .oxnv-popup-layer-arrow-inner { background-color: var(--oxnv-okd-popover-title-background) !important; }
.oxnv-popover-content { background-color: var(--oxnv-okd-popover-layer-background); border: 1px solid var(--oxnv-okd-popover-layer-border-color); border-radius: 4px; box-shadow: var(--oxnv-okd-popover-common-layer-shadow); max-width: var(--oxnv-okd-popover-common-layer-width); }
.oxnv-popover-content-title { background-color: var(--oxnv-okd-popover-title-background); border-top-left-radius: 4px; border-top-right-radius: 4px; color: var(--oxnv-okd-popover-title-color); font-weight: 500; line-height: 20px; padding: 8px 12px; position: relative; }
.oxnv-popover-content-desc { background-color: var(--oxnv-okd-popover-desc-background); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: var(--oxnv-okd-popover-desc-color); overflow: hidden; padding: var(--oxnv-okd-popover-common-padding); }
.oxnv-popover-content-desc .oxnv-popover-content-desc-link { color: var(--oxnv-okd-popover-link-color); cursor: pointer; font-weight: 500; padding-left: 4px; text-decoration: underline; }
.oxnv-popover-content-desc-button { color: var(--oxnv-okd-popover-action-color); cursor: pointer; float: right; font-weight: 500; margin-top: 20px; overflow: hidden; padding: 0px 10px; text-align: right; }
.oxnv-popover-content-desc-radius { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.oxnv-popover-md .oxnv-popover-content { font-size: var(--oxnv-okd-popover-md-font-size); line-height: var(--oxnv-okd-popover-md-line-height); }
.oxnv-popover-md .oxnv-popover-content-title { font-size: var(--oxnv-okd-popover-md-title-font-size); }
.oxnv-popover-sm .oxnv-popover-content { font-size: var(--oxnv-okd-popover-sm-font-size); line-height: var(--oxnv-okd-popover-sm-line-height); }
.oxnv-popover-sm .oxnv-popover-content-title { font-size: var(--oxnv-okd-popover-sm-title-font-size); }
.oxnv-subtlebutton-xxs { font-size: var(--oxnv-okd-subtlebutton-xxs-font-size,12px); font-weight: var(--oxnv-okd-subtlebutton-xxs-font-weight,400); line-height: var(--oxnv-okd-subtlebutton-xxs-line-height,16px); min-width: var(--oxnv-okd-subtlebutton-xxs-min-width,63px); padding: var(--oxnv-okd-subtlebutton-xxs-padding-vertical,4px) var(--oxnv-okd-subtlebutton-xxs-padding-horizontal,12px); }
.oxnv-subtlebutton-xxs .oxnv-subtlebutton-loader-circle { height: var(--oxnv-okd-subtlebutton-xxs-loader-width,14px); width: var(--oxnv-okd-subtlebutton-xxs-loader-width,14px); }
.oxnv-subtlebutton-xxs .oxnv-subtlebutton-icon { font-size: var(--oxnv-okd-subtlebutton-xxs-icon-size,14px); font-weight: var(--oxnv-okd-subtlebutton-xxs-font-weight,400); }
.oxnv-subtlebutton-xxs .oxnv-subtlebutton-icon-leading { margin-right: var(--oxnv-okd-subtlebutton-xxs-icon-margin-right,6px); }
.oxnv-subtlebutton-xxs .oxnv-subtlebutton-icon-tailing { margin-left: var(--oxnv-okd-subtlebutton-xxs-icon-margin-right,6px); }
.oxnv-subtlebutton-loading-text .oxnv-subtlebutton-loader { margin-right: var(--oxnv-okd-subtlebutton-xxs-loader-margin-right,6px); }
.oxnv-subtlebutton-xs { font-size: var(--oxnv-okd-subtlebutton-xs-font-size,12px); font-weight: var(--oxnv-okd-subtlebutton-xs-font-weight,400); line-height: var(--oxnv-okd-subtlebutton-xs-line-height,16px); min-width: var(--oxnv-okd-subtlebutton-xs-min-width,63px); padding: var(--oxnv-okd-subtlebutton-xs-padding-vertical,6px) var(--oxnv-okd-subtlebutton-xs-padding-horizontal,12px); }
.oxnv-subtlebutton-xs .oxnv-subtlebutton-loader-circle { height: var(--oxnv-okd-subtlebutton-xs-loader-width,14px); width: var(--oxnv-okd-subtlebutton-xs-loader-width,14px); }
.oxnv-subtlebutton-xs .oxnv-subtlebutton-icon { font-size: var(--oxnv-okd-subtlebutton-xs-icon-size,14px); font-weight: var(--oxnv-okd-subtlebutton-xs-font-weight,400); }
.oxnv-subtlebutton-xs .oxnv-subtlebutton-icon-leading { margin-right: var(--oxnv-okd-subtlebutton-xs-icon-margin-right,6px); }
.oxnv-subtlebutton-xs .oxnv-subtlebutton-icon-tailing { margin-left: var(--oxnv-okd-subtlebutton-xs-icon-margin-right,6px); }
.oxnv-subtlebutton-loading-text .oxnv-subtlebutton-loader { margin-right: var(--oxnv-okd-subtlebutton-xs-loader-margin-right,6px); }
.oxnv-subtlebutton-s { font-size: var(--oxnv-okd-subtlebutton-s-font-size,14px); font-weight: var(--oxnv-okd-subtlebutton-s-font-weight,400); line-height: var(--oxnv-okd-subtlebutton-s-line-height,16px); min-width: var(--oxnv-okd-subtlebutton-s-min-width,72px); padding: var(--oxnv-okd-subtlebutton-s-padding-vertical,8px) var(--oxnv-okd-subtlebutton-s-padding-horizontal,12px); }
.oxnv-subtlebutton-s .oxnv-subtlebutton-loader-circle { height: var(--oxnv-okd-subtlebutton-s-loader-width,14px); width: var(--oxnv-okd-subtlebutton-s-loader-width,14px); }
.oxnv-subtlebutton-s .oxnv-subtlebutton-icon { font-size: var(--oxnv-okd-subtlebutton-s-icon-size,14px); font-weight: var(--oxnv-okd-subtlebutton-s-font-weight,400); }
.oxnv-subtlebutton-s .oxnv-subtlebutton-icon-leading { margin-right: var(--oxnv-okd-subtlebutton-s-icon-margin-right,6px); }
.oxnv-subtlebutton-s .oxnv-subtlebutton-icon-tailing { margin-left: var(--oxnv-okd-subtlebutton-s-icon-margin-right,6px); }
.oxnv-subtlebutton-loading-text .oxnv-subtlebutton-loader { margin-right: var(--oxnv-okd-subtlebutton-s-loader-margin-right,6px); }
.oxnv-subtlebutton-sm { font-size: var(--oxnv-okd-subtlebutton-sm-font-size,14px); font-weight: var(--oxnv-okd-subtlebutton-sm-font-weight,400); line-height: var(--oxnv-okd-subtlebutton-sm-line-height,16px); min-width: var(--oxnv-okd-subtlebutton-sm-min-width,81px); padding: var(--oxnv-okd-subtlebutton-sm-padding-vertical,10px) var(--oxnv-okd-subtlebutton-sm-padding-horizontal,16px); }
.oxnv-subtlebutton-sm .oxnv-subtlebutton-loader-circle { height: var(--oxnv-okd-subtlebutton-sm-loader-width,16px); width: var(--oxnv-okd-subtlebutton-sm-loader-width,16px); }
.oxnv-subtlebutton-sm .oxnv-subtlebutton-icon { font-size: var(--oxnv-okd-subtlebutton-sm-icon-size,16px); font-weight: var(--oxnv-okd-subtlebutton-sm-font-weight,400); }
.oxnv-subtlebutton-sm .oxnv-subtlebutton-icon-leading { margin-right: var(--oxnv-okd-subtlebutton-sm-icon-margin-right,6px); }
.oxnv-subtlebutton-sm .oxnv-subtlebutton-icon-tailing { margin-left: var(--oxnv-okd-subtlebutton-sm-icon-margin-right,6px); }
.oxnv-subtlebutton-loading-text .oxnv-subtlebutton-loader { margin-right: var(--oxnv-okd-subtlebutton-sm-loader-margin-right,6px); }
.oxnv-subtlebutton-md { font-size: var(--oxnv-okd-subtlebutton-md-font-size,14px); font-weight: var(--oxnv-okd-subtlebutton-md-font-weight,400); line-height: var(--oxnv-okd-subtlebutton-md-line-height,16px); min-width: var(--oxnv-okd-subtlebutton-md-min-width,90px); padding: var(--oxnv-okd-subtlebutton-md-padding-vertical,12px) var(--oxnv-okd-subtlebutton-md-padding-horizontal,16px); }
.oxnv-subtlebutton-md .oxnv-subtlebutton-loader-circle { height: var(--oxnv-okd-subtlebutton-md-loader-width,16px); width: var(--oxnv-okd-subtlebutton-md-loader-width,16px); }
.oxnv-subtlebutton-md .oxnv-subtlebutton-icon { font-size: var(--oxnv-okd-subtlebutton-md-icon-size,16px); font-weight: var(--oxnv-okd-subtlebutton-md-font-weight,400); }
.oxnv-subtlebutton-md .oxnv-subtlebutton-icon-leading { margin-right: var(--oxnv-okd-subtlebutton-md-icon-margin-right,6px); }
.oxnv-subtlebutton-md .oxnv-subtlebutton-icon-tailing { margin-left: var(--oxnv-okd-subtlebutton-md-icon-margin-right,6px); }
.oxnv-subtlebutton-loading-text .oxnv-subtlebutton-loader { margin-right: var(--oxnv-okd-subtlebutton-md-loader-margin-right,6px); }
.oxnv-subtlebutton-lg { font-size: var(--oxnv-okd-subtlebutton-lg-font-size,16px); font-weight: var(--oxnv-okd-subtlebutton-lg-font-weight,500); line-height: var(--oxnv-okd-subtlebutton-lg-line-height,20px); min-width: var(--oxnv-okd-subtlebutton-lg-min-width,108px); padding: var(--oxnv-okd-subtlebutton-lg-padding-vertical,14px) var(--oxnv-okd-subtlebutton-lg-padding-horizontal,24px); }
.oxnv-subtlebutton-lg .oxnv-subtlebutton-loader-circle { height: var(--oxnv-okd-subtlebutton-lg-loader-width,20px); width: var(--oxnv-okd-subtlebutton-lg-loader-width,20px); }
.oxnv-subtlebutton-lg .oxnv-subtlebutton-icon { font-size: var(--oxnv-okd-subtlebutton-lg-icon-size,20px); font-weight: var(--oxnv-okd-subtlebutton-lg-font-weight,500); }
.oxnv-subtlebutton-lg .oxnv-subtlebutton-icon-leading { margin-right: var(--oxnv-okd-subtlebutton-lg-icon-margin-right,8px); }
.oxnv-subtlebutton-lg .oxnv-subtlebutton-icon-tailing { margin-left: var(--oxnv-okd-subtlebutton-lg-icon-margin-right,8px); }
.oxnv-subtlebutton-loading-text .oxnv-subtlebutton-loader { margin-right: var(--oxnv-okd-subtlebutton-lg-loader-margin-right,8px); }
.oxnv-subtlebutton-xl { font-size: var(--oxnv-okd-subtlebutton-xl-font-size,18px); font-weight: var(--oxnv-okd-subtlebutton-xl-font-weight,500); line-height: var(--oxnv-okd-subtlebutton-xl-line-height,24px); min-width: var(--oxnv-okd-subtlebutton-xl-min-width,126px); padding: var(--oxnv-okd-subtlebutton-xl-padding-vertical,16px) var(--oxnv-okd-subtlebutton-xl-padding-horizontal,44px); }
.oxnv-subtlebutton-xl .oxnv-subtlebutton-loader-circle { height: var(--oxnv-okd-subtlebutton-xl-loader-width,20px); width: var(--oxnv-okd-subtlebutton-xl-loader-width,20px); }
.oxnv-subtlebutton-xl .oxnv-subtlebutton-icon { font-size: var(--oxnv-okd-subtlebutton-xl-icon-size,20px); font-weight: var(--oxnv-okd-subtlebutton-xl-font-weight,500); }
.oxnv-subtlebutton-xl .oxnv-subtlebutton-icon-leading { margin-right: var(--oxnv-okd-subtlebutton-xl-icon-margin-right,8px); }
.oxnv-subtlebutton-xl .oxnv-subtlebutton-icon-tailing { margin-left: var(--oxnv-okd-subtlebutton-xl-icon-margin-right,8px); }
.oxnv-subtlebutton-loading-text .oxnv-subtlebutton-loader { margin-right: var(--oxnv-okd-subtlebutton-xl-loader-margin-right,8px); }
.oxnv-subtlebutton { align-items: center; background-color: var(--oxnv-okd-subtlebutton-default-background,var(--oxnv-okd-color-surface-interactive-default)); border-radius: var(--oxnv-okd-subtlebutton-border-radius,50px); box-sizing: border-box; color: var(--oxnv-okd-subtlebutton-default-color,var(--oxnv-okd-color-content-static-default)); cursor: pointer; display: inline-flex; justify-content: center; outline: none; position: relative; text-decoration: none; touch-action: manipulation; user-select: none; }
.oxnv-subtlebutton:focus-visible { border-radius: var(--oxnv-okd-subtlebutton-border-radius,50px); outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.oxnv-subtlebutton.hover, .oxnv-subtlebutton:not(.oxnv-subtlebutton-disabled):not(.oxnv-subtlebutton-loading):hover { background-color: var(--oxnv-okd-subtlebutton-hover-background,var(--oxnv-okd-color-surface-interactive-hovered)); }
.oxnv-subtlebutton.active, .oxnv-subtlebutton:not(.oxnv-subtlebutton-disabled):not(.oxnv-subtlebutton-loading):active { background-color: var(--oxnv-okd-subtlebutton-active-background,var(--oxnv-okd-color-surface-interactive-pressed)); }
.oxnv-subtlebutton-disabled, .oxnv-subtlebutton.disabled { background-color: var(--oxnv-okd-subtlebutton-disabled-background,var(--oxnv-okd-color-surface-interactive-disabled)); color: var(--oxnv-okd-subtlebutton-disabled-color,var(--oxnv-okd-color-surface-interactive-disabled)); cursor: not-allowed; }
.oxnv-subtlebutton-loading, .oxnv-subtlebutton.loading { background-color: var(--oxnv-okd-subtlebutton-loading-background,var(--oxnv-okd-color-surface-interactive-pressed)); color: transparent; }
.oxnv-subtlebutton-loading .oxnv-subtlebutton-loader, .oxnv-subtlebutton.loading .oxnv-subtlebutton-loader { display: flex; position: absolute; }
.oxnv-subtlebutton-loading-text { background-color: var(--oxnv-okd-subtlebutton-loading-background,var(--oxnv-okd-color-surface-interactive-pressed)); display: flex; }
.oxnv-subtlebutton-block, .oxnv-subtlebutton.block { display: flex; width: 100%; }
.oxnv-subtlebutton-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.oxnv-subtlebutton-loader-circle { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-subtlebutton-loader-mark-color,var(--oxnv-okd-color-content-static-default)); border-width: var(--oxnv-okd-subtlebutton-loader-border-width,2px); }
.oxnv-neutralbutton-xxs { font-size: var(--oxnv-okd-neutralbutton-xxs-font-size,12px); font-weight: var(--oxnv-okd-neutralbutton-xxs-font-weight,400); line-height: var(--oxnv-okd-neutralbutton-xxs-line-height,16px); min-width: var(--oxnv-okd-neutralbutton-xxs-min-width,63px); padding: var(--oxnv-okd-neutralbutton-xxs-padding-vertical,4px) var(--oxnv-okd-neutralbutton-xxs-padding-horizontal,12px); }
.oxnv-neutralbutton-xxs .oxnv-neutralbutton-loader-circle { height: var(--oxnv-okd-neutralbutton-xxs-loader-width,14px); width: var(--oxnv-okd-neutralbutton-xxs-loader-width,14px); }
.oxnv-neutralbutton-xxs .oxnv-neutralbutton-icon { font-size: var(--oxnv-okd-neutralbutton-xxs-icon-size,14px); font-weight: var(--oxnv-okd-neutralbutton-xxs-font-weight,400); }
.oxnv-neutralbutton-xxs .oxnv-neutralbutton-icon-leading { margin-right: var(--oxnv-okd-neutralbutton-xxs-icon-margin-right,6px); }
.oxnv-neutralbutton-xxs .oxnv-neutralbutton-icon-tailing { margin-left: var(--oxnv-okd-neutralbutton-xxs-icon-margin-right,6px); }
.oxnv-neutralbutton-loading-text .oxnv-neutralbutton-loader { margin-right: var(--oxnv-okd-neutralbutton-xxs-loader-margin-right,6px); }
.oxnv-neutralbutton-xs { font-size: var(--oxnv-okd-neutralbutton-xs-font-size,12px); font-weight: var(--oxnv-okd-neutralbutton-xs-font-weight,400); line-height: var(--oxnv-okd-neutralbutton-xs-line-height,16px); min-width: var(--oxnv-okd-neutralbutton-xs-min-width,63px); padding: var(--oxnv-okd-neutralbutton-xs-padding-vertical,6px) var(--oxnv-okd-neutralbutton-xs-padding-horizontal,12px); }
.oxnv-neutralbutton-xs .oxnv-neutralbutton-loader-circle { height: var(--oxnv-okd-neutralbutton-xs-loader-width,14px); width: var(--oxnv-okd-neutralbutton-xs-loader-width,14px); }
.oxnv-neutralbutton-xs .oxnv-neutralbutton-icon { font-size: var(--oxnv-okd-neutralbutton-xs-icon-size,14px); font-weight: var(--oxnv-okd-neutralbutton-xs-font-weight,400); }
.oxnv-neutralbutton-xs .oxnv-neutralbutton-icon-leading { margin-right: var(--oxnv-okd-neutralbutton-xs-icon-margin-right,6px); }
.oxnv-neutralbutton-xs .oxnv-neutralbutton-icon-tailing { margin-left: var(--oxnv-okd-neutralbutton-xs-icon-margin-right,6px); }
.oxnv-neutralbutton-loading-text .oxnv-neutralbutton-loader { margin-right: var(--oxnv-okd-neutralbutton-xs-loader-margin-right,6px); }
.oxnv-neutralbutton-s { font-size: var(--oxnv-okd-neutralbutton-s-font-size,14px); font-weight: var(--oxnv-okd-neutralbutton-s-font-weight,400); line-height: var(--oxnv-okd-neutralbutton-s-line-height,16px); min-width: var(--oxnv-okd-neutralbutton-s-min-width,72px); padding: var(--oxnv-okd-neutralbutton-s-padding-vertical,8px) var(--oxnv-okd-neutralbutton-s-padding-horizontal,12px); }
.oxnv-neutralbutton-s .oxnv-neutralbutton-loader-circle { height: var(--oxnv-okd-neutralbutton-s-loader-width,14px); width: var(--oxnv-okd-neutralbutton-s-loader-width,14px); }
.oxnv-neutralbutton-s .oxnv-neutralbutton-icon { font-size: var(--oxnv-okd-neutralbutton-s-icon-size,14px); font-weight: var(--oxnv-okd-neutralbutton-s-font-weight,400); }
.oxnv-neutralbutton-s .oxnv-neutralbutton-icon-leading { margin-right: var(--oxnv-okd-neutralbutton-s-icon-margin-right,6px); }
.oxnv-neutralbutton-s .oxnv-neutralbutton-icon-tailing { margin-left: var(--oxnv-okd-neutralbutton-s-icon-margin-right,6px); }
.oxnv-neutralbutton-loading-text .oxnv-neutralbutton-loader { margin-right: var(--oxnv-okd-neutralbutton-s-loader-margin-right,6px); }
.oxnv-neutralbutton-sm { font-size: var(--oxnv-okd-neutralbutton-sm-font-size,14px); font-weight: var(--oxnv-okd-neutralbutton-sm-font-weight,400); line-height: var(--oxnv-okd-neutralbutton-sm-line-height,16px); min-width: var(--oxnv-okd-neutralbutton-sm-min-width,81px); padding: var(--oxnv-okd-neutralbutton-sm-padding-vertical,10px) var(--oxnv-okd-neutralbutton-sm-padding-horizontal,16px); }
.oxnv-neutralbutton-sm .oxnv-neutralbutton-loader-circle { height: var(--oxnv-okd-neutralbutton-sm-loader-width,16px); width: var(--oxnv-okd-neutralbutton-sm-loader-width,16px); }
.oxnv-neutralbutton-sm .oxnv-neutralbutton-icon { font-size: var(--oxnv-okd-neutralbutton-sm-icon-size,16px); font-weight: var(--oxnv-okd-neutralbutton-sm-font-weight,400); }
.oxnv-neutralbutton-sm .oxnv-neutralbutton-icon-leading { margin-right: var(--oxnv-okd-neutralbutton-sm-icon-margin-right,6px); }
.oxnv-neutralbutton-sm .oxnv-neutralbutton-icon-tailing { margin-left: var(--oxnv-okd-neutralbutton-sm-icon-margin-right,6px); }
.oxnv-neutralbutton-loading-text .oxnv-neutralbutton-loader { margin-right: var(--oxnv-okd-neutralbutton-sm-loader-margin-right,6px); }
.oxnv-neutralbutton-md { font-size: var(--oxnv-okd-neutralbutton-md-font-size,14px); font-weight: var(--oxnv-okd-neutralbutton-md-font-weight,400); line-height: var(--oxnv-okd-neutralbutton-md-line-height,16px); min-width: var(--oxnv-okd-neutralbutton-md-min-width,90px); padding: var(--oxnv-okd-neutralbutton-md-padding-vertical,12px) var(--oxnv-okd-neutralbutton-md-padding-horizontal,16px); }
.oxnv-neutralbutton-md .oxnv-neutralbutton-loader-circle { height: var(--oxnv-okd-neutralbutton-md-loader-width,16px); width: var(--oxnv-okd-neutralbutton-md-loader-width,16px); }
.oxnv-neutralbutton-md .oxnv-neutralbutton-icon { font-size: var(--oxnv-okd-neutralbutton-md-icon-size,16px); font-weight: var(--oxnv-okd-neutralbutton-md-font-weight,400); }
.oxnv-neutralbutton-md .oxnv-neutralbutton-icon-leading { margin-right: var(--oxnv-okd-neutralbutton-md-icon-margin-right,6px); }
.oxnv-neutralbutton-md .oxnv-neutralbutton-icon-tailing { margin-left: var(--oxnv-okd-neutralbutton-md-icon-margin-right,6px); }
.oxnv-neutralbutton-loading-text .oxnv-neutralbutton-loader { margin-right: var(--oxnv-okd-neutralbutton-md-loader-margin-right,6px); }
.oxnv-neutralbutton-lg { font-size: var(--oxnv-okd-neutralbutton-lg-font-size,16px); font-weight: var(--oxnv-okd-neutralbutton-lg-font-weight,500); line-height: var(--oxnv-okd-neutralbutton-lg-line-height,20px); min-width: var(--oxnv-okd-neutralbutton-lg-min-width,108px); padding: var(--oxnv-okd-neutralbutton-lg-padding-vertical,14px) var(--oxnv-okd-neutralbutton-lg-padding-horizontal,24px); }
.oxnv-neutralbutton-lg .oxnv-neutralbutton-loader-circle { height: var(--oxnv-okd-neutralbutton-lg-loader-width,20px); width: var(--oxnv-okd-neutralbutton-lg-loader-width,20px); }
.oxnv-neutralbutton-lg .oxnv-neutralbutton-icon { font-size: var(--oxnv-okd-neutralbutton-lg-icon-size,20px); font-weight: var(--oxnv-okd-neutralbutton-lg-font-weight,500); }
.oxnv-neutralbutton-lg .oxnv-neutralbutton-icon-leading { margin-right: var(--oxnv-okd-neutralbutton-lg-icon-margin-right,8px); }
.oxnv-neutralbutton-lg .oxnv-neutralbutton-icon-tailing { margin-left: var(--oxnv-okd-neutralbutton-lg-icon-margin-right,8px); }
.oxnv-neutralbutton-loading-text .oxnv-neutralbutton-loader { margin-right: var(--oxnv-okd-neutralbutton-lg-loader-margin-right,8px); }
.oxnv-neutralbutton-xl { font-size: var(--oxnv-okd-neutralbutton-xl-font-size,18px); font-weight: var(--oxnv-okd-neutralbutton-xl-font-weight,500); line-height: var(--oxnv-okd-neutralbutton-xl-line-height,24px); min-width: var(--oxnv-okd-neutralbutton-xl-min-width,126px); padding: var(--oxnv-okd-neutralbutton-xl-padding-vertical,16px) var(--oxnv-okd-neutralbutton-xl-padding-horizontal,44px); }
.oxnv-neutralbutton-xl .oxnv-neutralbutton-loader-circle { height: var(--oxnv-okd-neutralbutton-xl-loader-width,20px); width: var(--oxnv-okd-neutralbutton-xl-loader-width,20px); }
.oxnv-neutralbutton-xl .oxnv-neutralbutton-icon { font-size: var(--oxnv-okd-neutralbutton-xl-icon-size,20px); font-weight: var(--oxnv-okd-neutralbutton-xl-font-weight,500); }
.oxnv-neutralbutton-xl .oxnv-neutralbutton-icon-leading { margin-right: var(--oxnv-okd-neutralbutton-xl-icon-margin-right,8px); }
.oxnv-neutralbutton-xl .oxnv-neutralbutton-icon-tailing { margin-left: var(--oxnv-okd-neutralbutton-xl-icon-margin-right,8px); }
.oxnv-neutralbutton-loading-text .oxnv-neutralbutton-loader { margin-right: var(--oxnv-okd-neutralbutton-xl-loader-margin-right,8px); }
.oxnv-neutralbutton { align-items: center; background-color: var(--oxnv-okd-neutralbutton-default-background,var(--oxnv-okd-color-surface-interactive-emphasis-default)); border-radius: var(--oxnv-okd-neutralbutton-border-radius,50px); box-sizing: border-box; color: var(--oxnv-okd-neutralbutton-default-color,var(--oxnv-okd-color-content-static-inverse)); cursor: pointer; display: inline-flex; justify-content: center; outline: none; position: relative; text-decoration: none; touch-action: manipulation; user-select: none; }
.oxnv-neutralbutton:focus-visible { border-radius: var(--oxnv-okd-neutralbutton-border-radius,50px); outline-color: var(--oxnv-okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.oxnv-neutralbutton.hover, .oxnv-neutralbutton:not(.oxnv-neutralbutton-disabled):not(.oxnv-neutralbutton-loading):hover { background-color: var(--oxnv-okd-neutralbutton-hover-background,var(--oxnv-okd-color-surface-interactive-emphasis-hovered)); }
.oxnv-neutralbutton.active, .oxnv-neutralbutton:not(.oxnv-neutralbutton-disabled):not(.oxnv-neutralbutton-loading):active { background-color: var(--oxnv-okd-neutralbutton-active-background,var(--oxnv-okd-color-surface-interactive-emphasis-pressed)); }
.oxnv-neutralbutton-disabled, .oxnv-neutralbutton.disabled { background-color: var(--oxnv-okd-neutralbutton-disabled-background,var(--oxnv-okd-color-surface-interactive-disabled)); color: var(--oxnv-okd-neutralbutton-disabled-color,var(--oxnv-okd-color-content-interactive-disabled)); cursor: not-allowed; }
.oxnv-neutralbutton-loading, .oxnv-neutralbutton.loading { background-color: var(--oxnv-okd-neutralbutton-loading-background,var(--oxnv-okd-color-surface-interactive-emphasis-pressed)); color: transparent; }
.oxnv-neutralbutton-loading .oxnv-neutralbutton-loader, .oxnv-neutralbutton.loading .oxnv-neutralbutton-loader { display: flex; position: absolute; }
.oxnv-neutralbutton-loading-text { background-color: var(--oxnv-okd-neutralbutton-loading-background,var(--oxnv-okd-color-surface-interactive-emphasis-pressed)); display: flex; }
.oxnv-neutralbutton-block, .oxnv-neutralbutton.block { display: flex; width: 100%; }
.oxnv-neutralbutton-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.oxnv-neutralbutton-loader-circle { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--oxnv-okd-neutralbutton-loader-mark-color,var(--oxnv-okd-color-content-static-inverse)); border-width: var(--oxnv-okd-neutralbutton-loader-border-width,2px); }
.index_follow__TuAvb { align-items: center; border-radius: 16px; color: var(--oxnv-okd-color-content-primary); cursor: pointer; display: flex; gap: 8px; min-height: 48px; padding: 12px; width: 100%; }
.index_follow__TuAvb:hover { background-color: var(--oxnv-okd-color-surface-interactive-hovered); }
.index_icon__XhQsE.index_addWeight__Z1sRs { font-size: 24px; }
.index_followText__Y0R6u { font-size: 16px; line-height: 20px; }
.index_followBtn__gB2yT { height: 28px; }
.index_followBtnPhase2__iN7wu { height: 32px; width: 104px; }
.theme-light { --oxnv-okd-neutralbutton-default-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-neutralbutton-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-neutralbutton-xxs-loader-width: 14px; --oxnv-okd-neutralbutton-xxs-loader-margin-right: 6px; --oxnv-okd-neutralbutton-xs-loader-width: 14px; --oxnv-okd-neutralbutton-xs-loader-margin-right: 6px; --oxnv-okd-neutralbutton-s-loader-width: 14px; --oxnv-okd-neutralbutton-s-loader-margin-right: 6px; --oxnv-okd-neutralbutton-sm-loader-width: 16px; --oxnv-okd-neutralbutton-sm-loader-margin-right: 6px; --oxnv-okd-neutralbutton-md-loader-width: 16px; --oxnv-okd-neutralbutton-md-loader-margin-right: 6px; --oxnv-okd-neutralbutton-lg-loader-width: 20px; --oxnv-okd-neutralbutton-lg-loader-margin-right: 8px; --oxnv-okd-neutralbutton-xl-loader-width: 20px; --oxnv-okd-neutralbutton-xl-loader-margin-right: 8px; --oxnv-okd-neutralbutton-xxs-font-size: 12px; --oxnv-okd-neutralbutton-xxs-line-height: 16px; --oxnv-okd-neutralbutton-xs-font-size: 12px; --oxnv-okd-neutralbutton-xs-line-height: 16px; --oxnv-okd-neutralbutton-s-font-size: 14px; --oxnv-okd-neutralbutton-s-line-height: 16px; --oxnv-okd-neutralbutton-sm-font-size: 14px; --oxnv-okd-neutralbutton-sm-line-height: 16px; --oxnv-okd-neutralbutton-md-font-size: 14px; --oxnv-okd-neutralbutton-md-line-height: 16px; --oxnv-okd-neutralbutton-lg-font-size: 16px; --oxnv-okd-neutralbutton-lg-line-height: 20px; --oxnv-okd-neutralbutton-xl-font-size: 18px; --oxnv-okd-neutralbutton-xl-line-height: 24px; --oxnv-okd-neutralbutton-xxs-padding-horizontal: 12px; --oxnv-okd-neutralbutton-xxs-padding-vertical: 4px; --oxnv-okd-neutralbutton-xs-padding-horizontal: 12px; --oxnv-okd-neutralbutton-xs-padding-vertical: 6px; --oxnv-okd-neutralbutton-s-padding-horizontal: 12px; --oxnv-okd-neutralbutton-s-padding-vertical: 8px; --oxnv-okd-neutralbutton-sm-padding-horizontal: 16px; --oxnv-okd-neutralbutton-sm-padding-vertical: 10px; --oxnv-okd-neutralbutton-md-padding-horizontal: 16px; --oxnv-okd-neutralbutton-md-padding-vertical: 12px; --oxnv-okd-neutralbutton-lg-padding-horizontal: 24px; --oxnv-okd-neutralbutton-lg-padding-vertical: 14px; --oxnv-okd-neutralbutton-xl-padding-horizontal: 44px; --oxnv-okd-neutralbutton-xl-padding-vertical: 16px; --oxnv-okd-neutralbutton-border-radius: 50px; --oxnv-okd-neutralbutton-default-background: var(--oxnv-okd-color-surface-interactive-emphasis-default); --oxnv-okd-neutralbutton-hover-background: var(--oxnv-okd-color-surface-interactive-emphasis-hovered); --oxnv-okd-neutralbutton-active-background: var(--oxnv-okd-color-surface-interactive-emphasis-pressed); --oxnv-okd-neutralbutton-loading-background: var(--oxnv-okd-color-surface-interactive-emphasis-pressed); --oxnv-okd-neutralbutton-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled); --oxnv-okd-neutralbutton-loader-track-color: hsla(0,0%,91%,.3); --oxnv-okd-neutralbutton-loader-mark-color: var(--oxnv-okd-color-border-interactive-oncolor); --oxnv-okd-neutralbutton-loader-border-width: 2px; --oxnv-okd-neutralbutton-xs-min-width: 63px; --oxnv-okd-neutralbutton-s-min-width: 72px; --oxnv-okd-neutralbutton-sm-min-width: 81px; --oxnv-okd-neutralbutton-md-min-width: 90px; --oxnv-okd-neutralbutton-lg-min-width: 108px; --oxnv-okd-neutralbutton-xl-min-width: 126px; --oxnv-okd-neutralbutton-xxs-min-width: 63px; --oxnv-okd-neutralbutton-xxs-icon-size: 14px; --oxnv-okd-neutralbutton-xs-icon-size: 14px; --oxnv-okd-neutralbutton-s-icon-size: 14px; --oxnv-okd-neutralbutton-sm-icon-size: 16px; --oxnv-okd-neutralbutton-md-icon-size: 16px; --oxnv-okd-neutralbutton-lg-icon-size: 20px; --oxnv-okd-neutralbutton-xl-icon-size: 20px; --oxnv-okd-neutralbutton-xxs-icon-margin-right: 6px; --oxnv-okd-neutralbutton-xs-icon-margin-right: 6px; --oxnv-okd-neutralbutton-s-icon-margin-right: 6px; --oxnv-okd-neutralbutton-sm-icon-margin-right: 6px; --oxnv-okd-neutralbutton-md-icon-margin-right: 6px; --oxnv-okd-neutralbutton-lg-icon-margin-right: 8px; --oxnv-okd-neutralbutton-xl-icon-margin-right: 8px; }
.theme-dark { --oxnv-okd-neutralbutton-default-color: var(--oxnv-okd-color-content-static-inverse); --oxnv-okd-neutralbutton-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-neutralbutton-xxs-loader-width: 14px; --oxnv-okd-neutralbutton-xxs-loader-margin-right: 6px; --oxnv-okd-neutralbutton-xs-loader-width: 14px; --oxnv-okd-neutralbutton-xs-loader-margin-right: 6px; --oxnv-okd-neutralbutton-s-loader-width: 14px; --oxnv-okd-neutralbutton-s-loader-margin-right: 6px; --oxnv-okd-neutralbutton-sm-loader-width: 16px; --oxnv-okd-neutralbutton-sm-loader-margin-right: 6px; --oxnv-okd-neutralbutton-md-loader-width: 16px; --oxnv-okd-neutralbutton-md-loader-margin-right: 6px; --oxnv-okd-neutralbutton-lg-loader-width: 20px; --oxnv-okd-neutralbutton-lg-loader-margin-right: 8px; --oxnv-okd-neutralbutton-xl-loader-width: 20px; --oxnv-okd-neutralbutton-xl-loader-margin-right: 8px; --oxnv-okd-neutralbutton-xxs-font-size: 12px; --oxnv-okd-neutralbutton-xxs-line-height: 16px; --oxnv-okd-neutralbutton-xs-font-size: 12px; --oxnv-okd-neutralbutton-xs-line-height: 16px; --oxnv-okd-neutralbutton-s-font-size: 14px; --oxnv-okd-neutralbutton-s-line-height: 16px; --oxnv-okd-neutralbutton-sm-font-size: 14px; --oxnv-okd-neutralbutton-sm-line-height: 16px; --oxnv-okd-neutralbutton-md-font-size: 14px; --oxnv-okd-neutralbutton-md-line-height: 16px; --oxnv-okd-neutralbutton-lg-font-size: 16px; --oxnv-okd-neutralbutton-lg-line-height: 20px; --oxnv-okd-neutralbutton-xl-font-size: 18px; --oxnv-okd-neutralbutton-xl-line-height: 24px; --oxnv-okd-neutralbutton-xxs-padding-horizontal: 12px; --oxnv-okd-neutralbutton-xxs-padding-vertical: 4px; --oxnv-okd-neutralbutton-xs-padding-horizontal: 12px; --oxnv-okd-neutralbutton-xs-padding-vertical: 6px; --oxnv-okd-neutralbutton-s-padding-horizontal: 12px; --oxnv-okd-neutralbutton-s-padding-vertical: 8px; --oxnv-okd-neutralbutton-sm-padding-horizontal: 16px; --oxnv-okd-neutralbutton-sm-padding-vertical: 10px; --oxnv-okd-neutralbutton-md-padding-horizontal: 16px; --oxnv-okd-neutralbutton-md-padding-vertical: 12px; --oxnv-okd-neutralbutton-lg-padding-horizontal: 24px; --oxnv-okd-neutralbutton-lg-padding-vertical: 14px; --oxnv-okd-neutralbutton-xl-padding-horizontal: 44px; --oxnv-okd-neutralbutton-xl-padding-vertical: 16px; --oxnv-okd-neutralbutton-border-radius: 50px; --oxnv-okd-neutralbutton-default-background: var(--oxnv-okd-color-surface-interactive-emphasis-default); --oxnv-okd-neutralbutton-hover-background: var(--oxnv-okd-color-surface-interactive-emphasis-hovered); --oxnv-okd-neutralbutton-active-background: var(--oxnv-okd-color-surface-interactive-emphasis-pressed); --oxnv-okd-neutralbutton-loading-background: var(--oxnv-okd-color-surface-interactive-emphasis-pressed); --oxnv-okd-neutralbutton-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled); --oxnv-okd-neutralbutton-loader-track-color: rgba(44,44,44,.3); --oxnv-okd-neutralbutton-loader-mark-color: var(--oxnv-okd-color-border-interactive-oncolor); --oxnv-okd-neutralbutton-loader-border-width: 2px; --oxnv-okd-neutralbutton-xs-min-width: 63px; --oxnv-okd-neutralbutton-s-min-width: 72px; --oxnv-okd-neutralbutton-sm-min-width: 81px; --oxnv-okd-neutralbutton-md-min-width: 90px; --oxnv-okd-neutralbutton-lg-min-width: 108px; --oxnv-okd-neutralbutton-xl-min-width: 126px; --oxnv-okd-neutralbutton-xxs-min-width: 63px; --oxnv-okd-neutralbutton-xxs-icon-size: 14px; --oxnv-okd-neutralbutton-xs-icon-size: 14px; --oxnv-okd-neutralbutton-s-icon-size: 14px; --oxnv-okd-neutralbutton-sm-icon-size: 16px; --oxnv-okd-neutralbutton-md-icon-size: 16px; --oxnv-okd-neutralbutton-lg-icon-size: 20px; --oxnv-okd-neutralbutton-xl-icon-size: 20px; --oxnv-okd-neutralbutton-xxs-icon-margin-right: 6px; --oxnv-okd-neutralbutton-xs-icon-margin-right: 6px; --oxnv-okd-neutralbutton-s-icon-margin-right: 6px; --oxnv-okd-neutralbutton-sm-icon-margin-right: 6px; --oxnv-okd-neutralbutton-md-icon-margin-right: 6px; --oxnv-okd-neutralbutton-lg-icon-margin-right: 8px; --oxnv-okd-neutralbutton-xl-icon-margin-right: 8px; }
.theme-light { --oxnv-okd-subtlebutton-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-subtlebutton-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-subtlebutton-xxs-loader-width: 14px; --oxnv-okd-subtlebutton-xxs-loader-margin-right: 6px; --oxnv-okd-subtlebutton-xs-loader-width: 14px; --oxnv-okd-subtlebutton-xs-loader-margin-right: 6px; --oxnv-okd-subtlebutton-s-loader-width: 14px; --oxnv-okd-subtlebutton-s-loader-margin-right: 6px; --oxnv-okd-subtlebutton-sm-loader-width: 16px; --oxnv-okd-subtlebutton-sm-loader-margin-right: 6px; --oxnv-okd-subtlebutton-md-loader-width: 16px; --oxnv-okd-subtlebutton-md-loader-margin-right: 6px; --oxnv-okd-subtlebutton-lg-loader-width: 20px; --oxnv-okd-subtlebutton-lg-loader-margin-right: 8px; --oxnv-okd-subtlebutton-xl-loader-width: 20px; --oxnv-okd-subtlebutton-xl-loader-margin-right: 8px; --oxnv-okd-subtlebutton-xxs-font-size: 12px; --oxnv-okd-subtlebutton-xxs-line-height: 16px; --oxnv-okd-subtlebutton-xs-font-size: 12px; --oxnv-okd-subtlebutton-xs-line-height: 16px; --oxnv-okd-subtlebutton-s-font-size: 14px; --oxnv-okd-subtlebutton-s-line-height: 16px; --oxnv-okd-subtlebutton-sm-font-size: 14px; --oxnv-okd-subtlebutton-sm-line-height: 16px; --oxnv-okd-subtlebutton-md-font-size: 14px; --oxnv-okd-subtlebutton-md-line-height: 16px; --oxnv-okd-subtlebutton-lg-font-size: 16px; --oxnv-okd-subtlebutton-lg-line-height: 20px; --oxnv-okd-subtlebutton-xl-font-size: 18px; --oxnv-okd-subtlebutton-xl-line-height: 24px; --oxnv-okd-subtlebutton-xxs-padding-horizontal: 12px; --oxnv-okd-subtlebutton-xxs-padding-vertical: 4px; --oxnv-okd-subtlebutton-xs-padding-horizontal: 12px; --oxnv-okd-subtlebutton-xs-padding-vertical: 6px; --oxnv-okd-subtlebutton-s-padding-horizontal: 12px; --oxnv-okd-subtlebutton-s-padding-vertical: 8px; --oxnv-okd-subtlebutton-sm-padding-horizontal: 16px; --oxnv-okd-subtlebutton-sm-padding-vertical: 10px; --oxnv-okd-subtlebutton-md-padding-horizontal: 16px; --oxnv-okd-subtlebutton-md-padding-vertical: 12px; --oxnv-okd-subtlebutton-lg-padding-horizontal: 24px; --oxnv-okd-subtlebutton-lg-padding-vertical: 14px; --oxnv-okd-subtlebutton-xl-padding-horizontal: 44px; --oxnv-okd-subtlebutton-xl-padding-vertical: 16px; --oxnv-okd-subtlebutton-border-radius: 50px; --oxnv-okd-subtlebutton-default-background: var(--oxnv-okd-color-surface-interactive-default); --oxnv-okd-subtlebutton-hover-background: var(--oxnv-okd-color-surface-interactive-hovered); --oxnv-okd-subtlebutton-active-background: var(--oxnv-okd-color-surface-interactive-pressed); --oxnv-okd-subtlebutton-loading-background: var(--oxnv-okd-color-surface-interactive-pressed); --oxnv-okd-subtlebutton-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled); --oxnv-okd-subtlebutton-loader-track-color: rgba(74,74,74,.5); --oxnv-okd-subtlebutton-loader-mark-color: var(--oxnv-okd-color-border-interactive-experience-default); --oxnv-okd-subtlebutton-loader-border-width: 2px; --oxnv-okd-subtlebutton-xs-min-width: 63px; --oxnv-okd-subtlebutton-s-min-width: 72px; --oxnv-okd-subtlebutton-sm-min-width: 81px; --oxnv-okd-subtlebutton-md-min-width: 90px; --oxnv-okd-subtlebutton-lg-min-width: 108px; --oxnv-okd-subtlebutton-xl-min-width: 126px; --oxnv-okd-subtlebutton-xxs-min-width: 63px; --oxnv-okd-subtlebutton-xxs-icon-size: 14px; --oxnv-okd-subtlebutton-xs-icon-size: 14px; --oxnv-okd-subtlebutton-s-icon-size: 14px; --oxnv-okd-subtlebutton-sm-icon-size: 16px; --oxnv-okd-subtlebutton-md-icon-size: 16px; --oxnv-okd-subtlebutton-lg-icon-size: 20px; --oxnv-okd-subtlebutton-xl-icon-size: 20px; --oxnv-okd-subtlebutton-xxs-icon-margin-right: 6px; --oxnv-okd-subtlebutton-xs-icon-margin-right: 6px; --oxnv-okd-subtlebutton-s-icon-margin-right: 6px; --oxnv-okd-subtlebutton-sm-icon-margin-right: 6px; --oxnv-okd-subtlebutton-md-icon-margin-right: 6px; --oxnv-okd-subtlebutton-lg-icon-margin-right: 8px; --oxnv-okd-subtlebutton-xl-icon-margin-right: 8px; }
.theme-dark { --oxnv-okd-subtlebutton-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-subtlebutton-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-subtlebutton-xxs-loader-width: 14px; --oxnv-okd-subtlebutton-xxs-loader-margin-right: 6px; --oxnv-okd-subtlebutton-xs-loader-width: 14px; --oxnv-okd-subtlebutton-xs-loader-margin-right: 6px; --oxnv-okd-subtlebutton-s-loader-width: 14px; --oxnv-okd-subtlebutton-s-loader-margin-right: 6px; --oxnv-okd-subtlebutton-sm-loader-width: 16px; --oxnv-okd-subtlebutton-sm-loader-margin-right: 6px; --oxnv-okd-subtlebutton-md-loader-width: 16px; --oxnv-okd-subtlebutton-md-loader-margin-right: 6px; --oxnv-okd-subtlebutton-lg-loader-width: 20px; --oxnv-okd-subtlebutton-lg-loader-margin-right: 8px; --oxnv-okd-subtlebutton-xl-loader-width: 20px; --oxnv-okd-subtlebutton-xl-loader-margin-right: 8px; --oxnv-okd-subtlebutton-xxs-font-size: 12px; --oxnv-okd-subtlebutton-xxs-line-height: 16px; --oxnv-okd-subtlebutton-xs-font-size: 12px; --oxnv-okd-subtlebutton-xs-line-height: 16px; --oxnv-okd-subtlebutton-s-font-size: 14px; --oxnv-okd-subtlebutton-s-line-height: 16px; --oxnv-okd-subtlebutton-sm-font-size: 14px; --oxnv-okd-subtlebutton-sm-line-height: 16px; --oxnv-okd-subtlebutton-md-font-size: 14px; --oxnv-okd-subtlebutton-md-line-height: 16px; --oxnv-okd-subtlebutton-lg-font-size: 16px; --oxnv-okd-subtlebutton-lg-line-height: 20px; --oxnv-okd-subtlebutton-xl-font-size: 18px; --oxnv-okd-subtlebutton-xl-line-height: 24px; --oxnv-okd-subtlebutton-xxs-padding-horizontal: 12px; --oxnv-okd-subtlebutton-xxs-padding-vertical: 4px; --oxnv-okd-subtlebutton-xs-padding-horizontal: 12px; --oxnv-okd-subtlebutton-xs-padding-vertical: 6px; --oxnv-okd-subtlebutton-s-padding-horizontal: 12px; --oxnv-okd-subtlebutton-s-padding-vertical: 8px; --oxnv-okd-subtlebutton-sm-padding-horizontal: 16px; --oxnv-okd-subtlebutton-sm-padding-vertical: 10px; --oxnv-okd-subtlebutton-md-padding-horizontal: 16px; --oxnv-okd-subtlebutton-md-padding-vertical: 12px; --oxnv-okd-subtlebutton-lg-padding-horizontal: 24px; --oxnv-okd-subtlebutton-lg-padding-vertical: 14px; --oxnv-okd-subtlebutton-xl-padding-horizontal: 44px; --oxnv-okd-subtlebutton-xl-padding-vertical: 16px; --oxnv-okd-subtlebutton-border-radius: 50px; --oxnv-okd-subtlebutton-default-background: var(--oxnv-okd-color-surface-interactive-default); --oxnv-okd-subtlebutton-hover-background: var(--oxnv-okd-color-surface-interactive-hovered); --oxnv-okd-subtlebutton-active-background: var(--oxnv-okd-color-surface-interactive-pressed); --oxnv-okd-subtlebutton-loading-background: var(--oxnv-okd-color-surface-interactive-pressed); --oxnv-okd-subtlebutton-disabled-background: var(--oxnv-okd-color-surface-interactive-disabled); --oxnv-okd-subtlebutton-loader-track-color: hsla(0,0%,72%,.5); --oxnv-okd-subtlebutton-loader-mark-color: var(--oxnv-okd-color-border-interactive-experience-default); --oxnv-okd-subtlebutton-loader-border-width: 2px; --oxnv-okd-subtlebutton-xs-min-width: 63px; --oxnv-okd-subtlebutton-s-min-width: 72px; --oxnv-okd-subtlebutton-sm-min-width: 81px; --oxnv-okd-subtlebutton-md-min-width: 90px; --oxnv-okd-subtlebutton-lg-min-width: 108px; --oxnv-okd-subtlebutton-xl-min-width: 126px; --oxnv-okd-subtlebutton-xxs-min-width: 63px; --oxnv-okd-subtlebutton-xxs-icon-size: 14px; --oxnv-okd-subtlebutton-xs-icon-size: 14px; --oxnv-okd-subtlebutton-s-icon-size: 14px; --oxnv-okd-subtlebutton-sm-icon-size: 16px; --oxnv-okd-subtlebutton-md-icon-size: 16px; --oxnv-okd-subtlebutton-lg-icon-size: 20px; --oxnv-okd-subtlebutton-xl-icon-size: 20px; --oxnv-okd-subtlebutton-xxs-icon-margin-right: 6px; --oxnv-okd-subtlebutton-xs-icon-margin-right: 6px; --oxnv-okd-subtlebutton-s-icon-margin-right: 6px; --oxnv-okd-subtlebutton-sm-icon-margin-right: 6px; --oxnv-okd-subtlebutton-md-icon-margin-right: 6px; --oxnv-okd-subtlebutton-lg-icon-margin-right: 8px; --oxnv-okd-subtlebutton-xl-icon-margin-right: 8px; }
.index_popoverDescription__TBwaL.index_override__imN1P { background: var(--oxnv-okd-color-surface-structural-elevated-default); border: 1px solid var(--oxnv-okd-color-border-static-overlay); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.16) 0px 20px 40px 0px; padding: 8px; }
.index_popoverContent__a\+-h7.index_override__imN1P { background-color: unset; border: unset; border-radius: unset; box-shadow: unset; max-width: unset; }
.index_icon__\+ihGr { color: var(--oxnv-okd-color-content-contrast); cursor: pointer; margin: -4px; padding: 4px; }
.index_icon__\+ihGr:hover { color: var(--oxnv-okd-color-content-primary); }
.index_actionList__L0e4w { display: flex; flex-direction: column; gap: 4px; }
.index_actionButton__NoMdk { align-items: center; border-radius: 16px; color: var(--oxnv-okd-color-content-primary); cursor: pointer; display: flex; gap: 8px; min-height: 48px; padding: 12px; width: 100%; }
.index_actionButton__NoMdk:hover { background-color: var(--oxnv-okd-color-surface-interactive-hovered); }
.index_actionIcon__m-Ate { font-size: 24px !important; }
.index_actionText__ldTkV { font-size: 16px; line-height: 20px; white-space: nowrap; }
.index_dangerAction__xlMBt { color: var(--oxnv-okd-color-surface-danger-default); }
.index_translation__wE7WL { box-sizing: border-box; cursor: pointer; height: 32px; min-width: 100px; padding: 6px 12px; }
.index_translation__wE7WL:hover { background-color: var(--oxnv-okd-color-background-surface-primary); }
.index_blockConfirmBody__6lTk8 { color: var(--oxnv-okd-color-content-static-default,#1f1f1f); font-size: 14px; line-height: 20px; margin: 0px; word-break: break-word; }
.index_blockConfirmBtn__zx5kj:not(:disabled).index_blockConfirmBtn__zx5kj:not(:disabled) { background: var(--oxnv-okd-color-surface-interactive-feature-default); color: var(--oxnv-okd-color-content-static-inverse); }
.index_blockConfirmBtn__zx5kj:not(:disabled).index_blockConfirmBtn__zx5kj:not(:disabled):hover { background: var(--oxnv-okd-color-surface-interactive-feature-default); opacity: 0.85; }
.theme-light { --oxnv-okd-popover-background: #fff; --oxnv-okd-popover-link-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-popover-action-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-popover-title-color: var(--oxnv-okd-color-content-static-subtle); --oxnv-okd-popover-title-line-height: 20px; --oxnv-okd-popover-title-background: var(--oxnv-okd-color-surface-structural-layer-1); --oxnv-okd-popover-desc-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-popover-md-font-size: 14px; --oxnv-okd-popover-md-title-font-size: 16px; --oxnv-okd-popover-md-line-height: 20px; --oxnv-okd-popover-sm-font-size: 12px; --oxnv-okd-popover-sm-title-font-size: 14px; --oxnv-okd-popover-sm-line-height: 16px; --oxnv-okd-popover-common-padding: 12px; --oxnv-okd-popover-common-layer-width: 280px; --oxnv-okd-popover-common-layer-shadow: rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px; --oxnv-okd-popover-desc-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-popover-layer-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-popover-layer-border-color: var(--oxnv-okd-color-border-static-subtle); }
.theme-dark { --oxnv-okd-popover-background: #909090; --oxnv-okd-popover-link-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-popover-action-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-popover-title-color: var(--oxnv-okd-color-content-static-subtle); --oxnv-okd-popover-title-line-height: 20px; --oxnv-okd-popover-title-background: var(--oxnv-okd-color-surface-structural-layer-1); --oxnv-okd-popover-desc-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-popover-md-font-size: 14px; --oxnv-okd-popover-md-title-font-size: 16px; --oxnv-okd-popover-md-line-height: 20px; --oxnv-okd-popover-sm-font-size: 12px; --oxnv-okd-popover-sm-title-font-size: 14px; --oxnv-okd-popover-sm-line-height: 16px; --oxnv-okd-popover-common-padding: 12px; --oxnv-okd-popover-common-layer-width: 280px; --oxnv-okd-popover-common-layer-shadow: rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px; --oxnv-okd-popover-desc-background: var(--oxnv-okd-color-surface-structural-elevated-default); --oxnv-okd-popover-layer-background: var(--oxnv-okd-color-surface-structural-elevated-default); --oxnv-okd-popover-layer-border-color: var(--oxnv-okd-color-border-static-subtle); }
.index_container__wgZAi { align-items: center; display: flex; justify-content: space-between; }
.index_infoBox__j6U8x { flex-direction: column; gap: 4px; }
.index_duration__4wSvj { margin-top: 0px; }
.index_nickname__9Gdlk { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 768px) {
  .index_nickname__9Gdlk { max-width: 250px; }
}
.index_actions__mge-H { align-items: center; display: flex; gap: 8px; }
.index_authorInfoBox__SWnN1 { flex-direction: row; gap: 8px; }
.index_nickname__hC8i9 { display: inline-block; max-width: 200px; }
.index_detailNickname__JXvJk, .index_nickname__hC8i9 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_detailNickname__JXvJk { max-width: 210px; }
@media (min-width: 768px) {
  .index_detailNickname__JXvJk { max-width: 250px; }
  .index_seoListNickname__OYLhD { font-size: 18px; font-weight: 700; line-height: 24px; max-width: 300px; }
  .index_seoListDuration__V7nzl { font-size: 16px; font-weight: 400; line-height: 20px; }
  .index_seoListQuoteAuthorName__-s-yp { font-size: 18px; font-weight: 700; line-height: 24px; max-width: 300px; }
  .index_seoListQuoteAuthorDuration__3Kc9G { font-size: 16px; line-height: 20px; }
}
.index_bottomGap__W86Dw { margin-bottom: 24px; }
.index_quoteAuthorName__1nQBT { font-size: 16px; line-height: 20px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_quoteAuthorDuration__0xgVd { font-size: 14px; line-height: 16px; margin-left: 8px; margin-top: 0px; }
.index_headerBottom__amJot, .index_quoteAuthorInfoBox__esi0F { align-items: center; display: flex; flex-direction: row; }
.index_headerBottom__amJot { justify-content: space-between; }
.index_title__463K2 { color: var(--oxnv-okd-color-content-primary); font-size: 32px; font-weight: 700; line-height: 40px; margin-bottom: 24px; }
.index_nickname__7tKkW { display: inline-block; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 768px) {
  .index_nickname__7tKkW { font-size: 18px; font-weight: 700; line-height: 24px; }
}
.index_authorInfo__-6QPS { align-items: center; display: flex; justify-content: space-between; margin-bottom: 24px; }
.index_title__EOq\+B { color: var(--oxnv-okd-color-content-primary); font-size: 48px; font-weight: 700; line-height: 58px; margin-bottom: 24px; }
.index_preview__pvU-6 { display: flex; gap: 8px; }
.index_previewContent__UkTgK { flex: 1 1 0%; min-width: 0px; }
.index_listRetweet__cTo8O { margin: 0px 0px 4px 24px; }
.index_pinnedLabel__36Jpn { align-items: center; color: var(--oxnv-okd-color-content-contrast); display: flex; font-size: 14px; gap: 4px; line-height: 16px; margin-bottom: 8px; }
.index_pinnedIcon__5i6H8 { font-size: 16px; }
.index_articleCardWrap__0bBPd, .index_pluginTradingCard__yNhDC { margin-top: 12px; }
.index_body__rwQOB { color: var(--oxnv-okd-color-content-primary,#fff); font-size: 18px; font-weight: 400; letter-spacing: -0.18px; line-height: 24px; word-break: break-word; }
.index_body__rwQOB em { font-style: italic; font-weight: inherit; }
.index_body__rwQOB strong { font-style: inherit; font-weight: 700; }
.index_body__rwQOB s { text-decoration: line-through; }
.index_bodyCompact__\+6c-Z { font-size: 16px; letter-spacing: 0px; }
.index_paragraph__Idkgj { line-height: 24px; margin: 0px 0px 16px; }
.index_h2__wcv9k { font-size: 24px; line-height: 32px; margin: 24px 0px 12px; }
.index_h2__wcv9k, .index_h3__yVCP0 { color: var(--oxnv-okd-color-content-primary,#fff); font-weight: 500; }
.index_h3__yVCP0 { font-size: 20px; line-height: 28px; margin: 20px 0px 10px; }
.index_bulletList__gSZjI { list-style-type: disc; margin: 0px 0px 16px; padding-left: 1.5em; }
.index_orderedList__vWUON { list-style-type: decimal; margin: 0px 0px 16px; padding-left: 1.5em; }
.index_listItem__-E3Yr { list-style: inherit; margin-bottom: 4px; }
.index_blockquote__PkgoP { border-left: 3px solid var(--oxnv-okd-color-border-primary,#383838); color: inherit; margin: 16px 0px; padding-left: 16px; }
.index_blockquote__PkgoP > :last-child { margin-bottom: 0px; }
.index_divider__jEUyu { background: var(--oxnv-okd-color-border-primary,#383838); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; margin: 24px 0px; }
.index_figure__aaGj0 { margin: 24px 0px; }
.index_figureLarge__OjGKL { display: block; }
.index_figureSmall__SWOxz { text-align: center; }
.index_imageLarge__ZN7Vg { border: .5px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 16px; display: block; height: auto; max-height: 757px; object-fit: cover; width: 100%; }
.index_imageClickable__z8RGe { cursor: pointer; display: block; }
.index_imagePlaceholder__0LwL3 { max-height: 757px; }
.index_imageErrorWrap__p-yud, .index_imagePlaceholder__0LwL3 { background: var(--oxnv-okd-color-background-surface-secondary,#1a1a1a); border: .5px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 16px; width: 100%; }
.index_imageErrorWrap__p-yud { align-items: center; display: flex; justify-content: center; min-height: 70px; }
.index_imageErrorIcon__Bz-v3 { height: 80px; object-fit: contain; width: 80px; }
.index_tradingPluginWrap__kKLUc { margin: 24px 0px; }
.index_annotationLink__RHwA5 { color: var(--oxnv-okd-color-brand-primary-alternative,#bcff2f); cursor: pointer; text-decoration: none; }
.index_annotationLink__RHwA5:hover { text-decoration: underline; }
.index_annotationBtn__tQ5zB { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--oxnv-okd-color-brand-primary-alternative,#bcff2f); cursor: pointer; display: inline; font: inherit; padding: 0px; text-align: left; text-decoration: none; }
.index_annotationBtn__tQ5zB:hover { text-decoration: underline; }
.index_link__CXNhO { color: var(--oxnv-okd-color-brand-primary-alternative,#bcff2f); cursor: pointer; text-decoration: none; }
.index_link__CXNhO:hover { opacity: 0.85; text-decoration: underline; }
@media (max-width: 767px) {
  .index_h2__wcv9k { font-size: 22px; line-height: 28px; }
  .index_paragraph__Idkgj { line-height: 24px; }
}
.index_previewContainer__qU3jP { height: 100%; width: 100%; }
.index_pictureContent__bhixy, .index_previewContainer__qU3jP { align-items: center; display: flex; justify-content: center; position: relative; }
.index_loader__UzUoC { position: absolute; }
.index_hidden__pe4LO { visibility: hidden; }
.index_picture__P4LOe { border: .5px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; cursor: zoom-out; display: block; height: auto; max-height: 70vh; max-width: 70vw; object-fit: contain; width: auto; }
@media (max-width: 767px) {
  .index_picture__P4LOe { max-height: 100%; max-width: 100%; }
}
.index_addWeight__y65O6.index_close__9r\+6P, .index_icon__ehj71 { cursor: pointer; font-size: 32px; position: absolute; z-index: 10; }
.index_addWeight__y65O6.index_close__9r\+6P { align-items: center; background-color: var(--oxnv-okd-color-container-inverse); border-radius: 50%; color: var(--oxnv-okd-color-content-inverse); display: flex; font-size: 24px; height: 40px; justify-content: center; right: 20px; top: 20px; width: 40px; }
@media (max-width: 767px) {
  .index_addWeight__y65O6.index_close__9r\+6P { height: 40px; right: 10px; top: 10px; width: 40px; }
}
.index_left__JAgAi { align-items: center; background-color: var(--oxnv-okd-color-global-alpha-inverse-40); border-radius: 50%; color: var(--oxnv-okd-color-content-inverse); cursor: pointer; display: flex; font-size: 32px; height: 40px; justify-content: center; left: 40px; position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); width: 40px; z-index: 10; }
@media (max-width: 767px) {
  .index_left__JAgAi { height: 40px; left: 10px; width: 40px; }
}
.index_left__JAgAi.index_disable__DwrIs { cursor: not-allowed; opacity: 0.5; }
.index_right__hjtm4 { align-items: center; background-color: var(--oxnv-okd-color-global-alpha-inverse-40); border-radius: 50%; color: var(--oxnv-okd-color-content-inverse); cursor: pointer; display: flex; font-size: 32px; height: 40px; justify-content: center; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 40px; z-index: 10; }
@media (max-width: 767px) {
  .index_right__hjtm4 { height: 40px; right: 10px; width: 40px; }
}
.index_right__hjtm4.index_disable__DwrIs { cursor: not-allowed; opacity: 0.5; }
.index_authorRow__3yFRw { padding: 16px; }
.index_coverWrap__GwXMh { cursor: pointer; height: 240px; margin-bottom: 16px; overflow: hidden; position: relative; width: 100%; }
.index_cover__jhnhU { display: block; height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.index_coverGradient__LrqO\+ { background: linear-gradient(rgba(0, 0, 0, 0.4), transparent); height: 120px; left: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; }
.index_content__mIbbs { padding: 0px 16px; }
.index_title__IivHO { color: var(--oxnv-okd-color-content-primary); font-size: 32px; font-weight: 700; line-height: 40px; margin: 0px 0px 16px; padding: 0px; word-break: break-word; }
@media (max-width: 767px) {
  .index_title__IivHO { font-size: 24px; line-height: 28px; }
}
.index_titleCompact__bAwLY { font-size: 24px; line-height: 28px; }
.index_titlePlaceholder__QLG7u { background: var(--oxnv-okd-color-background-surface-secondary,#1a1a1a); border-radius: 6px; height: 36px; margin: 0px 0px 8px; width: 100%; }
.index_translationWrap__-8jAD { margin-bottom: 16px; }
.index_titleSection__EMO2G { border-bottom: .5px solid var(--oxnv-okd-color-border-primary,#383838); margin-bottom: 16px; }
.index_engagementTop__4MxnV { padding: 0px 0px 8px; }
.index_engagementBottom__WuHln { padding: 6px 0px 8px; }
.index_metaRow__1zLha { margin: 16px 0px 0px; }
.index_tokenList__6rYcW { margin-top: 12px; }
.index_bodyError__5MQIY, .index_bodyLoader__kZEKH { align-items: center; display: flex; justify-content: center; min-height: 160px; }
.index_bodyError__5MQIY { flex-direction: column; gap: 16px; }
.index_bodyErrorMsg__1i-v2 { font-size: 14px; text-align: center; }
.index_bodyErrorMsg__1i-v2, .index_bodyRetryBtn__Rxtwk { color: var(--oxnv-okd-color-content-contrast,#8c8c8c); }
.index_bodyRetryBtn__Rxtwk { align-items: center; background: transparent; border: 1px solid var(--oxnv-okd-color-border-primary,#222); border-radius: 7px; cursor: pointer; display: inline-flex; font-size: 13px; gap: 6px; padding: 6px 14px; }
.index_bodyRetryBtn__Rxtwk:hover { border-color: var(--oxnv-okd-color-content-primary,#fff); color: var(--oxnv-okd-color-content-primary,#fff); }
.index_card__sOumk { border: 1px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; display: flex; flex-direction: column; gap: 8px; margin-top: 12px; overflow: hidden; }
.index_card__sOumk.index_clickable__Rgw0S { cursor: pointer; }
.index_authorWrapper__4hKjS { padding: 12px 12px 0px; }
.index_headerRow__kxm0a { align-items: center; flex-direction: row; gap: 8px; }
.index_coverWrapper__LVrbr { aspect-ratio: 2.59091 / 1; border-radius: var(--oxnv-okd-color-border-radius-lg,16px); overflow: hidden; width: 100%; }
.index_coverWrapper__LVrbr.index_coverClickable__mcJs2, .index_coverWrapper__LVrbr.index_coverClickable__mcJs2 .index_coverImg__n1cW2 { cursor: pointer; }
.index_coverWrapper__LVrbr.index_coverClickable__mcJs2:hover .index_coverImg__n1cW2 { opacity: 0.85; }
.index_coverImg__n1cW2 { display: block; height: 100%; object-fit: cover; transition: opacity 0.2s; width: 100%; }
.index_body__GaGsE { cursor: pointer; display: flex; flex-direction: column; gap: 8px; padding: 0px 12px 12px; }
.index_textGroup__Z9S\+9 { display: flex; flex-direction: column; gap: 4px; }
.index_title__gQmjN { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--oxnv-okd-color-content-primary,#fff); display: -webkit-box; font-size: 18px; font-weight: 500; line-height: 24px; overflow: hidden; word-break: break-word; }
.index_duration__acGZa { font-size: 12px; }
.index_excerpt__uu\+8i { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); display: -webkit-box; font-size: 16px; font-weight: 400; line-height: 20px; overflow: hidden; word-break: break-word; }
.index_card__V\+16H { border: 1px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; display: flex; flex-direction: column; gap: 8px; margin-top: 12px; overflow: hidden; }
.index_card__V\+16H.index_clickable__V3JXJ { cursor: pointer; }
.index_authorWrapper__F1m1S { padding: 12px 12px 0px; }
.index_headerRow__2DPRJ { align-items: center; flex-direction: row; gap: 8px; }
.index_body__93m9O { cursor: pointer; display: flex; flex-direction: column; gap: 8px; padding: 0px 12px 12px; }
.index_textGroup__izxK7 { display: flex; flex-direction: column; gap: 4px; }
.index_title__w\+kcm { color: var(--oxnv-okd-color-content-primary,#fff); font-size: 16px; font-weight: 500; line-height: 20px; }
.index_excerpt__F6Vj4, .index_title__w\+kcm { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; word-break: break-word; }
.index_excerpt__F6Vj4 { color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); font-size: 14px; font-weight: 400; line-height: 22px; }
.index_duration__s9X-2 { font-size: 12px; }
.index_images__Vun9\+ { display: grid; gap: 2px; margin-top: 4px; }
.index_images__Vun9\+.index_images1__xWqj8 { grid-template-columns: 1fr; }
.index_images__Vun9\+.index_images1__xWqj8 .index_image__Xf9po { aspect-ratio: 1.77778 / 1; }
.index_images__Vun9\+.index_images2__YooKf, .index_images__Vun9\+.index_images4__vJ7pg { grid-template-columns: 1fr 1fr; }
.index_images__Vun9\+.index_images2__YooKf .index_image__Xf9po, .index_images__Vun9\+.index_images4__vJ7pg .index_image__Xf9po { aspect-ratio: 1 / 1; }
.index_images__Vun9\+.index_images3__z23t3 { grid-template-columns: 1fr 1fr 1fr; }
.index_images__Vun9\+.index_images3__z23t3 .index_image__Xf9po { aspect-ratio: 1 / 1; }
.index_image__Xf9po { display: block; object-fit: cover; width: 100%; }
.index_plugin__tqqDW, .index_quotedCard__ameSN { margin-top: 8px; }
.index_card__uf1QI { border: 1px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; display: block; margin-top: 12px; overflow: hidden; }
.index_card__uf1QI.index_clickable__wblBH { cursor: pointer; }
.index_authorWrapper__6NtLo { padding: 12px 12px 8px; }
.index_headerRow__arDnT { align-items: center; flex-direction: row; gap: 8px; }
.index_body__Wj7bs { padding: 0px 12px 12px; }
.index_bodyThumbnail__5rWMi { align-items: flex-start; display: flex; gap: 12px; padding: 0px 12px 12px; }
.index_imageGrid__opIBN { border-radius: 8px; display: grid; flex-shrink: 0; gap: 4px; height: 88px; overflow: hidden; width: 176px; }
.index_imageGrid1__EemZD { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.index_imageGrid2__OMEee { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }
.index_imageGrid3__c6391, .index_imageGrid4__RqBRT { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.index_imageGridCell__dmk4D { display: block; height: 100%; overflow: hidden; width: 100%; }
.index_imageGridCellSpan__y2owM { grid-row: span 2; }
.index_gridImagePicture__TY4I8 { height: 100%; width: 100%; }
.index_gridImage__2Aqg\+ { cursor: pointer; display: block; height: 100%; object-fit: cover; width: 100%; }
.index_bodyThumbnailText__PkBdB { align-self: flex-start; flex: 1 1 0%; min-width: 0px; }
.index_bodyText__9LDML { font-size: 14px; line-height: 22px; }
.index_duration__iztgz { font-size: 12px; }
.index_title__yn\+EA { -webkit-line-clamp: 3; color: var(--oxnv-okd-color-content-primary,#fff); font-size: 16px; font-weight: 500; line-height: 20px; }
.index_excerpt__ugRYj, .index_title__yn\+EA { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; word-break: break-word; }
.index_excerpt__ugRYj { -webkit-line-clamp: 2; color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); font-size: 14px; font-weight: 400; line-height: 22px; }
.index_fullImageGrid__XNQtg { display: grid; gap: 4px; height: 256px; margin: 8px -12px -12px; }
.index_fullImageGrid1__sDgZS { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.index_fullImageGrid2__LwcU0 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }
.index_fullImageGrid3__GG-DW, .index_fullImageGrid4__pmGrt { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.index_fullImageCell__PBEdO { height: 100%; overflow: hidden; width: 100%; }
.index_fullImageCellSpan__AMADM { grid-row: span 2; }
.index_card__wOXlp { border: 1px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; display: block; margin-top: 12px; overflow: hidden; }
.index_card__wOXlp.index_loading__URPl9 { align-items: center; display: flex; justify-content: center; min-height: 64px; }
.index_fallbackText__c\+qzT { color: var(--oxnv-okd-color-content-disabled); font-size: 14px; line-height: 22px; margin: 0px; padding: 0px 12px 12px; }
.index_authorWrapper__BAZUW { padding: 12px 12px 4px; }
.index_headerRow__VxISE { align-items: center; flex-direction: row; gap: 8px; }
.index_duration__bPSNv { font-size: 12px; }
.index_gallery__4cLUM { border: .5px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; display: grid; gap: 2px; height: 256px; margin: 12px 0px; max-width: 1032px; width: 100%; }
.index_gallery__4cLUM.index_fit__lm\+Hl { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; gap: 4px; margin: 0px; }
.index_gallery__4cLUM.index_loading__BMcji { min-height: 150px; }
@media (min-width: 1024px) {
  .index_seo__cKy7\+ { height: 384px; }
}
.index_detail__5AxVp.index_detail__5AxVp { max-width: unset; }
.index_maxHeight__2kaHd { max-height: 400px; }
.index_count1__pzcLF { grid-template-columns: 1fr; grid-template-rows: 1fr; max-width: 100%; }
.index_count1__pzcLF:not(.index_loading__BMcji) { grid-template-rows: auto; height: auto; }
.index_count1__pzcLF:not(.index_loading__BMcji) .index_image__Dx9W7, .index_count1__pzcLF:not(.index_loading__BMcji) .index_picture__dl8EA { height: auto; }
.index_count1__pzcLF .index_imageContainer__51R0o { border-radius: 12px; }
.index_count1__pzcLF .index_imageContainer__51R0o.index_maxWidth__bu--v { max-width: 100%; }
.index_count1__pzcLF .index_imageContainer__51R0o.index_fit__lm\+Hl { border-radius: 0px 0px 8px 8px; }
.index_count2__o7F1k { grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; }
.index_count2__o7F1k .index_imageContainer__51R0o:first-child { border-bottom-left-radius: 12px; border-top-left-radius: 12px; }
.index_count2__o7F1k .index_imageContainer__51R0o:last-child { border-bottom-right-radius: 12px; border-top-right-radius: 12px; }
.index_count2__o7F1k .index_imageContainer__51R0o.index_fit__lm\+Hl:first-child { border-top-left-radius: 0px; }
.index_count2__o7F1k .index_imageContainer__51R0o.index_fit__lm\+Hl:last-child { border-top-right-radius: 0px; }
.index_count3__CQIN1 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.index_count3__CQIN1 .index_imageContainer__51R0o:first-child { border-bottom-left-radius: 12px; border-top-left-radius: 12px; grid-row: span 2; }
.index_count3__CQIN1 .index_imageContainer__51R0o:nth-child(2) { border-top-right-radius: 12px; }
.index_count3__CQIN1 .index_imageContainer__51R0o:nth-child(3) { border-bottom-right-radius: 12px; }
.index_count3__CQIN1 .index_imageContainer__51R0o.index_fit__lm\+Hl:first-child { border-top-left-radius: 0px; }
.index_count3__CQIN1 .index_imageContainer__51R0o.index_fit__lm\+Hl:nth-child(2) { border-top-right-radius: 0px; }
.index_count4__4G8Qa { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); }
.index_count4__4G8Qa .index_imageContainer__51R0o:first-child { border-top-left-radius: 12px; }
.index_count4__4G8Qa .index_imageContainer__51R0o:nth-child(2) { border-top-right-radius: 12px; }
.index_count4__4G8Qa .index_imageContainer__51R0o:nth-child(3) { border-bottom-left-radius: 12px; }
.index_count4__4G8Qa .index_imageContainer__51R0o:nth-child(4) { border-bottom-right-radius: 12px; }
.index_count4__4G8Qa .index_imageContainer__51R0o.index_fit__lm\+Hl:first-child { border-top-left-radius: 0px; }
.index_count4__4G8Qa .index_imageContainer__51R0o.index_fit__lm\+Hl:nth-child(2) { border-top-right-radius: 0px; }
.index_flex__I5O07 { display: flex; width: 100%; }
.index_imageContainer__51R0o.index_flex__I5O07 > * { display: block; width: 100%; }
.index_imageContainer__51R0o { border-radius: 0px; max-height: 400px; overflow: hidden; position: relative; }
.index_imageContainer__51R0o.index_maxWidth__bu--v { max-width: 516px; }
.index_imagePlaceholder__xMHg1 { align-items: center; background-color: var(--oxnv-okd-color-background-secondary); display: flex; height: 100%; justify-content: center; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; }
.index_picture__dl8EA { cursor: zoom-in; height: 100%; width: 100%; }
.index_image__Dx9W7 { height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.3s ease-in-out; width: 100%; }
.index_image__Dx9W7.index_imageLoaded__os4Y0 { opacity: 1; }
.index_imagePlaceholderIcon__mZEVU { color: var(--oxnv-okd-color-background-surface-pressed); }
.index_container__sghkS { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; white-space: pre-wrap; }
.index_tag__DCopc { margin-bottom: 4px; }
.index_title__Lm7IO { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-primary); display: -webkit-box; font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 4px; overflow: hidden; white-space: pre-wrap; }
.index_top__0WONL { margin-bottom: 6px; }
.index_border__6CpA4 { border: .5px solid var(--oxnv-okd-color-border-secondary); border-radius: 8px; cursor: pointer; display: block; margin-top: 12px; }
.index_border__6CpA4.index_disable__4-SBS { z-index: 0; }
.index_translation__wW-zz { margin: 12px 0px; }
.index_quoteCardContent__VIxPj { font-size: 14px; padding: 12px; }
.index_quoteCardContent__VIxPj.index_withImage__tDeH6 { padding-bottom: 8px; }
.index_newsSubtitle__wpnZ3 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-tertiary); display: -webkit-box; font-size: 14px; font-weight: 400; line-height: 18px; overflow: hidden; white-space: pre-wrap; }
.index_flashNewsTitle__sDfjZ { -webkit-line-clamp: 3; color: var(--oxnv-okd-color-content-primary); font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 4px; }
.index_flashNewsContent__Q4eLN, .index_flashNewsTitle__sDfjZ { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; word-break: break-word; }
.index_flashNewsContent__Q4eLN { font-size: 16px; line-height: 20px; }
.index_articleContent__DiPvK, .index_flashNewsContent__Q4eLN { -webkit-line-clamp: 2; color: var(--oxnv-okd-color-content-tertiary); font-weight: 400; }
.index_articleContent__DiPvK { -webkit-box-orient: vertical; display: -webkit-box; font-size: 14px; line-height: 22px; overflow: hidden; word-break: break-word; }
.index_richImg__xovuW { border: .5px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; cursor: zoom-in; margin: 12px 0px; object-fit: cover; position: relative; z-index: 100; }
.hashTagLink { color: var(--oxnv-okd-color-branded-primary); cursor: pointer; text-decoration: none; }
.hashTagLink:hover { text-decoration: underline; text-underline-offset: 2px; }
.feed-rich-img { border: .5px solid var(--oxnv-okd-color-border-primary); border-radius: 12px; cursor: zoom-in; margin: 12px 0px; object-fit: cover; position: relative; z-index: 100; }
.index_richContent__oderW { font-size: 16px; line-height: 22px; }
.index_richContent__oderW b, .index_richContent__oderW strong { font-weight: 700; }
.index_richContent__oderW em, .index_richContent__oderW i { font-style: italic; }
.index_richContent__oderW h1 { font-size: 2em; font-weight: 700; line-height: 1.25; margin: 0.67em 0px; }
.index_richContent__oderW h2 { font-size: 1.5em; font-weight: 700; line-height: 1.25; margin: 0.75em 0px; }
.index_richContent__oderW h3 { font-size: 1.17em; font-weight: 700; line-height: 1.25; margin: 0.83em 0px; }
.index_richContent__oderW h4 { font-size: 1em; font-weight: 700; line-height: 1.25; margin: 1.12em 0px; }
.index_richContent__oderW h5 { font-size: 0.83em; font-weight: 700; line-height: 1.25; margin: 1.5em 0px; }
.index_richContent__oderW h6 { font-size: 0.75em; font-weight: 700; line-height: 1.25; margin: 1.67em 0px; }
.index_richContent__oderW blockquote { border-left: 4px solid var(--oxnv-okd-color-border-primary); color: var(--oxnv-okd-color-text-secondary); margin: 1em 0px; padding: 0px 1em; }
.index_richContent__oderW ol, .index_richContent__oderW ul { margin: 1em 0px; padding-left: 2em; }
.index_richContent__oderW ul > li { display: list-item; list-style-type: disc; }
.index_richContent__oderW ol > li { display: list-item; list-style-type: decimal; }
.index_richContent__oderW a { color: var(--oxnv-okd-color-branded-primary); text-decoration: underline; }
.index_richContent__oderW .cashTagLink, .index_richContent__oderW .hashTagLink { text-decoration: none; }
.index_richContent__oderW .cashTagLink:hover, .index_richContent__oderW .hashTagLink:hover { text-decoration: underline; text-underline-offset: 2px; }
.index_richContent__oderW img { height: auto; max-width: 100%; }
.index_translation__9sRLX { margin: 12px 0px; }
.index_longNews__kjy2K { border: .5px solid var(--oxnv-okd-color-border-primary); border-radius: 8px; margin-top: 12px; }
.index_longNewsContent__P7TWO { padding: 12px; }
.index_longNewsText__1ikMl { -webkit-line-clamp: 2; }
.index_detailTranslation__8wQEB, .index_seoTranslation__ZTdZA { margin: 12px 0px; }
.index_itemContainer__6kbEg { border-bottom: .5px solid var(--oxnv-okd-color-border-primary); color: var(--oxnv-okd-color-content-primary); cursor: pointer; padding: 16px; }
.index_seo__-4VO7 { padding: 0px 0px 56px; }
@media (min-width: 1024px) {
  .index_list__roLlj:hover { background-color: var(--oxnv-okd-color-background-surface-primary); }
}
.index_listContent__ODDIO.index_addWeight__0GdFL { margin-top: 2px; }
.index_itemContent__99nNz { font-size: 14px; font-weight: 400; line-height: 20px; margin: 12px 0px; max-width: 808px; white-space: pre-wrap; word-break: break-word; }
.index_seoContent__VqaE9 { font-size: 16px; margin: 24px 0px; }
@media (min-width: 768px) {
  .index_seoListContent__8VhoH { font-size: 16px; line-height: 24px; margin: 16px 0px; }
}
.index_detailContent__S8DJf { font-size: 16px; line-height: 22px; }
.index_detail__TOY2L { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; cursor: default; padding-bottom: 8px; }
.index_detailBorder__vg\+om { padding-left: 12px; }
.index_threadContent__Lehei { flex: 1 1 0%; padding-left: 8px; position: relative; }
.index_threadContent__Lehei:last-child { padding-bottom: 0px; }
.index_offset__L5lJx { left: -6.6px; }
.index_threadListContainer__ud5BH { display: flex; flex-direction: column; position: relative; }
.index_threadRow__rT5DS { display: flex; position: relative; }
.index_threadRow__rT5DS + .index_threadRow__rT5DS { margin-top: 12px; }
.index_threadRow__rT5DS .index_dotRail__cQ6lD { display: flex; flex-direction: column; position: relative; width: 9px; }
.index_threadRow__rT5DS .index_dot__93bzz { background-color: var(--comb-feed-main-bg); border: 1px solid var(--oxnv-okd-color-border-secondary); border-radius: 50%; height: 8px; margin-top: 6.5px; position: absolute; width: 8px; z-index: 1; }
.index_dottedLine__MuBs8 { border-right: 1px dashed var(--oxnv-okd-color-border-secondary); overflow: visible; position: absolute; top: 6.5px; width: 4.5px; z-index: 0; }
.index_translation__KQ5bh { margin: 12px 0px; }
.card-shell_card__wNwJ0 { background: var(--oxnv-okd-color-background-base-primary,#000); border: 1px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; overflow: hidden; padding: 16px; position: relative; width: 100%; }
.card-shell_clickable__27SyQ { cursor: pointer; }
.card-shell_clickable__27SyQ:focus-visible { outline: rgb(188, 255, 47) solid 2px; outline-offset: 2px; }
.card-shell_heroArea__C6E95 { background: var(--oxnv-okd-color-background-base-primary,#000); height: 176px; overflow: hidden; pointer-events: none; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 194px; }
.card-shell_heroImage__qPa5u { height: 176px; left: 50%; object-fit: cover; position: absolute; top: 0px; transform: translateX(-50%); width: 210px; }
.card-shell_gradientH__IQFpk { background: linear-gradient(270deg, rgba(18, 18, 18, 0.7) 8.09%, rgba(18, 18, 18, 0) 12.69%, rgba(18, 18, 18, 0) 26.47%, rgb(18, 18, 18) 35.66%); }
.card-shell_gradientH__IQFpk, .card-shell_gradientVBottom__rLAKd { height: 164px; left: -1px; pointer-events: none; position: absolute; right: -1px; top: -1px; }
.card-shell_gradientVBottom__rLAKd { background: linear-gradient(rgba(18, 18, 18, 0) 0px, rgb(18, 18, 18)); }
.card-shell_gradientVTop__IpLXx { background: linear-gradient(rgb(18, 18, 18) 0px, rgba(18, 18, 18, 0)); height: 164px; left: -1px; pointer-events: none; position: absolute; right: -1px; top: -1px; }
.card-shell_content__TBgqM { display: flex; flex-direction: column; gap: 12px; position: relative; width: 100%; z-index: 2; }
.event-multi-card_titleRow__32sx\+ { align-items: center; display: flex; flex-shrink: 0; gap: 12px; }
.event-multi-card_eventThumb__k6Leb { background: rgb(110, 110, 110); border: 1px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 8px; flex-shrink: 0; height: 40px; object-fit: cover; width: 40px; }
.event-multi-card_eventTitle__NAfOJ { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-primary,#fff); display: -webkit-box; flex: 1 1 0%; font-size: 18px; font-weight: 500; line-height: 24px; min-width: 0px; overflow: hidden; }
@media (max-width: 767px) {
  .event-multi-card_eventTitle__NAfOJ { font-size: 14px; line-height: 20px; }
}
.event-multi-card_divider__IItEO { background: var(--oxnv-okd-color-border-primary,#383838); flex-shrink: 0; height: 1px; width: 100%; }
.event-multi-card_marketList__y13pB { display: flex; flex-direction: column; flex-shrink: 0; gap: 8px; }
.event-multi-card_marketRow__NVI\+U { align-items: center; display: flex; gap: 8px; }
.event-multi-card_marketQuestion__jWTqj { color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); flex-shrink: 1; font-size: 14px; line-height: 16px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-multi-card_dashLine__uCtbA { align-self: center; background-image: repeating-linear-gradient(to right,var(--oxnv-okd-color-border-primary,#383838) 0,var(--oxnv-okd-color-border-primary,#383838) 3px,transparent 3px,transparent 8px); flex: 1 0 0%; height: 1px; min-width: 8px; }
.event-multi-card_marketProb__smXpF { color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); flex-shrink: 0; font-size: 14px; font-weight: 500; line-height: 16px; min-width: 32px; text-align: right; }
.event-binary-card_titleRow__CM8c7 { align-items: center; display: flex; flex-shrink: 0; gap: 12px; }
.event-binary-card_eventThumb__L7RG7 { background: rgb(110, 110, 110); border: 1px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 8px; flex-shrink: 0; height: 40px; object-fit: cover; width: 40px; }
.event-binary-card_eventTitle__hz3fN { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-primary,#fff); display: -webkit-box; flex: 1 1 0%; font-size: 18px; font-weight: 500; line-height: 24px; min-width: 0px; overflow: hidden; }
@media (max-width: 767px) {
  .event-binary-card_eventTitle__hz3fN { font-size: 14px; line-height: 20px; }
}
.event-binary-card_divider__1aiyY { background: var(--oxnv-okd-color-border-primary,#383838); flex-shrink: 0; height: 1px; width: 100%; }
.event-binary-card_statsRow__4xxVl { align-items: center; display: flex; flex-shrink: 0; height: 16px; }
.event-binary-card_volume__rosKw { color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); font-size: 14px; font-weight: 400; line-height: 16px; white-space: nowrap; }
.event-binary-card_barRow__a0pIy { align-items: center; display: flex; flex-shrink: 0; gap: 24px; }
.event-binary-card_barTrack__kvqo1 { background: var(--oxnv-okd-color-content-dataviz-categorical-7); border-radius: 4px; flex: 1 1 0%; height: 16px; min-width: 0px; overflow: hidden; position: relative; }
.event-binary-card_barFill__n7zSt { background: rgb(188, 255, 47); border-radius: 4px; height: 100%; left: 0px; position: absolute; top: 0px; }
.event-binary-card_yesLabel__sbrpU { color: rgb(188, 255, 47); flex-shrink: 0; font-size: 16px; font-weight: 500; line-height: 20px; white-space: nowrap; }
.sports-card_titleRow__GNGW- { align-items: center; display: flex; flex-shrink: 0; gap: 12px; }
.sports-card_eventThumb__kiFjq { background: rgb(110, 110, 110); border: 1px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 8px; flex-shrink: 0; height: 40px; object-fit: cover; width: 40px; }
.sports-card_eventTitle__LLTK7 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-primary,#fff); display: -webkit-box; flex: 1 1 0%; font-size: 18px; font-weight: 500; line-height: 24px; min-width: 0px; overflow: hidden; }
@media (max-width: 767px) {
  .sports-card_eventTitle__LLTK7 { font-size: 14px; line-height: 20px; }
}
.sports-card_divider__Ax56v { background: var(--oxnv-okd-color-border-primary,#383838); flex-shrink: 0; height: 1px; width: 100%; }
.sports-card_statsArea__32clc { display: flex; flex-direction: column; flex-shrink: 0; gap: 8px; }
.sports-card_volume__SRhau { color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); font-size: 14px; font-weight: 400; line-height: 16px; }
.sports-card_barGrid__TkVux { display: grid; grid-template-rows: max-content; place-items: start; width: 100%; }
.sports-card_barGrid__TkVux .sports-card_bar__IcES9 { border-radius: 4px; display: flex; flex-shrink: 0; grid-area: 1 / 1; height: 16px; overflow: hidden; width: 100%; }
.sports-card_barGrid__TkVux .sports-card_barSegment__AOqBM { flex-shrink: 0; height: 100%; }
.sports-card_barGrid__TkVux .sports-card_barGap__WprGs { background: var(--oxnv-okd-color-overlay-secondary,hsla(0,0%,100%,.12)); flex: 1 1 0%; height: 100%; }
.sports-card_barGrid__TkVux .sports-card_barLabels__P45We { align-items: center; color: var(--oxnv-okd-color-content-primary,#fff); display: flex; font-size: 16px; font-weight: 500; grid-area: 1 / 1; justify-content: space-between; line-height: 20px; margin-top: 24px; white-space: nowrap; width: 100%; }
.market-detail-card_titleRow__4JI7i { align-items: center; display: flex; flex-shrink: 0; gap: 12px; }
.market-detail-card_eventThumb__186fd { background: rgb(110, 110, 110); border: 1px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 8px; flex-shrink: 0; height: 40px; object-fit: cover; width: 40px; }
.market-detail-card_eventTitle__BY\+yl { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-primary,#fff); display: -webkit-box; flex: 1 1 0%; font-size: 18px; font-weight: 500; line-height: 24px; min-width: 0px; overflow: hidden; }
@media (max-width: 767px) {
  .market-detail-card_eventTitle__BY\+yl { font-size: 14px; line-height: 20px; }
}
.market-detail-card_divider__Nx1xf { background: var(--oxnv-okd-color-border-primary,#383838); flex-shrink: 0; height: 1px; width: 100%; }
.market-detail-card_statsRow__3cf-t { align-items: center; display: flex; flex-shrink: 0; gap: 8px; height: 16px; }
.market-detail-card_statsText__EHzPp { font-weight: 400; white-space: nowrap; }
.market-detail-card_statsDivider__r-72k, .market-detail-card_statsText__EHzPp { color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); font-size: 14px; line-height: 16px; }
.market-detail-card_statsDivider__r-72k { flex-shrink: 0; }
.market-detail-card_barRow__qXASJ { align-items: center; display: flex; flex-shrink: 0; gap: 24px; }
.market-detail-card_barTrack__WN\+Ok { background: var(--oxnv-okd-color-content-dataviz-categorical-7); border-radius: 4px; flex: 1 1 0%; height: 16px; min-width: 0px; overflow: hidden; position: relative; }
.market-detail-card_barFill__y4\+II { background: rgb(188, 255, 47); border-radius: 4px; height: 100%; left: 0px; position: absolute; top: 0px; }
.market-detail-card_yesLabel__ZO0Of { color: rgb(188, 255, 47); flex-shrink: 0; font-size: 16px; font-weight: 500; line-height: 20px; white-space: nowrap; }
.position-current-card_titleRow__7JZnT { align-items: center; display: flex; flex-shrink: 0; gap: 12px; }
.position-current-card_eventThumb__l9eKE { background: rgb(110, 110, 110); border: 1px solid var(--oxnv-okd-color-border-primary,#383838); border-radius: 8px; flex-shrink: 0; height: 40px; object-fit: cover; width: 40px; }
.position-current-card_marketTitle__jZssR { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--oxnv-okd-color-content-primary,#fff); display: -webkit-box; flex: 1 1 0%; font-size: 18px; font-weight: 500; line-height: 24px; min-width: 0px; overflow: hidden; }
@media (max-width: 767px) {
  .position-current-card_marketTitle__jZssR { font-size: 14px; line-height: 20px; }
}
.position-current-card_divider__VVG0- { background: var(--oxnv-okd-color-border-primary,#383838); flex-shrink: 0; height: 1px; width: 100%; }
.position-current-card_bottomContent__z3HyH { display: flex; flex-direction: column; gap: 8px; }
.position-current-card_pnlRow__204nL { align-items: flex-end; display: flex; gap: 4px; }
.position-current-card_pnlValue__kwXZy { font-size: 24px; font-weight: 500; line-height: 28px; }
.position-current-card_statsRow__3WKzU { align-items: center; display: flex; gap: 16px; }
.position-current-card_statItem__wtoWt { align-items: center; display: flex; flex: 1 1 0%; gap: 4px; min-width: 0px; white-space: nowrap; }
.position-current-card_statLabel__O8hu0 { color: var(--oxnv-okd-color-content-contrast,#909090); flex-shrink: 0; font-size: 14px; font-weight: 400; line-height: 16px; }
.position-current-card_statValue__HE63W { color: var(--oxnv-okd-color-content-secondary,#e6e6e6); font-size: 14px; font-weight: 500; line-height: 16px; }
.position-closed-card_contentGroup__0apgg { display: flex; flex-direction: column; gap: 4px; }
.position-closed-card_copyVerb__h9QtV { color: var(--oxnv-okd-color-content-primary,#fff); font-size: 18px; font-weight: 500; line-height: 24px; }
.position-closed-card_pnlRow__HFpPP { align-items: flex-end; display: flex; gap: 4px; }
.position-closed-card_pnlValue__LbvrE { font-size: 24px; font-weight: 500; line-height: 28px; }
.position-closed-card_onText__gU8Ia { color: var(--oxnv-okd-color-content-contrast,#909090); font-size: 16px; font-weight: 400; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767px) {
  .position-closed-card_onText__gU8Ia { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; white-space: normal; }
}
.position-closed-card_divider__o3d8y { background: var(--oxnv-okd-color-border-primary,#383838); flex-shrink: 0; height: 1px; width: 100%; }
.position-closed-card_positionRow__ainqX { align-items: center; display: flex; gap: 4px; }
.position-closed-card_positionLabel__BHa\+P { color: var(--oxnv-okd-color-content-contrast,#909090); flex-shrink: 0; font-size: 14px; font-weight: 400; line-height: 16px; }
.position-closed-card_positionValue__kwsr7 { color: var(--oxnv-okd-color-content-secondary,#e6e6e6); font-size: 14px; font-weight: 500; line-height: 16px; }
.profile-card_contentGroup__7MjaN { display: flex; flex-direction: column; gap: 4px; }
.profile-card_verb__77E6g { color: var(--oxnv-okd-color-content-primary,#fff); font-size: 18px; font-weight: 500; line-height: 24px; }
.profile-card_amount__eOpe5 { font-size: 22px; font-weight: 500; line-height: 26px; }
.index_preview__CWee\+ { display: flex; gap: 8px; }
.index_previewContent__HkwBs { flex: 1 1 0%; min-width: 0px; }
.index_listRetweet__mxT8R { margin: 0px 0px 4px 24px; }
.index_icon__aCQTs.index_addWeight__tPKJa { font-size: 16px; }
.index_pin__hogJW, .index_pinnedLabel__Js5kv { align-items: center; color: var(--oxnv-okd-color-content-contrast); display: flex; font-size: 14px; gap: 4px; line-height: 16px; margin-bottom: 8px; }
.index_pinnedIcon__G2CmM { font-size: 16px; }
.index_articleCardWrap__OPdbL, .index_pluginTradingCard__1UTqf { margin-top: 12px; }
.FeedItem_itemContainer__mQWyb { border-bottom: .5px solid var(--oxnv-okd-color-border-primary); color: var(--oxnv-okd-color-content-primary); cursor: pointer; padding: 16px; }
.FeedItem_seo__LR1BF { padding: 0px 0px 56px; }
@media (min-width: 1024px) {
  .FeedItem_list__hFs7J:hover { background-color: var(--oxnv-okd-color-background-surface-primary); }
}
.FeedItem_listContent__T0MlG.FeedItem_addWeight__WtEd0 { margin-top: 2px; }
.FeedItem_itemContent__dhS6S { font-size: 14px; font-weight: 400; line-height: 20px; margin: 12px 0px; max-width: 808px; white-space: pre-wrap; word-break: break-word; }
.FeedItem_seoContent__ojrmZ { font-size: 16px; margin: 24px 0px; }
@media (min-width: 768px) {
  .FeedItem_seoListContent__do\+cz { font-size: 16px; line-height: 24px; margin: 16px 0px; }
}
.FeedItem_detailContent__3D3iL { font-size: 16px; line-height: 22px; }
.FeedItem_detail__0ZJVS { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; cursor: default; padding-bottom: 8px; }
.index_recommendationSection__J1CCN { background-color: var(--comb-feed-main-bg); }
.index_recommendationSection__J1CCN .index_header__\+vZLK { color: var(--oxnv-okd-color-content-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; padding: 24px 24px 12px; }
.index_recommendationListBox__KwUUB { display: flex; flex-direction: column; }
.index_flashNewsRecommendedItem__sogQq { padding-bottom: 20px; }
.index_quoteCard__qou6g { border: .5px solid var(--oxnv-okd-color-border-secondary); border-radius: 8px; display: block; margin-top: 8px; overflow: hidden; padding: 12px; }
.index_quoteCard__qou6g.index_clickable__ulOqs, .index_quoteCard__qou6g.index_unavailable__J3vO6 { cursor: pointer; }
.index_header__YJ5dy { align-items: center; display: flex; gap: 6px; margin-bottom: 6px; }
.index_nickname__XNznA { color: var(--oxnv-okd-color-text-primary); flex-shrink: 0; font-size: 13px; font-weight: 500; }
.index_time__C-2Qo { color: var(--oxnv-okd-color-text-tertiary); font-size: 12px; }
.index_bodyText__S\+hfh { font-size: 14px; }
.index_unavailableText__jP9wm { color: var(--oxnv-okd-color-text-tertiary); font-size: 13px; }
.index_condensedBody__Js2A7 { align-items: flex-start; display: flex; gap: 8px; }
.index_miniGrid__9wEGZ { border-radius: 4px; display: grid; flex-shrink: 0; gap: 4px; height: 88px; overflow: hidden; width: 176px; }
.index_miniGrid1__b5sTf { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.index_miniGrid2__1fwh- { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }
.index_miniGrid3__po9SH, .index_miniGrid4__ErYAf { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.index_miniImageAction__KJ8Pb { display: block; height: 100%; overflow: hidden; width: 100%; }
.index_miniImageSpan__84770 { grid-row: span 2; }
.index_miniImagePicture__jHIP\+ { height: 100%; width: 100%; }
.index_miniImage__9xJX6 { display: block; height: 100%; object-fit: cover; width: 100%; }
.index_imageGrid__9NRHp { display: grid; gap: 4px; height: 256px; margin: 6px -12px -12px; }
.index_imageGrid1__sDWD2 { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.index_imageGrid2__JhXkY { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }
.index_imageGrid3__ivJ7-, .index_imageGrid4__Fso\+F { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.index_imageCell__zBH0D { aspect-ratio: unset; overflow: hidden; }
.index_imageCellSpan__oEoEb { grid-row: span 2; }
.index_gridImagePicture__9OvbM { height: 100%; width: 100%; }
.index_gridImage__H9weE { display: block; height: 100%; object-fit: cover; width: 100%; }
.oxnv-tag-sm { --oxnv-okd-tag-inner-height: var(--oxnv-okd-tag-sm-height,16px); border-radius: var(--oxnv-okd-tag-sm-border-radius,4px); border-width: var(--oxnv-okd-tag-sm-border-width,1px); font-size: var(--oxnv-okd-tag-sm-font-size,12px); font-weight: var(--oxnv-okd-tag-sm-font-weight,400); line-height: var(--oxnv-okd-tag-sm-line-height,16px); padding: var(--oxnv-okd-tag-sm-padding-vertical,2px) var(--oxnv-okd-tag-sm-padding-horizontal,4px); }
.oxnv-tag-sm .oxnv-tag-icon { font-size: var(--oxnv-okd-tag-sm-icon-size,12px); }
.oxnv-tag-md { --oxnv-okd-tag-inner-height: var(--oxnv-okd-tag-md-height,20px); border-radius: var(--oxnv-okd-tag-md-border-radius,4px); border-width: var(--oxnv-okd-tag-md-border-width,1px); font-size: var(--oxnv-okd-tag-md-font-size,12px); font-weight: var(--oxnv-okd-tag-md-font-weight,400); line-height: var(--oxnv-okd-tag-md-line-height,16px); padding: var(--oxnv-okd-tag-md-padding-vertical,2px) var(--oxnv-okd-tag-md-padding-horizontal,4px); }
.oxnv-tag-md .oxnv-tag-icon { font-size: var(--oxnv-okd-tag-md-icon-size,16px); }
.oxnv-tag-lg { --oxnv-okd-tag-inner-height: var(--oxnv-okd-tag-lg-height,24px); border-radius: var(--oxnv-okd-tag-lg-border-radius,4px); border-width: var(--oxnv-okd-tag-lg-border-width,1px); font-size: var(--oxnv-okd-tag-lg-font-size,12px); font-weight: var(--oxnv-okd-tag-lg-font-weight,400); line-height: var(--oxnv-okd-tag-lg-line-height,16px); padding: var(--oxnv-okd-tag-lg-padding-vertical,2px) var(--oxnv-okd-tag-lg-padding-horizontal,4px); }
.oxnv-tag-lg .oxnv-tag-icon { font-size: var(--oxnv-okd-tag-lg-icon-size,16px); }
.oxnv-tag-fixed-height { height: var(--oxnv-okd-tag-inner-height); padding-bottom: 0px; padding-top: 0px; }
.oxnv-tag { align-items: center; border-style: solid; box-sizing: border-box; display: inline-flex; }
.oxnv-tag-ellipsis { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oxnv-tag-icon { padding-right: 2px; }
.oxnv-tag-fill-grey { background-color: var(--oxnv-okd-tag-fill-grey-background-color); border-color: var(--oxnv-okd-tag-fill-grey-border-color); color: var(--oxnv-okd-tag-fill-grey-font-color); }
.index_newsItem__KORoz { display: flex; flex-direction: column; gap: 8px; padding: 12px 24px; }
.index_clickable__JTspQ { cursor: pointer; }
.index_tagRow__VQiB9 { align-items: center; display: flex; gap: 6px; }
.index_mainRow__tPSgS { align-items: flex-start; display: flex; gap: 12px; width: 100%; }
.index_title__vr8xB { -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: var(--oxnv-okd-color-content-primary); display: -webkit-box; flex: 1 1 0%; font-size: 16px; line-height: 22px; min-width: 0px; overflow: hidden; word-break: break-word; }
.index_titleRead__0EccF { color: var(--oxnv-okd-color-content-tertiary,#b3b3b3); }
.index_thumbnail__WS7qI { border: .5px solid var(--oxnv-okd-color-border-primary,#e6e6e6); border-radius: 12px; flex-shrink: 0; height: 66px; object-fit: cover; width: 66px; }
.index_metaRow__ixx0j { align-items: center; color: var(--oxnv-okd-color-content-static-subtle,#5e5e5e); display: flex; font-size: 12px; gap: 8px; line-height: 16px; width: 100%; }
.index_info__gRwhG { align-items: center; display: flex; gap: 4px; min-width: 0px; }
.index_source__A5vfr { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_sourceClickable__qvYo3 { cursor: pointer; }
.index_sourceClickable__qvYo3:hover { color: var(--oxnv-okd-color-content-primary); }
.index_time__hbSBR, .index_views__\+BhW5 { white-space: nowrap; }
.index_openLinkIcon__iZ0Wx { flex-shrink: 0; font-size: 16px; }
.index_oxnv-text-display-lg__PaVsd { font-size: var(--oxnv-okd-text-display-lg-font-size); font-weight: var(--oxnv-okd-text-display-lg-font-weight); line-height: var(--oxnv-okd-text-display-lg-line-height); }
.index_oxnv-text-display-md__LrlEe { font-size: var(--oxnv-okd-text-display-md-font-size); font-weight: var(--oxnv-okd-text-display-md-font-weight); line-height: var(--oxnv-okd-text-display-md-line-height); }
.index_oxnv-text-display-sm__\+W4nf { font-size: var(--oxnv-okd-text-display-sm-font-size); font-weight: var(--oxnv-okd-text-display-sm-font-weight); line-height: var(--oxnv-okd-text-display-sm-line-height); }
.index_oxnv-text-heading-lg__rGGiP { font-size: var(--oxnv-okd-text-heading-lg-font-size); font-weight: var(--oxnv-okd-text-heading-lg-font-weight); line-height: var(--oxnv-okd-text-heading-lg-line-height); }
.index_oxnv-text-heading-md__Ddt0z { font-size: var(--oxnv-okd-text-heading-md-font-size); font-weight: var(--oxnv-okd-text-heading-md-font-weight); line-height: var(--oxnv-okd-text-heading-md-line-height); }
.index_oxnv-text-heading-sm__GtN2M { font-size: var(--oxnv-okd-text-heading-sm-font-size); font-weight: var(--oxnv-okd-text-heading-sm-font-weight); line-height: var(--oxnv-okd-text-heading-sm-line-height); }
.index_oxnv-text-heading-xl__zn07Y { font-size: var(--oxnv-okd-text-heading-xl-font-size); font-weight: var(--oxnv-okd-text-heading-xl-font-weight); line-height: var(--oxnv-okd-text-heading-xl-line-height); }
.index_oxnv-text-heading-xxl__H\+hGc { font-size: var(--oxnv-okd-text-heading-xxl-font-size); font-weight: var(--oxnv-okd-text-heading-xxl-font-weight); line-height: var(--oxnv-okd-text-heading-xxl-line-height); }
.index_oxnv-text-heading-overline__oaGq- { font-size: var(--oxnv-okd-text-heading-overline-font-size); font-weight: var(--oxnv-okd-text-heading-overline-font-weight); line-height: var(--oxnv-okd-text-heading-overline-line-height); }
.index_oxnv-text-body-sm-regular__up1to { font-size: var(--oxnv-okd-text-body-sm-regular-font-size); font-weight: var(--oxnv-okd-text-body-sm-regular-font-weight); line-height: var(--oxnv-okd-text-body-sm-regular-line-height); }
.index_oxnv-text-body-sm-bold__o5Igs { font-size: var(--oxnv-okd-text-body-sm-bold-font-size); font-weight: var(--oxnv-okd-text-body-sm-bold-font-weight); line-height: var(--oxnv-okd-text-body-sm-bold-line-height); }
.index_oxnv-text-body-md-regular__1k74v { font-size: var(--oxnv-okd-text-body-md-regular-font-size); font-weight: var(--oxnv-okd-text-body-md-regular-font-weight); line-height: var(--oxnv-okd-text-body-md-regular-line-height); }
.index_oxnv-text-body-md-bold__e-q9f { font-size: var(--oxnv-okd-text-body-md-bold-font-size); font-weight: var(--oxnv-okd-text-body-md-bold-font-weight); line-height: var(--oxnv-okd-text-body-md-bold-line-height); }
.index_oxnv-text-body-xs-regular__WHMLj { font-size: var(--oxnv-okd-text-body-xs-regular-font-size); font-weight: var(--oxnv-okd-text-body-xs-regular-font-weight); line-height: var(--oxnv-okd-text-body-xs-regular-line-height); }
.index_oxnv-text-body-xs-bold__t-5jC { font-size: var(--oxnv-okd-text-body-xs-bold-font-size); font-weight: var(--oxnv-okd-text-body-xs-bold-font-weight); line-height: var(--oxnv-okd-text-body-xs-bold-line-height); }
.index_keep-ltr__X1ClQ { direction: ltr; }
.index_keep-rtl__iM7t4 { direction: rtl; }
.index_container__cJHCB { overflow: auto; }
.index_container__cJHCB::-webkit-scrollbar { height: var(--global-scrollbar-height,6px); width: var(--global-scrollbar-width,4px); }
.index_container__cJHCB::-webkit-scrollbar-thumb { background-color: var(--global-scrollbar-background); border-radius: var(--global-scrollbar-border-radius,8px); }
.index_hover__4tqDz.index_hover__4tqDz.index_hover__4tqDz.index_hover__4tqDz:hover { background-color: var(--oxnv-okd-color-background-2); }
.index_feedContainer__TropX.index_feedContainer__TropX.index_feedContainer__TropX { padding: 24px 16px; }
.index_kolCard__iBgPO { align-items: center; display: flex; padding: 12px 16px; }
.index_kolInfo__gx-AU { align-items: center; display: flex; flex: 1 1 0%; flex-direction: row; gap: 4px; min-width: 0px; }
.index_nameWrap__9Rc7c { display: flex; min-width: 0px; overflow: hidden; }
.index_nameRow__wS7EX { align-items: center; display: inline-flex; gap: 4px; min-width: 0px; }
.index_name__EgNWJ { color: var(--oxnv-okd-color-content-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_verified__q0PM8 { color: var(--oxnv-okd-color-brand-primary-alternative); flex-shrink: 0; font-size: 16px; }
.index_kolCert__Sq2p5 { color: var(--oxnv-okd-color-content-dataviz-categorical-4); flex-shrink: 0; font-size: 16px; }
.index_followers__RfZBt { color: var(--oxnv-okd-color-content-contrast); flex-shrink: 0; font-size: 12px; font-weight: 400; line-height: 16px; }
.index_kolMoreBtnContainer__\+cKaG { margin: 8px 0px 16px; padding: 0px 16px; }
.index_kolMoreBtn__RtxQF.index_kolMoreBtn__RtxQF { padding: 12px 0px; width: 100%; }
.VirtualList_oxnv-text-display-lg__MWmGn { font-size: var(--oxnv-okd-text-display-lg-font-size); font-weight: var(--oxnv-okd-text-display-lg-font-weight); line-height: var(--oxnv-okd-text-display-lg-line-height); }
.VirtualList_oxnv-text-display-md__w7\+5c { font-size: var(--oxnv-okd-text-display-md-font-size); font-weight: var(--oxnv-okd-text-display-md-font-weight); line-height: var(--oxnv-okd-text-display-md-line-height); }
.VirtualList_oxnv-text-display-sm__h5ozT { font-size: var(--oxnv-okd-text-display-sm-font-size); font-weight: var(--oxnv-okd-text-display-sm-font-weight); line-height: var(--oxnv-okd-text-display-sm-line-height); }
.VirtualList_oxnv-text-heading-lg__BtnfR { font-size: var(--oxnv-okd-text-heading-lg-font-size); font-weight: var(--oxnv-okd-text-heading-lg-font-weight); line-height: var(--oxnv-okd-text-heading-lg-line-height); }
.VirtualList_oxnv-text-heading-md__fScCw { font-size: var(--oxnv-okd-text-heading-md-font-size); font-weight: var(--oxnv-okd-text-heading-md-font-weight); line-height: var(--oxnv-okd-text-heading-md-line-height); }
.VirtualList_oxnv-text-heading-sm__gLqdC { font-size: var(--oxnv-okd-text-heading-sm-font-size); font-weight: var(--oxnv-okd-text-heading-sm-font-weight); line-height: var(--oxnv-okd-text-heading-sm-line-height); }
.VirtualList_oxnv-text-heading-xl__LEt2O { font-size: var(--oxnv-okd-text-heading-xl-font-size); font-weight: var(--oxnv-okd-text-heading-xl-font-weight); line-height: var(--oxnv-okd-text-heading-xl-line-height); }
.VirtualList_oxnv-text-heading-xxl__9oMwL { font-size: var(--oxnv-okd-text-heading-xxl-font-size); font-weight: var(--oxnv-okd-text-heading-xxl-font-weight); line-height: var(--oxnv-okd-text-heading-xxl-line-height); }
.VirtualList_oxnv-text-heading-overline__lbr\+x { font-size: var(--oxnv-okd-text-heading-overline-font-size); font-weight: var(--oxnv-okd-text-heading-overline-font-weight); line-height: var(--oxnv-okd-text-heading-overline-line-height); }
.VirtualList_oxnv-text-body-sm-regular__keueP { font-size: var(--oxnv-okd-text-body-sm-regular-font-size); font-weight: var(--oxnv-okd-text-body-sm-regular-font-weight); line-height: var(--oxnv-okd-text-body-sm-regular-line-height); }
.VirtualList_oxnv-text-body-sm-bold__jEGv5 { font-size: var(--oxnv-okd-text-body-sm-bold-font-size); font-weight: var(--oxnv-okd-text-body-sm-bold-font-weight); line-height: var(--oxnv-okd-text-body-sm-bold-line-height); }
.VirtualList_oxnv-text-body-md-regular__q-H-0 { font-size: var(--oxnv-okd-text-body-md-regular-font-size); font-weight: var(--oxnv-okd-text-body-md-regular-font-weight); line-height: var(--oxnv-okd-text-body-md-regular-line-height); }
.VirtualList_oxnv-text-body-md-bold__oXLrU { font-size: var(--oxnv-okd-text-body-md-bold-font-size); font-weight: var(--oxnv-okd-text-body-md-bold-font-weight); line-height: var(--oxnv-okd-text-body-md-bold-line-height); }
.VirtualList_oxnv-text-body-xs-regular__lQSdJ { font-size: var(--oxnv-okd-text-body-xs-regular-font-size); font-weight: var(--oxnv-okd-text-body-xs-regular-font-weight); line-height: var(--oxnv-okd-text-body-xs-regular-line-height); }
.VirtualList_oxnv-text-body-xs-bold__bVBpN { font-size: var(--oxnv-okd-text-body-xs-bold-font-size); font-weight: var(--oxnv-okd-text-body-xs-bold-font-weight); line-height: var(--oxnv-okd-text-body-xs-bold-line-height); }
.VirtualList_keep-ltr__Nj0FW { direction: ltr; }
.VirtualList_keep-rtl__whXFq { direction: rtl; }
.VirtualList_tickerScroll__eOzkY { flex: 1 1 0%; }
.VirtualList_tickerScroll__eOzkY::-webkit-scrollbar { height: var(--global-scrollbar-height,6px); width: var(--global-scrollbar-width,4px); }
.VirtualList_tickerScroll__eOzkY::-webkit-scrollbar-thumb { background-color: var(--global-scrollbar-background); border-radius: var(--global-scrollbar-border-radius,8px); }
.VirtualList_normalScroll__gtXou { overflow: auto; }
.VirtualList_questionnaireBanner__MJdtR { background: var(--oxnv-okd-alert-info-background); }
.theme-dark { --comb-feed-main-bg: var(--oxnv-okd-color-background-surface-contrast); }
.global-search-dark.global-search-dark.global-search-dark.global-search-dark { --global-search-drawer-bg: #121212; --global-search-his-item-color: #b0b0b0; --global-search-his-close-icon-color: #909090; --global-search-tab-active-bg: #404040; --global-search-text-light-bg: #bcff2f; --global-search-text-light-color: #000; --global-search-community-recognized-icon-color: #bcff2f; --global-search-search-icon-a11y-color: #000; --global-search-suffix-tag-bg: rgba(255,183,41,.15); --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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-fill-primary-border-size: 0px; --oxnv-okd-button-fill-secondary-border-size: 0px; --oxnv-okd-button-fill-highlight-border-size: 0px; --oxnv-okd-button-fill-red-border-size: 0px; --oxnv-okd-button-fill-green-border-size: 0px; --oxnv-okd-button-fill-grey-border-size: 0px; --oxnv-okd-button-outline-primary-border-size: 1px; --oxnv-okd-button-outline-secondary-border-size: 1px; --oxnv-okd-button-text-primary-border-size: 1px; --oxnv-okd-button-text-secondary-border-size: 1px; --oxnv-okd-button-text-red-border-size: 1px; --oxnv-okd-button-text-green-border-size: 1px; --oxnv-okd-button-text-orange-border-size: 1px; --oxnv-okd-button-text-yellow-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-fill-tertiary-border-size: 0px; --oxnv-okd-button-fill-quaternary-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-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-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-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-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-outline-highlight-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-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-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-input-default-text-color: var(--oxnv-okd-color-content-interactive-active); --oxnv-okd-input-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder); --oxnv-okd-input-default-border-color: rgba(44,44,44,0); --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-interactive-active); --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-interactive-active); --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-interactive-active); --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-interactive-subtle); --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-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-selected); --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-surface-interactive-selected-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-okd-badge-grey-background: #2e2e2e; --oxnv-okd-badge-grey-text-color: #fafafa; --oxnv-okd-badge-grey-delete-color: #f0f0f0; --oxnv-okd-badge-green-background: rgba(37,167,80,.15); --oxnv-okd-badge-green-text-color: #25a750; --oxnv-okd-badge-green-delete-color: #25a750; --oxnv-okd-badge-red-background: rgba(202,63,100,.1); --oxnv-okd-badge-red-text-color: #ca3f64; --oxnv-okd-badge-red-delete-color: #ca3f64; --oxnv-okd-badge-yellow-background: #2d2104; --oxnv-okd-badge-yellow-text-color: #e0b134; --oxnv-okd-badge-yellow-delete-color: #dba20e; --oxnv-okd-badge-orange-background: #361604; --oxnv-okd-badge-orange-text-color: #fa8c4d; --oxnv-okd-badge-orange-delete-color: #fa8c4d; --oxnv-okd-badge-blue-background: #051738; --oxnv-okd-badge-blue-text-color: #4283ff; --oxnv-okd-badge-blue-delete-color: #4283ff; --oxnv-okd-badge-md-padding-vertical: 2px; --oxnv-okd-badge-md-padding-horizontal: 8px; --oxnv-okd-badge-lg-padding-vertical: 3px; --oxnv-okd-badge-lg-padding-horizontal: 12px; --oxnv-okd-badge-md-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-badge-lg-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-badge-md-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-badge-lg-line-height: var(--oxnv-okd-line-height-base); --oxnv-okd-badge-basic-md-radius: var(--oxnv-okd-border-radius-xxl); --oxnv-okd-badge-basic-lg-radius: var(--oxnv-okd-border-radius-xxxl); --oxnv-okd-badge-rounded-md-radius: var(--oxnv-okd-border-radius-md); --oxnv-okd-badge-rounded-lg-radius: var(--oxnv-okd-border-radius-md); --oxnv-okd-select-common-placeholder-color: #ccc; --oxnv-okd-select-common-text-color: #fafafa; --oxnv-okd-select-common-title-color: var(--oxnv-okd-color-content-static-subtle); --oxnv-okd-select-common-border-color: var(--oxnv-okd-color-border-static-subtle); --oxnv-okd-select-option-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-option-active-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-option-default-bg: transparent; --oxnv-okd-select-option-hover-bg: var(--oxnv-okd-color-surface-interactive-hovered); --oxnv-okd-select-option-active-bg: rgba(52,52,52,0); --oxnv-okd-select-option-disabled-bg: rgba(52,52,52,0); --oxnv-okd-select-check-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-empty-default-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-empty-default-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-search-input-bg: rgba(64,64,64,.5); --oxnv-okd-select-search-input-placeholder-color: #6c6c6c; --oxnv-okd-select-search-input-color: #fafafa; --oxnv-okd-select-search-input-icon-color: #909090; --oxnv-okd-select-search-input-border-radius: 4px; --oxnv-okd-select-drop-box-border-color: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-shadow: var(--oxnv-okd-shadow-sm),var(--oxnv-okd-shadow-md); --oxnv-okd-select-drop-box-bg: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-margin-top: 4px; --oxnv-okd-select-drop-box-border-radius: 8px; --oxnv-okd-select-text-select-default-icon-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-text-select-default-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-font-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-font-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-font-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-text-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-icon-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-icon-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-default-icon-size: 16px; --oxnv-okd-select-md-title-font-size: 10px; --oxnv-okd-select-sm-title-font-size: 10px; --oxnv-okd-select-xs-title-font-size: 10px; --oxnv-okd-select-md-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-sm-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-xs-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-md-title-padding-horizontal: 16px; --oxnv-okd-select-md-title-padding-top: 4px; --oxnv-okd-select-md-title-padding-bottom: 4px; --oxnv-okd-select-sm-title-padding-horizontal: 12px; --oxnv-okd-select-sm-title-padding-top: 4px; --oxnv-okd-select-sm-title-padding-bottom: 4px; --oxnv-okd-select-xs-title-padding-horizontal: 12px; --oxnv-okd-select-xs-title-padding-top: 4px; --oxnv-okd-select-xs-title-padding-bottom: 4px; --oxnv-okd-select-md-text-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-select-sm-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-xs-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-md-option-padding-horizontal: 16px; --oxnv-okd-select-md-option-padding-vertical: 8px; --oxnv-okd-select-sm-option-padding-horizontal: 12px; --oxnv-okd-select-sm-option-padding-vertical: 8px; --oxnv-okd-select-xs-option-padding-horizontal: 12px; --oxnv-okd-select-xs-option-padding-vertical: 8px; --oxnv-okd-select-md-check-icon-font-size: 16px; --oxnv-okd-select-sm-check-icon-font-size: 16px; --oxnv-okd-select-xs-check-icon-font-size: 16px; --oxnv-okd-select-md-empty-icon-font-size: 24px; --oxnv-okd-select-sm-empty-icon-font-size: 24px; --oxnv-okd-select-xs-empty-icon-font-size: 24px; --oxnv-okd-select-md-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-icon-size: 18px; --oxnv-okd-select-sm-search-icon-size: 18px; --oxnv-okd-select-xs-search-icon-size: 18px; --oxnv-okd-select-md-search-margin-vertical: 8px; --oxnv-okd-select-md-search-margin-horizontal: 16px; --oxnv-okd-select-md-search-height: 28px; --oxnv-okd-select-sm-search-margin-vertical: 8px; --oxnv-okd-select-sm-search-margin-horizontal: 12px; --oxnv-okd-select-sm-search-height: 28px; --oxnv-okd-select-xs-search-margin-vertical: 8px; --oxnv-okd-select-xs-search-margin-horizontal: 12px; --oxnv-okd-select-xs-search-height: 28px; --oxnv-okd-select-option-common-line-color: var(--oxnv-okd-color-border-primary); --oxnv-okd-select-option-common-line-height: 1px; --oxnv-okd-select-option-common-line-margin-vertical: 6px; --oxnv-okd-select-md-search-padding-vertical: 5px; --oxnv-okd-select-md-search-padding-horizontal: 8px; --oxnv-okd-select-sm-search-padding-vertical: 5px; --oxnv-okd-select-sm-search-padding-horizontal: 8px; --oxnv-okd-select-xs-search-padding-vertical: 5px; --oxnv-okd-select-xs-search-padding-horizontal: 8px; --oxnv-okd-select-mobile-option-container-padding-vertical: 8px; --oxnv-okd-select-mobile-option-item-container-padding-top: 8px; --oxnv-okd-select-search-input-clear-icon-color: #6c6c6c; --oxnv-okd-select-md-search-clear-icon-size: 14px; --oxnv-okd-select-sm-search-clear-icon-size: 14px; --oxnv-okd-select-xs-search-clear-icon-size: 14px; --oxnv-okd-select-lg-title-padding-top: 12px; --oxnv-okd-select-lg-title-padding-bottom: 14px; --oxnv-okd-select-lg-title-padding-horizontal: 16px; --oxnv-okd-select-lg-title-font-size: 12px; --oxnv-okd-select-lg-title-line-height: var(--oxnv-okd-select-lg-title-font-size); --oxnv-okd-select-lg-option-line-height: var(--oxnv-okd-select-lg-option-line-height); --oxnv-okd-select-lg-option-padding-vertical: 12px; --oxnv-okd-select-lg-option-padding-horizontal: 16px; --oxnv-okd-select-lg-option-font-size: 14px; --oxnv-okd-select-lg-empty-icon-font-size: 24px; --oxnv-okd-select-lg-empty-font-size: 14px; --oxnv-okd-select-lg-search-margin-horizontal: 16px; --oxnv-okd-select-lg-search-margin-vertical: 8px; --oxnv-okd-select-lg-search-padding-horizontal: 8px; --oxnv-okd-select-lg-search-padding-vertical: 4px; --oxnv-okd-select-lg-search-height: 28px; --oxnv-okd-select-lg-search-icon-size: 18px; --oxnv-okd-select-lg-search-clear-icon-size: 14px; --oxnv-okd-select-lg-search-input-font-size: 14px; --oxnv-okd-select-lg-text-select-font-size: 14px; --oxnv-okd-select-lg-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-lg-text-font-size: 14px; --oxnv-okd-select-xl-title-padding-top: 12px; --oxnv-okd-select-xl-title-padding-bottom: 14px; --oxnv-okd-select-xl-title-padding-horizontal: 16px; --oxnv-okd-select-xl-title-font-size: 12px; --oxnv-okd-select-xl-title-line-height: var(--oxnv-okd-select-xl-title-font-size); --oxnv-okd-select-xl-option-line-height: var(--oxnv-okd-select-xl-option-line-height); --oxnv-okd-select-xl-option-padding-vertical: 12px; --oxnv-okd-select-xl-option-padding-horizontal: 16px; --oxnv-okd-select-xl-option-font-size: 14px; --oxnv-okd-select-xl-empty-icon-font-size: 24px; --oxnv-okd-select-xl-empty-font-size: 14px; --oxnv-okd-select-xl-search-margin-horizontal: 16px; --oxnv-okd-select-xl-search-margin-vertical: 8px; --oxnv-okd-select-xl-search-padding-horizontal: 8px; --oxnv-okd-select-xl-search-padding-vertical: 4px; --oxnv-okd-select-xl-search-height: 28px; --oxnv-okd-select-xl-search-icon-size: 18px; --oxnv-okd-select-xl-search-clear-icon-size: 14px; --oxnv-okd-select-xl-search-input-font-size: 14px; --oxnv-okd-select-xl-text-select-font-size: 14px; --oxnv-okd-select-xl-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-xl-text-font-size: 14px; --oxnv-okd-select-sm-text-select-font-size: 12px; --oxnv-okd-select-mobile-option-line-height: 20px; --oxnv-okd-select-mobile-option-padding-vertical: 18px; --oxnv-okd-select-mobile-option-padding-horizontal: 16px; --oxnv-okd-select-mobile-option-font-size: 16px; --oxnv-okd-select-mobile-option-icon-font-size: 24px; --oxnv-okd-select-mobile-option-title-padding-top: var(--oxnv-okd-select-md-title-padding-top); --oxnv-okd-select-mobile-option-title-padding-bottom: var(--oxnv-okd-select-md-title-padding-bottom); --oxnv-okd-select-mobile-option-title-padding-horizontal: var(--oxnv-okd-select-md-title-padding-horizontal); --oxnv-okd-select-mobile-option-title-font-size: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-mobile-option-title-line-height: var(--oxnv-okd-select-md-title-line-height); --oxnv-okd-select-xl-option-icon-font-size: 20px; --oxnv-okd-select-lg-option-icon-font-size: 20px; --oxnv-okd-select-md-option-icon-font-size: 20px; --oxnv-okd-select-sm-option-icon-font-size: 16px; --oxnv-okd-select-xs-option-icon-font-size: 16px; --oxnv-okd-select-xl-tag-icon-font-size: 16px; --oxnv-okd-select-lg-tag-icon-font-size: 16px; --oxnv-okd-select-md-tag-icon-font-size: 16px; --oxnv-okd-select-sm-tag-icon-font-size: 14px; --oxnv-okd-select-xs-tag-icon-font-size: 14px; --oxnv-okd-select-xl-reference-icon-font-size: 20px; --oxnv-okd-select-lg-reference-icon-font-size: 20px; --oxnv-okd-select-md-reference-icon-font-size: 20px; --oxnv-okd-select-sm-reference-icon-font-size: 16px; --oxnv-okd-select-xs-reference-icon-font-size: 16px; --oxnv-okd-select-xl-tag-text-font-size: 14px; --oxnv-okd-select-lg-tag-text-font-size: 14px; --oxnv-okd-select-md-tag-text-font-size: 14px; --oxnv-okd-select-sm-tag-text-font-size: 12px; --oxnv-okd-select-xs-tag-text-font-size: 12px; --oxnv-okd-select-xl-tag-height: 32px; --oxnv-okd-select-lg-tag-height: 32px; --oxnv-okd-select-md-tag-height: 24px; --oxnv-okd-select-sm-tag-height: 24px; --oxnv-okd-select-xs-tag-height: 20px; --oxnv-okd-select-tag-default-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-disabled-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-text-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-text-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-tag-icon-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-icon-hover-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-tag-icon-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-reference-icon-default-color: var(--oxnv-okd-color-content-contrast); --oxnv-okd-select-reference-icon-hover-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-select-xl-arrow-icon-font-size: 16px; --oxnv-okd-select-lg-arrow-icon-font-size: 16px; --oxnv-okd-select-md-arrow-icon-font-size: 16px; --oxnv-okd-select-sm-arrow-icon-font-size: 14px; --oxnv-okd-select-xs-arrow-icon-font-size: 14px; --oxnv-okd-select-tag-icon-padding-left: 4px; --oxnv-okd-select-tag-border-radius: 4px; --oxnv-okd-select-tag-margin-right: 4px; --oxnv-okd-select-tag-margin-bottom: 4px; --oxnv-okd-select-tag-padding-horizontal: 8px; --oxnv-okd-select-xl-input-suffix-margin-left: 16px; --oxnv-okd-select-lg-input-suffix-margin-left: 16px; --oxnv-okd-select-md-input-suffix-margin-left: 16px; --oxnv-okd-select-sm-input-suffix-margin-left: 16px; --oxnv-okd-select-xs-input-suffix-margin-left: 12px; --oxnv-okd-select-xl-tag-margin-right: 4px; --oxnv-okd-select-lg-tag-margin-right: 4px; --oxnv-okd-select-md-tag-margin-right: 4px; --oxnv-okd-select-sm-tag-margin-right: 4px; --oxnv-okd-select-xs-tag-margin-right: 4px; --oxnv-okd-select-input-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-popup-white-board-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px; --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-okd-tooltip-default-font-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-tooltip-neutral-background: var(--oxnv-okd-color-modal-contrast); --oxnv-okd-tooltip-negative-background: var(--oxnv-okd-color-semantic-negative); --oxnv-okd-tooltip-positive-background: var(--oxnv-okd-color-semantic-positive); --oxnv-okd-tooltip-informative-background: var(--oxnv-okd-color-semantic-informative); --oxnv-okd-tag-fill-grey-background-color: var(--oxnv-okd-color-surface-interactive-default); --oxnv-okd-tag-fill-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-fill-grey-border-color: hsla(0,0%,92%,0); --oxnv-okd-tag-fill-lightgrey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-red-background-color: var(--oxnv-okd-color-surface-pnl-loss-default-new); --oxnv-okd-tag-fill-red-font-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --oxnv-okd-tag-fill-red-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-green-background-color: var(--oxnv-okd-color-surface-pnl-profit-default-new); --oxnv-okd-tag-fill-green-font-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --oxnv-okd-tag-fill-green-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-tangerine-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lime-background-color: var(--oxnv-okd-color-surface-structural-highlight); --oxnv-okd-tag-fill-lime-font-color: var(--oxnv-okd-color-global-fixed-always-dark); --oxnv-okd-tag-fill-lime-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-outline-grey-background-color: transparent; --oxnv-okd-tag-outline-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-outline-grey-border-color: var(--oxnv-okd-color-border-static-emphasis); --oxnv-okd-tag-outline-lightgrey-background-color: transparent; --oxnv-okd-tag-outline-lightgrey-font-color: var(--oxnv-okd-color-content-info-subtle); --oxnv-okd-tag-outline-lightgrey-border-color: var(--oxnv-okd-color-border-info-subtle); --oxnv-okd-tag-outline-red-background-color: transparent; --oxnv-okd-tag-outline-red-font-color: var(--oxnv-okd-color-content-danger-default); --oxnv-okd-tag-outline-red-border-color: var(--oxnv-okd-color-border-danger-default); --oxnv-okd-tag-outline-green-background-color: transparent; --oxnv-okd-tag-outline-green-font-color: var(--oxnv-okd-color-content-success-default); --oxnv-okd-tag-outline-green-border-color: var(--oxnv-okd-color-border-success-default); --oxnv-okd-tag-outline-tangerine-background-color: transparent; --oxnv-okd-tag-outline-tangerine-font-color: var(--oxnv-okd-color-content-warning-default); --oxnv-okd-tag-outline-tangerine-border-color: var(--oxnv-okd-color-border-warning-default); --oxnv-okd-tag-outline-lime-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-md-font-size: 12px; --oxnv-okd-tag-md-font-weight: 400; --oxnv-okd-tag-md-line-height: 16px; --oxnv-okd-tag-md-border-width: 1px; --oxnv-okd-tag-md-border-radius: 4px; --oxnv-okd-tag-md-padding-vertical: 2px; --oxnv-okd-tag-md-padding-horizontal: 4px; --oxnv-okd-tag-lg-font-size: 12px; --oxnv-okd-tag-lg-font-weight: 400; --oxnv-okd-tag-lg-line-height: 16px; --oxnv-okd-tag-lg-border-width: 1px; --oxnv-okd-tag-lg-border-radius: 4px; --oxnv-okd-tag-lg-padding-vertical: 4px; --oxnv-okd-tag-lg-padding-horizontal: 8px; --oxnv-okd-tag-sm-font-size: 10px; --oxnv-okd-tag-sm-font-weight: 400; --oxnv-okd-tag-sm-line-height: 12px; --oxnv-okd-tag-sm-height: 16px; --oxnv-okd-tag-sm-border-width: 1px; --oxnv-okd-tag-sm-border-radius: 4px; --oxnv-okd-tag-sm-padding-vertical: 2px; --oxnv-okd-tag-sm-padding-horizontal: 4px; --oxnv-okd-tag-md-height: 20px; --oxnv-okd-tag-lg-height: 24px; --oxnv-okd-tag-lg-icon-size: 16px; --oxnv-okd-tag-md-icon-size: 16px; --oxnv-okd-tag-sm-icon-size: 12px; --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); }
.global-search-dark.global-search-dark.global-search-dark.global-search-dark, .theme-light { --comb-feed-main-bg: var(--oxnv-okd-color-background-surface-contrast); }
.global-search-light.global-search-light.global-search-light.global-search-light { --global-search-drawer-bg: #fff; --global-search-his-item-color: #000; --global-search-his-close-icon-color: #929292; --global-search-tab-active-bg: #ebebeb; --global-search-text-light-bg: #bcff2f; --global-search-text-light-color: #000; --global-search-community-recognized-icon-color: #2b6d17; --global-search-search-icon-a11y-color: #fff; --global-search-suffix-tag-bg: rgba(226,132,0,.15); --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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-fill-primary-border-size: 0px; --oxnv-okd-button-fill-secondary-border-size: 0px; --oxnv-okd-button-fill-red-border-size: 0px; --oxnv-okd-button-fill-green-border-size: 0px; --oxnv-okd-button-fill-grey-border-size: 0px; --oxnv-okd-button-outline-primary-border-size: 1px; --oxnv-okd-button-outline-secondary-border-size: 1px; --oxnv-okd-button-text-primary-border-size: 1px; --oxnv-okd-button-text-secondary-border-size: 1px; --oxnv-okd-button-text-red-border-size: 1px; --oxnv-okd-button-text-green-border-size: 1px; --oxnv-okd-button-text-orange-border-size: 1px; --oxnv-okd-button-text-yellow-border-size: 1px; --oxnv-okd-button-fill-highlight-border-size: 0px; --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-fill-tertiary-border-size: 0px; --oxnv-okd-button-fill-quaternary-border-size: 0px; --oxnv-okd-button-outline-highlight-border-size: 1.5px; --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-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-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-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-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-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-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-loader-track-color: hsla(0,0%,100%,.25); --oxnv-okd-button-fill-quaternary-loader-mark-color: #fff; --oxnv-okd-button-outline-highlight-loader-track-color: #dbdbdb; --oxnv-okd-button-outline-highlight-loader-mark-color: #000; --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-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-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-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-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-input-default-text-color: var(--oxnv-okd-color-content-interactive-active); --oxnv-okd-input-default-placeholder-color: var(--oxnv-okd-color-content-static-placeholder); --oxnv-okd-input-default-border-color: hsla(0,0%,91%,0); --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-interactive-active); --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-interactive-active); --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-interactive-active); --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-interactive-subtle); --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); --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-selected); --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-surface-interactive-selected-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; --oxnv-okd-badge-grey-background: hsla(0,0%,92%,.7); --oxnv-okd-badge-grey-text-color: #3d3d3d; --oxnv-okd-badge-grey-delete-color: #6e6e6e; --oxnv-okd-badge-green-background: rgba(49,189,101,.15); --oxnv-okd-badge-green-text-color: #31bd65; --oxnv-okd-badge-green-delete-color: #31bd65; --oxnv-okd-badge-red-background: rgba(235,75,109,.1); --oxnv-okd-badge-red-text-color: #eb4b6d; --oxnv-okd-badge-red-delete-color: #eb4b6d; --oxnv-okd-badge-yellow-background: #fffcf5; --oxnv-okd-badge-yellow-text-color: #d29801; --oxnv-okd-badge-yellow-delete-color: #ffb905; --oxnv-okd-badge-orange-background: #fef9f6; --oxnv-okd-badge-orange-text-color: #f16514; --oxnv-okd-badge-orange-delete-color: #f16514; --oxnv-okd-badge-blue-background: #f5f9ff; --oxnv-okd-badge-blue-text-color: #277dff; --oxnv-okd-badge-blue-delete-color: #0569ff; --oxnv-okd-badge-md-padding-vertical: 2px; --oxnv-okd-badge-md-padding-horizontal: 8px; --oxnv-okd-badge-lg-padding-vertical: 3px; --oxnv-okd-badge-lg-padding-horizontal: 12px; --oxnv-okd-badge-md-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-badge-lg-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-badge-md-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-badge-lg-line-height: var(--oxnv-okd-line-height-base); --oxnv-okd-badge-basic-md-radius: var(--oxnv-okd-border-radius-xxl); --oxnv-okd-badge-basic-lg-radius: var(--oxnv-okd-border-radius-xxxl); --oxnv-okd-badge-rounded-md-radius: var(--oxnv-okd-border-radius-md); --oxnv-okd-badge-rounded-lg-radius: var(--oxnv-okd-border-radius-md); --oxnv-okd-select-common-placeholder-color: #bdbdbd; --oxnv-okd-select-common-text-color: #3d3d3d; --oxnv-okd-select-common-title-color: var(--oxnv-okd-color-content-static-subtle); --oxnv-okd-select-common-border-color: var(--oxnv-okd-color-border-static-subtle); --oxnv-okd-select-option-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-hover-text-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-option-active-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-option-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-option-default-bg: hsla(0,0%,100%,0); --oxnv-okd-select-option-hover-bg: var(--oxnv-okd-color-surface-interactive-hovered); --oxnv-okd-select-option-active-bg: hsla(0,0%,100%,0); --oxnv-okd-select-option-disabled-bg: hsla(0,0%,100%,0); --oxnv-okd-select-check-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-empty-default-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-empty-default-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-search-input-bg: #ebebeb; --oxnv-okd-select-search-input-placeholder-color: #929292; --oxnv-okd-select-search-input-color: #000; --oxnv-okd-select-search-input-icon-color: #6e6e6e; --oxnv-okd-select-search-input-border-radius: 4px; --oxnv-okd-select-drop-box-border-color: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-shadow: var(--oxnv-okd-shadow-lg); --oxnv-okd-select-drop-box-bg: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-drop-box-margin-top: 4px; --oxnv-okd-select-drop-box-border-radius: 8px; --oxnv-okd-select-text-select-default-icon-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-text-select-default-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-font-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-font-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-font-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-text-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-text-select-hover-icon-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-text-select-select-icon-color: var(--oxnv-okd-color-content-interactive-selected); --oxnv-okd-select-text-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-icon-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-default-icon-size: 16px; --oxnv-okd-select-md-title-font-size: 10px; --oxnv-okd-select-sm-title-font-size: 10px; --oxnv-okd-select-xs-title-font-size: 10px; --oxnv-okd-select-md-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-sm-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-xs-title-line-height: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-md-title-padding-horizontal: 16px; --oxnv-okd-select-md-title-padding-top: 12px; --oxnv-okd-select-md-title-padding-bottom: 4px; --oxnv-okd-select-sm-title-padding-horizontal: 12px; --oxnv-okd-select-sm-title-padding-top: 4px; --oxnv-okd-select-sm-title-padding-bottom: 4px; --oxnv-okd-select-xs-title-padding-horizontal: 12px; --oxnv-okd-select-xs-title-padding-top: 4px; --oxnv-okd-select-xs-title-padding-bottom: 4px; --oxnv-okd-select-md-text-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-text-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-option-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-option-line-height: var(--oxnv-okd-line-height-md); --oxnv-okd-select-sm-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-xs-option-line-height: var(--oxnv-okd-line-height-xs); --oxnv-okd-select-md-option-padding-horizontal: 16px; --oxnv-okd-select-md-option-padding-vertical: 12px; --oxnv-okd-select-sm-option-padding-horizontal: 12px; --oxnv-okd-select-sm-option-padding-vertical: 8px; --oxnv-okd-select-xs-option-padding-horizontal: 12px; --oxnv-okd-select-xs-option-padding-vertical: 8px; --oxnv-okd-select-md-check-icon-font-size: 16px; --oxnv-okd-select-sm-check-icon-font-size: 16px; --oxnv-okd-select-xs-check-icon-font-size: 16px; --oxnv-okd-select-md-empty-icon-font-size: 24px; --oxnv-okd-select-sm-empty-icon-font-size: 24px; --oxnv-okd-select-xs-empty-icon-font-size: 24px; --oxnv-okd-select-md-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-empty-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-xs-search-input-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-md-search-icon-size: 18px; --oxnv-okd-select-sm-search-icon-size: 18px; --oxnv-okd-select-xs-search-icon-size: 18px; --oxnv-okd-select-md-text-select-font-size: var(--oxnv-okd-font-size-md); --oxnv-okd-select-sm-text-select-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-xs-text-select-font-size: var(--oxnv-okd-font-size-xs); --oxnv-okd-select-md-search-margin-vertical: 8px; --oxnv-okd-select-md-search-margin-horizontal: 16px; --oxnv-okd-select-md-search-height: 28px; --oxnv-okd-select-sm-search-margin-vertical: 8px; --oxnv-okd-select-sm-search-margin-horizontal: 12px; --oxnv-okd-select-sm-search-height: 28px; --oxnv-okd-select-xs-search-margin-vertical: 8px; --oxnv-okd-select-xs-search-margin-horizontal: 12px; --oxnv-okd-select-xs-search-height: 28px; --oxnv-okd-select-option-common-line-color: var(--oxnv-okd-color-border-primary); --oxnv-okd-select-option-common-line-height: 1px; --oxnv-okd-select-option-common-line-margin-vertical: 6px; --oxnv-okd-select-md-search-padding-vertical: 5px; --oxnv-okd-select-md-search-padding-horizontal: 8px; --oxnv-okd-select-sm-search-padding-vertical: 5px; --oxnv-okd-select-sm-search-padding-horizontal: 8px; --oxnv-okd-select-xs-search-padding-vertical: 5px; --oxnv-okd-select-xs-search-padding-horizontal: 8px; --oxnv-okd-select-mobile-option-container-padding-vertical: 8px; --oxnv-okd-select-mobile-option-item-container-padding-top: 8px; --oxnv-okd-select-search-input-clear-icon-color: #bdbdbd; --oxnv-okd-select-md-search-clear-icon-size: 14px; --oxnv-okd-select-sm-search-clear-icon-size: 14px; --oxnv-okd-select-xs-search-clear-icon-size: 14px; --oxnv-okd-select-lg-title-padding-top: 12px; --oxnv-okd-select-lg-title-padding-bottom: 4px; --oxnv-okd-select-lg-title-padding-horizontal: 16px; --oxnv-okd-select-lg-title-font-size: 12px; --oxnv-okd-select-lg-title-line-height: var(--oxnv-okd-select-lg-title-font-size); --oxnv-okd-select-lg-option-line-height: var(--oxnv-okd-select-lg-option-line-height); --oxnv-okd-select-lg-option-padding-vertical: 12px; --oxnv-okd-select-lg-option-padding-horizontal: 16px; --oxnv-okd-select-lg-option-font-size: 14px; --oxnv-okd-select-lg-empty-icon-font-size: 24px; --oxnv-okd-select-lg-empty-font-size: 14px; --oxnv-okd-select-lg-search-margin-horizontal: 16px; --oxnv-okd-select-lg-search-margin-vertical: 8px; --oxnv-okd-select-lg-search-padding-horizontal: 8px; --oxnv-okd-select-lg-search-padding-vertical: 4px; --oxnv-okd-select-lg-search-height: 28px; --oxnv-okd-select-lg-search-icon-size: 18px; --oxnv-okd-select-lg-search-clear-icon-size: 14px; --oxnv-okd-select-lg-search-input-font-size: 14px; --oxnv-okd-select-lg-text-select-font-size: 14px; --oxnv-okd-select-lg-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-lg-text-font-size: 14px; --oxnv-okd-select-xl-title-padding-top: 12px; --oxnv-okd-select-xl-title-padding-bottom: 4px; --oxnv-okd-select-xl-title-padding-horizontal: 16px; --oxnv-okd-select-xl-title-font-size: 12px; --oxnv-okd-select-xl-title-line-height: var(--oxnv-okd-select-xl-title-font-size); --oxnv-okd-select-xl-option-line-height: var(--oxnv-okd-select-xl-option-line-height); --oxnv-okd-select-xl-option-padding-vertical: 12px; --oxnv-okd-select-xl-option-padding-horizontal: 16px; --oxnv-okd-select-xl-option-font-size: 14px; --oxnv-okd-select-xl-empty-icon-font-size: 24px; --oxnv-okd-select-xl-empty-font-size: 14px; --oxnv-okd-select-xl-search-margin-horizontal: 16px; --oxnv-okd-select-xl-search-margin-vertical: 8px; --oxnv-okd-select-xl-search-padding-horizontal: 8px; --oxnv-okd-select-xl-search-padding-vertical: 4px; --oxnv-okd-select-xl-search-height: 28px; --oxnv-okd-select-xl-search-icon-size: 18px; --oxnv-okd-select-xl-search-clear-icon-size: 14px; --oxnv-okd-select-xl-search-input-font-size: 14px; --oxnv-okd-select-xl-text-select-font-size: 14px; --oxnv-okd-select-xl-check-icon-font-size: var(--oxnv-okd-select-md-check-icon-font-size); --oxnv-okd-select-xl-text-font-size: 14px; --oxnv-okd-select-mobile-option-line-height: 20px; --oxnv-okd-select-mobile-option-padding-vertical: 18px; --oxnv-okd-select-mobile-option-padding-horizontal: 16px; --oxnv-okd-select-mobile-option-font-size: 16px; --oxnv-okd-select-mobile-option-icon-font-size: 24px; --oxnv-okd-select-mobile-option-title-padding-top: var(--oxnv-okd-select-md-title-padding-top); --oxnv-okd-select-mobile-option-title-padding-bottom: var(--oxnv-okd-select-md-title-padding-bottom); --oxnv-okd-select-mobile-option-title-padding-horizontal: var(--oxnv-okd-select-md-title-padding-horizontal); --oxnv-okd-select-mobile-option-title-font-size: var(--oxnv-okd-select-md-title-font-size); --oxnv-okd-select-mobile-option-title-line-height: var(--oxnv-okd-select-md-title-line-height); --oxnv-okd-select-xl-option-icon-font-size: 20px; --oxnv-okd-select-lg-option-icon-font-size: 20px; --oxnv-okd-select-md-option-icon-font-size: 20px; --oxnv-okd-select-sm-option-icon-font-size: 16px; --oxnv-okd-select-xs-option-icon-font-size: 16px; --oxnv-okd-select-xl-tag-icon-font-size: 16px; --oxnv-okd-select-lg-tag-icon-font-size: 16px; --oxnv-okd-select-md-tag-icon-font-size: 16px; --oxnv-okd-select-sm-tag-icon-font-size: 14px; --oxnv-okd-select-xs-tag-icon-font-size: 14px; --oxnv-okd-select-xl-reference-icon-font-size: 20px; --oxnv-okd-select-lg-reference-icon-font-size: 20px; --oxnv-okd-select-md-reference-icon-font-size: 20px; --oxnv-okd-select-sm-reference-icon-font-size: 16px; --oxnv-okd-select-xs-reference-icon-font-size: 16px; --oxnv-okd-select-xl-tag-text-font-size: 14px; --oxnv-okd-select-lg-tag-text-font-size: 14px; --oxnv-okd-select-md-tag-text-font-size: 14px; --oxnv-okd-select-sm-tag-text-font-size: 12px; --oxnv-okd-select-xs-tag-text-font-size: 12px; --oxnv-okd-select-xl-tag-height: 32px; --oxnv-okd-select-lg-tag-height: 32px; --oxnv-okd-select-md-tag-height: 24px; --oxnv-okd-select-sm-tag-height: 24px; --oxnv-okd-select-xs-tag-height: 20px; --oxnv-okd-select-tag-default-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-disabled-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-select-tag-text-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-text-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-tag-icon-default-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-tag-icon-hover-color: var(--oxnv-okd-color-content-interactive-hovered); --oxnv-okd-select-tag-icon-disabled-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-reference-icon-default-color: var(--oxnv-okd-color-content-contrast); --oxnv-okd-select-reference-icon-hover-color: var(--oxnv-okd-color-content-primary); --oxnv-okd-select-xl-arrow-icon-font-size: 16px; --oxnv-okd-select-lg-arrow-icon-font-size: 16px; --oxnv-okd-select-md-arrow-icon-font-size: 16px; --oxnv-okd-select-sm-arrow-icon-font-size: 14px; --oxnv-okd-select-xs-arrow-icon-font-size: 14px; --oxnv-okd-select-tag-icon-padding-left: 4px; --oxnv-okd-select-tag-border-radius: 4px; --oxnv-okd-select-tag-margin-right: 4px; --oxnv-okd-select-tag-margin-bottom: 4px; --oxnv-okd-select-tag-padding-horizontal: 8px; --oxnv-okd-select-xl-input-suffix-margin-left: 16px; --oxnv-okd-select-lg-input-suffix-margin-left: 16px; --oxnv-okd-select-md-input-suffix-margin-left: 16px; --oxnv-okd-select-sm-input-suffix-margin-left: 16px; --oxnv-okd-select-xs-input-suffix-margin-left: 12px; --oxnv-okd-select-xl-tag-margin-right: 4px; --oxnv-okd-select-lg-tag-margin-right: 4px; --oxnv-okd-select-md-tag-margin-right: 4px; --oxnv-okd-select-sm-tag-margin-right: 4px; --oxnv-okd-select-xs-tag-margin-right: 4px; --oxnv-okd-select-input-select-disabled-icon-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-select-input-select-default-text-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-select-input-select-disabled-text-color: var(--oxnv-okd-color-content-interactive-disabled); --oxnv-okd-popup-white-board-background: var(--oxnv-okd-color-surface-structural-elevated-contrast); --oxnv-okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px; --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-okd-tooltip-default-font-color: var(--oxnv-okd-color-content-inverse); --oxnv-okd-tooltip-neutral-background: var(--oxnv-okd-color-modal-contrast); --oxnv-okd-tooltip-negative-background: var(--oxnv-okd-color-semantic-negative); --oxnv-okd-tooltip-positive-background: var(--oxnv-okd-color-semantic-positive); --oxnv-okd-tooltip-informative-background: var(--oxnv-okd-color-semantic-informative); --oxnv-okd-tag-fill-grey-background-color: var(--oxnv-okd-color-surface-interactive-default); --oxnv-okd-tag-fill-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-fill-grey-border-color: rgba(33,33,33,0); --oxnv-okd-tag-fill-lightgrey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lightgrey-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-red-background-color: var(--oxnv-okd-color-surface-pnl-loss-default-new); --oxnv-okd-tag-fill-red-font-color: var(--oxnv-okd-color-content-pnl-loss-oncolor-default); --oxnv-okd-tag-fill-red-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-green-background-color: var(--oxnv-okd-color-surface-pnl-profit-default-new); --oxnv-okd-tag-fill-green-font-color: var(--oxnv-okd-color-content-pnl-profit-oncolor-default); --oxnv-okd-tag-fill-green-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-fill-tangerine-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-tangerine-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-fill-lime-background-color: var(--oxnv-okd-color-surface-structural-highlight); --oxnv-okd-tag-fill-lime-font-color: var(--oxnv-okd-color-global-fixed-always-dark); --oxnv-okd-tag-fill-lime-border-color: var(--oxnv-okd-color-common-transparent); --oxnv-okd-tag-outline-grey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-grey-font-color: var(--oxnv-okd-color-content-static-default); --oxnv-okd-tag-outline-grey-border-color: var(--oxnv-okd-color-border-static-emphasis); --oxnv-okd-tag-outline-lightgrey-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lightgrey-font-color: var(--oxnv-okd-color-content-info-subtle); --oxnv-okd-tag-outline-lightgrey-border-color: var(--oxnv-okd-color-border-info-subtle); --oxnv-okd-tag-outline-red-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-red-font-color: var(--oxnv-okd-color-content-danger-default); --oxnv-okd-tag-outline-red-border-color: var(--oxnv-okd-color-border-danger-default); --oxnv-okd-tag-outline-green-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-green-font-color: var(--oxnv-okd-color-content-success-default); --oxnv-okd-tag-outline-green-border-color: var(--oxnv-okd-color-border-success-default); --oxnv-okd-tag-outline-tangerine-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-tangerine-font-color: var(--oxnv-okd-color-content-warning-default); --oxnv-okd-tag-outline-tangerine-border-color: var(--oxnv-okd-color-border-warning-default); --oxnv-okd-tag-outline-lime-background-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-font-color: hsla(0,0%,100%,0); --oxnv-okd-tag-outline-lime-border-color: hsla(0,0%,100%,0); --oxnv-okd-tag-md-font-size: 12px; --oxnv-okd-tag-md-font-weight: 400; --oxnv-okd-tag-md-line-height: 16px; --oxnv-okd-tag-md-border-width: 1px; --oxnv-okd-tag-md-border-radius: 4px; --oxnv-okd-tag-md-padding-vertical: 2px; --oxnv-okd-tag-md-padding-horizontal: 4px; --oxnv-okd-tag-lg-font-size: 12px; --oxnv-okd-tag-lg-font-weight: 400; --oxnv-okd-tag-lg-line-height: 16px; --oxnv-okd-tag-lg-border-width: 1px; --oxnv-okd-tag-lg-border-radius: 4px; --oxnv-okd-tag-lg-padding-vertical: 4px; --oxnv-okd-tag-lg-padding-horizontal: 8px; --oxnv-okd-tag-sm-font-size: 10px; --oxnv-okd-tag-sm-font-weight: 400; --oxnv-okd-tag-sm-line-height: 12px; --oxnv-okd-tag-sm-height: 16px; --oxnv-okd-tag-sm-border-width: 1px; --oxnv-okd-tag-sm-border-radius: 4px; --oxnv-okd-tag-sm-padding-vertical: 2px; --oxnv-okd-tag-sm-padding-horizontal: 4px; --oxnv-okd-tag-md-height: 20px; --oxnv-okd-tag-lg-height: 24px; --oxnv-okd-tag-lg-icon-size: 16px; --oxnv-okd-tag-md-icon-size: 16px; --oxnv-okd-tag-sm-icon-size: 12px; --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); --comb-feed-main-bg: var(--oxnv-okd-color-background-surface-contrast); }
.color-up { color: var(--color-up-text) !important; }
.color-down { color: var(--color-down-text) !important; }
.index_box__WyK3S { display: flex; flex-direction: column; height: 100%; }