.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; }
}
.hero-section .pre-login { align-items: center; display: flex; flex-wrap: wrap; margin-top: 40px; }
@media (max-width: 767px) {
  .hero-section .pre-login { flex-direction: column; justify-content: center; }
}
.hero-section .pre-login .link-to-register { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; margin-bottom: 16px; margin-right: 16px; min-width: 100px; }
@media (min-width: 1270px) {
  .hero-section .pre-login .link-to-register { margin-right: 24px; padding-bottom: 20.5px; padding-top: 20.5px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-section .pre-login .link-to-register { padding: 14px 24px; }
}
@media (max-width: 767px) {
  .hero-section .pre-login .link-to-register { padding: 14px 24px; }
}
.hero-section .download-btn { background-color: rgb(33, 33, 33); margin-bottom: 16px; margin-left: 0px; }
.hero-section .download-btn.outline-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
@media (max-width: 767px) {
  .hero-section .download-btn { display: none !important; }
}
.hero-section .download-btn .qr-icon { color: rgb(255, 255, 255); display: none; font-size: 24px; }
@media (min-width: 1270px) {
  .hero-section .download-btn .qr-icon { display: inline-block; margin-right: 8px; }
}
.hero-section .download-btn .qr-box { background-color: rgb(255, 255, 255); border-radius: 8px; box-sizing: border-box; height: 140px; left: 0px; margin: auto; padding: 20px; position: absolute; right: 0px; top: calc(100% + 12px); width: 140px; }
.hero-section .download-btn .qr-box img { width: 100%; }
.theme-light { --okd-color-gray-050: #f9f9f9; --okd-color-gray-100: #ebebeb; --okd-color-gray-200: #dbdbdb; --okd-color-gray-300: #bdbdbd; --okd-color-gray-400: #929292; --okd-color-gray-500: #6e6e6e; --okd-color-gray-600: #545454; --okd-color-gray-700: #3d3d3d; --okd-color-gray-800: #1a1a1a; --okd-color-gray-900: #000; --okd-color-blue-050: #f5f9ff; --okd-color-blue-100: #d1e3ff; --okd-color-blue-200: #afcfff; --okd-color-blue-300: #8dbbff; --okd-color-blue-400: #6ba6ff; --okd-color-blue-500: #4992ff; --okd-color-blue-600: #277dff; --okd-color-blue-700: #0569ff; --okd-color-blue-800: #005eea; --okd-color-blue-900: #0051ca; --okd-color-green-050: #f2fff7; --okd-color-green-100: #d2f4de; --okd-color-green-200: #a5e9be; --okd-color-green-300: #78de9d; --okd-color-green-400: #4bd37d; --okd-color-green-500: #31bd65; --okd-color-green-600: #18a04a; --okd-color-green-700: #127837; --okd-color-green-800: #0c5025; --okd-color-green-900: #0c5025; --okd-color-red-050: #fff8f9; --okd-color-red-100: #fcdce5; --okd-color-red-200: #f9b9ca; --okd-color-red-300: #f796b0; --okd-color-red-400: #f07596; --okd-color-red-500: #f1507b; --okd-color-red-600: #c14062; --okd-color-red-700: #91304a; --okd-color-red-800: #602031; --okd-color-red-900: #301019; --okd-color-orange-050: #fef9f6; --okd-color-orange-100: #fce3d4; --okd-color-orange-200: #fbceb4; --okd-color-orange-300: #f9b994; --okd-color-orange-400: #f7a474; --okd-color-orange-500: #f58f54; --okd-color-orange-600: #f6813d; --okd-color-orange-700: #f16514; --okd-color-orange-800: #e96010; --okd-color-orange-900: #bf4803; --okd-color-yellow-050: #fffcf5; --okd-color-yellow-100: #fff2d1; --okd-color-yellow-200: #ffe9af; --okd-color-yellow-300: #ffdf8d; --okd-color-yellow-400: #ffd66b; --okd-color-yellow-500: #ffcc49; --okd-color-yellow-600: #ffc327; --okd-color-yellow-700: #ffb905; --okd-color-yellow-800: #eaa900; --okd-color-yellow-900: #d29801; --okd-color-text-white: #fff; --okd-color-text-black: #1f2933; --okd-color-background-1: #fff; --okd-color-background-2: #f7f7f7; --okd-color-transparent: transparent; --okd-color-white: #fff; --okd-color-black: #000; --okd-color-line-muted: #ebebeb; --okd-color-line-secondary: #dbdbdb; --okd-color-line-amplifed: #bdbdbd; --okd-color-text-lighter: #bdbdbd; --okd-color-text-light: #929292; --okd-color-text-secondary: #3d3d3d; --okd-color-text-amplifed: #000; --okd-color-background-3: #f2f2f2; --okd-color-fq-blue-lv1: #0569ff; --okd-color-fq-green-lv1: #19cc5b; --okd-color-fq-red-lv1: #f1507b; --okd-color-fq-orange-lv1: #f16514; --okd-color-fq-blue-lv2: #0569ff; --okd-color-background-hover: #ebebeb; --okd-color-prefer-red-chart: #f1507b; --okd-color-prefer-red-bg: #eb4b6d; --okd-color-prefer-green-chart: #19cc5b; --okd-color-prefer-green-bg: #31bd65; --okd-color-prefer-red-text: #eb4b6d; --okd-color-prefer-green-text: #31bd65; --okd-color-branded-primary: #bcff2f; --okd-color-fq-critical: #eb4b6d; --okd-color-fq-warning: #f16514; --okd-color-fq-positive: #31bd65; --okd-color-fq-neutral: #000; --okd-color-fq-accent: #0569ff; --okd-color-prefer-neutral-text: #929292; --okd-color-prefer-neutral-bg: #929292; --okd-color-background-base-primary: #fff; --okd-color-background-base-secondary: #fafafa; --okd-color-background-surface-primary: #f3f3f3; --okd-color-background-surface-secondary: #f6f6f6; --okd-color-background-surface-pressed: #d9d9d9; --okd-color-background-surface-disable: #fafafa; --okd-color-background-scrim: rgba(0,0,0,.43); --okd-color-container-primary: #fff; --okd-color-container-secondary: #fafafa; --okd-color-container-tertiary: #fff; --okd-color-container-contrast: #414141; --okd-color-container-inverse: #0e0e0e; --okd-color-content-primary: #000; --okd-color-content-secondary: #383838; --okd-color-content-tertiary: #5b5b5b; --okd-color-content-contrast: #909090; --okd-color-content-disabled: #b3b3b3; --okd-color-content-inverse: #fff; --okd-color-border-primary: #e6e6e6; --okd-color-border-secondary: #b3b3b3; --okd-color-border-contrast: #fafafa; --okd-color-border-selected: #000; --okd-color-semantic-neutral: #000; --okd-color-semantic-notice: #ffb117; --okd-color-semantic-positive: #31bd65; --okd-color-semantic-negative: #eb4b6d; --okd-color-semantic-informative: #8a91ff; --okd-color-semantic-highlight: #bcff2f; --okd-color-dvp-neutral: rgba(0,0,0,.57); --okd-color-dvp-profit: #00bc4b; --okd-color-dvp-loss: #f5384f; --okd-color-categorical-01: #8a91ff; --okd-color-categorical-02: #ffb117; --okd-color-categorical-03: #bcff2f; --okd-color-categorical-04: #12e366; --okd-color-categorical-05: #ff7888; --okd-color-common-transparent: hsla(0,0%,100%,0); --okd-color-transparent-black: transparent; --okd-color-transparent-white: transparent; --okd-color-alert-info: #f7f7f7; --okd-color-alert-success: #eaf8f0; --okd-color-alert-warning: #fef9f6; --okd-color-alert-error: #fdedf0; --okd-color-common-background-2: #f3f3f3; --okd-color-data-visualization-category-01: #8a91ff; --okd-color-data-visualization-category-02: #ffb117; --okd-color-data-visualization-category-03: #bcff2f; --okd-color-data-visualization-category-04: #12e366; --okd-color-data-visualization-category-05: #ff7888; --okd-color-preference-loss: #f5384f; --okd-color-preference-profit: #00bc4b; --okd-color-preference-neutral: rgba(0,0,0,.57); --okd-color-border-focus: #000; --okd-color-background-base-primary_alternative: #fff; --okd-color-link-content: #4c2fff; --okd-color-link-accent-content-primary: #2b6d17; --okd-color-background-surface-contrast: #fff; --okd-color-background-surface-brand: #000; --okd-color-border-tertiary: #f3f3f3; --okd-color-content-brand: #000; --okd-color-modal-primary: #fff; --okd-color-modal-secondary: #fff; --okd-color-modal-tertiary: #fff; --okd-color-modal-contrast: #4d4d4d; --okd-color-card-primary: #f6f6f6; --okd-color-card-secondary: #f6f6f6; --okd-color-brand-primary: #2b6d17; --okd-color-brand-primary-alternative: #2b6d17; --okd-color-brand-secondary: #8ec51d; --okd-color-brand-tertiary: #bcff2f; --okd-color-brand-content: #e6ffb0; --okd-color-brand-content-contrast: #e6ffb0; --okd-color-global-fixed-always-dark: #000; --okd-color-global-fixed-always-light: #fff; --okd-color-surface-structural-subbase: #f6f6f6; --okd-color-surface-info-default: #4a4a4a; --okd-color-surface-info-subtle: #f6f6f6; --okd-color-surface-warning-default: #fea01d; --okd-color-surface-warning-subtle: #ffedcb; --okd-color-surface-success-default: #3c8f24; --okd-color-surface-success-subtle: #e9f4d1; --okd-color-surface-danger-default: #d33a4c; --okd-color-surface-danger-subtle: #fee0e3; --okd-color-surface-interactive-default: rgba(0,0,0,.06); --okd-color-surface-interactive-hovered: rgba(0,0,0,.09); --okd-color-surface-interactive-pressed: rgba(0,0,0,.14); --okd-color-surface-interactive-disabled: rgba(0,0,0,.03); --okd-color-surface-interactive-oncolor-default: hsla(0,0%,100%,.9); --okd-color-surface-interactive-oncolor-hovered: hsla(0,0%,100%,.7); --okd-color-surface-interactive-oncolor-pressed: hsla(0,0%,100%,.5); --okd-color-surface-interactive-emphasis-default: rgba(0,0,0,.99); --okd-color-surface-interactive-emphasis-hovered: rgba(0,0,0,.8); --okd-color-surface-interactive-emphasis-pressed: rgba(0,0,0,.7); --okd-color-surface-interactive-emphasis-disabled: rgba(0,0,0,.03); --okd-color-surface-interactive-selected-default: #000; --okd-color-surface-interactive-selected-subtle: rgba(0,0,0,.06); --okd-color-surface-interactive-selected-oncolor: hsla(0,0%,100%,.9); --okd-color-surface-structural-base: #fff; --okd-color-surface-structural-layer-1: #f6f6f6; --okd-color-surface-structural-layer-2: #e9e9e9; --okd-color-surface-structural-layer-3: #dcdcdc; --okd-color-surface-structural-highlight: var(--global-color-highlight); --okd-color-surface-structural-inverse: #000; --okd-color-surface-structural-elevated-default: #fff; --okd-color-surface-structural-elevated-contrast: #fff; --okd-color-surface-structural-overlay: rgba(0,0,0,.4); --okd-color-border-static-default: rgba(0,0,0,.14); --okd-color-border-static-subtle: rgba(0,0,0,.06); --okd-color-border-static-dotted: rgba(0,0,0,.32); --okd-color-border-interactive-default: rgba(0,0,0,.32); --okd-color-border-interactive-hovered: #333; --okd-color-border-interactive-pressed: #000; --okd-color-border-interactive-focused: #000; --okd-color-border-interactive-selected: #000; --okd-color-border-interactive-error: #ba2133; --okd-color-border-interactive-emphasis: #4a4a4a; --okd-color-border-interactive-oncolor: #e9e9e9; --okd-color-border-static-emphasis: #4a4a4a; --okd-color-border-static-experience: var(--global-color-experience-default); --okd-color-border-static-highlight: var(--global-color-highlight); --okd-color-border-static-overlay: hsla(0,0%,100%,.9); --okd-color-border-interactive-disabled: rgba(0,0,0,.14); --okd-color-border-info-default: #212121; --okd-color-border-info-subtle: #757575; --okd-color-border-warning-default: #ba5d00; --okd-color-border-warning-subtle: #ffedcb; --okd-color-border-success-default: #2b6d17; --okd-color-border-success-subtle: #e9f4d1; --okd-color-border-danger-default: #ba2133; --okd-color-border-danger-subtle: #fee0e3; --okd-color-content-static-default: #000; --okd-color-content-interactive-default: #4a4a4a; --okd-color-content-interactive-subtle: #757575; --okd-color-content-interactive-hovered: #212121; --okd-color-content-static-subtle: #5e5e5e; --okd-color-content-interactive-pressed: #000; --okd-color-content-static-inverse: #fff; --okd-color-content-static-highlight: var(--global-color-highlight); --okd-color-content-static-placeholder: rgba(0,0,0,.22); --okd-color-content-interactive-active: #000; --okd-color-content-interactive-selected: #000; --okd-color-content-interactive-error: #ba2133; --okd-color-content-interactive-disabled: rgba(0,0,0,.14); --okd-color-content-info-default: #212121; --okd-color-content-info-subtle: #757575; --okd-color-content-warning-default: #ba5d00; --okd-color-content-warning-subtle: #ffedcb; --okd-color-content-success-default: #2b6d17; --okd-color-content-success-subtle: #e9f4d1; --okd-color-content-danger-default: #ba2133; --okd-color-content-danger-subtle: #fee0e3; --okd-color-content-illustration-default: #000; --okd-color-content-dataviz-categorical-1: var(--global-color-feature-default); --okd-color-content-dataviz-categorical-2: #0b5bcb; --okd-color-content-dataviz-categorical-3: #e28400; --okd-color-content-dataviz-categorical-4: #dbb01d; --okd-color-content-dataviz-categorical-5: #a352ef; --okd-color-content-dataviz-categorical-6: #5e5e5e; --okd-color-content-dataviz-categorical-7: #858585; --okd-color-content-dataviz-categorical-8: #afafaf; --okd-color-content-illustration-inverse: #fff; --okd-color-content-illustration-experience: var(--global-color-experience-default); --okd-color-content-illustration-highlight: var(--global-color-highlight); --okd-color-global-alpha-matching-5: hsla(0,0%,100%,.05); --okd-color-global-alpha-matching-10: hsla(0,0%,100%,.1); --okd-color-global-alpha-matching-20: hsla(0,0%,100%,.2); --okd-color-global-alpha-matching-30: hsla(0,0%,100%,.3); --okd-color-global-alpha-matching-40: hsla(0,0%,100%,.4); --okd-color-global-alpha-matching-50: hsla(0,0%,100%,.5); --okd-color-global-alpha-matching-60: hsla(0,0%,100%,.6); --okd-color-global-alpha-matching-70: hsla(0,0%,100%,.7); --okd-color-global-alpha-matching-80: hsla(0,0%,100%,.8); --okd-color-global-alpha-matching-90: hsla(0,0%,100%,.9); --okd-color-global-alpha-inverse-5: rgba(0,0,0,.03); --okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha); --okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha); --okd-color-global-alpha-feature-1: rgba(43,109,23,.16); --okd-color-global-alpha-inverse-10: rgba(0,0,0,.06); --okd-color-global-alpha-inverse-20: rgba(0,0,0,.14); --okd-color-global-alpha-inverse-30: rgba(0,0,0,.22); --okd-color-global-alpha-inverse-40: rgba(0,0,0,.32); --okd-color-global-alpha-inverse-50: rgba(0,0,0,.44); --okd-color-global-alpha-inverse-60: rgba(0,0,0,.57); --okd-color-global-alpha-inverse-70: rgba(0,0,0,.7); --okd-color-global-alpha-inverse-80: rgba(0,0,0,.8); --okd-color-global-alpha-inverse-90: rgba(0,0,0,.9); --okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default); --okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered); --okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed); --okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint); --okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default); --okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered); --okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed); --okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint); --okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default); --okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered); --okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed); --okd-color-surface-interactive-feature-default: var(--global-color-feature-default); --okd-color-surface-interactive-experience-default: var(--global-color-experience-default); --okd-color-surface-interactive-experience-hovered: var(--global-color-experience-hovered); --okd-color-surface-interactive-experience-pressed: var(--global-color-experience-pressed); --okd-color-surface-interactive-feature-hovered: var(--global-color-feature-hovered); --okd-color-surface-interactive-feature-pressed: var(--global-color-feature-pressed); --okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph); --okd-color-surface-structural-feature: var(--global-color-feature-default); --okd-color-surface-structural-experience: var(--global-color-experience-default); --okd-color-border-interactive-feature-default: var(--global-color-feature-default); --okd-color-border-interactive-feature-hovered: var(--global-color-feature-hovered); --okd-color-border-interactive-feature-pressed: var(--global-color-feature-pressed); --okd-color-border-static-feature: var(--global-color-feature-default); --okd-color-content-static-subtler: #858585; --okd-color-content-static-feature: var(--global-color-feature-default); --okd-color-content-static-experience: var(--global-color-experience-default); --okd-color-content-pnl-profit-default: var(--global-color-profit-default); --okd-color-content-illustration-feature: var(--global-color-feature-default); --okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor); --okd-color-content-pnl-loss-default: var(--global-color-loss-default); --okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor); --okd-color-content-pnl-neutral-default: var(--global-color-neutral-default); --okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor); --okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph); --okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph); --okd-color-border-interactive-experience-default: var(--global-color-experience-default); --okd-color-border-interactive-experience-hovered: var(--global-color-experience-hovered); --okd-color-border-interactive-experience-pressed: var(--global-color-experience-pressed); --okd-color-content-interactive-feature-default: var(--global-color-feature-default); --okd-color-content-interactive-feature-hovered: var(--global-color-feature-hovered); --okd-color-content-interactive-feature-pressed: var(--global-color-feature-pressed); --okd-color-content-interactive-experience-default: var(--global-color-experience-default); --okd-color-content-interactive-experience-alternative: var(--global-color-experience-alternative); --okd-color-content-interactive-experience-accent: var(--global-color-experience-accent); --okd-color-content-interactive-experience-hovered: var(--global-color-experience-hovered); --okd-color-content-interactive-experience-pressed: var(--global-color-experience-pressed); --okd-color-content-interactive-experience-inverse: var(--global-color-experience-inverse); --okd-color-content-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default); --okd-color-content-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered); --okd-color-content-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed); --okd-color-surface-interactive-feature-inverse-default: var(--global-color-feature-primary-inverse-default); --okd-color-surface-interactive-feature-inverse-hovered: var(--global-color-feature-primary-inverse-hovered); --okd-color-surface-interactive-feature-inverse-pressed: var(--global-color-feature-primary-inverse-pressed); --okd-color-border-pnl-loss-default: var(--global-color-loss-default); --okd-color-border-pnl-loss-graph: var(--global-color-loss-graph); --okd-color-border-pnl-profit-default: var(--global-color-profit-default); --okd-color-border-pnl-profit-graph: var(--global-color-profit-graph); --okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph); --okd-color-content-static-notification: #e05a6a; --okd-color-surface-interactive-unselected-default: rgba(0,0,0,.32); --okd-color-surface-structural-elevated-layer-1: #f6f6f6; --okd-color-surface-interactive-destructive-default: #e05a6a; --okd-color-surface-interactive-destructive-hovered: #d33a4c; --okd-color-surface-interactive-destructive-pressed: #ba2133; --okd-color-surface-structural-web-only-base: #f6f6f6; --okd-color-surface-structural-web-only-layer-1: #fff; --okd-color-global-fixed-shadow: rgba(0,0,0,.16); --okd-color-surface-interactive-destructive-subtle-default: #fee0e3; --okd-color-surface-interactive-destructive-subtle-hovered: #ffbec5; --okd-color-surface-interactive-destructive-subtle-pressed: #ff8f9c; --okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2); --okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new); --okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis); --okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new); --okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis); --okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default); --okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor); --okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default); --okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor); --okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max); --okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min); --okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max); --okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min); --okd-color-border-interactive-drop: #4c93f0; --okd-color-content-interactive-drop: #277ae7; --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-okx-money-light { --okd-color-gray-050: #f9f9f9; --okd-color-gray-100: #ebebeb; --okd-color-gray-200: #dbdbdb; --okd-color-gray-300: #bdbdbd; --okd-color-gray-400: #929292; --okd-color-gray-500: #6e6e6e; --okd-color-gray-600: #545454; --okd-color-gray-700: #3d3d3d; --okd-color-gray-800: #1a1a1a; --okd-color-gray-900: #000; --okd-color-blue-050: #f5f9ff; --okd-color-blue-100: #d1e3ff; --okd-color-blue-200: #afcfff; --okd-color-blue-300: #8dbbff; --okd-color-blue-400: #6ba6ff; --okd-color-blue-500: #4992ff; --okd-color-blue-600: #277dff; --okd-color-blue-700: #0569ff; --okd-color-blue-800: #005eea; --okd-color-blue-900: #0051ca; --okd-color-green-050: #f2fff7; --okd-color-green-100: #d2f4de; --okd-color-green-200: #a5e9be; --okd-color-green-300: #78de9d; --okd-color-green-400: #4bd37d; --okd-color-green-500: #31bd65; --okd-color-green-600: #18a04a; --okd-color-green-700: #127837; --okd-color-green-800: #0c5025; --okd-color-green-900: #0c5025; --okd-color-red-050: #fff8f9; --okd-color-red-100: #fcdce5; --okd-color-red-200: #f9b9ca; --okd-color-red-300: #f796b0; --okd-color-red-400: #f07596; --okd-color-red-500: #f1507b; --okd-color-red-600: #c14062; --okd-color-red-700: #91304a; --okd-color-red-800: #602031; --okd-color-red-900: #301019; --okd-color-orange-050: #fef9f6; --okd-color-orange-100: #fce3d4; --okd-color-orange-200: #fbceb4; --okd-color-orange-300: #f9b994; --okd-color-orange-400: #f7a474; --okd-color-orange-500: #f58f54; --okd-color-orange-600: #f6813d; --okd-color-orange-700: #f16514; --okd-color-orange-800: #e96010; --okd-color-orange-900: #bf4803; --okd-color-yellow-050: #fffcf5; --okd-color-yellow-100: #fff2d1; --okd-color-yellow-200: #ffe9af; --okd-color-yellow-300: #ffdf8d; --okd-color-yellow-400: #ffd66b; --okd-color-yellow-500: #ffcc49; --okd-color-yellow-600: #ffc327; --okd-color-yellow-700: #ffb905; --okd-color-yellow-800: #eaa900; --okd-color-yellow-900: #d29801; --okd-color-text-white: #fff; --okd-color-text-black: #1f2933; --okd-color-background-1: #fff; --okd-color-background-2: #f7f7f7; --okd-color-transparent: transparent; --okd-color-white: #fff; --okd-color-black: #000; --okd-color-line-muted: #ebebeb; --okd-color-line-secondary: #dbdbdb; --okd-color-line-amplifed: #bdbdbd; --okd-color-text-lighter: #bdbdbd; --okd-color-text-light: #929292; --okd-color-text-secondary: #3d3d3d; --okd-color-text-amplifed: #000; --okd-color-background-3: #f2f2f2; --okd-color-fq-blue-lv1: #0569ff; --okd-color-fq-green-lv1: #19cc5b; --okd-color-fq-red-lv1: #f1507b; --okd-color-fq-orange-lv1: #f16514; --okd-color-fq-blue-lv2: #0569ff; --okd-color-background-hover: #ebebeb; --okd-color-prefer-red-chart: #f1507b; --okd-color-prefer-red-bg: #eb4b6d; --okd-color-prefer-green-chart: #19cc5b; --okd-color-prefer-green-bg: #31bd65; --okd-color-prefer-red-text: #eb4b6d; --okd-color-prefer-green-text: #31bd65; --okd-color-branded-primary: #bcff2f; --okd-color-fq-critical: #eb4b6d; --okd-color-fq-warning: #f16514; --okd-color-fq-positive: #31bd65; --okd-color-fq-neutral: #000; --okd-color-fq-accent: #0569ff; --okd-color-prefer-neutral-text: #929292; --okd-color-prefer-neutral-bg: #929292; --okd-color-white-opacity-5: #fff; --okd-color-white-opacity-10: hsla(0,0%,100%,.94); --okd-color-white-opacity-20: hsla(0,0%,100%,.88); --okd-color-white-opacity-30: hsla(0,0%,100%,.78); --okd-color-white-opacity-40: hsla(0,0%,100%,.76); --okd-color-white-opacity-50: hsla(0,0%,100%,.54); --okd-color-white-opacity-60: hsla(0,0%,100%,.36); --okd-color-white-opacity-70: hsla(0,0%,100%,.19); --okd-color-white-opacity-80: hsla(0,0%,100%,.12); --okd-color-white-opacity-90: hsla(0,0%,100%,.06); --okd-color-black-opacity-5: #000; --okd-color-black-opacity-10: rgba(0,0,0,.9); --okd-color-black-opacity-20: rgba(0,0,0,.76); --okd-color-black-opacity-30: rgba(0,0,0,.68); --okd-color-black-opacity-40: rgba(0,0,0,.57); --okd-color-black-opacity-50: rgba(0,0,0,.43); --okd-color-black-opacity-60: rgba(0,0,0,.26); --okd-color-black-opacity-70: rgba(0,0,0,.14); --okd-color-black-opacity-80: rgba(0,9,3,.08); --okd-color-black-opacity-90: rgba(0,0,0,.04); --okd-color-neutral-5: #fff; --okd-color-neutral-140: #4d4d4d; --okd-color-neutral-150: #414141; --okd-color-neutral-160: #383838; --okd-color-neutral-170: #272727; --okd-color-neutral-180: #1d1d1d; --okd-color-neutral-190: #0e0e0e; --okd-color-neutral-200: #000; --okd-color-tangerine-5: #ffedcb; --okd-color-tangerine-10: #ffd37d; --okd-color-tangerine-30: #ffb117; --okd-color-tangerine-40: #db8f00; --okd-color-tangerine-50: #a06900; --okd-color-tangerine-60: #664300; --okd-color-lemon-5: #fffdc4; --okd-color-lemon-10: #fffa7a; --okd-color-lemon-20: #fff500; --okd-color-lemon-30: #e5dd00; --okd-color-lemon-40: #b2ab00; --okd-color-lemon-50: #797400; --okd-color-lemon-60: #5c5800; --okd-color-tangerine-20: #ffc452; --okd-color-neonlime-5: #e6ffb0; --okd-color-neonlime-10: #d5ff7d; --okd-color-neonlime-20: #bcff2f; --okd-color-neonlime-30: #9fe212; --okd-color-neonlime-40: #8ec51d; --okd-color-neonlime-50: #568000; --okd-color-neonlime-60: #3d5c00; --okd-color-neonmint-5: #cbffe0; --okd-color-neonmint-10: #7dffb1; --okd-color-neonmint-20: #24ff7b; --okd-color-neonmint-30: #12e366; --okd-color-neonmint-40: #00bc4b; --okd-color-neonmint-50: #008535; --okd-color-neonmint-60: #005c25; --okd-color-bluebell-5: #e6eaff; --okd-color-bluebell-10: #b8bfff; --okd-color-bluebell-20: #8a91ff; --okd-color-bluebell-30: #5f62ff; --okd-color-bluebell-40: #5043ff; --okd-color-bluebell-50: #4c2fff; --okd-color-bluebell-60: #1d00d4; --okd-color-lavender-5: #f2e8ff; --okd-color-lavender-10: #dbbfff; --okd-color-lavender-20: #c496ff; --okd-color-lavender-30: #ac6cff; --okd-color-lavender-40: #9543ff; --okd-color-lavender-50: #7e1aff; --okd-color-lavender-60: #5600c5; --okd-color-orchid-5: #fee7ea; --okd-color-orchid-10: #ffc1c9; --okd-color-orchid-20: #ffa8b3; --okd-color-orchid-30: #ff7888; --okd-color-orchid-40: #f5384f; --okd-color-orchid-50: #cd2438; --okd-color-orchid-60: #9a1b2a; --okd-color-semantic-positive-1: #31bd65; --okd-color-semantic-negative-1: #eb4b6d; --okd-color-transparent-base-black: transparent; --okd-color-transparent-base-white: transparent; --okd-color-alert-base-info: #f7f7f7; --okd-color-alert-base-success: #eaf8f0; --okd-color-alert-base-warning: #fef9f6; --okd-color-alert-base-error: #fdedf0; --okd-color-basil-5: #e9f4d1; --okd-color-basil-10: #d2e8a4; --okd-color-basil-20: #81be00; --okd-color-basil-30: #49a92d; --okd-color-basil-40: #2b6d17; --okd-color-basil-50: #1a410e; --okd-color-basil-60: #1a2600; --okd-color-rose-5: #ffdfe9; --okd-color-rose-10: #ffc0d3; --okd-color-rose-20: #ff5eb6; --okd-color-rose-30: #fc46ab; --okd-color-rose-40: #a54162; --okd-color-rose-50: #532131; --okd-color-rose-60: #2a111f; --okd-color-neutral-15: #f6f6f6; --okd-color-neutral-185: #121212; --okd-color-background-base-primary: #fff; --okd-color-background-base-secondary: #fafafa; --okd-color-background-surface-primary: #f3f3f3; --okd-color-background-surface-secondary: #f6f6f6; --okd-color-background-surface-pressed: #d9d9d9; --okd-color-background-surface-disable: #fafafa; --okd-color-background-scrim: rgba(0,0,0,.43); --okd-color-container-primary: #fff; --okd-color-container-secondary: #fafafa; --okd-color-container-tertiary: #fff; --okd-color-container-contrast: #414141; --okd-color-container-inverse: #0e0e0e; --okd-color-content-primary: #000; --okd-color-content-secondary: #383838; --okd-color-content-tertiary: #5b5b5b; --okd-color-content-contrast: #909090; --okd-color-content-disabled: #b3b3b3; --okd-color-content-inverse: #fff; --okd-color-border-primary: #e6e6e6; --okd-color-border-secondary: #b3b3b3; --okd-color-border-contrast: #fafafa; --okd-color-border-selected: #000; --okd-color-semantic-neutral: #000; --okd-color-semantic-notice: #ffb117; --okd-color-semantic-positive: #31bd65; --okd-color-semantic-negative: #eb4b6d; --okd-color-semantic-informative: #8a91ff; --okd-color-semantic-highlight: #bcff2f; --okd-color-dvp-neutral: rgba(0,0,0,.57); --okd-color-dvp-profit: #00bc4b; --okd-color-dvp-loss: #f5384f; --okd-color-categorical-01: #8a91ff; --okd-color-categorical-02: #ffb117; --okd-color-categorical-03: #bcff2f; --okd-color-categorical-04: #12e366; --okd-color-categorical-05: #ff7888; --okd-color-common-transparent: hsla(0,0%,100%,0); --okd-color-transparent-black: transparent; --okd-color-transparent-white: transparent; --okd-color-alert-info: #f7f7f7; --okd-color-alert-success: #eaf8f0; --okd-color-alert-warning: #fef9f6; --okd-color-alert-error: #fdedf0; --okd-color-common-background-2: #f3f3f3; --okd-color-data-visualization-category-01: #8a91ff; --okd-color-data-visualization-category-02: #ffb117; --okd-color-data-visualization-category-03: #bcff2f; --okd-color-data-visualization-category-04: #12e366; --okd-color-data-visualization-category-05: #ff7888; --okd-color-preference-loss: #f5384f; --okd-color-preference-profit: #00bc4b; --okd-color-preference-neutral: rgba(0,0,0,.57); --okd-color-border-focus: #000; --okd-color-background-base-primary_alternative: #fff; --okd-color-link-content: #4c2fff; --okd-color-link-accent-content-primary: #2b6d17; --okd-color-link-accent-content-disabled: #d2e8a4; --okd-color-link-accent-surface-pressed: #d2e8a4; --okd-color-background-surface-contrast: #fff; --okd-color-background-surface-brand: #000; --okd-color-border-tertiary: #f3f3f3; --okd-color-content-brand: #000; --okd-color-modal-primary: #fff; --okd-color-modal-secondary: #fff; --okd-color-modal-tertiary: #fff; --okd-color-modal-contrast: #4d4d4d; --okd-color-card-primary: #f6f6f6; --okd-color-card-secondary: #f6f6f6; --okd-color-btnsecfade-default: #f3f3f3; --okd-color-btnsecfade-disable: #f3f3f3; --okd-color-btnsecfade-hover: #e6e6e6; --okd-color-brand-primary: #2b6d17; --okd-color-brand-primary-alternative: #2b6d17; --okd-color-brand-secondary: #8ec51d; --okd-color-brand-tertiary: #bcff2f; --okd-color-brand-content: #e6ffb0; --okd-color-brand-content-contrast: #e6ffb0; --okd-color-global-fixed-always-dark: #000; --okd-color-global-fixed-always-light: #fff; --okd-color-surface-structural-subbase: #f3f1ed; --okd-color-surface-info-default: #aba8a4; --okd-color-surface-info-subtle: #dededc; --okd-color-surface-warning-default: #f1a534; --okd-color-surface-warning-subtle: #fff1db; --okd-color-surface-success-default: #2e7d57; --okd-color-surface-success-subtle: #e6efeb; --okd-color-surface-danger-default: #c8452f; --okd-color-surface-danger-subtle: #f6e9e8; --okd-color-surface-interactive-default: hsla(0,0%,100%,.9); --okd-color-surface-interactive-hovered: rgba(0,0,0,.09); --okd-color-surface-interactive-pressed: rgba(0,0,0,.14); --okd-color-surface-interactive-disabled: rgba(0,0,0,.03); --okd-color-surface-interactive-oncolor-default: rgba(0,0,0,.14); --okd-color-surface-interactive-oncolor-hovered: rgba(0,0,0,.09); --okd-color-surface-interactive-oncolor-pressed: rgba(0,0,0,.06); --okd-color-surface-interactive-emphasis-default: #c9a876; --okd-color-surface-interactive-emphasis-hovered: #d9be93; --okd-color-surface-interactive-emphasis-pressed: #e8d4b0; --okd-color-surface-interactive-emphasis-disabled: rgba(0,0,0,.03); --okd-color-surface-interactive-selected-default: #c9a876; --okd-color-surface-interactive-selected-subtle: rgba(0,0,0,.06); --okd-color-surface-interactive-selected-oncolor: rgba(0,0,0,.06); --okd-color-surface-structural-base: #f3f1ed; --okd-color-surface-structural-layer-1: #fff; --okd-color-surface-structural-layer-2: #e8e6e0; --okd-color-surface-structural-layer-3: #dedcd5; --okd-color-surface-structural-highlight: #c9a876; --okd-color-surface-structural-inverse: #2a2318; --okd-color-surface-structural-elevated-default: #f3f1ed; --okd-color-surface-structural-elevated-contrast: #f3f1ed; --okd-color-surface-structural-overlay: rgba(0,0,0,.4); --okd-color-border-static-default: rgba(0,0,0,.14); --okd-color-border-static-subtle: rgba(0,0,0,.06); --okd-color-border-static-dotted: rgba(0,0,0,.32); --okd-color-border-interactive-default: rgba(0,0,0,.32); --okd-color-border-interactive-hovered: #423c32; --okd-color-border-interactive-pressed: #2a2318; --okd-color-border-interactive-focused: #2a2318; --okd-color-border-interactive-selected: #2a2318; --okd-color-border-interactive-error: #9f3928; --okd-color-border-interactive-emphasis: #524c43; --okd-color-border-interactive-oncolor: #e8e6e0; --okd-color-border-static-emphasis: #524c43; --okd-color-border-static-experience: #2a2318; --okd-color-border-static-highlight: #a67f4a; --okd-color-border-static-overlay: hsla(0,0%,100%,.9); --okd-color-border-interactive-disabled: rgba(0,0,0,.14); --okd-color-border-info-default: #136578; --okd-color-border-info-subtle: #81b9c6; --okd-color-border-warning-default: #965900; --okd-color-border-warning-subtle: #fff1db; --okd-color-border-success-default: #276547; --okd-color-border-success-subtle: #e6efeb; --okd-color-border-danger-default: #9f3928; --okd-color-border-danger-subtle: #f6e9e8; --okd-color-content-static-default: #2a2318; --okd-color-content-interactive-default: #524c43; --okd-color-content-interactive-subtle: #75716a; --okd-color-content-interactive-hovered: #362f25; --okd-color-content-static-subtle: #615c54; --okd-color-content-interactive-pressed: #2a2318; --okd-color-content-static-inverse: #2a2318; --okd-color-content-static-highlight: #8f7548; --okd-color-content-static-placeholder: rgba(0,0,0,.32); --okd-color-content-interactive-active: #2a2318; --okd-color-content-interactive-selected: #2a2318; --okd-color-content-interactive-error: #9f3928; --okd-color-content-interactive-disabled: rgba(0,0,0,.22); --okd-color-content-info-default: #362f25; --okd-color-content-info-subtle: #75716a; --okd-color-content-warning-default: #965900; --okd-color-content-warning-subtle: #fff1db; --okd-color-content-success-default: #276547; --okd-color-content-success-subtle: #e6efeb; --okd-color-content-danger-default: #9f3928; --okd-color-content-danger-subtle: #f6e9e8; --okd-color-content-illustration-default: #2a2318; --okd-color-content-dataviz-categorical-1: #c9a876; --okd-color-content-dataviz-categorical-2: #0b5bcb; --okd-color-content-dataviz-categorical-3: #e28400; --okd-color-content-dataviz-categorical-4: #dbb01d; --okd-color-content-dataviz-categorical-5: #a352ef; --okd-color-content-dataviz-categorical-6: #615c54; --okd-color-content-dataviz-categorical-7: #837f79; --okd-color-content-dataviz-categorical-8: #aba8a4; --okd-color-content-illustration-inverse: #fff; --okd-color-content-illustration-experience: #2a2318; --okd-color-content-illustration-highlight: #c9a876; --okd-color-global-alpha-matching-5: hsla(0,0%,100%,.05); --okd-color-global-alpha-matching-10: hsla(0,0%,100%,.1); --okd-color-global-alpha-matching-20: hsla(0,0%,100%,.2); --okd-color-global-alpha-matching-30: hsla(0,0%,100%,.3); --okd-color-global-alpha-matching-40: hsla(0,0%,100%,.4); --okd-color-global-alpha-matching-50: hsla(0,0%,100%,.5); --okd-color-global-alpha-matching-60: hsla(0,0%,100%,.6); --okd-color-global-alpha-matching-70: hsla(0,0%,100%,.7); --okd-color-global-alpha-matching-80: hsla(0,0%,100%,.8); --okd-color-global-alpha-matching-90: hsla(0,0%,100%,.9); --okd-color-global-alpha-inverse-5: rgba(0,0,0,.03); --okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha); --okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha); --okd-color-global-alpha-feature-1: rgba(43,109,23,.16); --okd-color-global-alpha-inverse-10: rgba(0,0,0,.06); --okd-color-global-alpha-inverse-20: rgba(0,0,0,.14); --okd-color-global-alpha-inverse-30: rgba(0,0,0,.22); --okd-color-global-alpha-inverse-40: rgba(0,0,0,.32); --okd-color-global-alpha-inverse-50: rgba(0,0,0,.44); --okd-color-global-alpha-inverse-60: rgba(0,0,0,.57); --okd-color-global-alpha-inverse-70: #524c43; --okd-color-global-alpha-inverse-80: #423c32; --okd-color-global-alpha-inverse-90: rgba(0,0,0,.9); --okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default); --okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered); --okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed); --okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint); --okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default); --okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered); --okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed); --okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint); --okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default); --okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered); --okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed); --okd-color-surface-interactive-feature-default: #c9a876; --okd-color-surface-interactive-experience-default: #c9a876; --okd-color-surface-interactive-experience-hovered: #a67f4a; --okd-color-surface-interactive-experience-pressed: #8f7548; --okd-color-surface-interactive-feature-hovered: #a67f4a; --okd-color-surface-interactive-feature-pressed: #8f7548; --okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph); --okd-color-surface-structural-feature: #c9a876; --okd-color-surface-structural-experience: #c9a876; --okd-color-border-interactive-feature-default: #a67f4a; --okd-color-border-interactive-feature-hovered: #8f7548; --okd-color-border-interactive-feature-pressed: #635132; --okd-color-border-static-feature: #a67f4a; --okd-color-content-static-subtler: #837f79; --okd-color-content-static-feature: #a67f4a; --okd-color-content-static-experience: #2a2318; --okd-color-content-pnl-profit-default: var(--global-color-profit-default); --okd-color-content-illustration-feature: #c9a876; --okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor); --okd-color-content-pnl-loss-default: var(--global-color-loss-default); --okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor); --okd-color-content-pnl-neutral-default: var(--global-color-neutral-default); --okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor); --okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph); --okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph); --okd-color-border-interactive-experience-default: #2a2318; --okd-color-border-interactive-experience-hovered: #423c32; --okd-color-border-interactive-experience-pressed: #524c43; --okd-color-content-interactive-feature-default: #8f7548; --okd-color-content-interactive-feature-hovered: #635132; --okd-color-content-interactive-feature-pressed: #635132; --okd-color-content-interactive-experience-default: #2a2318; --okd-color-content-interactive-experience-alternative: #fff; --okd-color-content-interactive-experience-accent: #d9be93; --okd-color-content-interactive-experience-hovered: #423c32; --okd-color-content-interactive-experience-pressed: #524c43; --okd-color-content-interactive-experience-inverse: #fff; --okd-color-content-interactive-feature-inverse-default: #f6eedf; --okd-color-content-interactive-feature-inverse-hovered: #efe1c8; --okd-color-content-interactive-feature-inverse-pressed: #e8d4b0; --okd-color-surface-interactive-feature-inverse-default: rgba(0,0,0,.06); --okd-color-surface-interactive-feature-inverse-hovered: rgba(0,0,0,.09); --okd-color-surface-interactive-feature-inverse-pressed: rgba(0,0,0,.14); --okd-color-border-pnl-loss-default: var(--global-color-loss-default); --okd-color-border-pnl-loss-graph: var(--global-color-loss-graph); --okd-color-border-pnl-profit-default: var(--global-color-profit-default); --okd-color-border-pnl-profit-graph: var(--global-color-profit-graph); --okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph); --okd-color-content-static-notification: #d46e5d; --okd-color-surface-interactive-unselected-default: rgba(0,0,0,.32); --okd-color-surface-structural-elevated-layer-1: #fff; --okd-color-surface-interactive-destructive-default: #c8452f; --okd-color-surface-interactive-destructive-hovered: #c8452f; --okd-color-surface-interactive-destructive-pressed: #9f3928; --okd-color-surface-structural-web-only-base: #f3f1ed; --okd-color-surface-structural-web-only-layer-1: #fff; --okd-color-global-fixed-shadow: rgba(0,0,0,.16); --okd-color-surface-interactive-destructive-subtle-default: #f6e9e8; --okd-color-surface-interactive-destructive-subtle-hovered: #efc7c1; --okd-color-surface-interactive-destructive-subtle-pressed: #e19b8f; --okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2); --okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new); --okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis); --okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new); --okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis); --okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default); --okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor); --okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default); --okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor); --okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max); --okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min); --okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max); --okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min); --okd-color-border-interactive-drop: #4c93f0; --okd-color-content-interactive-drop: #277ae7; --okd-color-surface-interactive-drop: #e3eff2; --okd-color-xxxxxsm-2px: 2; --okd-color-xxxxsm-4px: 4; --okd-color-xxxsm-8px: 8; --okd-color-xxsm-12px: 12; --okd-color-xsm-16px: 16; --okd-color-sm-24px: 24; --okd-color-md-32px: 32; --okd-color-lg-48px: 48; --okd-color-xlg-64px: 64; --okd-color-xxlg-72px: 72; --okd-color-xxxlg-96px: 96; --okd-color-xxxxlg-128px: 128; --okd-color-xxxxxlg-256px: 256; --okd-color-border-radius-none: 0; --okd-color-border-radius-sm: 4; --okd-color-border-radius-md: 8; --okd-color-border-radius-lg: 16; --okd-color-border-radius-xl: 24; --okd-color-border-radius-full-999px: 999; --okd-color-default: 24; --okd-color-compact: 16; --okd-color-none: 0; --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 { --okd-color-gray-050: #000; --okd-color-gray-100: #2e2e2e; --okd-color-gray-200: #404040; --okd-color-gray-300: #6c6c6c; --okd-color-gray-400: #909090; --okd-color-gray-500: #b0b0b0; --okd-color-gray-600: #ccc; --okd-color-gray-700: #e3e3e3; --okd-color-gray-800: #f0f0f0; --okd-color-gray-900: #fafafa; --okd-color-blue-050: #051738; --okd-color-blue-100: #082356; --okd-color-blue-200: #0c3178; --okd-color-blue-300: #0f3c94; --okd-color-blue-400: #1148b0; --okd-color-blue-500: #1453cc; --okd-color-blue-600: #175fe8; --okd-color-blue-700: #1e6bff; --okd-color-blue-800: #3077ff; --okd-color-blue-900: #4283ff; --okd-color-green-050: #002b1f; --okd-color-green-100: #062b12; --okd-color-green-200: #0c5625; --okd-color-green-300: #138037; --okd-color-green-400: #19ab4a; --okd-color-green-500: #25a750; --okd-color-green-600: #4cde7d; --okd-color-green-700: #79e69d; --okd-color-green-800: #a5efbe; --okd-color-green-900: #d2f7de; --okd-color-red-050: #270b12; --okd-color-red-100: #300e17; --okd-color-red-200: #601d2e; --okd-color-red-300: #902b44; --okd-color-red-400: #c03a5b; --okd-color-red-500: #f04872; --okd-color-red-600: #f76489; --okd-color-red-700: #f994ae; --okd-color-red-800: #f9b6c7; --okd-color-red-900: #fff8f9; --okd-color-orange-050: #361604; --okd-color-orange-100: #532206; --okd-color-orange-200: #743008; --okd-color-orange-300: #8f3b0a; --okd-color-orange-400: #aa460c; --okd-color-orange-500: #c5510e; --okd-color-orange-600: #e15c0f; --okd-color-orange-700: #f76816; --okd-color-orange-800: #f87428; --okd-color-orange-900: #fa8c4d; --okd-color-yellow-050: #2d2104; --okd-color-yellow-100: #493603; --okd-color-yellow-200: #674b04; --okd-color-yellow-300: #7f5d05; --okd-color-yellow-400: #966e06; --okd-color-yellow-500: #ae8007; --okd-color-yellow-600: #c69208; --okd-color-yellow-700: #dba20e; --okd-color-yellow-800: #dea921; --okd-color-yellow-900: #e0b134; --okd-color-text-white: #fff; --okd-color-text-black: #1f2933; --okd-color-background-1: #121212; --okd-color-background-2: #1a1a1a; --okd-color-transparent: transparent; --okd-color-white: #fff; --okd-color-black: #000; --okd-color-line-muted: #2e2e2e; --okd-color-line-amplifed: #6c6c6c; --okd-color-line-secondary: #404040; --okd-color-text-lighter: #6c6c6c; --okd-color-text-light: #909090; --okd-color-text-secondary: #e3e3e3; --okd-color-text-amplifed: #fafafa; --okd-color-background-3: #242424; --okd-color-fq-blue-lv1: #3077ff; --okd-color-fq-blue-lv2: #1e6bff; --okd-color-fq-green-lv1: #1fd65c; --okd-color-fq-red-lv1: #f04872; --okd-color-fq-orange-lv1: #f76816; --okd-color-prefer-red-chart: #f04872; --okd-color-prefer-red-bg: #ca3f64; --okd-color-prefer-green-chart: #1fd65c; --okd-color-prefer-green-bg: #25a750; --okd-color-prefer-red-text: #ca3f64; --okd-color-prefer-green-text: #25a750; --okd-color-branded-primary: #bcff2f; --okd-color-fq-critical: #f04872; --okd-color-fq-positive: #25a750; --okd-color-fq-warning: #f76816; --okd-color-fq-accent: #1e6bff; --okd-color-fq-neutral: #fafafa; --okd-color-prefer-neutral-bg: #909090; --okd-color-prefer-neutral-text: #909090; --okd-color-white-opacity-5: #fff; --okd-color-white-opacity-10: hsla(0,0%,100%,.94); --okd-color-white-opacity-20: hsla(0,0%,100%,.88); --okd-color-white-opacity-30: hsla(0,0%,100%,.78); --okd-color-white-opacity-40: hsla(0,0%,100%,.76); --okd-color-white-opacity-50: hsla(0,0%,100%,.54); --okd-color-white-opacity-60: hsla(0,0%,100%,.36); --okd-color-white-opacity-70: hsla(0,0%,100%,.19); --okd-color-white-opacity-80: hsla(0,0%,100%,.12); --okd-color-white-opacity-90: hsla(0,0%,100%,.06); --okd-color-black-opacity-5: #000; --okd-color-black-opacity-10: rgba(0,0,0,.9); --okd-color-black-opacity-20: rgba(0,0,0,.76); --okd-color-black-opacity-30: rgba(0,0,0,.68); --okd-color-black-opacity-40: rgba(0,0,0,.57); --okd-color-black-opacity-50: rgba(0,0,0,.43); --okd-color-black-opacity-60: rgba(0,0,0,.26); --okd-color-black-opacity-70: rgba(0,0,0,.14); --okd-color-black-opacity-80: rgba(0,9,3,.08); --okd-color-black-opacity-90: rgba(0,0,0,.04); --okd-color-neutral-5: #fff; --okd-color-neutral-140: #4d4d4d; --okd-color-neutral-150: #414141; --okd-color-neutral-160: #383838; --okd-color-neutral-170: #272727; --okd-color-neutral-180: #1d1d1d; --okd-color-neutral-190: #0e0e0e; --okd-color-neutral-200: #000; --okd-color-tangerine-5: #ffedcb; --okd-color-tangerine-10: #ffd37d; --okd-color-tangerine-30: #ffb117; --okd-color-tangerine-40: #db8f00; --okd-color-tangerine-50: #a06900; --okd-color-tangerine-60: #664300; --okd-color-lemon-5: #ffdc4; --okd-color-lemon-10: #fffa7a; --okd-color-lemon-20: #fff500; --okd-color-lemon-30: #e5dd00; --okd-color-lemon-40: #b2ab00; --okd-color-lemon-50: #797400; --okd-color-lemon-60: #5c5800; --okd-color-tangerine-20: #ffc452; --okd-color-neonlime-5: #e6ffb0; --okd-color-neonlime-10: #d5ff7d; --okd-color-neonlime-20: #bcff2f; --okd-color-neonlime-30: #9fe212; --okd-color-neonlime-40: #8ec51d; --okd-color-neonlime-50: #568000; --okd-color-neonlime-60: #3d5c00; --okd-color-neonmint-5: #cbffe0; --okd-color-neonmint-10: #7dffb1; --okd-color-neonmint-20: #24ff7b; --okd-color-neonmint-30: #12e366; --okd-color-neonmint-40: #00bc4b; --okd-color-neonmint-50: #008535; --okd-color-neonmint-60: #005c25; --okd-color-bluebell-5: #e6eaff; --okd-color-bluebell-10: #b8bfff; --okd-color-bluebell-20: #8a91ff; --okd-color-bluebell-30: #5f62ff; --okd-color-bluebell-40: #5043ff; --okd-color-bluebell-50: #4c2fff; --okd-color-bluebell-60: #1d00d4; --okd-color-lavender-5: #f2e8ff; --okd-color-lavender-10: #dbbfff; --okd-color-lavender-20: #c496ff; --okd-color-lavender-30: #ac6cff; --okd-color-lavender-40: #9543ff; --okd-color-lavender-50: #7e1aff; --okd-color-lavender-60: #5600c5; --okd-color-orchid-5: #fee7ea; --okd-color-orchid-10: #ffc1c9; --okd-color-orchid-20: #ffa8b3; --okd-color-orchid-30: #ff7888; --okd-color-orchid-40: #f5384f; --okd-color-orchid-50: #cd2438; --okd-color-orchid-60: #9a1b2a; --okd-color-semantic-positive-1: #25a750; --okd-color-semantic-negative-1: #ca3f64; --okd-color-background-lv1: #121212; --okd-color-background-lv2: #1a1a1a; --okd-color-transparent-base-black: transparent; --okd-color-transparent-base-white: transparent; --okd-color-alert-base-info: #2e2e2e; --okd-color-alert-base-success: #002b1f; --okd-color-alert-base-warning: #361604; --okd-color-alert-base-error: #270b12; --okd-color-basil-5: #e9f4d1; --okd-color-basil-10: #d2e8a4; --okd-color-basil-20: #81be00; --okd-color-basil-30: #49a92d; --okd-color-basil-40: #2b6d17; --okd-color-basil-50: #1a410e; --okd-color-basil-60: #1a2600; --okd-color-rose-5: #ffdfe9; --okd-color-rose-10: #ffc0d3; --okd-color-rose-20: #ff5eb6; --okd-color-rose-30: #fc46ab; --okd-color-rose-40: #a54162; --okd-color-rose-50: #532131; --okd-color-rose-60: #2a111f; --okd-color-neutral-15: #f6f6f6; --okd-color-neutral-185: #121212; --okd-color-background-base-primary: #000; --okd-color-background-base-secondary: #121212; --okd-color-background-surface-primary: #1d1d1d; --okd-color-background-surface-secondary: #121212; --okd-color-background-surface-pressed: #383838; --okd-color-background-surface-disable: #0e0e0e; --okd-color-background-scrim: rgba(0,0,0,.68); --okd-color-container-primary: #272727; --okd-color-container-secondary: #272727; --okd-color-container-tertiary: #383838; --okd-color-container-contrast: #414141; --okd-color-container-inverse: #fafafa; --okd-color-content-primary: #fff; --okd-color-content-secondary: #e6e6e6; --okd-color-content-tertiary: #b3b3b3; --okd-color-content-contrast: #909090; --okd-color-content-disabled: #5b5b5b; --okd-color-content-inverse: #000; --okd-color-border-primary: #383838; --okd-color-border-secondary: #4d4d4d; --okd-color-border-contrast: #000; --okd-color-border-selected: #fff; --okd-color-semantic-neutral: #fff; --okd-color-semantic-notice: #ffb117; --okd-color-semantic-positive: #25a750; --okd-color-semantic-negative: #ca3f64; --okd-color-semantic-informative: #8a91ff; --okd-color-semantic-highlight: #bcff2f; --okd-color-dvp-neutral: hsla(0,0%,100%,.76); --okd-color-dvp-profit: #25a750; --okd-color-dvp-loss: #ca3f64; --okd-color-categorical-01: #5f62ff; --okd-color-categorical-02: #ffb117; --okd-color-categorical-03: #bcff2f; --okd-color-categorical-04: #00bc4b; --okd-color-categorical-05: #f5384f; --okd-color-transparent-white: transparent; --okd-color-transparent-black: hsla(0,0%,100%,.02); --okd-color-common-transparent: hsla(0,0%,100%,0); --okd-color-container-lv2: #1a1a1a; --okd-color-alert-info: #2e2e2e; --okd-color-alert-success: #002b1f; --okd-color-alert-warning: #361604; --okd-color-alert-error: #270b12; --okd-color-common-background-2: #383838; --okd-color-data-visualization-category-01: #5f62ff; --okd-color-data-visualization-category-02: #ffb117; --okd-color-data-visualization-category-03: #bcff2f; --okd-color-data-visualization-category-04: #00bc4b; --okd-color-data-visualization-category-05: #f5384f; --okd-color-preference-loss: #ca3f64; --okd-color-preference-profit: #25a750; --okd-color-preference-neutral: hsla(0,0%,100%,.76); --okd-color-border-focus: #fff; --okd-color-background-base-primary_alternative: #000; --okd-color-link-content: #8a91ff; --okd-color-link-accent-content-primary: #bcff2f; --okd-color-link-accent-content-disabled: #3d5c00; --okd-color-link-accent-surface-pressed: #1a410e; --okd-color-background-surface-contrast: #272727; --okd-color-background-surface-brand: #bcff2f; --okd-color-border-tertiary: #0e0e0e; --okd-color-content-brand: #bcff2f; --okd-color-modal-primary: #0e0e0e; --okd-color-modal-secondary: #272727; --okd-color-modal-tertiary: #383838; --okd-color-modal-contrast: #4d4d4d; --okd-color-card-primary: #0e0e0e; --okd-color-card-secondary: #121212; --okd-color-btnsecfade-default: #1d1d1d; --okd-color-btnsecfade-disable: #1d1d1d; --okd-color-btnsecfade-hover: #272727; --okd-color-brand-primary: #121212; --okd-color-brand-primary-alternative: #bcff2f; --okd-color-brand-secondary: #272727; --okd-color-brand-tertiary: #383838; --okd-color-brand-content: #e6ffb0; --okd-color-brand-content-contrast: #000; --okd-color-global-fixed-always-dark: #000; --okd-color-global-fixed-always-light: #fff; --okd-color-surface-structural-subbase: #1e1c17; --okd-color-surface-info-default: #aba8a4; --okd-color-surface-info-subtle: #423c32; --okd-color-surface-warning-default: #db8a00; --okd-color-surface-warning-subtle: #5e3700; --okd-color-surface-success-default: #5c9a7c; --okd-color-surface-success-subtle: #1b3a2b; --okd-color-surface-danger-default: #c8452f; --okd-color-surface-danger-subtle: #58241b; --okd-color-surface-interactive-default: hsla(0,0%,100%,.1); --okd-color-surface-interactive-hovered: hsla(0,0%,100%,.16); --okd-color-surface-interactive-pressed: hsla(0,0%,100%,.22); --okd-color-surface-interactive-disabled: hsla(0,0%,100%,.08); --okd-color-surface-interactive-oncolor-default: hsla(0,0%,100%,.22); --okd-color-surface-interactive-oncolor-hovered: hsla(0,0%,100%,.16); --okd-color-surface-interactive-oncolor-pressed: hsla(0,0%,100%,.13); --okd-color-surface-interactive-emphasis-default: #d9be93; --okd-color-surface-interactive-emphasis-hovered: #c9a876; --okd-color-surface-interactive-emphasis-pressed: #a67f4a; --okd-color-surface-interactive-emphasis-disabled: hsla(0,0%,100%,.08); --okd-color-surface-interactive-selected-default: #d9be93; --okd-color-surface-interactive-selected-subtle: hsla(0,0%,100%,.13); --okd-color-surface-interactive-selected-oncolor: hsla(0,0%,100%,.13); --okd-color-surface-structural-base: #1e1c17; --okd-color-surface-structural-layer-1: #2e2c26; --okd-color-surface-structural-layer-2: #2e2c26; --okd-color-surface-structural-layer-3: #413f38; --okd-color-surface-structural-highlight: #d9be93; --okd-color-surface-structural-inverse: #f0f0ef; --okd-color-surface-structural-elevated-default: #1e1c17; --okd-color-surface-structural-elevated-contrast: #1e1c17; --okd-color-surface-structural-overlay: rgba(0,0,0,.6); --okd-color-border-static-default: hsla(0,0%,100%,.22); --okd-color-border-static-subtle: hsla(0,0%,100%,.13); --okd-color-border-static-dotted: hsla(0,0%,100%,.4); --okd-color-border-interactive-default: hsla(0,0%,100%,.4); --okd-color-border-interactive-hovered: #dededc; --okd-color-border-interactive-pressed: #f0f0ef; --okd-color-border-interactive-focused: #f0f0ef; --okd-color-border-interactive-selected: #f0f0ef; --okd-color-border-interactive-error: #e19b8f; --okd-color-border-interactive-emphasis: #d2d1cf; --okd-color-border-interactive-oncolor: #2e2c26; --okd-color-border-static-emphasis: #d2d1cf; --okd-color-border-static-experience: #f0f0ef; --okd-color-border-static-highlight: #e8d4b0; --okd-color-border-static-overlay: hsla(0,0%,100%,.1); --okd-color-border-interactive-disabled: hsla(0,0%,100%,.22); --okd-color-border-info-default: #81b9c6; --okd-color-border-info-subtle: #136578; --okd-color-border-warning-default: #ffc880; --okd-color-border-warning-subtle: #5e3700; --okd-color-border-success-default: #8eb9a4; --okd-color-border-success-subtle: #1b3a2b; --okd-color-border-danger-default: #e19b8f; --okd-color-border-danger-subtle: #58241b; --okd-color-content-static-default: #f0f0ef; --okd-color-content-interactive-default: #d2d1cf; --okd-color-content-interactive-subtle: #97948e; --okd-color-content-interactive-hovered: #e8e8e6; --okd-color-content-static-subtle: #aba8a4; --okd-color-content-interactive-pressed: #f0f0ef; --okd-color-content-static-inverse: #2a2318; --okd-color-content-static-highlight: #efe1c8; --okd-color-content-static-placeholder: hsla(0,0%,100%,.4); --okd-color-content-interactive-active: #f0f0ef; --okd-color-content-interactive-selected: #f0f0ef; --okd-color-content-interactive-error: #e19b8f; --okd-color-content-interactive-disabled: hsla(0,0%,100%,.3); --okd-color-content-info-default: #e8e8e6; --okd-color-content-info-subtle: #97948e; --okd-color-content-warning-default: #ffc880; --okd-color-content-warning-subtle: #5e3700; --okd-color-content-success-default: #8eb9a4; --okd-color-content-success-subtle: #1b3a2b; --okd-color-content-danger-default: #e19b8f; --okd-color-content-danger-subtle: #58241b; --okd-color-content-illustration-default: #f0f0ef; --okd-color-content-dataviz-categorical-1: #d9be93; --okd-color-content-dataviz-categorical-2: #277ae7; --okd-color-content-dataviz-categorical-3: #ffb729; --okd-color-content-dataviz-categorical-4: #edc746; --okd-color-content-dataviz-categorical-5: #a352ef; --okd-color-content-dataviz-categorical-6: #aba8a4; --okd-color-content-dataviz-categorical-7: #837f79; --okd-color-content-dataviz-categorical-8: #615c54; --okd-color-content-illustration-inverse: #2e2c26; --okd-color-content-illustration-experience: #f0f0ef; --okd-color-content-illustration-highlight: #d9be93; --okd-color-global-alpha-matching-5: rgba(0,0,0,.05); --okd-color-global-alpha-matching-10: rgba(0,0,0,.1); --okd-color-global-alpha-matching-20: rgba(0,0,0,.2); --okd-color-global-alpha-matching-30: rgba(0,0,0,.3); --okd-color-global-alpha-matching-40: rgba(0,0,0,.4); --okd-color-global-alpha-matching-50: rgba(0,0,0,.5); --okd-color-global-alpha-matching-60: rgba(0,0,0,.6); --okd-color-global-alpha-matching-70: rgba(0,0,0,.7); --okd-color-global-alpha-matching-80: rgba(0,0,0,.8); --okd-color-global-alpha-matching-90: rgba(0,0,0,.9); --okd-color-global-alpha-inverse-5: hsla(0,0%,100%,.08); --okd-color-global-alpha-pnl-profit: var(--global-color-profit-alpha); --okd-color-global-alpha-pnl-loss: var(--global-color-loss-alpha); --okd-color-global-alpha-feature-1: rgba(188,255,47,.16); --okd-color-global-alpha-inverse-10: hsla(0,0%,100%,.13); --okd-color-global-alpha-inverse-20: hsla(0,0%,100%,.22); --okd-color-global-alpha-inverse-30: hsla(0,0%,100%,.3); --okd-color-global-alpha-inverse-40: hsla(0,0%,100%,.4); --okd-color-global-alpha-inverse-50: hsla(0,0%,100%,.5); --okd-color-global-alpha-inverse-60: hsla(0,0%,100%,.6); --okd-color-global-alpha-inverse-70: #d2d1cf; --okd-color-global-alpha-inverse-80: #dededc; --okd-color-global-alpha-inverse-90: hsla(0,0%,100%,.9); --okd-color-surface-pnl-profit-default: var(--global-color-profit-surface-default); --okd-color-surface-pnl-profit-hovered: var(--global-color-profit-surface-hovered); --okd-color-surface-pnl-profit-pressed: var(--global-color-profit-surface-pressed); --okd-color-surface-pnl-profit-tint: var(--global-color-profit-tint); --okd-color-surface-pnl-loss-default: var(--global-color-loss-surface-default); --okd-color-surface-pnl-loss-hovered: var(--global-color-loss-surface-hovered); --okd-color-surface-pnl-loss-pressed: var(--global-color-loss-surface-pressed); --okd-color-surface-pnl-loss-tint: var(--global-color-loss-tint); --okd-color-surface-pnl-neutral-default: var(--global-color-neutral-surface-default); --okd-color-surface-pnl-neutral-hovered: var(--global-color-neutral-surface-hovered); --okd-color-surface-pnl-neutral-pressed: var(--global-color-neutral-surface-pressed); --okd-color-surface-interactive-feature-default: #d9be93; --okd-color-surface-interactive-experience-default: #d9be93; --okd-color-surface-interactive-experience-hovered: #e8d4b0; --okd-color-surface-interactive-experience-pressed: #efe1c8; --okd-color-surface-interactive-feature-hovered: #e8d4b0; --okd-color-surface-interactive-feature-pressed: #efe1c8; --okd-color-surface-pnl-loss-graph: var(--global-color-loss-graph); --okd-color-surface-structural-feature: #d9be93; --okd-color-surface-structural-experience: #d9be93; --okd-color-border-interactive-feature-default: #e8d4b0; --okd-color-border-interactive-feature-hovered: #efe1c8; --okd-color-border-interactive-feature-pressed: #f6eedf; --okd-color-border-static-feature: #e8d4b0; --okd-color-content-static-subtler: #837f79; --okd-color-content-static-feature: #e8d4b0; --okd-color-content-static-experience: #f0f0ef; --okd-color-content-pnl-profit-default: var(--global-color-profit-default); --okd-color-content-illustration-feature: #d9be93; --okd-color-content-pnl-profit-oncolor: var(--global-color-profit-oncolor); --okd-color-content-pnl-loss-default: var(--global-color-loss-default); --okd-color-content-pnl-loss-oncolor: var(--global-color-loss-oncolor); --okd-color-content-pnl-neutral-default: var(--global-color-neutral-default); --okd-color-content-pnl-neutral-oncolor: var(--global-color-neutral-oncolor); --okd-color-surface-pnl-profit-graph: var(--global-color-profit-graph); --okd-color-surface-pnl-neutral-graph: var(--global-color-neutral-graph); --okd-color-border-interactive-experience-default: #f0f0ef; --okd-color-border-interactive-experience-hovered: #dededc; --okd-color-border-interactive-experience-pressed: #d2d1cf; --okd-color-content-interactive-feature-default: #efe1c8; --okd-color-content-interactive-feature-hovered: #f6eedf; --okd-color-content-interactive-feature-pressed: #f6eedf; --okd-color-content-interactive-experience-default: #f0f0ef; --okd-color-content-interactive-experience-alternative: #2e2c26; --okd-color-content-interactive-experience-accent: #c9a876; --okd-color-content-interactive-experience-hovered: #dededc; --okd-color-content-interactive-experience-pressed: #d2d1cf; --okd-color-content-interactive-experience-inverse: #2e2c26; --okd-color-content-interactive-feature-inverse-default: #635132; --okd-color-content-interactive-feature-inverse-hovered: #8f7548; --okd-color-content-interactive-feature-inverse-pressed: #a67f4a; --okd-color-surface-interactive-feature-inverse-default: hsla(0,0%,100%,.13); --okd-color-surface-interactive-feature-inverse-hovered: hsla(0,0%,100%,.16); --okd-color-surface-interactive-feature-inverse-pressed: hsla(0,0%,100%,.22); --okd-color-border-pnl-loss-default: var(--global-color-loss-default); --okd-color-border-pnl-loss-graph: var(--global-color-loss-graph); --okd-color-border-pnl-profit-default: var(--global-color-profit-default); --okd-color-border-pnl-profit-graph: var(--global-color-profit-graph); --okd-color-border-pnl-neutral-graph: var(--global-color-neutral-graph); --okd-color-content-static-notification: #c8452f; --okd-color-surface-interactive-unselected-default: hsla(0,0%,100%,.4); --okd-color-surface-structural-elevated-layer-1: #2e2c26; --okd-color-surface-interactive-destructive-default: #c8452f; --okd-color-surface-interactive-destructive-hovered: #c8452f; --okd-color-surface-interactive-destructive-pressed: #9f3928; --okd-color-surface-structural-web-only-base: #1e1c17; --okd-color-surface-structural-web-only-layer-1: #2e2c26; --okd-color-global-fixed-shadow: rgba(0,0,0,.16); --okd-color-surface-interactive-destructive-subtle-default: #58241b; --okd-color-surface-interactive-destructive-subtle-hovered: #7a2e21; --okd-color-surface-interactive-destructive-subtle-pressed: #9f3928; --okd-color-global-fixed-always-light-20: hsla(0,0%,100%,.2); --okd-color-surface-pnl-profit-default-new: var(--global-color-profit-surface-default-new); --okd-color-surface-pnl-profit-emphasis: var(--global-color-profit-surface-emphasis); --okd-color-surface-pnl-loss-default-new: var(--global-color-loss-surface-default-new); --okd-color-surface-pnl-loss-emphasis: var(--global-color-loss-surface-emphasis); --okd-color-content-pnl-profit-oncolor-default: var(--global-color-profit-default); --okd-color-content-pnl-profit-oncolor-emphasis: var(--global-color-profit-oncolor); --okd-color-content-pnl-loss-oncolor-default: var(--global-color-loss-default); --okd-color-content-pnl-loss-oncolor-emphasis: var(--global-color-loss-oncolor); --okd-color-surface-pnl-profit-gradient-max: var(--global-color-profit-gradient-max); --okd-color-surface-pnl-profit-gradient-min: var(--global-color-profit-gradient-min); --okd-color-surface-pnl-loss-gradient-max: var(--global-color-loss-gradient-max); --okd-color-surface-pnl-loss-gradient-min: var(--global-color-loss-gradient-min); --okd-color-border-interactive-drop: #114097; --okd-color-content-interactive-drop: #0b5bcb; --okd-color-surface-interactive-drop: #113a44; --okd-color-xxxxxsm-2px: 2; --okd-color-xxxxsm-4px: 4; --okd-color-xxxsm-8px: 8; --okd-color-xxsm-12px: 12; --okd-color-xsm-16px: 16; --okd-color-sm-24px: 24; --okd-color-md-32px: 32; --okd-color-lg-48px: 48; --okd-color-xlg-64px: 64; --okd-color-xxlg-72px: 72; --okd-color-xxxlg-96px: 96; --okd-color-xxxxlg-128px: 128; --okd-color-xxxxxlg-256px: 256; --okd-color-border-radius-none: 0; --okd-color-border-radius-sm: 4; --okd-color-border-radius-md: 8; --okd-color-border-radius-lg: 16; --okd-color-border-radius-xl: 24; --okd-color-border-radius-full-999px: 999; --okd-color-default: 24; --okd-color-compact: 16; --okd-color-none: 0; --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; }
.okui-a11y-button:focus-visible { border-radius: 4px; outline-color: var(--okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.okui-icon.icon { font-family: var(--ok-icon-font-family) !important; }
.modularzation-page .deposit-guide { align-items: center; display: flex; }
.modularzation-page .deposit-guide .common-btn, .modularzation-page .deposit-guide .outline-btn { display: flex; justify-content: center; }
@media (max-width: 767px) {
  .modularzation-page .deposit-guide { display: block; margin: auto; width: fit-content; }
  .modularzation-page .deposit-guide .outline-btn { margin-left: 0px; margin-top: 24px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .modularzation-page .deposit-guide { display: block; width: fit-content; }
  .modularzation-page .deposit-guide .outline-btn { margin-left: 0px; margin-top: 16px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .modularzation-page .deposit-guide { display: block; width: fit-content; }
  .modularzation-page .deposit-guide .outline-btn { margin-left: 0px; margin-top: 16px; }
}
.hero-section .offshore-kyc-guide { align-items: center; display: flex; }
.hero-section .offshore-kyc-guide .common-button, .hero-section .offshore-kyc-guide .outline-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 16px; font-weight: 500; padding: 14px 24px; }
.hero-section .offshore-kyc-guide .download-btn { margin-bottom: 0px; margin-left: 16px; }
@media (max-width: 1024px) {
  .hero-section .offshore-kyc-guide { display: block; }
  .hero-section .offshore-kyc-guide .outline-btn { margin-left: 0px; margin-top: 16px; width: fit-content; }
}
.modularzation-page .hero-section .deposit-guide { align-items: center; display: flex; }
.modularzation-page .hero-section .deposit-guide .common-btn, .modularzation-page .hero-section .deposit-guide .outline-btn { display: flex; justify-content: center; }
@media (max-width: 767px) {
  .modularzation-page .hero-section .deposit-guide { display: block; margin: auto; width: fit-content; }
  .modularzation-page .hero-section .deposit-guide .outline-btn { margin-left: 0px; margin-top: 24px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .modularzation-page .hero-section .deposit-guide { display: block; width: fit-content; }
  .modularzation-page .hero-section .deposit-guide .outline-btn { margin-left: 0px; margin-top: 16px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .modularzation-page .hero-section .deposit-guide { display: block; width: fit-content; }
  .modularzation-page .hero-section .deposit-guide .outline-btn { margin-left: 0px; margin-top: 16px; }
}
.hero-section { position: relative; }
.hero-section .partner-bar { align-items: center; color: rgb(255, 255, 255); display: none; justify-content: space-between; }
.hero-section .partner-bar .partner-item img { width: 100%; }
.hero-section .guide-banner .common-title { text-align: left; }
.hero-section .guide-banner .guide-container { min-height: 166px; overflow: hidden; }
@media (min-width: 1024px) {
  .hero-section .guide-banner .guide-container { min-height: 171px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-section .guide-banner .guide-container { min-height: 167px; }
}
.hero-section .guide-banner .guide-container.offshore-guide-container { margin-top: 40px; overflow: visible; }
.hero-section .guide-banner .guide-container.offshore-guide-container .guide-box { margin-top: 0px; }
.hero-section .guide-banner .guide-container.offshore-guide-container .deposit-guide .deposit-guide-button .common-button { font-size: 16px; font-weight: 500; margin-bottom: 16px; margin-right: 16px; padding: 14px 24px; }
.hero-section .guide-banner .guide-container.offshore-guide-container .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 16px; }
@media (max-width: 767px) {
  .hero-section .guide-banner .guide-container.offshore-guide-container .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 0px; }
}
.hero-section .guide-banner .guide-container.offshore-guide-container .deposit-guide .deposit-guide-button .common-button:nth-child(2) { margin-right: 0px; }
.hero-section .guide-banner .guide-container.offshore-guide-container .deposit-guide .outline-btn { font-size: 16px; font-weight: 500; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 14px 24px; }
.hero-section .guide-banner .guide-box { margin-top: 40px; }
@media (max-width: 767px) {
  .hero-section .guide-banner .guide-box { text-align: center; }
}
.hero-section .guide-banner .deposit-guide .deposit-guide-button .common-button { margin-bottom: 20px; }
.hero-section .guide-banner .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 30px; }
.hero-section .first-container { position: relative; }
.hero-section .outline-btn { border: 1.5px solid rgb(250, 250, 250); border-radius: 60px; box-sizing: border-box; color: rgb(250, 250, 250); cursor: pointer; display: flex; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; padding: 20.5px 24px; position: relative; text-align: center; }
@media (min-width: 1270px) {
  .hero-section .outline-btn:not(.download-btn) { margin-left: 24px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .hero-section .outline-btn:not(.download-btn) { margin-left: 24px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-section .outline-btn { font-size: 16px; padding: 14px 20px; }
}
@media (max-width: 767px) {
  .hero-section .outline-btn { font-size: 16px; margin-left: 16px; padding: 14px 20px; }
}
@media (min-width: 1860px) {
  .hero-section .banner-container .left-banner .partner-bar { width: 85%; }
  .hero-section .banner-container .left-banner .partner-bar .partner-item:first-child { width: 136px; }
  .hero-section .banner-container .left-banner .partner-bar .partner-item:nth-child(2) { width: 200px; }
  .hero-section .banner-container .left-banner .partner-bar .partner-item:nth-child(3) { width: 88px; }
}
@media (min-width: 1270px) {
  .hero-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .hero-section .banner-container { display: flex; }
  .hero-section .banner-content { min-height: 306px; }
  .hero-section .left-banner { margin-left: 25%; width: 40.6667%; }
  .hero-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .hero-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .hero-section .right-banner { margin-left: 16px; padding-right: 0px; }
  .hero-section .right-banner .hero-image { text-align: center; width: 100%; }
  .hero-section .right-banner .hero-image img { max-height: inherit; }
  .hero-section { margin-bottom: 120px; padding-top: 120px; }
  .hero-section .banner-container { align-items: center; }
  .hero-section .left-banner.guide-banner { width: 53.333%; }
  .hero-section .left-banner .common-title { font-size: 48px; }
  .hero-section .left-banner .partner-bar { margin-top: 62px; min-height: 68px; width: 100%; }
  .hero-section .left-banner .partner-bar .partner-item:first-child { width: 120px; }
  .hero-section .left-banner .partner-bar .partner-item:nth-child(2) { width: 164px; }
  .hero-section .left-banner .partner-bar .partner-item:nth-child(3) { width: 66px; }
  .hero-section .image-bar { min-height: 589.5px; }
  .hero-section .image-bar .hero-image { max-height: 589.5px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .hero-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .hero-section .banner-container { align-items: center; display: flex; }
  .hero-section .banner-content { min-height: 306px; }
  .hero-section .left-banner { margin-left: 25%; width: 40.6667%; }
  .hero-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .hero-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .hero-section .right-banner { margin-left: 16px; padding-right: 0px; }
  .hero-section .right-banner .hero-image { text-align: center; width: 100%; }
  .hero-section .right-banner .hero-image img { max-height: inherit; }
  .hero-section { margin-bottom: 120px; padding-top: 120px; }
  .hero-section .banner-container .left-banner .common-title { font-size: 44px; }
  .hero-section .banner-container .right-banner { box-sizing: border-box; margin-left: 25%; padding-left: 8px; padding-right: 8px; width: 100%; }
  .hero-section .banner-container .right-banner .image-bar { min-height: 580px; }
  .hero-section .partner-bar { margin-top: 80px; min-height: 77px; width: 90%; }
  .hero-section .partner-bar .partner-item:first-child, .hero-section .partner-bar .partner-item:nth-child(2) { width: 30%; }
  .hero-section .partner-bar .partner-item:nth-child(3) { width: 15%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .hero-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .hero-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .hero-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .hero-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .hero-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .hero-section .banner-container { align-items: center; display: flex; }
  .hero-section .banner-content { min-height: 306px; }
  .hero-section .left-banner { margin-left: 25%; width: 40.6667%; }
  .hero-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .hero-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .hero-section .right-banner { margin-left: 16px; padding-right: 0px; }
  .hero-section .right-banner .hero-image { text-align: center; width: 100%; }
  .hero-section .right-banner .hero-image img { max-height: inherit; }
  .hero-section { margin-bottom: 80px; padding-top: 80px; }
  .hero-section .banner-container .left-banner.guide-banner .guide-container:not(.offshore-guide-container) .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 20px; }
  .hero-section .banner-container .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button { font-size: 16px; font-weight: 400; line-height: 20px; padding: 12px 16px; }
  .hero-section .banner-container .left-banner .common-title { font-size: 32px; }
  .hero-section .banner-container .left-banner .title-desc { font-size: 18px; line-height: 24px; }
  .hero-section .banner-container .left-banner .partner-bar { display: none; }
  .hero-section .banner-container .right-banner { margin-left: 25%; }
  .hero-section .banner-container .right-banner .image-bar { min-height: 415px; }
  .hero-section .banner-container .right-banner .image-bar .hero-image { width: 200px; }
  .hero-section .partner-bar { display: flex; margin-top: 70px; min-height: 86px; }
  .hero-section .partner-bar .partner-item:first-child { width: 140px; }
  .hero-section .partner-bar .partner-item:nth-child(2) { width: 170px; }
  .hero-section .partner-bar .partner-item:nth-child(3) { width: 84px; }
  .hero-section .mobile-footer-bar { margin: auto; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .hero-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .hero-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .hero-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .hero-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .hero-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .hero-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (max-width: 767px) {
  .hero-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .hero-section .banner-container { align-items: center; display: flex; }
  .hero-section .banner-content { min-height: 306px; }
  .hero-section .left-banner { margin-left: 25%; width: 40.6667%; }
  .hero-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .hero-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .hero-section .right-banner { margin-left: 16px; padding-right: 0px; }
  .hero-section .right-banner .hero-image { text-align: center; width: 100%; }
  .hero-section .right-banner .hero-image img { max-height: inherit; }
  .hero-section { margin-bottom: 80px; padding-top: 40px; }
  .hero-section .banner-container { flex-direction: column; }
  .hero-section .banner-content { min-height: 260px; }
  .hero-section .left-banner { box-sizing: border-box; margin-left: 0px; padding-left: 8px; padding-right: 8px; width: 100%; }
  .hero-section .left-banner.guide-banner .title-desc { margin-top: 16px; text-align: center; }
  .hero-section .left-banner.guide-banner .kyc-guide .common-button, .hero-section .left-banner.guide-banner .trade-guide .common-button { display: block; margin: 32px auto 0px; }
  .hero-section .left-banner.guide-banner .deposit-guide .deposit-guide-button { align-items: center; display: flex; flex-direction: column; margin: 40px auto 0px; max-width: 360px; text-align: center; }
  .hero-section .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button { font-size: 14px; font-weight: 400; line-height: 16px; padding: 12px 18px; width: fit-content; }
  .hero-section .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 0px; }
  .hero-section .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button:last-child { margin-bottom: 0px; }
  .hero-section .left-banner .common-title { font-size: 28px; margin: auto; text-align: center; }
  .hero-section .left-banner .title-desc { font-size: 18px; line-height: 24px; }
  .hero-section .left-banner .partner-bar { display: none; }
  .hero-section .right-banner { margin-left: 0px; margin-top: 40px; }
  .hero-section .right-banner.deposit-banner { margin-top: 20px; }
  .hero-section .right-banner .image-bar { min-height: 511px; text-align: center; }
  .hero-section .right-banner .image-bar .hero-image { width: 246px; }
  .hero-section .partner-bar { align-items: center; display: flex; justify-content: space-around; margin-top: 40px; min-height: 98px; }
  .hero-section .partner-bar .partner-item:first-child { width: 25%; }
  .hero-section .partner-bar .partner-item:nth-child(2) { width: 30%; }
  .hero-section .partner-bar .partner-item:nth-child(3) { width: 15%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .hero-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .hero-section .left-banner { margin-left: 8.33333%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .hero-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .hero-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .hero-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .hero-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .hero-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .hero-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.okui-picture { display: inline-block; }
.okui-picture-font { font-size: 0px; line-height: 1; }
.okui-picture-cover { object-fit: cover; }
.okui-picture-contain { object-fit: contain; }
.okui-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; }
.okui-video-animation-box { position: relative; }
.okui-video-animation-pic { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.intro-section { margin: 0px auto; width: 100%; }
@media (min-width: 768px) and (max-width: 1023px) {
  .intro-section { width: 100%; }
}
@media (max-width: 767px) {
  .intro-section { width: 100%; }
}
@media (min-width: 1860px) {
  .intro-section { margin: 0px auto; }
}
@media (min-width: 1860px) and (min-width: 768px) {
  .intro-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 1024px) {
  .intro-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 1270px) {
  .intro-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 1860px) {
  .intro-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 2037px) {
  .intro-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
.intro-section-box-okg { box-sizing: border-box; display: block; margin-bottom: 32px; padding-left: 12px; padding-right: 12px; width: 100%; }
@media (min-width: 768px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.intro-section-box { align-items: center; border: 1.5px solid var(--primary-lunar-grey,#383838); border-radius: 25px; display: flex; overflow: hidden; padding-right: 12px; transition: border-color 0.1s ease-in; }
.intro-section-box:hover { border-color: rgb(255, 255, 255); }
@media (min-width: 768px) and (max-width: 1023px) {
  .intro-section-box { border-radius: 10px; }
}
@media (max-width: 767px) {
  .intro-section-box { border-radius: 10px; }
}
.intro-section-img { width: 100px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .intro-section-img { width: 70px; }
}
.intro-section-picture { flex-shrink: 0; }
.intro-section-info { display: flex; flex-direction: column; }
.intro-section .hidden-text { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 768px) and (max-width: 1023px) {
  .intro-section .hidden-text { -webkit-line-clamp: 3; }
}
@media (max-width: 767px) {
  .intro-section .hidden-text { -webkit-line-clamp: 4; }
}
.intro-section-title { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: rgb(255, 255, 255); display: -webkit-box; font-size: 16px; font-weight: 700; line-height: 20px; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 768px) and (max-width: 1023px) {
  .intro-section-title { -webkit-line-clamp: 3; }
}
@media (max-width: 767px) {
  .intro-section-title { -webkit-line-clamp: 4; font-size: 18px; line-height: 24px; }
}
.intro-section-desc { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: rgb(179, 179, 179); display: -webkit-box; font-size: 14px; font-weight: 400; line-height: 16px; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 768px) and (max-width: 1023px) {
  .intro-section-desc { -webkit-line-clamp: 3; }
}
@media (max-width: 767px) {
  .intro-section-desc { -webkit-line-clamp: 4; }
}
.intro-section-btn { align-items: center; background-color: rgb(26, 26, 26); border-radius: 60px; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size: 16px; font-style: normal; font-weight: 500; justify-content: center; line-height: 20px; margin: 20px auto 0px; max-width: calc(100% - 32px); padding: 8px 16px; width: auto; }
@media (min-width: 768px) and (max-width: 1023px) {
  .intro-section-btn { display: none; }
}
@media (max-width: 767px) {
  .intro-section-btn { display: none; }
}
.intro-section-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intro-section .okx-homepages-arrow-pointer { font-size: 24px; margin-left: 8px; }
@media (min-width: 768px) {
  .intro-section { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; }
  .intro-section-box-okg { margin-bottom: 24px; }
  .intro-section-box { padding: 12px; }
  .intro-section-desc, .intro-section-title { font-size: 16px; line-height: 20px; }
  .intro-section-desc { margin-top: 8px; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1860px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 2037px) {
  .intro-section-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) {
  .intro-section { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: center; }
  .intro-section-box-okg { flex: 1 1 0%; margin-bottom: 0px; }
  .intro-section-box { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding: 20px 16px 24px; }
  .intro-section-img { width: 140px; }
  .intro-section-title { font-size: 16px; line-height: 20px; padding-top: 24px; text-align: center; }
  .intro-section-desc { text-align: center; }
}
@media (min-width: 1270px) {
  .intro-section-img { width: 140px; }
  .intro-section-title { font-size: 18px; line-height: 24px; padding-top: 20px; text-align: center; }
  .intro-section-desc { text-align: center; }
}
.product-content { padding-bottom: 120px; padding-top: 120px; }
@media (max-width: 767px) {
  .product-content { contain-intrinsic-size: auto 836px; }
}
@media (min-width: 768px) {
  .product-content { contain-intrinsic-size: auto 454px; }
}
@media (min-width: 1024px) {
  .product-content { contain-intrinsic-size: auto 640px; }
}
@media (min-width: 1270px) {
  .product-content { contain-intrinsic-size: auto 586px; }
}
@media (min-width: 1860px) {
  .product-content { contain-intrinsic-size: auto 586px; }
}
.product-content .intro-section-box-okg .intro-section-box .intro-section-title { --webkit-line-clamp: 3; }
.product-content-title { margin: 0px auto 40px; text-align: center; }
@media (min-width: 768px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1270px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 2037px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) {
  .product-content-title { margin-bottom: 80px; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (max-width: 767px) {
  .product-content-title { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .product-content-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 768px) {
  .product-content { padding-bottom: 80px; padding-top: 80px; }
}
@media (max-width: 767px) {
  .product-content { padding-bottom: 80px; padding-top: 80px; }
}
.usp-section-cards { margin: 0px auto; width: 100%; }
@media (min-width: 768px) and (max-width: 1023px) {
  .usp-section-cards { width: 100%; }
}
@media (max-width: 767px) {
  .usp-section-cards { width: 100%; }
}
.usp-section-cards-box-okg { box-sizing: border-box; display: block; margin-bottom: 32px; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.usp-section-cards-box-okg:last-child { margin-bottom: 0px; }
.usp-section-cards-box { align-items: center; border-radius: 25px; display: flex; overflow: hidden; padding-right: 12px; transition: border-color 0.1s ease-in; }
.usp-section-cards-box:hover { border-color: rgb(255, 255, 255); }
@media (min-width: 768px) and (max-width: 1023px) {
  .usp-section-cards-box { border-radius: 10px; }
}
@media (max-width: 767px) {
  .usp-section-cards-box { border-radius: 10px; }
}
.usp-section-cards-img { width: 100px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .usp-section-cards-img { width: 70px; }
}
.usp-section-cards-picture { flex-shrink: 0; }
.usp-section-cards-title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(255, 255, 255); display: -webkit-box; font-size: 16px; font-weight: 700; line-height: 20px; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 768px) and (max-width: 1023px) {
  .usp-section-cards-title { -webkit-line-clamp: 3; }
}
@media (max-width: 767px) {
  .usp-section-cards-title { -webkit-line-clamp: 4; font-size: 18px; line-height: 24px; }
}
.usp-section-cards-link { color: rgb(255, 255, 255); cursor: pointer; text-decoration: underline; }
.usp-section-cards-desc { color: rgb(179, 179, 179); font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 16px; text-align: center; width: auto; }
@media (max-width: 767px) {
  .usp-section-cards-desc { font-size: 14px; line-height: 22px; margin-top: 8px; text-align: left; }
}
.usp-section-cards .okx-homepages-arrow-pointer { font-size: 24px; margin-left: 8px; }
@media (min-width: 768px) {
  .usp-section-cards { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: center; }
  .usp-section-cards-box-okg { margin-bottom: 0px; }
  .usp-section-cards-box { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; min-height: 100%; padding: 24px; }
  .usp-section-cards-img { width: 140px; }
  .usp-section-cards-title { font-size: 16px; line-height: 20px; margin-bottom: 12px; padding-top: 16px; text-align: center; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .usp-section-cards { flex-wrap: nowrap; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1860px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 2037px) {
  .usp-section-cards-box-okg { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1270px) {
  .usp-section-cards-img { width: 140px; }
  .usp-section-cards-title { font-size: 20px; line-height: 24px; padding-top: 20px; text-align: center; }
}
.usp-section { padding-bottom: 120px; padding-top: 120px; }
@media (max-width: 767px) {
  .usp-section { contain-intrinsic-size: auto 836px; }
}
@media (min-width: 768px) {
  .usp-section { contain-intrinsic-size: auto 454px; }
}
@media (min-width: 1024px) {
  .usp-section { contain-intrinsic-size: auto 640px; }
}
@media (min-width: 1270px) {
  .usp-section { contain-intrinsic-size: auto 586px; }
}
@media (min-width: 1860px) {
  .usp-section { contain-intrinsic-size: auto 586px; margin: 0px auto; }
}
@media (min-width: 1860px) and (min-width: 768px) {
  .usp-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 1024px) {
  .usp-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 1270px) {
  .usp-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 1860px) {
  .usp-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) and (min-width: 2037px) {
  .usp-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
.usp-section-title { margin: 0px auto 40px; text-align: center; }
@media (min-width: 768px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1270px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 2037px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) {
  .usp-section-title { margin-bottom: 80px; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (max-width: 767px) {
  .usp-section-title { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .usp-section-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 768px) {
  .usp-section { padding-bottom: 80px; padding-top: 80px; }
}
@media (max-width: 767px) {
  .usp-section { padding-bottom: 80px; padding-top: 80px; }
}
.coin-section { align-items: center; display: flex; padding: 120px 0px; }
@media (max-width: 767px) {
  .coin-section { contain-intrinsic-size: auto 964px; }
}
@media (min-width: 768px) {
  .coin-section { contain-intrinsic-size: auto 700px; }
}
@media (min-width: 1024px) {
  .coin-section { contain-intrinsic-size: auto 864px; }
}
@media (min-width: 1270px) {
  .coin-section { contain-intrinsic-size: auto 776px; }
}
@media (min-width: 1860px) {
  .coin-section { contain-intrinsic-size: auto 776px; }
}
@media (min-width: 1270px) {
  .coin-section { padding-bottom: 240px; }
  .coin-section .pannel-body { min-height: 688px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .coin-section { padding: 80px 0px; }
}
@media (max-width: 767px) {
  .coin-section { flex-direction: column; padding: 80px 0px; }
}
.coin-section .coin-section-text { margin-left: 25%; }
@media (min-width: 768px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1270px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1860px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 2037px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) {
  .coin-section .coin-section-text { margin-left: 8.33333%; }
}
@media (min-width: 1024px) {
  .coin-section .coin-section-text { margin-left: 8.33333%; }
}
@media (min-width: 1270px) {
  .coin-section .coin-section-text { margin-left: 8.33333%; }
}
@media (min-width: 1860px) {
  .coin-section .coin-section-text { margin-left: 8.33333%; }
}
@media (min-width: 2037px) {
  .coin-section .coin-section-text { margin-left: 8.33333%; }
}
@media (min-width: 768px) {
  .coin-section .coin-section-text { padding-right: 24px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .coin-section .coin-section-text { padding-right: 28px; }
}
@media (min-width: 1024px) {
  .coin-section .coin-section-text { padding-right: 52px; }
}
@media (max-width: 767px) {
  .coin-section .coin-section-text { box-sizing: border-box; margin-left: 0px; padding-left: 8px; padding-right: 8px; text-align: center; width: 100%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .coin-section .coin-section-text { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.coin-section .coin-section-text .coin-section-desc { color: rgb(179, 179, 179); margin-top: 24px; }
@media (max-width: 767px) {
  .coin-section .coin-section-text .coin-section-desc { margin-left: 0px; margin-top: 12px; }
}
.coin-section .coin-section-text .coin-section-link { margin-top: 40px; min-width: 116px; }
.coin-section .coin-info { align-items: center; display: flex; flex-wrap: wrap; max-width: 630px; }
@media (min-width: 768px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1270px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1860px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 2037px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
.coin-section .coin-info.offshore-coin-info { min-height: 416px; }
@media (max-width: 1270px) {
  .coin-section .coin-info.offshore-coin-info { min-height: 624px; }
}
@media (max-width: 767px) {
  .coin-section .coin-info { box-sizing: border-box; margin: 40px auto 0px; min-height: 624px; padding-left: 8px; padding-right: 8px; width: 360px; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .coin-section .coin-info { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.coin-section .coin-info .coin-box { border: 1.5px solid rgb(56, 56, 56); border-radius: 25px; box-sizing: border-box; display: flex; flex-direction: column; padding: 20px 24px; }
.coin-section .coin-info .coin-box:hover { border-color: rgb(255, 255, 255); }
@media (min-width: 1270px) {
  .coin-section .coin-info .coin-box { height: 184px; margin-bottom: 24px; width: 184px; }
  .coin-section .coin-info .coin-box:not(:nth-child(3n+1)) { margin-left: 24px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .coin-section .coin-info .coin-box { height: 184px; margin-bottom: 24px; width: 184px; }
  .coin-section .coin-info .coin-box:nth-child(2n) { margin-left: 24px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .coin-section .coin-info .coin-box { height: 164px; margin-bottom: 16px; text-align: center; width: 164px; }
  .coin-section .coin-info .coin-box:nth-child(2n) { margin-left: 16px; }
}
@media (max-width: 767px) {
  .coin-section .coin-info .coin-box { height: 164px; margin-bottom: 16px; text-align: center; width: 164px; }
  .coin-section .coin-info .coin-box:nth-child(2n) { margin-left: 16px; }
}
.coin-section .coin-info .coin-box .icon-logo { display: inline-block; height: 48px; width: 48px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .coin-section .coin-info .coin-box .icon-logo { height: 40px; margin: 0px auto; width: 40px; }
}
@media (max-width: 767px) {
  .coin-section .coin-info .coin-box .icon-logo { height: 40px; margin: 0px auto; width: 40px; }
}
.coin-section .coin-info .coin-box .coin-text { color: rgb(217, 217, 217); font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; text-indent: 4px; }
.coin-section .coin-info .coin-box .coin-text.coin-name { margin-top: 8px; }
.coin-section .coin-info .coin-box .coin-text.coin-price { margin-top: 4px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .coin-section .coin-info .coin-box .coin-text { font-size: 14px; line-height: 16px; text-indent: 0px; }
}
@media (max-width: 767px) {
  .coin-section .coin-info .coin-box .coin-text { font-size: 14px; line-height: 16px; text-indent: 0px; }
}
.coin-section .coin-info .coin-box .coin-percent { font-size: 24px; font-style: normal; font-weight: 700; line-height: 100%; margin-top: 20px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .coin-section .coin-info .coin-box .coin-percent { font-size: 22px; margin-top: 18px; }
}
@media (max-width: 767px) {
  .coin-section .coin-info .coin-box .coin-percent { font-size: 22px; margin-top: 18px; }
}
.okx-homepages-user { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-user::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-chevron-right { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-chevron-right::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-chevron-up { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-chevron-up::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-chevron-left { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-chevron-left::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-chevron-down { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-chevron-down::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-icon-pause { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-icon-pause::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-icon-play { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-icon-play::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-qa-button-expand { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-qa-button-expand::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-qa-button-collapse { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-qa-button-collapse::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-social-share-button { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-social-share-button::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-drawer { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-drawer::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-buy-crypto { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-buy-crypto::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-arrow-chevrons-top { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-arrow-chevrons-top::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-arrow-pointer { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-arrow-pointer::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-camera-flip { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-camera-flip::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-chevrons-right { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-chevrons-right::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-chevrons { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-chevrons::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-close { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-close::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-complete { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-complete::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-copy { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-copy::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-deposit { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-deposit::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-rule { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-rule::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-edit { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-edit::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-put-away { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-put-away::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-tr-download-android { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-tr-download-android::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-eye-hide-filled { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-eye-hide-filled::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-expand { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-expand::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-eye-show-filled { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-eye-show-filled::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-faceid { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-faceid::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-google { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-google::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-history { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-history::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-insurance-fund { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-insurance-fund::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-lv2 { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-lv2::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-lv1 { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-lv1::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-mail { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-mail::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-more { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-more::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-play { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-play::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-pause { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-pause::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-mobile { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-mobile::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-tr-download-qrcode { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-tr-download-qrcode::before { content: ""; font-family: ok-e41a06a168; }
.okx-homepages-tr-download-ios { --ok-icon-font-family: "ok-e41a06a168"; }
.okx-homepages-tr-download-ios::before { content: ""; font-family: ok-e41a06a168; }
.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-style: normal; }
.iconfont::before { display: inline-block; }
@font-face { font-display: block; font-family: ok-e41a06a168; font-style: normal; src: url("./e8ac0bb09115045b.woff2") format("woff2"); }
[dir="rtl"] .okx-homepages-arrow-pointer::before { transform: scaleX(-1); }
.faq-section .common-title.faq-title { text-align: center; }
.faq-section .question-list .question-item { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }
.faq-section .question-list .question-item .question-title { align-items: center; cursor: pointer; display: flex; justify-content: space-between; }
.faq-section .question-list .question-item .question-title:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.faq-section .question-list .question-item .question-title:focus-visible:not(.common-button, .tab-item) { border-radius: 4px; }
.faq-section .question-list .question-item .question-title .title-item { max-width: 80%; }
.faq-section .question-list .question-item .answer-title { font-weight: 700; margin-bottom: -20px; margin-top: 36px; }
.faq-section .question-list .question-item .answer-title:first-child { margin-top: 0px; }
.faq-section .question-list .question-item .answer-content { margin-top: 20px; }
.faq-section .question-list .question-item .answer-content:first-child { margin-top: 0px; }
.faq-section .question-list .question-item .answer-text { color: rgb(189, 189, 189); margin-top: 20px; }
.faq-section .question-list .question-item .answer-text .faq-link { color: rgb(255, 255, 255); cursor: pointer; text-decoration: underline; }
.faq-section .question-list .question-item .answer-text .list-symbol { background-color: rgb(189, 189, 189); border-radius: 50%; display: inline-block; height: 5px; margin-right: 13px; width: 5px; }
.faq-section .question-list .question-item .answer-text .list-content { display: inline-block; max-width: calc(100% - 18px); vertical-align: top; }
.faq-section .question-list .question-item .answer-text .list-content .qa-item-q { align-items: center; color: rgb(255, 255, 255); display: flex; font-weight: 500; }
.faq-section .question-list .question-item .answer-text .list-content .qa-item-a { margin-left: 18px; }
.faq-section .question-list .question-item .question-icon { font-size: 24px; }
@media (min-width: 1270px) {
  .faq-section .question-list { margin-top: 90px; }
  .faq-section .question-list .question-item { margin-top: 40px; padding-bottom: 40px; }
  .faq-section .question-list .question-item .title-item { font-size: 28px; font-weight: 500; line-height: normal; }
  .faq-section .question-list .question-item .answer-text { font-size: 20px; font-weight: 400; letter-spacing: 0.1px; line-height: 40px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .faq-section { margin: 0px auto; }
  .faq-section .question-list { margin-top: 87px; }
  .faq-section .question-list .question-item { margin-top: 40px; padding-bottom: 40px; }
  .faq-section .question-list .question-item .title-item { font-size: 28px; font-weight: 500; line-height: normal; }
  .faq-section .question-list .question-item .answer-text { font-size: 18px; font-weight: 400; line-height: 168%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .faq-section { margin: 0px auto; }
  .faq-section .question-list { margin-top: 64px; }
  .faq-section .question-list .question-item { margin-top: 32px; padding-bottom: 32px; }
  .faq-section .question-list .question-item .title-item { font-size: 22px; font-weight: 500; line-height: 132%; }
  .faq-section .question-list .question-item .answer-text { font-size: 18px; font-weight: 400; line-height: 168%; }
}
@media (max-width: 767px) {
  .faq-section .question-list { margin-top: 60px; }
  .faq-section .question-list .question-item { margin-top: 32px; padding-bottom: 32px; }
  .faq-section .question-list .question-item .title-item { font-size: 18px; font-weight: 400; line-height: 24px; }
  .faq-section .question-list .question-item .answer-text { font-size: 14px; font-weight: 400; line-height: 168%; }
  .faq-section .question-list .question-item .question-title { font-size: 16px; }
}
.modularization-faq-section { padding: 120px 24px; width: calc(100% - 48px); }
@media (max-width: 767px) {
  .modularization-faq-section { contain-intrinsic-size: auto 840px; padding-bottom: 80px; }
}
@media (min-width: 768px) {
  .modularization-faq-section { contain-intrinsic-size: auto 893px; }
}
@media (min-width: 1024px) {
  .modularization-faq-section { contain-intrinsic-size: auto 1180px; }
}
@media (min-width: 1270px) {
  .modularization-faq-section { contain-intrinsic-size: auto 1190px; }
}
@media (min-width: 1860px) {
  .modularization-faq-section { contain-intrinsic-size: auto 1187px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .modularization-faq-section { padding: 80px 24px; }
}
@media (max-width: 767px) {
  .modularization-faq-section { padding: 80px 24px; }
}
.modularization-faq-section .faq-more { margin-top: 80px; text-align: center; }
@media (min-width: 768px) and (max-width: 1023px) {
  .modularization-faq-section .faq-more { margin-top: 40px; }
}
@media (max-width: 767px) {
  .modularization-faq-section .faq-more { margin-top: 40px; }
}
.pannel-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .pannel-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .pannel-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .pannel-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .pannel-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .pannel-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.pannel-section .pannel-text { text-align: center; }
.pannel-section .pannel-text .pannel-title { margin: 0px auto; text-align: center; }
@media (min-width: 768px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1270px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 2037px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (max-width: 767px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .pannel-section .pannel-text .pannel-title { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
.pannel-section .pannel-text .common-desc { margin-top: 20px; }
.pannel-section .pannel-text .title-desc { color: rgb(179, 179, 179); }
.pannel-section .pannel-body { margin-top: 80px; }
.pannel-section .pannel-body .pannel-img { width: 100%; }
@media (min-width: 1860px) {
  .pannel-section .pannel-body { margin-left: 6%; width: 88%; }
}
@media (min-width: 1270px) {
  .pannel-section .pannel-body { margin: 80px auto 0px; min-height: 574px; width: 83.3333%; }
}
@media (min-width: 1270px) and (max-width: 1859px) {
  .pannel-section { padding-bottom: 190px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .pannel-section { padding-bottom: 120px; padding-top: 120px; }
  .pannel-section .pannel-body { margin: 80px auto 0px; min-height: 440px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pannel-section { padding-bottom: 80px; padding-top: 80px; }
  .pannel-section .common-desc { font-size: 18px; }
  .pannel-section .pannel-body { margin: 40px auto 0px; min-height: 42vw; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .pannel-section .pannel-body { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .pannel-section .pannel-body { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .pannel-section .pannel-body { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .pannel-section .pannel-body { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .pannel-section .pannel-body { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (max-width: 767px) {
  .pannel-section { padding-bottom: 80px; padding-top: 60px; }
  .pannel-section .pannel-body { margin-top: 40px; min-height: 53vw; }
  .pannel-section .common-desc { font-size: 16px; line-height: 158%; }
}
@media (min-width: 1860px) {
  .home-page-container .pannel-section { padding-bottom: 120px; }
  .home-page-container .pannel-section .common-desc { font-size: 24px; }
}
@media (max-width: 767px) {
  .feature-section { contain-intrinsic-size: auto 471px; }
}
@media (min-width: 768px) {
  .feature-section { contain-intrinsic-size: auto 619px; }
}
@media (min-width: 1024px) {
  .feature-section { contain-intrinsic-size: auto 952px; }
}
@media (min-width: 1270px) {
  .feature-section { contain-intrinsic-size: auto 1067px; }
}
@media (min-width: 1860px) {
  .feature-section { contain-intrinsic-size: auto 1134px; }
}
@media (min-width: 1270px) {
  .feature-section .pannel-section { padding-top: 190px; }
}
.feature-section .feature-img { width: 100%; }
.scroll-section-download { display: none; }
@media (min-width: 768px) {
  .scroll-section-download { display: flex; margin-left: 30px; }
  .scroll-section-download-icon { color: rgb(255, 255, 255); font-size: 24px; }
  .scroll-section-download-icon.okx-homepages-tr-download-qrcode { font-size: 24px; }
  .scroll-section-download-link { align-items: center; border: 1.5px solid rgb(64, 64, 64); border-radius: 8px; display: flex; justify-content: center; margin-right: 16px; padding: 20px; }
  .scroll-section-download-link i { display: inline-block; font-size: 24px; height: 24px; width: 24px; }
  .scroll-section-download-con { display: none; }
  .scroll-section-qrcode { align-items: center; border: 1.5px solid rgb(64, 64, 64); border-radius: 8px; cursor: pointer; display: flex; height: 64px; justify-content: center; position: relative; width: 64px; }
  .scroll-section .hover-high-light:hover { border: 1.5px solid rgb(250, 250, 250); }
  .scroll-section-qrcode-box { background-color: rgb(255, 255, 255); border-radius: 6px; box-sizing: border-box; left: 50%; margin-left: -72px; padding: 24px; position: absolute; right: 0px; top: calc(100% + 8px); width: 144px; }
  .scroll-section-qrcode-box img { width: 100%; }
  .scroll-section-qrcode-text { font-size: 12px; font-weight: 700; line-height: 16px; margin-bottom: 6px; text-align: center; }
}
@media (min-width: 1024px) {
  .scroll-section-download { display: flex; margin-left: 30px; }
  .scroll-section-download-link { padding: 14px 20px; }
  .scroll-section-download-con { display: block; margin-left: 8px; }
  .scroll-section-download-title { color: rgb(144, 144, 144); font-size: 12px; line-height: 16px; }
  .scroll-section-download-desc { color: rgb(250, 250, 250); font-size: 16px; font-weight: 500; line-height: 20px; }
  .scroll-section-qrcode { align-items: center; border: 1.5px solid rgb(64, 64, 64); border-radius: 8px; display: flex; height: 64px; justify-content: center; width: 64px; }
}
.okui-powerLink { color: inherit; text-decoration: none; }
.okui-powerLink-a11y:focus-visible { border-radius: 2px; outline-color: var(--okd-color-border-focus); outline-offset: 2px; outline-style: solid; outline-width: 2px; }
.scroll-section { padding-bottom: 80px; padding-top: 80px; }
@media (max-width: 767px) {
  .scroll-section { contain-intrinsic-size: auto 930px; }
}
@media (min-width: 768px) {
  .scroll-section { contain-intrinsic-size: auto 684px; }
}
@media (min-width: 1024px) {
  .scroll-section { contain-intrinsic-size: auto 764px; }
}
@media (min-width: 1270px) {
  .scroll-section { contain-intrinsic-size: auto 764px; }
}
@media (min-width: 1860px) {
  .scroll-section { contain-intrinsic-size: auto 764px; }
}
.scroll-section-box { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.scroll-section-wrap { margin-bottom: 40px; position: relative; text-align: center; }
@media (min-width: 768px) {
  .scroll-section-wrap { min-height: 230px; }
}
.scroll-section-tabs { display: flex; flex-direction: column; justify-content: center; margin-bottom: 24px; min-height: 311px; }
@media (max-width: 767px) {
  .scroll-section-tabs { min-height: 150px; }
}
.scroll-section-progress { display: flex; }
@media (max-width: 767px) {
  .scroll-section-progress { justify-content: center; }
}
.scroll-section-progress-dot { background-color: rgb(36, 36, 36); border-radius: 60px; cursor: pointer; height: 9px; margin-left: 8px; width: 9px; }
.scroll-section-progress-dot:first-child { margin-left: 0px; }
.scroll-section-progress-dot.active-dot { background-color: rgb(250, 250, 250); }
.scroll-section-title { color: rgb(255, 255, 255); font-size: 28px; font-weight: 700; line-height: 132%; margin-bottom: 12px; }
.scroll-section-desc { color: rgb(179, 179, 179); font-size: 16px; line-height: 158%; margin-top: 24px; }
@media (min-width: 1024px) {
  .scroll-section-desc { font-size: 18px; }
}
@media (min-width: 1270px) {
  .scroll-section-desc { font-size: 18px; }
}
.scroll-section-scroll-wrap { height: 100%; left: 0px; opacity: 0; overflow-y: auto; position: absolute; top: 0px; width: 100%; }
.scroll-section-scroll-wrap-con { height: 1000px; }
.scroll-section-img-content { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.scroll-section-img-content .scroll-section-img-box { margin: auto; overflow: hidden; position: relative; text-align: center; }
.scroll-section-img-content .scroll-section-img-container { display: flex; transition: 0.2s; }
.scroll-section-img-content .scroll-section-pic { flex-shrink: 0; }
@media (min-width: 768px) {
  .scroll-section { align-items: center; display: flex; }
  .scroll-section-box { order: 2; }
  .scroll-section-wrap { padding-left: 30px; text-align: left; }
  .scroll-section-title { font-size: 32px; }
  .scroll-section-img-content { margin-left: 25%; order: 1; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1860px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 2037px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (min-width: 1860px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (min-width: 2037px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (min-width: 768px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 1860px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 768px) and (min-width: 2037px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) {
  .scroll-section { padding-bottom: 120px; padding-top: 120px; }
  .scroll-section-img-content { margin-left: 25%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 1860px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 2037px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 1860px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 2037px) {
  .scroll-section-img-content { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 1860px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1024px) and (min-width: 2037px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 41.6667%; }
}
@media (min-width: 1270px) {
  .scroll-section-box, .scroll-section-img-content { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .scroll-section-img-content { margin-left: 50%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .scroll-section-box { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .scroll-section-img-content { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .scroll-section-img-content { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .scroll-section-img-content { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .scroll-section-img-content { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .scroll-section-img-content { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .scroll-section-img-content { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
.title-desc { color: rgb(144, 144, 144); font-size: 18px; font-weight: 400; line-height: 136%; margin-top: 24px; }
@media (min-width: 768px) and (max-width: 1023px) {
  .title-desc { font-size: 16px; }
}
@media (max-width: 767px) {
  .title-desc { font-size: 16px; margin-top: 12px; text-align: center; }
}
body { background-color: rgb(0, 0, 0); }
#okx-home-container { min-height: 100vh; }
.home-page-container, .modularzation-page { background-color: rgb(0, 0, 0); padding-left: 8px; padding-right: 8px; }
@media (min-width: 768px) {
  .home-page-container, .modularzation-page { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1024px) {
  .home-page-container, .modularzation-page { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}
@media (min-width: 1270px) {
  .home-page-container, .modularzation-page { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}
@media (min-width: 1860px) {
  .home-page-container, .modularzation-page { padding-left: calc(50% - 864px); padding-right: calc(50% - 864px); }
}
@media (min-width: 2037px) {
  .home-page-container, .modularzation-page { padding-left: calc(50% - 864px); padding-right: calc(50% - 864px); }
}
.home-page-container .fifth-section, .home-page-container .fourth-section, .home-page-container .second-section, .home-page-container .sixth-section, .home-page-container .third-section, .modularzation-page .fifth-section, .modularzation-page .fourth-section, .modularzation-page .second-section, .modularzation-page .sixth-section, .modularzation-page .third-section { content-visibility: auto; }
.home-page-container .common-title, .modularzation-page .common-title { color: rgb(255, 255, 255); font-size: 3.01vw; font-weight: 700; line-height: 132%; }
@media (min-width: 1860px) {
  .home-page-container .common-title, .modularzation-page .common-title { font-size: 60px; }
}
@media (max-width: 767px) {
  .home-page-container .common-title, .modularzation-page .common-title { font-size: 28px; }
}
.home-page-container .common-desc, .modularzation-page .common-desc { color: rgb(179, 179, 179); font-size: 20px; font-weight: 400; line-height: 32px; }
.home-page-container .common-button, .modularzation-page .common-button { background: rgb(255, 255, 255); border: 1.5px solid rgb(255, 255, 255); border-radius: 100px; color: rgb(0, 0, 0); cursor: pointer; display: inline-block; font-size: 20px; font-weight: 500; min-width: fit-content; padding: 23px 44px; text-align: center; }
.home-page-container .common-button:focus-visible, .modularzation-page .common-button:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.home-page-container .common-button:focus-visible:not(.common-button, .tab-item), .modularzation-page .common-button:focus-visible:not(.common-button, .tab-item) { border-radius: 4px; }
@media (min-width: 1860px) {
  .home-page-container .common-button, .modularzation-page .common-button { padding: 18px 55px; }
}
@media (min-width: 1270px) {
  .home-page-container .response-text.pc-text, .modularzation-page .response-text.pc-text { display: block; }
  .home-page-container .response-text.mobile-text, .modularzation-page .response-text.mobile-text { display: none; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .home-page-container .response-text.pc-text, .modularzation-page .response-text.pc-text { display: block; }
  .home-page-container .response-text.mobile-text, .modularzation-page .response-text.mobile-text { display: none; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-page-container .response-text.pc-text, .modularzation-page .response-text.pc-text { display: none; }
  .home-page-container .response-text.mobile-text, .modularzation-page .response-text.mobile-text { display: block; }
}
@media (max-width: 767px) {
  .home-page-container .response-text.pc-text, .modularzation-page .response-text.pc-text { display: none; }
  .home-page-container .response-text.mobile-text, .modularzation-page .response-text.mobile-text { display: block; }
}
.modularzation-page .common-button { font-size: 20px; font-weight: 700; line-height: 20px; padding: 20.5px 24px; }
@media (min-width: 1024px) and (max-width: 1269px) {
  .modularzation-page .common-button { font-weight: 500; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .modularzation-page .common-button { font-size: 16px; font-weight: 500; padding: 18px 16px; }
}
@media (max-width: 767px) {
  .modularzation-page .common-button { font-size: 16px; font-weight: 500; padding: 14px 24px; }
  body #ok-cs-button { bottom: 68px; }
}
.video-section { align-items: center; box-sizing: border-box; display: flex; justify-content: space-between; margin-top: 40px; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .video-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .video-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .video-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .video-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .video-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.video-section .video-item { position: relative; width: 32%; }
.video-section .video-item .video-content { object-fit: contain; width: 100%; }
.video-section .video-item .video-text { background: linear-gradient(0deg, transparent, rgb(0, 0, 0) 114.09%, rgba(0, 0, 0, 0.8) 0px); left: 0px; padding: 28px; position: absolute; right: 0px; text-align: right; top: 0px; }
.video-section .video-item .video-text .video-title { color: rgb(255, 255, 255); font-size: 22px; font-weight: 700; line-height: 32px; }
.video-section .video-item .video-text .video-desc { color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 500; line-height: 20px; margin-top: 8px; }
@media (min-width: 1860px) {
  .video-section { margin-top: 120px; }
}
@media (min-width: 1270px) {
  .video-section .video-item { min-height: 390px; }
  .video-section .video-item:last-child { margin-right: 0px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .video-section .text-banner { max-width: 50%; }
  .video-section .video-item { min-height: 300px; }
  .video-section .video-item:last-child { margin-right: 0px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .video-section { text-align: center; }
  .video-section .video-item { min-height: 26vw; padding: 16px; }
  .video-section .video-item .video-text .video-title { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 24px; }
  .video-section .video-item .video-text .video-desc { color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 500; line-height: 16px; margin-top: 6px; }
  .video-section .video-item:last-child { margin-right: 0px; }
}
@media (max-width: 767px) {
  .video-section { flex-direction: column; }
  .video-section .video-item { margin-top: 20px; min-height: 80vw; padding: 0px; width: 100%; }
  .video-section .video-item:last-child { margin-right: 0px; }
}
.au-home-page-container .fifth-section, .home-page-container .fifth-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { contain-intrinsic-size: auto 1704px; }
}
@media (min-width: 768px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { contain-intrinsic-size: auto 991px; }
}
@media (min-width: 1024px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { contain-intrinsic-size: auto 941px; }
}
@media (min-width: 1270px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { contain-intrinsic-size: auto 1039px; }
}
@media (min-width: 1860px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { contain-intrinsic-size: auto 1331px; }
}
.au-home-page-container .fifth-section .fifth-banner, .home-page-container .fifth-section .fifth-banner { display: flex; justify-content: space-between; }
.au-home-page-container .fifth-section .fifth-banner .text-banner .common-desc, .home-page-container .fifth-section .fifth-banner .text-banner .common-desc { margin-top: 20px; }
.au-home-page-container .fifth-section .fifth-banner .text-banner .common-button, .home-page-container .fifth-section .fifth-banner .text-banner .common-button { cursor: pointer; display: inline-block; margin-top: 48px; }
.au-home-page-container .fifth-section .fifth-banner .logo-banner .logo-img, .home-page-container .fifth-section .fifth-banner .logo-banner .logo-img { height: auto; width: 100%; }
.au-home-page-container .fifth-section .video-banner, .home-page-container .fifth-section .video-banner { align-items: center; display: flex; justify-content: space-between; margin-top: 80px; }
.au-home-page-container .fifth-section .video-banner .video-item, .home-page-container .fifth-section .video-banner .video-item { position: relative; width: 32%; }
.au-home-page-container .fifth-section .video-banner .video-item .video-content, .home-page-container .fifth-section .video-banner .video-item .video-content { object-fit: contain; width: 100%; }
.au-home-page-container .fifth-section .video-banner .video-item .video-text, .home-page-container .fifth-section .video-banner .video-item .video-text { background: linear-gradient(0deg, transparent, rgb(0, 0, 0) 114.09%, rgba(0, 0, 0, 0.8) 0px); left: 0px; padding: 28px; position: absolute; right: 0px; text-align: right; top: 0px; }
.au-home-page-container .fifth-section .video-banner .video-item .video-text .video-title, .home-page-container .fifth-section .video-banner .video-item .video-text .video-title { color: rgb(255, 255, 255); font-size: 22px; font-weight: 700; line-height: 32px; }
.au-home-page-container .fifth-section .video-banner .video-item .video-text .video-desc, .home-page-container .fifth-section .video-banner .video-item .video-text .video-desc { color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 500; line-height: 20px; margin-top: 8px; }
@media (min-width: 1860px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { margin-left: 25%; padding-bottom: 220px; padding-top: 120px; width: 83.3333%; }
  .au-home-page-container .fifth-section .fifth-banner .common-desc, .home-page-container .fifth-section .fifth-banner .common-desc { font-size: 24px; }
  .au-home-page-container .fifth-section .fifth-banner .logo-banner, .home-page-container .fifth-section .fifth-banner .logo-banner { width: 35%; }
  .au-home-page-container .fifth-section .video-banner, .home-page-container .fifth-section .video-banner { margin-top: 120px; }
}
@media (min-width: 1860px) and (min-width: 768px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 1024px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 1270px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 1860px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 2037px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { margin-left: 8.33333%; }
}
@media (min-width: 1270px) {
  .au-home-page-container .fifth-section .fifth-banner, .home-page-container .fifth-section .fifth-banner { align-items: end; margin-top: 98px; }
  .au-home-page-container .fifth-section .fifth-banner .text-banner, .home-page-container .fifth-section .fifth-banner .text-banner { max-width: 50%; padding-bottom: 50px; }
  .au-home-page-container .fifth-section .fifth-banner .logo-banner, .home-page-container .fifth-section .fifth-banner .logo-banner { min-height: 145px; }
  .au-home-page-container .fifth-section .video-banner .video-item, .home-page-container .fifth-section .video-banner .video-item { min-height: 390px; }
  .au-home-page-container .fifth-section .video-banner .video-item:last-child, .home-page-container .fifth-section .video-banner .video-item:last-child { margin-right: 0px; }
}
@media (min-width: 1270px) and (max-width: 1859px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { padding-bottom: 120px; padding-top: 80px; }
  .au-home-page-container .fifth-section .fifth-banner .logo-banner, .home-page-container .fifth-section .fifth-banner .logo-banner { width: 40%; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { padding-bottom: 120px; padding-top: 80px; }
  .au-home-page-container .fifth-section .text-banner, .home-page-container .fifth-section .text-banner { max-width: 50%; }
  .au-home-page-container .fifth-section .fifth-banner, .home-page-container .fifth-section .fifth-banner { align-items: end; margin-top: 98px; }
  .au-home-page-container .fifth-section .fifth-banner .text-banner, .home-page-container .fifth-section .fifth-banner .text-banner { padding-bottom: 50px; }
  .au-home-page-container .fifth-section .fifth-banner .logo-banner, .home-page-container .fifth-section .fifth-banner .logo-banner { min-height: 112px; width: 40%; }
  .au-home-page-container .fifth-section .video-banner .video-item, .home-page-container .fifth-section .video-banner .video-item { min-height: 300px; }
  .au-home-page-container .fifth-section .video-banner .video-item:last-child, .home-page-container .fifth-section .video-banner .video-item:last-child { margin-right: 0px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { padding-bottom: 120px; padding-top: 80px; }
  .au-home-page-container .fifth-section .fifth-banner, .home-page-container .fifth-section .fifth-banner { flex-direction: column; }
  .au-home-page-container .fifth-section .fifth-banner .text-banner, .home-page-container .fifth-section .fifth-banner .text-banner { text-align: center; }
  .au-home-page-container .fifth-section .fifth-banner .text-banner .common-desc, .home-page-container .fifth-section .fifth-banner .text-banner .common-desc { font-size: 18px; margin: 12px auto 0px; }
  .au-home-page-container .fifth-section .fifth-banner .text-banner .common-button, .home-page-container .fifth-section .fifth-banner .text-banner .common-button { margin-top: 60px; }
  .au-home-page-container .fifth-section .fifth-banner .logo-banner, .home-page-container .fifth-section .fifth-banner .logo-banner { margin: 120px auto 0px; width: 471px; }
  .au-home-page-container .fifth-section .fifth-banner .logo-banner .logo-img, .home-page-container .fifth-section .fifth-banner .logo-banner .logo-img { min-height: 140px; }
  .au-home-page-container .fifth-section .video-banner, .home-page-container .fifth-section .video-banner { text-align: center; }
  .au-home-page-container .fifth-section .video-banner .video-item, .home-page-container .fifth-section .video-banner .video-item { min-height: 26vw; padding: 16px; }
  .au-home-page-container .fifth-section .video-banner .video-item .video-text .video-title, .home-page-container .fifth-section .video-banner .video-item .video-text .video-title { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 24px; }
  .au-home-page-container .fifth-section .video-banner .video-item .video-text .video-desc, .home-page-container .fifth-section .video-banner .video-item .video-text .video-desc { color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 500; line-height: 16px; margin-top: 6px; }
  .au-home-page-container .fifth-section .video-banner .video-item:last-child, .home-page-container .fifth-section .video-banner .video-item:last-child { margin-right: 0px; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .au-home-page-container .fifth-section .fifth-banner .text-banner .common-desc, .home-page-container .fifth-section .fifth-banner .text-banner .common-desc { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .au-home-page-container .fifth-section .fifth-banner .text-banner .common-desc, .home-page-container .fifth-section .fifth-banner .text-banner .common-desc { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .au-home-page-container .fifth-section .fifth-banner .text-banner .common-desc, .home-page-container .fifth-section .fifth-banner .text-banner .common-desc { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .au-home-page-container .fifth-section .fifth-banner .text-banner .common-desc, .home-page-container .fifth-section .fifth-banner .text-banner .common-desc { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .au-home-page-container .fifth-section .fifth-banner .text-banner .common-desc, .home-page-container .fifth-section .fifth-banner .text-banner .common-desc { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (max-width: 767px) {
  .au-home-page-container .fifth-section, .home-page-container .fifth-section { padding-bottom: 80px; padding-top: 80px; }
  .au-home-page-container .fifth-section .fifth-banner, .home-page-container .fifth-section .fifth-banner { flex-direction: column; }
  .au-home-page-container .fifth-section .fifth-banner .text-banner, .home-page-container .fifth-section .fifth-banner .text-banner { text-align: center; }
  .au-home-page-container .fifth-section .fifth-banner .logo-banner, .home-page-container .fifth-section .fifth-banner .logo-banner { margin: 100px auto 0px; max-width: 343px; min-height: 100px; width: 100%; }
  .au-home-page-container .fifth-section .fifth-banner .common-desc, .home-page-container .fifth-section .fifth-banner .common-desc { font-size: 16px; line-height: 158%; }
  .au-home-page-container .fifth-section .video-banner, .home-page-container .fifth-section .video-banner { flex-direction: column; margin-top: 40px; }
  .au-home-page-container .fifth-section .video-banner .video-item, .home-page-container .fifth-section .video-banner .video-item { margin-top: 20px; min-height: 80vw; padding: 0px; width: 100%; }
  .au-home-page-container .fifth-section .video-banner .video-item:last-child, .home-page-container .fifth-section .video-banner .video-item:last-child { margin-right: 0px; }
}
.register-section .home-register-phone { border: 1.5px solid rgb(255, 255, 255); border-radius: 5px; box-sizing: border-box; color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; height: 100%; line-height: 16px; padding: 14px 20px; width: 100%; }
.first-section { position: relative; }
@media (max-width: 767px) {
  .first-section .first-content { padding-bottom: 105px; }
}
@media (min-width: 768px) {
  .first-section .first-content { padding-bottom: 72px; }
}
@media (min-width: 1024px) {
  .first-section .first-content { padding-bottom: 120px; }
}
.first-section .partner-bar { align-items: center; color: rgb(255, 255, 255); display: none; justify-content: space-between; }
.first-section .partner-bar .partner-item img { width: 100%; }
.first-section .guide-banner .common-title { text-align: left; }
.first-section .guide-banner .title-desc { color: rgb(144, 144, 144); font-size: 24px; font-weight: 400; line-height: 24px; margin-top: 20px; text-align: left; }
@media (min-width: 768px) and (max-width: 1023px) {
  .first-section .guide-banner .title-desc { font-size: 18px; }
}
@media (max-width: 767px) {
  .first-section .guide-banner .title-desc { font-size: 18px; }
}
.first-section .guide-banner .kyc-guide .common-button, .first-section .guide-banner .trade-guide .common-button { margin-top: 40px; }
.first-section .guide-banner .deposit-guide { display: block; }
.first-section .guide-banner .deposit-guide .deposit-guide-button { margin-top: 40px; }
.first-section .guide-banner .deposit-guide .deposit-guide-button .common-button { margin-bottom: 20px; }
.first-section .guide-banner .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 30px; }
.first-section .first-container { position: relative; }
.first-section .ticker-price-tip { color: rgb(144, 144, 144); font-size: 16px; font-weight: 500; line-height: 20px; }
@media (max-width: 767px) {
  .first-section .ticker-price-tip { margin: 8px 29px 0px; }
}
@media (min-width: 768px) {
  .first-section .ticker-price-tip { margin: 8px 21px 0px; }
}
@media (min-width: 1024px) {
  .first-section .ticker-price-tip { margin: 8px calc(513px - 50vw) 0px; }
}
@media (min-width: 1270px) {
  .first-section .ticker-price-tip { margin: 8px calc(657px - 50vw) 0px; }
}
@media (min-width: 1860px) {
  .first-section .ticker-price-tip { margin: 8px calc(897px - 50vw) 0px; }
  .first-section .banner-container { margin-left: 25%; width: 83.3333%; }
  .first-section .banner-container .left-banner { width: 60%; }
  .first-section .banner-container .left-banner .common-title { font-size: 72px; font-weight: 700; line-height: 112%; }
  .first-section .banner-container .left-banner .register-box { margin-top: 60px; }
  .first-section .banner-container .left-banner .partner-bar { width: 85%; }
  .first-section .banner-container .left-banner .partner-bar .partner-item:first-child { width: 136px; }
  .first-section .banner-container .left-banner .partner-bar .partner-item:nth-child(2) { width: 200px; }
  .first-section .banner-container .left-banner .partner-bar .partner-item:nth-child(3) { width: 88px; }
  .first-section .banner-container .right-banner { box-sizing: border-box; margin-left: 16%; padding-left: 8px; padding-right: 8px; width: 75%; }
}
@media (min-width: 1860px) and (min-width: 768px) {
  .first-section .banner-container { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 1024px) {
  .first-section .banner-container { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 1270px) {
  .first-section .banner-container { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 1860px) {
  .first-section .banner-container { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 2037px) {
  .first-section .banner-container { margin-left: 8.33333%; }
}
@media (min-width: 1860px) and (min-width: 768px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1860px) and (min-width: 1024px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1860px) and (min-width: 1270px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1860px) and (min-width: 1860px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1860px) and (min-width: 2037px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1270px) {
  .first-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .first-section .banner-container { display: flex; }
  .first-section .banner-content { min-height: 300px; }
  .first-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .first-section .left-banner .register-box { display: flex; margin-top: 40px; }
  .first-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .first-section { margin-bottom: 120px; padding-top: 120px; }
  .first-section .banner-container { align-items: center; }
  .first-section .left-banner .register-box { width: 100%; }
  .first-section .left-banner .register-box .register-section { width: 58%; }
  .first-section .left-banner .register-box .register-section .home-register-phone { width: 100%; }
  .first-section .left-banner .register-box .link-to-register { margin-left: 24px; max-width: 37%; }
  .first-section .left-banner .partner-bar { margin-top: 100px; }
  .first-section .right-banner { box-sizing: border-box; margin-left: 50%; padding-left: 8px; padding-right: 0px; width: 75%; }
  .first-section .right-banner .image-bar { min-height: 589.5px; }
  .first-section .right-banner .image-bar .first-img { max-height: 589.5px; width: 100%; }
  .first-section .partner-bar { min-height: 68px; width: 100%; }
  .first-section .partner-bar .partner-item:first-child { width: 120px; }
  .first-section .partner-bar .partner-item:nth-child(2) { width: 164px; }
  .first-section .partner-bar .partner-item:nth-child(3) { width: 66px; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (max-width: 1859px) {
  .first-section .left-banner { margin-left: 25%; width: 40.6667%; }
  .first-section .left-banner.guide-banner { width: 53.333%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 768px) {
  .first-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 1024px) {
  .first-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 1270px) {
  .first-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 1860px) {
  .first-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 2037px) {
  .first-section .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1270px) and (max-width: 1859px) {
  .first-section .left-banner .common-title { font-size: 55px; line-height: 64px; }
  .first-section .left-banner .register-box { justify-content: space-between; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .first-section .right-banner { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .first-section .right-banner { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .first-section .right-banner { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .first-section .right-banner { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .first-section .right-banner { margin-left: 16.6667%; }
}
@media (min-width: 1270px) and (min-width: 768px) {
  .first-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1270px) and (min-width: 1024px) {
  .first-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1270px) and (min-width: 1270px) {
  .first-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1270px) and (min-width: 1860px) {
  .first-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1270px) and (min-width: 2037px) {
  .first-section .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 25%; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .first-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .first-section .banner-container { align-items: center; display: flex; }
  .first-section .banner-content { min-height: 300px; }
  .first-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .first-section .left-banner .register-box { display: flex; margin-top: 40px; }
  .first-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .first-section .right-banner .image-bar .first-img { width: 100%; }
  .first-section { padding-top: 120px; }
  .first-section .banner-container .left-banner { margin-left: 25%; width: 52.5%; }
  .first-section .banner-container .left-banner .common-title { font-size: 46px; line-height: 64px; white-space: break-spaces; }
  .first-section .banner-container .left-banner .register-box { flex-direction: column; }
  .first-section .banner-container .left-banner .register-box .link-to-register { margin-top: 40px; width: fit-content; }
  .first-section .banner-container .left-banner .partner-bar { margin-top: 80px; }
  .first-section .banner-container .right-banner { box-sizing: border-box; margin-left: 25%; padding-left: 8px; padding-right: 8px; width: 100%; }
  .first-section .banner-container .right-banner .image-bar { min-height: 580px; }
  .first-section .banner-container .partner-bar { min-height: 77px; width: 90%; }
  .first-section .banner-container .partner-bar .partner-item:first-child, .first-section .banner-container .partner-bar .partner-item:nth-child(2) { width: 30%; }
  .first-section .banner-container .partner-bar .partner-item:nth-child(3) { width: 15%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .first-section .banner-container .left-banner .register-box .home-register-phone { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .first-section .banner-container .left-banner .register-box .home-register-phone { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .first-section .banner-container .left-banner .register-box .home-register-phone { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .first-section .banner-container .left-banner .register-box .home-register-phone { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .first-section .banner-container .left-banner .register-box .home-register-phone { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 66.6667%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .first-section .banner-container .right-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 33.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .first-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .first-section .banner-container { align-items: center; display: flex; }
  .first-section .banner-content { min-height: 300px; }
  .first-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .first-section .left-banner .register-box { display: flex; margin-top: 40px; }
  .first-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .first-section .right-banner .image-bar .first-img { width: 100%; }
  .first-section { padding-top: 80px; }
  .first-section .banner-container .left-banner { margin-left: 25%; margin-top: 30px; }
  .first-section .banner-container .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button { font-size: 16px; font-weight: 400; line-height: 20px; padding: 12px 16px; }
  .first-section .banner-container .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 20px; }
  .first-section .banner-container .left-banner .common-title { font-size: 40px; }
  .first-section .banner-container .left-banner .register-box .register-section .home-register-phone { font-size: 14px; font-weight: 500; padding: 14px 20px; }
  .first-section .banner-container .left-banner .common-button { font-size: 16px; font-weight: 500; min-width: 150px; padding: 18px 16px; }
  .first-section .banner-container .left-banner .register-box { flex-direction: column; }
  .first-section .banner-container .left-banner .register-box .register-section { width: 75%; }
  .first-section .banner-container .left-banner .register-box .link-to-register { margin-top: 40px; width: fit-content; }
  .first-section .banner-container .left-banner .partner-bar { display: none; }
  .first-section .banner-container .right-banner { margin-left: 25%; }
  .first-section .banner-container .right-banner .image-bar { min-height: 415px; }
  .first-section .banner-container .right-banner .image-bar .first-img { width: 200px; }
  .first-section .partner-bar { display: flex; margin-top: 70px; min-height: 86px; }
  .first-section .partner-bar .partner-item:first-child { width: 140px; }
  .first-section .partner-bar .partner-item:nth-child(2) { width: 170px; }
  .first-section .partner-bar .partner-item:nth-child(3) { width: 84px; }
  .first-section .mobile-footer-bar { margin: auto; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .first-section .banner-container .left-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .first-section .banner-container .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .first-section .banner-container .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .first-section .banner-container .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .first-section .banner-container .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .first-section .banner-container .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 50%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .first-section .banner-container .right-banner { margin-left: 8.33333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .first-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .first-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .first-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .first-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .first-section .mobile-footer-bar { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (max-width: 767px) {
  .first-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .first-section .banner-container { align-items: center; display: flex; }
  .first-section .banner-content { min-height: 300px; }
  .first-section .left-banner .common-title { font-weight: 700; line-height: 132%; }
  .first-section .left-banner .register-box { display: flex; margin-top: 40px; }
  .first-section .left-banner .partner-bar { display: flex; margin-top: 50px; }
  .first-section .right-banner .image-bar .first-img { width: 100%; }
  .first-section { padding-top: 80px; }
  .first-section .banner-container { flex-direction: column; }
  .first-section .banner-content { min-height: 217px; }
  .first-section .left-banner { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
  .first-section .left-banner.guide-banner .title-desc { margin-top: 16px; text-align: center; }
  .first-section .left-banner.guide-banner .kyc-guide .common-button, .first-section .left-banner.guide-banner .trade-guide .common-button { display: block; margin: 32px auto 0px; }
  .first-section .left-banner.guide-banner .deposit-guide .deposit-guide-button { align-items: center; display: flex; flex-direction: column; margin: 40px auto 0px; max-width: 360px; text-align: center; }
  .first-section .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button { font-size: 14px; font-weight: 400; line-height: 16px; padding: 12px 18px; width: fit-content; }
  .first-section .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button:first-child { margin-right: 0px; }
  .first-section .left-banner.guide-banner .deposit-guide .deposit-guide-button .common-button:last-child { margin-bottom: 0px; }
  .first-section .left-banner .common-title { font-size: 32px; margin: auto; max-width: 500px; text-align: center; }
  .first-section .left-banner .register-box { flex-direction: column; }
  .first-section .left-banner .register-box .register-section { margin: 0px auto; max-width: 360px; width: 100%; }
  .first-section .left-banner .register-box .link-to-register { display: block; margin: 40px auto 0px; }
  .first-section .left-banner .register-box .register-section .home-register-phone { font-size: 14px; font-weight: 500; padding: 14px 20px; }
  .first-section .left-banner .common-button { font-size: 16px; font-weight: 500; min-width: 150px; padding: 18px 16px; }
  .first-section .left-banner .partner-bar { display: none; }
  .first-section .right-banner { margin-top: 40px; }
  .first-section .right-banner.deposit-banner { margin-top: 20px; }
  .first-section .right-banner .image-bar { min-height: 511px; text-align: center; }
  .first-section .right-banner .image-bar .first-img { width: 246px; }
  .first-section .partner-bar { align-items: center; display: flex; justify-content: space-around; margin-top: 40px; min-height: 98px; }
  .first-section .partner-bar .partner-item:first-child { width: 25%; }
  .first-section .partner-bar .partner-item:nth-child(2) { width: 30%; }
  .first-section .partner-bar .partner-item:nth-child(3) { width: 15%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .first-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .first-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .first-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .first-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .first-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .first-section .left-banner { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) {
  .au-home-page-container .second-section, .home-page-container .second-section { contain-intrinsic-size: auto 471px; }
}
@media (min-width: 768px) {
  .au-home-page-container .second-section, .home-page-container .second-section { contain-intrinsic-size: auto 619px; }
}
@media (min-width: 1024px) {
  .au-home-page-container .second-section, .home-page-container .second-section { contain-intrinsic-size: auto 952px; }
}
@media (min-width: 1270px) {
  .au-home-page-container .second-section, .home-page-container .second-section { contain-intrinsic-size: auto 1067px; }
}
@media (min-width: 1860px) {
  .au-home-page-container .second-section, .home-page-container .second-section { contain-intrinsic-size: auto 1134px; }
}
.au-home-page-container .second-section .second-img, .home-page-container .second-section .second-img { width: 100%; }
@media (max-width: 767px) {
  .home-page-container .sixth-section { contain-intrinsic-size: auto 837px; }
}
@media (min-width: 768px) {
  .home-page-container .sixth-section { contain-intrinsic-size: auto 934px; }
}
@media (min-width: 1024px) {
  .home-page-container .sixth-section { contain-intrinsic-size: auto 1133px; }
}
@media (min-width: 1270px) {
  .home-page-container .sixth-section { contain-intrinsic-size: auto 1171px; }
}
@media (min-width: 1860px) {
  .home-page-container .sixth-section { contain-intrinsic-size: auto 1131px; margin: auto; padding-bottom: 200px; width: 82%; }
}
@media (min-width: 1270px) and (max-width: 1859px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding: 120px 8px; width: 100%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 768px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 1024px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 1270px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 1860px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) and (max-width: 1859px) and (min-width: 2037px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .home-page-container .sixth-section { margin: 0px auto; padding-bottom: 120px; padding-top: 120px; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 768px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1024px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1270px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 1860px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) and (max-width: 1269px) and (min-width: 2037px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-page-container .sixth-section { margin: 0px auto; padding-bottom: 120px; padding-top: 80px; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (max-width: 767px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding: 80px 8px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 768px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1270px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 1860px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) and (min-width: 2037px) {
  .home-page-container .sixth-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
.au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 8px; padding-right: 8px; width: 100%; }
@media (min-width: 768px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1024px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1270px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 1860px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (min-width: 2037px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 100%; }
}
@media (max-width: 767px) {
  .au-home-page-container .third-section, .home-page-container .third-section { contain-intrinsic-size: auto 620px; }
}
@media (min-width: 768px) {
  .au-home-page-container .third-section, .home-page-container .third-section { contain-intrinsic-size: auto 852px; }
}
@media (min-width: 1024px) {
  .au-home-page-container .third-section, .home-page-container .third-section { contain-intrinsic-size: auto 737px; }
}
@media (min-width: 1270px) {
  .au-home-page-container .third-section, .home-page-container .third-section { contain-intrinsic-size: auto 817px; }
}
@media (min-width: 1860px) {
  .au-home-page-container .third-section, .home-page-container .third-section { contain-intrinsic-size: auto 893px; }
}
.au-home-page-container .third-section .third-title, .home-page-container .third-section .third-title { text-align: center; }
.au-home-page-container .third-section .third-title .common-desc, .home-page-container .third-section .third-title .common-desc { margin-top: 20px; }
.au-home-page-container .third-section .third-animation, .au-home-page-container .third-section .third-animation .third-pc-animation, .home-page-container .third-section .third-animation, .home-page-container .third-section .third-animation .third-pc-animation { width: 100%; }
.au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { display: none; margin: auto; }
@media (min-width: 768px) {
  .au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1024px) {
  .au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1270px) {
  .au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) {
  .au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 2037px) {
  .au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 1860px) {
  .au-home-page-container .third-section, .home-page-container .third-section { margin: auto; width: 83.3333%; }
  .au-home-page-container .third-section .common-desc, .home-page-container .third-section .common-desc { font-size: 24px; }
}
@media (min-width: 1270px) {
  .au-home-page-container .third-section, .home-page-container .third-section { padding-bottom: 120px; padding-top: 120px; }
  .au-home-page-container .third-section .third-animation, .home-page-container .third-section .third-animation { margin-top: 100px; min-height: 328px; }
}
@media (min-width: 1024px) and (max-width: 1269px) {
  .au-home-page-container .third-section, .home-page-container .third-section { padding-bottom: 120px; padding-top: 120px; }
  .au-home-page-container .third-section .third-title .common-desc, .home-page-container .third-section .third-title .common-desc { line-height: 32px; }
  .au-home-page-container .third-section .third-animation, .home-page-container .third-section .third-animation { margin-top: 100px; min-height: 252px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .au-home-page-container .third-section, .home-page-container .third-section { margin: 0px auto; padding-bottom: 80px; padding-top: 80px; }
  .au-home-page-container .third-section .common-desc, .home-page-container .third-section .common-desc { font-size: 18px; }
  .au-home-page-container .third-section .third-animation, .home-page-container .third-section .third-animation { margin-top: 80px; min-height: 60vw; }
  .au-home-page-container .third-section .third-animation .third-pc-animation, .home-page-container .third-section .third-animation .third-pc-animation { display: none; }
  .au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { display: block; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1270px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 2037px) {
  .au-home-page-container .third-section, .home-page-container .third-section { box-sizing: border-box; padding-left: 12px; padding-right: 12px; width: 83.3333%; }
}
@media (max-width: 767px) {
  .au-home-page-container .third-section, .home-page-container .third-section { padding-bottom: 80px; padding-top: 80px; }
  .au-home-page-container .third-section .common-desc, .home-page-container .third-section .common-desc { font-size: 16px; line-height: 158%; }
  .au-home-page-container .third-section .third-animation, .home-page-container .third-section .third-animation { margin: 72px auto 0px; min-height: 75vw; width: 80%; }
  .au-home-page-container .third-section .third-animation .third-pc-animation, .home-page-container .third-section .third-animation .third-pc-animation { display: none; }
  .au-home-page-container .third-section .third-animation .third-mobile-animation, .home-page-container .third-section .third-animation .third-mobile-animation { display: block; }
}
.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, #e6ffb0); 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, #2b6d17); 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, #2b6d17); 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; }
}
#ok-cs-button { display: flex; position: fixed; right: 16px; flex-direction: row; bottom: 76px; 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, #e6ffb0); 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, #2b6d17); 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, #2b6d17); 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; }
.index_downloadBanner__2rVtu { bottom: 0px; box-sizing: border-box; margin-bottom: 12px; padding: 0px 16px; position: fixed; width: 100%; z-index: 10001; }
.index_downloadBanner__2rVtu .index_content__rDjdz { align-items: center; background-color: rgb(247, 247, 247); border-radius: 4px; display: flex; padding: 12px 16px; position: relative; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_img__0vOtX { border-radius: 8px; height: 40px; width: 40px; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_text__xfFBL { flex-grow: 1; margin-left: 12px; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_text__xfFBL .index_title__jMJa4 { color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_text__xfFBL .index_desc__JMpKW { color: rgb(110, 110, 110); font-size: 12px; margin-top: 4px; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_button__dkvGy { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(219, 219, 219); border-radius: 14px; box-sizing: border-box; color: rgb(31, 37, 51); display: flex; font-size: 12px; font-weight: 500; justify-content: center; line-height: 16px; min-width: 72px; padding: 5px 12px; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_button__dkvGy:focus-visible { outline: rgb(0, 0, 0) solid 2px; outline-offset: 1px; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_close__tSibZ { cursor: pointer; display: block; font-size: 12px; height: 16px; position: absolute; right: 3px; top: 3px; width: 16px; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_close__tSibZ::after { color: rgb(0, 0, 0); content: "x"; opacity: 0.3; text-align: center; }
.index_downloadBanner__2rVtu .index_content__rDjdz .index_close__tSibZ:focus-visible { border-radius: 2px; outline: rgb(0, 0, 0) solid 2px; outline-offset: 0px; }
@media (min-width: 768px) {
  .index_downloadBanner__2rVtu { display: none; }
}