OKTC =E6=96=87=E6=A1=A3=EF=BD=9C=E4=BD=BF= =E7=94=A8=E6=8C=87=E5=8D=97=EF=BD=9C=E5=BC=80=E5=8F=91=E6=96=87=E6=A1=A3

Parameter	Type
String	Contract address
code_id	int64	Code id
creator	String	The creato= r of contract
label	String	Contract label

Parameter	Type	De= scription
codeID	String	Yes	Code id of wasm contract
page	Uint64	No	Page
page_key	String	`page_key` is a valu= e returned in `PageResponse.next_key` to begin querying the next= page most efficiently. Only one of `offset` or `page_key should be set.`
offset	Uint64	No	`off= set` is a numeric offset that can be used when `page_key` = is unavailable. It is less efficient than using key. Only one of `offs= et` or `page_key` should be set.
limit	Uint64	No
count_total	Bool	No	`count= _total` is set to true to indicate that the result set should include= a count of the total number of items available for pagination in UIs. count_total is only respected when `offset` is used. It= is ignored when `page_key` is set.
reverse	Bool	No	`reverse` is set to true if results are to be retu= rned in the descending order.
Once = page is set, page_key or offset cannot be set.

Parameter	Type
Array	Contract Address Array
pagination	Page response parameters
pagination.next_key	St= ring	The next page start key
pagination.total	String	It=E2=80=99s a number format

Parameter	Type	De= scription
contractA= ddr	String	Yes	contract address
page	Uint64	No	page
page_key	String	`page_key` is a value= returned in `PageResponse.next_key` to begin querying the next = page most efficiently. Only one of `offset` or `page_key should be set.`
offset	Uint64	No	`offset=` is a numeric offset that can be used when `page_key` is = unavailable. It is less efficient than using key. Only one of `offset<= /code> or page_key should be set.`
limit	Uint64	No	`limit` is the total number of results to be retur= ned in the result page. If left empty it will default to a value to be set = by each app.
count_total	Bool	No	`count_tota= l` is set to true to indicate that the result set should include a co= unt of the total number of items available for pagination in UIs. `cou= nt_total` is only respected when `offset` is used. It is i= gnored when `page_key` is set.
r= everse	Bool	No	`reverse` is set to true if results are to be returned= in the descending order.
Once page= is set, page_key or offset cannot be set.	=

Parameter	Type
Array Object	The history info of contract
entr= y.operation	Int64	Contract op= erate type
entry.code_id	String	Code id
= entry.msg	Object	Msg
entry.msg.decimals	Int64	Decimal
entry.msg.initi= al_balances	Array Object	Init= ial balances
entries.msg.initial_balance.ad= dress	String	Initial balance = address
entries.msg.name	String	Contract name
entries.msg.symbol	String	Contract symbol
pagination	Object	Page response parameters
pagination.next_key	String	The next page start key
pagination.total	String	It= =E2=80=99s a number format

Parameter	Type	De= scription
contractA= ddr	String	Yes	Contract address required
key	String	Yes	Queried key value required
encoding	Yes	= Must use hex because `key` is hex

Parameter	Type	De= scription
contractA= ddr	String	Yes	Contract address required
query	String	Yes	Request data required base64 code
encod= ing	string	Yes	Must use base64

Parameter	Type
string	Base64 Code

Parameter	Type	De= scription
contractA= ddr	String	Yes	Contract address
page	Uint64	No
page_key	String	No	`page_key` is a value ret= urned in `PageResponse.next_key` to begin querying the next page= most efficiently. Only one of `offset` or `page_key`= should be set.
offset	Uint64	No	`offset is a numeric offset that can be used when page_key is unav= ailable. It is less efficient than using key. Only one of offset or page_key should be set.`
= limit	Uint64	No	`limit` is the total number of results to be returned = in the result page. If left empty it will default to a value to be set by e= ach app.
count_total	Bool	No	`count_total is set to true to indicate that the result set should include a count = of the total number of items available for pagination in UIs. count_t= otal is only respected when offset is used. It is ignor= ed when page_key is set.`
rever= se	Bool	No	`reverse` is set to true if results are to be returned in t= he descending order.

Parameter	Type
Array Object	Model object
model.key	String	Data key which is hex code
model.value	String
pagination	Object	Page respo= nse parameters
pagination.next_key	String	The next page start key
pagination.total	String	It=E2=80=99s a number format

Parameter	Type
Array	Min deposit, okt
> amount	String	amount of deposit
> denom	String	denom of deposit
max_deposit_peri= od	String	=E6=8F=90=E6= =A1=88=E7=9A=84=E6=9C=80=E9=95=BF=E5=AD=98=E6=94=BE=E6=9C=9F=E9=99=90

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E6=8A=95=E7=A5=A8=E6=9C=9F=E9=99= =90	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E6=8A=95=E7=A5=A8=E6= =9C=9F=E9=99=90

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E6=B3=95=E5=AE=9A=E4=BA=BA=E6=95= =B0	=E7=BB=86=E7=BB=B3	=E6=8A=95=E7=A5=A8=E6=B3=95=E5=AE=9A=E4= =BA=BA=E6=95=B0
=E4= =B8=B4=E7=95=8C=E7=82=B9	=E7= =BB=86=E7=BB=B3	=E6=8A=95=E7=A5= =A8=E9=97=A8=E6=A7=9B
= =E5=90=A6=E5=86=B3	=E7=BB=86=E7= =BB=B3	=E5=90=A6=E5=86=B3
=E6=8A=95=E7=A5=A8=E6=9C=9F= =E9=97=B4=E4=B8=BA yes_in_vote_period	= =E7=BB=86=E7=BB=B3	=E6= =8A=95=E7=A5=A8=E6=9C=9F=E9=97=B4

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E5=86=85=E5=AE=B9<= /td>	=E7=9B=AE=E7=9A=84	=E5=BB=BA=E8=AE=AE=E5=86=85=E5=AE=B9
> =E8=BE=93=E5=85=A5	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E7=B1=BB=E5=9E=8B
> =E5=80=BC	=E7=9B=AE=E7=9A=84	>> =E5=8F=82=E6=95=B0=E5= =8F=98=E6=9B=B4=E5=BB=BA=E8=AE=AE	=E7=9B=AE=E7=9A=84	=E5=8F=82= =E6=95=B0=E5=8F=98=E6=9B=B4=E5=BB=BA=E8=AE=AE=E5=AF=B9=E8=B1=A1
>>> =E5=8F=98=E5=8C=96	=E5=A4=A7=E6=89=B9=	=E6=9B=B4=E6=94=B9=E6=95=B0=E7=BB=84<= /font>
>>>> =E5=AD=90=E7= =A9=BA=E9=97=B4	=E7=BB=86=E7=BB= =B3	=E5=8F=98=E5=8C=96=E7=9A=84= =E5=AD=90=E7=A9=BA=E9=97=B4=E5=90=8D=E7=A7=B0
=E7=BB=86=E7=BB=B3	=E5=8F=98=E9=9D=A9=E7=9A=84=E4=BB=B7=E5=80=BC
>>>> =E9=94=AE	=E7=BB=86=E7=BB=B3	=E5=8F=98=E9=9D=A9=E4=B9=8B=E9=92=A5
>>> =E6=8F=8F=E8=BF=B0	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E6=8F=8F=E8=BF=B0
>>> =E6=A0=87=E9=A2=98=	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E6=A0=87=E9=A2=98
= >> =E9=AB=98=E5=BA=A6=	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E7=9A=84=E6=9C=89=E6=95=88=E5= =8C=BA=E5=9D=97=E9=AB=98=E5=BA=A6
=E6=8A=95=E7=A5=A8=E5=BC=80=E5=A7=8B=E6=97=B6=E9=97=B4	=E7=BB=86=E7=BB=B3
= ID	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E7=BC=96=E5=8F=B7
=E5=AD=98=E6=AC=BE=E7=BB= =93=E6=9D=9F=E6=97=B6=E9=97=B4	= =E7=BB=86=E7=BB=B3	=E6=8F=90=E6= =A1=88=E5=AD=98=E6=AC=BE=E7=BB=93=E6=9D=9F=E6=97=B6=E9=97=B4<= /td>
=E6=8F=90=E4=BA=A4=E6=97=B6=E9=97=B4=	=E7=BB=86=E7=BB=B3	=E6=8F=90=E4=BA=A4=E6=8F=90=E6=A1=88=E6=97= =B6=E9=97=B4
=E6=80=BB= =E5=AD=98=E6=AC=BE	=E5=A4=A7=E6= =89=B9	=E5=BB=BA=E8=AE=AE=E4=B9= =A6=E6=80=BB=E5=AD=98=E6=AC=BE
> =E6=95=B0=E9=87=8F	=E5=AD=98= =E6=AC=BE=E9=87=91=E9=A2=9D
<= font style=3D"vertical-align: inherit;">> =E5=A7=93=E5=90=8D	= =E7=BB=86=E7=BB=B3	=E5=AD=98=E6= =AC=BE=E9=9D=A2=E9=A2=9D
=E6=9C=80=E7=BB=88=E7=BB=93=E6=9E=9C	=E7=9B=AE=E7=9A=84	=E6= =8F=90=E6=A1=88=E6=9C=80=E7=BB=88=E8=AE=A1=E7=A5=A8=E7=BB=93=E6=9E=9C
> =E6=80=BB=E6=8A=95=E7= =A5=A8=E6=95=B0	=E7=BB=86=E7=BB= =B3	=E6=80=BB=E6=8A=95=E7=A5=A8= =E6=9D=83
> =E6=B2= =A1=E6=9C=89	=E7=BB=86=E7=BB=B3=	=E6=8A=95=E4=BA=86=E5=8F=8D=E5= =AF=B9=E7=A5=A8
>= =E4=B8=8D=E4=BA=88=E5=90=A6=E5=86=B3	= =E7=BB=86=E7=BB=B3	=E5= =90=A6=E5=86=B3
>= =E6=80=BB=E5=8A=9F=E7=8E=87	= =E7=BB=86=E7=BB=B3	=E6=80=BB=E5= =8A=9F=E7=8E=87
>= =E6=98=AF=E7=9A=84	=E7=BB=86= =E7=BB=B3	=E6=8A=95=E4=BA=86=E8= =B5=9E=E6=88=90=E7=A5=A8
=EF=BC=9E=E5=BC=83=E6=9D=83	= =E7=BB=86=E7=BB=B3	=E5=BC=83=E6= =9D=83
=E6=8F=90=E6=A1= =88=E7=8A=B6=E6=80=81	=E7=BB=86= =E7=BB=B3	=E6=8F=90=E6=A1=88=E7= =8A=B6=E6=80=81=E3=80=82=E5=AD=98=E6=AC=BE=E6=9C=9F=EF=BC=8C=E6=8A=95=E7=A5= =A8=E6=9C=9F=EF=BC=8C=E9=80=9A=E8=BF=87=EF=BC=8C=E6=8B=92=E7=BB=9D=EF=BC=8C= =E5=A4=B1=E8=B4=A5
=E6= =8A=95=E7=A5=A8=E7=BB=93=E6=9D=9F=E6=97=B6=E9=97=B4	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E6=8A=95=E7=A5=A8=E7=BB=93=E6=9D=9F=E6=97=B6=E9= =97=B4

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E6=8F=90=E6=A1=88 ID	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E7=BC=96=E5=8F=B7
=E5=BB=BA=E8=AE=AE	=E6=8F=90=E8=AE=AE=E4=BA=BA=E5=9C=B0=E5=9D=80

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E6=80=BB=E5=8A=9F=E7=8E=87	=E7=BB=86=E7=BB=B3	=E6=80=BB=E5=8A=9F=E7=8E=87
=E6=80=BB=E6=8A=95=E7=A5=A8=E6=95=B0	=E7=BB=86=E7=BB=B3	=E6=80=BB=E6=8A=95=E7=A5=A8=E6=9D=83
=E6=98=AF=E7=9A=84<= /td>	=E7=BB=86=E7=BB=B3	=E6=8A=95=E7=A5=A8=E8=B5=9E=E6=88=90
=E5=BC=83=E6=9D=83	=E7=BB=86=E7=BB=B3	=E5=BC=83=E6=9D=83=E8=A1=A8=E5=86=B3=E6=9D=83
=E4=B8=8D	=E7=BB=86=E7=BB=B3	= =E6=8A=95=E7=A5=A8=E5=8F=8D=E5=AF=B9
=E4=B8=8D=E4=BA=88=E5=90=A6=E5=86=B3	=E6=8A=95=E7=A5=A8=E5=8F=8D=E5=AF=B9=E5=B9=B6=E6=8B=A5=E6=9C=89= =E5=90=A6=E5=86=B3=E6=9D=83

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E6=8F=90=E6=A1=88 ID	=E7=BB=86=E7=BB=B3	=E6=8F=90=E6=A1=88=E7=BC=96=E5=8F=B7
=E9=80=89=E6=B0=91	=E5=9C=B0=E5=9D=80=E9=80=89=E6=B0=91
=E9=80=89=E9=A1=B9	=E7=BB=86=E7=BB=B3	=E9=80=89=E9=A1=B9=EF=BC=8C=E6=98=AF=EF=BC=8C=E5=BC=83=E6=9D=83=EF=BC= =8C=E5=90=A6=EF=BC=8C=E5=90=A6=E5=86=B3

GitHub
=E6=B5=8B=E8=AF=95=E7= =BD=91=E6=B0=B4=E9=BE=99=E5=A4=B4
=E5=BC=80=E5=8F=91=E8=80=85=E6=96=87=E6=A1=A3<= /a>

= =E5= =BC=80=E5=8F=91=E4=BA=BA=E5=91=98=E6=9C=8D=E5=8A=A1

<= i class=3D"icon iconfont doc-ssr-okds-carets-filled-down" style=3D"font-siz= e: 12px; transform: scale(0.67) rotate(-180deg); color: rgb(0, 0, 0);">=

=E6=B0=94=E5=9B=9E
=E5=9C=A8 OKTC =E9=87=8D=E6=96=B0=E8=8E=B7=E5=8F=96= =E5=A4=A9=E7=84=B6=E6=B0=94

OKTC =E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88

OKTC =E6=B5= =81=E5=8A=A8=E6=80=A7=E8=B4=A8=E6=8A=BC
OKT =E6=B5= =81=E5=8A=A8=E6=80=A7=E8=B4=A8=E6=8A=BC=E6=95=99=E7=A8=8B=
OKTC =E6=8E=89=E6=9C=9F
OKTC =E6=8E=89=E6=9C=9F
OKTC =E5=A4=9A=E9=87=8D=E7=AD=BE=E5=90=8D=
OKTC =E5=A4=9A=E9=87=8D=E7=AD=BE=E5=90=8D
O= KTC =E8=99=9A=E6=8B=9F=E7=8E=B0=E5=AE=9E
- =E8=AE=A2=E9=98=85=E6=96=B9=E5=BC=8F
  =E8=AE=A2=E9=98=85=E6=96=B9=E5=BC=8F
  =E8=8E=B7=E5=8F=96=E9=9A=8F=E6=9C=BA=E6=95=B0
  =E8=AE=A2=E9=98=85=E7=AE=A1=E7=90=86=E5=99=A8=E7=94=A8=E6=88= =B7=E7=95=8C=E9=9D=A2
  =E9=85=8D=E7=BD=AE
- =E7=9B=B4=E6=8E=A5=E8=B5=84=E5=8A=A9=E6=96=B9=E5=BC= =8F
  =E7=9B=B4=E6=8E=A5=E8=B5=84= =E5=8A=A9=E6=96=B9=E5=BC=8F
  =E8=8E=B7=E5= =8F=96=E9=9A=8F=E6=9C=BA=E6=95=B0
  =E6=94=AF= =E6=8C=81=E7=9A=84=E7=BD=91=E7=BB=9C
- =E5=AE=89= =E5=85=A8=E6=B3=A8=E6=84=8F=E4=BA=8B=E9=A1=B9
  VRF =E5=AE=89=E5=85=A8=E6=B3=A8=E6=84=8F=E4=BA=8B=E9=A1=B9=
- =E6=9C=80=E4=BD=B3=E5=AE=9E=E8=B7=B5
  VRF =E6=9C=80=E4=BD=B3=E5=AE=9E=E8=B7=B5<= /a>
OKTC =E5=AD=90=E5=9B=BE
=E5=BC=80=E5= =A7=8B=E4=BD=BF=E7=94=A8
=E5=BC=80=E5=A7=8B=E4= =BD=BF=E7=94=A8
=E5=A6=82=E4=BD=95=E9=83=A8=E7= =BD=B2OKTC=E5=AD=90=E5=9B=BE
=E5=A6=82=E4=BD=95=E9=83=A8=E7=BD=B2OKTC=E5=AD=90=E5=9B=BE
=E7=A4=BA=E4=BE=8B=E6=9F=A5=E8=AF=A2=
=E7=A4=BA=E4=BE=8B=E6=9F=A5=E8=AF=A2<= /li>
=E5=B8=B8=E9=97=AE=E9=97=AE=E9=A2=98
=E5=B8=B8=E9=97= =AE=E9=97=AE=E9=A2=98

=E8=B5=84=E6=BA=90

<= !--$-->

Rest API #

OKTC =E7=9A=84 Rest api =E6=96=B9=E6=B3=95=E3=80=82=

# Mainnet
https://exchainrpc.okex.org/okexchain/v1/auth/accounts/0x11941B5f5A1BD39bc3=
Da48f3815C877800bb73c1

# Testnet
https://exchaintestrpc.okex.org/okexchain-test/v1/auth/accounts/0x9536354AE=
32852A7E7C4BFe7415b104016d5Fb04

=E9=80=9F=E7=8E=87=E9=99=90=E5=88=B6=EF=BC=9A=E6=AF=8F=E7=A7=92 6= =E4=B8=AA=E8=AF=B7=E6=B1=82=E3=80=82

=E5=B8=A6=E5=8F=82=E6=95=B0=E6=9F=A5=E8=AF=A2=E5=8E=86=E5=8F=B2= =E4=BF=A1=E6=81=AFheight=EF=BC=8C=E9=BB= =98=E8=AE=A40=E4=B8=AA=E6=9C=80=E6=96=B0=E5=8C=BA=E5=9D=97=EF=BC=8C=E8=8A= =82=E7=82=B9=E5=8F=AF=E8=83=BD=E4=BC=9A=E5=88=A0=E9=99=A4=E5=8E=86=E5=8F=B2= =E4=BF=A1=E6=81=AF=EF=BC=8C=E5=BB=BA=E8=AE=AE=E6=9F=A5=E8=AF=A2=E6=9C=80=E6= =96=B0=E7=9A=8410=E4=B8=AA=E5=8C=BA=E5=9D=97

# query account in=
fo on block height 1111
https://exchainrpc.okex.org/okexchain/v1/auth/accounts/0x11941B5f5A1BD39bc3=
Da48f3815C877800bb73c1?height=3D1111

# query delegator info on block he=
ight 1111
https://exchainrpc.okex.org/okexchain/v1/staking/delegators/0x11941B5f5A1BD=
39bc3Da48f3815C877800bb73c1?height=3D1111

# query delegator info on lastest =
block
https://exchainrpc.okex.org/okexchain/v1/staking/delegators/0x11941B5f5A1BD=
39bc3Da48f3815C877800bb73c1
https://exchainrpc.okex.org/okexchain/v1/staking/delegators/0x11941B5f5A1BD=
39bc3Da48f3815C877800bb73c1?height=3D0

=E5=B8=90=E6=88=B7=EF=BC=83

=E8=8E=B7=E5=8F=96=E4=BD=99=E9= =A2=9D

=E8=8E=B7=E5=8F=96=E5=8D=95=E4=B8=AA=E5=9C=B0=E5=9D=80=E6=89=80= =E6=9C=89=E5=B8=81=E7=A7=8D=E4=BD=99=E9=A2=9D=E7=9A=84API=E6=8E=A5=E5=8F=A3= =EF=BC=8C=E9=BB=98=E8=AE=A4=E5=8F=AA=E6=98=BE=E7=A4=BA=E9=83=A8=E5=88=86=E5= =B8=81=E7=A7=8D=EF=BC=8C=E5=8F=AF=E4=BB=A5=E4=BD=BF=E7=94=A8 =E5=8F=82=E6= =95=B0show=3Dall=E6=9F=A5=E7=9C=8B=E5=85= =A8=E9=83=A8=EF=BC=9B=E5=8F=AF=E4=BB=A5=E4=BD=BF=E7=94=A8 =E5=8F=82=E6=95= =B0symbol=3Dbtc=E6=9F=A5=E7=9C=8B=E6=9F= =90=E4=B8=80=E7=A7=8D=E5=B8=81=E7=A7=8D=E3=80=82

HTTP=E8=AF=B7=E6=B1=82=

GET okexchain/v1/accounts/{address}

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/accounts/ex1508d7e=
q592kg2lh9d46xvv3r4sm7gm8we5fakv
https://exchainrpc.okex.org/okexchain/v1/accounts/ex1508d7eq592kg2lh9d46xvv=
3r4sm7gm8we5fakv?show=3Dpartial
https://exchainrpc.okex.org/okexchain/v1/accounts/ex1508d7eq592kg2lh9d46xvv=
3r4sm7gm8we5fakv?show=3Dall
https://exchainrpc.okex.org/okexchain/v1/accounts/ex1508d7eq592kg2lh9d46xvv=
3r4sm7gm8we5fakv?symbol=3Dbtc

=E8=AF=B7=E6=B1=82= =E5=8F=82=E6=95=B0

=E7=A4=BA=E4=BE=8B=E5=93=8D=E5=BA=94

{
	"code": 0,
	"msg"=
: "",
	"detail_msg": "",
	"data": {
		"address": "ex1508d7eq592kg2lh9d46xvv3r4sm7=
gm8we5fakv",
		"currencies": [{
			"symbol": "okt",
			"available": "51123.350000000000000000",
			"locked": "0"
		}]
	}
}

=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E5=BF=85=E9=9C=80=E7=9A=84	=E6=8F=8F=E8=BF=B0
=E5=9C=B0=E5=9D=80<= /font>	=E7=BB=86=E7=BB=B3	=E6=98=AF=E7=9A=84
=E5=B1=95=E7=A4=BA	= =E7=BB=86=E7=BB=B3	=E4=B8=8D	=E7=B1=BB=E5=9E=8B=EF=BC=9A=EF=BC=9A=E6=98=BE=E7=A4=BA=E5=85=A8=E9=83=A8=EF=BC=9A=E6=98=BE=E7=A4=BA=E9=83=A8=E5=88=86 `all`
=E8=B1=A1=E5=BE=81	=E7=BB=86=E7=BB=B3	=E4=B8=8D	<= font style=3D"vertical-align: inherit;">=E4=BE=8B=E5=A6=82`btc`

> =E7=AC=A6=E5=8F=B7<= /tr>

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E5=9C=B0=E5=9D=80<= /td>	=E7=BB=86=E7=BB=B3	=E8=B4=A6=E6=88=B7=E5=9C=B0=E5=9D=80
=E8=B4=A7=E5=B8=81	=E7=BB=86=E7=BB=B3	=E8=B4=A7=E5=B8=81=E5=88=97=E8=A1=A8
=E7=BB=86=E7=BB=B3	=E8=B4=A7=E5=B8=81=E7=AC=A6=E5=8F=B7
> =E5=8F=AF=E7=94=A8	=E7=BB=86=E7=BB=B3	=E5=8F=AF=E4=BB=A5=E4=BD=BF=E7=94=A8=E7=9A=84=E9=87=8F
> =E9=94=81=E5=AE=9A	=E7=BB=86=E7=BB=B3	=E9=94=81=E5=AE=9A=E9=87=91=E9=A2=9D

=E8=8E=B7=E5=8F=96 account= Number =E5=92=8C=E5=BA=8F=E5=88=97#

=E8=8E=B7=E5=8F=96=E7=94=A8=E6=88=B7=E7=9A=84account_number=E5=92= =8Csequence=E7=9A=84API=E7=AB=AF=E7=82=B9=E3=80=82

HTTP=E8=AF=B7=E6=B1=82=

GET okexchain/v1/auth/accounts/{address}

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/auth/accounts/ex1x=
kl5agjzqnjnptyat2dng2asmx8g5kll7evelk

=E8=AF=B7=E6=B1=82= =E5=8F=82=E6=95=B0

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E5=BF=85=E9=9C=80=E7=9A=84	=E6=8F=8F=E8=BF=B0
=E5=9C=B0=E5=9D=80<= /font>	=E7=BB=86=E7=BB=B3	=E6=98=AF=E7=9A=84	=E8=B4=A6=E6=88=B7=E5=9C=B0=E5=9D=80

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

{
	"type": "okexchain/EthAccount",
	"value"{
		"address": "ex1xkl5agjzqnjnptyat2dng2asmx8g=
5kll7evelk",
		"eth_address": "0x35bf4EA24204E530AC9d5a9b3=
42bB0D98e8a5bfF",
		"coins": [{
			"denom": "okt",
			"amount": "52741.300000000000000000"
		}],
		"public_key": "expub17weu6qepqw9q0u6snmd40a=
7d6jqc5ey4z0se30ev09jw44pnz29lf36p0euv26pqjvf",
		"account_number": 49,
		"sequence": 15,
		"code_hash": "c5d2460186f7233c927e7db2dcc70=
3c0e500b653ca82273b7bfad8045d85a470"
	}
}

=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0

eth_=E5=9C=B0=E5=9D=80= = =E5=90=88=E7=BA=A6=E4=BB=A3=E7=A0=81=E5=93=88=E5=B8= =8C=E5=80=BC=

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E5=9C=B0=E5=9D=80<= /td>	=E7=BB=86=E7=BB=B3	OKExChain=E5=9C=B0=E5=9D=80
=E7=BB=86=E7=BB=B3	Etherscan =E7=9A=84=E5=9C=B0=E5=9D=80
=E5=85=AC=E9=92=A5	=E7=BB=86=E7=BB=B3	=E8= =B4=A6=E6=88=B7=E5=85=AC=E9=92=A5
=E5=B8=90=E5=8F=B7	= =E7=BB=86=E7=BB=B3	=E8=B4=A6=E6= =88=B7=E5=88=9B=E5=BB=BA=E5=BA=8F=E5=88=97=E5=8F=B7
=E9=A1=BA=E5=BA=8F	=E7=BB=86=E7=BB=B3	<= font style=3D"vertical-align: inherit;">=E8=B4=A6=E6=88=B7=E9=9A=8F=E6=9C=BA=E6=95=B0
=E4=BB=A3=E7=A0=81=E5=93=88=E5=B8=8C	=E7=BB=86=E7=BB=B3
=E7=A1=AC= =E5=B8=81	=E5=A4=A7=E6=89=B9	=E7=A1=AC=E5=B8=81<= /td>
> =E5=A7=93=E5=90=8D	=E7=BB=86=E7=BB=B3	=E7=A1=AC=E5=B8=81=E9=9D=A2=E9=A2=9D
> =E6=95=B0=E9=87=8F	=E7=BB=86=E7=BB=B3	=E7=A1=AC=E5=B8=81=E6=95=B0=E9=87=8F

=E5=8C=BA=E5=9D=97<= /font>#

=E8=8E=B7=E5=8F=96=E6=9C=80=E6=96=B0=E5=8C=BA=E5=9D=97

=E8=8E=B7=E5=8F=96=E5=8C=BA=E5=9D=97=E7=9A=84=E6=9C=80=E6=96=B0= =E4=BF=A1=E6=81=AF

HTTP=E8=AF=B7=E6=B1=82

GET okexchain/v1/blocks/latest

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/blocks/latest

=E8=AF=B7=E6=B1=82= =E5=8F=82=E6=95=B0

=E6=B2=A1=E6=9C=89=E4=BB=BB=E4=BD=95

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

{
  "block_id": {
    "hash": "318A4D6BCBBF646BFB85803D4A4DFBB3=
0BFBC42DC424D4B26ADE34C43E6FA135",=

    "parts": {
      "total": "1",
      "hash": "E9FCD3B437149AFE48986DB4D990F9=
413C0D29F29E066CD753D949FAF86C746E"
    }
  },
  "block": {
    "header": {
      "version": {
        "block": "10",
        "app": "0"
      },
      "chain_id": "exchain-66",
      "height": "2603621",
      "time": "2021-05-07T08:01:26.35548598Z"=
,
      "last_block_id": {
        "hash": "7FE82A494E32E54CB1BAB23B9742=
101B26347B5AA08C08F4F146C8B1E3FE7635",
        "parts": {
          "total": "1",
          "hash": "4DD2803A3C906A1D8CCD9F05B0=
9C46EE91A0F4C19E49EB60F36E4D49D1DDB639"
        }
      },
      "last_commit_hash": "0464FACC42944898=
C4B58AF4B9AACB5640889AD1CC2BB9F4667A12400513C679",
      "data_hash": "16AA2C550F7B7734F1BD0453D=
C5641C31AFD6DC12D59A4657D745792D1A2C0F5",
      "validators_hash": "FFAA79D077B93BBE156=
8A2773B7770D261D749A3D1F1DF7FB5DCF08EFE29521D",
      "next_validators_hash": "FFAA79D077B93B=
BE1568A2773B7770D261D749A3D1F1DF7FB5DCF08EFE29521D",
      "consensus_hash": "048091BC7DDC283F77BF=
BF91D73C44DA58C3DF8A9CBC867405D8B7F3DAADA22F",
      "app_hash": "EB98972779BE109B820676CCAF=
BE26D1AE191B4895D5D3B60385A133F708611B",
      "last_results_hash": "",
      "evidence_hash": "",
      "proposer_address": "C12BA4719F0F124D=
44CD1C820F7A7DE5AA2724EF"
    },
    "data": {
      "txs": [
        "mwolpr5UCpQKCJ4WEgoxMDAwMDAwMDAwGODsD=
SIUMbgg2ke0662B9lP98ylS0bwbxGkqATAyxAjIFSi4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC4AAAAAAAAAAAAAAAAAAAAAA=
AAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAA=
AAAAAAAAAAAAAAAAAAAAAAAAAAAAABYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAA=
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAYJTzvAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAAAAAAAAAADP2X7cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABnByaWNlcwAAAA=
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANCV=
EMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAAAAAAAAAAYJTzRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAA=
AAAAAAAAAAAAAAAAAAAAAADP8z/ggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABnBya=
WNlcwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAAANCVEMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAA=
AAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABguzqbT=
A0FJlOQczVDQz4kCirKtcW+789YroCK2MVd0KNxcJuTnNaWnfV4287csYS36Q3NZ0kdV0QzBDjf=
31wK1wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAA=
AAAAAAAAAAAAAAGCt0M/dRE+bEKGIiydvN/Q1NKWMOuCK98/4ZG6wc91hjttMyfgBLC8+OboF9X=
dBf2805VoD6UauSIxrpkAQO8QJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABs6AjI3Q=
kwyNzY1NDA5OTU1MzQ4NzcxMTkxMzU1MDQxNTE1NDQwNTYyNTg4OTc3MDM2NTU3ODM3NzczMTc3=
NTA3MDI5MTc5MDczNDE1MzI4NTI5Sk0zNTQwMzY5Mzg5OTU3NDY0MDQ0MzQxNDk0MTk1NjgzMDc=
1MTE2OTY2ODE0MDk3NTI0NDY0NzQ0MzM0NzQ5MzM4MjE1MjU3OTI4MjMyOA=3D=3D"
      ]
    },
    "evidence": {
      "evidence": null
    },
    "last_commit": {
      "height": "2603620",
      "round": "0",
      "block_id": {
        "hash": "7FE82A494E32E54CB1BAB23B9742=
101B26347B5AA08C08F4F146C8B1E3FE7635",
        "parts": {
          "total": "1",
          "hash": "4DD2803A3C906A1D8CCD9F05B0=
9C46EE91A0F4C19E49EB60F36E4D49D1DDB639"
        }
      },
      "signatures": [
        {
          "block_id_flag": 2,
          "validator_address": "0FE9CF2FFAC38=
F7BCC50818B9B431FF9934C9597",
          "timestamp": "2021-05-07T08:01:26.4=
82302807Z",
          "signature": "Hs9xfPWcGvUMTtaEBFDdb=
PxrjqlQf0FPvC+syFkFKaXowfkI3rLxRBJTRRUrjtVpN83mK3Uge4IfDc/trrjjCQ=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "1C2BB905E9B6F=
7D6B8625077CD955C0F1A3BA026",
          "timestamp": "2021-05-07T08:01:26.3=
2079867Z",
          "signature": "nC99f5Kkprn/zZAk+jlU2=
Vgqo/foHb+PP2eorRZQQuVKhNIQV+hF+3g5EKMaNgYGlGw1ufaYss9r4IGZq9ETDA=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "206BC60D6024C=
CFE4062CE1D358C5BA18CDCA284",
          "timestamp": "2021-05-07T08:01:26.3=
50357993Z",
          "signature": "WWdf79WVBVwCZWY7owpSG=
fDqnPOX40v15kFQyUSK5I2OeOXvFEY3O1uwhrWAnHXTPWsf7eNdBMCgafNTAwnNCA=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "2DA545954A696=
F8F09AEF25AEDE2B0DDE1A67B60",
          "timestamp": "2021-05-07T08:01:26.3=
50464826Z",
          "signature": "aaLobtLpl/NwKm+vxT5SC=
cDTguApIO294TX8vNSVWTnxJ61Qx+IbkhMNF8kPcyHuF2+deoMjLhBQZ2vAhLFuBA=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "32409E2BBF7F5=
51EC182769BD142B2F262B261F0",
          "timestamp": "2021-05-07T08:01:26.3=
57054729Z",
          "signature": "wk2+WYIMQ5kQTUfHC6KV0=
pdeK91P7ZWqvgGhoVBKlKRd6R8/MBSOfrnS+mhSVRyCGDBla2Vubcgk9gQD1MNiCg=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "33FAA80AA17F6=
412E8594ED447BAD09454A557AC",
          "timestamp": "2021-05-07T08:01:26.3=
5548598Z",
          "signature": "Ma0UNpyyKs89ZakVNa7ZY=
NyIAVfdmirYCocyaU36K1i/HHNrNNc4ikdLvNzJSA9YGOcKU7NvguW9ZIRZphg8Cg=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "456D70DDD05B7=
AF40369FABFFDFACC2135AA5232",
          "timestamp": "2021-05-07T08:01:26.3=
54770468Z",
          "signature": "cNWX9Z3/lYgy455QfH6Os=
+M8IWPXp4a+3X4o92Bhc9Il8mi0/a9cX9kL5fNQDh2Tg4GrDr9mM1nUmIezPl9CCQ=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "5304C540AD76F=
D12BF228C30DC889AD2F80A65FC",
          "timestamp": "2021-05-07T08:01:26.4=
42362032Z",
          "signature": "6CRIdv7yp52/iWH+/WmLm=
Y+h+Pg1JsrvEHCzHtuDX03O+50bQDns+fn1RpswdvrnKCghrRQzjmzfvyANATueBw=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "697C3DBA5A7E7=
326B560E496D6F7B9924A26ED1B",
          "timestamp": "2021-05-07T08:01:26.3=
83749463Z",
          "signature": "DHV4ndTjz1zTwCgm6aZAr=
Zugg01AHgeyhx4LU6u//boMpBM92WAP6Urh1vewZqHypm9GQHKMUhOGLHycZA9YBw=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "6BE29CEF63D91=
013E5DE84064BAC7B2DE2B8B949",
          "timestamp": "2021-05-07T08:01:26.3=
79679477Z",
          "signature": "Z24TLSMlC7ONPhWDzCNEe=
iwsbfzB7IClfe1lpmyeTt0+MFMvIZdKIfVYSPaBylfSXW8NSAyDRKoXofRJQqKtBw=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "7AE14A0113E95=
291CB37E5773A699A01D5071C1D",
          "timestamp": "2021-05-07T08:01:26.3=
53737588Z",
          "signature": "EbwqvKVO49a8wLySrTIec=
kRLWSV4WLEPvM/nOfUKIdQOK/t9cGf7r2xBbchR67EKimLzg47GOtrMYPXXrTYzBA=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "B08F1E9CD9BDA=
D3EB8AEEC37E0662ABCC70BFB3E",
          "timestamp": "2021-05-07T08:01:26.3=
76131036Z",
          "signature": "Ei+ju2r1sk+7HyOMlgY0g=
LBKWsheepdzamZtud5BrlsCPmDuT8TpDToN5U0W1LamLerGE+0QhqDtC0dSOdFLCw=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "B527086523C2B=
0B093BECFE42D45729B6775F56D",
          "timestamp": "2021-05-07T08:01:26.3=
44440065Z",
          "signature": "P1l6GhSDpiYrnmrGgqDKb=
t95hPBm5sMq+p1A3tdEx31EOU+To9vk+f4BMZfJw/eXbPH2OuvqbPtWizFhfM/mDA=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "B8586789B5681=
169A6CDC670775AC83FF560AA2F",
          "timestamp": "2021-05-07T08:01:26.3=
80683036Z",
          "signature": "U/X4zMSBchYNikSnsX129=
7kWMp5hnI1jBaw4fxNLCv8tLjNFQqhunlQ65eypl1qlFGaAAhTzghZgq9vbLOQ7Bw=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "C12BA4719F0F1=
24D44CD1C820F7A7DE5AA2724EF",
          "timestamp": "2021-05-07T08:01:26.3=
83968357Z",
          "signature": "0vDSh0IaRBRfGluifumJp=
AbbW90SKVaM8gFN8pu7/eb0NL7U3n1YPpPxrBiL5jpOhvy/VZyuIVjjcSEH/F6cDA=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "C1D32DDFC3C0C=
06F44BEE90593D5ED7539D5BA12",
          "timestamp": "2021-05-07T08:01:26.3=
54564603Z",
          "signature": "CCexLtzVEtujUQVcjjOC8=
uN+AOAQvmgvA/cKLmcFIvDyRJUgwTy1cFRZVA38S/adcB6DE70xaV8YG/mwxeETDw=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "C624AEA0BAF4B=
B7D65B204B6D50D26D0D0AF5DA0",
          "timestamp": "2021-05-07T08:01:26.3=
45453216Z",
          "signature": "1IsSxY4D1epNXoP1GTZ9d=
xkuq9MhQBdA/nLVSN+XjhffDHxquJwMuklRPJC9L59v99y3EUEbDtQzq3eGgJ9gAA=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "D67B9BA8B93D1=
6A80B3F228D9DDCEFBEC0463D10",
          "timestamp": "2021-05-07T08:01:26.3=
73584005Z",
          "signature": "1cWu3c5WhU7qmvmQLa928=
MPTRTphEYIyVtDJ46KpnBDUOLwyg1cuNMJzx7V5+YrCNbiZdVqjXp1hcsZPYPzqCQ=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "D7958E043A8FC=
FF9405F043E1F8EFFB9C1147F60",
          "timestamp": "2021-05-07T08:01:26.3=
54144567Z",
          "signature": "dtW1xcZbfNdXyd2xhI2VN=
oOaJgjnGxTcovlZN9SMzHc+9HrneFo87b5cGjxxiOeil/EQDxykw2E60M2Lm056Dw=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "E3F8C6177337D=
C894631E702D8154BBEC9A931D5",
          "timestamp": "2021-05-07T08:01:26.3=
54528064Z",
          "signature": "r5jcMKtINAQrMFMWBz2Z6=
c7DlKnjLfMQ4Ao4IzLsCoe+FSw72kUchlmXIibDohw5XrZItdlRk8TRug4e1+aHAg=3D=3D"
        },
        {
          "block_id_flag": 2,
          "validator_address": "E42368D36DEB5=
E5D6682858E730E63014B1CA2C5",
          "timestamp": "2021-05-07T08:01:26.3=
89600911Z",
          "signature": "cJfHaM+u8ubzhW+ixtyqe=
kBUBjQM5ObEX9/QiymGNJ66Tbf/PQGV6vdt5NDlCs7XtP94THOT/gP643ttY6x8Dg=3D=3D"
        }
      ]
    }
  }
}

=E5=93=8D=E5=BA=94= =E5=8F=82=E6=95=B0

= =E7=9B=AE=E7=9A=84=E7=BB=86=E7=BB=B3= >>> block_id_flag> header= <= td align=3D"left">String<= td align=3D"left">>>>> hash<= td align=3D"left">Part hash.

=E8=8C=83=E5=9B=B4	=E7=B1=BB=E5=9E=8B	=E6=8F=8F=E8=BF=B0
=E5=8C=BA=E5=9D=97 ID	=E7=9B=AE=E7=9A=84	=E5=8C=BA=E5=9D=97 ID=E3=80=82
> =E9=9B=B6=E4=BB=B6	=E5=9D=97=E7=9A=84=E5=90=84=E9=83=A8=E5=88=86=E3=80=82
>> =E6=80=BB=E8=AE=A1	= =E7=BB=86=E7=BB=B3	=E6=80=BB=E9=9B=B6=E4=BB=B6=E6=95=B0=E3=80=82=
>> =E5=93=88=E5= =B8=8C	=E7=BB=86=E7=BB=B3	=E9=83=A8=E5=88=86=E5=93=88=E5=B8=8C= =E3=80=82
> =E5=93= =88=E5=B8=8C	=E7=BB=86=E7=BB=B3=	=E9=98=BB=E6=AD=A2=E5=93=88=E5= =B8=8C=E3=80=82
=E5= =A0=B5=E5=A1=9E	=E7=9B=AE=E7=9A= =84	=E9=98=BB=E6=AD=A2=E4=BF=A1= =E6=81=AF=E3=80=82
>= ; =E6=95=B0=E6=8D=AE	=E7=9B=AE= =E7=9A=84	=E5=8C=BA=E5=9D=97=E7= =9A=84=E6=95=B0=E6=8D=AE=E3=80=82
>> =E5=8F=91=E9=80=81	=E7=BB=86=E7=BB=B3	=E5= =8C=BA=E5=9D=97=E7=9A=84 Txs=E3=80=82
> =E8=AF=81=E6=8D=AE	=E7=9B=AE=E7=9A=84	= =E9=98=BB=E5=A1=9E=E7=9A=84=E8=AF=81=E6=8D=AE=E3=80=82
>> =E8=AF=81=E6=8D=AE<= /td>	=E7=BB=86=E7=BB=B3	=E9=98=BB=E5=A1=9E=E7=9A=84=E8=AF=81=E6=8D=AE=E3=80=82
> =E4=B8=8A=E6=AC=A1= =E6=8F=90=E4=BA=A4	=E7=9B=AE=E7= =9A=84	=E6=9C=80=E5=90=8E=E4=B8= =80=E6=AC=A1=E8=BE=BE=E6=88=90=E5=85=B1=E8=AF=86=E7=9A=84=E6=8F=90=E4=BA=A4= =E3=80=82
>> =E5= =9C=86=E5=BD=A2	=E7=BB=86=E7=BB= =B3	=E4=B8=80=E8=BD=AE=E5=85=B1= =E8=AF=86=E3=80=82
>= ;> =E5=8C=BA=E5=9D=97 ID	=E7= =9B=AE=E7=9A=84	=E5=8C=BA=E5=9D= =97 ID=E3=80=82
>= >> =E9=9B=B6=E4=BB=B6	=E7= =9B=AE=E7=9A=84	=E5=9D=97=E7=9A= =84=E5=90=84=E9=83=A8=E5=88=86=E3=80=82
>>>> =E6=80=BB=E8=AE=A1	=E6=80=BB=E9=9B=B6=E4=BB=B6=E6=95=B0=E3=80=82
>>>> =E5=93=88=E5=B8=8C	<= font style=3D"vertical-align: inherit;">=E7=BB=86=E7=BB=B3	=E9=83=A8=E5=88=86=E5=93=88=E5=B8=8C=E3=80=82=
>>> =E5=93= =88=E5=B8=8C	=E7=BB=86=E7=BB=B3=	=E9=98=BB=E6=AD=A2=E5=93=88=E5= =B8=8C=E3=80=82
>= > =E7=AD=BE=E5=90=8D	=E5=A4= =A7=E6=89=B9	=E9=98=BB=E6=AD=A2= =E7=AD=BE=E5=90=8D=E3=80=82
<= font style=3D"vertical-align: inherit;">>>> =E7=AD=BE=E5=90=8D	= =E7=BB=86=E7=BB=B3	=E5= =8C=BA=E5=9D=97=E7=AD=BE=E5=90=8D=E3=80=82
>>> =E9=AA=8C=E8=AF=81=E5=99=A8=E5=9C=B0=E5= =9D=80	=E7=BB=86=E7=BB=B3	=E7=AD=BE=E5=90=8D=E7=9A=84=E9=AA=8C= =E8=AF=81=E8=80=85=E5=9C=B0=E5=9D=80=E3=80=82
String	Block id flag.
>&g= t;> timestamp	String	Times= tamp of signature.
>> height	String	Block heigth.
Object	Block header.
>> validators_has= h	String	All validators hash.=
>> chain_id	S= tring	Chain id.
>= > consensus_hash	String	Co= nsensus info hash.
>> proposer_addres= s	String	The proposer address= of block.
>> next_validators_hash	String	All validators hash of n= ext consensus.
>> version	Object	Blockchain version.
>>> app	String	App version of Blockchain.
&g= t;>> block	String	Block= version of Blockchain.
>> data_hash<= /td>	String	Hash of block data.
>> last_results_hash	String	Hash of deliver last all txs result.
>> last_block_id	= Object	Last block id.
>>> parts	Object	P= arts of block.
>>>> total	Total parts.
String
>>> h= ash	String	Block hash.
>> evidence_hash	Str= ing	Evidence hash.
&= gt;> app_hash	String	App h= ash.
>> time	S= tring	Timestamp of generate block.
>> height	String	Block height.
>> last_commi= t_hash	String	Last commit has= h.

Get block info#

Get information on by block height

HTTP request#

GET okexchain/v1/blocks/{height}

Request Example

https://exchainrpc.okex.org/okexchain/v1/blocks/2322601

Request parameters#

None

Example Response

{
  "block_id": {
    "hash": "AEF267A96586B10F8911B4B13934C318=
87DBEF03757A44B538C88DB87A5EEE83",=

    "parts": {
      "total": "1",
      "hash": "9A119B06F376BB6080FE80516130FE=
A25498EB59A60A04E7CE4CA09AE5A1DA32"
    }
  },
  "block": {
    "header": {
      "version": {
        "block": "10",
        "app": "0"
      },
      "chain_id": "exchain-66",
      "height": "2322601",
      "time": "2021-01-15T12:00:00Z",
      "last_block_id": {
        "hash": "",
        "parts": {
          "total": "0",
          "hash": ""
        }
      },
      "last_commit_hash": "",
      "data_hash": "",
      "validators_hash": "106BA08C88D75667552=
A7726EDD3ABF65A3B183935D9BACB40128939EC2B3E30",
      "next_validators_hash": "106BA08C88D756=
67552A7726EDD3ABF65A3B183935D9BACB40128939EC2B3E30",
      "consensus_hash": "048091BC7DDC283F77BF=
BF91D73C44DA58C3DF8A9CBC867405D8B7F3DAADA22F",
      "app_hash": "",
      "last_results_hash": "",
      "evidence_hash": "",
      "proposer_address": "32409E2BBF7F551E=
C182769BD142B2F262B261F0"
    },
    "data": {
      "txs": null
    },
    "evidence": {
      "evidence": null
    },
    "last_commit": {
      "height": "0",
      "round": "0",
      "block_id": {
        "hash": "",
        "parts": {
          "total": "0",
          "hash": ""
        }
      },
      "signatures": null
    }
  }
}

Response parameters#

Descriptionblock_id= <= td align=3D"left">>> signatures= Timestamp of signature.>> consensus_hash= = Block version of Blockchain.= = =

Parameter	Type
Object	Block id.
> parts	Object	Parts of block.
>> total	String	Total parts.
>> hash	String	Part hash.
> hash	String	Bl= ock hash.
block	Obje= ct	Block info.
> = data	Object	Data of block.
>> txs	String	Txs of block.
> evi= dence	Object	Evidence of bloc= k.
>> evidence	String	Evidence of block.
> last_commit	Object	Last commit of consensus.
>> round<= /td>	String	Round of consensus.
>> block_id	Obje= ct	Block id.
>>= ;> parts	Object	Parts of b= lock.
>>>> total	String	Total parts.
>>>> hash	String	Part hash.
>>> hash	String	Block hash.
Array	Block signatures.
>>&g= t; signature	String	Block sig= nature.
>>> validator_address	String	Validator address of signa= ture.
>>> block_id_flag	String	Block id flag.
>>> timestamp	String
>= ;> height	String	Block hei= gth.
> header	Obj= ect	Block header.
&g= t;> validators_hash	String	All validators hash.
>> chain_id	String	Chain id.
String	Consensus info hash.
>= ;> proposer_address	String	The proposer address of block.
>> ne= xt_validators_hash	String	All= validators hash of next consensus.
>>= ; version	Object	Blockchain v= ersion.
>>> app	String	App version of Blockchain.
>>> block	String
>> data_hash	String	H= ash of block data.
>> last_results_ha= sh	String	Hash of deliver las= t all txs result.
>> last_block_id	Object	Last block id.
>>> parts	Object	Parts of block.
>>= ;>> total	String	Total = parts.
>>>> hash	String	Part hash.
>>> hash	String	Block hash.
>> evidence_hash	String	Evidence hash.
>> app_hash	String	App hash.
>> time<= /td>	String	Timestamp of generate = block.
>> height	String	Block height.
>> last_commit_hash	String	Last commit hash.

Get tx info#

Get Tx information by Tx hash

HTTP request#

GET okexchain/v1/txs/{hash}

Request Example

https://exchainrpc.okex.org/okexchain/v1/txs/0x9C19D09361F0=
1296EE5FB910634C08C8329414A90965317605B34C209DB19624

Request parameters#

None

Example Response

{
	"blockHash": "0x35b8a059fbb641b8515a6eab6511=
2a8d95f851bad598543a55a13885e9a0d552",
	"blockNumber": "0x29237d",
	"from": "0xd830c50dbfa92b296c55ef30ad3b0c6f7=
f344aec",
	"gas"=
: "0x3f962",
	"gasPrice": "0x47868c00",
	"hash": "0x9c19d09361f01296ee5fb910634c08c83=
29414a90965317605b34c209db19624",<=
/span>
	"input""0x95d13838000000000000000000000000=
000000000000000000000000000000000000004000000000000000000000000000000000000=
000000000000000000000000002200000000000000000000000000000000000000000000000=
00000000000000000e000000000000000000000000ef71ca2ee68f45b9ad6f72fbdb33d707b=
872315c0000000000000000000000009b99c3ce751aa292320033f93a1376902d4ba58b0000=
00000000000000000000fa520efc34c81bfc1e3dd48b7fe9ff326049f986000000000000000=
000000000abc732f6f69a519f6d508434481376b6221eb7d500000000000000000000000021=
cde7e32a6caf4742d00d44b07279e7596d26b900000000000000000000000059d226bb0a4d7=
4274d4354ebb6a0e1a1aa5175b60000000000000000000000008c340697d2e320311d30db03=
782151b28f4cf7820000000000000000000000008f8526dbfd6e38e3d8307702ca8469bae6c=
56c1500000000000000000000000054e4622dc504176b3bb432dccaf504569699a7ff000000=
000000000000000000df54b6c6195ea4d948d03bfd818d365cf175cfc200000000000000000=
00000003f8969be2fc0770dcc174968e4b4ff146e0acdaf0000000000000000000000002218=
e0d5e0173769f5b4939a3ae423f7e5e4eab7000000000000000000000000dcac52e001f5bd4=
13aa6ea83956438f29098166b000000000000000000000000c946daf81b08146b1c7a8da2a8=
51ddf2b3eaaf850000000000000000000000000000000000000000000000000000000000000=
00e0000000000000000000000000000000000000000000000d4d1fd514b4e09b59800000000=
00000000000000000000000000000000000000027e3278e43ab97acc0000000000000000000=
0000000000000000000000000001367ef8f9a9a65c000000000000000000000000000000000=
000000000000000001fb0f13e2cad5c2cc00000000000000000000000000000000000000000=
00000000de12b6b96230598000000000000000000000000000000000000000000000001fcee=
4e62571ff00000000000000000000000000000000000000000000000000000001f608082219=
800000000000000000000000000000000000000000000000b0188ce742a7ce0000000000000=
00000000000000000000000000000000000bb10d919ef93659e000000000000000000000000=
000000000000000000000000001db86902bf335159800000000000000000000000000000000=
000000000000000782da20c8f733d5980000000000000000000000000000000000000000000=
00000c2aa9ac67b9922cc0000000000000000000000000000000000000000000000000ddfab=
feb40c40a80000000000000000000000000000000000000000000000000dde6fde043272cc"=
,
	"nonce""0x13dc",
	"to":=
 "0x21a276b169f51a0725dbc708c09ea7e1c4d=
94488",
	"transactionIndex": "0x0",
	"value""0x0",
	"v":<=
/span> "0xa7",
	"r":<=
/span> "0x4b383ec9a9198f019ca33a53b2192865201a=
5ef366ae02ffd26e510f85458b08",
	"s":<=
/span> "0x1aea872d825dceb3f6ca8fcccfac500dc064=
4d67eb803281ca27c26f8242c304"
}

Response parameters#

DescriptiongasPrice

Parameter	Type
String	Gas price of tx.
hash	String	Tx hash.
value	String	Transfer amoun= t value.
to	String	Receiver of tx.
from<= /td>	String	Sender of tx.
gas	String	Pricing value.
blockNumber	String	Block number of the tx.
v	String	V of tx signature.
s	String	S of tx signature.
r	String	R of tx s= ignature.
input	Stri= ng	Input data of tx.
nonce	String	Nonce value.
transactionIndex	Strin= g	Tx index in block.
blockHash	String	Block hash.=

Get latest validatorsets#

Get the latest validator set

HTTP request#

GET okexchain/v1/validatorsets/latest

Request Example

https://exchainrpc.okex.org/okexchain/v1/validatorsets/late=
st

Request parameters#

None

Example Response

{
	"block_height": "3323070",
	"validators": [{
		"address": "exvalcons1pl5u7tl6cw8hhnzssx9ek=
scllxf5e9vhu73l6w",
		"pub_key": "exvalconspub1zcjduepqu6473zvyzy=
3zwhmdhd38z7cdkw7wf50hdztngrndhxgr8xrqhrrq0m3nhf",
		"proposer_priority": "-57762372464786",
		"voting_power": "9023435617112"
	}{
		"address": "exvalcons1rs4mjp0fkmmadwrz2pmum=
92upudrhgpx2cwjrk",
		"pub_key": "exvalconspub1zcjduepqllecydfvum=
n0swfx7mvyjtxepnsaqwm6qu4n0294st82qrc4zd8qtmeftd",
		"proposer_priority": "16694606781697",
		"voting_power": "9019397216795"
	}{
		"address": "exvalcons1yp4uvrtqynx0usrzecwnt=
rzm5xxdeg5ycgw6zq",
		"pub_key": "exvalconspub1zcjduepqgczr87k588=
khjz87z0fagqyqz4ua6alevq2hcfdldv5wmx4293xsuhhmk3",
		"proposer_priority": "26311446727052",
		"voting_power": "9035970427713"
	}{
		"address": "exvalcons19kj5t922d9hc7zdw7fdwm=
c4smhs6v7mqxv09ny",
		"pub_key": "exvalconspub1zcjduepqk93rdqd8lk=
knq7rhr5pfnzj7px0knpqw85jycsqdj7xvc950q5vqdqu4rx",
		"proposer_priority": "6594921836654"=
,
		"voting_power": "9040433129887"
	}{
		"address": "exvalcons1xfqfu2al0a23asvzw6daz=
s4j7f3tyc0stgxe7w",
		"pub_key": "exvalconspub1zcjduepqgw849shr86=
xu0zqgfur0wqsws3xer5ckfy0k5ga969wxqfmllz0q39yrch",
		"proposer_priority": "-10037501532742",
		"voting_power": "9039088117292"
	}{
		"address": "exvalcons1x0a2sz4p0ajp96zefm2y0=
wksj32224avzy2g4z",
		"pub_key": "exvalconspub1zcjduepqp7ul8pfrem=
ls80jvqdnqe3cy56avzgj25jjqz0luz3cjzlp8a3ssur08mt",
		"proposer_priority": "-86691862550180",
		"voting_power": "1899440874312"
	}{
		"address": "exvalcons1g4khphwstda0gqmfl2llm=
7kvyy66553jn5x7jq",
		"pub_key": "exvalconspub1zcjduepqv6anlah0pe=
dc6wpdmphlhnzh85yxalpwgwf9zk6enjxh5pg0swfs9e5nj3",
		"proposer_priority": "75054887912278",
		"voting_power": "9024728174216"
	}{
		"address": "exvalcons12vzv2s9dwm7390ez3scde=
zy66tuq5e0ussvzsn",
		"pub_key": "exvalconspub1zcjduepqk7wrtvrx0w=
wm8a3jyvfth2gl37g7ldal8sn0ydvjv2vxawyflw4s49xuv2",
		"proposer_priority": "31599784388253",
		"voting_power": "1740951196392"
	}{
		"address": "exvalcons1d97rmwj60eejddtqujtdd=
aaejf9zdmgmuglxef",
		"pub_key": "exvalconspub1zcjduepqqfwzk69r2n=
t7xcqjzmjvwuxaelevsdjftgqk8wafmdqr9ac9gd0ssukkrn",
		"proposer_priority": "105085597421655",
		"voting_power": "9037541576976"
	}{
		"address": "exvalcons1d03femmrmygp8ew7ssryh=
trm9h3t3w2fc9mkdd",
		"pub_key": "exvalconspub1zcjduepqrtlw4twnhr=
5ckjzuzh3t0wkfvzqv67mnk4pkz645gaqclevzn7lqaf37v9",
		"proposer_priority": "-62384223420978",
		"voting_power": "9035716254611"
	}{
		"address": "exvalcons10ts55qgna9ffrjehu4mn5=
6v6q82sw8qaxzdlap",
		"pub_key": "exvalconspub1zcjduepq2qcpnzz98r=
tn5afqqlymdmd2ywkyt3pqwyduskdyayt248znu2rq7dmrmx",
		"proposer_priority": "-52991264712726",
		"voting_power": "1861350512766"
	}{
		"address": "exvalcons1kz83a8xehkknaw9wasm7q=
e32hnrsh7e78xmaz7",
		"pub_key": "exvalconspub1zcjduepqw2ey0qhr9t=
q6m5nvrsu00ww4gtwa56gm4w49rksfgpngsgqz9rwsvq4s86",
		"proposer_priority": "15117501667285",
		"voting_power": "9017198148877"
	}{
		"address": "exvalcons1k5nssefrc2ctpya7eljz6=
3tjndnhtatd9ytk3p",
		"pub_key": "exvalconspub1zcjduepqy5067ef9j9=
rlk6keue8pejycu6vlr85q5a9x4kkpwa0wg56ngp4q6h0cr7",
		"proposer_priority": "51601623656330",
		"voting_power": "9033670263983"
	}{
		"address": "exvalcons1hpvx0zd4dqgknfkdcec8w=
kkg8l6kp230fx7sds",
		"pub_key": "exvalconspub1zcjduepqks93pmhg3a=
qak0unyx28vgwhnh9vhtapddm75uax4ls2z2frfunsd9mnrx",
		"proposer_priority": "-53636230495574",
		"voting_power": "9022111028969"
	}{
		"address": "exvalcons1cy46guvlpufy63xdrjpq7=
7nauk4zwf80e62pvy",
		"pub_key": "exvalconspub1zcjduepqg97q5h96s3=
tqnsyhs4ls94zyx7t6xkd6hrg9cmzzm0fvclstghvq3qlc6j",
		"proposer_priority": "-54693560914389",
		"voting_power": "9031739052368"
	}{
		"address": "exvalcons1c8fjmh7rcrqx7397ayze8=
40dw5uatwsj8ly48h",
		"pub_key": "exvalconspub1zcjduepqyzlcq82epx=
9sm3udg322xsurg2fuad9gdf4f87zclm6yap2qrppsu8lmdq",
		"proposer_priority": "68112765077107",
		"voting_power": "9026049970407"
	}{
		"address": "exvalcons1ccj2ag967jah6edjqjmd2=
rfx6rg27hdqg9xdsz",
		"pub_key": "exvalconspub1zcjduepqkx07ggrk37=
tu3jcks0rsx04ztpwxdk6ykffs39t3dpn38nqfqxtq7ahgzz",
		"proposer_priority": "604157602850"<=
span class=3D"token punctuation">,
		"voting_power": "9031295646549"
	}{
		"address": "exvalcons16eaeh29e85t2szely2xem=
h80hmqyv0gsxnggy8",
		"pub_key": "exvalconspub1zcjduepqm608y3qu6v=
krahlralhy0km4gz0299nqk2uutftg00svr73q7e5ssytssw",
		"proposer_priority": "7012325625380"=
,
		"voting_power": "9027483430214"
	}{
		"address": "exvalcons1672cupp63l8ljszlqslpl=
rhlh8q3glmqvq5sd0",
		"pub_key": "exvalconspub1zcjduepq4p7mgjsysz=
l74agwv4swpl23klvtl0gn7vmfy3cz36yh87qusuesek95hn",
		"proposer_priority": "29447753636571",
		"voting_power": "9015886244593"
	}{
		"address": "exvalcons1u0uvv9mnxlwgj333uupds=
92thmy6jvw4c78d8v",
		"pub_key": "exvalconspub1zcjduepqpmdpu2gwxe=
5x3hpcl66ehek4fjdqa23aunsj8gs3ug94yvrx8adsa8tqhk",
		"proposer_priority": "550426775773"<=
span class=3D"token punctuation">,
		"voting_power": "9028804932486"
	}{
		"address": "exvalcons1us3k35mdad096e5zsk88x=
rnrq993egk90f6k5r",
		"pub_key": "exvalconspub1zcjduepqnlmt2qhdn2=
hghculh34gxukx4gac7q7pl24knglc0lqpsrrph6ps6e7pwh",
		"proposer_priority": "-55590783017492",
		"voting_power": "9020781309467"
	}}

Response parameters#

Descriptionblock_height=

Parameter	Type
String	Block height.
validators	Array	Validators.
> address	String	Address of validator.
> proposer_pri= ority	String	Proposer priorit= y of validator.
> pub_key	String	Pub key of validator.
> voting_power	String	Voting power of validator.

Get validatorsets#

Get the latest validator set

HTTP request#

GET okexchain/v1/validatorsets/{height}

Request Example

https://exchainrpc.okex.org/okexchain/v1/validatorsets/2697=
221

Request parameters#

None

Example Response

{
  "block_height": "2697221",
  "validators": [
    {
      "address": "exvalcons1pl5u7tl6cw8hhnzss=
x9ekscllxf5e9vhu73l6w",
      "pub_key": "exvalconspub1zcjduepqu6473z=
vyzy3zwhmdhd38z7cdkw7wf50hdztngrndhxgr8xrqhrrq0m3nhf",
      "proposer_priority": "47638082485597"<=
/span>,
      "voting_power": "8928485820324"
    },
    {
      "address": "exvalcons1rs4mjp0fkmmadwrz2=
pmum92upudrhgpx2cwjrk",
      "pub_key": "exvalconspub1zcjduepqllecyd=
fvumn0swfx7mvyjtxepnsaqwm6qu4n0294st82qrc4zd8qtmeftd",
      "proposer_priority": "-11717811164568"=
,
      "voting_power": "8924447091464"
    },
    {
      "address": "exvalcons1yp4uvrtqynx0usrze=
cwntrzm5xxdeg5ycgw6zq",
      "pub_key": "exvalconspub1zcjduepqgczr87=
k588khjz87z0fagqyqz4ua6alevq2hcfdldv5wmx4293xsuhhmk3",
      "proposer_priority": "-66887003646092"=
,
      "voting_power": "8941020162109"
    },
    {
      "address": "exvalcons19kj5t922d9hc7zdw7=
fdwmc4smhs6v7mqxv09ny",
      "pub_key": "exvalconspub1zcjduepqk93rdq=
d8lkknq7rhr5pfnzj7px0knpqw85jycsqdj7xvc950q5vqdqu4rx",
      "proposer_priority": "-53429103469247"=
,
      "voting_power": "8945483192825"
    },
    {
      "address": "exvalcons1xfqfu2al0a23asvzw=
6dazs4j7f3tyc0stgxe7w",
      "pub_key": "exvalconspub1zcjduepqgw849s=
hr86xu0zqgfur0wqsws3xer5ckfy0k5ga969wxqfmllz0q39yrch",
      "proposer_priority": "-59773971759003"=
,
      "voting_power": "8944137851687"
    },
    {
      "address": "exvalcons1x0a2sz4p0ajp96zef=
m2y0wksj32224avzy2g4z",
      "pub_key": "exvalconspub1zcjduepqp7ul8p=
fremls80jvqdnqe3cy56avzgj25jjqz0luz3cjzlp8a3ssur08mt",
      "proposer_priority": "-27281552372722"=
,
      "voting_power": "1816470879930"
    },
    {
      "address": "exvalcons1g4khphwstda0gqmfl=
2llm7kvyy66553jn5x7jq",
      "pub_key": "exvalconspub1zcjduepqv6anla=
h0pedc6wpdmphlhnzh85yxalpwgwf9zk6enjxh5pg0swfs9e5nj3",
      "proposer_priority": "34328204085167"<=
/span>,
      "voting_power": "8929778377427"
    },
    {
      "address": "exvalcons12vzv2s9dwm7390ez3=
scdezy66tuq5e0ussvzsn",
      "pub_key": "exvalconspub1zcjduepqk7wrtv=
rx0wwm8a3jyvfth2gl37g7ldal8sn0ydvjv2vxawyflw4s49xuv2",
      "proposer_priority": "-47582304935826"=
,
      "voting_power": "1580739072371"
    },
    {
      "address": "exvalcons1d97rmwj60eejddtqu=
jtddaaejf9zdmgmuglxef",
      "pub_key": "exvalconspub1zcjduepqqfwzk6=
9r2nt7xcqjzmjvwuxaelevsdjftgqk8wafmdqr9ac9gd0ssukkrn",
      "proposer_priority": "24286871104272"<=
/span>,
      "voting_power": "8942591311372"
    },
    {
      "address": "exvalcons1d03femmrmygp8ew7s=
sryhtrm9h3t3w2fc9mkdd",
      "pub_key": "exvalconspub1zcjduepqrtlw4t=
wnhr5ckjzuzh3t0wkfvzqv67mnk4pkz645gaqclevzn7lqaf37v9",
      "proposer_priority": "4209895378605",
      "voting_power": "8940766457823"
    },
    {
      "address": "exvalcons10ts55qgna9ffrjehu=
4mn56v6q82sw8qaxzdlap",
      "pub_key": "exvalconspub1zcjduepq2qcpnz=
z98rtn5afqqlymdmd2ywkyt3pqwyduskdyayt248znu2rq7dmrmx",
      "proposer_priority": "-98906929598155"=
,
      "voting_power": "1651296571160"
    },
    {
      "address": "exvalcons1kz83a8xehkknaw9wa=
sm7qe32hnrsh7e78xmaz7",
      "pub_key": "exvalconspub1zcjduepqw2ey0q=
hr9tq6m5nvrsu00ww4gtwa56gm4w49rksfgpngsgqz9rwsvq4s86",
      "proposer_priority": "33136674257290"<=
/span>,
      "voting_power": "8922248352089"
    },
    {
      "address": "exvalcons1k5nssefrc2ctpya7e=
ljz63tjndnhtatd9ytk3p",
      "pub_key": "exvalconspub1zcjduepqy5067e=
f9j9rlk6keue8pejycu6vlr85q5a9x4kkpwa0wg56ngp4q6h0cr7",
      "proposer_priority": "67158700502611"<=
/span>,
      "voting_power": "8938720467195"
    },
    {
      "address": "exvalcons1hpvx0zd4dqgknfkdc=
ec8wkkg8l6kp230fx7sds",
      "pub_key": "exvalconspub1zcjduepqks93pm=
hg3aqak0unyx28vgwhnh9vhtapddm75uax4ls2z2frfunsd9mnrx",
      "proposer_priority": "48959031615518"<=
/span>,
      "voting_power": "8927161232181"
    },
    {
      "address": "exvalcons1cy46guvlpufy63xdr=
jpq77nauk4zwf80e62pvy",
      "pub_key": "exvalconspub1zcjduepqg97q5h=
96s3tqnsyhs4ls94zyx7t6xkd6hrg9cmzzm0fvclstghvq3qlc6j",
      "proposer_priority": "6970694512149",
      "voting_power": "8936789255579"
    },
    {
      "address": "exvalcons1c8fjmh7rcrqx7397a=
yze840dw5uatwsj8ly48h",
      "pub_key": "exvalconspub1zcjduepqyzlcq8=
2epx9sm3udg322xsurg2fuad9gdf4f87zclm6yap2qrppsu8lmdq",
      "proposer_priority": "31805356122365"<=
/span>,
      "voting_power": "8931100101565"
    },
    {
      "address": "exvalcons1ccj2ag967jah6edjq=
jmd2rfx6rg27hdqg9xdsz",
      "pub_key": "exvalconspub1zcjduepqkx07gg=
rk37tu3jcks0rsx04ztpwxdk6ykffs39t3dpn38nqfqxtq7ahgzz",
      "proposer_priority": "6690328744154",
      "voting_power": "8936345849761"
    },
    {
      "address": "exvalcons16eaeh29e85t2szely=
2xemh80hmqyv0gsxnggy8",
      "pub_key": "exvalconspub1zcjduepqm608y3=
qu6vkrahlralhy0km4gz0299nqk2uutftg00svr73q7e5ssytssw",
      "proposer_priority": "-94450872539121"=
,
      "voting_power": "8932533633426"
    },
    {
      "address": "exvalcons1672cupp63l8ljszlq=
slplrhlh8q3glmqvq5sd0",
      "pub_key": "exvalconspub1zcjduepq4p7mgj=
syszl74agwv4swpl23klvtl0gn7vmfy3cz36yh87qusuesek95hn",
      "proposer_priority": "37677632023734"<=
/span>,
      "voting_power": "8920932531050"
    },
    {
      "address": "exvalcons1u0uvv9mnxlwgj333u=
upds92thmy6jvw4c78d8v",
      "pub_key": "exvalconspub1zcjduepqpmdpu2=
gwxe5x3hpcl66ehek4fjdqa23aunsj8gs3ug94yvrx8adsa8tqhk",
      "proposer_priority": "68803590178606"<=
/span>,
      "voting_power": "8933855135698"
    },
    {
      "address": "exvalcons1us3k35mdad096e5zs=
k88xrnrq993egk90f6k5r",
      "pub_key": "exvalconspub1zcjduepqnlmt2q=
hdn2hghculh34gxukx4gac7q7pl24knglc0lqpsrrph6ps6e7pwh",
      "proposer_priority": "48364488474677"<=
/span>,
      "voting_power": "8925831512679"
    }
  ]
}

Response parameters#

Descriptionblock_height=

Parameter	Type
String	Block height.
validators	Array	Validators.
> address	String	Address of validator.
> proposer_pri= ority	String	Proposer priorit= y of validator.
> pub_key	String	Pub key of validator.
> voting_power	String	Voting power of validator.

Get node info#

Get Information about the connected node

HTTP Request#

GET okexchain/v1/node_info

Request Example

https://exchainrpc.okex.org/okexchain/v1/node_info

Request Parameters#

None

Example Response

{
	"node_info": {
		"protocol_version": {
			"p2p""7",
			"block": "10",
			"app""0"
		},
		"id"=
: "4466b04f1cf2b55bc8e4225eef72b487a37e=
3c4f",
		"listen_addr": "tcp://10.1.19.206:20256",
		"network": "exchain-66",
		"version": "0.33.9",
		"channels": "4020212223303800",
		"moniker": "2061",
		"other": {
			"tx_index": "on",
			"rpc_address": "tcp://0.0.0.0:26657"
		}
	}"application_version": {
		"name""exchain",
		"server_name": "exchaind",
		"client_name": "exchaincli",
		"version": "v0.18.6",
		"commit": "2ccd81b14f146a5afd3a52aa9f890cf8=
8988f2a5",
		"build_tags": "netgo",
		"go"=
: "go version go1.16.4 linux/amd64",
		"build_deps": ["github.com/99designs/keyring@v1.1.6", "github.com/ChainSafe=
/go-schnorrkel@v0.0.0-20200405005733-88cbf1b4c40d", "github.com/Comcast/p=
ulsar-client-go@v0.1.1", "github.com/VictoriaMetrics/fastcache@v1.5.7", "github.com/Workiva/go-datastructures@v1.0.52", "github.com/aliyun/aliba=
ba-cloud-sdk-go@v1.61.18", =
"github.com/aliyun/aliyun-oss-go-sdk@v2.1.6+in=
compatible", "github.com/aristanetworks/goarista@v0.0.0-20200331225509-2c=
c472e8fbd6", "github.com/bartekn/go-bip39@v0.0.0-20171116152956-a05967ea0=
95d", "github.com/beorn7/perks@v1.0.1", "github.com/bgentry/speakeasy@v=
0.1.0", "github.com/btcsuite/btcd@v0.21.0-beta", "github.com/btcsuite/b=
tcutil@v1.0.2", "github.com/buger/jsonparser@v0.0.0-20181115193947-bf1c66=
bbce23", "github.com/cespare/xxhash/v2@v2.1.1", "github.com/cosmos/cosm=
os-sdk@v0.39.2 =3D\u003e github.com/okex/cosmos-sdk@v0.39.2-exchain5", "g=
ithub.com/cosmos/go-bip39@v0.0.0-20180819234021-555e2067c45d", "github.co=
m/davecgh/go-spew@v1.1.1", =
"github.com/deckarep/golang-set@v1.7.1"=
, "gi=
thub.com/dvsekhvalnov/jose2go@v0.0.0-20200901110807-248326c1351b", "githu=
b.com/enigmampc/btcutil@v1.0.3-0.20200723161021-e2fb6adb2a25", "github.co=
m/ethereum/go-ethereum@v1.9.25", "github.com/fsnotify/fsnotify@v1.4.9", "github.com/garyburd/redigo@v1.6.2""github.com/go-errors/errors@v1.0.1=
", "github.com/go-kit/kit@v0.10.0""github.com/go-logfmt/logfmt@v0.5.0=
", "github.com/go-redis/redis@v6.15.9+incompatible", "github.com/go-sql=
-driver/mysql@v1.5.0", "github.com/go-stack/stack@v1.8.0", "github.com/=
godbus/dbus@v0.0.0-20190726142602-4481cbc300e2", "github.com/gogo/protobu=
f@v1.3.1", "github.com/golang/protobuf@v1.4.2", "github.com/golang/snap=
py@v0.0.3-0.20201103224600-674baa8c7fc3", "github.com/google/btree@v1.0.0=
", "github.com/google/uuid@v1.1.1""github.com/gorilla/handlers@v1.4.2=
", "github.com/gorilla/mux@v1.8.0""github.com/gorilla/websocket@v1.4.=
2", "github.com/gsterjov/go-libsecret@v0.0.0-20161001094733-a6f4afe4910c"=
, "github.com/gtank/merlin@v0.1.1""github.com/gtank/ristretto255@v0.1=
.2", "github.com/hashicorp/golang-lru@v0.5.5-0.20210104140557-80c98217689=
d", "github.com/hashicorp/hcl@v1.0.0", "github.com/holiman/uint256@v1.1=
.1", "github.com/jinzhu/gorm@v1.9.16", "github.com/jinzhu/inflection@v1=
.0.0", "github.com/jmespath/go-jmespath@v0.0.0-20180206201540-c2b33e8439a=
f", "github.com/json-iterator/go@v1.1.9", "github.com/lestrrat/go-file-=
rotatelogs@v0.0.0-20180223000712-d3151e2a480f", "github.com/lestrrat/go-s=
trftime@v0.0.0-20180220042222-ba3bf9c1d042", "github.com/libp2p/go-buffer=
-pool@v0.0.2", "github.com/magiconair/properties@v1.8.1", "github.com/=
mattn/go-isatty@v0.0.12", <=
span class=3D"token string">"github.com/mattn/go-runewidth@v0.0.4", "gith=
ub.com/mattn/go-sqlite3@v1.14.0",<=
/span> "github.com/matttproud/golang_protobuf_=
extensions@v1.0.1", "github.com/mimoo/StrobeGo@v0.0.0-20181016162300-f8f6=
d4d2b643", "github.com/minio/highwayhash@v1.0.0", "github.com/mitchellh=
/go-homedir@v1.1.0", "github.com/mitchellh/mapstructure@v1.1.2", "githu=
b.com/modern-go/concurrent@v0.0.0-20180306012644-bacd9c7ef1dd", "github.c=
om/modern-go/reflect2@v1.0.1", "github.com/mtibben/percent@v0.2.1"=
, "gi=
thub.com/nacos-group/nacos-sdk-go@v1.0.0", "github.com/olekukonko/tablewr=
iter@v0.0.2-0.20190409134802-7e037d187b0c", "github.com/pborman/uuid@v1.2=
.0", "github.com/pelletier/go-toml@v1.6.0", "github.com/pkg/errors@v0.9=
.1", "github.com/pmezard/go-difflib@v1.0.0", "github.com/prometheus/cli=
ent_golang@v1.5.1", "github.com/prometheus/client_model@v0.2.0", "githu=
b.com/prometheus/common@v0.9.1", "github.com/prometheus/procfs@v0.0.10", , "github.com/rakyll/statik@v0.1.6"<=
/span>, "github.com/rcrowley/go-metrics@v0.0.0-20200313005456-10cdbea86bc0", "=
github.com/rjeczalik/notify@v0.9.2", "github.com/rs/cors@v1.7.0", "gith=
ub.com/segmentio/kafka-go@v0.2.2",=
 "github.com/shirou/gopsutil@v2.20.9+in=
compatible", "github.com/shopspring/decimal@v1.2.0", "github.com/spf13/=
afero@v1.2.2", "github.com/spf13/cast@v1.3.0", "github.com/spf13/cobra=
@v1.1.1", "github.com/spf13/jwalterweatherman@v1.1.0", "github.com/sp=
f13/pflag@v1.0.5", "github.com/spf13/viper@v1.7.1", "github.com/status-=
im/keycard-go@v0.0.0-20190424133014-d95853db0f48", "github.com/steakknife=
/bloomfilter@v0.0.0-20180922174646-6819c0d2a570", "github.com/steakknife/=
hamming@v0.0.0-20180906055917-c99c65617cd3", "github.com/stretchr/testify=
@v1.7.0", "github.com/subosito/gotenv@v1.2.0", "github.com/syndtr/golev=
eldb@v1.0.1-0.20200815110645-5c35d600f0ca", "github.com/tendermint/btcd@v=
0.1.1", "github.com/tendermint/crypto@v0.0.0-20191022145703-50d29ede1e15"=
, "github.com/tendermint/go-amino@v0.15.1", "github.com/tendermint/iavl=
@v0.14.1 =3D\u003e github.com/okex/iavl@v0.14.3-exchain", "github.com/te=
ndermint/tendermint@v0.33.9 =3D\u003e github.com/okex/tendermint@v0.33.9-ex=
chain4", "github.com/tendermint/tm-db@v0.5.2", "github.com/toolkits/con=
current@v0.0.0-20150624120057-a4371d70e3e3", "github.com/tyler-smith/go-b=
ip39@v1.0.1-0.20181017060643-dbb3b84ba2ef", "github.com/willf/bitset@v1.1=
.11", "go.uber.org/atomic@v1.6.0", "go.uber.org/multierr@v1.5.0"=
, "go=
.uber.org/zap@v1.15.0", "golang.org/x/crypto@v0.0.0-20200709230013-948cd5=
f35899", "golang.org/x/net@v0.0.0-20201010224723-4f7140c49acb", "golang=
.org/x/sys@v0.0.0-20201018230417-eeed37f84f13", "golang.org/x/text@v0.3.3=
", "golang.org/x/time@v0.0.0-20191024005414-555d28b269f0", "google.gola=
ng.org/genproto@v0.0.0-20200526211855-cb27e3aa2013", "google.golang.org/g=
rpc@v1.30.0", "google.golang.org/protobuf@v1.25.0", "gopkg.in/ini.v1@=
v1.51.0", "gopkg.in/yaml.v2@v2.3.0", "gopkg.in/yaml.v3@v3.0.0-202003131=
02051-9f266ea9e77c"],
		"cosmos_sdk": "v0.39.2",
		"tendermint": "v0.33.9"
	}
}

Response parameters#

Descriptionapplication_versionGolang version.<= /tr><= td align=3D"left">node_info= P2P version.String> channels

Parameter	Type
Object	Application version.
> se= rver_name	String	Server name.=
> name	String	App name.
> commit<= /td>	String	Commit hash of git.
> go	String
> cosmos= _sdk	String	Cosmos sdk.
> build_deps	Array	Build deps of go.
> = tendermint	String	Tendermint = version.
> client_name	String	Client name of cli.
> version	String	App version.
> build_tags	String	Build tags of go.
Object	Node info.
> protocol_version	Object	Protocol version.
>> app	String	App version.
>> block<= /td>	String	Block version.
>> p2p	String
> other	Object
>> tx_index	String	Tx index.
>> rpc_address	RPC address.
String	IBC channels.
> listen_addr	String	Listen addr of node.
> id	String	ID of node.
> moniker	String	Moniker of node.
> version	String	Version of node.
> networ= k	String	Network id of chain.=

Check node syncing#

GET if the node is currently syning with other nodes

HTTP Request#

GET okexchain/v1/syncing

Request Example

https://exchainrpc.okex.org/okexchain/v1/syncing

Request parameters#

None

Example Response

{
  "syncing": false
}

Response parameters#

Descriptionsyncing

Parameter	Type
Bool	Is node syncing, true or false.

Staking#

Get staking parameters#

Query the current staking parameters information

HTTP Request#

GET okexchain/v1/staking/parameters

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/parameters

Request Parameters#

None

Example Response

{
  "unbonding_time": "1209600000000000"=
,
  "max_bonded_validators": 21,
  "epoch": 252,
  "max_validators_to_add_shares": 30,
  "min_delegation": "0.000100000000000000",
  "min_self_delegation": "10000.0000000000000=
00000"
}

Response parameters#

Descriptionunbonding_time=

Parameter	Type
String	Unbinding time of okt
max_bonded_= validators	Int	Max producting= block validators nums
epoch	Int	Epoch of change producting block valid= ators
max_validators_to_add_shares	Int	Max validators to add shares
min_delegation	String	Min delegation
min_sel= f_delegation	String	Min self = delegation of creating validator

Get delegator Info#

Query information of a delegator

HTTP Request#

GET okexchain/v1/staking/delegators/{delegatorAddr}

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/delegators=
/ex17se79kf0c9t5sw0yg0jjdm6et79sy8aradphtg

Request Parameters#

None

Example Response

{
  "delegator_address": "ex17se79kf0c9t5sw0yg0=
jjdm6et79sy8aradphtg",
  "validator_address": [
    "exvaloper19e6edpu97d6w2t5dlp7lph2fkdja0lv=
lj8ngk0",
    "exvaloper18v23ln9ycrtg0mrwsm004sh4tdknudt=
dapcfcq",
    "exvaloper1ucmx6vvtrwam9pg20fnwmy9z80uhchy=
xqn67wq",
    "exvaloper1tat4lam8wjqmeax9mv4s584vu2mp7c0=
cgvlajl",
    "exvaloper1rz7frqz9ky52qqjwlpawfe5hz6plcrm=
mpha0px",
    "exvaloper1w3ptfgekjgdvwkqmdepdeyvuxqmcplf=
szlz3jm",
    "exvaloper104y8sy0r6fke4a9qr8u05j6v5y68gkh=
4v3ud9t",
    "exvaloper1qva0ejf0t943x6rt824gwmvtjgec9cj=
rut5wn8"
  ],
  "shares": "72053.451006669074462727"=
,
  "tokens": "0.024951000000000000",
  "is_proxy": false,
  "total_delegated_tokens": "0.00000000000000=
0000",
  "proxy_address": ""
}

Response parameters#

Descriptionis_proxy

Parameter	Type
String	Proxy or not
tokens	String	Delegation of okt
proxy_address	String	The proxy=E2=80=99s address
validator_add= ress	Array	Validator address<= /td>
total_delegated_tokens	String	Total delegated tokens for it=E2=80=99s pr= oxy users
delegator_address	String	Delegator address
shares	String	= Shares, voting rights from okt

Get unbonding token of delegato= r#

Query the unbonding token information of the specified delegator

HTTP Request#

GET okexchain/v1/staking/delegators/{address}/unbonding_delegation= s

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/delegators=
/ex17se79kf0c9t5sw0yg0jjdm6et79sy8aradphtg/unbonding_delegations

Request Parameters#

None

Example Response

{
  "delegator_address": "ex10q0rk5qnyag7wfvvt7=
rtphlw589m7frs3hvqmf",
  "quantity": "1.02400000",
  "completion_time": "2020-05-25T09:44:55.736=
074648Z"
}

Response parameters#

Descriptiondelegator_address

Parameter	Type
String	Delegator address
quantity	String	Unbonding okt
completion_time	String	Completion time of unbond

Get validators#

Query information on all validators

HTTP Request#

GET okexchain/v1/staking/validators?status=3Dall

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/validators=
?status=3Dall

Request Parameters#

None

Example Response

[
  {
    "operator_address": "exvaloper1q9nct2gska=
2yutx24starv6s63xz022fdwdgzv",
    "consensus_pubkey": "exvalconspub1zcjduep=
qks93pmhg3aqak0unyx28vgwhnh9vhtapddm75uax4ls2z2frfunsd9mnrx",
    "jailed": false,
    "status": 2,
    "tokens": "0",
    "delegator_shares": "66193233954117.09619=
6430937242815",
    "description": {
      "moniker": "Collector",
      "identity": "",
      "website": "",
      "details": ""
    },
    "unbonding_height": "0",
    "unbonding_time": "2021-02-17T01:49:59.98=
5069599Z",
    "commission": {
      "commission_rates": {
        "rate": "0.200000000000000000"=
,
        "max_rate": "1.000000000000000000",
        "max_change_rate": "0.00000000000000=
0000"
      },
      "update_time": "2022-12-16T09:53:12.200=
554194Z"
    },
    "min_self_delegation": "10000.0000000000=
00000000"
  }
]

Response parameters#

Descriptionoperator_address= String= =

Parameter	Type
String	Operator address of validator
c= onsensus_pubkey	String	Consen= sus pubkey of validator
jailed	bool	Jailed or not
status	Int	0,Unbond= ed;1,Unbonding;2Bonded
tokens	String	Tokens
delegator_shares	String	S= hares for the delegators who voting the validator
description	Obj	Descri= ption object
description.moniker	String	Moniker
description.identity	String	Identity
description.website	String	Website
description.details	String	Details
unbonding_height	Unbonding height
unbonding_time	String	Unbonding time
commission		commission object
commission.commission_rates		Commission rate object.
= commission.commission_rates.rate	String	Commission rate of validator
com= mission.commission_rates.max_rate	String	Max commission rate
commission.= commission_rates.max_change_rate	String	Max change rate
commission.updat= e_time	String	Last update tim= e
min_self_delegation	String	Min self delegation for creating validator<= /td>

Get validator info#

Query information from a validator

HTTP Request#

GET okexchain/v1/staking/validators/{validatorAddr}

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/validators=
/exvaloper1q9nct2gska2yutx24starv6s63xz022fdwdgzv

Request Parameters#

None

Example Response

{
  "operator_address": "exvaloper1q9nct2gska2y=
utx24starv6s63xz022fdwdgzv",
  "consensus_pubkey": "exvalconspub1zcjduepqk=
s93pmhg3aqak0unyx28vgwhnh9vhtapddm75uax4ls2z2frfunsd9mnrx",
  "jailed": false,
  "status": 2,
  "tokens": "0",
  "delegator_shares": "66193233954117.0961964=
30937242815",
  "description": {
    "moniker": "Collector",
    "identity": "",
    "website": "",
    "details": ""
  },
  "unbonding_height": "0",
  "unbonding_time": "2021-02-17T01:49:59.9850=
69599Z",
  "commission": {
    "commission_rates": {
      "rate": "0.200000000000000000",
      "max_rate": "1.000000000000000000",
      "max_change_rate": "0.00000000000000000=
0"
    },
    "update_time": "2022-12-16T09:53:12.20055=
4194Z"
  },
  "min_self_delegation": "10000.0000000000000=
00000"
}

Response parameters#

See the response of Get validators api

Get votingInfo of validator= #

Query all voting shares on a validator

HTTP Request#

GET okexchain/v1/staking/validators/{address}/shares

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/validators=
/exvaloper1q9nct2gska2yutx24starv6s63xz022fdwdgzv/shares

Request Parameters#

None

Example Response

[
  {
    "voter_address": "ex12mek8h0mjs9m4hrh5q4z=
yhx04pqltyrnrtarud",
    "votes": "1424779953353.73000000"
  },
  {
    "voter_address": "ex12mek8h0mjs9m4hrh5q4z=
yhx04pqltyrnrtarud",
    "votes": "1424779953353.73000000"
  },
  {
    "voter_address": "ex12mek8h0mjs9m4hrh5q4z=
yhx04pqltyrnrtarud",
    "votes": "1424779953353.73000000"
  }
]

Response parameters#

Descriptionvoter_address=

Parameter	Type
String	Voter address of delegators
votes=	String	Shares of voting

Get validator address#

Query corresponding account_address through operator_address

HTTP Request#

GET okexchain/v1/v1/staking/address/{operator_addr}/account_addres= s

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/address/ex=
valoper1q9nct2gska2yutx24starv6s63xz022fdwdgzv/account_address

Request Parameters#

None

Example Response

"ex1q9nct2gska2yutx24starv6s63=
xz022fmf8vxk"

Response parameters#

Descriptionaddress

Parameter	Type
String	Validator account address

Get relationship of proxy de= legator#

Query the proxy relationship on a proxy delegator

HTTP Request#

GET okexchain/v1/staking/delegators/{address}/proxy

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/delegators=
/ex1pt7xrmxul7sx54ml44lvv403r06clrdk0s8rxy/proxy

Request Parameters#

None

Example Response

[
    "ex1s0vrf96rrsknl64jj65lhf89ltwj7lksr7m3r9=
"
]

Response parameters#

Description

Parameter	Type
String	Prox= y address

Get staking pool#

Query current staking pool assets

HTTP Request#

GET okexchain/v1/staking/pool

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/pool

Request Parameters#

None

Example Response

{
  "not_bonded_tokens": "46658.862345999999959=
778",
  "bonded_tokens": "4561558.00033849999974121=
5"
}

Response parameters#

Descriptionnot_bonded_tokens

Parameter	Type
String	Not bonded tokens of staking pool
bonded_tokens	String	Bond= ed tokens of staking pool

Get operator address#

Query corresponding operator_address through validator_address

HTTP Request#

GET okexchain/v1/v1/staking/address/{operator_addr}/validator_addr= ess

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/address/B8=
586789B5681169A6CDC670775AC83FF560AA2F/validator_address

Request Parameters#

None

Example Response

"exvaloper1q9nct2gska2yutx24st=
arv6s63xz022fdwdgzv"

Response parameters#

Descriptionaddress

Parameter	Type
String	validator address

Get operator and validator pair= s#

Query information on all validators

HTTP Request#

GET okexchain/v1/staking/address

Request Example

https://exchainrpc.okex.org/okexchain/v1/staking/address

Request Parameters#

None

Example Response

[{
		"operator_address": "exvaloper1q9nct2gska2y=
utx24starv6s63xz022fdwdgzv",
		"validator_address": "B8586789B5681169A6CDC=
670775AC83FF560AA2F"
	}{
		"operator_address": "exvaloper1qva0ejf0t943=
x6rt824gwmvtjgec9cjrut5wn8",
		"validator_address": "C1D32DDFC3C0C06F44BEE=
90593D5ED7539D5BA12"
	}{
		"operator_address": "exvaloper1pc864zshkvsg=
c724k5jffcjsrmhz63m6gwrrhh",
		"validator_address": "49023DF452630B38D1F63=
8273BF40F72D7A91EB9"
	}{
		"operator_address": "exvaloper1zza3jrylyecr=
tuh0p9ts2xauzsefuvwa4l9fsx",
		"validator_address": "E3F8C6177337DC894631E=
702D8154BBEC9A931D5"
	}{
		"operator_address": "exvaloper1zxthrcdcecfe=
5ss4tal0tq30hzel2lks6psuhm",
		"validator_address": "E42368D36DEB5E5D66828=
58E730E63014B1CA2C5"
	}{
		"operator_address": "exvaloper1rz7frqz9ky52=
qqjwlpawfe5hz6plcrmmpha0px",
		"validator_address": "9B2CAB86E170002ABAFA1=
1AD029CF87678CAAD95"
	}{
		"operator_address": "exvaloper1rr253al2mtdg=
fcjwh7j3778g5gru3elyumxj8m",
		"validator_address": "D2B872B9EC08B28C91831=
BD01B013196987C6204"
	}{
		"operator_address": "exvaloper1rv8tjxp8d8uc=
uak8c7svewwugzfdjwf9arju5j",
		"validator_address": "6DA0DDD71603F4874FFFB=
2C3808CD0B5F7320167"
	}{
		"operator_address": "exvaloper1rmrx7wp60alm=
zvghx2820aamjfd4kgwlcx542p",
		"validator_address": "EE694A82C1828483F4634=
8A0EB5862DE1DD10DA6"
	}{
		"operator_address": "exvaloper1ygcvtcqxl82x=
vzrq25dymam434k3nnc8kwvrkm",
		"validator_address": "6BE29CEF63D91013E5DE8=
4064BAC7B2DE2B8B949"
	}{
		"operator_address": "exvaloper19wln93k3faq7=
vkqzlc9gljr3ey5fljt93jfxsy",
		"validator_address": "456D70DDD05B7AF40369F=
ABFFDFACC2135AA5232"
	}{
		"operator_address": "exvaloper195ez67wmhprw=
rru34gvttyd8ttpl7edx3px8ua",
		"validator_address": "0FE9CF2FFAC38F7BCC508=
18B9B431FF9934C9597"
	}{
		"operator_address": "exvaloper19e6edpu97d6w=
2t5dlp7lph2fkdja0lvlj8ngk0",
		"validator_address": "D7958E043A8FCFF9405F0=
43E1F8EFFB9C1147F60"
	}{
		"operator_address": "exvaloper1xkl5agjzqnjn=
ptyat2dng2asmx8g5kllg7xamv",
		"validator_address": "2DA545954A696F8F09AEF=
25AEDE2B0DDE1A67B60"
	}{
		"operator_address": "exvaloper1xaxvu9wxr8sz=
ym3aqdesvqq968y2tf53l8fyak",
		"validator_address": "3A2794CC9C60BC3DE6812=
C1665FADEE8E6D1E0D6"
	}{
		"operator_address": "exvaloper188dhgmaq8cka=
2yczzjfzsw0nely6y8uap4u5kg",
		"validator_address": "33FAA80AA17F6412E8594=
ED447BAD09454A557AC"
	}{
		"operator_address": "exvaloper18v23ln9ycrtg=
0mrwsm004sh4tdknudtdapcfcq",
		"validator_address": "E1A887691AFEE37AF64FC=
EE9CE80B35178A8C8E2"
	}{
		"operator_address": "exvaloper18w9mggs2s5t8=
ve0zr0ctjcyq7faft3qp8dlj75",
		"validator_address": "6CDB634FDDB970BBC4E10=
DF0F29274DB2D298DF3"
	}{
		"operator_address": "exvaloper18au05qx485u2=
qcw2gvqsrfh29evq77lm9u2jwr",
		"validator_address": "B08F1E9CD9BDAD3EB8AEE=
C37E0662ABCC70BFB3E"
	}{
		"operator_address": "exvaloper1g3a6vtau2k93=
n4tqgqnrggeu3qa4x20rgs4x4s",
		"validator_address": "26A3A71528117598DA8CA=
ECE3B5CB4D41264D648"
	}{
		"operator_address": "exvaloper1fymxn4gazxzj=
dfvwvr0ccnrnjpwmj0r9vw3t2y",
		"validator_address": "32409E2BBF7F551EC1827=
69BD142B2F262B261F0"
	}{
		"operator_address": "exvaloper1fwvre7w2na66=
fq3k2wjy30rzp07c4fl99v3hsw",
		"validator_address": "09A02E61153A22BDB19B6=
9C79357E9596C0FA406"
	}{
		"operator_address": "exvaloper1fj2wlj8lwy4h=
d8ngfzntku0r38wxz2wt96awnp",
		"validator_address": "6FED194F7C8BE04ACD4E7=
6271E8C4C3780F86869"
	}{
		"operator_address": "exvaloper1tzxmqa6dqlpe=
q2s34c8f6n4amuuwj8gnx8vr9q",
		"validator_address": "B7B08047944713E21B62A=
24115607DCBC0D61EF3"
	}{
		"operator_address": "exvaloper1tkwxgcpvptua=
0q0h5tn0at58ufnjdue7xp9jh4",
		"validator_address": "206BC60D6024CCFE4062C=
E1D358C5BA18CDCA284"
	}{
		"operator_address": "exvaloper1tat4lam8wjqm=
eax9mv4s584vu2mp7c0cgvlajl",
		"validator_address": "5F45AD27AF7C5718BF366=
78BAC9FBBD0623C264F"
	}{
		"operator_address": "exvaloper1vsjcts3ga8dg=
f6nj2q7vmlrnu5en4cneaskg9w",
		"validator_address": "5304C540AD76FD12BF228=
C30DC889AD2F80A65FC"
	}{
		"operator_address": "exvaloper1v5pvu4rkzc5a=
xd6f7ngxa39je6d0lyujky5tng",
		"validator_address": "E303C3040B2374405D29E=
EB3B6E659BA4BCE2E2A"
	}{
		"operator_address": "exvaloper1v4kagglr3vq8=
2vqywqd8quhsuarkm4kf2nz85r",
		"validator_address": "4E40AC623F479A4FA7837=
03A2338F10821C574E3"
	}{
		"operator_address": "exvaloper1vlzgq74y6hm9=
crhkkhdjy77uvyqa0zdupstsqj",
		"validator_address": "7AE14A0113E95291CB37E=
5773A699A01D5071C1D"
	}{
		"operator_address": "exvaloper1w3ptfgekjgdv=
wkqmdepdeyvuxqmcplfszlz3jm",
		"validator_address": "718EABE12152C41E0F0DA=
01259F994C49BF3088C"
	}{
		"operator_address": "exvaloper1w5zu7xxzfdx7=
29elg2lu4rnltjsvzpdg3dhpaf",
		"validator_address": "D129F169D41E5168F287B=
E7E174FC8ADA795C990"
	}{
		"operator_address": "exvaloper104y8sy0r6fke=
4a9qr8u05j6v5y68gkh4v3ud9t",
		"validator_address": "83E68B475E906B3F1A0ED=
07C537ACE9DE4EEBFB7"
	}{
		"operator_address": "exvaloper1079vd72hpvlh=
nt7yjdya50egxkdr4dtureduuf",
		"validator_address": "2538B193B3BD9BB7FF22D=
D693B0CDC94979F8189"
	}{
		"operator_address": "exvaloper1s6nfs7mlj7ew=
sskkrmekqhpq2w234fcz5uq4m5",
		"validator_address": "1C2BB905E9B6F7D6B8625=
077CD955C0F1A3BA026"
	}{
		"operator_address": "exvaloper1su2ks3x0xnh6=
hpgg7s8rv6kgd5set0d022l24z",
		"validator_address": "E64D13E00C08548CD4444=
869B018EA90A2DF742D"
	}{
		"operator_address": "exvaloper13mayrjzsrp97=
6y0ae0qw8sjan3qg2xfdeq8vmh",
		"validator_address": "9F200A2080BABAD093746=
F6FAB1E28CDF7F5C669"
	}{
		"operator_address": "exvaloper1ja9xngm4zh0t=
442mse73ll30p7dczd49s88n2x",
		"validator_address": "C624AEA0BAF4BB7D65B20=
4B6D50D26D0D0AF5DA0"
	}{
		"operator_address": "exvaloper1nx6grwxsanpw=
fghzu40e4ng5xqktuj2rh498pe",
		"validator_address": "B696038C26C2A7C554F1F=
FDA3130A2A3F1E1A152"
	}{
		"operator_address": "exvaloper1ncdghxtp58y0=
gq4tem0nex3ln0hxsjefq9x2w4",
		"validator_address": "9F8B5FFEB4DD54D4FF40E=
4C952AA4F8E0BD426D3"
	}{
		"operator_address": "exvaloper1508d7eq592kg=
2lh9d46xvv3r4sm7gm8w0nrejk",
		"validator_address": "C12BA4719F0F124D44CD1=
C820F7A7DE5AA2724EF"
	}{
		"operator_address": "exvaloper14zgafe7cynlp=
uhpfpqpxu2gntzhq6ttedqru6j",
		"validator_address": "4CFF323073C5796C57D96=
3F837ACF4A5AC617032"
	}{
		"operator_address": "exvaloper14kpvn0zr7559=
4rlrl66lw953mlkrq6qz5ctupj",
		"validator_address": "5F3E052B1788D34A84878=
B603FDB0DF11DF2BC9E"
	}{
		"operator_address": "exvaloper1k84d9rfaz6v9=
2sazaclj24uyvx79wnl8kvckks",
		"validator_address": "8EF0AC196873BB6471F32=
176B095A459C1277A18"
	}{
		"operator_address": "exvaloper1ka92ujcwh6hy=
yeu4tymzy3dedgxplt4dtsr7xh",
		"validator_address": "D67B9BA8B93D16A80B3F2=
28D9DDCEFBEC0463D10"
	}{
		"operator_address": "exvaloper1klcqq056hndf=
ch7yew6fkl6tyrdr07qxv60g90",
		"validator_address": "714BEBEDC3A93CB6EFD71=
E6E041F41707C77B176"
	}{
		"operator_address": "exvaloper1hw0y28hgzadp=
mjwa68sfukdp69pc68cnxxgml0",
		"validator_address": "154D3DA927BF936369A76=
C4F5F7672183B842700"
	}{
		"operator_address": "exvaloper1h59keaqu7jap=
3cs6fqw0usggapl9q2x5v4w7rx",
		"validator_address": "EDB8AFEC84C4FCC034143=
CF86B89C53960FF2706"
	}{
		"operator_address": "exvaloper1c34s7lc7ec8g=
s9xrtxeh0j2wjaam25c3g06xp3",
		"validator_address": "B527086523C2B0B093BEC=
FE42D45729B6775F56D"
	}{
		"operator_address": "exvaloper1evazeyntpfr6=
2avj65dwd6mcw9wvh24kc3x84s",
		"validator_address": "621C90FCD8CD2C01A8664=
FAD003F4CBC400E5DA8"
	}{
		"operator_address": "exvaloper1m569cfenudxe=
megcf4mmykhugnslhdv0xhvcj6",
		"validator_address": "697C3DBA5A7E7326B560E=
496D6F7B9924A26ED1B"
	}{
		"operator_address": "exvaloper1mlmwvdprn8dj=
6g45vdxkjsjgu4ntu9j7dnjky2",
		"validator_address": "CF60F5722ECD528917287=
E85BDAC92446B21A08E"
	}{
		"operator_address": "exvaloper1ucmx6vvtrwam=
9pg20fnwmy9z80uhchyxqn67wq",
		"validator_address": "693E03F50442F845AF1ED=
D43C51F4246F6B3F88B"
	}{
		"operator_address": "exvaloper1a9893mfvk9x8=
0x209jhpvl0hm24djxqhr3jwuf",
		"validator_address": "3D3468F41B262F1119C28=
009DAF0D202881AFADE"
	}
]

Response parameters#

Descriptionoperator_address

Parameter	Type
String	Operator address of validator
v= alidator_address	String	Valid= ator address

Distribution#

Query distribution params#
Query distribution params onchain

HTTP Request#

GET okexchain/v1/distribution/parameters

Request Example

https://exchainrpc.okex.org/okexchain/v1/distribution/param=
eters

Request Parameters#

None

Example Response

{
    "community_tax": "0.020000000000000000",
    "withdraw_addr_enabled": true,
    "distribution_type": 1,
    "withdraw_reward_enabled": true,
    "reward_truncate_precision": "0"
}

Response parameters#

Descriptioncommunity_tax= =

Parameter	Type
String	Community tax
withdraw_addr_enabl= ed	bool	Enable using withdraw= address
distribution_type	int	Distribution model,0 offchain; 1 onchain<= /td>
withdraw_reward_enabled	bool	Enable withdrawing reward
reward_truncate_precision	String	Dividend precision truncated. 0 means to keep 0 decimal = points, such as 1.2345 truncated dividend is 1; 2 means to keep two decimal= points. For example, the dividend after 1.2345 truncated is 1.23

Get delegator rewards#

Query rewards from all validators

HTTP Request#

GET okexchain/v1/distribution/delegators/{delegatorAddr}/rewards



Request Example

https://exchainrpc.okex.org/okexchain/v1/distribution/deleg=
ators/ex17se79kf0c9t5sw0yg0jjdm6et79sy8aradphtg/rewards

Request Parameters#
None

Example Response

{
    "rewards": [
        {
            "validator_address": "exvaloper1q=
6ls3h64gkxq0r73u2eqwwr7d5mp583fm325zu",
            "reward": [
                {
                    "denom": "okt",
                    "amount": "2.081385971734=
814468"
                }
            ]
        },
        {
            "validator_address": "exvaloper1p=
t7xrmxul7sx54ml44lvv403r06clrdkehd8z7",
            "reward": [
                {
                    "denom": "okt",
                    "amount": "2.081385971734=
814468"
                }
            ]
        },
        {
            "validator_address": "exvaloper1g=
d6avvrg0jp5wxpfyfa4c84fygtl6cn9dage6d",
            "reward": [
                {
                    "denom": "okt",
                    "amount": "2.081385971734=
814468"
                }
            ]
        },
        {
            "validator_address": "exvaloper1v=
e4mwgq9967gk338yptsg2fheur4ke322gzynt",
            "reward": [
                {
                    "denom": "okt",
                    "amount": "2.081385971734=
814468"
                }
            ]
        }
    ],
    "total": [
        {
            "denom": "okt",
            "amount": "8.325543886939257872"<=
/span>
        }
    ]
}

Response parameters#
Descriptionrewards<=
td align=3D"left">reward=
Parameter Type
Array Reward array
validator_address String Validator address
String Reward from validator address
total Array Collection of all rewards
Get delegator rewards fro=
m a validator#
Query delegator rewards from a particular validator
HTTP Request#
GET okexchain/v1/distribution/delegators/{delegatorAddr}/rewards/{=
validatorAddr}

Request Example

https://exchainrpc.okex.org/okexchain/v1/distribution/deleg=
ators/ex17se79kf0c9t5sw0yg0jjdm6et79sy8aradphtg/rewards/exvaloper1q9nct2gsk=
a2yutx24starv6s63xz022fdwdgzv

Request Parameters#
None

Example Response

[
    {
        "denom": "okt",
        "amount": "2.694422051593216614"
    }
]

Response parameters#
DescriptiondenomParameter Type
String okt
amount String Amount
Get validator commission#
Query distribution validator commission
HTTP Request#
GET okexchain/v1/distribution/validators/{validatorAddr}/validator=
_commission

Request Example

https://exchainrpc.okex.org/okexchain/v1/distribution/valid=
ators/exvaloper1q9nct2gska2yutx24starv6s63xz022fdwdgzv/validator_commission

Request Parameters#
None

Example Response

[
    {
        "denom": "okt",
        "amount": "2.038175975947119947"
    }
]

Response parameters#
DescriptiondenomGet outstanding for a validator<=
a href=3D"https://www.okx.com/zh-hans/oktc/docs/dev/api/oktc-api/http#get-o=
utstanding-for-a-validator" class=3D"index_header-anchor__Xqb+L" style=3D"o=
pacity:0">#
Query distribution outstanding (un-withdrawn) rewards for a validator an=
d all their delegations
HTTP Request#
GET okexchain/v1/distribution/validators/{{validatorAddr}}/outstan=
ding_rewards

Request Example
https://exchainrpc.okex.org/okexchain/v1/distribution/valid=
ators/exvaloper1q9nct2gska2yutx24starv6s63xz022fdwdgzv/outstanding_rewards
Request Parameters#
None

Example Response
[
    {
        "denom": "okt",
        "amount": "3.150937542414329105"
    }
]
Response parameters#
Parameter Type
String okt
amount String Amount of validator commission











DescriptiondenomGet withdraw address#
Query delegator=E2=80=99s withdraw address
HTTP Request#
GET okexchain/v1/distribution/delegators/{{delegatorAddr}}/withdra=
w_address

Request Example
https://exchainrpc.okex.org/okexchain/v1/distribution/deleg=
ators/ex17se79kf0c9t5sw0yg0jjdm6et79sy8aradphtg/withdraw_address
Request Parameters#
None

Example Response
"ex1h0j8x0v9hs4eq6ppgamemfyu4v=
uvp2sl0q9p3v"
Response parameters#
Parameter Type
String okt
amount String Amount of validator outstanding











DescriptionStringParameter Type
String Withdraw address
Get amount in community pool#
Query the amount of coins in the community pool
HTTP Request#
GET okexchain/v1/distribution/community_pool

Request Example

https://exchainrpc.okex.org/okexchain/v1/distribution/commu=
nity_pool

Request Parameters#
None

Example Response

[
    {
        "denom": "okt",
        "amount": "2.471826444531520986"
    }
]

Response parameters#

Parameter	Type
Array	Reward array
validator_address	String	Validator address
String	Reward from validator address
total	Array	Collection of all rewards

Parameter	Type
String	okt
amount	String	Amount

Parameter	Type
String	okt
amount	String	Amount of validator commission

Parameter	Type
String	okt
amount	String	Amount of validator outstanding

Parameter	Type
String	Withdraw address

DescriptiondenomParameter Type
String okt
amount String Amount of community pool
Wasm#
Query all codes#
Query all contract codes
HTTP Request#
GET okexchain/v1/wasm/code

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/code?page=3D1=
&count_total=3Dtrue&reverse=3Dtrue&limit=3D2

Request Parameters#
Required=
limit is the total number of results to be re=
turned in the result page. If left empty it will default to a value to be s=
et by each app.
Example Response
{
  "code_infos": [
    {
      "id": "2",
      "creator": "ex1h0j8x0v9hs4eq6ppgamemfyu=
4vuvp2sl0q9p3v",
      "data_hash": "DCE5CE229B1FE766ABD20AA0F=
0126D3FA9CB63F9C18C78192E14BAE51634304E",
      "instantiate_permission": {
        "permission": "Everybody"
      }
    },
    {
      "id": "1",
      "creator": "ex1h0j8x0v9hs4eq6ppgamemfyu=
4vuvp2sl0q9p3v",
      "data_hash": "13A1FC994CC6D1C81B746EE0C=
0FF6F90043875E0BF1D9BE6B7D779FC978DC2A5",
      "instantiate_permission": {
        "permission": "Everybody"
      }
    }
  ],
  "pagination": {
    "next_key": "AAAAAAAAAAM=3D",
    "total": "5"
  }
}

Response parameters#
Parameter Type De=
scription
page Uint64 No =
page_key String No page_key is a va=
lue returned in PageResponse.next_key to begin querying the ne=
xt page most efficiently. Only one of offset or page_key=
 should be set.
offset Uint64 No off=
set is a numeric offset that can be used when page_key =
is unavailable. It is less efficient than using key. Only one of offs=
et or page_key should be set.
limit Uint64 No
count_total Bool No count=
_total is set to true to indicate that the result set should include=
 a count of the total number of items available for pagination in UIs. count_total is only respected when offset is used. It=
 is ignored when page_key is set.
reverse Bool No reverse is set to true if results are to be retu=
rned in the descending order.
Once =
page is set, page_key or offset cannot be set. 



Descriptioncode_infos=
Parameter Type
Array Object The array code info
code_info.i=
d Int64 Code id
code_info.creator String The creator of code
code_inf=
o.data_hash String The hash o=
f code
code_info.instantiate_permission Object The permission of code
code_info.instantiate_permission.permission String Permission type
pagination Object Page response	parameters
pagi=
nation.next_key String The ne=
xt page start key
pagination.total String It=E2=80=99s a number format
Get contract code#
Get contract code by codeID
HTTP Request#
GET okexchain/v1/wasm/code/{codeID}

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/code/1

Request Parameters#
RequiredParameter Type De=
scription
codeID String Yes Code ID of wasm contract code

Example Response

{
  "id"=
: 1,
  "creator": "ex1h0j8x0v9hs4eq6ppgamemfyu4vuv=
p2sl0q9p3v",
  "data_hash": "13A1FC994CC6D1C81B746EE0C0FF6=
F90043875E0BF1D9BE6B7D779FC978DC2A5""instantiate_permission": {
    "permission": "Everybody"
  },
  "data""contract bytescode"
}

Response parameters#
DescriptionidParameter Type
Int64 Cod=
e id
creator String<=
/td> The creator of code
=
data_hash String The hash of =
code
instantiate_permission Object The permission of code
instantiate_permission.permission String Permission type
data String Code data
Query contract information#=

Query contract information by contract address
HTTP Request#
GET okexchain/v1/wasm/contract/{contractAddr}

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/contract/ex14=
hj2tavq8fpesdwxxcu44rty3hh90vhujrvcmstl4zr3txmfvw9s6fqu27

Request Parameters#
RequiredParameter Type De=
scription
contractA=
ddr String Yes Contract address

Example Response

{
  "address": "ex14hj2tavq8fpesdwxxcu44rty3hh9=
0vhujrvcmstl4zr3txmfvw9s6fqu27",
  "code_id": 2,
  "creator": "ex1h0j8x0v9hs4eq6ppgamemfyu4vuv=
p2sl0q9p3v",
  "label": "local0.1.0"
}

Response parameters#
DescriptionaddressParameter Type
String Contract address
code_id int64 Code id
creator String The creato=
r of  contract
label String Contract label
Query all =
corresponding contracts of specified codeid#
Query all corresponding contracts of specified codeid
HTTP Request#
GET okexchain/v1/wasm/code/{codeID}/contracts

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/code/3/contra=
cts?page=3D1&count_total=3Dtrue&reverse=3Dtrue&limit=3D1

Request Parameters#
Required<=
td align=3D"left">Nolimit is the total number of results to be re=
turned in the result page. If left empty it will default to a value to be s=
et by each app.
Example Response
{
  "contracts": [
    "ex1qg5ega6dykkxc307y25pecuufrjkxkaggkkxh7=
nad0vhyhtuhw3s4zjvwg"
  ],
  "pagination": {
    "total": "1"
  }
}
Response parameters#
Parameter Type De=
scription
codeID String Yes Code id of wasm contract
page Uint64 No Page
page_key String page_key is a valu=
e returned in PageResponse.next_key to begin querying the next=
 page most efficiently. Only one of offset or page_key should be set.
offset Uint64 No off=
set is a numeric offset that can be used when page_key =
is unavailable. It is less efficient than using key. Only one of offs=
et or page_key should be set.
limit Uint64 No
count_total Bool No count=
_total is set to true to indicate that the result set should include=
 a count of the total number of items available for pagination in UIs. count_total is only respected when offset is used. It=
 is ignored when page_key is set.
reverse Bool No reverse is set to true if results are to be retu=
rned in the descending order.
Once =
page is set, page_key or offset cannot be set. 



Descriptioncontracts<=
td align=3D"left">ObjectParameter Type
Array Contract Address Array
pagination Page response	parameters
pagination.next_key St=
ring The next page start key
pagination.total String It=E2=80=99s a number format
Query contract history inform=
ation#
Query contract history information
HTTP Request#
GET okexchain/v1/wasm/contract/{contractAddr}/history

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/contract/ex1u=
fs3tlq4umljk0qfe8k5ya0x6hpavn897u2cnf9k0en9jr7qarqqy2pl6c/history?page=3D1&=
amp;count_total=3Dtrue&reverse=3Dtrue&limit=3D2

Request Parameters#
RequiredNoParameter Type De=
scription
contractA=
ddr String Yes contract address
page Uint64 No page
page_key String page_key is a value=
 returned in PageResponse.next_key to begin querying the next =
page most efficiently. Only one of offset or page_key should be set.
offset Uint64 No offset=
 is a numeric offset that can be used when page_key is =
unavailable. It is less efficient than using key. Only one of offset<=
/code> or page_key should be set.
limit Uint64 No limit is the total number of results to be retur=
ned in the result page. If left empty it will default to a value to be set =
by each app.
count_total Bool No count_tota=
l is set to true to indicate that the result set should include a co=
unt of the total number of items available for pagination in UIs. cou=
nt_total is only respected when offset is used. It is i=
gnored when page_key is set.
r=
everse Bool No reverse is set to true if results are to be returned=
 in the descending order.
Once page=
 is set, page_key or offset cannot be set. =
<=
/div>

Example Response

{
  "entries": [
    {
      "operation": 1,
      "code_id": "5",
      "msg": {
        "decimals": 10,
        "initial_balances": [
          {
            "address": "ex1h0j8x0v9hs4eq6ppga=
memfyu4vuvp2sl0q9p3v",
            "amount": "100000000"
          }
        ],
        "name": "my test token",
        "symbol": "MTT"
      }
    }
  ],
  "pagination": {
    "total": "1"
  }
}

Response parameters#
Descriptionentries<=
tr>Parameter Type
Array Object The history info of contract
entr=
y.operation Int64 Contract op=
erate type
entry.code_id String Code id
=
entry.msg Object Msg
entry.msg.decimals Int64 Decimal
entry.msg.initi=
al_balances Array Object Init=
ial balances
entries.msg.initial_balance.ad=
dress String Initial balance =
address
entries.msg.name String Contract name
entries.msg.symbol String Contract symbol
pagination Object Page response parameters
pagination.next_key String The next page start key
pagination.total String It=
=E2=80=99s a number format
Query contract data through key<=
a href=3D"https://www.okx.com/zh-hans/oktc/docs/dev/api/oktc-api/http#query=
-contract-data-through-key" class=3D"index_header-anchor__Xqb+L" style=3D"o=
pacity:0">#
Query contract data by key
HTTP Request#
GET okexchain/v1/wasm/contract/{contractAddr}/raw/{key}?encoding=
=3Dhex

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/contract/ex1q=
g5ega6dykkxc307y25pecuufrjkxkaggkkxh7nad0vhyhtuhw3s4zjvwg/raw/0006636F6E666=
967636F6E7374616E7473?encoding=3Dhex

Request Parameters#
Required<=
td align=3D"left">stringParameter Type De=
scription
contractA=
ddr String Yes Contract address required
key String Yes Queried key value required
encoding Yes =
Must use hex because key is hex

Example Response

Response is Base64
"eyJuYW1lIjoibXkgdGVzdCB0b=
2tlbiIsInN5bWJvbCI6Ik1UVCIsImRlY2ltYWxzIjoxMH0=3D"
# base64Code represent{"name":"my test token"=
,"symbol":"MTT","decimals":10}

Response parameters#
None
Smart query of contract data#
Smart query of contract data
HTTP Request#
GET okexchain/v1/wasm/contract/{contractAddr}/smart/{query}?encodi=
ng=3Dbase64

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/contract/ex1q=
g5ega6dykkxc307y25pecuufrjkxkaggkkxh7nad0vhyhtuhw3s4zjvwg/smart/eyJiYWxhbmN=
lIjp7ImFkZHJlc3MiOiJleDFoMGo4eDB2OWhzNGVxNnBwZ2FtZW1meXU0dnV2cDJzbDBxOXAzdi=
J9fQ=3D=3D?encoding=3Dbase64

Request Parameters#
RequiredParameter Type De=
scription
contractA=
ddr String Yes Contract address required
query String Yes Request data required base64 code
encod=
ing string Yes Must use base64

Example Response

{"smart":<=
/span>"eyJiYWxhbmNlIjoiOTk5OTk5MDAifQ=3D=3D"}=20
# eyJiYWxhbmNlIjoiOTk5OTk5MDAifQ=3D=3D repres=
ent {"balance":"99999900"}

Response parameters#
DescriptionsmartParameter Type
string Base64 Code
Query contract status#
Query contract all state data
HTTP Request#
GET okexchain/v1/wasm/contract/{contractAddr}/state

Request Example

https://exchainrpc.okex.org/okexchain/v1/wasm/contract/ex1u=
fs3tlq4umljk0qfe8k5ya0x6hpavn897u2cnf9k0en9jr7qarqqy2pl6c/state?page=3D1&am=
p;count_total=3Dtrue&reverse=3Dtrue&limit=3D2

coderID
Request Parameters#
RequiredParameter Type De=
scription
contractA=
ddr String Yes Contract address
page Uint64 No 
page_key String No page_key is a value ret=
urned in PageResponse.next_key to begin querying the next page=
 most efficiently. Only one of offset or page_key=
 should be set.
offset Uint64 No offset is a numeric offset that can be used when page_key is unav=
ailable. It is less efficient than using key. Only one of offset or page_key should be set.
=
limit Uint64 No limit is the total number of results to be returned =
in the result page. If left empty it will default to a value to be set by e=
ach app.
count_total Bool No count_total is set to true to indicate that the result set should include a count =
of the total number of items available for pagination in UIs. count_t=
otal is only respected when offset is used. It is ignor=
ed when page_key is set.
rever=
se Bool No reverse is set to true if results are to be returned in t=
he descending order.
Once page is set, page_key or offset cannot be set.

Example Response

{
  "models": [
    {
      "key": "0006636F6E666967746F74616C5F737=
570706C79",
      "value": "AAAAAAAAAAAAAAAABfXhAA=3D=3D"=

    },
    {
      "key": "0006636F6E666967636F6E7374616E7=
473",
      "value": "eyJuYW1lIjoibXkgdGVzdCB0b2tlb=
iIsInN5bWJvbCI6Ik1UVCIsImRlY2ltYWxzIjoxMH0=3D"
    }
  ],
  "pagination": {
    "next_key": "AAhiYWxhbmNlc2V4MWV1dHl1cXFh=
c2UzZXl2d2U5MmNhdzhkY3g1bHk4czU0NHEzaG1x",
    "total": "4"
  }
}

Response parameters#
Descriptionmodels<=
/tr>Data value which is base64Parameter Type
Array Object Model object
model.key String Data key which is hex code
model.value String
pagination Object Page respo=
nse parameters
pagination.next_key String The next page start key 
pagination.total String It=E2=80=99s a number format=

Gov#
Get govParameters#
Get gov parameters by type, deposit / voting / tallying
HTTP Request#
GET okexchain/v1/gov/parameters/{ParamsType}

Request Example

https://exchainrpc.okex.org/okexchain/v1/gov/parameters/dep=
osit

Request Parameters#
None

Example Response

{
  "min_deposit": [
    {
      "denom": "okt",
      "amount": "10.000000000000000000"
    }
  ],
  "max_deposit_period": "86400000000000"
}

Response parameters#
Descriptionmin_depositParameter Type
Array Min deposit, okt
> amount String amount of deposit
> denom String denom of deposit
max_deposit_peri=
od String =E6=8F=90=E6=
=A1=88=E7=9A=84=E6=9C=80=E9=95=BF=E5=AD=98=E6=94=BE=E6=9C=9F=E9=99=90

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/gov/parameters/vot=
ing

=E8=AF=B7=E6=B1=82=
=E5=8F=82=E6=95=B0
=E6=B2=A1=E6=9C=89=E4=BB=BB=E4=BD=95

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

{
  "voting_period": "259200000000000"
}

=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0
=E8=8C=83=E5=9B=B4 =E7=B1=BB=E5=9E=8B =E6=8F=8F=E8=BF=B0
=E6=8A=95=E7=A5=A8=E6=9C=9F=E9=99=
=90 =E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E6=8A=95=E7=A5=A8=E6=
=9C=9F=E9=99=90

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/gov/parameters/tal=
lying

=E8=AF=B7=E6=B1=82=
=E5=8F=82=E6=95=B0
=E6=B2=A1=E6=9C=89=E4=BB=BB=E4=BD=95

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

{
  "quorum": "0.334000000000000000",
  "threshold": "0.500000000000000000"<=
span class=3D"token punctuation">,
  "veto""0.334000000000000000",
  "yes_in_vote_period": "0.667000000000000000=
"
}

=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0
=E8=8C=83=E5=9B=B4 =E7=B1=BB=E5=9E=8B =E6=8F=8F=E8=BF=B0
=E6=B3=95=E5=AE=9A=E4=BA=BA=E6=95=
=B0 =E7=BB=86=E7=BB=B3 =E6=8A=95=E7=A5=A8=E6=B3=95=E5=AE=9A=E4=
=BA=BA=E6=95=B0
=E4=
=B8=B4=E7=95=8C=E7=82=B9 =E7=
=BB=86=E7=BB=B3 =E6=8A=95=E7=A5=
=A8=E9=97=A8=E6=A7=9B
=
=E5=90=A6=E5=86=B3 =E7=BB=86=E7=
=BB=B3 =E5=90=A6=E5=86=B3
=E6=8A=95=E7=A5=A8=E6=9C=9F=
=E9=97=B4=E4=B8=BA yes_in_vote_period =
=E7=BB=86=E7=BB=B3 =E6=
=8A=95=E7=A5=A8=E6=9C=9F=E9=97=B4

=E8=8E=B7=E5=8F=96=E6=8F=90=E6=A1=88=
=
#
=E8=8E=B7=E5=8F=96=E6=89=80=E6=9C=89=E6=8F=90=E6=A1=88

HTTP=E8=AF=B7=E6=B1=82

GET okexchain/v1/gov/proposals

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/gov/proposals


=E8=AF=B7=E6=B1=82=
=E5=8F=82=E6=95=B0
=E6=B2=A1=E6=9C=89=E4=BB=BB=E4=BD=95

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

[{
 	"content": {
 		"type": "okexchain/params/ParameterChangeP=
roposal",
 		"value": {
 			"ParameterChangeProposal": {
 				"title": "open farm",
 				"description": "open farm",
 				"changes": [{
 					"subspace": "farm",
 					"key": "YieldNativeToken",
 					"value": "true"
 				}]
 			},
 			"height": "600"
 		}
 	},
 	"id"=
: "1",
 	"proposal_status": "Passed",
 	"final_tally_result": {
 		"total_power": "484267077339.5468178293666=
87657",
 		"total_voted_power": "352194238067.8522311=
48630318296",
 		"yes""352194238067.852231148630318296",
 		"abstain": "0.000000000000000000",
 		"no": "0.000000000000000000",
 		"no_with_veto": "0.000000000000000000"
 	},
 	"submit_time": "2021-01-15T12:10:20.6835583=
22Z",
 	"deposit_end_time": "2021-01-15T12:10:20.68=
3558322Z",
 	"total_deposit": [{
 		"denom": "okt",
 		"amount": "100.000000000000000000"
 	}],
 	"voting_start_time": "2021-01-15T12:10:20.6=
83558322Z",
 	"voting_end_time": "2021-01-15T13:00:21.369=
507718Z"
 }=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0
=
<=
tr>>>>> =E5=80=BC=
=
=E6=8F=90=E6=A1=88=E6=8A=95=E7=A5=A8=E5=BC=80=E5=A7=
=8B=E6=97=B6=E9=97=B4=E8=8C=83=E5=9B=B4 =E7=B1=BB=E5=9E=8B =E6=8F=8F=E8=BF=B0
=E5=86=85=E5=AE=B9<=
/td> =E7=9B=AE=E7=9A=84 =E5=BB=BA=E8=AE=AE=E5=86=85=E5=AE=B9 
> =E8=BE=93=E5=85=A5 =E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E7=B1=BB=E5=9E=8B
> =E5=80=BC =E7=9B=AE=E7=9A=84 >> =E5=8F=82=E6=95=B0=E5=
=8F=98=E6=9B=B4=E5=BB=BA=E8=AE=AE =E7=9B=AE=E7=9A=84 =E5=8F=82=
=E6=95=B0=E5=8F=98=E6=9B=B4=E5=BB=BA=E8=AE=AE=E5=AF=B9=E8=B1=A1
>>> =E5=8F=98=E5=8C=96 =E5=A4=A7=E6=89=B9=
=E6=9B=B4=E6=94=B9=E6=95=B0=E7=BB=84<=
/font>
>>>> =E5=AD=90=E7=
=A9=BA=E9=97=B4 =E7=BB=86=E7=BB=
=B3 =E5=8F=98=E5=8C=96=E7=9A=84=
=E5=AD=90=E7=A9=BA=E9=97=B4=E5=90=8D=E7=A7=B0
=E7=BB=86=E7=BB=B3 =E5=8F=98=E9=9D=A9=E7=9A=84=E4=BB=B7=E5=80=BC
>>>> =E9=94=AE =E7=BB=86=E7=BB=B3 =E5=8F=98=E9=9D=A9=E4=B9=8B=E9=92=A5 
>>> =E6=8F=8F=E8=BF=B0 =E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E6=8F=8F=E8=BF=B0
>>> =E6=A0=87=E9=A2=98=
=E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E6=A0=87=E9=A2=98
=
>> =E9=AB=98=E5=BA=A6=
=E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E7=9A=84=E6=9C=89=E6=95=88=E5=
=8C=BA=E5=9D=97=E9=AB=98=E5=BA=A6
=E6=8A=95=E7=A5=A8=E5=BC=80=E5=A7=8B=E6=97=B6=E9=97=B4 =E7=BB=86=E7=BB=B3
=
ID =E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E7=BC=96=E5=8F=B7
=E5=AD=98=E6=AC=BE=E7=BB=
=93=E6=9D=9F=E6=97=B6=E9=97=B4 =
=E7=BB=86=E7=BB=B3 =E6=8F=90=E6=
=A1=88=E5=AD=98=E6=AC=BE=E7=BB=93=E6=9D=9F=E6=97=B6=E9=97=B4<=
/td>
=E6=8F=90=E4=BA=A4=E6=97=B6=E9=97=B4=
=E7=BB=86=E7=BB=B3 =E6=8F=90=E4=BA=A4=E6=8F=90=E6=A1=88=E6=97=
=B6=E9=97=B4
=E6=80=BB=
=E5=AD=98=E6=AC=BE =E5=A4=A7=E6=
=89=B9 =E5=BB=BA=E8=AE=AE=E4=B9=
=A6=E6=80=BB=E5=AD=98=E6=AC=BE
> =E6=95=B0=E9=87=8F =E5=AD=98=
=E6=AC=BE=E9=87=91=E9=A2=9D
<=
font style=3D"vertical-align: inherit;">> =E5=A7=93=E5=90=8D =
=E7=BB=86=E7=BB=B3 =E5=AD=98=E6=
=AC=BE=E9=9D=A2=E9=A2=9D
=E6=9C=80=E7=BB=88=E7=BB=93=E6=9E=9C =E7=9B=AE=E7=9A=84 =E6=
=8F=90=E6=A1=88=E6=9C=80=E7=BB=88=E8=AE=A1=E7=A5=A8=E7=BB=93=E6=9E=9C
> =E6=80=BB=E6=8A=95=E7=
=A5=A8=E6=95=B0 =E7=BB=86=E7=BB=
=B3 =E6=80=BB=E6=8A=95=E7=A5=A8=
=E6=9D=83
> =E6=B2=
=A1=E6=9C=89 =E7=BB=86=E7=BB=B3=
=E6=8A=95=E4=BA=86=E5=8F=8D=E5=
=AF=B9=E7=A5=A8
>=
 =E4=B8=8D=E4=BA=88=E5=90=A6=E5=86=B3 =
=E7=BB=86=E7=BB=B3 =E5=
=90=A6=E5=86=B3
>=
 =E6=80=BB=E5=8A=9F=E7=8E=87 =
=E7=BB=86=E7=BB=B3 =E6=80=BB=E5=
=8A=9F=E7=8E=87
>=
 =E6=98=AF=E7=9A=84 =E7=BB=86=
=E7=BB=B3 =E6=8A=95=E4=BA=86=E8=
=B5=9E=E6=88=90=E7=A5=A8
=EF=BC=9E=E5=BC=83=E6=9D=83 =
=E7=BB=86=E7=BB=B3 =E5=BC=83=E6=
=9D=83
=E6=8F=90=E6=A1=
=88=E7=8A=B6=E6=80=81 =E7=BB=86=
=E7=BB=B3 =E6=8F=90=E6=A1=88=E7=
=8A=B6=E6=80=81=E3=80=82=E5=AD=98=E6=AC=BE=E6=9C=9F=EF=BC=8C=E6=8A=95=E7=A5=
=A8=E6=9C=9F=EF=BC=8C=E9=80=9A=E8=BF=87=EF=BC=8C=E6=8B=92=E7=BB=9D=EF=BC=8C=
=E5=A4=B1=E8=B4=A5
=E6=
=8A=95=E7=A5=A8=E7=BB=93=E6=9D=9F=E6=97=B6=E9=97=B4 =E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E6=8A=95=E7=A5=A8=E7=BB=93=E6=9D=9F=E6=97=B6=E9=
=97=B4
=E9=80=9A=E8=BF=87proposalId=
=E8=8E=B7=E5=8F=96=E6=8F=90=E8=AE=AE=E8=80=85#

=E6=A0=B9=E6=8D=AE ID =E8=8E=B7=E5=8F=96=E6=8F=90=E8=AE=AE=E8=80=
=85
HTTP=E8=AF=B7=E6=B1=82

GET okexchain/v1/gov/proposals/{ProposalID}/proposer

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/gov/proposals/17/p=
roposer

=E8=AF=B7=E6=B1=82=
=E5=8F=82=E6=95=B0
=E6=B2=A1=E6=9C=89=E4=BB=BB=E4=BD=95

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

{
  "proposal_id": "17",
  "proposer": "ex18au05qx485u2qcw2gvqsrfh29ev=
q77lmnmqk2e"
}

=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0
=E7=BB=86=E7=BB=B3=E8=8C=83=E5=9B=B4 =E7=B1=BB=E5=9E=8B =E6=8F=8F=E8=BF=B0
=E6=8F=90=E6=A1=88 ID =E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E7=BC=96=E5=8F=B7
=E5=BB=BA=E8=AE=AE =E6=8F=90=E8=AE=AE=E4=BA=BA=E5=9C=B0=E5=9D=80
=E6=A0=B9=E6=8D=AE=E6=8F=90=E6=A1=
=88=E7=BC=96=E5=8F=B7=E8=8E=B7=E5=8F=96=E8=AE=A1=E6=95=B0<=
font style=3D"vertical-align: inherit;">#
=E6=A0=B9=E6=8D=AE ID =E8=8E=B7=E5=8F=96=E6=8F=90=E8=AE=AE=E8=80=
=85
HTTP=E8=AF=B7=E6=B1=82

GET okexchain/v1/gov/proposals/{ProposalID}/tally

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/gov/proposals/17/t=
ally

=E8=AF=B7=E6=B1=82=
=E5=8F=82=E6=95=B0
=E6=B2=A1=E6=9C=89=E4=BB=BB=E4=BD=95

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

{
  "total_power": "165837653241301.60538260634=
4753055",
  "total_voted_power": "116130784063951.26859=
7087599105663",
  "yes": "116130784063951.268597087599105663"=
,
  "abstain": "0.000000000000000000",
  "no"=
: "0.000000000000000000",
  "no_with_veto": "0.000000000000000000"
}

=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0
=E7=BB=86=E7=BB=B3=E8=8C=83=E5=9B=B4 =E7=B1=BB=E5=9E=8B =E6=8F=8F=E8=BF=B0
=E6=80=BB=E5=8A=9F=E7=8E=87 =E7=BB=86=E7=BB=B3 =E6=80=BB=E5=8A=9F=E7=8E=87 
=E6=80=BB=E6=8A=95=E7=A5=A8=E6=95=B0 =E7=BB=86=E7=BB=B3 =E6=80=BB=E6=8A=95=E7=A5=A8=E6=9D=83
=E6=98=AF=E7=9A=84<=
/td> =E7=BB=86=E7=BB=B3 =E6=8A=95=E7=A5=A8=E8=B5=9E=E6=88=90 
=E5=BC=83=E6=9D=83 =E7=BB=86=E7=BB=B3 =E5=BC=83=E6=9D=83=E8=A1=A8=E5=86=B3=E6=9D=83 
=E4=B8=8D =E7=BB=86=E7=BB=B3 =
=E6=8A=95=E7=A5=A8=E5=8F=8D=E5=AF=B9
=E4=B8=8D=E4=BA=88=E5=90=A6=E5=86=B3 =E6=8A=95=E7=A5=A8=E5=8F=8D=E5=AF=B9=E5=B9=B6=E6=8B=A5=E6=9C=89=
=E5=90=A6=E5=86=B3=E6=9D=83
=E6=A0=B9=E6=8D=AE=E6=8F=90=E6=A1=
=88=E7=BC=96=E5=8F=B7=E8=8E=B7=E5=8F=96=E6=8A=95=E7=A5=A8=E6=95=B0#

=E6=A0=B9=E6=8D=AE=E6=8F=90=E6=A1=88ID=E8=8E=B7=E5=8F=96=E6=8A=95=
=E7=A5=A8=E6=95=B0
HTTP=E8=AF=B7=E6=B1=82

GET okexchain/v1/gov/proposals/{ProposalID}/votes

=E8=AF=B7=E6=B1=82=E7=A4=BA=E4=BE=8B

https://exchainrpc.okex.org/okexchain/v1/gov/proposals/17/v=
otes

=E8=AF=B7=E6=B1=82=
=E5=8F=82=E6=95=B0
=E6=B2=A1=E6=9C=89=E4=BB=BB=E4=BD=95

=E5=93=8D=E5=BA=94=E7=A4=BA=E4=BE=8B

[
  {
    "proposal_id": "17",
    "voter": "ex18au05qx485u2qcw2gvqsrfh29evq=
77lmnmqk2e",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1s6nfs7mlj7ewsskkrmekqhpq2w23=
4fczzm23lw",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1zxthrcdcecfe5ss4tal0tq30hzel=
2lksvx6cnp",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1q9nct2gska2yutx24starv6s63xz=
022fmf8vxk",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex195ez67wmhprwrru34gvttyd8ttpl=
7edx8xvrc8",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex19wln93k3faq7vkqzlc9gljr3ey5f=
ljt984rz57",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1qva0ejf0t943x6rt824gwmvtjgec=
9cjr2v72ha",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1ka92ujcwh6hyyeu4tymzy3dedgxp=
lt4dahf6zd",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1zza3jrylyecrtuh0p9ts2xauzsef=
uvwarc0d5u",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1ygcvtcqxl82xvzrq25dymam434k3=
nnc8qfx8jp",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1ja9xngm4zh0t442mse73ll30p7dc=
zd49xqdhwu",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1c34s7lc7ec8gs9xrtxeh0j2wjaam=
25c37gsz9t",
    "option": "Yes"
  },
  {
    "proposal_id": "17",
    "voter": "ex1m569cfenudxemegcf4mmykhugnsl=
hdv0ssxukq",
    "option": "Yes"
  }
]

=E5=93=8D=E5=BA=94=E5=8F=82=E6=95=B0
=E7=BB=86=E7=BB=B3 =E5=BC=80=E5=8F=91=E5=95=86=E5=88=86=E7=
=BA=A2=E9=A1=B9=E7=9B=AE=E6=93=8D=E4=BD=9C=E6=8C=87=E5=8D=97<=
/a>
JSON-RPC API 

   =20
 =20
      
=C2=A92017 - 2024 OKX.COM=E7=AE=80=E4=BD=93=E4=B8=AD=E6=96=87/=
USD=E8=AF=AD=E8=A8=80=E7=AE=80=E4=BD=
=93=E4=B8=AD=E6=96=87=
=E8=8B=B1=E8=AF=AD=E7=B9=81=E4=BD=93=E4=B8=AD=E6=96=87=E6=
=B3=95=E8=AF=AD=EF=BC=88=E9=9D=9E=E6=B4=B2=EF=BC=89=E4=BF=84=E8=AF=AD=E8=B6=8A=E5=8D=
=97=E8=AF=AD=E5=8D=B0=E5=BA=A6=E5=B0=BC=E8=
=A5=BF=E4=BA=9A=E5=9C=9F=E8=80=B3=E5=85=B6=
=E5=BE=B7=E8=AF=AD=E6=84=8F=E5=A4=A7=E5=88=A9=E8=AF=AD=E6=8A=9B=E5=85=89=E8=91=A1=E8=90=84=
=E7=89=99=E8=AF=AD - =E5=B7=B4=E8=A5=BF=EF=BC=89=E8=91=A1=E8=90=84=E7=89=99=E8=AF=AD=EF=BC=88=E8=91=A1=E8=90=84=
=E7=89=99=E8=AF=AD=EF=BC=89=E8=A5=BF=E7=
=8F=AD=E7=89=99=E8=AF=AD - =E8=A5=BF=E7=8F=AD=E7=89=99=EF=BC=89=E8=A5=BF=E7=8F=AD=E7=89=99=E8=AF=AD=EF=BC=88=E6=8B=
=89=E4=B8=81=E7=BE=8E=E6=B4=B2=EF=BC=89=E6=
=8D=B7=E5=85=8B=E8=AF=AD=E8=8B=B1=E8=AF=AD=
=E4=B9=8C=E5=85=8B=E5=85=B0<=
/a>=E9=98=BF=E6=8B=89=E4=BC=AF=E8=8D=B7=E5=85=B0=E8=AF=AD
=E6=9C=AC=E5=9C=B0=
=E8=B4=A7=E5=B8=81
=E7=BE=8E=E5=85=83
=E4=B8=
=AD=E5=9B=BD=E6=96=B0=E5=B9=B4
=E6=93=A6
=E6=97=A5=E5=85=83<=
/font>
=E6=AC=A7=E5=85=83
=E8=B6=8A=E5=8D=97=E7=9B=BE=
=E5=8F=91=E8=A1=8C=E4=BA=BA=E8=BF=9D=E7=BA=
=A6=E8=AF=84=E7=BA=A7
PHP
=
=E5=8D=B0=E5=BA=A6=E5=8D=A2=E6=AF=
=94
=E9=98=BF=E6=A0=B9=E5=BB=
=B7
=E7=89=B9=E5=8C=BA<=
/font>
=E5=B0=9D=E8=AF=95
=
=E8=87=AA=E5=8A=A8=E4=BD=93=E5=A4=96=E9=99=A4=E9=
=A2=A4=E5=99=A8
IQD
=E5=8D=B0=E5=BA=A6=E8=81=94=E9=82=A6=E6=
=83=85=E6=8A=A5=E5=B1=80
LAK<=
/font>
=E7=BE=8E=E5=9B=BD=E5=9B=BD=E5=
=AE=B6=E5=85=AC=E5=85=B1=E7=94=B5=E5=8F=B0
PKR
=E6=96=B0=E5=
=8A=A0=E5=9D=A1=E5=85=83
MMK<=
/font>
=E8=92=99=E5=8F=A4=E5=BE=B7
=E8=AD=A6=E5=AF=9F=
=E4=B8=AD=E7=94=B5
=E7=9F=A5=E9=81=93
=E5=A2=A8=E8=A5=BF=E5=93=A5=E6=AF=94=E7=B4=A2
<=
li class=3D"item ">=E5=B7=B4=E8=A5=BF=E9=9B=B7=E4=BA=9A=E5=B0=94=E7=AC=94
=E6=BF=80=E7=B4=A0=E6=9B=BF=E4=BB=A3=E7=96=97=E6=B3=
=95
=E8=BF=99=E4=B8=AA<=
/font>
=E8=8B=B1=E9=95=91=
=E7=91=9E=E5=A3=AB=E6=B3=95=E9=83=8E
HRK
=E4=B9=8C=E5=85=8B=E5=85=B0=E6=A0=BC=E9=87=8C=E5=A4=AB=E7=BA=B3
=E6=BE=B3=E5=85=83<=
/li>
=E6=96=B0=E8=A5=BF=E5=85=B0=E5=85=83<=
/font>
=E8=AE=A1=E7=AE=97=E6=9C=BA=E8=BE=85=
=E5=8A=A9=E8=AE=BE=E8=AE=A1
=
=E5=8D=97=E9=9D=9E=E5=85=B0=E7=89=B9
=
=E4=BB=96=E4=BB=AC
=E6=
=96=B0=E5=8F=B0=E5=B8=81
=E6=
=B8=AF=E5=B8=81
=
=E5=85=B3=E4=BA=8E=E6=AC=A7=E6=98=93
=E5=85=B3=E4=BA=
=8E=E6=88=91=E4=BB=AC=E8=81=8C=E4=B8=9A=E6=9C=BA=E4=BC=9A=E8=81=94=E7=B3=BB=E6=88=
=91=E4=BB=AC=E6=9C=8D=E5=8A=A1=E6=9D=A1=E6=AC=BE=E9=9A=
=90=E7=A7=81=E4=BF=9D=E6=8A=A4=E5=85=8D=E8=B4=A3=E5=A3=B0=
=E6=98=8E=E5=BB=89=E6=AD=A3=E4=B8=BE=E6=8A=A5=E6=89=A7=E6=B3=95=E8=AF=B7=E6=B1=82=E6=AC=A7=E6=98=93 App<=
/div>
=E4=BA=A7=E5=
=93=81
=E5=BF=AB=E6=8D=B7=E4=B9=B0=E5=B8=81C2C =E4=BA=A4=E6=
=98=93=E9=97=AA=E5=85=91=E4=BA=A4=E6=98=93=E8=B5=9A=E5=B8=81=E4=BF=84=E5=85=8B=E6=8B=89=
=E4=BD=95=E9=A9=AC=E5=B7=9E=E6=8A=80=E6=9C=AF=E4=B8=AD=E5=BF=83Web3 =E9=
=92=B1=E5=8C=85Web3 =E5=B8=82=E5=9C=BA=E6=95=B0=E5=AD=97=E8=B4=A7=E5=B8=81=E8=
=AE=A1=E7=AE=97=E5=99=A8=E7=AD=96=E7=95=A5=E4=BA=A4=E6=98=93=E6=B5=8F=E8=A7=88=E6=89=80=
=E6=9C=89=E6=95=B0=E5=AD=97=E8=B4=A7=E5=B8=81=E6=96=B0=E6=89=8B=E5=AD=A6=E9=99=A2=
=E4=BA=A4=E6=98=93=E8=A7=86=E5=9B=BE
=E6=9C=8D=E5=8A=A1
=E8=8A=82=E7=82=
=B9=E8=AE=A1=E5=88=92V5 API=E5=8E=86=E5=8F=B2=E8=A1=8C=E6=83=
=85=E6=95=B0=E6=8D=AE=E8=B4=B9=E7=8E=87=E6=A0=87=E5=87=86=E4=B8=8A=E5=B8=81=E7=94=
=B3=E8=AF=B7C2C =E8=AE=A4=E8=AF=81=E5=95=86=E5=AE=B6=E7=94=B3=E8=AF=B7
=E7=94=A8=E6=88=
=B7=E6=94=AF=E6=8C=81
=E5=B8=AE=E5=8A=A9=E4=B8=AD=E5=BF=83<=
/a>=E5=AE=98=E6=96=B9=E9=AA=8C=E8=AF=81=E5=85=
=AC=E5=91=8A=E5=8A=A0=E5=85=A5=E6=AC=A7=E6=98=93=E7=A4=BE=E7=BE=A4
=E4=B9=B0=E5=B8=81
=E8=B4=AD=E4=B9=
=B0 USDC=E8=B4=AD=E4=B9=B0=E6=B3=B0=E8=BE=BE=E5=B8=81 (USDT)=E8=B4=AD=E4=B9=B0=E6=AF=94=E7=
=89=B9=E5=B8=81 (Bitcoin)=E8=B4=AD=E4=B9=B0=E4=BB=A5=E5=A4=AA=E5=B8=81 (Ethereum)=E8=B4=AD=
=E4=B9=B0 ADA=E8=B4=AD=E4=B9=B0 Solana=E8=B4=AD=E4=B9=B0 MATIC=E8=B4=AD=E4=B9=B0 Litecoin=E8=B4=AD=E4=B9=
=B0 XRP
=E6=95=B0=E5=AD=97=E8=B4=A7=E5=B8=81=E8=AE=A1=E7=AE=97=E5=99=A8=
BTC =E5=85=91=E6=8D=A2 CNYETH =E5=
=85=91=E6=8D=A2 CNYUSDT =E5=85=91=E6=8D=A2 CNYSOL =E5=85=91=E6=8D=A2=
 CNYXRP =E5=85=91=E6=8D=A2 CNY
=E4=BA=A4=E6=98=93
=
=E6=AF=94=E7=89=B9=E5=B8=81=E7=BE=8E=E5=85=
=83=E4=BB=A5=E5=A4=AA=E5=9D=8A USDC=E6=AF=94=E7=89=B9=E5=B8=81=E5=85=91=E7=BE=8E=E5=85=83=E4=BB=A5=E5=A4=AA=E5=B8=81MATI=
C USDTLTC =E6=B3=B0=E8=BE=BE=E5=B8=81SOL USDTXRP =E6=B3=B0=E8=BE=BE=E5=B8=
=81=E6=AF=94=E7=89=B9=E5=B8=81 (BTC) =E4=BB=B7=E6=A0=BC=
=
=E4=BB=A5=E5=A4=AA=E5=9D=8A (ETH) =E4=BB=B7=E6=A0=BCCardano =E4=BB=B7=E6=
=A0=BCSolana =E4=BB=B7=E6=A0=BCXRP =E4=BB=B7=E6=A0=BC
=E6=
=AC=A7=E6=98=93=EF=BC=8C=E9=9A=8F=E6=97=B6=E9=9A=8F=E5=9C=B0=E4=BA=A4=E6=98=
=93
=E6=B3=A8=E5=86=8C=
=E6=89=AB=E7=A0=81=E4=B8=8B=E8=BD=BD=E6=AC=A7=E6=98=93 App
=E6=AC=A7=E6=98=
=93=E7=A4=BE=E5=8C=BA
=
=E5=8E=9F=E6=96=87
=E8=AF=B7=E5=AF=B9=E6=AD=A4=E7=BF=BB=
=E8=AF=91=E8=AF=84=E5=88=86
=E6=82=A8=E7=9A=84=E5=8F=8D=E9=A6=88=E5=B0=86=E7=94=A8=E4=BA=8E=E6=94=B9=
=E8=BF=9B=E8=B0=B7=E6=AD=8C=E7=BF=BB=E8=AF=91

------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-51247709-041b-465c-86fe-bef56eaf316d@mhtml.blink

@charset "utf-8";

* { margin: 0px; padding: 0px; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-03cad232-d61c-4ef8-b908-ab7d230602ef@mhtml.blink

@charset "utf-8";

#ok-cs-button { display: flex; position: fixed; right: 16px; bottom: 16px; =
z-index: 10000; width: 44px; height: 44px; border: 0px; border-radius: 50%;=
 opacity: 1; transition: all 0.3s ease 0s; background-image: url("https://w=
ww.okx.com/cdn/assets/imgs/225/B7545722CDD68A02.png"); background-repeat: n=
o-repeat; background-size: 106%; background-position: center center; backgr=
ound-color: rgb(7, 66, 243); cursor: pointer; justify-content: center; alig=
n-items: center; }

#ok-cs-button.cs-loading { background-image: none; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: image/png
Content-Transfer-Encoding: base64
Content-Location: https://www.okx.com/cdn/assets/imgs/225/B7545722CDD68A02.png

iVBORw0KGgoAAAANSUhEUgAAAKQAAACkCAMAAAAua3VzAAAAhFBMVEUAAAAATP8ATP8ATP8ASP8A
TP8ATP8ATP8ASv8ATP8ATP8AS/8ATP8AS/8ATP8ASv8AS/8ATP8ATP8ASv8AS/8ASv8ATf8AUP8A
TP////+/0v+fvP/f6f8gYv/v9P+Apv9gj/9Aef8QV//P3f8wbv+vx/+Psf9xm/9QhP+Qsf9wmv/O
3f95s1IIAAAAGHRSTlMA3yBAEO+/7mCfgHDPj38wXm+QUK+QrzAlrAY7AAAEiklEQVR42tTV63Ki
QBCG4e4ZDhJQJEr2I6LxkE1Suf8LXMElo1ETGBDa52cqVb7VPTNQJ5x4lKSBx8wouRx58zSZaYdE
UKN0zrjK9dKZoiGpJHBRA8+nMQ1Cp4wGONDUM526aMztszOeuLDEgaI+aA+teFO6MSdhtMY3zXQO
exadmZSJojM1Y090pvLQuSfV8WHETUwEb9pg1dUYxzgmcpgqwgmJw0xc3Jgfil51ZSx61ZVIkbWY
cZWUg6ld9MafkZUpehWShQl6NrmDRmByB43A5A4aG1YmGMiUapthMJpqUi4G48c1GxkWev72RBhU
5NDvxhjYWPDFNkLJl6biK/oZQ4DIkfilaXQsNYTQ0pddYEf6sgsPdIWCIIoue4IgHl00giha9q05
4DsYJBDKHyTgO/IHCTzIH2QxSvmDBEL5gwT4Dgb5/a308Lv1KutMvm7+2VGoIc86tEItMRkBasg6
1fwVYqmRvmnUkBoJbbYtN3JMFVdupG+2LTcSutq25MiUDlhyJFPpDyRHQlFhJDsypMJcdmRABZYd
6dOeguzI8lDOpEeOiOhRemRKRJ70yDkRudIjmciB9Eg4pOVHxjSzj1wtFn9X2annxeL5wr/lbSJH
FFpHvqPwkh3ZbbC3PEl622LvvUVkSI+AXeQa+F6Zb1Ha7szfXnDwYR85pjlgFblAxax3if82Zv2o
LKwjA/IAq8gNKmsTdB6+hgm3jfQoQl3XfmRphns+tld8sY5k4taRrz9FLjuJdAHp62aC0fbimPBl
pxcH1pHZx/kTtKueoPz8CVpnPUYan2XPW3YkX5aL/XomTeVn1mukkf/r5k6X24ShMAx/RwiJxS6b
h56JIe4k7pLp/d9fp20mJA5x2CQOfn77xzsIAwOSvh+PQ26L3c9mRcp+wNhIJLH4SLuFSNpC5A5G
fqRBLD/ygFJ+5B6p/MgCkfzICl/lRwbbeDkAkh5pARykR5otvPrbA4ikR1ZbeR2NkIf5vU4kjflq
x+3deAtEHvBXyu6cm9mRuftpk20zNzLzMCeofVzkAyhKduppVmTsaU70aYmP8gjZrZ8LTG9AyY6d
m6mRscc58G0ze8oNQnatfZwUSegk7N7TlMgYnYw9OE2IVHjFsAff7sdGmhWWj5ybkZH5GtNl22ZU
JOGtlL14uBsTmeMtHbIfp+GRhEsJe3IaHJnjkrbsya/7YZGE91L2pW0GRebrLnVpmwGRtPZSu4fj
D/5Mjl6GBam3vJANCYvxBR/RYtaS0BaWqSrRK9D/S3CN3rEAhOuU5dVZhU+kvLr0NjZGWP203N3O
Zh3ILHvX/6cRuvVAhR7Clnqn6CHsUSMBxFcmgPjKBBBf2dso7AYZYZLKsjc2wDvSNoqi7La3dvT1
TLTXmCe17JhN8ULqidk71MKumBdDLXHbUQrwj+SDmWgsSdW8OKOwtIgEj/TrTFnXHceZYaLREZlJ
hYZjkeFZTAAfVEzTxzmDN0EcTigsA3gWjDue1BX6lUX1oNAwLhTWpKrSXBl6qstIQQQdVEVZmx09
5xKRicsiyjSW8Acz0cfiOIRIewAAAABJRU5ErkJggg==

------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-24d2d23f-3c15-480f-82ad-4b22779a2dba@mhtml.blink

@charset "utf-8";

@media (min-width: 768px) {
  #ok-cs-button { display: flex; }
}

@media (max-width: 767px) {
  #ok-cs-button { display: none; }
}
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-09f384b0-6b66-46a1-96bd-659d1b2ba5dc@mhtml.blink

@charset "utf-8";

#_copy { align-items: center; background: rgb(68, 148, 213); border-radius:=
 3px; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size:=
 13px; height: 30px; justify-content: center; position: absolute; width: 60=
px; z-index: 1000; }

#select-tooltip, #sfModal, .modal-backdrop, div[id^=3D"reader-helper"] { di=
splay: none !important; }

.modal-open { overflow: auto !important; }

._sf_adjust_body { padding-right: 0px !important; }

.super_copy_btns_div { position: fixed; width: 154px; left: 10px; top: 45%;=
 background: rgb(231, 241, 255); border: 2px solid rgb(69, 149, 213); font-=
weight: 600; border-radius: 2px; font-family: -apple-system, BlinkMacSystem=
Font, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "He=
lvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI=
 Emoji", "Segoe UI Symbol"; z-index: 5000; }

.super_copy_btns_logo { width: 100%; background: rgb(69, 149, 213); text-al=
ign: center; font-size: 12px; color: rgb(231, 241, 255); line-height: 30px;=
 height: 30px; }

.super_copy_btns_btn { display: block; width: 128px; height: 28px; backgrou=
nd: rgb(127, 87, 17); border-radius: 4px; color: rgb(255, 255, 255); font-s=
ize: 12px; border: 0px; outline: 0px; margin: 8px auto; font-weight: 700; c=
ursor: pointer; opacity: 0.9; }

.super_copy_btns_btn:hover { opacity: 0.8; }

.super_copy_btns_btn:active { opacity: 1; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-f3eae4a2-e4b2-4cbf-81f5-8212f82047db@mhtml.blink

@charset "utf-8";

#onetrust-consent-sdk #onetrust-banner-sdk button:focus, #onetrust-consent-=
sdk #onetrust-banner-sdk:focus { outline-width: 0px !important; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-57b57ff9-2fca-4f61-8a93-327ba540401e@mhtml.blink

@charset "utf-8";

#onetrust-banner-sdk { text-size-adjust: 100%; }

#onetrust-banner-sdk .onetrust-vendors-list-handler { cursor: pointer; colo=
r: rgb(31, 150, 219); font-size: inherit; font-weight: bold; text-decoratio=
n: none; margin-left: 5px; }

#onetrust-banner-sdk .onetrust-vendors-list-handler:hover { color: rgb(31, =
150, 219); }

#onetrust-banner-sdk:focus { outline: rgb(0, 0, 0) solid 2px; outline-offse=
t: -2px; }

#onetrust-banner-sdk a:focus { outline: rgb(0, 0, 0) solid 2px; }

#onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #on=
etrust-reject-all-handler, #onetrust-banner-sdk #onetrust-pc-btn-handler { =
outline-offset: 1px; }

#onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo { height: 64px; width: 64px=
; }

#onetrust-banner-sdk .ot-tcf2-vendor-count.ot-text-bold { font-weight: bold=
; }

#onetrust-banner-sdk .ot-close-icon, #onetrust-pc-sdk .ot-close-icon, #ot-s=
ync-ntfy .ot-close-icon { background-size: contain; background-repeat: no-r=
epeat; background-position: center center; height: 12px; width: 12px; }

#onetrust-banner-sdk .powered-by-logo, #onetrust-banner-sdk .ot-pc-footer-l=
ogo a, #onetrust-pc-sdk .powered-by-logo, #onetrust-pc-sdk .ot-pc-footer-lo=
go a, #ot-sync-ntfy .powered-by-logo, #ot-sync-ntfy .ot-pc-footer-logo a { =
background-size: contain; background-repeat: no-repeat; background-position=
: center center; height: 25px; width: 152px; display: block; text-decoratio=
n: none; font-size: 0.75em; }

#onetrust-banner-sdk .powered-by-logo:hover, #onetrust-banner-sdk .ot-pc-fo=
oter-logo a:hover, #onetrust-pc-sdk .powered-by-logo:hover, #onetrust-pc-sd=
k .ot-pc-footer-logo a:hover, #ot-sync-ntfy .powered-by-logo:hover, #ot-syn=
c-ntfy .ot-pc-footer-logo a:hover { color: rgb(86, 86, 86); }

#onetrust-banner-sdk h3 *, #onetrust-banner-sdk h4 *, #onetrust-banner-sdk =
h6 *, #onetrust-banner-sdk button *, #onetrust-banner-sdk a[data-parent-id]=
 *, #onetrust-pc-sdk h3 *, #onetrust-pc-sdk h4 *, #onetrust-pc-sdk h6 *, #o=
netrust-pc-sdk button *, #onetrust-pc-sdk a[data-parent-id] *, #ot-sync-ntf=
y h3 *, #ot-sync-ntfy h4 *, #ot-sync-ntfy h6 *, #ot-sync-ntfy button *, #ot=
-sync-ntfy a[data-parent-id] * { font-size: inherit; font-weight: inherit; =
color: inherit; }

#onetrust-banner-sdk .ot-hide, #onetrust-pc-sdk .ot-hide, #ot-sync-ntfy .ot=
-hide { display: none !important; }

#onetrust-banner-sdk button.ot-link-btn:hover, #onetrust-pc-sdk button.ot-l=
ink-btn:hover, #ot-sync-ntfy button.ot-link-btn:hover { text-decoration: un=
derline; opacity: 1; }

#onetrust-pc-sdk .ot-sdk-row .ot-sdk-column { padding: 0px; }

#onetrust-pc-sdk .ot-sdk-container { padding-right: 0px; }

#onetrust-pc-sdk .ot-sdk-row { flex-direction: initial; width: 100%; }

#onetrust-pc-sdk [type=3D"checkbox"]:checked, #onetrust-pc-sdk [type=3D"che=
ckbox"]:not(:checked) { pointer-events: initial; }

#onetrust-pc-sdk [type=3D"checkbox"]:disabled + label::before, #onetrust-pc=
-sdk [type=3D"checkbox"]:disabled + label::after, #onetrust-pc-sdk [type=3D=
"checkbox"]:disabled + label { pointer-events: none; opacity: 0.7; }

#onetrust-pc-sdk #vendor-list-content { transform: translate3d(0px, 0px, 0p=
x); }

#onetrust-pc-sdk li input[type=3D"checkbox"] { z-index: 1; }

#onetrust-pc-sdk li .ot-checkbox label { z-index: 2; }

#onetrust-pc-sdk li .ot-checkbox input[type=3D"checkbox"] { height: auto; w=
idth: auto; }

#onetrust-pc-sdk li .host-title a, #onetrust-pc-sdk li .ot-host-name a, #on=
etrust-pc-sdk li .accordion-text, #onetrust-pc-sdk li .ot-acc-txt { z-index=
: 2; position: relative; }

#onetrust-pc-sdk input { margin: 3px 0.1ex; }

#onetrust-pc-sdk .pc-logo, #onetrust-pc-sdk .ot-pc-logo { height: 60px; wid=
th: 180px; background-position: center center; background-size: contain; ba=
ckground-repeat: no-repeat; display: inline-flex; justify-content: center; =
align-items: center; }

#onetrust-pc-sdk .pc-logo img, #onetrust-pc-sdk .ot-pc-logo img { max-heigh=
t: 100%; max-width: 100%; }

#onetrust-pc-sdk .screen-reader-only, #onetrust-pc-sdk .ot-scrn-rdr, .ot-sd=
k-cookie-policy .screen-reader-only, .ot-sdk-cookie-policy .ot-scrn-rdr { b=
order: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; over=
flow: hidden; padding: 0px; position: absolute; width: 1px; }

#onetrust-pc-sdk.ot-fade-in, .onetrust-pc-dark-filter.ot-fade-in, #onetrust=
-banner-sdk.ot-fade-in { animation-name: onetrust-fade-in; animation-durati=
on: 400ms; animation-timing-function: ease-in-out; }

#onetrust-pc-sdk.ot-hide { display: none !important; }

.onetrust-pc-dark-filter.ot-hide { display: none !important; }

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings { color=
: rgb(104, 182, 49); border: 1px solid rgb(104, 182, 49); height: auto; whi=
te-space: normal; overflow-wrap: break-word; padding: 0.8em 2em; font-size:=
 0.8em; line-height: 1.2; cursor: pointer; transition: all 0.1s ease 0s; }

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:h=
over { color: rgb(255, 255, 255); background-color: rgb(104, 182, 49); }

.onetrust-pc-dark-filter { background: rgba(0, 0, 0, 0.5); z-index: 2147482=
646; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px=
; bottom: 0px; left: 0px; }

@keyframes onetrust-fade-in {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.ot-cookie-label { text-decoration: underline; }

@media only screen and (min-width: 426px) and (max-width: 896px) and (orien=
tation: landscape) {
  #onetrust-pc-sdk p { font-size: 0.75em; }
}

#onetrust-banner-sdk .banner-option-input:focus + label { outline: rgb(0, 0=
, 0) auto 1px; }

.category-vendors-list-handler + a:focus, .category-vendors-list-handler + =
a:focus-visible { outline: rgb(0, 0, 0) solid 2px; }

#onetrust-pc-sdk .ot-userid-title { margin-top: 10px; }

#onetrust-pc-sdk .ot-userid-title > span, #onetrust-pc-sdk .ot-userid-times=
tamp > span { font-weight: 700; }

#onetrust-pc-sdk .ot-userid-desc { font-style: italic; }

#onetrust-pc-sdk .ot-host-desc a { pointer-events: initial; }

#onetrust-pc-sdk .ot-ven-hdr > p a { position: relative; z-index: 2; pointe=
r-events: initial; }

#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info a, #onetrust-pc-sdk=
 .ot-vs-list .ot-vnd-item .ot-vnd-info a { margin-right: auto; }

#onetrust-pc-sdk .ot-pc-footer-logo img { width: 136px; height: 16px; }

#onetrust-pc-sdk .ot-pur-vdr-count { font-weight: 400; font-size: 0.7rem; p=
adding-top: 3px; display: block; }

#onetrust-banner-sdk .ot-optout-signal, #onetrust-pc-sdk .ot-optout-signal =
{ border: 1px solid rgb(50, 174, 136); border-radius: 3px; padding: 5px; ma=
rgin-bottom: 10px; background-color: rgb(249, 255, 250); font-size: 0.85rem=
; line-height: 2; }

#onetrust-banner-sdk .ot-optout-signal .ot-optout-icon, #onetrust-pc-sdk .o=
t-optout-signal .ot-optout-icon { display: inline; margin-right: 5px; }

#onetrust-banner-sdk .ot-optout-signal svg, #onetrust-pc-sdk .ot-optout-sig=
nal svg { height: 20px; width: 30px; transform: scale(0.5); }

#onetrust-banner-sdk .ot-optout-signal svg path, #onetrust-pc-sdk .ot-optou=
t-signal svg path { fill: rgb(50, 174, 136); }

#onetrust-consent-sdk .ot-general-modal { overflow: hidden; position: fixed=
; margin: 0px auto; top: 50%; left: 50%; width: 40%; padding: 1.5rem; max-w=
idth: 575px; min-width: 575px; z-index: 2147482647; border-radius: 2.5px; t=
ransform: translate(-50%, -50%); }

#onetrust-consent-sdk .ot-signature-health-group { margin-top: 1rem; paddin=
g-left: 1.25rem; padding-right: 1.25rem; margin-bottom: 0.625rem; width: ca=
lc(100% - 2.5rem); }

#onetrust-consent-sdk .ot-signature-health-group .ot-signature-health-form =
{ gap: 0.5rem; }

#onetrust-consent-sdk .ot-signature-health .ot-signature-health-form { widt=
h: 70%; gap: 0.35rem; }

#onetrust-consent-sdk .ot-signature-health .ot-signature-input { height: 38=
px; padding: 6px 10px; background-color: rgb(255, 255, 255); border: 1px so=
lid rgb(209, 209, 209); border-radius: 4px; box-shadow: none; box-sizing: b=
order-box; }

#onetrust-consent-sdk .ot-signature-health .ot-signature-subtitle { font-si=
ze: 1.125rem; }

#onetrust-consent-sdk .ot-signature-health .ot-signature-group-title { font=
-size: 1.25rem; font-weight: bold; }

#onetrust-consent-sdk .ot-signature-health, #onetrust-consent-sdk .ot-signa=
ture-health-group { display: flex; flex-direction: column; gap: 1rem; }

#onetrust-consent-sdk .ot-signature-health .ot-signature-cont, #onetrust-co=
nsent-sdk .ot-signature-health-group .ot-signature-cont { display: flex; fl=
ex-direction: column; gap: 0.25rem; }

#onetrust-consent-sdk .ot-signature-health .ot-signature-paragraph, #onetru=
st-consent-sdk .ot-signature-health-group .ot-signature-paragraph { margin:=
 0px; line-height: 20px; font-size: max(14px, 0.875rem); }

#onetrust-consent-sdk .ot-signature-health .ot-health-signature-error, #one=
trust-consent-sdk .ot-signature-health-group .ot-health-signature-error { c=
olor: rgb(77, 77, 77); font-size: min(12px, 0.75rem); }

#onetrust-consent-sdk .ot-signature-health .ot-signature-buttons-cont, #one=
trust-consent-sdk .ot-signature-health-group .ot-signature-buttons-cont { m=
argin-top: max(0.75rem, 2%); gap: 1rem; display: flex; justify-content: fle=
x-end; }

#onetrust-consent-sdk .ot-signature-health .ot-signature-button, #onetrust-=
consent-sdk .ot-signature-health-group .ot-signature-button { flex: 1 1 0%;=
 height: auto; color: rgb(255, 255, 255); cursor: pointer; line-height: 1.2=
; min-width: 125px; font-weight: 600; font-size: 0.813em; border-radius: 2p=
x; padding: 12px 10px; white-space: normal; overflow-wrap: break-word; word=
-break: break-word; background-color: rgb(104, 182, 49); border: 2px solid =
rgb(104, 182, 49); }

#onetrust-consent-sdk .ot-signature-health .ot-signature-button.reject, #on=
etrust-consent-sdk .ot-signature-health-group .ot-signature-button.reject {=
 background-color: rgb(255, 255, 255); }

#onetrust-consent-sdk .ot-input-field-cont { display: flex; flex-direction:=
 column; gap: 0.5rem; }

#onetrust-consent-sdk .ot-input-field-cont .ot-signature-input { width: 65%=
; }

#onetrust-consent-sdk .ot-signature-health-form { display: flex; flex-direc=
tion: column; }

#onetrust-consent-sdk .ot-signature-health-form .ot-signature-label { margi=
n-bottom: 0px; line-height: 20px; font-size: max(14px, 0.875rem); }

@media only screen and (max-width: 600px) {
  #onetrust-consent-sdk .ot-general-modal { min-width: 100%; }
  #onetrust-consent-sdk .ot-signature-health .ot-signature-health-form { wi=
dth: 100%; }
  #onetrust-consent-sdk .ot-input-field-cont .ot-signature-input { width: 1=
00%; }
}

#onetrust-banner-sdk, #onetrust-pc-sdk, #ot-sdk-cookie-policy, #ot-sync-ntf=
y { font-size: 16px; }

#onetrust-banner-sdk *, #onetrust-banner-sdk ::after, #onetrust-banner-sdk =
::before, #onetrust-pc-sdk *, #onetrust-pc-sdk ::after, #onetrust-pc-sdk ::=
before, #ot-sdk-cookie-policy *, #ot-sdk-cookie-policy ::after, #ot-sdk-coo=
kie-policy ::before, #ot-sync-ntfy *, #ot-sync-ntfy ::after, #ot-sync-ntfy =
::before { box-sizing: content-box; }

#onetrust-banner-sdk div, #onetrust-banner-sdk span, #onetrust-banner-sdk h=
1, #onetrust-banner-sdk h2, #onetrust-banner-sdk h3, #onetrust-banner-sdk h=
4, #onetrust-banner-sdk h5, #onetrust-banner-sdk h6, #onetrust-banner-sdk p=
, #onetrust-banner-sdk img, #onetrust-banner-sdk svg, #onetrust-banner-sdk =
button, #onetrust-banner-sdk section, #onetrust-banner-sdk a, #onetrust-ban=
ner-sdk label, #onetrust-banner-sdk input, #onetrust-banner-sdk ul, #onetru=
st-banner-sdk li, #onetrust-banner-sdk nav, #onetrust-banner-sdk table, #on=
etrust-banner-sdk thead, #onetrust-banner-sdk tr, #onetrust-banner-sdk td, =
#onetrust-banner-sdk tbody, #onetrust-banner-sdk .ot-main-content, #onetrus=
t-banner-sdk .ot-toggle, #onetrust-banner-sdk #ot-content, #onetrust-banner=
-sdk #ot-pc-content, #onetrust-banner-sdk .checkbox, #onetrust-pc-sdk div, =
#onetrust-pc-sdk span, #onetrust-pc-sdk h1, #onetrust-pc-sdk h2, #onetrust-=
pc-sdk h3, #onetrust-pc-sdk h4, #onetrust-pc-sdk h5, #onetrust-pc-sdk h6, #=
onetrust-pc-sdk p, #onetrust-pc-sdk img, #onetrust-pc-sdk svg, #onetrust-pc=
-sdk button, #onetrust-pc-sdk section, #onetrust-pc-sdk a, #onetrust-pc-sdk=
 label, #onetrust-pc-sdk input, #onetrust-pc-sdk ul, #onetrust-pc-sdk li, #=
onetrust-pc-sdk nav, #onetrust-pc-sdk table, #onetrust-pc-sdk thead, #onetr=
ust-pc-sdk tr, #onetrust-pc-sdk td, #onetrust-pc-sdk tbody, #onetrust-pc-sd=
k .ot-main-content, #onetrust-pc-sdk .ot-toggle, #onetrust-pc-sdk #ot-conte=
nt, #onetrust-pc-sdk #ot-pc-content, #onetrust-pc-sdk .checkbox, #ot-sdk-co=
okie-policy div, #ot-sdk-cookie-policy span, #ot-sdk-cookie-policy h1, #ot-=
sdk-cookie-policy h2, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy h4, #=
ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy p,=
 #ot-sdk-cookie-policy img, #ot-sdk-cookie-policy svg, #ot-sdk-cookie-polic=
y button, #ot-sdk-cookie-policy section, #ot-sdk-cookie-policy a, #ot-sdk-c=
ookie-policy label, #ot-sdk-cookie-policy input, #ot-sdk-cookie-policy ul, =
#ot-sdk-cookie-policy li, #ot-sdk-cookie-policy nav, #ot-sdk-cookie-policy =
table, #ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy tr, #ot-sdk-cooki=
e-policy td, #ot-sdk-cookie-policy tbody, #ot-sdk-cookie-policy .ot-main-co=
ntent, #ot-sdk-cookie-policy .ot-toggle, #ot-sdk-cookie-policy #ot-content,=
 #ot-sdk-cookie-policy #ot-pc-content, #ot-sdk-cookie-policy .checkbox, #ot=
-sync-ntfy div, #ot-sync-ntfy span, #ot-sync-ntfy h1, #ot-sync-ntfy h2, #ot=
-sync-ntfy h3, #ot-sync-ntfy h4, #ot-sync-ntfy h5, #ot-sync-ntfy h6, #ot-sy=
nc-ntfy p, #ot-sync-ntfy img, #ot-sync-ntfy svg, #ot-sync-ntfy button, #ot-=
sync-ntfy section, #ot-sync-ntfy a, #ot-sync-ntfy label, #ot-sync-ntfy inpu=
t, #ot-sync-ntfy ul, #ot-sync-ntfy li, #ot-sync-ntfy nav, #ot-sync-ntfy tab=
le, #ot-sync-ntfy thead, #ot-sync-ntfy tr, #ot-sync-ntfy td, #ot-sync-ntfy =
tbody, #ot-sync-ntfy .ot-main-content, #ot-sync-ntfy .ot-toggle, #ot-sync-n=
tfy #ot-content, #ot-sync-ntfy #ot-pc-content, #ot-sync-ntfy .checkbox { fo=
nt-family: inherit; font-weight: normal; -webkit-font-smoothing: auto; lett=
er-spacing: normal; line-height: normal; padding: 0px; margin: 0px; height:=
 auto; min-height: 0px; max-height: none; width: auto; min-width: 0px; max-=
width: none; border-radius: 0px; border: none; clear: none; float: none; po=
sition: static; inset: auto; text-align: left; text-decoration: none; text-=
indent: 0px; text-shadow: none; text-transform: none; white-space: normal; =
background: none; overflow: visible; vertical-align: baseline; visibility: =
visible; z-index: auto; box-shadow: none; }

#onetrust-banner-sdk label::before, #onetrust-banner-sdk label::after, #one=
trust-banner-sdk .checkbox::after, #onetrust-banner-sdk .checkbox::before, =
#onetrust-pc-sdk label::before, #onetrust-pc-sdk label::after, #onetrust-pc=
-sdk .checkbox::after, #onetrust-pc-sdk .checkbox::before, #ot-sdk-cookie-p=
olicy label::before, #ot-sdk-cookie-policy label::after, #ot-sdk-cookie-pol=
icy .checkbox::after, #ot-sdk-cookie-policy .checkbox::before, #ot-sync-ntf=
y label::before, #ot-sync-ntfy label::after, #ot-sync-ntfy .checkbox::after=
, #ot-sync-ntfy .checkbox::before { content: none; }

#onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-container,=
 #ot-sdk-cookie-policy .ot-sdk-container { position: relative; width: 100%;=
 max-width: 100%; margin: 0px auto; padding: 0px 20px; box-sizing: border-b=
ox; }

#onetrust-banner-sdk .ot-sdk-column, #onetrust-banner-sdk .ot-sdk-columns, =
#onetrust-pc-sdk .ot-sdk-column, #onetrust-pc-sdk .ot-sdk-columns, #ot-sdk-=
cookie-policy .ot-sdk-column, #ot-sdk-cookie-policy .ot-sdk-columns { width=
: 100%; float: left; box-sizing: border-box; padding: 0px; display: initial=
; }

@media (min-width: 400px) {
  #onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-containe=
r, #ot-sdk-cookie-policy .ot-sdk-container { width: 90%; padding: 0px; }
}

@media (min-width: 550px) {
  #onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-containe=
r, #ot-sdk-cookie-policy .ot-sdk-container { width: 100%; }
  #onetrust-banner-sdk .ot-sdk-column, #onetrust-banner-sdk .ot-sdk-columns=
, #onetrust-pc-sdk .ot-sdk-column, #onetrust-pc-sdk .ot-sdk-columns, #ot-sd=
k-cookie-policy .ot-sdk-column, #ot-sdk-cookie-policy .ot-sdk-columns { mar=
gin-left: 4%; }
  #onetrust-banner-sdk .ot-sdk-column:first-child, #onetrust-banner-sdk .ot=
-sdk-columns:first-child, #onetrust-pc-sdk .ot-sdk-column:first-child, #one=
trust-pc-sdk .ot-sdk-columns:first-child, #ot-sdk-cookie-policy .ot-sdk-col=
umn:first-child, #ot-sdk-cookie-policy .ot-sdk-columns:first-child { margin=
-left: 0px; }
  #onetrust-banner-sdk .ot-sdk-two.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk=
-two.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-two.ot-sdk-columns { wid=
th: 13.3333%; }
  #onetrust-banner-sdk .ot-sdk-three.ot-sdk-columns, #onetrust-pc-sdk .ot-s=
dk-three.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-three.ot-sdk-columns=
 { width: 22%; }
  #onetrust-banner-sdk .ot-sdk-four.ot-sdk-columns, #onetrust-pc-sdk .ot-sd=
k-four.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-four.ot-sdk-columns { =
width: 30.6667%; }
  #onetrust-banner-sdk .ot-sdk-eight.ot-sdk-columns, #onetrust-pc-sdk .ot-s=
dk-eight.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-eight.ot-sdk-columns=
 { width: 65.3333%; }
  #onetrust-banner-sdk .ot-sdk-nine.ot-sdk-columns, #onetrust-pc-sdk .ot-sd=
k-nine.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-nine.ot-sdk-columns { =
width: 74%; }
  #onetrust-banner-sdk .ot-sdk-ten.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk=
-ten.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-ten.ot-sdk-columns { wid=
th: 82.6667%; }
  #onetrust-banner-sdk .ot-sdk-eleven.ot-sdk-columns, #onetrust-pc-sdk .ot-=
sdk-eleven.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-eleven.ot-sdk-colu=
mns { width: 91.3333%; }
  #onetrust-banner-sdk .ot-sdk-twelve.ot-sdk-columns, #onetrust-pc-sdk .ot-=
sdk-twelve.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-twelve.ot-sdk-colu=
mns { width: 100%; margin-left: 0px; }
}

#onetrust-banner-sdk h1, #onetrust-banner-sdk h2, #onetrust-banner-sdk h3, =
#onetrust-banner-sdk h4, #onetrust-banner-sdk h5, #onetrust-banner-sdk h6, =
#onetrust-pc-sdk h1, #onetrust-pc-sdk h2, #onetrust-pc-sdk h3, #onetrust-pc=
-sdk h4, #onetrust-pc-sdk h5, #onetrust-pc-sdk h6, #ot-sdk-cookie-policy h1=
, #ot-sdk-cookie-policy h2, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy=
 h4, #ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy h6 { margin-top: 0px; =
font-weight: 600; font-family: inherit; }

#onetrust-banner-sdk h1, #onetrust-pc-sdk h1, #ot-sdk-cookie-policy h1 { fo=
nt-size: 1.5rem; line-height: 1.2; }

#onetrust-banner-sdk h2, #onetrust-pc-sdk h2, #ot-sdk-cookie-policy h2 { fo=
nt-size: 1.5rem; line-height: 1.25; }

#onetrust-banner-sdk h3, #onetrust-pc-sdk h3, #ot-sdk-cookie-policy h3 { fo=
nt-size: 1.5rem; line-height: 1.3; }

#onetrust-banner-sdk h4, #onetrust-pc-sdk h4, #ot-sdk-cookie-policy h4 { fo=
nt-size: 1.5rem; line-height: 1.35; }

#onetrust-banner-sdk h5, #onetrust-pc-sdk h5, #ot-sdk-cookie-policy h5 { fo=
nt-size: 1.5rem; line-height: 1.5; }

#onetrust-banner-sdk h6, #onetrust-pc-sdk h6, #ot-sdk-cookie-policy h6 { fo=
nt-size: 1.5rem; line-height: 1.6; }

@media (min-width: 550px) {
  #onetrust-banner-sdk h1, #onetrust-pc-sdk h1, #ot-sdk-cookie-policy h1 { =
font-size: 1.5rem; }
  #onetrust-banner-sdk h2, #onetrust-pc-sdk h2, #ot-sdk-cookie-policy h2 { =
font-size: 1.5rem; }
  #onetrust-banner-sdk h3, #onetrust-pc-sdk h3, #ot-sdk-cookie-policy h3 { =
font-size: 1.5rem; }
  #onetrust-banner-sdk h4, #onetrust-pc-sdk h4, #ot-sdk-cookie-policy h4 { =
font-size: 1.5rem; }
  #onetrust-banner-sdk h5, #onetrust-pc-sdk h5, #ot-sdk-cookie-policy h5 { =
font-size: 1.5rem; }
  #onetrust-banner-sdk h6, #onetrust-pc-sdk h6, #ot-sdk-cookie-policy h6 { =
font-size: 1.5rem; }
}

#onetrust-banner-sdk p, #onetrust-pc-sdk p, #ot-sdk-cookie-policy p { margi=
n: 0px 0px 1em; font-family: inherit; line-height: normal; }

#onetrust-banner-sdk a, #onetrust-pc-sdk a, #ot-sdk-cookie-policy a { color=
: rgb(86, 86, 86); text-decoration: underline; }

#onetrust-banner-sdk a:hover, #onetrust-pc-sdk a:hover, #ot-sdk-cookie-poli=
cy a:hover { color: rgb(86, 86, 86); text-decoration: none; }

#onetrust-banner-sdk .ot-sdk-button, #onetrust-banner-sdk button, #onetrust=
-pc-sdk .ot-sdk-button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy .ot-=
sdk-button, #ot-sdk-cookie-policy button { margin-bottom: 1rem; font-family=
: inherit; }

#onetrust-banner-sdk .ot-sdk-button, #onetrust-banner-sdk button, #onetrust=
-pc-sdk .ot-sdk-button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy .ot-=
sdk-button, #ot-sdk-cookie-policy button { display: inline-block; height: 3=
8px; padding: 0px 30px; color: rgb(85, 85, 85); text-align: center; font-si=
ze: 0.9em; font-weight: 400; line-height: 38px; letter-spacing: 0.01em; tex=
t-decoration: none; white-space: nowrap; background-color: rgba(0, 0, 0, 0)=
; border-radius: 2px; border: 1px solid rgb(187, 187, 187); cursor: pointer=
; box-sizing: border-box; }

#onetrust-banner-sdk .ot-sdk-button:hover, #onetrust-banner-sdk :not(.ot-le=
g-btn-container) > button:not(.ot-link-btn):hover, #onetrust-banner-sdk :no=
t(.ot-leg-btn-container) > button:not(.ot-link-btn):focus, #onetrust-pc-sdk=
 .ot-sdk-button:hover, #onetrust-pc-sdk :not(.ot-leg-btn-container) > butto=
n:not(.ot-link-btn):hover, #onetrust-pc-sdk :not(.ot-leg-btn-container) > b=
utton:not(.ot-link-btn):focus, #ot-sdk-cookie-policy .ot-sdk-button:hover, =
#ot-sdk-cookie-policy :not(.ot-leg-btn-container) > button:not(.ot-link-btn=
):hover, #ot-sdk-cookie-policy :not(.ot-leg-btn-container) > button:not(.ot=
-link-btn):focus { color: rgb(51, 51, 51); border-color: rgb(136, 136, 136)=
; opacity: 0.7; }

#onetrust-banner-sdk .ot-sdk-button:focus, #onetrust-banner-sdk :not(.ot-le=
g-btn-container) > button:focus, #onetrust-pc-sdk .ot-sdk-button:focus, #on=
etrust-pc-sdk :not(.ot-leg-btn-container) > button:focus, #ot-sdk-cookie-po=
licy .ot-sdk-button:focus, #ot-sdk-cookie-policy :not(.ot-leg-btn-container=
) > button:focus { outline: rgb(0, 0, 0) solid 2px; }

#onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary, #onetrust-banner=
-sdk button.ot-sdk-button-primary, #onetrust-banner-sdk input[type=3D"submi=
t"].ot-sdk-button-primary, #onetrust-banner-sdk input[type=3D"reset"].ot-sd=
k-button-primary, #onetrust-banner-sdk input[type=3D"button"].ot-sdk-button=
-primary, #onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary, #onetrust-=
pc-sdk button.ot-sdk-button-primary, #onetrust-pc-sdk input[type=3D"submit"=
].ot-sdk-button-primary, #onetrust-pc-sdk input[type=3D"reset"].ot-sdk-butt=
on-primary, #onetrust-pc-sdk input[type=3D"button"].ot-sdk-button-primary, =
#ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-primary, #ot-sdk-cookie-=
policy button.ot-sdk-button-primary, #ot-sdk-cookie-policy input[type=3D"su=
bmit"].ot-sdk-button-primary, #ot-sdk-cookie-policy input[type=3D"reset"].o=
t-sdk-button-primary, #ot-sdk-cookie-policy input[type=3D"button"].ot-sdk-b=
utton-primary { color: rgb(255, 255, 255); background-color: rgb(51, 195, 2=
40); border-color: rgb(51, 195, 240); }

#onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary:hover, #onetrust-=
banner-sdk button.ot-sdk-button-primary:hover, #onetrust-banner-sdk input[t=
ype=3D"submit"].ot-sdk-button-primary:hover, #onetrust-banner-sdk input[typ=
e=3D"reset"].ot-sdk-button-primary:hover, #onetrust-banner-sdk input[type=
=3D"button"].ot-sdk-button-primary:hover, #onetrust-banner-sdk .ot-sdk-butt=
on.ot-sdk-button-primary:focus, #onetrust-banner-sdk button.ot-sdk-button-p=
rimary:focus, #onetrust-banner-sdk input[type=3D"submit"].ot-sdk-button-pri=
mary:focus, #onetrust-banner-sdk input[type=3D"reset"].ot-sdk-button-primar=
y:focus, #onetrust-banner-sdk input[type=3D"button"].ot-sdk-button-primary:=
focus, #onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary:hover, #onetru=
st-pc-sdk button.ot-sdk-button-primary:hover, #onetrust-pc-sdk input[type=
=3D"submit"].ot-sdk-button-primary:hover, #onetrust-pc-sdk input[type=3D"re=
set"].ot-sdk-button-primary:hover, #onetrust-pc-sdk input[type=3D"button"].=
ot-sdk-button-primary:hover, #onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-=
primary:focus, #onetrust-pc-sdk button.ot-sdk-button-primary:focus, #onetru=
st-pc-sdk input[type=3D"submit"].ot-sdk-button-primary:focus, #onetrust-pc-=
sdk input[type=3D"reset"].ot-sdk-button-primary:focus, #onetrust-pc-sdk inp=
ut[type=3D"button"].ot-sdk-button-primary:focus, #ot-sdk-cookie-policy .ot-=
sdk-button.ot-sdk-button-primary:hover, #ot-sdk-cookie-policy button.ot-sdk=
-button-primary:hover, #ot-sdk-cookie-policy input[type=3D"submit"].ot-sdk-=
button-primary:hover, #ot-sdk-cookie-policy input[type=3D"reset"].ot-sdk-bu=
tton-primary:hover, #ot-sdk-cookie-policy input[type=3D"button"].ot-sdk-but=
ton-primary:hover, #ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-prima=
ry:focus, #ot-sdk-cookie-policy button.ot-sdk-button-primary:focus, #ot-sdk=
-cookie-policy input[type=3D"submit"].ot-sdk-button-primary:focus, #ot-sdk-=
cookie-policy input[type=3D"reset"].ot-sdk-button-primary:focus, #ot-sdk-co=
okie-policy input[type=3D"button"].ot-sdk-button-primary:focus { color: rgb=
(255, 255, 255); background-color: rgb(30, 174, 219); border-color: rgb(30,=
 174, 219); }

#onetrust-banner-sdk input[type=3D"text"], #onetrust-pc-sdk input[type=3D"t=
ext"], #ot-sdk-cookie-policy input[type=3D"text"] { height: 38px; padding: =
6px 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(209, =
209, 209); border-radius: 4px; box-shadow: none; box-sizing: border-box; }

#onetrust-banner-sdk input[type=3D"text"], #onetrust-pc-sdk input[type=3D"t=
ext"], #ot-sdk-cookie-policy input[type=3D"text"] { appearance: none; }

#onetrust-banner-sdk input[type=3D"text"]:focus, #onetrust-pc-sdk input[typ=
e=3D"text"]:focus, #ot-sdk-cookie-policy input[type=3D"text"]:focus { borde=
r: 1px solid rgb(0, 0, 0); outline: 0px; }

#onetrust-banner-sdk label, #onetrust-pc-sdk label, #ot-sdk-cookie-policy l=
abel { display: block; margin-bottom: 0.5rem; font-weight: 600; }

#onetrust-banner-sdk input[type=3D"checkbox"], #onetrust-pc-sdk input[type=
=3D"checkbox"], #ot-sdk-cookie-policy input[type=3D"checkbox"] { display: i=
nline; }

#onetrust-banner-sdk ul, #onetrust-pc-sdk ul, #ot-sdk-cookie-policy ul { li=
st-style: inside circle; }

#onetrust-banner-sdk ul, #onetrust-pc-sdk ul, #ot-sdk-cookie-policy ul { pa=
dding-left: 0px; margin-top: 0px; }

#onetrust-banner-sdk ul ul, #onetrust-pc-sdk ul ul, #ot-sdk-cookie-policy u=
l ul { margin: 1.5rem 0px 1.5rem 3rem; font-size: 90%; }

#onetrust-banner-sdk li, #onetrust-pc-sdk li, #ot-sdk-cookie-policy li { ma=
rgin-bottom: 1rem; }

#onetrust-banner-sdk th, #onetrust-banner-sdk td, #onetrust-pc-sdk th, #one=
trust-pc-sdk td, #ot-sdk-cookie-policy th, #ot-sdk-cookie-policy td { paddi=
ng: 12px 15px; text-align: left; border-bottom: 1px solid rgb(225, 225, 225=
); }

#onetrust-banner-sdk button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy=
 button { margin-bottom: 1rem; font-family: inherit; }

#onetrust-banner-sdk .ot-sdk-container::after, #onetrust-banner-sdk .ot-sdk=
-row::after, #onetrust-pc-sdk .ot-sdk-container::after, #onetrust-pc-sdk .o=
t-sdk-row::after, #ot-sdk-cookie-policy .ot-sdk-container::after, #ot-sdk-c=
ookie-policy .ot-sdk-row::after { content: ""; display: table; clear: both;=
 }

#onetrust-banner-sdk .ot-sdk-row, #onetrust-pc-sdk .ot-sdk-row, #ot-sdk-coo=
kie-policy .ot-sdk-row { margin: 0px; max-width: none; display: block; }

.ot-sdk-cookie-policy { font-family: inherit; font-size: 16px; }

.ot-sdk-cookie-policy.otRelFont { font-size: 1rem; }

.ot-sdk-cookie-policy h3, .ot-sdk-cookie-policy h4, .ot-sdk-cookie-policy h=
6, .ot-sdk-cookie-policy p, .ot-sdk-cookie-policy li, .ot-sdk-cookie-policy=
 a, .ot-sdk-cookie-policy th, .ot-sdk-cookie-policy #cookie-policy-descript=
ion, .ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, .ot-sdk-cookie-poli=
cy #cookie-policy-title { color: dimgray; }

.ot-sdk-cookie-policy #cookie-policy-description { margin-bottom: 1em; }

.ot-sdk-cookie-policy h4 { font-size: 1.2em; }

.ot-sdk-cookie-policy h6 { font-size: 1em; margin-top: 2em; }

.ot-sdk-cookie-policy th { min-width: 75px; }

.ot-sdk-cookie-policy a, .ot-sdk-cookie-policy a:hover { background: rgb(25=
5, 255, 255); }

.ot-sdk-cookie-policy thead { background-color: rgb(246, 246, 244); font-we=
ight: bold; }

.ot-sdk-cookie-policy .ot-mobile-border { display: none; }

.ot-sdk-cookie-policy section { margin-bottom: 2em; }

.ot-sdk-cookie-policy table { border-collapse: inherit; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy { font-family: inherit; font-=
size: 1rem; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy-v2.=
ot-sdk-cookie-policy h4, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, =
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, #ot-sdk-cookie-policy-v2.o=
t-sdk-cookie-policy li, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #o=
t-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie-policy-v2.ot=
-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-=
sdk-cookie-policy .ot-sdk-cookie-policy-group, #ot-sdk-cookie-policy-v2.ot-=
sdk-cookie-policy #cookie-policy-title { color: dimgray; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description { =
margin-bottom: 1em; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup { margin-lef=
t: 1.5em; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #=
ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-de=
sc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk=
-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-c=
ookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td { font-=
size: 0.9em; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td span, #ot-sdk-cookie-polic=
y-v2.ot-sdk-cookie-policy td a { font-size: inherit; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {=
 font-size: 1em; margin-bottom: 0.6em; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-title {=
 margin-bottom: 1.2em; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy > section { margin-bottom: 1e=
m; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th { min-width: 75px; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.o=
t-sdk-cookie-policy a:hover { background: rgb(255, 255, 255); }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead { background-color: rgb=
(246, 246, 244); font-weight: bold; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-mobile-border { display: =
none; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section { margin-bottom: 2em;=
 }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup ul li { list=
-style: disc; margin-left: 1.5em; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup ul li h4 { d=
isplay: inline-block; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table { border-collapse: inhe=
rit; margin: auto; border: 1px solid rgb(215, 215, 215); border-radius: 5px=
; border-spacing: initial; width: 100%; overflow: hidden; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th, #ot-sdk-cookie-poli=
cy-v2.ot-sdk-cookie-policy table td { border-bottom: 1px solid rgb(215, 215=
, 215); border-right: 1px solid rgb(215, 215, 215); }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td { bord=
er-bottom: 0px; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr th:last-child, #ot-s=
dk-cookie-policy-v2.ot-sdk-cookie-policy table tr td:last-child { border-ri=
ght: 0px; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-cooki=
e-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type { width: 25%; }

.ot-sdk-cookie-policy[dir=3D"rtl"] { text-align: left; }

#ot-sdk-cookie-policy h3 { font-size: 1.5em; }

@media only screen and (max-width: 530px) {
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) table, .ot-sdk-cookie=
-policy:not(#ot-sdk-cookie-policy-v2) thead, .ot-sdk-cookie-policy:not(#ot-=
sdk-cookie-policy-v2) tbody, .ot-sdk-cookie-policy:not(#ot-sdk-cookie-polic=
y-v2) th, .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td, .ot-sdk-c=
ookie-policy:not(#ot-sdk-cookie-policy-v2) tr { display: block; }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) thead tr { position: =
absolute; top: -9999px; left: -9999px; }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr { margin: 0px 0px =
1em; }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr:nth-child(2n+1), .=
ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr:nth-child(2n+1) a { b=
ackground: rgb(246, 246, 244); }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td { border-top: none=
; border-right: none; border-left: none; border-image: initial; border-bott=
om: 1px solid rgb(238, 238, 238); position: relative; padding-left: 50%; }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td::before { position=
: absolute; height: 100%; left: 6px; width: 40%; padding-right: 10px; }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) .ot-mobile-border { d=
isplay: inline-block; background-color: rgb(228, 228, 228); position: absol=
ute; height: 100%; top: 0px; left: 45%; width: 2px; }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td::before { content:=
 attr(data-label); font-weight: bold; }
  .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) li { word-break: brea=
k-word; overflow-wrap: break-word; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table { overflow: hidden; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td { border-top: none=
; border-right: none; border-left: none; border-image: initial; border-bott=
om: 1px solid rgb(215, 215, 215); }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table, #ot-sdk-cookie-polic=
y-v2.ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-pol=
icy tbody, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie=
-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-=
policy tr { display: block; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-coo=
kie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type { width: auto; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr { margin: 0px 0px 1em; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td::before { height: 100%; =
width: 40%; padding-right: 10px; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td::before { content: attr(=
data-label); font-weight: bold; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li { word-break: break-word=
; overflow-wrap: break-word; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead tr { position: absolu=
te; top: -9999px; left: -9999px; z-index: -9999; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td { bo=
rder-bottom: 1px solid rgb(215, 215, 215); border-right: 0px; }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td:last=
-child { border-bottom: 0px; }
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy-v2.=
ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, =
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, #ot-sdk-cookie-policy-v2.o=
t-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, =
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.=
ot-sdk-cookie-policy #cookie-policy-description { color: rgb(105, 105, 105)=
; }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th { color: rgb(105, 105, 105=
); }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {=
 color: rgb(105, 105, 105); }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title { color:=
 rgb(105, 105, 105); }

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th { background-color: =
rgb(248, 248, 248); }

.ot-floating-button__front { background-image: url("https://www.okx.com/cdn=
/assets/okfe/libs/onetrust/okx/v035/consent/af2e088e-86c6-470a-85ee-6b821b7=
41d4e/018ef022-f717-7628-a3c2-97453f5a9f67/logos/static/ot_persistent_cooki=
e.png"); }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:css-95e76e51-c0b5-4e35-9378-f2ac275e1232@mhtml.blink

@charset "utf-8";

.VIpgJd-ZVi9od-ORHb-OEVmcd { left: 0px; top: 0px; height: 39px; width: 100%=
; z-index: 10000001; position: fixed; border-top: none; border-right: none;=
 border-left: none; border-image: initial; border-bottom: 1px solid rgb(107=
, 144, 218); margin: 0px; box-shadow: rgb(153, 153, 153) 0px 0px 8px 1px; }

.VIpgJd-ZVi9od-xl07Ob-OEVmcd { z-index: 10000002; border: none; position: f=
ixed; box-shadow: rgb(153, 153, 153) 0px 3px 8px 2px; }

.VIpgJd-ZVi9od-SmfZ-OEVmcd { z-index: 10000000; border: none; margin: 0px; =
}

.goog-te-gadget { font-family: arial; font-size: 11px; color: rgb(102, 102,=
 102); white-space: nowrap; }

.goog-te-gadget img { vertical-align: middle; border: none; }

.goog-te-gadget-simple { background-color: rgb(255, 255, 255); border-width=
: 1px; border-style: solid; border-color: rgb(155, 155, 155) rgb(213, 213, =
213) rgb(232, 232, 232); font-size: 10pt; display: inline-block; padding-to=
p: 1px; padding-bottom: 2px; cursor: pointer; }

.goog-te-gadget-icon { margin-left: 2px; margin-right: 2px; width: 19px; he=
ight: 19px; border: none; vertical-align: middle; }

.goog-te-combo { margin-left: 4px; margin-right: 4px; vertical-align: basel=
ine; }

.goog-te-gadget .goog-te-combo { margin: 4px 0px; }

.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9=
od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-=
l4eHX-hSRGPd:active { font-size: 12px; font-weight: bold; color: rgb(68, 68=
, 68); text-decoration: none; }

.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-TvD9Pc-hSRG=
Pd { display: block; margin: 0px 10px; }

.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd { padding-top: 2px; padding=
-left: 4px; }

.goog-te-combo, .VIpgJd-ZVi9od-ORHb *, .VIpgJd-ZVi9od-SmfZ *, .VIpgJd-ZVi9o=
d-xl07Ob *, .VIpgJd-ZVi9od-vH1Gmf *, .VIpgJd-ZVi9od-l9xktf * { font-family:=
 arial; font-size: 10pt; }

.VIpgJd-ZVi9od-ORHb { margin: 0px; background-color: rgb(228, 239, 251); ov=
erflow: hidden; }

.VIpgJd-ZVi9od-ORHb img { border: none; }

.VIpgJd-ZVi9od-ORHb-bN97Pc { color: rgb(0, 0, 0); }

.VIpgJd-ZVi9od-ORHb-bN97Pc img { vertical-align: middle; }

.VIpgJd-ZVi9od-ORHb-Tswv1b { color: rgb(102, 102, 102); vertical-align: top=
; margin-top: 0px; font-size: 7pt; }

.VIpgJd-ZVi9od-ORHb-KE6vqe { width: 8px; }

.VIpgJd-ZVi9od-LgbsSe { border-color: rgb(231, 231, 231); border-style: non=
e solid solid none; border-width: 0px 1px 1px 0px; }

.VIpgJd-ZVi9od-LgbsSe div { border-color: rgb(204, 204, 204) rgb(153, 153, =
153) rgb(153, 153, 153) rgb(204, 204, 204); border-style: solid; border-wid=
th: 1px; height: 20px; }

.VIpgJd-ZVi9od-LgbsSe button { background: transparent; border: none; curso=
r: pointer; height: 20px; overflow: hidden; margin: 0px; vertical-align: to=
p; white-space: nowrap; }

.VIpgJd-ZVi9od-LgbsSe button:active { background: none 0px 0px repeat scrol=
l rgb(204, 204, 204); }

.VIpgJd-ZVi9od-SmfZ { margin: 0px; background-color: rgb(255, 255, 255); wh=
ite-space: nowrap; }

.VIpgJd-ZVi9od-SmfZ-hSRGPd { text-decoration: none; font-weight: bold; font=
-size: 10pt; border: 1px outset rgb(136, 136, 136); padding: 6px 10px; whit=
e-space: nowrap; position: absolute; left: 0px; top: 0px; }

.VIpgJd-ZVi9od-SmfZ-hSRGPd img { margin-left: 2px; margin-right: 2px; width=
: 19px; height: 19px; border: none; vertical-align: middle; }

.VIpgJd-ZVi9od-SmfZ-hSRGPd span { text-decoration: underline; margin-left: =
2px; margin-right: 2px; vertical-align: middle; }

.goog-te-float-top .VIpgJd-ZVi9od-SmfZ-hSRGPd { padding: 2px; border-top-wi=
dth: 0px; }

.goog-te-float-bottom .VIpgJd-ZVi9od-SmfZ-hSRGPd { padding: 2px; border-bot=
tom-width: 0px; }

.VIpgJd-ZVi9od-xl07Ob-lTBxed { text-decoration: none; color: rgb(0, 0, 204)=
; white-space: nowrap; margin-left: 4px; margin-right: 4px; }

.VIpgJd-ZVi9od-xl07Ob-lTBxed span { text-decoration: underline; }

.VIpgJd-ZVi9od-xl07Ob-lTBxed img { margin-left: 2px; margin-right: 2px; }

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed { color: rgb(0, 0, 0); =
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span { text-decoration:=
 none; }

.VIpgJd-ZVi9od-xl07Ob { background-color: rgb(255, 255, 255); text-decorati=
on: none; border: 2px solid rgb(195, 217, 255); overflow: hidden scroll; po=
sition: absolute; left: 0px; top: 0px; }

.VIpgJd-ZVi9od-xl07Ob-ibnC6b { padding: 3px; text-decoration: none; }

.VIpgJd-ZVi9od-xl07Ob-ibnC6b, .VIpgJd-ZVi9od-xl07Ob-ibnC6b:link { color: rg=
b(0, 0, 204); background: rgb(255, 255, 255); }

.VIpgJd-ZVi9od-xl07Ob-ibnC6b:visited { color: rgb(85, 26, 139); }

.VIpgJd-ZVi9od-xl07Ob-ibnC6b:hover { background: rgb(195, 217, 255); }

.VIpgJd-ZVi9od-xl07Ob-ibnC6b:active { color: rgb(0, 0, 204); }

.VIpgJd-ZVi9od-vH1Gmf { background-color: rgb(255, 255, 255); text-decorati=
on: none; border: 1px solid rgb(107, 144, 218); overflow: hidden; padding: =
4px; }

.VIpgJd-ZVi9od-vH1Gmf-KrhPNb { width: 16px; }

.VIpgJd-ZVi9od-vH1Gmf-hgDUwe { margin: 6px 0px; height: 1px; background-col=
or: rgb(170, 170, 170); overflow: hidden; }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd div {=
 padding: 4px; }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b .uDEFge { display: none; }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd .uDEFge { }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd .fmcmS { padding-left: 4px; padding-rig=
ht: 4px; }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd { text-de=
coration: none; }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b:link div, .V=
IpgJd-ZVi9od-vH1Gmf-ibnC6b:visited div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b:active=
 div { color: rgb(0, 0, 204); background: rgb(255, 255, 255); }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:hover div { color: rgb(255, 255, 255); backgro=
und: rgb(51, 102, 204); }

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SM=
d:link div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd:visited div, .VIpgJd-ZVi9od=
-vH1Gmf-ibnC6b-gk6SMd:hover div, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd:active=
 div { color: rgb(0, 0, 0); font-weight: bold; }

.VIpgJd-ZVi9od-l9xktf { background-color: rgb(255, 255, 255); overflow: hid=
den; padding: 8px; border: none; border-radius: 10px; }

.VIpgJd-ZVi9od-l9xktf-OEVmcd { background-color: rgb(255, 255, 255); border=
: 1px solid rgb(107, 144, 218); box-shadow: rgb(153, 153, 153) 0px 3px 8px =
2px; border-radius: 8px; }

.VIpgJd-ZVi9od-l9xktf img { border: none; }

.VIpgJd-ZVi9od-l9xktf-fmcmS { margin-top: 6px; }

.VIpgJd-ZVi9od-l9xktf-VgwJlc { margin-top: 6px; white-space: nowrap; }

.VIpgJd-ZVi9od-l9xktf-VgwJlc * { vertical-align: middle; }

.VIpgJd-ZVi9od-l9xktf-VgwJlc .DUGJie { background-image: url("https://www&g=
oogle.com/images/zippy_minus_sm.gif"); }

.VIpgJd-ZVi9od-l9xktf-VgwJlc .TdyTDe { background-image: url("https://www&g=
oogle.com/images/zippy_plus_sm.gif"); }

.VIpgJd-ZVi9od-l9xktf-VgwJlc span { color: rgb(0, 0, 204); text-decoration:=
 underline; cursor: pointer; margin: 0px 4px; }

.VIpgJd-ZVi9od-l9xktf-I9GLp { margin: 6px 0px 0px; }

.VIpgJd-ZVi9od-l9xktf-I9GLp form { margin: 0px; }

.VIpgJd-ZVi9od-l9xktf-I9GLp form textarea { margin-bottom: 4px; width: 100%=
; }

.VIpgJd-ZVi9od-l9xktf-yePe5c { margin: 6px 0px 4px; }

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf { z-index: 1000; position: fixed; transition-d=
elay: 0.6s; left: -1000px; top: -1000px; }

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc { transition-delay: 0s; left: -14px; to=
p: -14px; }

.VIpgJd-ZVi9od-aZ2wEe-OiiCO { display: flex; -webkit-box-align: center; ali=
gn-items: center; -webkit-box-pack: center; justify-content: center; width:=
 104px; height: 104px; border-radius: 50px; background: url("https:data:ima=
ge/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=
=3D") 50% 50% no-repeat rgb(255, 255, 255); transition: all 0.6s ease-in-ou=
t 0s; transform: scale(0.4); opacity: 0; }

.VIpgJd-ZVi9od-aZ2wEe-OiiCO-ti6hGc { transform: scale(0.5); opacity: 1; }

.VIpgJd-ZVi9od-aZ2wEe { margin: 2px 0px 0px 2px; animation: 1.4s linear 0s =
infinite normal none running spinner-rotator; }

@-webkit-keyframes spinner-rotator {=20
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}

@keyframes spinner-rotator {=20
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}

.VIpgJd-ZVi9od-aZ2wEe-Jt5cK { stroke-dasharray: 187; stroke-dashoffset: 0; =
stroke: rgb(66, 133, 244); transform-origin: center center; animation: 1.4s=
 ease-in-out 0s infinite normal none running spinner-dash; }

@-webkit-keyframes spinner-dash {=20
  0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; transform: rotate(450deg); }
}

@keyframes spinner-dash {=20
  0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; transform: rotate(450deg); }
}

.VIpgJd-yAWNEb-L7lbkb html, .VIpgJd-yAWNEb-L7lbkb body, .VIpgJd-yAWNEb-L7lb=
kb div, .VIpgJd-yAWNEb-L7lbkb span, .VIpgJd-yAWNEb-L7lbkb iframe, .VIpgJd-y=
AWNEb-L7lbkb h1, .VIpgJd-yAWNEb-L7lbkb h2, .VIpgJd-yAWNEb-L7lbkb h3, .VIpgJ=
d-yAWNEb-L7lbkb h4, .VIpgJd-yAWNEb-L7lbkb h5, .VIpgJd-yAWNEb-L7lbkb h6, .VI=
pgJd-yAWNEb-L7lbkb p, .VIpgJd-yAWNEb-L7lbkb a, .VIpgJd-yAWNEb-L7lbkb img, .=
VIpgJd-yAWNEb-L7lbkb ol, .VIpgJd-yAWNEb-L7lbkb ul, .VIpgJd-yAWNEb-L7lbkb li=
, .VIpgJd-yAWNEb-L7lbkb table, .VIpgJd-yAWNEb-L7lbkb form, .VIpgJd-yAWNEb-L=
7lbkb tbody, .VIpgJd-yAWNEb-L7lbkb tr, .VIpgJd-yAWNEb-L7lbkb td { margin: 0=
px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; =
font-weight: inherit; font-stretch: inherit; font-family: inherit; font-opt=
ical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit=
; font-variation-settings: inherit; font-size: 100%; vertical-align: baseli=
ne; text-align: left; line-height: normal; }

.VIpgJd-yAWNEb-L7lbkb ol, .VIpgJd-yAWNEb-L7lbkb ul { list-style: none; }

.VIpgJd-yAWNEb-L7lbkb table { border-collapse: collapse; border-spacing: 0p=
x; }

.VIpgJd-yAWNEb-L7lbkb caption, .VIpgJd-yAWNEb-L7lbkb th, .VIpgJd-yAWNEb-L7l=
bkb td { text-align: left; font-weight: normal; }

div > .VIpgJd-yAWNEb-L7lbkb { padding: 10px 14px; }

.VIpgJd-yAWNEb-L7lbkb { color: rgb(34, 34, 34); background-color: rgb(255, =
255, 255); border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, =
0.2) 0px 4px 16px; display: none; font-family: arial; font-size: 10pt; widt=
h: 420px; padding: 12px; position: absolute; z-index: 10000; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-nVMfcd-fmcmS, .VIpgJd-yAWNEb-yAWNEb-Vy=
2Aqc-pbTTYe { clear: both; font-size: 10pt; position: relative; text-align:=
 justify; width: 100%; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-r4nke { color: rgb(153, 153, 153); fon=
t-family: arial, sans-serif; margin: 4px 0px; text-align: left; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TvD9Pc-LgbsSe { display: none; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-l4eHX { float: left; margin: 0px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-PLDbbf { display: inline-block;=
 }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-fw42Ze-Z0Arqf-haAclf { display: none; =
width: 100%; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-H9tDt { margin-top: 20px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-LK5yu { float: left; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-qwU8Me { float: right; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-cGMI2b { min-height: 15px; position: r=
elative; height: 1%; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-jOfkMb-Ne3sFf { background: rgb(41, 14=
5, 13); border-radius: 4px; box-shadow: rgb(30, 102, 9) 0px 2px 2px inset; =
color: white; font-size: 9pt; font-weight: bolder; margin-top: 12px; paddin=
g: 6px; text-shadow: rgb(30, 102, 9) 1px 1px 1px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-hSRGPd { color: rgb(17, 85, 204=
); cursor: pointer; font-family: arial; font-size: 11px; margin-right: 15px=
; text-decoration: none; }

.VIpgJd-yAWNEb-L7lbkb > textarea { font-family: arial; resize: vertical; wi=
dth: 100%; margin-bottom: 10px; border-radius: 1px; border-width: 1px; bord=
er-style: solid; border-color: silver rgb(217, 217, 217) rgb(217, 217, 217)=
; border-image: initial; font-size: 13px; height: auto; overflow-y: auto; p=
adding: 1px; }

.VIpgJd-yAWNEb-L7lbkb textarea:focus { box-shadow: rgba(0, 0, 0, 0.3) 0px 1=
px 2px inset; border: 1px solid rgb(77, 144, 254); outline: none; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-Z0Arqf-IbE0S { margin-right: 10px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp { min-height: 25px; verti=
cal-align: middle; padding-top: 8px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp { margin-bottom: 0px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input { display: inline-block; min-width: 54px; border: 1px solid rgba(0=
, 0, 0, 0.1); text-align: center; color: rgb(68, 68, 68); font-size: 11px; =
font-weight: bold; height: 27px; outline: 0px; padding: 0px 8px; vertical-a=
lign: middle; line-height: 27px; margin: 0px 16px 0px 0px; box-shadow: rgba=
(0, 0, 0, 0.1) 0px 1px 2px; border-radius: 2px; transition: all 0.218s ease=
 0s; background-color: rgb(245, 245, 245); background-image: -webkit-linear=
-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)); user-select: none; =
cursor: default; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input:hover { border: 1px solid rgb(198, 198, 198); color: rgb(34, 34, 3=
4); transition: all 0s ease 0s; background-color: rgb(248, 248, 248); backg=
round-image: -webkit-linear-gradient(top, rgb(248, 248, 248), rgb(241, 241,=
 241)); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input:active { border: 1px solid rgb(198, 198, 198); color: rgb(51, 51, =
51); background-color: rgb(246, 246, 246); background-image: -webkit-linear=
-gradient(top, rgb(246, 246, 246), rgb(241, 241, 241)); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input:focus .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yA=
WNEb-Z0Arqf-I9GLp input.AHmuwe .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-=
I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:active, .VIpgJd-yAWNEb-L7lbkb .VIpg=
Jd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:focus:active { box=
-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input:focus, .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-y=
AWNEb-Z0Arqf-I9GLp input.AHmuwe { outline: none; border: 1px solid rgb(77, =
144, 254); z-index: 4 !important; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input.gk6SMd { background-color: rgb(238, 238, 238); background-image: -=
webkit-linear-gradient(top, rgb(238, 238, 238), rgb(224, 224, 224)); box-sh=
adow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; border: 1px solid rgb(204, 204,=
 204); color: rgb(51, 51, 51); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf { color: white; border-color: rgb(48,=
 121, 237); background-color: rgb(77, 144, 254); background-image: -webkit-=
linear-gradient(top, rgb(77, 144, 254), rgb(71, 135, 237)); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:hover .VIpgJd-yAWNEb-L7lbkb .VIpgJd-y=
AWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-=
sFeBqf:focus, .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAW=
NEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf.AHmuwe .VIpgJd-yAWNEb-L=
7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd=
-yAWNEb-Z0Arqf-sFeBqf:active { border-color: rgb(48, 121, 237); background-=
color: rgb(53, 122, 232); background-image: -webkit-linear-gradient(top, rg=
b(77, 144, 254), rgb(53, 122, 232)); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:hover { box-shadow: rgb(255, 255, 255=
) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 1px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9G=
Lp input:focus, .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-y=
AWNEb-Z0Arqf-I9GLp input.AHmuwe, .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5=
e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:active, .VIpgJd-yAWNEb-L7lbkb .VI=
pgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input:hover, .VIpgJd-y=
AWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input =
.VIpgJd-yAWNEb-Z0Arqf-sFeBqf:focus, .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4=
Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf.A=
Hmuwe, .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0A=
rqf-I9GLp input .VIpgJd-yAWNEb-Z0Arqf-sFeBqf:active, .VIpgJd-yAWNEb-L7lbkb =
.VIpgJd-yAWNEb-L4Nn5e-I9GLp .VIpgJd-yAWNEb-Z0Arqf-I9GLp input .VIpgJd-yAWNE=
b-Z0Arqf-sFeBqf:hover { border-color: rgb(48, 121, 237); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-mrxPge { color: rgb(153, 153, 153); fo=
nt-family: arial, sans-serif; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-W0vJo-fmcmS { color: rgb(153, 1=
53, 153); font-size: 11px; font-family: arial, sans-serif; margin: 15px 0px=
 5px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-u0pjoe-fmcmS { color: rgb(136, =
0, 0); display: none; font-size: 9pt; }

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background-color: rgb(201, 215, 241); b=
ox-shadow: rgb(153, 153, 170) 2px 2px 4px; box-sizing: border-box; position=
: relative; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-xl=
07Ob { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221)=
; box-shadow: rgb(153, 153, 170) 0px 2px 4px; min-width: 0px; outline: none=
; padding: 0px; position: absolute; z-index: 2000; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7=
LFlb { cursor: pointer; padding: 2px 5px 5px; margin-right: 0px; border-sty=
le: none; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7=
LFlb:hover { background: rgb(221, 221, 221); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7=
LFlb h1 { font-size: 100%; font-weight: bold; margin: 4px 0px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-xl07Ob .VIpgJd-yAWNEb-VIpgJd-j7=
LFlb strong { color: rgb(52, 90, 173); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-VIpgJd-eKm5Fc-hFsbo { text-align: righ=
t; position: absolute; right: 0px; left: auto; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-VIpgJd-j7LFlb-SIsrTd .VIpgJd-yAWNEb-VI=
pgJd-eKm5Fc-hFsbo { text-align: left; position: absolute; left: 0px; right:=
 auto; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-Vy2Aqc-fmcmS, .VIpgJd-yAWNEb-L7=
lbkb .VIpgJd-yAWNEb-TVLw9c-ppHlrf-sn54Q { background-color: rgb(241, 234, 0=
); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 4px; box-sizi=
ng: border-box; color: rgb(241, 234, 0); cursor: pointer; margin: -2px -2px=
 -2px -3px; padding: 2px 2px 2px 3px; position: relative; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-ppHlrf-sn54Q { color: rgb(34, 3=
4, 34); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-Vy2Aqc-pbTTYe { color: white; p=
osition: absolute !important; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-ppHlrf, .VIpgJd-yAWNEb-L7lbkb .=
VIpgJd-yAWNEb-TVLw9c-ppHlrf .VIpgJd-yAWNEb-TVLw9c-ppHlrf-sn54Q { background=
-color: rgb(201, 215, 241); border-radius: 4px 4px 0px 0px; box-shadow: rgb=
a(0, 0, 0, 0.5) 3px 3px 4px; box-sizing: border-box; cursor: pointer; margi=
n: -2px -2px -2px -3px; padding: 2px 2px 3px 3px; position: relative; }

.VIpgJd-yAWNEb-L7lbkb span:focus { outline: none; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-TVLw9c-DyVDA { background-color: trans=
parent; border: 1px solid rgb(77, 144, 254); border-radius: 0px; margin: -2=
px; padding: 1px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-TVLw9c-sn54Q-LzX3ef { border-le=
ft: 2px solid red; margin-left: -2px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-yAWNEb-TVLw9c-sn54Q-YIAiIb { border-ri=
ght: 2px solid red; margin-right: -2px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf { padding: 2px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-fmcmS { font-size: 11px;=
 padding: 2px 2px 3px; margin: 0px; background-color: rgb(255, 255, 255); c=
olor: rgb(51, 51, 51); border-width: 1px; border-style: solid; border-color=
: rgb(192, 192, 192) rgb(217, 217, 217) rgb(217, 217, 217); border-image: i=
nitial; display: inline-block; vertical-align: top; height: 21px; box-sizin=
g: border-box; border-radius: 1px; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-fmcmS:hover { border-wid=
th: 1px; border-style: solid; border-color: rgb(160, 160, 160) rgb(185, 185=
, 185) rgb(185, 185, 185); border-image: initial; box-shadow: rgba(0, 0, 0,=
 0.1) 0px 1px 2px inset; }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-fmcmS:focus { box-shadow=
: rgba(0, 0, 0, 0.3) 0px 1px 2px inset; outline: none; border: 1px solid rg=
b(77, 144, 254); }

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-IFdKyd-YPqjbf-sFeBqf { font-size: 11px=
; padding: 2px 6px 3px; margin: 0px 0px 0px 2px; height: 21px; }

.VIpgJd-yAWNEb-hvhgNd { font-family: "Google Sans", Arial, sans-serif; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-l4eHX-i3jM8c { position: absolu=
te; top: 10px; left: 14px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-l4eHX-SIsrTd { position: absolu=
te; top: 10px; right: 14px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-k77Iif-i3jM8c, .VIpgJd-yAWNEb-h=
vhgNd .VIpgJd-yAWNEb-hvhgNd-k77Iif-SIsrTd { margin: 16px; padding: 0px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-IuizWc { margin: 0px 0px 0px 36=
px; padding: 0px; color: rgb(116, 119, 117); font-size: 14px; font-weight: =
500; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-k77Iif-SIsrTd .VIpgJd-yAWNEb-hv=
hgNd-IuizWc { text-align: right; margin: 0px 36px 0px 0px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-axAV1 { width: auto; padding: 1=
2px 0px 0px; color: rgb(31, 31, 31); font-size: 16px; text-align: initial; =
}

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-axAV1 .VIpgJd-yAWNEb-SIsrTd { t=
ext-align: right; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid { border-radius: 0px 0px=
 12px 12px; margin: 0px; background: rgb(241, 244, 249); position: relative=
; min-height: 50px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid .VIpgJd-yAWNEb-SIsrTd { =
text-align: right; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od { display: inline=
-block; width: 77%; padding: 12px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od .VIpgJd-yAWNEb-SI=
srTd { text-align: right; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-UTujCb { color: rgb(31, 31, 31)=
; font-size: 12px; font-weight: 500; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od .VIpgJd-yAWNEb-SI=
srTd .VIpgJd-yAWNEb-hvhgNd-UTujCb { text-align: right; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-eO9mKe { color: rgb(68, 71, 70)=
; font-size: 12px; padding-top: 4px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od .VIpgJd-yAWNEb-SI=
srTd .VIpgJd-yAWNEb-hvhgNd-eO9mKe { text-align: right; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-xgov5 { position: absolute; top=
: 10px; right: 5px; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-xgov5 .VIpgJd-yAWNEb-SIsrTd { l=
eft: 5px; right: auto; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-THI6Vb { fill: rgb(11, 87, 208)=
; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-bgm6sf { margin: -4px 2px 0px 0=
px; padding: 2px 0px 0px; width: 48px; height: 48px; border: none; border-r=
adius: 24px; cursor: pointer; background: none; }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-bgm6sf:hover { background: rgb(=
232, 235, 236); }

.VIpgJd-yAWNEb-hvhgNd .VIpgJd-yAWNEb-hvhgNd-aXYTce { display: none; }

sentinel { }

.goog-te-spinner-pos, #goog-gt-tt { display: none; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okfe/okx-nav/okxGlobal/index.bca26d31.css

@charset "utf-8";

:root { --color-red-text: #eb4b6d; --color-red-bg: #eb4b6d; --color-green-t=
ext: #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-dow=
n: 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=
); }

:root .cfg-red-up { --color-up: var(--color-red-text); --color-down: var(--=
color-green-text); --color-up-text: var(--color-red-text); --color-down-tex=
t: var(--color-green-text); --color-up-bg: var(--color-red-bg); --color-dow=
n-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: va=
r(--color-red-bg-rgb); --color-down-bg-rgb: var(--color-green-bg-rgb); }

.theme-dark { --color-red-text: #ca3f64; --color-red-bg: #ca3f64; --color-g=
reen-text: #25a750; --color-green-bg: #25a750; --color-red-text-rgb: 202,63=
,100; --color-red-bg-rgb: 202,63,100; --color-green-text-rgb: 37,167,80; --=
color-green-bg-rgb: 37,167,80; --color-up: var(--color-green-text); --color=
-down: var(--color-red-text); --color-up-text: var(--color-green-text); --c=
olor-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-gr=
een-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-dark.cfg-red-up { --color-up: var(--color-red-text); --color-down: v=
ar(--color-green-text); --color-up-text: var(--color-red-text); --color-dow=
n-text: var(--color-green-text); --color-up-bg: var(--color-red-bg); --colo=
r-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-rg=
b: var(--color-red-bg-rgb); --color-down-bg-rgb: var(--color-green-bg-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; --co=
lor-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; }

.ok-global-float-layer { bottom: 0px; display: flex; flex-direction: column=
-reverse; position: fixed; transform: translateZ(0px); width: 100%; z-index=
: 9400; }

.ok-global-float-layer.ok-global-float-layer-hide .ok-global-float-layer-bo=
x, .ok-global-float-layer.ok-global-float-layer-hide-all { display: none; }

.ok-global-float-layer .ok-global-float-layer-box { flex-grow: 1; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okfe/okx-nav/global/index.a25c3bec.css

@charset "utf-8";

* { 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, st=
rong, td, textarea, th, ul { -webkit-tap-highlight-color: transparent; appe=
arance: none; font-size: 100%; margin: 0px; padding: 0px; }

body, html { -webkit-font-smoothing: antialiased; text-size-adjust: none; f=
ont-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Ari=
al, sans-serif; font-size: 14px; line-height: 1; padding: 0px; user-select:=
 text; }

img, video { height: auto; max-width: 100%; }

iframe { border: 0px; }

table { border-collapse: collapse; border-spacing: 0px; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: 400; }

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: initi=
al; border: none; border-radius: 0px; box-shadow: none; outline: 0px; resiz=
e: none; }

button, fieldset, input, label, legend, option, select, textarea { font-siz=
e: 1em; }

input[type=3D"number"] { }

input[type=3D"number"]::-webkit-inner-spin-button, input[type=3D"number"]::=
-webkit-outer-spin-button { appearance: none; margin: 0px; }

b, em, i, strong { font-style: normal; font-weight: 400; }

.header-banner-container, .nav-banner-container { min-width: 320px; width: =
100%; }

.header-banner-container .home-header-banner-container, .nav-banner-contain=
er .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-conta=
iner .home-header-banner-container { padding-bottom: 16px; padding-top: 16p=
x; }
}

@media (min-width: 1024px) {
  .header-banner-container .home-header-banner-container, .nav-banner-conta=
iner .home-header-banner-container { margin-top: unset; padding-bottom: 14p=
x; padding-top: 14px; position: relative; }
}

.header-banner-container .okg-container, .nav-banner-container .okg-contain=
er { padding-left: 8px; padding-right: 8px; }

@media (min-width: 768px) {
  .header-banner-container .okg-container, .nav-banner-container .okg-conta=
iner { padding-left: 12px; padding-right: 12px; }
}

@media (min-width: 1024px) {
  .header-banner-container .okg-container, .nav-banner-container .okg-conta=
iner { padding-left: calc(50% - 480px); padding-right: calc(50% - 480px); }
}

@media (min-width: 1270px) {
  .header-banner-container .okg-container, .nav-banner-container .okg-conta=
iner { padding-left: calc(50% - 624px); padding-right: calc(50% - 624px); }
}

.header-banner-container .okg-container .app-box, .nav-banner-container .ok=
g-container .app-box { align-items: baseline; box-sizing: border-box; displ=
ay: 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; paddin=
g-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; paddin=
g-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; paddin=
g-right: 12px; width: 100%; }
}

.header-banner-container .okg-container .text-box, .nav-banner-container .o=
kg-container .text-box { font-size: 16px; font-weight: 500; line-height: 20=
px; 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; padd=
ing-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; padd=
ing-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; padd=
ing-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); fon=
t-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 { disp=
lay: none; }

.header-banner-container .okg-container .banner-close, .nav-banner-containe=
r .okg-container .banner-close { color: rgb(0, 0, 0); cursor: pointer; marg=
in-left: 24px; }

@media (min-width: 768px) {
  .header-banner-container .okg-container .banner-close, .nav-banner-contai=
ner .okg-container .banner-close { margin-left: unset; }
}

.header-banner-container .okg-container .banner-close .close-icon, .nav-ban=
ner-container .okg-container .banner-close .close-icon { font-size: 14px; }

body, html { background: rgb(255, 255, 255); color: rgb(0, 0, 0); margin: 0=
px; }

@media (max-width: 1024px) {
  iframe[name=3D"intercom-banner-frame"] { display: none !important; }
}

body ::-webkit-scrollbar { background-color: initial; height: 0px; width: 4=
px; }

body ::-webkit-scrollbar-track { background-color: initial; }

body ::-webkit-scrollbar-thumb { background-color: rgb(189, 189, 189); }

body.theme-dark ::-webkit-scrollbar { background-color: initial; }

body.theme-dark ::-webkit-scrollbar-track { background-color: initial; box-=
shadow: transparent 0px 0px 4px inset; }

body.theme-dark ::-webkit-scrollbar-thumb { background-color: rgb(108, 108,=
 108); box-shadow: rgb(108, 108, 108) 0px 0px 4px inset; }

@font-face { font-display: swap; font-family: "HarmonyOS Sans"; font-style:=
 normal; font-weight: 400; src: url("/cdn/assets/okfe/libs/fonts/HarmonyOS_=
Sans/Regular.woff2") format("woff2"), url("/cdn/assets/okfe/libs/fonts/Harm=
onyOS_Sans/HarmonyOS_Sans_Regular.woff") format("woff"); }

@font-face { font-display: swap; font-family: "HarmonyOS Sans"; font-style:=
 normal; font-weight: 500; src: url("/cdn/assets/okfe/libs/fonts/HarmonyOS_=
Sans/Medium.woff2") format("woff2"), url("/cdn/assets/okfe/libs/fonts/Harmo=
nyOS_Sans/HarmonyOS_Sans_Medium.woff") format("woff"); }

@font-face { font-display: swap; font-family: "HarmonyOS Sans"; font-style:=
 normal; font-weight: 600; src: url("/cdn/assets/okfe/libs/fonts/HarmonyOS_=
Sans/Bold.woff2") format("woff2"), url("/cdn/assets/okfe/libs/fonts/Harmony=
OS_Sans/HarmonyOS_Sans_Bold.woff") format("woff"); }

@font-face { font-family: OSPunctuation; src: local("Arial"); unicode-range=
: U+2018, U+2019, U+201C, U+201D; }

body { font-family: "HarmonyOS Sans", "PingFang SC", OSPunctuation, "Micros=
oft Yahei", "Heiti SC", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica,=
 Arial, sans-serif !important; }

.okx-header-footer-tips { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-tips::before { content: "=EE=82=9D"; font-family: ok-f53=
50cc488; }

.okx-header-footer-testnetbridge { --ok-icon-font-family: "ok-f5350cc488"; =
}

.okx-header-footer-testnetbridge::before { content: "=EE=82=9C"; font-famil=
y: ok-f5350cc488; }

.okx-header-footer-bridge-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-bridge-1::before { content: "=EE=80=88"; font-family: ok=
-f5350cc488; }

.okx-header-footer-crypto-gifts { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-crypto-gifts::before { content: "=EE=82=9B"; font-family=
: ok-f5350cc488; }

.okx-header-footer-listing-application { --ok-icon-font-family: "ok-f5350cc=
488"; }

.okx-header-footer-listing-application::before { content: "=EE=82=9A"; font=
-family: ok-f5350cc488; }

.okx-header-footer-future-copy { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-future-copy::before { content: "=EE=82=99"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-spot-copy { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-spot-copy::before { content: "=EE=82=98"; font-family: o=
k-f5350cc488; }

.okx-header-footer-trader-recruitment { --ok-icon-font-family: "ok-f5350cc4=
88"; }

.okx-header-footer-trader-recruitment::before { content: "=EE=82=97"; font-=
family: ok-f5350cc488; }

.okx-header-footer-flash-otc { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-flash-otc::before { content: "=EE=82=96"; font-family: o=
k-f5350cc488; }

.okx-header-footer-explorer { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-explorer::before { content: "=EE=82=95"; font-family: ok=
-f5350cc488; }

.okx-header-footer-api { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-api::before { content: "=EE=80=89"; font-family: ok-f535=
0cc488; }

.okx-header-footer-blockdream-ventures-1 { --ok-icon-font-family: "ok-f5350=
cc488"; }

.okx-header-footer-blockdream-ventures-1::before { content: "=EE=80=8A"; fo=
nt-family: ok-f5350cc488; }

.okx-header-footer-arbitrage-order { --ok-icon-font-family: "ok-f5350cc488"=
; }

.okx-header-footer-arbitrage-order::before { content: "=EE=80=8B"; font-fam=
ily: ok-f5350cc488; }

.okx-header-footer-arrow-chevrons-down { --ok-icon-font-family: "ok-f5350cc=
488"; }

.okx-header-footer-arrow-chevrons-down::before { content: "=EE=80=8C"; font=
-family: ok-f5350cc488; }

.okx-header-footer-copytrading { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-copytrading::before { content: "=EE=80=8D"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-cryptopedia { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-cryptopedia::before { content: "=EE=80=8E"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-create-a-bot { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-create-a-bot::before { content: "=EE=80=8F"; font-family=
: ok-f5350cc488; }

.okx-header-footer-dapp { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-dapp::before { content: "=EE=80=90"; font-family: ok-f53=
50cc488; }

.okx-header-footer-bridge { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-bridge::before { content: "=EE=80=91"; font-family: ok-f=
5350cc488; }

.okx-header-footer-arrow-pointer-left-sm { --ok-icon-font-family: "ok-f5350=
cc488"; }

.okx-header-footer-arrow-pointer-left-sm::before { content: "=EE=80=92"; fo=
nt-family: ok-f5350cc488; }

.okx-header-footer-buy-crypto { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-buy-crypto::before { content: "=EE=80=93"; font-family: =
ok-f5350cc488; }

.okx-header-footer-broker { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-broker::before { content: "=EE=80=94"; font-family: ok-f=
5350cc488; }

.okx-header-footer-buy-with-card { --ok-icon-font-family: "ok-f5350cc488"; =
}

.okx-header-footer-buy-with-card::before { content: "=EE=80=95"; font-famil=
y: ok-f5350cc488; }

.okx-header-footer-celue { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-celue::before { content: "=EE=80=96"; font-family: ok-f5=
350cc488; }

.okx-header-footer-center { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-center::before { content: "=EE=80=97"; font-family: ok-f=
5350cc488; }

.okx-header-footer-check { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-check::before { content: "=EE=80=98"; font-family: ok-f5=
350cc488; }

.okx-header-footer-close { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-close::before { content: "=EE=80=99"; font-family: ok-f5=
350cc488; }

.okx-header-footer-cloud { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-cloud::before { content: "=EE=80=9A"; font-family: ok-f5=
350cc488; }

.okx-header-footer-community { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-community::before { content: "=EE=80=9B"; font-family: o=
k-f5350cc488; }

.okx-header-footer-convert-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-convert-1::before { content: "=EE=80=9C"; font-family: o=
k-f5350cc488; }

.okx-header-footer-copiers { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-copiers::before { content: "=EE=80=9D"; font-family: ok-=
f5350cc488; }

.okx-header-footer-convert { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-convert::before { content: "=EE=80=9E"; font-family: ok-=
f5350cc488; }

.okx-header-footer-copy-trading { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-copy-trading::before { content: "=EE=80=9F"; font-family=
: ok-f5350cc488; }

.okx-header-footer-defi { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-defi::before { content: "=EE=80=A0"; font-family: ok-f53=
50cc488; }

.okx-header-footer-demo-trading-1 { --ok-icon-font-family: "ok-f5350cc488";=
 }

.okx-header-footer-demo-trading-1::before { content: "=EE=80=A1"; font-fami=
ly: ok-f5350cc488; }

.okx-header-footer-demo-trading { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-demo-trading::before { content: "=EE=80=A2"; font-family=
: ok-f5350cc488; }

.okx-header-footer-deposit { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-deposit::before { content: "=EE=80=A3"; font-family: ok-=
f5350cc488; }

.okx-header-footer-developers { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-developers::before { content: "=EE=80=A4"; font-family: =
ok-f5350cc488; }

.okx-header-footer-dialogue { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-dialogue::before { content: "=EE=80=A5"; font-family: ok=
-f5350cc488; }

.okx-header-footer-discord { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-discord::before { content: "=EE=80=A6"; font-family: ok-=
f5350cc488; }

.okx-header-footer-doc { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-doc::before { content: "=EE=80=A7"; font-family: ok-f535=
0cc488; }

.okx-header-footer-dot { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-dot::before { content: "=EE=80=A8"; font-family: ok-f535=
0cc488; }

.okx-header-footer-download { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-download::before { content: "=EE=80=A9"; font-family: ok=
-f5350cc488; }

.okx-header-footer-earn { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-earn::before { content: "=EE=80=AA"; font-family: ok-f53=
50cc488; }

.okx-header-footer-event { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-event::before { content: "=EE=80=AB"; font-family: ok-f5=
350cc488; }

.okx-header-footer-ecosystem { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-ecosystem::before { content: "=EE=80=AC"; font-family: o=
k-f5350cc488; }

.okx-header-footer-exclamation { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-exclamation::before { content: "=EE=80=AD"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-faucet { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-faucet::before { content: "=EE=80=AE"; font-family: ok-f=
5350cc488; }

.okx-header-footer-facebook { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-facebook::before { content: "=EE=80=AF"; font-family: ok=
-f5350cc488; }

.okx-header-footer-fees { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-fees::before { content: "=EE=80=B0"; font-family: ok-f53=
50cc488; }

.okx-header-footer-fixed-loan { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-fixed-loan::before { content: "=EE=80=B1"; font-family: =
ok-f5350cc488; }

.okx-header-footer-futures { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-futures::before { content: "=EE=80=B2"; font-family: ok-=
f5350cc488; }

.okx-header-footer-galex { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-galex::before { content: "=EE=80=B3"; font-family: ok-f5=
350cc488; }

.okx-header-footer-gasback { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-gasback::before { content: "=EE=80=B4"; font-family: ok-=
f5350cc488; }

.okx-header-footer-github { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-github::before { content: "=EE=80=B5"; font-family: ok-f=
5350cc488; }

.okx-header-footer-gift { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-gift::before { content: "=EE=80=B6"; font-family: ok-f53=
50cc488; }

.okx-header-footer-language-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-language-1::before { content: "=EE=80=B7"; font-family: =
ok-f5350cc488; }

.okx-header-footer-join-group { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-join-group::before { content: "=EE=80=B8"; font-family: =
ok-f5350cc488; }

.okx-header-footer-hamburger { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-hamburger::before { content: "=EE=80=BB"; font-family: o=
k-f5350cc488; }

.okx-header-footer-line { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-line::before { content: "=EE=80=BC"; font-family: ok-f53=
50cc488; }

.okx-header-footer-linkedin { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-linkedin::before { content: "=EE=80=BD"; font-family: ok=
-f5350cc488; }

.okx-header-footer-loan { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-loan::before { content: "=EE=80=BE"; font-family: ok-f53=
50cc488; }

.okx-header-footer-historical-market-data { --ok-icon-font-family: "ok-f535=
0cc488"; }

.okx-header-footer-historical-market-data::before { content: "=EE=80=BF"; f=
ont-family: ok-f5350cc488; }

.okx-header-footer-managed-trading-sub-accounts { --ok-icon-font-family: "o=
k-f5350cc488"; }

.okx-header-footer-managed-trading-sub-accounts::before { content: "=EE=81=
=80"; font-family: ok-f5350cc488; }

.okx-header-footer-home-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-home-1::before { content: "=EE=81=81"; font-family: ok-f=
5350cc488; }

.okx-header-footer-help-center { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-help-center::before { content: "=EE=81=82"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-marketplace { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-marketplace::before { content: "=EE=81=83"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-home { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-home::before { content: "=EE=81=84"; font-family: ok-f53=
50cc488; }

.okx-header-footer-hot { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-hot::before { content: "=EE=81=85"; font-family: ok-f535=
0cc488; }

.okx-header-footer-nitro-spreads { --ok-icon-font-family: "ok-f5350cc488"; =
}

.okx-header-footer-nitro-spreads::before { content: "=EE=81=86"; font-famil=
y: ok-f5350cc488; }

.okx-header-footer-node { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-node::before { content: "=EE=81=87"; font-family: ok-f53=
50cc488; }

.okx-header-footer-notice { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-notice::before { content: "=EE=81=88"; font-family: ok-f=
5350cc488; }

.okx-header-footer-okb { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-okb::before { content: "=EE=81=89"; font-family: ok-f535=
0cc488; }

.okx-header-footer-okc { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-okc::before { content: "=EE=81=8A"; font-family: ok-f535=
0cc488; }

.okx-header-footer-oklink-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-oklink-1::before { content: "=EE=81=8B"; font-family: ok=
-f5350cc488; }

.okx-header-footer-oklink { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-oklink::before { content: "=EE=81=8C"; font-family: ok-f=
5350cc488; }

.okx-header-footer-okx { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-okx::before { content: "=EE=81=8D"; font-family: ok-f535=
0cc488; }

.okx-header-footer-overview { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-overview::before { content: "=EE=81=8E"; font-family: ok=
-f5350cc488; }

.okx-header-footer-opptunities { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-opptunities::before { content: "=EE=81=8F"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-p2p-trading { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-p2p-trading::before { content: "=EE=81=90"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-payment-settings { --ok-icon-font-family: "ok-f5350cc488=
"; }

.okx-header-footer-payment-settings::before { content: "=EE=81=91"; font-fa=
mily: ok-f5350cc488; }

.okx-header-footer-perp { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-perp::before { content: "=EE=81=92"; font-family: ok-f53=
50cc488; }

.okx-header-footer-pool { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-pool::before { content: "=EE=81=93"; font-family: ok-f53=
50cc488; }

.okx-header-footer-ibc { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-ibc::before { content: "=EE=81=94"; font-family: ok-f535=
0cc488; }

.okx-header-footer-press-room { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-press-room::before { content: "=EE=81=95"; font-family: =
ok-f5350cc488; }

.okx-header-footer-hot-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-hot-1::before { content: "=EE=81=96"; font-family: ok-f5=
350cc488; }

.okx-header-footer-id-card { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-id-card::before { content: "=EE=81=97"; font-family: ok-=
f5350cc488; }

.okx-header-footer-information { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-information::before { content: "=EE=81=98"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-info { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-info::before { content: "=EE=81=99"; font-family: ok-f53=
50cc488; }

.okx-header-footer-instagram { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-instagram::before { content: "=EE=81=9A"; font-family: o=
k-f5350cc488; }

.okx-header-footer-question { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-question::before { content: "=EE=81=9B"; font-family: ok=
-f5350cc488; }

.okx-header-footer-proof-of-reservation { --ok-icon-font-family: "ok-f5350c=
c488"; }

.okx-header-footer-proof-of-reservation::before { content: "=EE=81=9C"; fon=
t-family: ok-f5350cc488; }

.okx-header-footer-questn { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-questn::before { content: "=EE=81=9D"; font-family: ok-f=
5350cc488; }

.okx-header-footer-institutions-home { --ok-icon-font-family: "ok-f5350cc48=
8"; }

.okx-header-footer-institutions-home::before { content: "=EE=81=9E"; font-f=
amily: ok-f5350cc488; }

.okx-header-footer-jumpstart { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-jumpstart::before { content: "=EE=81=9F"; font-family: o=
k-f5350cc488; }

.okx-header-footer-rewards { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-rewards::before { content: "=EE=81=A0"; font-family: ok-=
f5350cc488; }

.okx-header-footer-language { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-language::before { content: "=EE=81=A1"; font-family: ok=
-f5350cc488; }

.okx-header-footer-learn { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-learn::before { content: "=EE=81=A2"; font-family: ok-f5=
350cc488; }

.okx-header-footer-logout { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-logout::before { content: "=EE=81=A3"; font-family: ok-f=
5350cc488; }

.okx-header-footer-margin-trading { --ok-icon-font-family: "ok-f5350cc488";=
 }

.okx-header-footer-margin-trading::before { content: "=EE=81=A4"; font-fami=
ly: ok-f5350cc488; }

.okx-header-footer-marketing { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-marketing::before { content: "=EE=81=A5"; font-family: o=
k-f5350cc488; }

.okx-header-footer-more { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-more::before { content: "=EE=81=A6"; font-family: ok-f53=
50cc488; }

.okx-header-footer-nft { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-nft::before { content: "=EE=81=A7"; font-family: ok-f535=
0cc488; }

.okx-header-footer-reddit { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-reddit::before { content: "=EE=81=A8"; font-family: ok-f=
5350cc488; }

.okx-header-footer-records { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-records::before { content: "=EE=81=A9"; font-family: ok-=
f5350cc488; }

.okx-header-footer-referral { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-referral::before { content: "=EE=81=AA"; font-family: ok=
-f5350cc488; }

.okx-header-footer-report-centre { --ok-icon-font-family: "ok-f5350cc488"; =
}

.okx-header-footer-report-centre::before { content: "=EE=81=AB"; font-famil=
y: ok-f5350cc488; }

.okx-header-footer-rfq { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-rfq::before { content: "=EE=81=AC"; font-family: ok-f535=
0cc488; }

.okx-header-footer-safe { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-safe::before { content: "=EE=81=AD"; font-family: ok-f53=
50cc488; }

.okx-header-footer-security-of-funds { --ok-icon-font-family: "ok-f5350cc48=
8"; }

.okx-header-footer-security-of-funds::before { content: "=EE=81=AE"; font-f=
amily: ok-f5350cc488; }

.okx-header-footer-security-settings { --ok-icon-font-family: "ok-f5350cc48=
8"; }

.okx-header-footer-security-settings::before { content: "=EE=81=AF"; font-f=
amily: ok-f5350cc488; }

.okx-header-footer-signout { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-signout::before { content: "=EE=81=B0"; font-family: ok-=
f5350cc488; }

.okx-header-footer-spot-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-spot-1::before { content: "=EE=81=B1"; font-family: ok-f=
5350cc488; }

.okx-header-footer-spot { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-spot::before { content: "=EE=81=B2"; font-family: ok-f53=
50cc488; }

.okx-header-footer-stake { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-stake::before { content: "=EE=81=B3"; font-family: ok-f5=
350cc488; }

.okx-header-footer-start-demo-trading { --ok-icon-font-family: "ok-f5350cc4=
88"; }

.okx-header-footer-start-demo-trading::before { content: "=EE=81=B4"; font-=
family: ok-f5350cc488; }

.okx-header-footer-status { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-status::before { content: "=EE=81=B5"; font-family: ok-f=
5350cc488; }

.okx-header-footer-setting { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-setting::before { content: "=EE=81=B6"; font-family: ok-=
f5350cc488; }

.okx-header-footer-swap { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-swap::before { content: "=EE=81=B7"; font-family: ok-f53=
50cc488; }

.okx-header-footer-support { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-support::before { content: "=EE=81=B8"; font-family: ok-=
f5350cc488; }

.okx-header-footer-subgraph { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-subgraph::before { content: "=EE=81=B9"; font-family: ok=
-f5350cc488; }

.okx-header-footer-testnet { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-testnet::before { content: "=EE=81=BA"; font-family: ok-=
f5350cc488; }

.okx-header-footer-telegram { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-telegram::before { content: "=EE=81=BB"; font-family: ok=
-f5350cc488; }

.okx-header-footer-sub-account { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-sub-account::before { content: "=EE=81=BC"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-trade-perp { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-trade-perp::before { content: "=EE=81=BD"; font-family: =
ok-f5350cc488; }

.okx-header-footer-tiktok { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-tiktok::before { content: "=EE=81=BE"; font-family: ok-f=
5350cc488; }

.okx-header-footer-third-party-payment, .okx-header-footer-trade-swap { --o=
k-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-trade-swap::before { content: "=EE=82=80"; font-family: =
ok-f5350cc488; }

.okx-header-footer-x1swap { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-x1swap::before { content: "=EE=82=81"; font-family: ok-f=
5350cc488; }

.okx-header-footer-tradingview { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-tradingview::before { content: "=EE=82=82"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-trading-view { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-trading-view::before { content: "=EE=82=83"; font-family=
: ok-f5350cc488; }

.okx-header-footer-transfer { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-transfer::before { content: "=EE=82=84"; font-family: ok=
-f5350cc488; }

.okx-header-footer-twitter-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-twitter-1::before { content: "=EE=82=85"; font-family: o=
k-f5350cc488; }

.okx-header-footer-twitter { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-twitter::before { content: "=EE=82=86"; font-family: ok-=
f5350cc488; }

.okx-header-footer-trading-bot { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-trading-bot::before { content: "=EE=82=87"; font-family:=
 ok-f5350cc488; }

.okx-header-footer-user-community { --ok-icon-font-family: "ok-f5350cc488";=
 }

.okx-header-footer-user-community::before { content: "=EE=82=88"; font-fami=
ly: ok-f5350cc488; }

.okx-header-footer-transactions { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-transactions::before { content: "=EE=82=89"; font-family=
: ok-f5350cc488; }

.okx-header-footer-user { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-user::before { content: "=EE=82=8A"; font-family: ok-f53=
50cc488; }

.okx-header-footer-user-home { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-user-home::before { content: "=EE=82=8B"; font-family: o=
k-f5350cc488; }

.okx-header-footer-try-fiat { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-try-fiat::before { content: "=EE=82=8C"; font-family: ok=
-f5350cc488; }

.okx-header-footer-verification { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-verification::before { content: "=EE=82=8D"; font-family=
: ok-f5350cc488; }

.okx-header-footer-vip-loan { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-vip-loan::before { content: "=EE=82=8E"; font-family: ok=
-f5350cc488; }

.okx-header-footer-vk { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-vk::before { content: "=EE=82=8F"; font-family: ok-f5350=
cc488; }

.okx-header-footer-withdraw { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-withdraw::before { content: "=EE=82=90"; font-family: ok=
-f5350cc488; }

.okx-header-footer-weibo { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-weibo::before { content: "=EE=82=91"; font-family: ok-f5=
350cc488; }

.okx-header-footer-youtube { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-youtube::before { content: "=EE=82=92"; font-family: ok-=
f5350cc488; }

.okx-header-footer-wallet { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-wallet::before { content: "=EE=82=93"; font-family: ok-f=
5350cc488; }

.okx-header-footer-warning { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-warning::before { content: "=EE=82=94"; font-family: ok-=
f5350cc488; }

.okx-header-footer-analysis { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-analysis::before { content: "=EE=80=80"; font-family: ok=
-f5350cc488; }

.okx-header-footer--ecosystem { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer--ecosystem::before { content: "=EE=80=81"; font-family: =
ok-f5350cc488; }

.okx-header-footer-api-1 { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-api-1::before { content: "=EE=80=82"; font-family: ok-f5=
350cc488; }

.okx-header-footer-arrow-chevrons-right { --ok-icon-font-family: "ok-f5350c=
c488"; }

.okx-header-footer-arrow-chevrons-right::before { content: "=EE=80=83"; fon=
t-family: ok-f5350cc488; }

.okx-header-footer-arrow-chevrons-up { --ok-icon-font-family: "ok-f5350cc48=
8"; }

.okx-header-footer-arrow-chevrons-up::before { content: "=EE=80=84"; font-f=
amily: ok-f5350cc488; }

.okx-header-footer-authorization { --ok-icon-font-family: "ok-f5350cc488"; =
}

.okx-header-footer-authorization::before { content: "=EE=80=85"; font-famil=
y: ok-f5350cc488; }

.okx-header-footer-biyong { --ok-icon-font-family: "ok-f5350cc488"; }

.okx-header-footer-biyong::before { content: "=EE=80=86"; font-family: ok-f=
5350cc488; }

.okx-header-footer-blockchain-explorer { --ok-icon-font-family: "ok-f5350cc=
488"; }

.okx-header-footer-blockchain-explorer::before { content: "=EE=80=87"; font=
-family: ok-f5350cc488; }

.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-styl=
e: normal; }

.iconfont::before { display: inline-block; }

@font-face { font-display: block; font-family: ok-f5350cc488; font-style: n=
ormal; src: url("../39b8f9f999a70c6aff95.woff2") format("woff2"); }

[dir=3D"rtl"] .okx-header-footer-arrow-chevrons-right::before, [dir=3D"rtl"=
] .okx-header-footer-arrow-pointer-left-sm::before, [dir=3D"rtl"] .okx-head=
er-footer-center::before, [dir=3D"rtl"] .okx-header-footer-dialogue::before=
, [dir=3D"rtl"] .okx-header-footer-question::before, [dir=3D"rtl"] .okx-hea=
der-footer-report-centre::before { transform: scaleX(-1); }

:root { --okd-color-gray-050: #f9f9f9; --okd-color-gray-100: #ebebeb; --okd=
-color-gray-200: #dbdbdb; --okd-color-gray-300: #bdbdbd; --okd-color-gray-4=
00: #929292; --okd-color-gray-500: #6e6e6e; --okd-color-gray-600: #545454; =
--okd-color-gray-700: #3d3d3d; --okd-color-gray-800: #1a1a1a; --okd-color-g=
ray-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: #2=
77dff; --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: #78de9=
d; --okd-color-green-400: #4bd37d; --okd-color-green-500: #31bd65; --okd-co=
lor-green-600: #18a04a; --okd-color-green-700: #127837; --okd-color-green-8=
00: #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: #fef9f=
6; --okd-color-orange-100: #fce3d4; --okd-color-orange-200: #fbceb4; --okd-=
color-orange-300: #f9b994; --okd-color-orange-400: #f7a474; --okd-color-ora=
nge-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-col=
or-yellow-200: #ffe9af; --okd-color-yellow-300: #ffdf8d; --okd-color-yellow=
-400: #ffd66b; --okd-color-yellow-500: #ffcc49; --okd-color-yellow-600: #ff=
c327; --okd-color-yellow-700: #ffb905; --okd-color-yellow-800: #eaa900; --o=
kd-color-yellow-900: #d29801; --okd-color-text-white: #fff; --okd-color-tex=
t-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-se=
condary: #dbdbdb; --okd-color-line-amplifed: #bdbdbd; --okd-color-text-ligh=
ter: #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; --ok=
d-color-fq-red-lv1: #f1507b; --okd-color-fq-orange-lv1: #f16514; --okd-colo=
r-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-co=
lor-prefer-red-text: #eb4b6d; --okd-color-prefer-green-text: #31bd65; --okd=
-color-branded-primary: #bcff2f; --okd-color-fq-critical: #eb4b6d; --okd-co=
lor-fq-warning: #f16514; --okd-color-fq-positive: #31bd65; --okd-color-fq-n=
eutral: #000; --okd-color-fq-accent: #0569ff; --okd-color-prefer-neutral-te=
xt: #929292; --okd-color-prefer-neutral-bg: #929292; --okd-color-background=
-base-primary: #fff; --okd-color-background-base-secondary: #fafafa; --okd-=
color-background-surface-primary: rgba(0,0,0,.04); --okd-color-background-s=
urface-secondary: #fff; --okd-color-background-surface-pressed: rgba(0,9,3,=
.08); --okd-color-background-surface-disable: rgba(0,0,0,.02); --okd-color-=
background-scrim: rgba(0,0,0,.43); --okd-color-container-primary: #fff; --o=
kd-color-container-secondary: #fafafa; --okd-color-container-tertiary: #fff=
; --okd-color-container-contrast: #414141; --okd-color-container-inverse: #=
0d0d0d; --okd-color-content-primary: #000; --okd-color-content-secondary: #=
383838; --okd-color-content-tertiary: #5b5b5b; --okd-color-content-contrast=
: #909090; --okd-color-content-disabled: rgba(0,0,0,.26); --okd-color-conte=
nt-inverse: #fff; --okd-color-border-primary: rgba(0,9,3,.08); --okd-color-=
border-secondary: rgba(0,0,0,.14); --okd-color-border-contrast: #fafafa; --=
okd-color-border-selected: #000; --okd-color-semantic-neutral: #000; --okd-=
color-semantic-notice: #ffb117; --okd-color-semantic-positive: #31bd65; --o=
kd-color-semantic-negative: #eb4b6d; --okd-color-semantic-informative: #8a9=
1ff; --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-transp=
arent-white: transparent; --okd-color-alert-info: #f7f7f7; --okd-color-aler=
t-success: #eaf8f0; --okd-color-alert-warning: #fef9f6; --okd-color-alert-e=
rror: #fdedf0; --okd-color-common-background-2: #f3f3f3; --okd-color-data-v=
isualization-category-01: #8a91ff; --okd-color-data-visualization-category-=
02: #ffb117; --okd-color-data-visualization-category-03: #bcff2f; --okd-col=
or-data-visualization-category-04: #12e366; --okd-color-data-visualization-=
category-05: #ff7888; --okd-color-preference-loss: #f5384f; --okd-color-pre=
ference-profit: #00bc4b; --okd-color-preference-neutral: rgba(0,0,0,.57); -=
-okd-font-size-base: 16px; --okd-font-size-md: 14px; --okd-font-size-xs: 12=
px; --okd-line-height-base: 20px; --okd-line-height-md: 20px; --okd-line-he=
ight-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-defa=
ult: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f; --okd-shadow-md: 0 4px 6p=
x -1px #0000001a,0 2px 4px -1px #0000000f; --okd-shadow-lg: 0 10px 15px -3p=
x #0000001a,0 4px 6px -2px #0000000d; --okd-shadow-xl: 0 20px 25px -5px #00=
00001a,0 10px 10px -5px #0000000a; --okd-shadow-2xl: 0 25px 50px -12px #000=
00040; --okd-border-radius-none: 0; --okd-border-radius-sm: 2px; --okd-bord=
er-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,Helve=
tica,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-di=
splay-md-font-size: 40px; --okd-text-display-md-font-weight: 500; --okd-tex=
t-display-md-line-height: 52px; --okd-text-display-sm-font-size: 40px; --ok=
d-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-s=
ize: 24px; --okd-text-heading-md-font-weight: 500; --okd-text-heading-md-li=
ne-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-he=
ading-xl-font-size: 36px; --okd-text-heading-xl-line-height: 1.32; --okd-te=
xt-heading-xl-font-weight: 600; --okd-text-heading-xxl-font-size: 40px; --o=
kd-text-heading-xxl-line-height: 1.32; --okd-text-heading-xxl-font-weight: =
600; --okd-text-heading-overline-font-size: 12px; --okd-text-heading-overli=
ne-line-height: 15px; --okd-text-heading-overline-font-weight: 500; --okd-t=
ext-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-bol=
d-font-size: 14px; --okd-text-body-sm-bold-font-weight: 500; --okd-text-bod=
y-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-b=
old-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: 4=
00; --okd-text-body-xs-regular-line-height: 18px; --okd-text-body-xs-bold-f=
ont-size: 12px; --okd-text-body-xs-bold-font-weight: 500; --okd-text-body-x=
s-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-w=
eight-800: 800; --okd-font-weight-900: 900; --okd-font-weight-regular: 400;=
 --okd-font-weight-medium: 500; --okd-font-weight-bold: 700; }

.theme-dark { --okd-color-gray-050: #000; --okd-color-gray-100: #2e2e2e; --=
okd-color-gray-200: #404040; --okd-color-gray-300: #6c6c6c; --okd-color-gra=
y-400: #909090; --okd-color-gray-500: #b0b0b0; --okd-color-gray-600: #ccc; =
--okd-color-gray-700: #e3e3e3; --okd-color-gray-800: #f0f0f0; --okd-color-g=
ray-900: #fafafa; --okd-color-blue-050: #051738; --okd-color-blue-100: #082=
356; --okd-color-blue-200: #0c3178; --okd-color-blue-300: #0f3c94; --okd-co=
lor-blue-400: #1148b0; --okd-color-blue-500: #1453cc; --okd-color-blue-600:=
 #175fe8; --okd-color-blue-700: #1e6bff; --okd-color-blue-800: #3077ff; --o=
kd-color-blue-900: #4283ff; --okd-color-green-050: #002b1f; --okd-color-gre=
en-100: #062b12; --okd-color-green-200: #0c5625; --okd-color-green-300: #13=
8037; --okd-color-green-400: #19ab4a; --okd-color-green-500: #25a750; --okd=
-color-green-600: #4cde7d; --okd-color-green-700: #79e69d; --okd-color-gree=
n-800: #a5efbe; --okd-color-green-900: #d2f7de; --okd-color-red-050: #270b1=
2; --okd-color-red-100: #300e17; --okd-color-red-200: #601d2e; --okd-color-=
red-300: #902b44; --okd-color-red-400: #c03a5b; --okd-color-red-500: #f0487=
2; --okd-color-red-600: #f76489; --okd-color-red-700: #f994ae; --okd-color-=
red-800: #f9b6c7; --okd-color-red-900: #fff8f9; --okd-color-orange-050: #36=
1604; --okd-color-orange-100: #532206; --okd-color-orange-200: #743008; --o=
kd-color-orange-300: #8f3b0a; --okd-color-orange-400: #aa460c; --okd-color-=
orange-500: #c5510e; --okd-color-orange-600: #e15c0f; --okd-color-orange-70=
0: #f76816; --okd-color-orange-800: #f87428; --okd-color-orange-900: #fa8c4=
d; --okd-color-yellow-050: #2d2104; --okd-color-yellow-100: #493603; --okd-=
color-yellow-200: #674b04; --okd-color-yellow-300: #7f5d05; --okd-color-yel=
low-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-backgro=
und-2: #1a1a1a; --okd-color-transparent: transparent; --okd-color-white: #f=
ff; --okd-color-black: #000; --okd-color-line-muted: #2e2e2e; --okd-color-l=
ine-amplifed: #6c6c6c; --okd-color-line-secondary: #404040; --okd-color-tex=
t-lighter: #6c6c6c; --okd-color-text-light: #909090; --okd-color-text-secon=
dary: #e3e3e3; --okd-color-text-amplifed: #fafafa; --okd-color-background-3=
: #242424; --okd-color-fq-blue-lv1: #3077ff; --okd-color-fq-blue-lv2: #1e6b=
ff; --okd-color-fq-green-lv1: #1fd65c; --okd-color-fq-red-lv1: #f04872; --o=
kd-color-fq-orange-lv1: #f76816; --okd-color-prefer-red-chart: #f04872; --o=
kd-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: #bcff2=
f; --okd-color-fq-critical: #f04872; --okd-color-fq-positive: #25a750; --ok=
d-color-fq-warning: #f76816; --okd-color-fq-accent: #1e6bff; --okd-color-fq=
-neutral: #fafafa; --okd-color-prefer-neutral-bg: #909090; --okd-color-pref=
er-neutral-text: #909090; --okd-color-background-base-primary: #121212; --o=
kd-color-background-base-secondary: #121212; --okd-color-background-surface=
-primary: hsla(0,0%,100%,.06); --okd-color-background-surface-secondary: hs=
la(0,0%,100%,.06); --okd-color-background-surface-pressed: hsla(0,0%,100%,.=
12); --okd-color-background-surface-disable: hsla(0,0%,100%,.03); --okd-col=
or-background-scrim: rgba(0,0,0,.68); --okd-color-container-primary: #27272=
7; --okd-color-container-secondary: #272727; --okd-color-container-tertiary=
: #383838; --okd-color-container-contrast: #414141; --okd-color-container-i=
nverse: #fafafa; --okd-color-content-primary: #fff; --okd-color-content-sec=
ondary: #e6e6e6; --okd-color-content-tertiary: #b3b3b3; --okd-color-content=
-contrast: #909090; --okd-color-content-disabled: hsla(0,0%,100%,.36); --ok=
d-color-content-inverse: #000; --okd-color-border-primary: hsla(0,0%,100%,.=
12); --okd-color-border-secondary: hsla(0,0%,100%,.19); --okd-color-border-=
contrast: #000; --okd-color-border-selected: #fff; --okd-color-semantic-neu=
tral: #fff; --okd-color-semantic-notice: #ffb117; --okd-color-semantic-posi=
tive: #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-c=
olor-dvp-loss: #ca3f64; --okd-color-categorical-01: #8a91ff; --okd-color-ca=
tegorical-02: #ffb117; --okd-color-categorical-03: #bcff2f; --okd-color-cat=
egorical-04: #00bc4b; --okd-color-categorical-05: #f5384f; --okd-color-tran=
sparent-white: transparent; --okd-color-transparent-black: hsla(0,0%,100%,.=
02); --okd-color-common-transparent: hsla(0,0%,100%,0); --okd-color-contain=
er-lv2: #1a1a1a; --okd-color-alert-info: #2e2e2e; --okd-color-alert-success=
: #002b1f; --okd-color-alert-warning: #361604; --okd-color-alert-error: #27=
0b12; --okd-color-common-background-2: #383838; --okd-color-data-visualizat=
ion-category-01: #8a91ff; --okd-color-data-visualization-category-02: #ffb1=
17; --okd-color-data-visualization-category-03: #bcff2f; --okd-color-data-v=
isualization-category-04: #00bc4b; --okd-color-data-visualization-category-=
05: #f5384f; --okd-color-preference-loss: #ca3f64; --okd-color-preference-p=
rofit: #25a750; --okd-color-preference-neutral: hsla(0,0%,100%,.76); --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 1p=
x #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 -1p=
x #0000001a,0 2px 4px -1px #0000000f; --okd-shadow-lg: 0 10px 15px -3px #00=
00001a,0 4px 6px -2px #0000000d; --okd-shadow-xl: 0 20px 25px -5px #0000001=
a,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-ra=
dius-md: 4px; --okd-border-radius-lg: 6px; --okd-border-radius-xl: 8px; --o=
kd-border-radius-xxl: 10px; --okd-border-radius-xxxl: 12px; --okd-font-fami=
ly: 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-fo=
nt-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-dis=
play-md-line-height: 52px; --okd-text-display-sm-font-size: 40px; --okd-tex=
t-display-sm-font-weight: 500; --okd-text-display-sm-line-height: 52px; --o=
kd-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-he=
ight: 30px; --okd-text-heading-sm-font-size: 18px; --okd-text-heading-sm-fo=
nt-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-he=
ading-xl-font-weight: 600; --okd-text-heading-xxl-font-size: 40px; --okd-te=
xt-heading-xxl-line-height: 1.32; --okd-text-heading-xxl-font-weight: 600; =
--okd-text-heading-overline-font-size: 12px; --okd-text-heading-overline-li=
ne-height: 15px; --okd-text-heading-overline-font-weight: 500; --okd-text-b=
ody-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-fon=
t-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-t=
ext-body-md-regular-font-weight: 400; --okd-text-body-md-regular-line-heigh=
t: 24px; --okd-text-body-md-bold-font-size: 16px; --okd-text-body-md-bold-f=
ont-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-s=
ize: 12px; --okd-text-body-xs-bold-font-weight: 500; --okd-text-body-xs-bol=
d-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; --ok=
d-font-weight-medium: 500; --okd-font-weight-bold: 700; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okfe/okx-nav/okcHeader/index.4565f375.css

@charset "utf-8";

#risk-banner-root { background: transparent; }

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

.global-compliance-banner .compliance-banner-top { align-items: center; dis=
play: flex; margin-bottom: 4px; }

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

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

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

.global-compliance-banner .text-with-dot::before { background-color: rgb(25=
5, 255, 255); border-radius: 5px; content: ""; display: inline-block; heigh=
t: 5px; margin: 0px 8px; vertical-align: middle; width: 5px; }

.global-compliance-banner .compliance-banner-link { color: inherit; font-si=
ze: 12px; font-weight: 700; line-height: 16px; text-decoration: underline; =
}

#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-rig=
ht: 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; f=
ont-style: normal; font-weight: 400; line-height: 16px; vertical-align: mid=
dle; }

@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: pointe=
r; 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; t=
ext-decoration: underline; vertical-align: middle; }

@media (min-width: 1024px) {
  .risk-banner-box .risk-banner-href { font-size: 18px; line-height: 28px; =
}
}

.header-container[data-transparent=3D"true"] + #risk-banner-root { position=
: absolute; }

.header-container[data-transparent=3D"true"] + #risk-banner-root .risk-bann=
er-box { z-index: 9499; position: absolute; top: 48px; }

.drop-panel .drop-extend-box { position: relative; }

.drop-panel .drop-panel-box { width: 250px; }

.drop-panel .drop-panel-box .drop-panel-list { border-bottom: 1px solid rgb=
(235, 235, 235); padding-bottom: 16px; padding-top: 20px; }

.drop-panel .drop-panel-box .drop-panel-list:first-child { padding-top: 0px=
; }

.drop-panel .drop-panel-box .drop-panel-list:last-child { border-bottom: no=
ne; padding-bottom: 0px; }

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

.drop-panel .drop-panel-box .drop-panel-title { color: rgb(146, 146, 146); =
font-size: 14px; font-weight: 500; line-height: 16px; padding: 6px 8px; }

.drop-panel .drop-panel-box .panel-drop-item-icon { color: rgb(144, 144, 14=
4); cursor: pointer; margin-left: 4px; }

.drop-panel .trade-drop-panel-box-menu { width: 326px; }

.drop-panel .drop-panel-box-list { background-color: rgb(255, 255, 255); bo=
rder-left: 1px solid rgb(235, 235, 235); border-radius: 0px 6px 6px 0px; bo=
ttom: -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-panel .okc-panel-box-list { bottom: unset; min-height: calc(100% + 24=
px); }

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

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

.drop-panel .hide-drop-panel-box { display: none; }

.drop-panel .trade-drop-item-con { position: relative; }

.drop-panel .trade-drop-box-list { bottom: -12px; left: 336px; overflow: vi=
sible; padding: 12px; top: unset; }

.drop-panel .current-menu { background: rgb(249, 249, 249); border-radius: =
4px; color: rgb(0, 0, 0); cursor: pointer; }

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

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

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

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

#navColumnContainer .drop-panel .drop-panel-box .trade-drop-box-list { disp=
lay: 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-foote=
r-arrow-chevrons-down { transform: rotate(0deg); }

@media (max-width: 1023px) {
  .header-main .dp-c-l-ag, .header-main .drop-c-right-align { background: t=
ransparent; display: none; left: auto; opacity: 1; padding: 4px 0px 4px 12p=
x; position: relative; top: auto; transform: unset; visibility: visible; wi=
dth: 100%; }
  .header-main .dp-c-l-ag .info-extend-box, .header-main .drop-c-right-alig=
n .info-extend-box { flex-direction: column; }
  .header-main .dp-c-l-ag .info-extend-box .item-title, .header-main .drop-=
c-right-align .info-extend-box .item-title { color: rgb(227, 227, 227); dis=
play: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; width:=
 100%; }
  .header-main .dp-c-l-ag .info-extend-box .item-title:hover, .header-main =
.drop-c-right-align .info-extend-box .item-title:hover { background: transp=
arent; color: rgb(250, 250, 250); }
  .header-main .dp-c-l-ag .info-extend-box .tab-ms, .header-main .drop-c-ri=
ght-align .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 .extend-box, .header-main .drop-c-right-align .ex=
tend-box { margin: 0px; max-width: unset; min-width: unset; padding: 0px; w=
idth: 100%; }
  .header-main .dp-c-l-ag .extend-box .box-title, .header-main .dp-c-l-ag .=
extend-box .desc-box, .header-main .dp-c-l-ag .extend-box .icon-box, .heade=
r-main .drop-c-right-align .extend-box .box-title, .header-main .drop-c-rig=
ht-align .extend-box .desc-box, .header-main .drop-c-right-align .extend-bo=
x .icon-box { display: none; }
  .header-main .dp-c-l-ag .extend-box .box-item, .header-main .drop-c-right=
-align .extend-box .box-item { height: 44px; margin: 0px; }
  .header-main .dp-c-l-ag .extend-box .box-item .item-title, .header-main .=
drop-c-right-align .extend-box .box-item .item-title { color: rgb(227, 227,=
 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0=
px; width: 100%; }
  .header-main .dp-c-l-ag .extend-box .box-item .item-title:hover, .header-=
main .drop-c-right-align .extend-box .box-item .item-title:hover { backgrou=
nd: transparent; color: rgb(250, 250, 250); }
  .header-main .dp-c-l-ag .extend-box .box-item .item-title.item-panel-drop=
-title, .header-main .drop-c-right-align .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 .extend-box .box-item .item-title.title-without-t=
ag, .header-main .drop-c-right-align .extend-box .box-item .item-title.titl=
e-without-tag { display: inline-block; }
  .header-main .dp-c-l-ag .extend-small-box .box-item, .header-main .drop-c=
-right-align .extend-small-box .box-item { color: rgb(227, 227, 227); displ=
ay: inline-flex; font-size: 16px; height: 44px; margin: 0px; padding: 14px =
0px; width: 100%; }
  .header-main .dp-c-l-ag .extend-small-box .box-item:hover, .header-main .=
drop-c-right-align .extend-small-box .box-item:hover { background: transpar=
ent; 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 { d=
isplay: none; }
  .header-main .column-nav-container .mode-xl-line, .header-main .column-na=
v-container .nav-academy, .header-main .column-nav-container .nav-balance, =
.header-main .column-nav-container .nav-buy, .header-main .column-nav-conta=
iner .nav-custom, .header-main .column-nav-container .nav-dashboard, .heade=
r-main .column-nav-container .nav-earn, .header-main .column-nav-container =
.nav-explorer .nav-nft, .header-main .column-nav-container .nav-institution=
s, .header-main .column-nav-container .nav-language, .header-main .column-n=
av-container .nav-market, .header-main .column-nav-container .nav-mobile-do=
wnload, .header-main .column-nav-container .nav-mode, .header-main .column-=
nav-container .nav-more, .header-main .column-nav-container .nav-okc, .head=
er-main .column-nav-container .nav-site-flag, .header-main .column-nav-cont=
ainer .nav-trade, .header-main .column-nav-container .nav-user, .header-mai=
n .column-nav-container .other-wrap, .header-main .column-nav-container .pc=
-mode, .header-main .column-nav-container .profile-wrap, .header-main .colu=
mn-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: bloc=
k; }
  .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 .nav-item .dp-c-l-ag, .header-m=
ain.active .column-nav-container .nav-item .drop-c-right-align { 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 .info-exte=
nd-box, .header-main.active .column-nav-container .nav-item .drop-c-right-a=
lign .info-extend-box { flex-direction: column; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .info-exte=
nd-box .item-title, .header-main.active .column-nav-container .nav-item .dr=
op-c-right-align .info-extend-box .item-title { color: rgb(227, 227, 227); =
display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; wid=
th: 100%; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .info-exte=
nd-box .item-title:hover, .header-main.active .column-nav-container .nav-it=
em .drop-c-right-align .info-extend-box .item-title:hover { background: tra=
nsparent; color: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .info-exte=
nd-box .tab-ms, .header-main.active .column-nav-container .nav-item .drop-c=
-right-align .info-extend-box .tab-ms { color: rgb(100, 111, 132); font-siz=
e: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x, .header-main.active .column-nav-container .nav-item .drop-c-right-align =
.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 .extend-bo=
x .box-title, .header-main.active .column-nav-container .nav-item .dp-c-l-a=
g .extend-box .desc-box, .header-main.active .column-nav-container .nav-ite=
m .dp-c-l-ag .extend-box .icon-box, .header-main.active .column-nav-contain=
er .nav-item .drop-c-right-align .extend-box .box-title, .header-main.activ=
e .column-nav-container .nav-item .drop-c-right-align .extend-box .desc-box=
, .header-main.active .column-nav-container .nav-item .drop-c-right-align .=
extend-box .icon-box { display: none; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item, .header-main.active .column-nav-container .nav-item .drop-c-ri=
ght-align .extend-box .box-item { height: 44px; margin: 0px; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title, .header-main.active .column-nav-container .nav-ite=
m .drop-c-right-align .extend-box .box-item .item-title { color: rgb(227, 2=
27, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14p=
x 0px; width: 100%; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title:hover, .header-main.active .column-nav-container .n=
av-item .drop-c-right-align .extend-box .box-item .item-title:hover { backg=
round: transparent; color: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title.item-panel-drop-title, .header-main.active .column-=
nav-container .nav-item .drop-c-right-align .extend-box .box-item .item-tit=
le.item-panel-drop-title { max-width: 270px; overflow: hidden; text-overflo=
w: ellipsis; white-space: nowrap; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title.title-without-tag, .header-main.active .column-nav-=
container .nav-item .drop-c-right-align .extend-box .box-item .item-title.t=
itle-without-tag { display: inline-block; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-sm=
all-box .box-item, .header-main.active .column-nav-container .nav-item .dro=
p-c-right-align .extend-small-box .box-item { color: rgb(227, 227, 227); di=
splay: inline-flex; font-size: 16px; height: 44px; margin: 0px; padding: 14=
px 0px; width: 100%; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-sm=
all-box .box-item:hover, .header-main.active .column-nav-container .nav-ite=
m .drop-c-right-align .extend-small-box .box-item:hover { background: trans=
parent; color: rgb(250, 250, 250); }
  .header-main.active .column-nav-container.asset-active .nav-scroll-box .n=
av-item.is-left, .header-main.active .column-nav-container.asset-active .na=
v-scroll-box .nav-item.nav-mode, .header-main.active .column-nav-container.=
asset-active .nav-scroll-box .nav-language-column, .header-main.active .col=
umn-nav-container.asset-active .nav-scroll-box .nav-mobile-download { displ=
ay: none; }
  .header-main .column-nav-container .nav-scroll-box, .header-main .nav-con=
tainer .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, .h=
eader-main .nav-container .nav-scroll-box::-webkit-scrollbar { display: non=
e; }
  .header-main .column-nav-container .is-left, .header-main .column-nav-con=
tainer .mode-xl-line, .header-main .column-nav-container .nav-academy, .hea=
der-main .column-nav-container .nav-balance, .header-main .column-nav-conta=
iner .nav-buy, .header-main .column-nav-container .nav-custom, .header-main=
 .column-nav-container .nav-earn, .header-main .column-nav-container .nav-i=
nstitutions, .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-mai=
n .column-nav-container .nav-more, .header-main .column-nav-container .nav-=
okc, .header-main .column-nav-container .nav-site-flag, .header-main .colum=
n-nav-container .nav-trade, .header-main .column-nav-container .nav-user, .=
header-main .column-nav-container .other-wrap, .header-main .column-nav-con=
tainer .pc-mode, .header-main .column-nav-container .profile-wrap, .header-=
main .column-nav-container .user-info-item, .header-main .nav-container .is=
-left, .header-main .nav-container .mode-xl-line, .header-main .nav-contain=
er .nav-academy, .header-main .nav-container .nav-balance, .header-main .na=
v-container .nav-buy, .header-main .nav-container .nav-custom, .header-main=
 .nav-container .nav-earn, .header-main .nav-container .nav-institutions, .=
header-main .nav-container .nav-language, .header-main .nav-container .nav-=
market, .header-main .nav-container .nav-mobile-download, .header-main .nav=
-container .nav-mode, .header-main .nav-container .nav-more, .header-main .=
nav-container .nav-okc, .header-main .nav-container .nav-site-flag, .header=
-main .nav-container .nav-trade, .header-main .nav-container .nav-user, .he=
ader-main .nav-container .other-wrap, .header-main .nav-container .pc-mode,=
 .header-main .nav-container .profile-wrap, .header-main .nav-container .us=
er-info-item { display: none; }
  .header-main .column-nav-container .mode-line, .header-main .nav-containe=
r .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 .m=
ode-no-login, .header-main .nav-container .mode-no-login { display: none; }
  .header-main.active .column-nav-container { background: rgb(18, 18, 18); =
box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0p=
x 1px 2px; display: flex; height: 100%; position: fixed; right: 0px; transf=
orm: translateZ(0px); width: 376px; }
  .header-main.active .column-nav-container .nav-scroll-box { display: bloc=
k; flex-direction: column; height: 95%; justify-content: unset; overflow: s=
croll; 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; di=
splay: flex; flex-flow: wrap; justify-content: flex-start; padding: 0px; wi=
dth: 100%; }
  .header-main.active .column-nav-container .nav-item .icon-img { display: =
none; }
  .header-main.active .column-nav-container .nav-item.show-more .mu-txt::be=
fore, .header-main.active .column-nav-container .nav-item.show-more .user-a=
rrow { transform: rotate(-180deg); }
  .header-main.active .column-nav-container .nav-item.show-more .dp-c-l-ag,=
 .header-main.active .column-nav-container .nav-item.show-more .drop-c-righ=
t-align { display: block; }
  .header-main.active .column-nav-container .nav-item.show-more .nav-item.p=
anel-nav-item.panel-col { display: flex; }
  .header-main.active .column-nav-container .nav-item .nav-link, .header-ma=
in.active .column-nav-container .nav-item .nav-text { align-items: center; =
color: rgb(250, 250, 250); cursor: pointer; display: flex; flex-grow: 1; fo=
nt-size: 18px; height: 52px; line-height: unset; padding: 17px 0px; }
  .header-main.active .column-nav-container .nav-item .nav-link.mu-txt, .he=
ader-main.active .column-nav-container .nav-item .nav-text.mu-txt { justify=
-content: space-between; }
  .header-main.active .column-nav-container .nav-item .nav-link.mu-txt::bef=
ore, .header-main.active .column-nav-container .nav-item .nav-text.mu-txt::=
before { font-size: 14px; order: 5; }
  .header-main.active .column-nav-container .nav-item .nav-link:active, .he=
ader-main.active .column-nav-container .nav-item .nav-text:active { color: =
rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .mu-txt::before, .hea=
der-main.active .column-nav-container .nav-item .user-arrow { color: rgb(14=
4, 144, 144); cursor: pointer; display: inline-block; margin-left: 4px; mar=
gin-right: 0px; padding: 20px 0px; transform: rotate(0deg); }
  .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 .ex=
tend-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-a=
g .box-item .nav-hot-tag.only-column, .header-main.active .column-nav-conta=
iner .nav-item .dp-c-l-ag .box-item .nav-new-tag, .header-main.active .colu=
mn-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-a=
g .extend-link .nav-hot-tag.only-column, .header-main.active .column-nav-co=
ntainer .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 .icon { font-size:=
 16px; margin-left: 4px; position: relative; top: 1px; }
  .header-main.active .column-nav-container .nav-scroll-box .asset-bottom-l=
ine, .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 .pro=
file-wrap, .header-main.active .column-nav-container.asset-active .nav-scro=
ll-box .nav-item.is-left, .header-main.active .column-nav-container.asset-a=
ctive .nav-scroll-box .nav-item.nav-mode, .header-main.active .column-nav-c=
ontainer.asset-active .nav-scroll-box .nav-mobile-download { display: none;=
 }
  .header-main.active .column-nav-container.asset-active .nav-scroll-box .a=
sset-bottom-line, .header-main.active .column-nav-container.asset-active .n=
av-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, .hea=
der-main.active .column-nav-container .nav-item .user-arrow { margin-right:=
 4px; }
}

@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-sh=
adow: 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-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-ma=
in .nav-container .drop-c-right-align.drop-with-panel-bottom { border-radiu=
s: 6px 6px 0px; }
  .header-main .nav-container .drop-animation { transition: all 0.3s cubic-=
bezier(0.645, 0.045, 0.355, 1) 0s; }
  .header-main .nav-container .dp-c-l-ag { font-weight: 400; left: -14px; t=
op: 58px; }
  .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=3D=
"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-ri=
ght: 0px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-title { color: rg=
b(110, 110, 110); font-size: 12px; font-weight: 600; line-height: 20px; mar=
gin-bottom: 8px; padding-left: 20px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item { align-item=
s: center; display: flex; padding: 14px 12px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item::before { co=
lor: 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 .i=
con { 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.it=
em-panel-drop { flex: 1 1 auto; max-width: 176px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box.tr=
ade-item-panel-drop { max-width: 251px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .i=
tem-title { color: rgb(0, 0, 0); display: flex; font-size: 14px; font-weigh=
t: 500; line-height: 16px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .i=
tem-title.item-panel-drop-title { align-items: center; display: flex; overf=
low: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .i=
tem-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 .i=
tem-title.title-without-desc { padding-bottom: 10px; padding-top: 10px; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item .item-box .d=
esc { color: rgb(146, 146, 146); font-size: 12px; font-weight: 400; line-he=
ight: 16px; margin-top: 4px; position: relative; visibility: visible; }
  .header-main .nav-container .dp-c-l-ag .extend-box .box-item:hover { back=
ground: rgb(249, 249, 249); 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 { fon=
t-weight: 500; margin-bottom: 10px; padding-left: 12px; padding-top: 12px; =
}
  .header-main .nav-container .dp-c-l-ag .extend-small-box .box-item { alig=
n-items: center; color: rgb(0, 0, 0); cursor: pointer; display: flex; font-=
size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 0px; paddin=
g: 12px; }
  .header-main .nav-container .dp-c-l-ag .extend-small-box .box-item:hover =
{ background: rgb(249, 249, 249); border-radius: 4px; color: rgb(0, 0, 0); =
}
  .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-item { align-items: center; box-sizing: =
border-box; cursor: pointer; display: flex; padding: 0px 10px; position: re=
lative; }
  .header-main .nav-container .nav-item .nav-link, .header-main .nav-contai=
ner .nav-item .nav-text { box-sizing: border-box; color: rgb(250, 250, 250)=
; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 400;=
 word-break: break-all; }
  .header-main .nav-container .nav-item .nav-link.mu-txt, .header-main .nav=
-container .nav-item .nav-text.mu-txt { display: inline-flex; flex-directio=
n: row-reverse; }
  .header-main .nav-container .nav-item .mu-txt::before, .header-main .nav-=
container .nav-item .user-arrow { color: rgb(227, 227, 227); display: inlin=
e-block; margin-left: 4px; transform: rotate(0deg); }
  .header-main .nav-container .nav-item:hover .mu-txt::before, .header-main=
 .nav-container .nav-item:hover .user-arrow { transform: rotate(-180deg); }
  .header-main .nav-container .nav-item:hover .dp-c-l-ag { opacity: 1; poin=
ter-events: auto; top: 48px; visibility: visible; }
  .header-main .nav-container .nav-academy .nav-link, .header-main .nav-con=
tainer .nav-support .nav-link { white-space: nowrap; }
  .header-main .nav-container .is-left .nav-link { align-items: center; dis=
play: flex; height: 100%; }
  .header-main .nav-container .extend-link { align-items: center; box-sizin=
g: border-box; color: rgb(0, 0, 0); cursor: pointer; display: flex; font-si=
ze: 14px; font-weight: 500; height: unset; line-height: 20px; padding: 12px=
 16px; white-space: nowrap; }
  .header-main .nav-container .extend-link:hover { background: rgb(249, 249=
, 249); border-radius: 4px; color: rgb(0, 0, 0); }
  .header-main .nav-container .other-wrap { box-sizing: border-box; cursor:=
 pointer; display: flex; line-height: 48px; padding: 0px 10px; position: re=
lative; width: 40px; }
  .header-main .nav-container .other-wrap .icon { color: rgb(250, 250, 250)=
; font-size: 20px; }
  .header-main .nav-container .other-wrap .drop-c-right-align { overflow: v=
isible; padding: 0px 24px; right: 0px; top: 58px; }
  .header-main .nav-container .other-wrap:hover .drop-c-right-align { opaci=
ty: 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); heigh=
t: 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 { d=
isplay: none; }
  .header-main .column-nav-container .mode-xl-line, .header-main .column-na=
v-container .nav-academy, .header-main .column-nav-container .nav-balance, =
.header-main .column-nav-container .nav-buy, .header-main .column-nav-conta=
iner .nav-custom, .header-main .column-nav-container .nav-dashboard, .heade=
r-main .column-nav-container .nav-earn, .header-main .column-nav-container =
.nav-explorer .nav-nft, .header-main .column-nav-container .nav-institution=
s, .header-main .column-nav-container .nav-language, .header-main .column-n=
av-container .nav-market, .header-main .column-nav-container .nav-mobile-do=
wnload, .header-main .column-nav-container .nav-mode, .header-main .column-=
nav-container .nav-more, .header-main .column-nav-container .nav-okc, .head=
er-main .column-nav-container .nav-site-flag, .header-main .column-nav-cont=
ainer .nav-trade, .header-main .column-nav-container .nav-user, .header-mai=
n .column-nav-container .other-wrap, .header-main .column-nav-container .pc=
-mode, .header-main .column-nav-container .profile-wrap, .header-main .colu=
mn-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: bloc=
k; }
  .header-main .column-nav-container, .header-main .column-nav-container .m=
ode-no-login { display: none; }
  .header-main.active .column-nav-container { background: rgb(18, 18, 18); =
box-shadow: rgba(14, 32, 66, 0.15) 0px 12px 60px, rgba(14, 32, 66, 0.05) 0p=
x 1px 2px; display: flex; height: 100%; position: fixed; right: 0px; transf=
orm: translateZ(0px); width: 376px; z-index: 9500; }
  .header-main.active .column-nav-container .nav-scroll-box { display: bloc=
k; flex-direction: column; height: 95%; justify-content: unset; overflow: s=
croll; 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; di=
splay: flex; flex-flow: wrap; justify-content: flex-start; padding: 0px; wi=
dth: 100%; }
  .header-main.active .column-nav-container .nav-item .icon-img { display: =
none; }
  .header-main.active .column-nav-container .nav-item.show-more .mu-txt::be=
fore, .header-main.active .column-nav-container .nav-item.show-more .user-a=
rrow { transform: rotate(-180deg); }
  .header-main.active .column-nav-container .nav-item.show-more .dp-c-l-ag,=
 .header-main.active .column-nav-container .nav-item.show-more .drop-c-righ=
t-align { display: block; }
  .header-main.active .column-nav-container .nav-item.show-more .nav-item.p=
anel-nav-item.panel-col { display: flex; }
  .header-main.active .column-nav-container .nav-item .nav-link, .header-ma=
in.active .column-nav-container .nav-item .nav-text { align-items: center; =
color: rgb(250, 250, 250); cursor: pointer; display: flex; flex-grow: 1; fo=
nt-size: 18px; height: 52px; line-height: unset; padding: 17px 0px; }
  .header-main.active .column-nav-container .nav-item .nav-link.mu-txt, .he=
ader-main.active .column-nav-container .nav-item .nav-text.mu-txt { justify=
-content: space-between; }
  .header-main.active .column-nav-container .nav-item .nav-link.mu-txt::bef=
ore, .header-main.active .column-nav-container .nav-item .nav-text.mu-txt::=
before { font-size: 14px; order: 5; }
  .header-main.active .column-nav-container .nav-item .nav-link:active, .he=
ader-main.active .column-nav-container .nav-item .nav-text:active { color: =
rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .mu-txt::before, .hea=
der-main.active .column-nav-container .nav-item .user-arrow { color: rgb(14=
4, 144, 144); cursor: pointer; display: inline-block; margin-left: 4px; mar=
gin-right: 0px; padding: 20px 0px; transform: rotate(0deg); }
  .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 .ex=
tend-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-a=
g .box-item .nav-hot-tag.only-column, .header-main.active .column-nav-conta=
iner .nav-item .dp-c-l-ag .box-item .nav-new-tag, .header-main.active .colu=
mn-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-a=
g .extend-link .nav-hot-tag.only-column, .header-main.active .column-nav-co=
ntainer .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, .header-m=
ain.active .column-nav-container .nav-item .drop-c-right-align { 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 .info-exte=
nd-box, .header-main.active .column-nav-container .nav-item .drop-c-right-a=
lign .info-extend-box { flex-direction: column; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .info-exte=
nd-box .item-title, .header-main.active .column-nav-container .nav-item .dr=
op-c-right-align .info-extend-box .item-title { color: rgb(227, 227, 227); =
display: inline-flex; font-size: 16px; height: 44px; padding: 14px 0px; wid=
th: 100%; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .info-exte=
nd-box .item-title:hover, .header-main.active .column-nav-container .nav-it=
em .drop-c-right-align .info-extend-box .item-title:hover { background: tra=
nsparent; color: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .info-exte=
nd-box .tab-ms, .header-main.active .column-nav-container .nav-item .drop-c=
-right-align .info-extend-box .tab-ms { color: rgb(100, 111, 132); font-siz=
e: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x, .header-main.active .column-nav-container .nav-item .drop-c-right-align =
.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 .extend-bo=
x .box-title, .header-main.active .column-nav-container .nav-item .dp-c-l-a=
g .extend-box .desc-box, .header-main.active .column-nav-container .nav-ite=
m .dp-c-l-ag .extend-box .icon-box, .header-main.active .column-nav-contain=
er .nav-item .drop-c-right-align .extend-box .box-title, .header-main.activ=
e .column-nav-container .nav-item .drop-c-right-align .extend-box .desc-box=
, .header-main.active .column-nav-container .nav-item .drop-c-right-align .=
extend-box .icon-box { display: none; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item, .header-main.active .column-nav-container .nav-item .drop-c-ri=
ght-align .extend-box .box-item { height: 44px; margin: 0px; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title, .header-main.active .column-nav-container .nav-ite=
m .drop-c-right-align .extend-box .box-item .item-title { color: rgb(227, 2=
27, 227); display: inline-flex; font-size: 16px; height: 44px; padding: 14p=
x 0px; width: 100%; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title:hover, .header-main.active .column-nav-container .n=
av-item .drop-c-right-align .extend-box .box-item .item-title:hover { backg=
round: transparent; color: rgb(250, 250, 250); }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title.item-panel-drop-title, .header-main.active .column-=
nav-container .nav-item .drop-c-right-align .extend-box .box-item .item-tit=
le.item-panel-drop-title { max-width: 270px; overflow: hidden; text-overflo=
w: ellipsis; white-space: nowrap; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-bo=
x .box-item .item-title.title-without-tag, .header-main.active .column-nav-=
container .nav-item .drop-c-right-align .extend-box .box-item .item-title.t=
itle-without-tag { display: inline-block; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-sm=
all-box .box-item, .header-main.active .column-nav-container .nav-item .dro=
p-c-right-align .extend-small-box .box-item { color: rgb(227, 227, 227); di=
splay: inline-flex; font-size: 16px; height: 44px; margin: 0px; padding: 14=
px 0px; width: 100%; }
  .header-main.active .column-nav-container .nav-item .dp-c-l-ag .extend-sm=
all-box .box-item:hover, .header-main.active .column-nav-container .nav-ite=
m .drop-c-right-align .extend-small-box .box-item:hover { background: trans=
parent; color: rgb(250, 250, 250); }
  .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 .icon { font-size:=
 16px; margin-left: 4px; position: relative; top: 1px; }
  .header-main.active .column-nav-container .nav-scroll-box .asset-bottom-l=
ine, .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 .pro=
file-wrap, .header-main.active .column-nav-container.asset-active .nav-scro=
ll-box .nav-item.is-left, .header-main.active .column-nav-container.asset-a=
ctive .nav-scroll-box .nav-item.nav-mode, .header-main.active .column-nav-c=
ontainer.asset-active .nav-scroll-box .nav-language-column, .header-main.ac=
tive .column-nav-container.asset-active .nav-scroll-box .nav-mobile-downloa=
d { display: none; }
  .header-main.active .column-nav-container.asset-active .nav-scroll-box .a=
sset-bottom-line, .header-main.active .column-nav-container.asset-active .n=
av-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=3D"0"] .column-nav-container { displ=
ay: 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, .hea=
der-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: hidde=
n; }
}

@media (min-width: 1024px) and (max-width: 1288px) {
  .header-main .other-language-left-section-zh { opacity: 0; visibility: hi=
dden; }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  .header-main .other-language-left-section-en { opacity: 0; visibility: hi=
dden; }
}

@media (min-width: 1024px) and (max-width: 1310px) {
  .header-main .okc-other-language-left-section-zh { opacity: 0; visibility=
: hidden; }
}

@media (min-width: 1024px) and (max-width: 1390px) {
  .header-main .okc-other-language-left-section-en { opacity: 0; visibility=
: hidden; }
}

@media (min-width: 1024px) and (max-width: 1352px) {
  .header-main .web3-other-language-left-section-zh { opacity: 0; visibilit=
y: hidden; }
}

@media (min-width: 1024px) and (max-width: 1488px) {
  .header-main .web3-other-language-left-section-en { opacity: 0; visibilit=
y: hidden; }
}

@media (min-width: 1024px) and (max-width: 1460px) {
  .header-main .tr-other-language-left-section-en { opacity: 0; visibility:=
 hidden; }
}

.body-wrap { overflow: hidden; }

body .header-container { min-width: 320px; }

body .header-container * { box-sizing: border-box; }

body .header-container .header-wrap { background: rgb(18, 18, 18); height: =
48px; width: 100%; }

body .header-container .header-wrap .header-main { display: flex; height: 4=
8px; justify-content: space-between; position: relative; visibility: visibl=
e; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main { margin: 0px auto; padd=
ing: 0px 24px; visibility: visible; }
  body .header-container .header-wrap .header-main .gas-container, body .he=
ader-container .header-wrap .header-main .nav-r-sec .nav-r-con { height: 48=
px; }
  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 { disp=
lay: none; }
}

body .header-container .header-wrap .header-main .action-container .header-=
menu-btn { width: 20px; }

body .header-container .header-wrap .header-main .action-container .header-=
menu-btn::before { color: rgb(250, 250, 250); display: inline-block; font-s=
ize: 20px; padding: 14px 0px; }

body .header-container .header-wrap .header-main.active .column-nav-contain=
er { top: 0px; width: 100%; z-index: 9500; }

@media (min-width: 768px) {
  body .header-container .header-wrap .header-main.active .column-nav-conta=
iner { width: 376px; }
}

body .header-container .header-wrap .header-main.active .column-nav-contain=
er .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-conta=
iner .action-container { right: 24px; }
}

body .header-container .header-wrap .header-main.active .column-nav-contain=
er .action-container .header-menu-btn::before { color: rgb(144, 144, 144); =
}

body .header-container .header-wrap .header-main.active .nav-r-sec .nav-r-c=
on { display: flex; }

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main.active .nav-r-sec .nav-r=
-con .nav-gas { display: flex; }
}

body .header-main .nav-new-tag { align-items: flex-start; background: rgb(1=
88, 255, 47); border-radius: 3px; color: rgb(0, 0, 0); display: inline-flex=
; flex-direction: row; flex-shrink: 0; font-size: 12px; height: 16px; justi=
fy-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 { 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); pa=
dding-right: calc(50% - 480px); }
}

@media (min-width: 1270px) {
  body .header-container .header-wrap { padding-left: calc(50% - 624px); pa=
dding-right: calc(50% - 624px); }
}

@media (max-width: 1023px) {
  body .header-container { min-height: 48px; }
  body .header-container .header-wrap { background: rgb(18, 18, 18); height=
: 48px; position: fixed; top: 0px; width: 100%; z-index: 9500; }
  body .header-container .header-wrap.header-with-banner { position: static=
; }
  body .header-container .header-wrap .header-main { box-sizing: border-box=
; padding-left: 8px; padding-right: 8px; width: 100%; }
}

@media (max-width: 1023px) and (min-width: 768px) {
  body .header-container .header-wrap .header-main { box-sizing: border-box=
; padding-left: 12px; padding-right: 12px; width: 100%; }
}

@media (max-width: 1023px) and (min-width: 1024px) {
  body .header-container .header-wrap .header-main { box-sizing: border-box=
; padding-left: 12px; padding-right: 12px; width: 100%; }
}

@media (max-width: 1023px) and (min-width: 1270px) {
  body .header-container .header-wrap .header-main { box-sizing: border-box=
; padding-left: 12px; padding-right: 12px; width: 100%; }
}

@media (min-width: 1024px) {
  body .header-container { min-height: 48px; width: 100%; }
  body .header-container .header-wrap { padding-left: 0px; padding-right: 0=
px; 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: 0=
px; 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::befo=
re { 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: 1=
6px; 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 { backg=
round: rgba(255, 255, 255, 0.15); }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .asset-bottom-line { dis=
play: none; }
}

body .header-container .header-wrap .header-main.is-login .header-line { he=
ight: 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-conta=
iner.asset-active .asset-bottom-line { border-bottom: none; 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: none; height: 1px; margin: 6px 0p=
x; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .trade-line { display: n=
one; }
}

.header-container[data-transparent=3D"true"] { background: transparent; hei=
ght: 0px; }

.header-container[data-transparent=3D"true"] .header-wrap { background: tra=
nsparent; }

.header-container[data-transparent=3D"true"][data-scroll=3D"false"] .header=
-wrap, .header-container[data-transparent=3D"true"][data-scroll=3D"true"] .=
header-wrap { transition: all 0.2s ease 0s; }

.header-container[data-transparent=3D"true"][data-scroll=3D"true"] .header-=
wrap { background: rgb(18, 18, 18); }

@media (min-width: 1024px) {
  .header-container[data-transparent=3D"true"] { background: transparent; m=
in-height: 48px; position: absolute; top: 0px; width: 100%; z-index: 9500; =
}
  .header-container[data-transparent=3D"true"][data-scroll=3D"true"] .heade=
r-wrap { background: transparent; }
}

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(10=
2, 102, 102); cursor: pointer; height: 48px; margin-right: 5px; overflow: h=
idden; text-align: left; }

body .header-container .header-wrap .header-main .logo-wrap .logo-img { hei=
ght: 36px; margin-top: 6px; width: 82px; }

body .header-container .header-wrap .header-main .logo-wrap .tr-logo-img { =
height: 27px; margin-top: 9px; 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: i=
nline-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 { d=
isplay: none; }
}

body .header-container .header-wrap .header-main .mode-logo .mode-quote { b=
ackground: rgb(250, 250, 250); border-radius: 2px; display: inline-block; h=
eight: 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); b=
order-radius: 4px; cursor: pointer; display: none; height: 28px; margin-lef=
t: 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, b=
ody .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 .active { ba=
ckground: 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 { disp=
lay: flex; justify-content: space-between; padding: 16px 0px 4px; width: 10=
0%; }

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-i=
tem { flex: 1 1 0%; }

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-i=
tem .item-box { background: rgb(36, 36, 36); border-radius: 20px; margin-bo=
ttom: 16px; padding: 10px 16px; }

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-i=
tem .item-box .item-title { color: rgb(250, 250, 250); font-size: 14px; fon=
t-weight: 500; height: unset; line-height: 16px; padding: unset; text-align=
: center; }

body .header-container .header-wrap .header-main .nav-mode .mode-box .box-i=
tem + .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-mod=
e.mode-okex .box-item .item-okex { border: 1px solid rgb(250, 250, 250); }

body .header-container .header-wrap .header-main.active.not-login .logo-con=
tainer { display: none; }

@media (min-width: 768px) {
  body .header-container .header-wrap .header-main.active.not-login .logo-c=
ontainer { 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; transition: all 0.5s ease 0s; }
  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 { white-space: nowra=
p; }
}

body .header-container .header-wrap .header-main .custom-logo { display: no=
ne; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .custom-logo { align-ite=
ms: center; display: flex; }
}

body .header-container .header-wrap .header-main .nav-custom { display: non=
e; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-custom { display: f=
lex; }
}

body .header-container .header-wrap .header-main .nav-custom .hide-link { d=
isplay: 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-bo=
x, 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-righ=
t-align { min-width: 152px; padding: 12px; 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 .na=
v-custom .extend-link .icon.icon-wechat2 { color: rgb(0, 0, 0); display: no=
ne; }
  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 .h=
eader-container .header-wrap .header-main .community-link { position: relat=
ive; }
  body .header-container .header-wrap .header-main .community-item .wechat-=
box, body .header-container .header-wrap .header-main .community-link .wech=
at-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-support=
-text { display: none; }
  body .header-container .header-wrap .header-main .nav-custom .vip-con { b=
order-bottom: 1px solid rgb(235, 235, 235); margin-bottom: 6px; padding-bot=
tom: 6px; }
  body .header-container .header-wrap .header-main .nav-custom .vip-con .vi=
p-support-btn { align-items: center; background: rgb(0, 0, 0); border: none=
; border-radius: 14px; color: rgb(255, 233, 175); cursor: pointer; display:=
 flex; font-size: 12px; font-weight: 400; justify-content: center; line-hei=
ght: 16px; margin-bottom: 10px; margin-top: 12px; padding: 6px 16px; }
  body .header-container .header-wrap .header-main .nav-custom .vip-con .vi=
p-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-contain=
er .nav-custom { display: flex; flex-direction: row-reverse; justify-conten=
t: flex-end; line-height: unset; }

body .header-container .header-wrap .header-main.active .column-nav-contain=
er .nav-custom .extend-link .icon { display: none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main.active .column-nav-conta=
iner .nav-custom { display: flex; }
  body .header-container .header-wrap .header-main.active .column-nav-conta=
iner .nav-custom .custom-logo { display: none; }
  body .header-container .header-wrap .header-main.active .column-nav-conta=
iner .nav-custom .user-arrow, body .header-container .header-wrap .header-m=
ain.active .column-nav-container .nav-custom .user-support-text { display: =
block; }
}

.dp-c-l-ag .extend-box .drop-menu-desc-list { display: none; }

@media (min-width: 1024px) {
  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 { overflo=
w: 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; disp=
lay: 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-men=
u-item { border-radius: 4px; box-sizing: border-box; color: rgb(0, 0, 0); d=
isplay: block; font-size: 14px; font-weight: 400; line-height: 16px; paddin=
g: 11px 4px 11px 21px; position: relative; }
  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-men=
u-item::before { background: rgb(0, 0, 0); border-radius: 50%; content: "";=
 display: block; font-size: 12px; height: 5px; left: 8px; position: absolut=
e; 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-men=
u-item:hover { background: rgb(249, 249, 249); }
  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-men=
u-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-men=
u-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; displ=
ay: 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: 1=
72px; }
  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); di=
splay: 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::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: rgb(249, 249, 249); }
  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-market .dp-c-l-ag .ex=
tend-box .box-item.hide-header-item { display: none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-container .nav-mark=
et .dp-c-l-ag { left: -2px; }
  body .header-container .header-wrap .header-main .nav-container .nav-mark=
et .dp-c-l-ag .extend-box { min-width: 156px; }
  body .header-container .header-wrap .header-main .nav-container .nav-mark=
et .dp-c-l-ag .extend-box .box-item { align-items: center; max-width: 400px=
; }
  body .header-container .header-wrap .header-main .nav-container .nav-mark=
et .dp-c-l-ag .extend-box .box-item.hide-header-item { display: none; }
  body .header-container .header-wrap .header-main .nav-container .nav-mark=
et .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-mark=
et .dp-c-l-ag { max-width: 700px; }
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-container .nav-inst=
itutions .dp-c-l-ag { left: 50%; padding-bottom: 12px; padding-top: 12px; t=
ransform: translateX(-50%); }
  body .header-container .header-wrap .header-main .nav-container .nav-inst=
itutions .dp-c-l-ag .extend-box { min-width: 156px; }
  body .header-container .header-wrap .header-main .nav-container .nav-inst=
itutions .dp-c-l-ag .extend-box .box-item { align-items: center; max-width:=
 420px; }
  body .header-container .header-wrap .header-main .nav-container .nav-inst=
itutions .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; }
}

@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.not-login .nav-more .extend-small-box .=
box-item.item-rewards { display: none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box { margin-right: 0px; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .box-item { display: flex; margin: unset; max-widt=
h: 342px; transition: all 0.5s ease 0s; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .box-item .icon-box { margin-right: 8px; margin-to=
p: -4px; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .box-item .item-box { display: flex; flex-directio=
n: column; width: 100%; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .box-item .item-box.hide { display: none; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .box-item .item-box.show, 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-trad=
e .dp-c-l-ag { left: 50%; padding-bottom: 12px; padding-top: 12px; transfor=
m: translateX(-50%); }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag.drop-panel { overflow: visible; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box { min-width: 320px; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box.drop-extend-box { min-width: auto; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .box-item { align-items: center; max-width: 400px;=
 }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .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-trad=
e .dp-c-l-ag .extend-box .box-item .item-box .item-panel-drop-desc { overfl=
ow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box:last-child { margin-right: 0px; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .drop-menu-desc-list { box-sizing: border-box; dis=
play: flex; padding-left: 52px; width: 100%; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .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-trad=
e .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item.drop-men=
u-reverse-list { display: flex; flex-direction: column-reverse; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-me=
nu-item { border-radius: 4px; box-sizing: border-box; color: rgb(0, 0, 0); =
display: block; font-size: 14px; font-weight: 400; line-height: 16px; paddi=
ng: 11px 4px 11px 21px; position: relative; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-me=
nu-item::before { background: rgb(0, 0, 0); border-radius: 50%; content: ""=
; display: block; font-size: 12px; height: 5px; left: 8px; position: absolu=
te; top: 16px; width: 5px; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-me=
nu-item:hover { background: rgb(249, 249, 249); }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-me=
nu-item .nav-new-tag { margin-left: 0px; }
  body .header-container .header-wrap .header-main .nav-container .nav-trad=
e .dp-c-l-ag .extend-box .drop-menu-desc-list .drop-menu-list-item .drop-me=
nu-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-trad=
e .dp-c-l-ag { max-width: 700px; }
}

body .header-container .header-wrap .header-main .nav-notice { display: non=
e; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-notice { display: f=
lex; }
}

body .header-container .header-wrap .header-main .nav-notice { position: st=
atic; }

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; disp=
lay: none; height: 6px; position: absolute; right: 0px; top: 14px; width: 6=
px; }

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 .notice-item { box-sizing: border-box; curso=
r: pointer; display: inline-block; padding: 12px 20px; width: 100%; }

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-=
align .notice-box .notice-list .notice-item:hover { background: rgb(247, 24=
7, 247); }

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-=
align .notice-box .notice-list .notice-item:hover .item-title { color: rgb(=
0, 76, 255); }

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, 14=
6, 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, 76, 255); display: inline-bl=
ock; font-size: 12px; font-weight: 500; line-height: 18px; padding: 12px 18=
px; width: 100%; }

body .header-container .header-wrap .header-main .nav-notice .drop-c-right-=
align .notice-empty { align-items: center; display: flex; flex-direction: c=
olumn; 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-bott=
om: 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: 12p=
x; font-weight: 500; line-height: 18px; }

body .header-container .header-wrap .header-main .nav-download { display: n=
one; padding-left: 0px; width: 30px; }

@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-righ=
t-align { left: 50%; min-width: 180px; padding: 4px; transform: translateX(=
-50%); }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box { display: flex; flex-direction: column; }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box .qr-box { align-items: center; display: flex; flex-di=
rection: column; flex-shrink: 0; padding: 20px 0px; }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box .qr-box .qr-code-desc { color: rgb(0, 0, 0); font-siz=
e: 12px; font-weight: 600; line-height: 16px; margin-bottom: 6px; white-spa=
ce: nowrap; }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box .qr-box .img-box { height: 100px; width: 100px; }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box .qr-box .img-box .qr-code-img { display: block; heigh=
t: 100%; width: 100%; }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box .pc-box { align-items: center; background: rgb(247, 2=
47, 247); border-radius: 2px; display: flex; flex-direction: column; paddin=
g: 8px; }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box .pc-box .download-btn { background: rgb(255, 255, 255=
); border: 0.5px solid rgb(219, 219, 219); border-radius: 14px; box-sizing:=
 border-box; color: rgb(0, 0, 0); font-size: 12px; line-height: 16px; margi=
n-bottom: 8px; padding: 3px 14px; }

body .header-container .header-wrap .header-main .nav-download .drop-c-righ=
t-align .download-box .pc-box .download-desc { color: rgb(146, 146, 146); f=
ont-size: 12px; line-height: 16px; 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%; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-mobile-download { d=
isplay: none; }
}

body .header-container .header-wrap .header-main.active .nav-mobile-downloa=
d { display: block; }

@media (min-width: 1270px) {
  body .header-container .header-wrap .header-main.active .nav-mobile-downl=
oad { display: none; }
}

body .header-container .header-wrap .header-main .nav-language { display: n=
one; padding-right: 0px; position: relative; width: 32px; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-language, body .hea=
der-container .header-wrap .header-main .nav-language .now-language { displ=
ay: flex; }
}

body .header-container .header-wrap .header-main.active .nav-r-sec .nav-lan=
guage { display: none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main.active .nav-r-sec .nav-l=
anguage { display: flex; }
}

body .header-container .header-wrap .header-main.active .nav-r-sec .nav-lan=
guage-column { display: flex; }

@media (min-width: 1024px) {
  body .header-main .nav-buy { order: 1; }
  body .header-main .nav-market { order: 2; }
  body .header-main .nav-trade { order: 3; }
  body .header-main .nav-earn { order: 4; }
  body .header-main .nav-academy, body .header-main .nav-institutions, body=
 .header-main .nav-okc { 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 { ord=
er: 8; }
  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-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-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 .nav-address { order: 10; }
  body .header-main .nav-gas { order: 11; }
  body .header-main .mode-line, body .header-main .mode-xl-line { order: 12=
; }
  body .header-main .action-container { order: 20; }
}

body .header-container .header-wrap .header-main .mode-line { background: r=
gba(255, 255, 255, 0.15); height: 16px; margin: 16px; width: 1px; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .mode-line { margin: 16p=
x 20px 16px 10px; }
}

body .header-container .header-wrap .header-main .nav-gas { display: none; =
}

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-gas { display: flex=
; }
  body .header-container .header-wrap .header-main .nav-gas .gas-span { whi=
te-space: nowrap; }
}

body .header-container .header-wrap .header-main .nav-address { display: fl=
ex; flex-shrink: 0; }

body .header-container .header-wrap .header-main .nav-dashboard, body .head=
er-container .header-wrap .header-main .nav-defi-trade, body .header-contai=
ner .header-wrap .header-main .nav-discovery, body .header-container .heade=
r-wrap .header-main .nav-doc, body .header-container .header-wrap .header-m=
ain .nav-explorer, body .header-container .header-wrap .header-main .nav-in=
vest, body .header-container .header-wrap .header-main .nav-nft { display: =
none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-dashboard, body .he=
ader-container .header-wrap .header-main .nav-defi-trade, body .header-cont=
ainer .header-wrap .header-main .nav-discovery, body .header-container .hea=
der-wrap .header-main .nav-doc, body .header-container .header-wrap .header=
-main .nav-explorer, body .header-container .header-wrap .header-main .nav-=
invest, body .header-container .header-wrap .header-main .nav-nft { display=
: flex; }
}

body .header-container .header-wrap .header-main .nav-tag-testnet { align-i=
tems: flex-start; background: rgb(61, 61, 61); border-radius: 3px; color: r=
gb(255, 255, 255); display: flex; flex-direction: row; flex-shrink: 0; font=
-size: 12px; height: 16px; justify-content: center; line-height: 12px; marg=
in: auto 0px auto 2px; padding: 2px 3px; transform: scale(0.875); }

body .header-container .header-wrap .header-main .nav-gas.hide-gas { displa=
y: none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main .nav-container .nav-doc =
.extend-box { min-width: 276px; }
  body .header-container .header-wrap .header-main .nav-container .nav-doc =
.extend-box .box-item { display: flex; margin: unset; max-width: 342px; tra=
nsition: all 0.5s ease 0s; }
  body .header-container .header-wrap .header-main .nav-container .nav-doc =
.extend-box .box-item .icon-box { margin-top: -4px; }
  body .header-container .header-wrap .header-main .nav-container .nav-doc =
.extend-box .box-item .item-box { display: flex; flex-direction: column; wi=
dth: 100%; }
  body .header-container .header-wrap .header-main .nav-container .nav-doc =
.extend-box .box-item .item-box .item-title { white-space: nowrap; }
}

body .header-container .header-wrap .header-main.active .column-nav-contain=
er .nav-gas { display: flex; }

body .header-container .header-wrap .header-main.active .column-nav-contain=
er .nav-gas.hide-gas { display: none; }

body .header-container .header-wrap .header-main.active .column-nav-contain=
er .mode-no-login, body .header-container .header-wrap .header-main.active =
.column-nav-container .nav-dashboard, body .header-container .header-wrap .=
header-main.active .column-nav-container .nav-defi-trade, body .header-cont=
ainer .header-wrap .header-main.active .column-nav-container .nav-discovery=
, body .header-container .header-wrap .header-main.active .column-nav-conta=
iner .nav-doc, body .header-container .header-wrap .header-main.active .col=
umn-nav-container .nav-explorer, body .header-container .header-wrap .heade=
r-main.active .column-nav-container .nav-invest, body .header-container .he=
ader-wrap .header-main.active .column-nav-container .nav-nft { display: fle=
x; }

body .header-container .header-wrap .header-main.active .nav-address { disp=
lay: none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main.active .nav-address { di=
splay: flex; flex-shrink: 0; }
}

body .header-container .header-wrap .header-main.active .mode-line.has-addr=
ess { display: none; }

@media (min-width: 1024px) {
  body .header-container .header-wrap .header-main.active .mode-line.has-ad=
dress { display: block; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"] .nav-container .action-container { display: inline-block; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"] .column-nav-container .nav-item, body .header-container .hea=
der-wrap .header-main[data-from=3D"1"][data-shrink=3D"true"] .column-nav-co=
ntainer .user-no-login { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"] .column-nav-container .nav-mode { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"1"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"1"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"1"][data-shrink=3D"true"][dat=
a-shrink-step=3D"1"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"1"][data-shrink=3D"true"][data-shrink=
-step=3D"1"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-custom, b=
ody .header-container .header-wrap .header-main[data-from=3D"1"][data-shrin=
k=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-language-col=
umn, body .header-container .header-wrap .header-main[data-from=3D"1"][data=
-shrink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-mobile=
-download { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .nav-container .nav-academy, body .h=
eader-container .header-wrap .header-main[data-from=3D"1"][data-shrink=3D"t=
rue"][data-shrink-step=3D"2"] .nav-container .nav-custom, body .header-cont=
ainer .header-wrap .header-main[data-from=3D"1"][data-shrink=3D"true"][data=
-shrink-step=3D"2"] .nav-container .nav-download, body .header-container .h=
eader-wrap .header-main[data-from=3D"1"][data-shrink=3D"true"][data-shrink-=
step=3D"2"] .nav-container .nav-language, body .header-container .header-wr=
ap .header-main[data-from=3D"1"][data-shrink=3D"true"][data-shrink-step=3D"=
2"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-academy, =
body .header-container .header-wrap .header-main[data-from=3D"1"][data-shri=
nk=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-custom, bod=
y .header-container .header-wrap .header-main[data-from=3D"1"][data-shrink=
=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-language-colu=
mn, body .header-container .header-wrap .header-main[data-from=3D"1"][data-=
shrink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-mobile-=
download { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"1"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"3"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"1"][data-shrink=3D"true"][dat=
a-shrink-step=3D"3"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"1"][data-shrink=3D"true"][data-shrink=
-step=3D"3"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-l-sec { opacity:=
 0; visibility: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .is-left, body=
 .header-container .header-wrap .header-main[data-from=3D"1"][data-shrink=
=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-academy, body=
 .header-container .header-wrap .header-main[data-from=3D"1"][data-shrink=
=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-custom, body =
.header-container .header-wrap .header-main[data-from=3D"1"][data-shrink=3D=
"true"][data-shrink-step=3D"3"] .column-nav-container .nav-language-column,=
 body .header-container .header-wrap .header-main[data-from=3D"1"][data-shr=
ink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-mobile-dow=
nload, body .header-container .header-wrap .header-main[data-from=3D"1"][da=
ta-shrink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .user-no-=
login { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-custom,=
 body .header-container .header-wrap .header-main[data-from=3D"1"][data-shr=
ink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-download=
, body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-languag=
e, body .header-container .header-wrap .header-main[data-from=3D"1"][data-s=
hrink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-notice=
 { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-l-sec {=
 overflow: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-l-sec .=
nav-link, body .header-container .header-wrap .header-main[data-from=3D"1"]=
[data-shrink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav=
-l-sec .nav-text, body .header-container .header-wrap .header-main[data-fro=
m=3D"1"][data-shrink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-contai=
ner .nav-l-sec .user-arrow { opacity: 0; visibility: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"1"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .column-nav-container .user=
-no-login, body .header-container .header-wrap .header-main[data-from=3D"1"=
][data-shrink=3D"true"][data-shrink-step=3D"0"] .column-nav-container { dis=
play: none; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"] .nav-container .action-container { display: inline-block; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"] .column-nav-container .nav-item { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"] .column-nav-container .mode-chain { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"1"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"true"][dat=
a-shrink-step=3D"1"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"2"][data-shrink=3D"true"][data-shrink=
-step=3D"1"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-custom, b=
ody .header-container .header-wrap .header-main[data-from=3D"2"][data-shrin=
k=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-language-col=
umn, body .header-container .header-wrap .header-main[data-from=3D"2"][data=
-shrink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-mobile=
-download { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"2"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"true"][dat=
a-shrink-step=3D"2"] .nav-container .nav-gas, body .header-container .heade=
r-wrap .header-main[data-from=3D"2"][data-shrink=3D"true"][data-shrink-step=
=3D"2"] .nav-container .nav-language, body .header-container .header-wrap .=
header-main[data-from=3D"2"][data-shrink=3D"true"][data-shrink-step=3D"2"] =
.nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-academy, =
body .header-container .header-wrap .header-main[data-from=3D"2"][data-shri=
nk=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-custom, bod=
y .header-container .header-wrap .header-main[data-from=3D"2"][data-shrink=
=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-gas, body .he=
ader-container .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"2"] .column-nav-container .nav-language-column, bo=
dy .header-container .header-wrap .header-main[data-from=3D"2"][data-shrink=
=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-mobile-downlo=
ad { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"3"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"true"][dat=
a-shrink-step=3D"3"] .nav-container .nav-gas, body .header-container .heade=
r-wrap .header-main[data-from=3D"2"][data-shrink=3D"true"][data-shrink-step=
=3D"3"] .nav-container .nav-language, body .header-container .header-wrap .=
header-main[data-from=3D"2"][data-shrink=3D"true"][data-shrink-step=3D"3"] =
.nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-l-sec { opacity:=
 0; visibility: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-academy, =
body .header-container .header-wrap .header-main[data-from=3D"2"][data-shri=
nk=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-custom, bod=
y .header-container .header-wrap .header-main[data-from=3D"2"][data-shrink=
=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-gas, body .he=
ader-container .header-wrap .header-main[data-from=3D"2"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"3"] .column-nav-container .nav-item.is-left, body =
.header-container .header-wrap .header-main[data-from=3D"2"][data-shrink=3D=
"true"][data-shrink-step=3D"3"] .column-nav-container .nav-language-column,=
 body .header-container .header-wrap .header-main[data-from=3D"2"][data-shr=
ink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-mobile-dow=
nload { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"2"][data-sh=
rink=3D"true"][data-shrink-step=3D"0"] .column-nav-container { display: non=
e; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"] .nav-container .action-container { display: inline-block; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"] .column-nav-container .nav-item { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"] .column-nav-container .nav-mode { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"3"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"1"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"3"][data-shrink=3D"true"][dat=
a-shrink-step=3D"1"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"3"][data-shrink=3D"true"][data-shrink=
-step=3D"1"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-custom, b=
ody .header-container .header-wrap .header-main[data-from=3D"3"][data-shrin=
k=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-language-col=
umn, body .header-container .header-wrap .header-main[data-from=3D"3"][data=
-shrink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-mobile=
-download { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .nav-container .nav-academy, body .h=
eader-container .header-wrap .header-main[data-from=3D"3"][data-shrink=3D"t=
rue"][data-shrink-step=3D"2"] .nav-container .nav-custom, body .header-cont=
ainer .header-wrap .header-main[data-from=3D"3"][data-shrink=3D"true"][data=
-shrink-step=3D"2"] .nav-container .nav-download, body .header-container .h=
eader-wrap .header-main[data-from=3D"3"][data-shrink=3D"true"][data-shrink-=
step=3D"2"] .nav-container .nav-language, body .header-container .header-wr=
ap .header-main[data-from=3D"3"][data-shrink=3D"true"][data-shrink-step=3D"=
2"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-academy, =
body .header-container .header-wrap .header-main[data-from=3D"3"][data-shri=
nk=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-custom, bod=
y .header-container .header-wrap .header-main[data-from=3D"3"][data-shrink=
=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-language-colu=
mn, body .header-container .header-wrap .header-main[data-from=3D"3"][data-=
shrink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-mobile-=
download { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"3"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"3"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"3"][data-shrink=3D"true"][dat=
a-shrink-step=3D"3"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"3"][data-shrink=3D"true"][data-shrink=
-step=3D"3"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-l-sec { opacity:=
 0; overflow: hidden; visibility: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .is-left, body=
 .header-container .header-wrap .header-main[data-from=3D"3"][data-shrink=
=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-academy, body=
 .header-container .header-wrap .header-main[data-from=3D"3"][data-shrink=
=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-custom, body =
.header-container .header-wrap .header-main[data-from=3D"3"][data-shrink=3D=
"true"][data-shrink-step=3D"3"] .column-nav-container .nav-language-column,=
 body .header-container .header-wrap .header-main[data-from=3D"3"][data-shr=
ink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-mobile-dow=
nload { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"3"][data-sh=
rink=3D"true"][data-shrink-step=3D"0"] .column-nav-container { display: non=
e; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"] .nav-container .action-container { display: inline-block; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"] .column-nav-container .nav-item, body .header-container .hea=
der-wrap .header-main[data-from=3D"4"][data-shrink=3D"true"] .column-nav-co=
ntainer .user-no-login { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"] .column-nav-container .nav-mode { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"4"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"1"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"4"][data-shrink=3D"true"][dat=
a-shrink-step=3D"1"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"4"][data-shrink=3D"true"][data-shrink=
-step=3D"1"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-custom, b=
ody .header-container .header-wrap .header-main[data-from=3D"4"][data-shrin=
k=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-language-col=
umn, body .header-container .header-wrap .header-main[data-from=3D"4"][data=
-shrink=3D"true"][data-shrink-step=3D"1"] .column-nav-container .nav-mobile=
-download { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"4"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"2"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"4"][data-shrink=3D"true"][dat=
a-shrink-step=3D"2"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"4"][data-shrink=3D"true"][data-shrink=
-step=3D"2"] .nav-container .nav-notice, body .header-container .header-wra=
p .header-main[data-from=3D"4"][data-shrink=3D"true"][data-shrink-step=3D"2=
"] .nav-container .nav-support { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-custom, b=
ody .header-container .header-wrap .header-main[data-from=3D"4"][data-shrin=
k=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-language-col=
umn, body .header-container .header-wrap .header-main[data-from=3D"4"][data=
-shrink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-mobile=
-download, body .header-container .header-wrap .header-main[data-from=3D"4"=
][data-shrink=3D"true"][data-shrink-step=3D"2"] .column-nav-container .nav-=
support { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-custom, body .he=
ader-container .header-wrap .header-main[data-from=3D"4"][data-shrink=3D"tr=
ue"][data-shrink-step=3D"3"] .nav-container .nav-download, body .header-con=
tainer .header-wrap .header-main[data-from=3D"4"][data-shrink=3D"true"][dat=
a-shrink-step=3D"3"] .nav-container .nav-language, body .header-container .=
header-wrap .header-main[data-from=3D"4"][data-shrink=3D"true"][data-shrink=
-step=3D"3"] .nav-container .nav-notice { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .nav-container .nav-l-sec { opacity:=
 0; visibility: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .is-left, body=
 .header-container .header-wrap .header-main[data-from=3D"4"][data-shrink=
=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-custom, body =
.header-container .header-wrap .header-main[data-from=3D"4"][data-shrink=3D=
"true"][data-shrink-step=3D"3"] .column-nav-container .nav-language-column,=
 body .header-container .header-wrap .header-main[data-from=3D"4"][data-shr=
ink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-mobile-dow=
nload, body .header-container .header-wrap .header-main[data-from=3D"4"][da=
ta-shrink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .nav-supp=
ort, body .header-container .header-wrap .header-main[data-from=3D"4"][data=
-shrink=3D"true"][data-shrink-step=3D"3"] .column-nav-container .user-no-lo=
gin { display: flex; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-custom,=
 body .header-container .header-wrap .header-main[data-from=3D"4"][data-shr=
ink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-download=
, body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-languag=
e, body .header-container .header-wrap .header-main[data-from=3D"4"][data-s=
hrink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-notice=
 { display: none; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-l-sec {=
 overflow: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav-l-sec .=
nav-link, body .header-container .header-wrap .header-main[data-from=3D"4"]=
[data-shrink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-container .nav=
-l-sec .nav-text, body .header-container .header-wrap .header-main[data-fro=
m=3D"4"][data-shrink=3D"true"].is-login[data-shrink-step=3D"3"] .nav-contai=
ner .nav-l-sec .user-arrow { opacity: 0; visibility: hidden; }
  body .header-container .header-wrap .header-main[data-from=3D"4"][data-sh=
rink=3D"true"].is-login[data-shrink-step=3D"3"] .column-nav-container .user=
-no-login, body .header-container .header-wrap .header-main[data-from=3D"4"=
][data-shrink=3D"true"][data-shrink-step=3D"0"] .column-nav-container { dis=
play: 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=3D"false"] .header-container { display: none; }

body[data-nav=3D"true"] .header-container { display: block; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okfe/connect-wallet/navOkc/index.33f258bd.css

@charset "utf-8";

.okx-wallet-blockchain-explorer { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-blockchain-explorer::before { content: "=EE=80=87"; font-family=
: ok-3069fce099; }

.okx-wallet-official-website { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-official-website::before { content: "=EE=80=88"; font-family: o=
k-3069fce099; }

.okx-wallet-edit { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-edit::before { content: "=EE=80=89"; font-family: ok-3069fce099=
; }

.okx-wallet-swap-white-paper { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-swap-white-paper::before { content: "=EE=80=8A"; font-family: o=
k-3069fce099; }

.okx-wallet-line-chart { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-line-chart::before { content: "=EE=80=8B"; font-family: ok-3069=
fce099; }

.okx-wallet-watch-only { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-watch-only::before { content: "=EE=80=8C"; font-family: ok-3069=
fce099; }

.okx-wallet-intermediate { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-intermediate::before { content: "=EE=80=8D"; font-family: ok-30=
69fce099; }

.okx-wallet-minus-circle { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-minus-circle::before { content: "=EE=80=8E"; font-family: ok-30=
69fce099; }

.okx-wallet-up { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-up::before { content: "=EE=80=80"; font-family: ok-3069fce099; =
}

.okx-wallet-nft { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-nft::before { content: "=EE=80=81"; font-family: ok-3069fce099;=
 }

.okx-wallet-down { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-down::before { content: "=EE=80=82"; font-family: ok-3069fce099=
; }

.okx-wallet-copy { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-copy::before { content: "=EE=80=83"; font-family: ok-3069fce099=
; }

.okx-wallet-swap { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-swap::before { content: "=EE=80=84"; font-family: ok-3069fce099=
; }

.okx-wallet-gas { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-gas::before { content: "=EE=80=85"; font-family: ok-3069fce099;=
 }

.okx-wallet-send { --ok-icon-font-family: "ok-3069fce099"; }

.okx-wallet-send::before { content: "=EE=80=86"; font-family: ok-3069fce099=
; }

@font-face { font-display: block; font-family: ok-3069fce099; font-style: n=
ormal; src: url("../fc71cfbea7860730dd04.woff2") format("woff2"); }

.wallet-okds-user { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-user::before { content: "=EE=81=BB"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-plus-circle-filled { --ok-icon-font-family: "wallet-ok-b983c47=
66d"; }

.wallet-okds-plus-circle-filled::before { content: "=EE=81=A5"; font-family=
: wallet-ok-b983c4766d; }

.wallet-okds-intermediate { --ok-icon-font-family: "wallet-ok-b983c4766d"; =
}

.wallet-okds-intermediate::before { content: "=EE=82=90"; font-family: wall=
et-ok-b983c4766d; }

.wallet-okds-arrow-chevron-left-centered-sm { --ok-icon-font-family: "walle=
t-ok-b983c4766d"; }

.wallet-okds-arrow-chevron-left-centered-sm::before { content: "=EE=80=93";=
 font-family: wallet-ok-b983c4766d; }

.wallet-okds-eye-hide { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-eye-hide::before { content: "=EE=80=BD"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-eye-show { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-eye-show::before { content: "=EE=80=BF"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-copy { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-copy::before { content: "=EE=80=B3"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-history { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-history::before { content: "=EE=81=8F"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-back-to-top { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-back-to-top::before { content: "=EE=82=8F"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-clock { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-clock::before { content: "=EE=80=A8"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-hamburger-setting { --ok-icon-font-family: "wallet-ok-b983c476=
6d"; }

.wallet-okds-hamburger-setting::before { content: "=EE=81=8C"; font-family:=
 wallet-ok-b983c4766d; }

.wallet-okds-trash { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-trash::before { content: "=EE=82=89"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-fees { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-fees::before { content: "=EE=81=80"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-open-link { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-open-link::before { content: "=EE=81=9D"; font-family: wallet-=
ok-b983c4766d; }

.wallet-okds-setting { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-setting::before { content: "=EE=81=B4"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-crown { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-crown::before { content: "=EE=82=8E"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-share { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-share::before { content: "=EE=81=B8"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-support { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-support::before { content: "=EE=82=86"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-analysis { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-analysis::before { content: "=EE=80=83"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-academy { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-academy::before { content: "=EE=80=80"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-action-reverse { --ok-icon-font-family: "wallet-ok-b983c4766d"=
; }

.wallet-okds-action-reverse::before { content: "=EE=80=81"; font-family: wa=
llet-ok-b983c4766d; }

.wallet-okds-aed { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-aed::before { content: "=EE=80=82"; font-family: wallet-ok-b98=
3c4766d; }

.wallet-okds-arrow-cheveron-alignleft-md { --ok-icon-font-family: "wallet-o=
k-b983c4766d"; }

.wallet-okds-arrow-cheveron-alignleft-md::before { content: "=EE=80=84"; fo=
nt-family: wallet-ok-b983c4766d; }

.wallet-okds-arrow-cheveron-first-md { --ok-icon-font-family: "wallet-ok-b9=
83c4766d"; }

.wallet-okds-arrow-cheveron-first-md::before { content: "=EE=80=85"; font-f=
amily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-cheveron-last-md { --ok-icon-font-family: "wallet-ok-b98=
3c4766d"; }

.wallet-okds-arrow-cheveron-last-md::before { content: "=EE=80=86"; font-fa=
mily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-chevron-down-md { --ok-icon-font-family: "wallet-ok-b983=
c4766d"; }

.wallet-okds-arrow-chevron-down-md::before { content: "=EE=80=87"; font-fam=
ily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-chevron-down-sm { --ok-icon-font-family: "wallet-ok-b983=
c4766d"; }

.wallet-okds-arrow-chevron-down-sm::before { content: "=EE=80=88"; font-fam=
ily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-down-md { --ok-icon-font-family: "wallet-ok-b983=
c4766d"; }

.wallet-okds-arrow-pointer-down-md::before { content: "=EE=80=89"; font-fam=
ily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-down-sm { --ok-icon-font-family: "wallet-ok-b983=
c4766d"; }

.wallet-okds-arrow-pointer-down-sm::before { content: "=EE=80=8A"; font-fam=
ily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-left-md { --ok-icon-font-family: "wallet-ok-b983=
c4766d"; }

.wallet-okds-arrow-pointer-left-md::before { content: "=EE=80=8B"; font-fam=
ily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-left-sm { --ok-icon-font-family: "wallet-ok-b983=
c4766d"; }

.wallet-okds-arrow-pointer-left-sm::before { content: "=EE=80=8C"; font-fam=
ily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-right-md { --ok-icon-font-family: "wallet-ok-b98=
3c4766d"; }

.wallet-okds-arrow-pointer-right-md::before { content: "=EE=80=8D"; font-fa=
mily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-right-sm { --ok-icon-font-family: "wallet-ok-b98=
3c4766d"; }

.wallet-okds-arrow-pointer-right-sm::before { content: "=EE=80=8E"; font-fa=
mily: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-up-md { --ok-icon-font-family: "wallet-ok-b983c4=
766d"; }

.wallet-okds-arrow-pointer-up-md::before { content: "=EE=80=8F"; font-famil=
y: wallet-ok-b983c4766d; }

.wallet-okds-arrow-pointer-up-sm { --ok-icon-font-family: "wallet-ok-b983c4=
766d"; }

.wallet-okds-arrow-pointer-up-sm::before { content: "=EE=80=90"; font-famil=
y: wallet-ok-b983c4766d; }

.wallet-okds-arrow-chevron-up-md { --ok-icon-font-family: "wallet-ok-b983c4=
766d"; }

.wallet-okds-arrow-chevron-up-md::before { content: "=EE=80=91"; font-famil=
y: wallet-ok-b983c4766d; }

.wallet-okds-arrow-chevron-left-centered-md { --ok-icon-font-family: "walle=
t-ok-b983c4766d"; }

.wallet-okds-arrow-chevron-left-centered-md::before { content: "=EE=80=92";=
 font-family: wallet-ok-b983c4766d; }

.wallet-okds-arrow-chevron-right-centered-md { --ok-icon-font-family: "wall=
et-ok-b983c4766d"; }

.wallet-okds-arrow-chevron-right-centered-md::before { content: "=EE=80=94"=
; font-family: wallet-ok-b983c4766d; }

.wallet-okds-arrow-chevron-right-centered-sm { --ok-icon-font-family: "wall=
et-ok-b983c4766d"; }

.wallet-okds-arrow-chevron-right-centered-sm::before { content: "=EE=80=95"=
; font-family: wallet-ok-b983c4766d; }

.wallet-okds-arrow-chevron-up-sm { --ok-icon-font-family: "wallet-ok-b983c4=
766d"; }

.wallet-okds-arrow-chevron-up-sm::before { content: "=EE=80=96"; font-famil=
y: wallet-ok-b983c4766d; }

.wallet-okds-bell { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-bell::before { content: "=EE=80=97"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-authenticator { --ok-icon-font-family: "wallet-ok-b983c4766d";=
 }

.wallet-okds-authenticator::before { content: "=EE=80=98"; font-family: wal=
let-ok-b983c4766d; }

.wallet-okds-borrow { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-borrow::before { content: "=EE=80=99"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-brl { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-brl::before { content: "=EE=80=9A"; font-family: wallet-ok-b98=
3c4766d; }

.wallet-okds-brush { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-brush::before { content: "=EE=80=9B"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-cancel-order { --ok-icon-font-family: "wallet-ok-b983c4766d"; =
}

.wallet-okds-cancel-order::before { content: "=EE=80=9C"; font-family: wall=
et-ok-b983c4766d; }

.wallet-okds-candlestick { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-candlestick::before { content: "=EE=80=9D"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-calendar { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-calendar::before { content: "=EE=80=9E"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-carets-filled-down { --ok-icon-font-family: "wallet-ok-b983c47=
66d"; }

.wallet-okds-carets-filled-down::before { content: "=EE=80=9F"; font-family=
: wallet-ok-b983c4766d; }

.wallet-okds-chat-bubble { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-chat-bubble::before { content: "=EE=80=A0"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-carets-filled-up { --ok-icon-font-family: "wallet-ok-b983c4766=
d"; }

.wallet-okds-carets-filled-up::before { content: "=EE=80=A1"; font-family: =
wallet-ok-b983c4766d; }

.wallet-okds-checkmark { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-checkmark::before { content: "=EE=80=A2"; font-family: wallet-=
ok-b983c4766d; }

.wallet-okds-clear-fill { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-clear-fill::before { content: "=EE=80=A3"; font-family: wallet=
-ok-b983c4766d; }

.wallet-okds-assets { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-assets::before { content: "=EE=80=A4"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-bank { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-bank::before { content: "=EE=80=A5"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-clock-filled { --ok-icon-font-family: "wallet-ok-b983c4766d"; =
}

.wallet-okds-clock-filled::before { content: "=EE=80=A6"; font-family: wall=
et-ok-b983c4766d; }

.wallet-okds-clock-outline { --ok-icon-font-family: "wallet-ok-b983c4766d";=
 }

.wallet-okds-clock-outline::before { content: "=EE=80=A7"; font-family: wal=
let-ok-b983c4766d; }

.wallet-okds-close { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-close::before { content: "=EE=80=A9"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-communication-call { --ok-icon-font-family: "wallet-ok-b983c47=
66d"; }

.wallet-okds-communication-call::before { content: "=EE=80=AA"; font-family=
: wallet-ok-b983c4766d; }

.wallet-okds-communication-idcard { --ok-icon-font-family: "wallet-ok-b983c=
4766d"; }

.wallet-okds-communication-idcard::before { content: "=EE=80=AB"; font-fami=
ly: wallet-ok-b983c4766d; }

.wallet-okds-communication-img-failed { --ok-icon-font-family: "wallet-ok-b=
983c4766d"; }

.wallet-okds-communication-img-failed::before { content: "=EE=80=AC"; font-=
family: wallet-ok-b983c4766d; }

.wallet-okds-communications-faceid { --ok-icon-font-family: "wallet-ok-b983=
c4766d"; }

.wallet-okds-communications-faceid::before { content: "=EE=80=AD"; font-fam=
ily: wallet-ok-b983c4766d; }

.wallet-okds-eye-show-filled { --ok-icon-font-family: "wallet-ok-b983c4766d=
"; }

.wallet-okds-eye-show-filled::before { content: "=EE=80=AE"; font-family: w=
allet-ok-b983c4766d; }

.wallet-okds-fail-circle-fill { --ok-icon-font-family: "wallet-ok-b983c4766=
d"; }

.wallet-okds-fail-circle-fill::before { content: "=EE=80=AF"; font-family: =
wallet-ok-b983c4766d; }

.wallet-okds-communication-img { --ok-icon-font-family: "wallet-ok-b983c476=
6d"; }

.wallet-okds-communication-img::before { content: "=EE=80=B0"; font-family:=
 wallet-ok-b983c4766d; }

.wallet-okds-convertokb { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-convertokb::before { content: "=EE=80=B1"; font-family: wallet=
-ok-b983c4766d; }

.wallet-okds-cursor-drag { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-cursor-drag::before { content: "=EE=80=B2"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-data-line-chart { --ok-icon-font-family: "wallet-ok-b983c4766d=
"; }

.wallet-okds-data-line-chart::before { content: "=EE=80=B4"; font-family: w=
allet-ok-b983c4766d; }

.wallet-okds-deposit { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-deposit::before { content: "=EE=80=B5"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-cursor-zoom { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-cursor-zoom::before { content: "=EE=80=B6"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-download { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-download::before { content: "=EE=80=B7"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-exchange { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-exchange::before { content: "=EE=80=B8"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-developers { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-developers::before { content: "=EE=80=B9"; font-family: wallet=
-ok-b983c4766d; }

.wallet-okds-eur { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-eur::before { content: "=EE=80=BA"; font-family: wallet-ok-b98=
3c4766d; }

.wallet-okds-edit { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-edit::before { content: "=EE=80=BB"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-expand { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-expand::before { content: "=EE=80=BC"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-eye-hide-filled { --ok-icon-font-family: "wallet-ok-b983c4766d=
"; }

.wallet-okds-eye-hide-filled::before { content: "=EE=80=BE"; font-family: w=
allet-ok-b983c4766d; }

.wallet-okds-fail-circle { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-fail-circle::before { content: "=EE=81=81"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-filter { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-filter::before { content: "=EE=81=82"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-finance-bank { --ok-icon-font-family: "wallet-ok-b983c4766d"; =
}

.wallet-okds-finance-bank::before { content: "=EE=81=83"; font-family: wall=
et-ok-b983c4766d; }

.wallet-okds-finance-seagull { --ok-icon-font-family: "wallet-ok-b983c4766d=
"; }

.wallet-okds-finance-seagull::before { content: "=EE=81=84"; font-family: w=
allet-ok-b983c4766d; }

.wallet-okds-finance-earn { --ok-icon-font-family: "wallet-ok-b983c4766d"; =
}

.wallet-okds-finance-earn::before { content: "=EE=81=85"; font-family: wall=
et-ok-b983c4766d; }

.wallet-okds-futures { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-futures::before { content: "=EE=81=86"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-funding-rates { --ok-icon-font-family: "wallet-ok-b983c4766d";=
 }

.wallet-okds-funding-rates::before { content: "=EE=81=87"; font-family: wal=
let-ok-b983c4766d; }

.wallet-okds-gbp { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-gbp::before { content: "=EE=81=88"; font-family: wallet-ok-b98=
3c4766d; }

.wallet-okds-guide { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-guide::before { content: "=EE=81=89"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-hamburger-edit { --ok-icon-font-family: "wallet-ok-b983c4766d"=
; }

.wallet-okds-hamburger-edit::before { content: "=EE=81=8A"; font-family: wa=
llet-ok-b983c4766d; }

.wallet-okds-hamburger-search { --ok-icon-font-family: "wallet-ok-b983c4766=
d"; }

.wallet-okds-hamburger-search::before { content: "=EE=81=8B"; font-family: =
wallet-ok-b983c4766d; }

.wallet-okds-hamburger { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-hamburger::before { content: "=EE=81=8D"; font-family: wallet-=
ok-b983c4766d; }

.wallet-okds-hierachy { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-hierachy::before { content: "=EE=81=8E"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-id-card { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-id-card::before { content: "=EE=81=90"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-img { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-img::before { content: "=EE=81=91"; font-family: wallet-ok-b98=
3c4766d; }

.wallet-okds-information-circle-fill { --ok-icon-font-family: "wallet-ok-b9=
83c4766d"; }

.wallet-okds-information-circle-fill::before { content: "=EE=81=92"; font-f=
amily: wallet-ok-b983c4766d; }

.wallet-okds-link { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-link::before { content: "=EE=81=93"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-insurance-fund { --ok-icon-font-family: "wallet-ok-b983c4766d"=
; }

.wallet-okds-insurance-fund::before { content: "=EE=81=94"; font-family: wa=
llet-ok-b983c4766d; }

.wallet-okds-information-circle { --ok-icon-font-family: "wallet-ok-b983c47=
66d"; }

.wallet-okds-information-circle::before { content: "=EE=81=95"; font-family=
: wallet-ok-b983c4766d; }

.wallet-okds-locked { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-locked::before { content: "=EE=81=96"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-language { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-language::before { content: "=EE=81=97"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-mail { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-mail::before { content: "=EE=81=98"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-margin { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-margin::before { content: "=EE=81=99"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-logout { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-logout::before { content: "=EE=81=9A"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-minus { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-minus::before { content: "=EE=81=9B"; font-family: wallet-ok-b=
983c4766d; }

.wallet-okds-more { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-more::before { content: "=EE=81=9C"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-network-fee-standard { --ok-icon-font-family: "wallet-ok-b983c=
4766d"; }

.wallet-okds-network-fee-standard::before { content: "=EE=81=9E"; font-fami=
ly: wallet-ok-b983c4766d; }

.wallet-okds-option { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-option::before { content: "=EE=81=9F"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-orders { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-orders::before { content: "=EE=81=A0"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-pending-circle { --ok-icon-font-family: "wallet-ok-b983c4766d"=
; }

.wallet-okds-pending-circle::before { content: "=EE=81=A1"; font-family: wa=
llet-ok-b983c4766d; }

.wallet-okds-pie-chart { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-pie-chart::before { content: "=EE=81=A2"; font-family: wallet-=
ok-b983c4766d; }

.wallet-okds-place-order { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-place-order::before { content: "=EE=81=A3"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-play { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-play::before { content: "=EE=81=A4"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-plus-circle { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-plus-circle::before { content: "=EE=81=A6"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-plus { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-plus::before { content: "=EE=81=A7"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-profile { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-profile::before { content: "=EE=81=A8"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-qrcode { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-qrcode::before { content: "=EE=81=A9"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-question-mark-circle-fill { --ok-icon-font-family: "wallet-ok-=
b983c4766d"; }

.wallet-okds-question-mark-circle-fill::before { content: "=EE=81=AA"; font=
-family: wallet-ok-b983c4766d; }

.wallet-okds-question-mark-circle { --ok-icon-font-family: "wallet-ok-b983c=
4766d"; }

.wallet-okds-question-mark-circle::before { content: "=EE=81=AB"; font-fami=
ly: wallet-ok-b983c4766d; }

.wallet-okds-sort-up-center-aligned { --ok-icon-font-family: "wallet-ok-b98=
3c4766d"; }

.wallet-okds-sort-up-center-aligned::before { content: "=EE=81=AC"; font-fa=
mily: wallet-ok-b983c4766d; }

.wallet-okds-records { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-records::before { content: "=EE=81=AD"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-red-packe { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-red-packe::before { content: "=EE=81=AE"; font-family: wallet-=
ok-b983c4766d; }

.wallet-okds-scan { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-scan::before { content: "=EE=81=AF"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-report-centre { --ok-icon-font-family: "wallet-ok-b983c4766d";=
 }

.wallet-okds-report-centre::before { content: "=EE=81=B0"; font-family: wal=
let-ok-b983c4766d; }

.wallet-okds-security-fill { --ok-icon-font-family: "wallet-ok-b983c4766d";=
 }

.wallet-okds-security-fill::before { content: "=EE=81=B1"; font-family: wal=
let-ok-b983c4766d; }

.wallet-okds-search { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-search::before { content: "=EE=81=B2"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-security { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-security::before { content: "=EE=81=B3"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-transfer { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-transfer::before { content: "=EE=81=B5"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-settlement-history { --ok-icon-font-family: "wallet-ok-b983c47=
66d"; }

.wallet-okds-settlement-history::before { content: "=EE=81=B6"; font-family=
: wallet-ok-b983c4766d; }

.wallet-okds-trends { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-trends::before { content: "=EE=81=B7"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-sort-default-center-aligned { --ok-icon-font-family: "wallet-o=
k-b983c4766d"; }

.wallet-okds-sort-default-center-aligned::before { content: "=EE=81=B9"; fo=
nt-family: wallet-ok-b983c4766d; }

.wallet-okds-sort-default { --ok-icon-font-family: "wallet-ok-b983c4766d"; =
}

.wallet-okds-sort-default::before { content: "=EE=81=BA"; font-family: wall=
et-ok-b983c4766d; }

.wallet-okds-sort-down-center-aligned-svg { --ok-icon-font-family: "wallet-=
ok-b983c4766d"; }

.wallet-okds-sort-down-center-aligned-svg::before { content: "=EE=81=BC"; f=
ont-family: wallet-ok-b983c4766d; }

.wallet-okds-warning-circle-fill { --ok-icon-font-family: "wallet-ok-b983c4=
766d"; }

.wallet-okds-warning-circle-fill::before { content: "=EE=81=BD"; font-famil=
y: wallet-ok-b983c4766d; }

.wallet-okds-withdraw { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-withdraw::before { content: "=EE=81=BE"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-sort-down { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-sort-down::before { content: "=EE=81=BF"; font-family: wallet-=
ok-b983c4766d; }

.wallet-okds-sort-up { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-sort-up::before { content: "=EE=82=80"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-star-filled { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-star-filled::before { content: "=EE=82=81"; font-family: walle=
t-ok-b983c4766d; }

.wallet-okds-star { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-star::before { content: "=EE=82=82"; font-family: wallet-ok-b9=
83c4766d; }

.wallet-okds-strong-alert { --ok-icon-font-family: "wallet-ok-b983c4766d"; =
}

.wallet-okds-strong-alert::before { content: "=EE=82=83"; font-family: wall=
et-ok-b983c4766d; }

.wallet-okds-success-circle-fill { --ok-icon-font-family: "wallet-ok-b983c4=
766d"; }

.wallet-okds-success-circle-fill::before { content: "=EE=82=84"; font-famil=
y: wallet-ok-b983c4766d; }

.wallet-okds-success-circle { --ok-icon-font-family: "wallet-ok-b983c4766d"=
; }

.wallet-okds-success-circle::before { content: "=EE=82=85"; font-family: wa=
llet-ok-b983c4766d; }

.wallet-okds-trade-1 { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-trade-1::before { content: "=EE=82=87"; font-family: wallet-ok=
-b983c4766d; }

.wallet-okds-transfer-circle { --ok-icon-font-family: "wallet-ok-b983c4766d=
"; }

.wallet-okds-transfer-circle::before { content: "=EE=82=88"; font-family: w=
allet-ok-b983c4766d; }

.wallet-okds-unlocked { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-unlocked::before { content: "=EE=82=8A"; font-family: wallet-o=
k-b983c4766d; }

.wallet-okds-unlink { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-unlink::before { content: "=EE=82=8B"; font-family: wallet-ok-=
b983c4766d; }

.wallet-okds-usd { --ok-icon-font-family: "wallet-ok-b983c4766d"; }

.wallet-okds-usd::before { content: "=EE=82=8C"; font-family: wallet-ok-b98=
3c4766d; }

.wallet-okds-warning-circle { --ok-icon-font-family: "wallet-ok-b983c4766d"=
; }

.wallet-okds-warning-circle::before { content: "=EE=82=8D"; font-family: wa=
llet-ok-b983c4766d; }

.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-styl=
e: normal; }

.iconfont::before { display: inline-block; }

@font-face { font-display: block; font-family: wallet-ok-b983c4766d; font-s=
tyle: normal; src: url("../7989fb155ff179913271.woff2") format("woff2"); }

body[data-nav=3D"false"] .footer-container, body[data-nav=3D"false"] .heade=
r-container { display: none; }

body[data-nav=3D"true"] .footer-container, body[data-nav=3D"true"] .header-=
container { display: block; }

body .footer-container[data-hide=3D"true"] { display: none; }

body .footer-container[data-hide=3D"false"] { display: block; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okfe/okx-nav/footer/index.655d7d3f.css

@charset "utf-8";

.footer-alert-container { background: rgb(26, 26, 26); border-radius: var(-=
-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: rg=
b(250, 250, 250); display: flex; font-size: 20px; height: 20px; justify-con=
tent: center; width: 20px; }

.footer-alert-container .footer-alert-msg-box { display: flex; flex-directi=
on: 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; }

.footer-container { background: rgb(18, 18, 18); min-width: 320px; width: 1=
00%; }

.footer-container .footer-wrap { padding-bottom: 47px; padding-top: 67px; }

.footer-container .f-l { box-sizing: border-box; margin-top: 50px; position=
: relative; }

@media (min-width: 768px) {
  .footer-container .f-l { margin-left: 12px; }
}

.footer-container .f-l .now-language { align-items: center; border: 1px sol=
id rgb(64, 64, 64); border-radius: 2px; box-sizing: border-box; cursor: poi=
nter; 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::before { color: rgb(144, 144, 144); d=
isplay: inline-block; font-size: 16px; height: 16px; line-height: 16px; opa=
city: 0.75; width: 16px; }

.footer-container .f-l .now-language .arrow-icon { color: rgb(144, 144, 144=
); display: inline-block; font-size: 12px; height: 12px; line-height: 12px;=
 position: relative; width: 12px; }

.footer-container .f-l .now-language .text { color: rgb(227, 227, 227); mar=
gin-left: 8px; margin-right: 16px; vertical-align: bottom; }

.footer-container .f-l .drop-animation { transition: all 0.3s cubic-bezier(=
0.645, 0.045, 0.355, 1) 0s; }

.footer-container .language-list { background: rgb(36, 36, 36); border: 1px=
 solid rgb(46, 46, 46); border-radius: 4px; bottom: 57px; box-shadow: rgba(=
3, 6, 18, 0.5) 0px 10px 10px 0px; box-sizing: border-box; display: flex; le=
ft: 0px; opacity: 0; overflow: hidden; padding-top: 12px; position: absolut=
e; visibility: hidden; z-index: 20; }

.footer-container .language-list .ul-title { color: rgb(144, 144, 144); fon=
t-size: 12px; font-weight: 400; line-height: 16px; margin-bottom: 4px; padd=
ing-left: 12px; }

.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 { backgr=
ound: transparent; }

.footer-container .language-list .list-ul::-webkit-scrollbar-thumb { backgr=
ound: rgb(108, 108, 108); border-radius: 1px; }

.footer-container .language-list .item { align-items: center; box-sizing: b=
order-box; color: rgb(176, 176, 176); cursor: pointer; display: flex; font-=
size: 16px; font-weight: 500; height: 48px; padding: 0px 12px; position: re=
lative; white-space: nowrap; }

.footer-container .language-list .item:hover { background: rgb(46, 46, 46);=
 color: rgb(250, 250, 250); }

.footer-container .language-list .item.selected { color: rgb(250, 250, 250)=
; }

.footer-container .language-list .item .now-select, .footer-container .lang=
uage-list .item .select-icon { height: 10px; position: absolute; right: 6px=
; top: 50%; transform: translateY(-50%); }

.footer-container .language-list .item .select-icon { color: rgb(250, 250, =
250); 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 .currency-list { width: 136px; }

.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 .logo-tr { background-image: url("data:im=
age/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQEAAAA2CAYAAADH5CxcAAAACXBIWXMAABYl=
AAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQTSURBVHgB7d3vWdpQFMf=
xQ5++1w16O0HrBGUENyhOgE6gTmCdoDhBdQLpBOIEphOUTpCeAxeLFEhyLtGEfD/Pc2NrIASDP2=
9y/0QEAAAAAAB0Up7nD3n7PBS8p6Dld+5zLwn0+ee53+lbbbvE+3rKfZ60HIqTPvc4b7anLfue8=
jks9dpa7rX80HKqpS8O77V8lvYp2ue+Fu8Hry9p+uL3Sd5u20WC+ASZH6+x+LgD5JWEgnV17n+Q=
f69/bAsNgql+udVy0+v1xmU28k4A7BMLnYGW+1hTGBQ9gRAA9lfQ8l2DwErY9CBCANh/A5nXDMK=
6lYQA0A1BNgQBIQB0R9BiLQkvLlYSAkC3WEvNi+ZiQgDonuFybYAQALrHAuC5NkAIAN00XPyDEE=
DTTaXZmr5/mxzqKcGs5+17ARqs1+vd6of1Y4WnLKq6X8XnTObdbsuqKwTO9L1/W/1mPJcPMr/Ad=
y7+7tymr2VCCKDx9Jchq/J4/UWp9PgVt1VfryaTdd/UfZvGdVZG+l5H4g+8YAtOB3bvl/j9KVif=
8lenaNtF2lrt3XdW6/EemwNbpNYELI2uxccuTDRyBKP1tRYfOxhWhbPqpGf0WFE11KqqN85tTxL=
elx3nI/GNYszKjmZDdVYz0OM6ljiKsKJgi9QQuNadGImD7rh98X4o6zYQvzs7j5UaxGpqJg5xNN=
lAnPS1LexHgiZKquVxOgC03wfxmYUHIQC0WBwQ1BefzBaEANBSsZ0/ZTq8sS1oIgSaabhlIhD7/=
hdJnwpv1gxJCADNdCy+K/5lTRb9ITgdALrpuWmfEAC6J1tu2icEgO65XP4PIQB0y+VqBz9CAOgO=
uyHJxeo3CQGgG6yL/2DdCkIA2G82qO1EA2DjvSjpJwDsr0zLUZyDYKPUEBjG0YCu50pzjcQvK3P=
/tzXsQI23HbA4q4ynA8ls2zJvGz6Q6h7jHW+DVDeta1QlCmVFAWBSQ8D6Ljd1OLCb/uBOxCmO2R=
+Iz0jLtte2bXt7kV1vqxIWyRPSXp9qf40mgqoymc8d4Zk/wvTtluXrpilbxjWB3QtSH++HwXhqA=
LuSst9dZefxNreiTeaSMqvT+eodh1YRAkAzZbaI/fu9s3cZC4CrbQ8gBIDms+p8Jn6DeE1nLUIA=
aLh4ce9M0my8dkcIAC0QW1jG4he0NnCxbgUhALTHpaRZO1EJIQC0RJy6/Ub87CLhf6cFhADQLik=
3GzHWd+BFXxNCAGiReJEwpcnQXC33HSAEgPZJbTIMMr+Z6QwhALTMjpoMTxe3JicEgBbaQZOhmf=
UkJASA9kptMpwNMLIQyKR9soL1E/G/r7GkuRO/R6lv2z8lTSY+U3n9z5h3xGImu70Fe+bcXqmfW=
WwyTA0CBncBAAAAANBRfwFxMsdADgDaLgAAAABJRU5ErkJggg=3D=3D"); background-size:=
 128px 27px; }

.footer-container .footer-section .logo-c { background-image: url("data:ima=
ge/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABICAQAAADSOpYzAAAABGdBTUEAALGPC=
/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA=
/4ePzL8AAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAHdElNRQfmBwMMDRLjUdegAAAG5UlEQVR42u2=
bW3bURhCGv+L4PWIFyCtAZAFYhPfMkLyDyQYwWUBsswDAG8CeLCCMWQCWs4BYLABGbACLDUzlYT=
Sa7lbrMvgmn6N/Hkbqi7r0d1dXVXcLBgwYMGDAgAEDBgwYMGDAAADkpgX4cSjExOXtkWQ3Kc2Gb=
hM2lngreePrvOBuQ/ZMJlcjuMIjPlpJe51qBQSXJYPZdRsctpROSBoEi3nbUr8DkRqy29KdKxzI=
dPEWPLMYyju0Aw/4b22+6p+n/Czp4nrj8h57Aeyw3blsyrS4um+kCrv6wlv+nD+WLwtElyx5sLz=
oB5HBuhUUAoeUOpW9R0R69a/QDyJdZA15afEfd35a2pA35dNakr2o6/R+EvlckpYSwpZ1nxtzpD=
02c0OxXSjHctRdLBWe3S4iu8AkUnm0pEvhCf8YeafXI04/iYx0eZUtXQwNGAOQk5I5M6Q56oSRk=
aOlafIj0HANuRq87n4S+aa8ytgE0ICz0kE65A/H0KTWna30TSNSeGO0dSH0k8gVQo0lAcaGn/m9=
Muo+aEBYzF53LY80u654p59EpsaIi0nAIE45xvYh4dwYrzaS6xK5n0RODCKfsYfp7OSSqDjOz50=
aGhekNyFpdLWqGN8uq52TlFSFGpZqCzBV14c85Vfrfr8ch02uD4AyWdP9iW8XkXBqkDW2TMspWH=
G1MrEMht7MOlBfiTxit7weWYp7LOgZm0QEQE6GWKMkXYNGIdR4Dani+qWVnhIpmWal0OarJpKDQ=
Lac2xReWlXTtRraNTpsfWSrCGyDfe41Fh639FnSmNs22TfV9K3mHFVShIfGnV5XJAPA351Laqht=
CC8ujx45z9wGjbu1pqLnRv5co4Z20Oet79MVc90xn91T1QZJNK9YyMSd/xTHjrbZ6ffc56cLC/e=
VjKm9c9BbIoFJRbl9E0Vk3TUqtkCuO0RlnZy8dZ3pcnBzqu1V7kpbKnrilDnRw3qZFN1zFDTiOn=
CjRAbW7Kc689QUp8wCH2vaQTedkl8ui6keq7bkemxtcFUUuzJDLhFr4N37FFyKRU8uJOSZ/Lm46=
DGRQGIROfWU2KqpueWlvbr1HHbevaxrpyDyzs0w1BGJeeMxC1JDpFR3dBQ2+evqRO33iIwsKmIP=
lXFNzZET74BU9s5zUihCzRUWbbh7lGUktcammyX8DRqbSvqeUwt91OAuB07ZJ66Z0dBjfD56n1w=
63ypuO8sW+q3aWw137u6Mi7FT9rXTC/uSUT0wsNycddM9HoONHhOp7lpLXBn992srWxG4x8ykMq=
HaFVrOym7087VN2h4T6TnGMrbICRrnK6Ms4pgZ5bfiyh3lX4vybhdlbcL2mciqRbbHT+Tk2se17=
I3WwMp7JVnhhYZW+ipSd9PzNmF7a7U18nh4pqPtqmXCxPI6YVyelFMeGKN3uYooTnlzLTOqSa/F=
hh62uKRHjbkhb2z76IomL/kxbHtTx4Y89ohNSTDXi4StJZECmfseCmFlzP9b5MROepfzQa3uTdx=
YO26r3oUz73rkmfdxJ0sa9K7joIwqCxjfGtt0ly9U54t3VXHkma8ODN4690dDQ7kyY7MrKsd/7F=
Q5RflgpQT1g0Bhs7LJkEkCCuOKyndYde8pkZbNPTDi5mXE4QaHqeS42x7SYNWryxfKfpHz2snJW=
haLgf4SaRoS+/D10+K/csJHIHUOQD/EC8Vz1DqRiTdHu5xNp6dzpDl7zZyVyW+edcW5jsAzu33z=
GUJPYKj6RcO6HKvuLZsjzdGWgOSGA7KY+SKnxqeCI9u+Bt4z4161lqwmZ6+byP0kMjauF272apY=
URhUfcnUoYGqle6Jxr1ofFGpdXa+cStct116qtqXYABoYae9UHOfoXfkk0ZmV43wM4l0x+qxBod=
YzJ2fuRvf1qt3PyCZhEaRlHCwSJNd9RgSA8oHQUln7UIB9sCAyNx0UNnnntKU8lhwQ9ipmZn+N4=
y+9HJHNbbrb/Ma48eRtGzWl0tJcd731VFU/e9q+ZcYmbMx1fUj7VO7UKVu6QArbFVf7TJbeo7sN=
oTxeXaosfvWeaT9UO3Ve8FBHtZ/ETTh1iExM3jS3zvuWhsu7ZzPjdwAVj/d4UH4GAJulNQ+dJ6S=
rGn1Q7ahVihUOKz6k1Qkq+tan+J6jBHN9uiDK61cGK05rTwwZUXgvVFvSIjzrhsi5tyPh6nHnuI=
igY6fcQeHaSCXqVl5aK5D+4aAkcrC86QWRIHs873iy8buj9K9syypw4nTLYhVoxhla/s7ZLxf4l=
JRzFGXGDOWEJ2J3Rsas8nvPtvxitNvyvfb5inMfNGCn8bXX+l5bO3xLLZn1zbV37bq9xIABAwYM=
GDBgwIABAwYMGHBl+B/kHqyAlyF6iAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNy0wM1QxMjo=
xMzoxOCswMDowMGmV7swAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDctMDNUMTI6MTM6MTgrMD=
A6MDAYyFZwAAAAAElFTkSuQmCC"); }

.footer-container .footer-section .logo-e { background-image: url("data:ima=
ge/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABICAQAAADSOpYzAAAABGdBTUEAALGPC=
/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA=
/4ePzL8AAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAHdElNRQfmBwMNKhI4Vg/yAAABMklEQVR42u3=
aQW6DMBBAUZyT5eSFE/RInS5psOKx8Scq0n9ZNXjA+VE3VpZFkiRJkiShYo0rrYPPWyf3+3VYXZ=
L138nTuudLxLVfVCmHrcXY+uqjteejPF7/XH5G1teXe+ebt1E/Q0IMCTEkxJAQQ0IMCTEkxJAQQ=
0IMCTEkxJCQ+4XcBq+Orj87n54oPlv3iWc2Xk3A55tzZs8rd+l55OT54PB5ZLrhMjd/2M3keeXu=
fv/a/5QhIYaEGBJiSIghIYaEGBJiSIghIYaEGBJiSEgaMjtG+/B+tw/f8eVqlPq1X7xYlX5wfTX=
fPj/095Hv1tdfRPLJ/X3kvRkSYkiIISGGhBgSYkiIISGGhBgSYkiIISGGhDwuOOH7a+t4p//qmf=
lticYrf946OS9JkiRJkk75BUgSur6QrNyYAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA3LTAzV=
DEzOjQyOjE4KzAwOjAwKpbwNQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNy0wM1QxMzo0Mjox=
OCswMDowMFvLSIkAAAAASUVORK5CYII=3D"); }

.footer-container .footer-section .footer-company-address, .footer-containe=
r .footer-section .footer-copyright, .footer-container .footer-section .foo=
ter-copyright-fr { color: rgb(108, 108, 108); font-size: 14px; font-weight:=
 400; line-height: 16px; margin-top: 8px; }

.footer-container .footer-section .footer-company-address { line-height: 22=
px; margin-top: unset; }

@media (min-width: 768px) {
  .footer-container .footer-section .footer-company-address { line-height: =
16px; }
}

.footer-container .footer-section .footer-copyright-fr { display: flex; fle=
x-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 { margi=
n-bottom: 12px; margin-right: 24px; }
}

.footer-container .f-m { align-items: center; display: flex; margin-top: 44=
px; }

@media (min-width: 768px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 8px; paddi=
ng-right: 8px; width: 100%; }
}

@media (min-width: 768px) and (min-width: 768px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 12px; padd=
ing-right: 12px; width: 100%; }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 12px; padd=
ing-right: 12px; width: 100%; }
}

@media (min-width: 768px) and (min-width: 1270px) {
  .footer-container .f-m { box-sizing: border-box; padding-left: 12px; padd=
ing-right: 12px; width: 100%; }
}

.footer-container .f-m .f-m-title { color: rgb(250, 250, 250); font-size: 2=
0px; font-weight: 700; margin-right: 30px; }

.footer-container .f-m .f-m-list { overflow-wrap: break-word; box-sizing: b=
order-box; display: block; line-height: 22px; word-break: break-word; }

.footer-container .f-m .icon-some-chat { color: rgb(144, 144, 144); cursor:=
 pointer; display: inline-block; font-size: 18px; margin-right: 17px; posit=
ion: relative; }

.footer-container .f-m .icon-some-chat:hover { color: rgb(250, 250, 250); o=
pacity: 1; }

.footer-container .f-c-main[data-sg=3D"true"] .link[data-hide=3D"sg"] { dis=
play: none; }

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

@media (min-width: 768px) {
  .footer-wrap .f-c-main { box-sizing: border-box; padding-left: 12px; padd=
ing-right: 12px; width: 83.3333%; }
}

@media (min-width: 1024px) {
  .footer-wrap .f-c-main { box-sizing: border-box; padding-left: 12px; padd=
ing-right: 12px; width: 83.3333%; }
}

@media (min-width: 1270px) {
  .footer-wrap .f-c-main { box-sizing: border-box; padding-left: 12px; padd=
ing-right: 12px; width: 83.3333%; }
}

.footer-wrap .footer-download { box-sizing: border-box; padding-left: 8px; =
padding-right: 8px; width: 50%; }

@media (min-width: 768px) {
  .footer-wrap .footer-download { box-sizing: border-box; padding-left: 12p=
x; padding-right: 12px; width: 16.6667%; }
}

@media (min-width: 1024px) {
  .footer-wrap .footer-download { box-sizing: border-box; padding-left: 12p=
x; padding-right: 12px; width: 16.6667%; }
}

@media (min-width: 1270px) {
  .footer-wrap .footer-download { box-sizing: border-box; padding-left: 12p=
x; padding-right: 12px; width: 16.6667%; }
}

.footer-wrap .footer-download .footer-link-box, .footer-wrap .footer-downlo=
ad .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: vi=
sible; }
  .footer-container .language-list .item { font-size: 16px; font-weight: 50=
0; height: 48px; white-space: normal; word-break: break-all; }
  .footer-container .language-list .ul-box .list-ul { max-height: 288px; ov=
erflow-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: rgb(=
250, 250, 250); cursor: pointer; display: flex; font-size: 18px; height: 52=
px; 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:=
 rgb(144, 144, 144); cursor: pointer; display: flex; height: 44px; padding:=
 0px 13px; }
  .footer-container .f-c-list .item-box .link:hover { color: rgb(250, 250, =
250); }
  .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; paddi=
ng-right: 8px; width: 100%; }
}

@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-conten=
t; }
  .footer-container .f-l .currency-list { width: 132px; }
  .footer-container .f-l.active .arrow-icon { transform: rotate(-180deg); }
  .footer-container .f-l.active .language-list { opacity: 1; visibility: vi=
sible; }
  .footer-container .f-l.active .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; padd=
ing-left: 8px; padding-right: 8px; width: 100%; }
  .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: rgb(250, 250, 2=
50); cursor: pointer; font-size: 20px; font-weight: 500; margin-bottom: 16p=
x; }
  .footer-container .f-c-main .f-c-list .link { color: rgb(144, 144, 144); =
cursor: pointer; display: block; font-size: 14px; line-height: 16px; text-a=
lign: left; }
  .footer-container .f-c-main .f-c-list .link:hover { color: rgb(250, 250, =
250); }
  .footer-container .f-c-main .f-c-list .link:not(:last-child), .footer-con=
tainer .f-c-main .f-c-list:not(:last-child) { margin-bottom: 16px; }
  .footer-container .f-c-main .list-container .f-c-list { padding-right: 10=
%; width: 100%; }
  .footer-container .f-c-main .list-container .f-c-list:last-child { margin=
-top: 40px; padding-right: 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 { display: inline-block; margin-top: 48px; }
  .footer-container .f-l .item { font-size: 14px; font-weight: 400; height:=
 44px; }
  .footer-container .f-l .language-li { min-width: 146px; width: fit-conten=
t; }
  .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: vis=
ible; }
  .footer-container .f-l:hover .language-list .list-ul { overflow-y: auto; =
}
  .footer-container .f-c { display: flex; justify-content: space-between; m=
argin-top: 32px; }
  .footer-container .f-c .title-box { color: rgb(250, 250, 250); display: i=
nline-block; font-size: 20px; font-weight: 500; line-height: 24px; margin-b=
ottom: 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 { padding-right: 0px=
; width: 100%; }
  .footer-container .f-c-list.list-container .f-c-list:last-child { margin-=
top: 40px; }
  .footer-container .f-c-list .title-box { color: rgb(250, 250, 250); displ=
ay: inline-block; font-size: 20px; font-weight: 500; line-height: 24px; mar=
gin-bottom: 18px; vertical-align: top; }
  .footer-container .f-c-list .link { color: rgb(144, 144, 144); cursor: po=
inter; display: block; font-size: 14px; font-weight: 400; line-height: 16px=
; margin-bottom: 16px; text-align: left; }
  .footer-container .f-c-list .link:hover { color: rgb(250, 250, 250); opac=
ity: 1; }
  .footer-container .f-c-list .link:not(:last-child) { margin-bottom: 16px;=
 }
  .footer-container .footer-download .footer-download-title { color: rgb(25=
0, 250, 250); font-size: 20px; font-weight: 700; line-height: 28px; }
  .footer-container .footer-download .footer-register-link, .footer-contain=
er .footer-download .footer-trade-link { background: rgb(250, 250, 250); bo=
rder-radius: 25px; color: rgb(0, 0, 0); display: block; font-size: 18px; fo=
nt-weight: 700; margin-top: 40px; padding: 16px; text-align: center; }
  .footer-container .footer-download .footer-scan-box { margin-top: 40px; t=
ext-align: center; }
  .footer-container .footer-download .footer-scan-box .footer-qrcode-img { =
background: rgb(255, 255, 255); box-sizing: border-box; display: inline-blo=
ck; height: 110px; padding: 2px; width: 110px; }
  .footer-container .footer-download .footer-scan-box .footer-scan-desc { c=
olor: rgb(255, 255, 255); font-size: 14px; font-weight: 400; margin-top: 10=
px; }
  .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: 19=
px; }
}

body[data-nav=3D"false"] .footer-container { display: none; }

body[data-nav=3D"true"] .footer-container { display: block; }

body .footer-container[data-hide=3D"true"] { display: none; }

body .footer-container[data-hide=3D"false"] { display: block; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okexchain/okc-docs/82696/index.d4decad9.css

@charset "utf-8";

@keyframes loadingLine {=20
  100% { left: 100%; transform: translateX(0px); }
}

.okui-loader-line { background: var(--okd-loader-line-inactive-color); bord=
er-radius: calc(var(--okd-loader-line-size)/2); height: var(--okd-loader-li=
ne-size); overflow: hidden; position: relative; width: 100%; }

.okui-loader-line .okui-loader-mark { background: var(--okd-loader-line-act=
ive-color); border-radius: calc(var(--okd-loader-line-size)/2); height: 100=
%; transition: all 0.36s linear 0s; }

.okui-loader-line.okui-loader-loading .okui-loader-mark { animation: 2s lin=
ear 0s infinite normal none running loadingLine; left: 0px; position: absol=
ute; top: 0px; transform: translateX(-100%); }

@keyframes okui-loader-rotation {=20
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

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

.okui-loader-mask-text { color: var(--okd-loader-mask-text-color); font-siz=
e: var(--okd-loader-mask-text-font-size); font-weight: var(--okd-loader-mas=
k-text-font-weight); line-height: var(--okd-loader-mask-text-line-height); =
margin-top: var(--okd-loader-mask-text-margin-top); }

.okui-loader-spin { animation: 1s linear 0s infinite normal none running ok=
ui-loader-rotation; background-color: transparent; border-style: solid; box=
-sizing: border-box; display: inline-flex; }

.okui-loader-spin-xl { border-radius: var(--okd-loader-circle-xl-size); bor=
der-width: var(--okd-loader-circle-xl-track-width); height: var(--okd-loade=
r-circle-xl-size); width: var(--okd-loader-circle-xl-size); }

.okui-loader-spin-lg { border-radius: var(--okd-loader-circle-lg-size); bor=
der-width: var(--okd-loader-circle-lg-track-width); height: var(--okd-loade=
r-circle-lg-size); width: var(--okd-loader-circle-lg-size); }

.okui-loader-spin-md { border-radius: var(--okd-loader-circle-md-size); bor=
der-width: var(--okd-loader-circle-md-track-width); height: var(--okd-loade=
r-circle-md-size); width: var(--okd-loader-circle-md-size); }

.okui-loader-spin-sm { border-radius: var(--okd-loader-circle-sm-size); bor=
der-width: var(--okd-loader-circle-sm-track-width); height: var(--okd-loade=
r-circle-sm-size); width: var(--okd-loader-circle-sm-size); }

.okui-loader-spin-primary { border-right-color: ; border-bottom-color: ; bo=
rder-left-color: ; border-top-color: var(--okd-loader-primary-active-color)=
; }

.okui-loader-spin-neutral { border-right-color: ; border-bottom-color: ; bo=
rder-left-color: ; border-top-color: var(--okd-loader-neutral-active-color)=
; }

.okui-loader-inner-circle { border: none; border-radius: 0px; overflow: hid=
den; transform: rotate(180deg); }

.okui-loader-inner-fill-primary { background: var(--okd-loader-primary-acti=
ve-color); }

.okui-loader-inner-fill-neutral { background: var(--okd-loader-neutral-acti=
ve-color); }

.okui-loader-inner-track-primary { background: var(--okd-loader-primary-ina=
ctive-color); }

.okui-loader-inner-track-neutral { background: var(--okd-loader-neutral-ina=
ctive-color); }

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

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

.okui-loader-inner-track-left { height: 100%; overflow: hidden; position: a=
bsolute; }

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

.okui-loader-inner-xl { border-radius: var(--okd-loader-circle-xl-size); he=
ight: var(--okd-loader-circle-xl-size); width: var(--okd-loader-circle-xl-s=
ize); }

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

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

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

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

.okui-loader-inner-lg { border-radius: var(--okd-loader-circle-lg-size); he=
ight: var(--okd-loader-circle-lg-size); width: var(--okd-loader-circle-lg-s=
ize); }

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

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

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

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

.okui-loader-inner-md { border-radius: var(--okd-loader-circle-md-size); he=
ight: var(--okd-loader-circle-md-size); width: var(--okd-loader-circle-md-s=
ize); }

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

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

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

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

.okui-loader-inner-sm { border-radius: var(--okd-loader-circle-sm-size); he=
ight: var(--okd-loader-circle-sm-size); width: var(--okd-loader-circle-sm-s=
ize); }

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

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

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

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

.flex-row { flex-direction: row; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-col { flex-direction: column; }

.flex-col-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }

.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.flex-nowrap { flex-wrap: nowrap; }

.grow { flex-grow: 1; }

.grow-0 { flex-grow: 0; }

.shrink { flex-shrink: 1; }

.shrink-0 { flex-shrink: 0; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.justify-evenly { justify-content: space-evenly; }

.items-start { align-items: flex-start; }

.items-end { align-items: flex-end; }

.items-center { align-items: center; }

.items-baseline { align-items: baseline; }

.items-stretch { align-items: stretch; }

@media (max-width: 767px) {
  .sm\:flex { display: flex; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:flex-row-reverse { flex-direction: row-reverse; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-col-reverse { flex-direction: column-reverse; }
  .sm\:flex-wrap { flex-wrap: wrap; }
  .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .sm\:flex-nowrap { flex-wrap: nowrap; }
  .sm\:grow { flex-grow: 1; }
  .sm\:grow-0 { flex-grow: 0; }
  .sm\:shrink { flex-shrink: 1; }
  .sm\:shrink-0 { flex-shrink: 0; }
  .sm\:justify-start { justify-content: flex-start; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:justify-center { justify-content: center; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:justify-around { justify-content: space-around; }
  .sm\:justify-evenly { justify-content: space-evenly; }
  .sm\:items-start { align-items: flex-start; }
  .sm\:items-end { align-items: flex-end; }
  .sm\:items-center { align-items: center; }
  .sm\:items-baseline { align-items: baseline; }
  .sm\:items-stretch { align-items: stretch; }
}

@media (min-width: 768px) {
  .md\:flex { display: flex; }
  .md\:flex-row { flex-direction: row; }
  .md\:flex-row-reverse { flex-direction: row-reverse; }
  .md\:flex-col { flex-direction: column; }
  .md\:flex-col-reverse { flex-direction: column-reverse; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .md\:flex-nowrap { flex-wrap: nowrap; }
  .md\:grow { flex-grow: 1; }
  .md\:grow-0 { flex-grow: 0; }
  .md\:shrink { flex-shrink: 1; }
  .md\:shrink-0 { flex-shrink: 0; }
  .md\:justify-start { justify-content: flex-start; }
  .md\:justify-end { justify-content: flex-end; }
  .md\:justify-center { justify-content: center; }
  .md\:justify-between { justify-content: space-between; }
  .md\:justify-around { justify-content: space-around; }
  .md\:justify-evenly { justify-content: space-evenly; }
  .md\:items-start { align-items: flex-start; }
  .md\:items-end { align-items: flex-end; }
  .md\:items-center { align-items: center; }
  .md\:items-baseline { align-items: baseline; }
  .md\:items-stretch { align-items: stretch; }
}

@media (min-width: 1024px) {
  .lg\:flex { display: flex; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:flex-row-reverse { flex-direction: row-reverse; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:flex-col-reverse { flex-direction: column-reverse; }
  .lg\:flex-wrap { flex-wrap: wrap; }
  .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .lg\:flex-nowrap { flex-wrap: nowrap; }
  .lg\:grow { flex-grow: 1; }
  .lg\:grow-0 { flex-grow: 0; }
  .lg\:shrink { flex-shrink: 1; }
  .lg\:shrink-0 { flex-shrink: 0; }
  .lg\:justify-start { justify-content: flex-start; }
  .lg\:justify-end { justify-content: flex-end; }
  .lg\:justify-center { justify-content: center; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:justify-around { justify-content: space-around; }
  .lg\:justify-evenly { justify-content: space-evenly; }
  .lg\:items-start { align-items: flex-start; }
  .lg\:items-end { align-items: flex-end; }
  .lg\:items-center { align-items: center; }
  .lg\:items-baseline { align-items: baseline; }
  .lg\:items-stretch { align-items: stretch; }
}

@media (min-width: 1270px) {
  .xl\:flex { display: flex; }
  .xl\:flex-row { flex-direction: row; }
  .xl\:flex-row-reverse { flex-direction: row-reverse; }
  .xl\:flex-col { flex-direction: column; }
  .xl\:flex-col-reverse { flex-direction: column-reverse; }
  .xl\:flex-wrap { flex-wrap: wrap; }
  .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .xl\:flex-nowrap { flex-wrap: nowrap; }
  .xl\:grow { flex-grow: 1; }
  .xl\:grow-0 { flex-grow: 0; }
  .xl\:shrink { flex-shrink: 1; }
  .xl\:shrink-0 { flex-shrink: 0; }
  .xl\:justify-start { justify-content: flex-start; }
  .xl\:justify-end { justify-content: flex-end; }
  .xl\:justify-center { justify-content: center; }
  .xl\:justify-between { justify-content: space-between; }
  .xl\:justify-around { justify-content: space-around; }
  .xl\:justify-evenly { justify-content: space-evenly; }
  .xl\:items-start { align-items: flex-start; }
  .xl\:items-end { align-items: flex-end; }
  .xl\:items-center { align-items: center; }
  .xl\:items-baseline { align-items: baseline; }
  .xl\:items-stretch { align-items: stretch; }
}

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 }

.truncate-2 { -webkit-line-clamp: 2; }

.truncate-2, .truncate-3 { -webkit-box-orient: vertical; display: -webkit-b=
ox; overflow: hidden; text-overflow: ellipsis; }

.truncate-3 { -webkit-line-clamp: 3; }

.truncate-4 { -webkit-box-orient: vertical; -webkit-line-clamp: 4; display:=
 -webkit-box; overflow: hidden; }

.text-ellipsis, .truncate-4 { text-overflow: ellipsis; }

.text-clip { text-overflow: clip; }

.align-baseline { vertical-align: baseline; }

.align-top { vertical-align: top; }

.align-middle { vertical-align: middle; }

.align-bottom { vertical-align: bottom; }

.align-text-top { vertical-align: text-top; }

.align-text-bottom { vertical-align: text-bottom; }

.align-sub { vertical-align: sub; }

.align-super { vertical-align: super; }

.whitespace-normal { white-space: normal; }

.whitespace-nowrap { white-space: nowrap; }

.whitespace-pre { white-space: pre; }

.whitespace-pre-line { white-space: pre-line; }

.whitespace-pre-wrap { white-space: pre-wrap; }

.break-normal { overflow-wrap: normal; word-break: normal; }

.break-words { overflow-wrap: break-word; }

.break-all { word-break: break-all; }

@media (max-width: 767px) {
  .sm\:text-left { text-align: left; }
  .sm\:text-center { text-align: center; }
  .sm\:text-right { text-align: right; }
  .sm\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: n=
owrap; }
  .sm\:truncate-2 { -webkit-line-clamp: 2; }
  .sm\:truncate-2, .sm\:truncate-3 { -webkit-box-orient: vertical; display:=
 -webkit-box; overflow: hidden; text-overflow: ellipsis; }
  .sm\:truncate-3 { -webkit-line-clamp: 3; }
  .sm\:truncate-4 { -webkit-box-orient: vertical; -webkit-line-clamp: 4; di=
splay: -webkit-box; overflow: hidden; }
  .sm\:text-ellipsis, .sm\:truncate-4 { text-overflow: ellipsis; }
  .sm\:text-clip { text-overflow: clip; }
  .sm\:align-baseline { vertical-align: baseline; }
  .sm\:align-top { vertical-align: top; }
  .sm\:align-middle { vertical-align: middle; }
  .sm\:align-bottom { vertical-align: bottom; }
  .sm\:align-text-top { vertical-align: text-top; }
  .sm\:align-text-bottom { vertical-align: text-bottom; }
  .sm\:align-sub { vertical-align: sub; }
  .sm\:align-super { vertical-align: super; }
  .sm\:whitespace-normal { white-space: normal; }
  .sm\:whitespace-nowrap { white-space: nowrap; }
  .sm\:whitespace-pre { white-space: pre; }
  .sm\:whitespace-pre-line { white-space: pre-line; }
  .sm\:whitespace-pre-wrap { white-space: pre-wrap; }
  .sm\:break-normal { overflow-wrap: normal; word-break: normal; }
  .sm\:break-words { overflow-wrap: break-word; }
  .sm\:break-all { word-break: break-all; }
}

@media (min-width: 768px) {
  .md\:text-left { text-align: left; }
  .md\:text-center { text-align: center; }
  .md\:text-right { text-align: right; }
  .md\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: n=
owrap; }
  .md\:truncate-2 { -webkit-line-clamp: 2; }
  .md\:truncate-2, .md\:truncate-3 { -webkit-box-orient: vertical; display:=
 -webkit-box; overflow: hidden; text-overflow: ellipsis; }
  .md\:truncate-3 { -webkit-line-clamp: 3; }
  .md\:truncate-4 { -webkit-box-orient: vertical; -webkit-line-clamp: 4; di=
splay: -webkit-box; overflow: hidden; }
  .md\:text-ellipsis, .md\:truncate-4 { text-overflow: ellipsis; }
  .md\:text-clip { text-overflow: clip; }
  .md\:align-baseline { vertical-align: baseline; }
  .md\:align-top { vertical-align: top; }
  .md\:align-middle { vertical-align: middle; }
  .md\:align-bottom { vertical-align: bottom; }
  .md\:align-text-top { vertical-align: text-top; }
  .md\:align-text-bottom { vertical-align: text-bottom; }
  .md\:align-sub { vertical-align: sub; }
  .md\:align-super { vertical-align: super; }
  .md\:whitespace-normal { white-space: normal; }
  .md\:whitespace-nowrap { white-space: nowrap; }
  .md\:whitespace-pre { white-space: pre; }
  .md\:whitespace-pre-line { white-space: pre-line; }
  .md\:whitespace-pre-wrap { white-space: pre-wrap; }
  .md\:break-normal { overflow-wrap: normal; word-break: normal; }
  .md\:break-words { overflow-wrap: break-word; }
  .md\:break-all { word-break: break-all; }
}

@media (min-width: 1024px) {
  .lg\:text-left { text-align: left; }
  .lg\:text-center { text-align: center; }
  .lg\:text-right { text-align: right; }
  .lg\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: n=
owrap; }
  .lg\:truncate-2 { -webkit-line-clamp: 2; }
  .lg\:truncate-2, .lg\:truncate-3 { -webkit-box-orient: vertical; display:=
 -webkit-box; overflow: hidden; text-overflow: ellipsis; }
  .lg\:truncate-3 { -webkit-line-clamp: 3; }
  .lg\:truncate-4 { -webkit-box-orient: vertical; -webkit-line-clamp: 4; di=
splay: -webkit-box; overflow: hidden; }
  .lg\:text-ellipsis, .lg\:truncate-4 { text-overflow: ellipsis; }
  .lg\:text-clip { text-overflow: clip; }
  .lg\:align-baseline { vertical-align: baseline; }
  .lg\:align-top { vertical-align: top; }
  .lg\:align-middle { vertical-align: middle; }
  .lg\:align-bottom { vertical-align: bottom; }
  .lg\:align-text-top { vertical-align: text-top; }
  .lg\:align-text-bottom { vertical-align: text-bottom; }
  .lg\:align-sub { vertical-align: sub; }
  .lg\:align-super { vertical-align: super; }
  .lg\:whitespace-normal { white-space: normal; }
  .lg\:whitespace-nowrap { white-space: nowrap; }
  .lg\:whitespace-pre { white-space: pre; }
  .lg\:whitespace-pre-line { white-space: pre-line; }
  .lg\:whitespace-pre-wrap { white-space: pre-wrap; }
  .lg\:break-normal { overflow-wrap: normal; word-break: normal; }
  .lg\:break-words { overflow-wrap: break-word; }
  .lg\:break-all { word-break: break-all; }
}

@media (min-width: 1270px) {
  .xl\:text-left { text-align: left; }
  .xl\:text-center { text-align: center; }
  .xl\:text-right { text-align: right; }
  .xl\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: n=
owrap; }
  .xl\:truncate-2 { -webkit-line-clamp: 2; }
  .xl\:truncate-2, .xl\:truncate-3 { -webkit-box-orient: vertical; display:=
 -webkit-box; overflow: hidden; text-overflow: ellipsis; }
  .xl\:truncate-3 { -webkit-line-clamp: 3; }
  .xl\:truncate-4 { -webkit-box-orient: vertical; -webkit-line-clamp: 4; di=
splay: -webkit-box; overflow: hidden; }
  .xl\:text-ellipsis, .xl\:truncate-4 { text-overflow: ellipsis; }
  .xl\:text-clip { text-overflow: clip; }
  .xl\:align-baseline { vertical-align: baseline; }
  .xl\:align-top { vertical-align: top; }
  .xl\:align-middle { vertical-align: middle; }
  .xl\:align-bottom { vertical-align: bottom; }
  .xl\:align-text-top { vertical-align: text-top; }
  .xl\:align-text-bottom { vertical-align: text-bottom; }
  .xl\:align-sub { vertical-align: sub; }
  .xl\:align-super { vertical-align: super; }
  .xl\:whitespace-normal { white-space: normal; }
  .xl\:whitespace-nowrap { white-space: nowrap; }
  .xl\:whitespace-pre { white-space: pre; }
  .xl\:whitespace-pre-line { white-space: pre-line; }
  .xl\:whitespace-pre-wrap { white-space: pre-wrap; }
  .xl\:break-normal { overflow-wrap: normal; word-break: normal; }
  .xl\:break-words { overflow-wrap: break-word; }
  .xl\:break-all { word-break: break-all; }
}

.bg-bottom { background-position: center bottom; }

.bg-center { background-position: 50% center; }

.bg-left { background-position: 0px center; }

.bg-left-bottom { background-position: 0px 100%; }

.bg-left-top { background-position: 0px 0px; }

.bg-right { background-position: 100% center; }

.bg-right-bottom { background-position: 100% 100%; }

.bg-right-top { background-position: 100% 0px; }

.bg-top { background-position: center top; }

.bg-auto { background-size: auto; }

.bg-cover { background-size: cover; }

.bg-contain { background-size: contain; }

@media (max-width: 767px) {
  .sm\:bg-bottom { background-position: center bottom; }
  .sm\:bg-center { background-position: 50% center; }
  .sm\:bg-left { background-position: 0px center; }
  .sm\:bg-left-bottom { background-position: 0px 100%; }
  .sm\:bg-left-top { background-position: 0px 0px; }
  .sm\:bg-right { background-position: 100% center; }
  .sm\:bg-right-bottom { background-position: 100% 100%; }
  .sm\:bg-right-top { background-position: 100% 0px; }
  .sm\:bg-top { background-position: center top; }
  .sm\:bg-auto { background-size: auto; }
  .sm\:bg-cover { background-size: cover; }
  .sm\:bg-contain { background-size: contain; }
}

@media (min-width: 768px) {
  .md\:bg-bottom { background-position: center bottom; }
  .md\:bg-center { background-position: 50% center; }
  .md\:bg-left { background-position: 0px center; }
  .md\:bg-left-bottom { background-position: 0px 100%; }
  .md\:bg-left-top { background-position: 0px 0px; }
  .md\:bg-right { background-position: 100% center; }
  .md\:bg-right-bottom { background-position: 100% 100%; }
  .md\:bg-right-top { background-position: 100% 0px; }
  .md\:bg-top { background-position: center top; }
  .md\:bg-auto { background-size: auto; }
  .md\:bg-cover { background-size: cover; }
  .md\:bg-contain { background-size: contain; }
}

@media (min-width: 1024px) {
  .lg\:bg-bottom { background-position: center bottom; }
  .lg\:bg-center { background-position: 50% center; }
  .lg\:bg-left { background-position: 0px center; }
  .lg\:bg-left-bottom { background-position: 0px 100%; }
  .lg\:bg-left-top { background-position: 0px 0px; }
  .lg\:bg-right { background-position: 100% center; }
  .lg\:bg-right-bottom { background-position: 100% 100%; }
  .lg\:bg-right-top { background-position: 100% 0px; }
  .lg\:bg-top { background-position: center top; }
  .lg\:bg-auto { background-size: auto; }
  .lg\:bg-cover { background-size: cover; }
  .lg\:bg-contain { background-size: contain; }
}

@media (min-width: 1270px) {
  .xl\:bg-bottom { background-position: center bottom; }
  .xl\:bg-center { background-position: 50% center; }
  .xl\:bg-left { background-position: 0px center; }
  .xl\:bg-left-bottom { background-position: 0px 100%; }
  .xl\:bg-left-top { background-position: 0px 0px; }
  .xl\:bg-right { background-position: 100% center; }
  .xl\:bg-right-bottom { background-position: 100% 100%; }
  .xl\:bg-right-top { background-position: 100% 0px; }
  .xl\:bg-top { background-position: center top; }
  .xl\:bg-auto { background-size: auto; }
  .xl\:bg-cover { background-size: cover; }
  .xl\:bg-contain { background-size: contain; }
}

.overflow-auto { overflow: auto; }

.overflow-y-auto { overflow-y: auto; }

.overflow-x-auto { overflow-x: auto; }

.overflow-hidden { overflow: hidden; }

.overflow-x-hidden { overflow-x: hidden; }

.overflow-y-hidden { overflow-y: hidden; }

.overflow-visible { overflow: visible; }

.overflow-x-visible { overflow-x: visible; }

.overflow-y-visible { overflow-y: visible; }

.overflow-scroll { overflow: scroll; }

.overflow-x-scroll { overflow-x: scroll; }

.overflow-y-scroll { overflow-y: scroll; }

@media (max-width: 767px) {
  .sm\:overflow-auto { overflow: auto; }
  .sm\:overflow-y-auto { overflow-y: auto; }
  .sm\:overflow-x-auto { overflow-x: auto; }
  .sm\:overflow-hidden { overflow: hidden; }
  .sm\:overflow-x-hidden { overflow-x: hidden; }
  .sm\:overflow-y-hidden { overflow-y: hidden; }
  .sm\:overflow-visible { overflow: visible; }
  .sm\:overflow-x-visible { overflow-x: visible; }
  .sm\:overflow-y-visible { overflow-y: visible; }
  .sm\:overflow-scroll { overflow: scroll; }
  .sm\:overflow-x-scroll { overflow-x: scroll; }
  .sm\:overflow-y-scroll { overflow-y: scroll; }
}

@media (min-width: 768px) {
  .md\:overflow-auto { overflow: auto; }
  .md\:overflow-y-auto { overflow-y: auto; }
  .md\:overflow-x-auto { overflow-x: auto; }
  .md\:overflow-hidden { overflow: hidden; }
  .md\:overflow-x-hidden { overflow-x: hidden; }
  .md\:overflow-y-hidden { overflow-y: hidden; }
  .md\:overflow-visible { overflow: visible; }
  .md\:overflow-x-visible { overflow-x: visible; }
  .md\:overflow-y-visible { overflow-y: visible; }
  .md\:overflow-scroll { overflow: scroll; }
  .md\:overflow-x-scroll { overflow-x: scroll; }
  .md\:overflow-y-scroll { overflow-y: scroll; }
}

@media (min-width: 1024px) {
  .lg\:overflow-auto { overflow: auto; }
  .lg\:overflow-y-auto { overflow-y: auto; }
  .lg\:overflow-x-auto { overflow-x: auto; }
  .lg\:overflow-hidden { overflow: hidden; }
  .lg\:overflow-x-hidden { overflow-x: hidden; }
  .lg\:overflow-y-hidden { overflow-y: hidden; }
  .lg\:overflow-visible { overflow: visible; }
  .lg\:overflow-x-visible { overflow-x: visible; }
  .lg\:overflow-y-visible { overflow-y: visible; }
  .lg\:overflow-scroll { overflow: scroll; }
  .lg\:overflow-x-scroll { overflow-x: scroll; }
  .lg\:overflow-y-scroll { overflow-y: scroll; }
}

@media (min-width: 1270px) {
  .xl\:overflow-auto { overflow: auto; }
  .xl\:overflow-y-auto { overflow-y: auto; }
  .xl\:overflow-x-auto { overflow-x: auto; }
  .xl\:overflow-hidden { overflow: hidden; }
  .xl\:overflow-x-hidden { overflow-x: hidden; }
  .xl\:overflow-y-hidden { overflow-y: hidden; }
  .xl\:overflow-visible { overflow: visible; }
  .xl\:overflow-x-visible { overflow-x: visible; }
  .xl\:overflow-y-visible { overflow-y: visible; }
  .xl\:overflow-scroll { overflow: scroll; }
  .xl\:overflow-x-scroll { overflow-x: scroll; }
  .xl\:overflow-y-scroll { overflow-y: scroll; }
}

.static { position: sticky; }

.fixed { position: fixed; }

.absolute { position: absolute; }

.relative { position: relative; }

@media (max-width: 767px) {
  .sm\:static { position: sticky; }
  .sm\:fixed { position: fixed; }
  .sm\:absolute { position: absolute; }
  .sm\:relative { position: relative; }
}

@media (min-width: 768px) {
  .md\:static { position: sticky; }
  .md\:fixed { position: fixed; }
  .md\:absolute { position: absolute; }
  .md\:relative { position: relative; }
}

@media (min-width: 1024px) {
  .lg\:static { position: sticky; }
  .lg\:fixed { position: fixed; }
  .lg\:absolute { position: absolute; }
  .lg\:relative { position: relative; }
}

@media (min-width: 1270px) {
  .xl\:static { position: sticky; }
  .xl\:fixed { position: fixed; }
  .xl\:absolute { position: absolute; }
  .xl\:relative { position: relative; }
}

.block { display: block; }

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

.inline { display: inline; }

.flex { display: flex; }

.inline-flex { display: inline-flex; }

.hidden { display: none; }

@media (max-width: 767px) {
  .sm\:block { display: block; }
  .sm\:inline-block { display: inline-block; }
  .sm\:inline { display: inline; }
  .sm\:flex { display: flex; }
  .sm\:inline-flex { display: inline-flex; }
  .sm\:hidden { display: none; }
}

@media (min-width: 768px) {
  .md\:block { display: block; }
  .md\:inline-block { display: inline-block; }
  .md\:inline { display: inline; }
  .md\:flex { display: flex; }
  .md\:inline-flex { display: inline-flex; }
  .md\:hidden { display: none; }
}

@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:inline-block { display: inline-block; }
  .lg\:inline { display: inline; }
  .lg\:flex { display: flex; }
  .lg\:inline-flex { display: inline-flex; }
  .lg\:hidden { display: none; }
}

@media (min-width: 1270px) {
  .xl\:block { display: block; }
  .xl\:inline-block { display: inline-block; }
  .xl\:inline { display: inline; }
  .xl\:flex { display: flex; }
  .xl\:inline-flex { display: inline-flex; }
  .xl\:hidden { display: none; }
}

.cursor-auto { cursor: auto; }

.cursor-default { cursor: default; }

.cursor-pointer { cursor: pointer; }

.cursor-not-allowed { cursor: not-allowed; }

@media (max-width: 767px) {
  .sm\:cursor-auto { cursor: auto; }
  .sm\:cursor-default { cursor: default; }
  .sm\:cursor-pointer { cursor: pointer; }
  .sm\:cursor-not-allowed { cursor: not-allowed; }
}

@media (min-width: 768px) {
  .md\:cursor-auto { cursor: auto; }
  .md\:cursor-default { cursor: default; }
  .md\:cursor-pointer { cursor: pointer; }
  .md\:cursor-not-allowed { cursor: not-allowed; }
}

@media (min-width: 1024px) {
  .lg\:cursor-auto { cursor: auto; }
  .lg\:cursor-default { cursor: default; }
  .lg\:cursor-pointer { cursor: pointer; }
  .lg\:cursor-not-allowed { cursor: not-allowed; }
}

@media (min-width: 1270px) {
  .xl\:cursor-auto { cursor: auto; }
  .xl\:cursor-default { cursor: default; }
  .xl\:cursor-pointer { cursor: pointer; }
  .xl\:cursor-not-allowed { cursor: not-allowed; }
}

.doc-ssr-okds-locked::before { content: "=EE=80=B5"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-finance-seagull::before { content: "=EE=82=AE"; font-family: =
doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-qrcode::before { content: "=EE=81=87"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-security::before { content: "=EE=81=AB"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-place-order::before { content: "=EE=81=81"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-cursor-drag::before { content: "=EE=82=86"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-fail-circle::before { content: "=EE=80=A1"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-clock-filled::before { content: "=EE=82=9B"; font-family: doc=
-ssr-fa-b983c4766d; }

.doc-ssr-okds-question-mark-circle-fill::before { content: "=EE=81=88"; fon=
t-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-setting::before { content: "=EE=81=90"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-edit::before { content: "=EE=80=98"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-profile::before { content: "=EE=82=93"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-link::before { content: "=EE=80=B4"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-arrow-pointer-right-sm::before { content: "=EE=81=B0"; font-f=
amily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-cheveron-last-md::before { content: "=EE=82=AC"; font-f=
amily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-guide::before { content: "=EE=80=A8"; font-family: doc-ssr-fa=
-b983c4766d; }

.doc-ssr-okds-transfer-circle::before { content: "=EE=81=9B"; font-family: =
doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-copy::before { content: "=EE=80=92"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-hamburger::before { content: "=EE=80=AD"; font-family: doc-ss=
r-fa-b983c4766d; }

.doc-ssr-okds-arrow-pointer-up-md::before { content: "=EE=81=B1"; font-fami=
ly: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-cheveron-alignleft-md::before { content: "=EE=82=9E"; f=
ont-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-assets::before { content: "=EE=80=83"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-communication-call::before { content: "=EE=82=A7"; font-famil=
y: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-settlement-history::before { content: "=EE=81=9C"; font-famil=
y: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-report-centre::before { content: "=EE=81=8B"; font-family: do=
c-ssr-fa-b983c4766d; }

.doc-ssr-okds-action-reverse::before { content: "=EE=82=A4"; font-family: d=
oc-ssr-fa-b983c4766d; }

.doc-ssr-okds-calendar::before { content: "=EE=80=89"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-data-line-chart::before { content: "=EE=82=B2"; font-family: =
doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-user::before { content: "=EE=82=9D"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-success-circle-fill::before { content: "=EE=81=94"; font-fami=
ly: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-eye-hide-filled::before { content: "=EE=80=9C"; font-family: =
doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-communication-img::before { content: "=EE=82=94"; font-family=
: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-communications-faceid::before { content: "=EE=82=97"; font-fa=
mily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-transfer::before { content: "=EE=81=9F"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-arrow-pointer-up-sm::before { content: "=EE=81=B3"; font-fami=
ly: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-star::before { content: "=EE=81=93"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-expand::before { content: "=EE=80=9B"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-fees::before { content: "=EE=80=A2"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-eye-hide::before { content: "=EE=80=9D"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-sort-up::before { content: "=EE=82=82"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-hamburger-edit::before { content: "=EE=80=AA"; font-family: d=
oc-ssr-fa-b983c4766d; }

.doc-ssr-okds-trends::before { content: "=EE=81=9E"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-chat-bubble::before { content: "=EE=80=8C"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-option::before { content: "=EE=80=BE"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-developers::before { content: "=EE=82=9C"; font-family: doc-s=
sr-fa-b983c4766d; }

.doc-ssr-okds-trade-1::before { content: "=EE=81=99"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-clock::before { content: "=EE=80=8F"; font-family: doc-ssr-fa=
-b983c4766d; }

.doc-ssr-okds-arrow-chevron-down-md::before { content: "=EE=81=B4"; font-fa=
mily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-chevron-down-sm::before { content: "=EE=81=B5"; font-fa=
mily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-funding-rates::before { content: "=EE=80=A5"; font-family: do=
c-ssr-fa-b983c4766d; }

.doc-ssr-okds-strong-alert::before { content: "=EE=82=91"; font-family: doc=
-ssr-fa-b983c4766d; }

.doc-ssr-okds-withdraw::before { content: "=EE=81=A7"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-finance-bank::before { content: "=EE=82=95"; font-family: doc=
-ssr-fa-b983c4766d; }

.doc-ssr-okds-hamburger-setting::before { content: "=EE=80=AC"; font-family=
: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-deposit::before { content: "=EE=80=93"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-arrow-chevron-up-sm::before { content: "=EE=81=BE"; font-fami=
ly: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-unlocked::before { content: "=EE=81=A2"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-support::before { content: "=EE=81=96"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-information-circle::before { content: "=EE=80=B0"; font-famil=
y: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-pending-circle::before { content: "=EE=82=A3"; font-family: d=
oc-ssr-fa-b983c4766d; }

.doc-ssr-okds-eur::before { content: "=EE=80=99"; font-family: doc-ssr-fa-b=
983c4766d; }

.doc-ssr-okds-language::before { content: "=EE=80=B3"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-search::before { content: "=EE=81=8E"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-arrow-cheveron-first-md::before { content: "=EE=82=AB"; font-=
family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-pointer-down-sm::before { content: "=EE=81=AC"; font-fa=
mily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-plus-circle::before { content: "=EE=81=84"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-finance-earn::before { content: "=EE=82=99"; font-family: doc=
-ssr-fa-b983c4766d; }

.doc-ssr-okds-communication-idcard::before { content: "=EE=82=96"; font-fam=
ily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-pointer-left-sm::before { content: "=EE=81=AE"; font-fa=
mily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-aed::before { content: "=EE=82=B0"; font-family: doc-ssr-fa-b=
983c4766d; }

.doc-ssr-okds-plus::before { content: "=EE=81=85"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-sort-default::before { content: "=EE=82=84"; font-family: doc=
-ssr-fa-b983c4766d; }

.doc-ssr-okds-hamburger-search::before { content: "=EE=80=AB"; font-family:=
 doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-sort-default-center-aligned::before { content: "=EE=82=A8"; f=
ont-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-clear-fill::before { content: "=EE=80=8E"; font-family: doc-s=
sr-fa-b983c4766d; }

.doc-ssr-okds-star-filled::before { content: "=EE=81=92"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-bell::before { content: "=EE=80=85"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-minus::before { content: "=EE=80=BA"; font-family: doc-ssr-fa=
-b983c4766d; }

.doc-ssr-okds-cursor-zoom::before { content: "=EE=82=87"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-question-mark-circle::before { content: "=EE=81=89"; font-fam=
ily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-success-circle::before { content: "=EE=81=95"; font-family: d=
oc-ssr-fa-b983c4766d; }

.doc-ssr-okds-authenticator::before { content: "=EE=82=A5"; font-family: do=
c-ssr-fa-b983c4766d; }

.doc-ssr-okds-sort-up-center-aligned::before { content: "=EE=82=A9"; font-f=
amily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-convertokb::before { content: "=EE=80=91"; font-family: doc-s=
sr-fa-b983c4766d; }

.doc-ssr-okds-warning-circle-fill::before { content: "=EE=81=A4"; font-fami=
ly: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-academy::before { content: "=EE=80=80"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-brush::before { content: "=EE=80=88"; font-family: doc-ssr-fa=
-b983c4766d; }

.doc-ssr-okds-futures::before { content: "=EE=80=A6"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-sort-down-center-aligned-svg::before { content: "=EE=82=AA"; =
font-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-trash::before { content: "=EE=81=9D"; font-family: doc-ssr-fa=
-b983c4766d; }

.doc-ssr-okds-usd::before { content: "=EE=81=A3"; font-family: doc-ssr-fa-b=
983c4766d; }

.doc-ssr-okds-img::before { content: "=EE=82=88"; font-family: doc-ssr-fa-b=
983c4766d; }

.doc-ssr-okds-arrow-chevron-up-md::before { content: "=EE=81=BD"; font-fami=
ly: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-red-packe::before { content: "=EE=81=8A"; font-family: doc-ss=
r-fa-b983c4766d; }

.doc-ssr-okds-history::before { content: "=EE=81=AA"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-gbp::before { content: "=EE=82=B1"; font-family: doc-ssr-fa-b=
983c4766d; }

.doc-ssr-okds-records::before { content: "=EE=81=A9"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-insurance-fund::before { content: "=EE=80=B1"; font-family: d=
oc-ssr-fa-b983c4766d; }

.doc-ssr-okds-eye-show::before { content: "=EE=80=9F"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-information-circle-fill::before { content: "=EE=80=AF"; font-=
family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-margin::before { content: "=EE=80=B9"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-communication-img-failed::before { content: "=EE=82=9F"; font=
-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-brl::before { content: "=EE=82=AF"; font-family: doc-ssr-fa-b=
983c4766d; }

.doc-ssr-okds-more::before { content: "=EE=80=BB"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-filter::before { content: "=EE=80=A3"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-arrow-chevron-left-centered-sm::before { content: "=EE=82=81"=
; font-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-clock-outline::before { content: "=EE=82=AD"; font-family: do=
c-ssr-fa-b983c4766d; }

.doc-ssr-okds-warning-circle::before { content: "=EE=81=A5"; font-family: d=
oc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-chevron-right-centered-sm::before { content: "=EE=82=8F=
"; font-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-scan::before { content: "=EE=81=8D"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-arrow-pointer-down-md::before { content: "=EE=81=B2"; font-fa=
mily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-plus-circle-filled::before { content: "=EE=81=83"; font-famil=
y: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-exchange::before { content: "=EE=80=B2"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-analysis::before { content: "=EE=80=82"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-candlestick::before { content: "=EE=80=8A"; font-family: doc-=
ssr-fa-b983c4766d; }

.doc-ssr-okds-bank::before { content: "=EE=80=84"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-arrow-pointer-left-md::before { content: "=EE=81=AD"; font-fa=
mily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-chevron-right-centered-md::before { content: "=EE=82=90=
"; font-family: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-carets-filled-up::before { content: "=EE=82=8C"; font-family:=
 doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-arrow-pointer-right-md::before { content: "=EE=81=AF"; font-f=
amily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-share::before { content: "=EE=81=91"; font-family: doc-ssr-fa=
-b983c4766d; }

.doc-ssr-okds-eye-show-filled::before { content: "=EE=80=9E"; font-family: =
doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-sort-down::before { content: "=EE=82=83"; font-family: doc-ss=
r-fa-b983c4766d; }

.doc-ssr-okds-cancel-order::before { content: "=EE=80=8B"; font-family: doc=
-ssr-fa-b983c4766d; }

.doc-ssr-okds-play::before { content: "=EE=81=82"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-mail::before { content: "=EE=80=B7"; font-family: doc-ssr-fa-=
b983c4766d; }

.doc-ssr-okds-orders::before { content: "=EE=80=BD"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-borrow::before { content: "=EE=80=87"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-logout::before { content: "=EE=80=B6"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-network-fee-standard::before { content: "=EE=82=A6"; font-fam=
ily: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-pie-chart::before { content: "=EE=81=80"; font-family: doc-ss=
r-fa-b983c4766d; }

.doc-ssr-okds-close::before { content: "=EE=80=90"; font-family: doc-ssr-fa=
-b983c4766d; }

.doc-ssr-okds-fail-circle-fill::before { content: "=EE=80=A0"; font-family:=
 doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-open-link::before { content: "=EE=80=BC"; font-family: doc-ss=
r-fa-b983c4766d; }

.doc-ssr-okds-security-fill::before { content: "=EE=81=8F"; font-family: do=
c-ssr-fa-b983c4766d; }

.doc-ssr-okds-id-card::before { content: "=EE=80=AE"; font-family: doc-ssr-=
fa-b983c4766d; }

.doc-ssr-okds-unlink::before { content: "=EE=81=A1"; font-family: doc-ssr-f=
a-b983c4766d; }

.doc-ssr-okds-carets-filled-down::before { content: "=EE=82=8D"; font-famil=
y: doc-ssr-fa-b983c4766d; }

.doc-ssr-okds-hierachy::before { content: "=EE=82=89"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-checkmark::before { content: "=EE=80=8D"; font-family: doc-ss=
r-fa-b983c4766d; }

.doc-ssr-okds-download::before { content: "=EE=80=94"; font-family: doc-ssr=
-fa-b983c4766d; }

.doc-ssr-okds-arrow-chevron-left-centered-md::before { content: "=EE=81=B6"=
; font-family: doc-ssr-fa-b983c4766d; }

.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-styl=
e: normal; }

.iconfont::before { display: inline-block; }

@font-face { font-display: block; font-family: doc-ssr-fa-b983c4766d; font-=
style: normal; src: url("../64b2a0f0c382ab093fad.woff2") format("woff2"); }

[dir=3D"rtl"] .doc-ssr-okds-arrow-cheveron-alignleft-md::before, [dir=3D"rt=
l"] .doc-ssr-okds-arrow-cheveron-first-md::before, [dir=3D"rtl"] .doc-ssr-o=
kds-arrow-cheveron-last-md::before, [dir=3D"rtl"] .doc-ssr-okds-arrow-chevr=
on-left-centered-md::before, [dir=3D"rtl"] .doc-ssr-okds-arrow-chevron-left=
-centered-sm::before, [dir=3D"rtl"] .doc-ssr-okds-arrow-chevron-right-cente=
red-md::before, [dir=3D"rtl"] .doc-ssr-okds-arrow-chevron-right-centered-sm=
::before, [dir=3D"rtl"] .doc-ssr-okds-arrow-pointer-left-md::before, [dir=
=3D"rtl"] .doc-ssr-okds-arrow-pointer-left-sm::before, [dir=3D"rtl"] .doc-s=
sr-okds-arrow-pointer-right-md::before, [dir=3D"rtl"] .doc-ssr-okds-arrow-p=
ointer-right-sm::before, [dir=3D"rtl"] .doc-ssr-okds-communication-idcard::=
before, [dir=3D"rtl"] .doc-ssr-okds-copy::before, [dir=3D"rtl"] .doc-ssr-ok=
ds-eye-hide-filled::before, [dir=3D"rtl"] .doc-ssr-okds-eye-hide::before, [=
dir=3D"rtl"] .doc-ssr-okds-guide::before, [dir=3D"rtl"] .doc-ssr-okds-logou=
t::before, [dir=3D"rtl"] .doc-ssr-okds-network-fee-standard::before, [dir=
=3D"rtl"] .doc-ssr-okds-open-link::before, [dir=3D"rtl"] .doc-ssr-okds-orde=
rs::before, [dir=3D"rtl"] .doc-ssr-okds-question-mark-circle-fill::before, =
[dir=3D"rtl"] .doc-ssr-okds-question-mark-circle::before, [dir=3D"rtl"] .do=
c-ssr-okds-report-centre::before, [dir=3D"rtl"] .doc-ssr-okds-share::before=
 { transform: scaleX(-1); }

.okui-breadcrumbs, .okui-breadcrumbs-crumb, .okui-breadcrumbs-crumb-active =
{ align-items: center; display: flex; }

.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link { font-weight: var(-=
-okd-breadcrumbs-primary-default-font-weight,var(--okd-hyperlink-medium-fon=
t-weight)); }

.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link, .okui-breadcrumbs-p=
rimary .okui-breadcrumbs-crumb-link a, .okui-breadcrumbs-primary .okui-brea=
dcrumbs-crumb-link a:active, .okui-breadcrumbs-primary .okui-breadcrumbs-cr=
umb-link a:visited { color: var(--okd-breadcrumbs-primary-default-font-colo=
r,var(--okd-hyperlink-primary-default-color)); }

.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link:hover { font-weight:=
 var(--okd-breadcrumbs-primary-hover-font-weight,500); }

.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-active { color: var(--okd=
-breadcrumbs-primary-current-font-color); font-weight: var(--okd-breadcrumb=
s-primary-current-font-weight,var(--okd-breadcrumbs-common-current-font-wei=
ght)); }

.okui-breadcrumbs-primary .crumb-icon { color: var(--okd-breadcrumbs-primar=
y-icon-color); }

.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link { font-weight: var=
(--okd-breadcrumbs-secondary-default-font-weight,var(--okd-hyperlink-medium=
-font-weight)); }

.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link, .okui-breadcrumbs=
-secondary .okui-breadcrumbs-crumb-link a, .okui-breadcrumbs-secondary .oku=
i-breadcrumbs-crumb-link a:active, .okui-breadcrumbs-secondary .okui-breadc=
rumbs-crumb-link a:visited { color: var(--okd-breadcrumbs-secondary-default=
-font-color,var(--okd-hyperlink-secondary-default-color)); }

.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link:hover { font-weigh=
t: var(--okd-breadcrumbs-secondary-hover-font-weight,500); }

.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-active { color: var(--o=
kd-breadcrumbs-secondary-current-font-color); font-weight: var(--okd-breadc=
rumbs-secondary-current-font-weight,var(--okd-breadcrumbs-common-current-fo=
nt-weight)); }

.okui-breadcrumbs-secondary .crumb-icon { color: var(--okd-breadcrumbs-seco=
ndary-icon-color); }

.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link { font-weight: var(=
--okd-breadcrumbs-reversed-default-font-weight,var(--okd-hyperlink-medium-f=
ont-weight)); }

.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link, .okui-breadcrumbs-=
reversed .okui-breadcrumbs-crumb-link a, .okui-breadcrumbs-reversed .okui-b=
readcrumbs-crumb-link a:active, .okui-breadcrumbs-reversed .okui-breadcrumb=
s-crumb-link a:visited { color: var(--okd-breadcrumbs-reversed-default-font=
-color,var(--okd-hyperlink-reversed-default-color)); }

.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link:hover { font-weight=
: var(--okd-breadcrumbs-reversed-hover-font-weight,500); }

.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-active { color: var(--ok=
d-breadcrumbs-reversed-current-font-color); font-weight: var(--okd-breadcru=
mbs-reversed-current-font-weight,var(--okd-breadcrumbs-common-current-font-=
weight)); }

.okui-breadcrumbs-reversed .crumb-icon { color: var(--okd-breadcrumbs-rever=
sed-icon-color); }

.okui-breadcrumbs-xs .okui-breadcrumbs-crumb-active { font-size: var(--okd-=
breadcrumbs-xs-current-font-size); line-height: var(--okd-breadcrumbs-xs-cu=
rrent-line-height); }

.okui-breadcrumbs-xs .crumb-icon { font-size: var(--okd-breadcrumbs-xs-icon=
-font-size); margin-left: var(--okd-breadcrumbs-xs-icon-margin-left); margi=
n-right: var(--okd-breadcrumbs-xs-icon-margin-right); }

.okui-breadcrumbs-sm .okui-breadcrumbs-crumb-active { font-size: var(--okd-=
breadcrumbs-sm-current-font-size); line-height: var(--okd-breadcrumbs-sm-cu=
rrent-line-height); }

.okui-breadcrumbs-sm .crumb-icon { font-size: var(--okd-breadcrumbs-sm-icon=
-font-size); margin-left: var(--okd-breadcrumbs-sm-icon-margin-left); margi=
n-right: var(--okd-breadcrumbs-sm-icon-margin-right); }

.okui-breadcrumbs-md .okui-breadcrumbs-crumb-active { font-size: var(--okd-=
breadcrumbs-md-current-font-size); line-height: var(--okd-breadcrumbs-md-cu=
rrent-line-height); }

.okui-breadcrumbs-md .crumb-icon { font-size: var(--okd-breadcrumbs-md-icon=
-font-size); margin-left: var(--okd-breadcrumbs-md-icon-margin-left); margi=
n-right: var(--okd-breadcrumbs-md-icon-margin-right); }

.okui-breadcrumbs-lg .okui-breadcrumbs-crumb-active { font-size: var(--okd-=
breadcrumbs-lg-current-font-size); line-height: var(--okd-breadcrumbs-lg-cu=
rrent-line-height); }

.okui-breadcrumbs-lg .crumb-icon { font-size: var(--okd-breadcrumbs-lg-icon=
-font-size); margin-left: var(--okd-breadcrumbs-lg-icon-margin-left); margi=
n-right: var(--okd-breadcrumbs-lg-icon-margin-right); }

.okui-popup { display: inline-flex; position: relative; width: fit-content;=
 }

.okui-popup-layer { opacity: 0; position: absolute; transition: opacity 0.3=
s ease 0s; visibility: hidden; }

.okui-popup-layer-visible { opacity: 1; visibility: visible; }

.okui-popup-layer-arrow-inner { border: 1px solid transparent; border-radiu=
s: 2px; box-sizing: border-box; display: block; height: 100%; transform: ro=
tate(45deg); transform-origin: center center; width: 100%; }

.okui-popup-layer.okui-popup-overflow[data-popper-reference-hidden] { point=
er-events: none; visibility: hidden; }

.okui-popup-white-board .okui-popup-layer-arrow-inner, .okui-popup-white-bo=
ard-content { background-color: var(--okd-popup-white-board-background); bo=
rder: 1px solid rgba(0, 0, 0, 0.05); }

.okui-popup-white-board-content { border-radius: 4px; box-shadow: var(--okd=
-popup-white-board-shadow); }

.okui-popup-placement-lg-top { padding-bottom: 9px; }

.okui-popup-placement-lg-bottom { padding-top: 9px; }

.okui-popup-placement-lg-left { padding-right: 9px; }

.okui-popup-placement-lg-right { padding-left: 9px; }

.okui-popup-arrow-lg .okui-popup-layer-arrow { height: 14px; width: 14px; }

.okui-popup-arrow-lg[data-popper-placement*=3D"top"] { padding: 0px 0px 9px=
; }

.okui-popup-arrow-lg[data-popper-placement*=3D"bottom"] { padding: 9px 0px =
0px; }

.okui-popup-arrow-lg[data-popper-placement*=3D"left"] { padding: 0px 9px 0p=
x 0px; }

.okui-popup-arrow-lg[data-popper-placement*=3D"right"] { padding: 0px 0px 0=
px 9px; }

.okui-popup-arrow-lg[data-popper-placement*=3D"top"] .okui-popup-layer-arro=
w { margin-top: -17px; top: 100%; }

.okui-popup-arrow-lg[data-popper-placement*=3D"top"] .okui-popup-layer-arro=
w-inner { border-left-color: transparent !important; border-top-color: tran=
sparent !important; }

.okui-popup-arrow-lg[data-popper-placement*=3D"right"] .okui-popup-layer-ar=
row { margin-right: -17px; right: 100%; }

.okui-popup-arrow-lg[data-popper-placement*=3D"right"] .okui-popup-layer-ar=
row-inner { border-right-color: transparent !important; border-top-color: t=
ransparent !important; }

.okui-popup-arrow-lg[data-popper-placement*=3D"bottom"] .okui-popup-layer-a=
rrow { bottom: 100%; margin-bottom: -17px; }

.okui-popup-arrow-lg[data-popper-placement*=3D"bottom"] .okui-popup-layer-a=
rrow-inner { border-bottom-color: transparent !important; border-right-colo=
r: transparent !important; }

.okui-popup-arrow-lg[data-popper-placement*=3D"left"] .okui-popup-layer-arr=
ow { left: 100%; margin-left: -17px; }

.okui-popup-arrow-lg[data-popper-placement*=3D"left"] .okui-popup-layer-arr=
ow-inner { border-bottom-color: transparent !important; border-left-color: =
transparent !important; }

.okui-popup-placement-md-top { padding-bottom: 7px; }

.okui-popup-placement-md-bottom { padding-top: 7px; }

.okui-popup-placement-md-left { padding-right: 7px; }

.okui-popup-placement-md-right { padding-left: 7px; }

.okui-popup-arrow-md .okui-popup-layer-arrow { height: 10px; width: 10px; }

.okui-popup-arrow-md[data-popper-placement*=3D"top"] { padding: 0px 0px 7px=
; }

.okui-popup-arrow-md[data-popper-placement*=3D"bottom"] { padding: 7px 0px =
0px; }

.okui-popup-arrow-md[data-popper-placement*=3D"left"] { padding: 0px 7px 0p=
x 0px; }

.okui-popup-arrow-md[data-popper-placement*=3D"right"] { padding: 0px 0px 0=
px 7px; }

.okui-popup-arrow-md[data-popper-placement*=3D"top"] .okui-popup-layer-arro=
w { margin-top: -13px; top: 100%; }

.okui-popup-arrow-md[data-popper-placement*=3D"top"] .okui-popup-layer-arro=
w-inner { border-left-color: transparent !important; border-top-color: tran=
sparent !important; }

.okui-popup-arrow-md[data-popper-placement*=3D"right"] .okui-popup-layer-ar=
row { margin-right: -13px; right: 100%; }

.okui-popup-arrow-md[data-popper-placement*=3D"right"] .okui-popup-layer-ar=
row-inner { border-right-color: transparent !important; border-top-color: t=
ransparent !important; }

.okui-popup-arrow-md[data-popper-placement*=3D"bottom"] .okui-popup-layer-a=
rrow { bottom: 100%; margin-bottom: -13px; }

.okui-popup-arrow-md[data-popper-placement*=3D"bottom"] .okui-popup-layer-a=
rrow-inner { border-bottom-color: transparent !important; border-right-colo=
r: transparent !important; }

.okui-popup-arrow-md[data-popper-placement*=3D"left"] .okui-popup-layer-arr=
ow { left: 100%; margin-left: -13px; }

.okui-popup-arrow-md[data-popper-placement*=3D"left"] .okui-popup-layer-arr=
ow-inner { border-bottom-color: transparent !important; border-left-color: =
transparent !important; }

:root { --okd-color-gray-050: #f9f9f9; --okd-color-gray-100: #ebebeb; --okd=
-color-gray-200: #dbdbdb; --okd-color-gray-300: #bdbdbd; --okd-color-gray-4=
00: #929292; --okd-color-gray-500: #6e6e6e; --okd-color-gray-600: #545454; =
--okd-color-gray-700: #3d3d3d; --okd-color-gray-800: #1a1a1a; --okd-color-g=
ray-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: #2=
77dff; --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: #78de9=
d; --okd-color-green-400: #4bd37d; --okd-color-green-500: #31bd65; --okd-co=
lor-green-600: #18a04a; --okd-color-green-700: #127837; --okd-color-green-8=
00: #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: #fef9f=
6; --okd-color-orange-100: #fce3d4; --okd-color-orange-200: #fbceb4; --okd-=
color-orange-300: #f9b994; --okd-color-orange-400: #f7a474; --okd-color-ora=
nge-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-col=
or-yellow-200: #ffe9af; --okd-color-yellow-300: #ffdf8d; --okd-color-yellow=
-400: #ffd66b; --okd-color-yellow-500: #ffcc49; --okd-color-yellow-600: #ff=
c327; --okd-color-yellow-700: #ffb905; --okd-color-yellow-800: #eaa900; --o=
kd-color-yellow-900: #d29801; --okd-color-text-white: #fff; --okd-color-tex=
t-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-se=
condary: #dbdbdb; --okd-color-line-amplifed: #bdbdbd; --okd-color-text-ligh=
ter: #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; --ok=
d-color-fq-red-lv1: #f1507b; --okd-color-fq-orange-lv1: #f16514; --okd-colo=
r-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-co=
lor-prefer-red-text: #eb4b6d; --okd-color-prefer-green-text: #31bd65; --okd=
-color-branded-primary: #bcff2f; --okd-color-fq-critical: #eb4b6d; --okd-co=
lor-fq-warning: #f16514; --okd-color-fq-positive: #31bd65; --okd-color-fq-n=
eutral: #000; --okd-color-fq-accent: #0569ff; --okd-color-prefer-neutral-te=
xt: #929292; --okd-color-prefer-neutral-bg: #929292; --okd-color-background=
-base-primary: #fff; --okd-color-background-base-secondary: #fafafa; --okd-=
color-background-surface-primary: rgba(0,0,0,.04); --okd-color-background-s=
urface-secondary: #fff; --okd-color-background-surface-pressed: rgba(0,9,3,=
.08); --okd-color-background-surface-disable: rgba(0,0,0,.02); --okd-color-=
background-scrim: rgba(0,0,0,.43); --okd-color-container-primary: #fff; --o=
kd-color-container-secondary: #fafafa; --okd-color-container-tertiary: #fff=
; --okd-color-container-contrast: #414141; --okd-color-container-inverse: #=
0d0d0d; --okd-color-content-primary: #000; --okd-color-content-secondary: r=
gba(0,0,0,.76); --okd-color-content-tertiary: rgba(0,0,0,.57); --okd-color-=
content-contrast: rgba(0,0,0,.43); --okd-color-content-disabled: rgba(0,0,0=
,.26); --okd-color-content-inverse: #fff; --okd-color-border-primary: rgba(=
0,9,3,.08); --okd-color-border-secondary: rgba(0,0,0,.14); --okd-color-bord=
er-contrast: #fafafa; --okd-color-border-selected: #000; --okd-color-semant=
ic-neutral: #000; --okd-color-semantic-notice: #ffb117; --okd-color-semanti=
c-positive: #31bd65; --okd-color-semantic-negative: #eb4b6d; --okd-color-se=
mantic-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-c=
ategorical-04: #12e366; --okd-color-categorical-05: #ff7888; --okd-color-co=
mmon-transparent: hsla(0,0%,100%,0); --okd-color-transparent-black: transpa=
rent; --okd-color-transparent-white: transparent; --okd-color-alert-info: #=
f7f7f7; --okd-color-alert-success: #f2fff7; --okd-color-alert-warning: #fef=
9f6; --okd-color-alert-error: #fff8f9; --okd-color-common-background-2: #f3=
f3f3; --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-shad=
ow-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 1=
5px -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 -12=
px #00000040; --okd-border-radius-none: 0; --okd-border-radius-sm: 2px; --o=
kd-border-radius-md: 4px; --okd-border-radius-lg: 6px; --okd-border-radius-=
xl: 8px; --okd-border-radius-xxl: 10px; --okd-border-radius-xxxl: 12px; --o=
kd-font-family: HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neu=
e,Helvetica,sans-serif; --okd-text-display-lg-font-size: 56px; --okd-text-d=
isplay-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: 40p=
x; --okd-text-display-sm-font-weight: 500; --okd-text-display-sm-line-heigh=
t: 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-headin=
g-md-line-height: 30px; --okd-text-heading-sm-font-size: 18px; --okd-text-h=
eading-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: 40=
px; --okd-text-heading-xxl-line-height: 1.32; --okd-text-heading-xxl-font-w=
eight: 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-t=
ext-body-sm-bold-line-height: 21px; --okd-text-body-md-regular-font-size: 1=
6px; --okd-text-body-md-regular-font-weight: 400; --okd-text-body-md-regula=
r-line-height: 24px; --okd-text-body-md-bold-font-size: 16px; --okd-text-bo=
dy-md-bold-font-weight: 500; --okd-text-body-md-bold-line-height: 24px; --o=
kd-text-body-xs-regular-font-size: 12px; --okd-text-body-xs-regular-font-we=
ight: 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-wei=
ght-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-regula=
r: 400; --okd-font-weight-medium: 500; --okd-font-weight-bold: 700; }

.okui-label { display: flex; width: 100%; }

.okui-label.top-right { justify-content: flex-end; }

.okui-label.top-between { justify-content: space-between; }

.okui-label-text { color: var(--okd-input-label-color); font-weight: 500; }

.okui-label-action { color: var(--okd-input-action-color); cursor: pointer;=
 font-weight: 500; }

.okui-label.label-xl .okui-label-text { font-size: var(--okd-input-xl-label=
-font-size); line-height: var(--okd-input-xl-label-line-height); margin-bot=
tom: var(--okd-input-xl-label-margin,6px); }

.okui-label.label-xl .okui-label-action { font-size: var(--okd-input-xl-act=
ion-font-size); line-height: var(--okd-input-xl-action-line-height); margin=
-bottom: var(--okd-input-xl-label-margin,6px); }

.okui-label.label-xl .okui-label-place { min-height: var(--okd-input-xl-lab=
el-line-height); }

.okui-label.label-lg .okui-label-text { font-size: var(--okd-input-lg-label=
-font-size); line-height: var(--okd-input-lg-label-line-height); margin-bot=
tom: var(--okd-input-lg-label-margin,6px); }

.okui-label.label-lg .okui-label-action { font-size: var(--okd-input-lg-act=
ion-font-size); line-height: var(--okd-input-lg-action-line-height); margin=
-bottom: var(--okd-input-lg-label-margin,6px); }

.okui-label.label-lg .okui-label-place { min-height: var(--okd-input-lg-lab=
el-line-height); }

.okui-label.label-xs .okui-label-text { font-size: var(--okd-input-xs-label=
-font-size); line-height: var(--okd-input-xs-label-line-height); margin-bot=
tom: var(--okd-input-xs-label-margin,4px); }

.okui-label.label-xs .okui-label-action { font-size: var(--okd-input-xs-act=
ion-font-size); line-height: var(--okd-input-xs-action-line-height); margin=
-bottom: var(--okd-input-xs-label-margin,4px); }

.okui-label.label-xs .okui-label-place { min-height: var(--okd-input-xs-lab=
el-line-height); }

.okui-label.label-sm .okui-label-text { font-size: var(--okd-input-sm-label=
-font-size); line-height: var(--okd-input-sm-label-line-height); margin-bot=
tom: var(--okd-input-sm-label-margin,4px); }

.okui-label.label-sm .okui-label-action { font-size: var(--okd-input-sm-act=
ion-font-size); line-height: var(--okd-input-sm-action-line-height); margin=
-bottom: var(--okd-input-sm-label-margin,4px); }

.okui-label.label-sm .okui-label-place { min-height: var(--okd-input-sm-lab=
el-line-height); }

.okui-label.label-md .okui-label-text { font-size: var(--okd-input-md-label=
-font-size); line-height: var(--okd-input-md-label-line-height); margin-bot=
tom: var(--okd-input-md-label-margin,4px); }

.okui-label.label-md .okui-label-action { font-size: var(--okd-input-md-act=
ion-font-size); line-height: var(--okd-input-md-action-line-height); margin=
-bottom: var(--okd-input-md-label-margin,4px); }

.okui-label.label-md .okui-label-place { min-height: var(--okd-input-md-lab=
el-line-height); }

.okui-input { align-items: flex-start; display: flex; flex-direction: colum=
n; position: relative; }

.okui-input * { box-sizing: border-box; }

.okui-input-prefix, .okui-input-suffix { align-items: center; display: flex=
; flex-shrink: 1; white-space: nowrap; }

.okui-input-input { background: transparent; border: none; color: var(--okd=
-input-default-text-color); flex-grow: 1; font-family: inherit; height: 100=
%; outline: none; width: 100%; }

.okui-input-input::-webkit-input-placeholder { -webkit-text-fill-color: var=
(--okd-input-default-placeholder-color); color: var(--okd-input-default-pla=
ceholder-color); }

.okui-input-input:-webkit-autofill { border: none; box-shadow: 0 0 0 30px v=
ar(--okd-input-default-background) inset; -webkit-text-fill-color: var(--ok=
d-input-default-text-color) !important; }

.okui-input-input.input-textarea { box-shadow: none; outline: none; resize:=
 none; }

.okui-input-custom-placeholder { position: relative; width: 100%; }

.okui-input-ellipsis { overflow: hidden; text-overflow: ellipsis; white-spa=
ce: nowrap; }

.okui-input-placeholder { inset: 50% 0px 0px; color: var(--okd-input-defaul=
t-placeholder-color); pointer-events: none; position: absolute; transform: =
translateY(-50%); }

.okui-input-tips-box { display: flex; width: 100%; }

.okui-input-error { color: var(--okd-input-error-tips-color); }

.okui-input-tips { color: var(--okd-input-tips-text-color); display: inline=
-block; }

.okui-input-help-text { color: var(--okd-input-tips-text-color); flex-grow:=
 1; flex-shrink: 0; text-align: right; }

.okui-input.hover, .okui-input:hover { cursor: text; }

.okui-input.hover .okui-input-box, .okui-input:hover .okui-input-box { back=
ground: var(--okd-input-hover-background); border: thin solid var(--okd-inp=
ut-hover-border-color); box-shadow: var(--okd-input-hover-shadow); }

.okui-input.hover .okui-input-box .okui-input-input, .okui-input:hover .oku=
i-input-box .okui-input-input { -webkit-text-fill-color: var(--okd-input-ho=
ver-text-color); caret-color: var(--okd-input-hover-caret-color); color: va=
r(--okd-input-hover-text-color); }

.okui-input.hover .okui-input-box .okui-input-input::-webkit-input-placehol=
der, .okui-input:hover .okui-input-box .okui-input-input::-webkit-input-pla=
ceholder { -webkit-text-fill-color: var(--okd-input-hover-placeholder-color=
); color: var(--okd-input-hover-placeholder-color); }

.okui-input.focus .okui-input-box { background: var(--okd-input-focus-backg=
round); border: thin solid var(--okd-input-focus-border-color); box-shadow:=
 var(--okd-input-focus-shadow); }

.okui-input.focus .okui-input-box .okui-input-input { -webkit-text-fill-col=
or: var(--okd-input-focus-text-color); caret-color: var(--okd-input-focus-c=
aret-color); color: var(--okd-input-focus-text-color); }

.okui-input.focus .okui-input-box .okui-input-input::-webkit-input-placehol=
der { -webkit-text-fill-color: var(--okd-input-focus-placeholder-color); co=
lor: var(--okd-input-focus-placeholder-color); }

.okui-input.disabled { cursor: not-allowed; }

.okui-input.disabled .okui-input-box { background: var(--okd-input-disabled=
-background); border: thin solid var(--okd-input-disabled-border-color); bo=
x-shadow: var(--okd-input-disabled-shadow); }

.okui-input.disabled .okui-input-box .okui-input-input { -webkit-text-fill-=
color: var(--okd-input-disabled-text-color); caret-color: var(--okd-input-d=
isabled-caret-color); color: var(--okd-input-disabled-text-color); }

.okui-input.disabled .okui-input-box .okui-input-input::-webkit-input-place=
holder { -webkit-text-fill-color: var(--okd-input-disabled-placeholder-colo=
r); color: var(--okd-input-disabled-placeholder-color); }

.okui-input.disabled .okui-input-input { cursor: not-allowed; opacity: 1; }

.okui-input.disabled .okui-input-input:-webkit-autofill { -webkit-text-fill=
-color: var(--okd-input-disabled-text-color) !important; box-shadow: 0 0 0 =
30px var(--okd-input-disabled-background) inset; }

.okui-input.error .okui-input-box { background: var(--okd-input-error-backg=
round); border: thin solid var(--okd-input-error-border-color); box-shadow:=
 var(--okd-input-error-shadow); }

.okui-input.error .okui-input-box .okui-input-input { -webkit-text-fill-col=
or: var(--okd-input-error-text-color); caret-color: var(--okd-input-error-c=
aret-color); color: var(--okd-input-error-text-color); }

.okui-input.error .okui-input-box .okui-input-input::-webkit-input-placehol=
der { -webkit-text-fill-color: var(--okd-input-error-placeholder-color); co=
lor: var(--okd-input-error-placeholder-color); }

.okui-input.error .okui-input-error { display: inline-block; }

.okui-input.no-border .okui-input-box { background: transparent; border: th=
in solid transparent; box-shadow: none; }

.okui-input-textarea-resize-virtual-dom::-webkit-scrollbar { display: none;=
 height: 0px; width: 0px; }

.okui-input-box { align-items: center; background: var(--okd-input-default-=
background); border: thin solid var(--okd-input-default-border-color); box-=
shadow: var(--okd-input-default-shadow); display: flex; transition: border-=
color 0.3s ease 0s, box-shadow 0.3s ease 0s; width: 100%; }

.okui-input-xl > .okui-input-box { border-radius: var(--okd-input-xl-border=
-radius); height: var(--okd-input-xl-height); padding: 0 var(--okd-input-xl=
-padding-horizontal,8px); }

.okui-input-xl > .okui-input-box.auto-size { height: fit-content; min-heigh=
t: var(--okd-input-xl-height); }

.okui-input-xl > .okui-input-box.no-padding-left { padding-left: 0px; }

.okui-input-xl > .okui-input-box.no-padding-right { padding-right: 0px; }

.okui-input-xl > .okui-input-box.ta { height: 100%; padding: 8px; }

.okui-input-xl > .okui-input-box.auto-resize-auto-height { height: fit-cont=
ent; min-height: var(--okd-input-xl-height); }

.okui-input-xl > .okui-input-box.input-circle { border-radius: 100px; }

.okui-input-xl .okui-input-input { font-size: var(--okd-input-xl-text-font-=
size); padding: calc(var(--okd-input-xl-height)/2 - var(--okd-input-xl-text=
-font-size)/2 - 2px) 0; }

.okui-input-xl .okui-input-input::-webkit-input-placeholder { font-size: va=
r(--okd-input-xl-text-font-size); font-weight: 400; text-overflow: ellipsis=
; }

.okui-input-xl .okui-input-input.ta { padding: 0px; }

.okui-input-xl .okui-input-input.textarea-auto-resize { line-height: var(--=
okd-input-xl-text-font-size); }

.okui-input-xl .okui-input-placeholder { font-size: var(--okd-input-xl-text=
-font-size); height: calc(var(--okd-input-xl-text-font-size) + 2px); line-h=
eight: calc(var(--okd-input-xl-text-font-size) + 2px); }

.okui-input-xl .okui-input.okui-input-place-mode .okui-input-tips-box { min=
-height: calc(var(--okd-input-xl-tip-line-height) + var(--okd-input-xl-tip-=
margin, 6px)); }

.okui-input-xl .okui-input-error { font-size: var(--okd-input-xl-error-font=
-size); line-height: var(--okd-input-xl-error-line-height); margin-top: var=
(--okd-input-xl-tip-margin,6px); }

.okui-input-xl .okui-input-help-text, .okui-input-xl .okui-input-tips { fon=
t-size: var(--okd-input-xl-tip-font-size); line-height: var(--okd-input-xl-=
tip-line-height); margin-top: var(--okd-input-xl-tip-margin,6px); }

.okui-input-lg > .okui-input-box { border-radius: var(--okd-input-lg-border=
-radius); height: var(--okd-input-lg-height); padding: 0 var(--okd-input-lg=
-padding-horizontal,8px); }

.okui-input-lg > .okui-input-box.auto-size { height: fit-content; min-heigh=
t: var(--okd-input-lg-height); }

.okui-input-lg > .okui-input-box.no-padding-left { padding-left: 0px; }

.okui-input-lg > .okui-input-box.no-padding-right { padding-right: 0px; }

.okui-input-lg > .okui-input-box.ta { height: 100%; padding: 8px; }

.okui-input-lg > .okui-input-box.auto-resize-auto-height { height: fit-cont=
ent; min-height: var(--okd-input-lg-height); }

.okui-input-lg > .okui-input-box.input-circle { border-radius: 100px; }

.okui-input-lg .okui-input-input { font-size: var(--okd-input-lg-text-font-=
size); padding: calc(var(--okd-input-lg-height)/2 - var(--okd-input-lg-text=
-font-size)/2 - 2px) 0; }

.okui-input-lg .okui-input-input::-webkit-input-placeholder { font-size: va=
r(--okd-input-lg-text-font-size); font-weight: 400; text-overflow: ellipsis=
; }

.okui-input-lg .okui-input-input.ta { padding: 0px; }

.okui-input-lg .okui-input-input.textarea-auto-resize { line-height: var(--=
okd-input-lg-text-font-size); }

.okui-input-lg .okui-input-placeholder { font-size: var(--okd-input-lg-text=
-font-size); height: calc(var(--okd-input-lg-text-font-size) + 2px); line-h=
eight: calc(var(--okd-input-lg-text-font-size) + 2px); }

.okui-input-lg .okui-input.okui-input-place-mode .okui-input-tips-box { min=
-height: calc(var(--okd-input-lg-tip-line-height) + var(--okd-input-lg-tip-=
margin, 6px)); }

.okui-input-lg .okui-input-error { font-size: var(--okd-input-lg-error-font=
-size); line-height: var(--okd-input-lg-error-line-height); margin-top: var=
(--okd-input-lg-tip-margin,6px); }

.okui-input-lg .okui-input-help-text, .okui-input-lg .okui-input-tips { fon=
t-size: var(--okd-input-lg-tip-font-size); line-height: var(--okd-input-lg-=
tip-line-height); margin-top: var(--okd-input-lg-tip-margin,6px); }

.okui-input-xs > .okui-input-box { border-radius: var(--okd-input-xs-border=
-radius); height: var(--okd-input-xs-height); padding: 0 var(--okd-input-xs=
-padding-horizontal,8px); }

.okui-input-xs > .okui-input-box.auto-size { height: fit-content; min-heigh=
t: var(--okd-input-xs-height); }

.okui-input-xs > .okui-input-box.no-padding-left { padding-left: 0px; }

.okui-input-xs > .okui-input-box.no-padding-right { padding-right: 0px; }

.okui-input-xs > .okui-input-box.ta { height: 100%; padding: 8px; }

.okui-input-xs > .okui-input-box.auto-resize-auto-height { height: fit-cont=
ent; min-height: var(--okd-input-xs-height); }

.okui-input-xs > .okui-input-box.input-circle { border-radius: 100px; }

.okui-input-xs .okui-input-input { font-size: var(--okd-input-xs-text-font-=
size); padding: calc(var(--okd-input-xs-height)/2 - var(--okd-input-xs-text=
-font-size)/2 - 2px) 0; }

.okui-input-xs .okui-input-input::-webkit-input-placeholder { font-size: va=
r(--okd-input-xs-text-font-size); font-weight: 400; text-overflow: ellipsis=
; }

.okui-input-xs .okui-input-input.ta { padding: 0px; }

.okui-input-xs .okui-input-input.textarea-auto-resize { line-height: var(--=
okd-input-xs-text-font-size); }

.okui-input-xs .okui-input-placeholder { font-size: var(--okd-input-xs-text=
-font-size); height: calc(var(--okd-input-xs-text-font-size) + 2px); line-h=
eight: calc(var(--okd-input-xs-text-font-size) + 2px); }

.okui-input-xs .okui-input.okui-input-place-mode .okui-input-tips-box { min=
-height: calc(var(--okd-input-xs-tip-line-height) + var(--okd-input-xs-tip-=
margin, 4px)); }

.okui-input-xs .okui-input-error { font-size: var(--okd-input-xs-error-font=
-size); line-height: var(--okd-input-xs-error-line-height); margin-top: var=
(--okd-input-xs-tip-margin,4px); }

.okui-input-xs .okui-input-help-text, .okui-input-xs .okui-input-tips { fon=
t-size: var(--okd-input-xs-tip-font-size); line-height: var(--okd-input-xs-=
tip-line-height); margin-top: var(--okd-input-xs-tip-margin,4px); }

.okui-input-sm > .okui-input-box { border-radius: var(--okd-input-sm-border=
-radius); height: var(--okd-input-sm-height); padding: 0 var(--okd-input-sm=
-padding-horizontal,8px); }

.okui-input-sm > .okui-input-box.auto-size { height: fit-content; min-heigh=
t: var(--okd-input-sm-height); }

.okui-input-sm > .okui-input-box.no-padding-left { padding-left: 0px; }

.okui-input-sm > .okui-input-box.no-padding-right { padding-right: 0px; }

.okui-input-sm > .okui-input-box.ta { height: 100%; padding: 8px; }

.okui-input-sm > .okui-input-box.auto-resize-auto-height { height: fit-cont=
ent; min-height: var(--okd-input-sm-height); }

.okui-input-sm > .okui-input-box.input-circle { border-radius: 100px; }

.okui-input-sm .okui-input-input { font-size: var(--okd-input-sm-text-font-=
size); padding: calc(var(--okd-input-sm-height)/2 - var(--okd-input-sm-text=
-font-size)/2 - 2px) 0; }

.okui-input-sm .okui-input-input::-webkit-input-placeholder { font-size: va=
r(--okd-input-sm-text-font-size); font-weight: 400; text-overflow: ellipsis=
; }

.okui-input-sm .okui-input-input.ta { padding: 0px; }

.okui-input-sm .okui-input-input.textarea-auto-resize { line-height: var(--=
okd-input-sm-text-font-size); }

.okui-input-sm .okui-input-placeholder { font-size: var(--okd-input-sm-text=
-font-size); height: calc(var(--okd-input-sm-text-font-size) + 2px); line-h=
eight: calc(var(--okd-input-sm-text-font-size) + 2px); }

.okui-input-sm .okui-input.okui-input-place-mode .okui-input-tips-box { min=
-height: calc(var(--okd-input-sm-tip-line-height) + var(--okd-input-sm-tip-=
margin, 4px)); }

.okui-input-sm .okui-input-error { font-size: var(--okd-input-sm-error-font=
-size); line-height: var(--okd-input-sm-error-line-height); margin-top: var=
(--okd-input-sm-tip-margin,4px); }

.okui-input-sm .okui-input-help-text, .okui-input-sm .okui-input-tips { fon=
t-size: var(--okd-input-sm-tip-font-size); line-height: var(--okd-input-sm-=
tip-line-height); margin-top: var(--okd-input-sm-tip-margin,4px); }

.okui-input-md > .okui-input-box { border-radius: var(--okd-input-md-border=
-radius); height: var(--okd-input-md-height); padding: 0 var(--okd-input-md=
-padding-horizontal,8px); }

.okui-input-md > .okui-input-box.auto-size { height: fit-content; min-heigh=
t: var(--okd-input-md-height); }

.okui-input-md > .okui-input-box.no-padding-left { padding-left: 0px; }

.okui-input-md > .okui-input-box.no-padding-right { padding-right: 0px; }

.okui-input-md > .okui-input-box.ta { height: 100%; padding: 8px; }

.okui-input-md > .okui-input-box.auto-resize-auto-height { height: fit-cont=
ent; min-height: var(--okd-input-md-height); }

.okui-input-md > .okui-input-box.input-circle { border-radius: 100px; }

.okui-input-md .okui-input-input { font-size: var(--okd-input-md-text-font-=
size); padding: calc(var(--okd-input-md-height)/2 - var(--okd-input-md-text=
-font-size)/2 - 2px) 0; }

.okui-input-md .okui-input-input::-webkit-input-placeholder { font-size: va=
r(--okd-input-md-text-font-size); font-weight: 400; text-overflow: ellipsis=
; }

.okui-input-md .okui-input-input.ta { padding: 0px; }

.okui-input-md .okui-input-input.textarea-auto-resize { line-height: var(--=
okd-input-md-text-font-size); }

.okui-input-md .okui-input-placeholder { font-size: var(--okd-input-md-text=
-font-size); height: calc(var(--okd-input-md-text-font-size) + 2px); line-h=
eight: calc(var(--okd-input-md-text-font-size) + 2px); }

.okui-input-md .okui-input.okui-input-place-mode .okui-input-tips-box { min=
-height: calc(var(--okd-input-md-tip-line-height) + var(--okd-input-md-tip-=
margin, 4px)); }

.okui-input-md .okui-input-error { font-size: var(--okd-input-md-error-font=
-size); line-height: var(--okd-input-md-error-line-height); margin-top: var=
(--okd-input-md-tip-margin,4px); }

.okui-input-md .okui-input-help-text, .okui-input-md .okui-input-tips { fon=
t-size: var(--okd-input-md-tip-font-size); line-height: var(--okd-input-md-=
tip-line-height); margin-top: var(--okd-input-md-tip-margin,4px); }

.okui-input-prefix { height: 100%; }

.okui-input-prefix .prefix-icon { color: var(--okd-input-icon-color); }

.okui-input-prefix .select { padding-right: 8px; }

.okui-input-suffix { height: 100%; }

.okui-input-suffix .suffix-icon { color: var(--okd-input-icon-color); }

.okui-input-suffix .clean-icon:hover { color: var(--okd-input-search-suffix=
-icon-hover-color,#000); }

.okui-input-suffix .error-icon { color: var(--okd-input-error-tips-color); =
}

.okui-input-xl .okui-input-prefix .prefix-icon { font-size: var(--okd-input=
-xl-icon-size); margin-left: 0px; margin-right: var(--okd-input-xl-icon-mar=
gin); }

.okui-input-xl .okui-input-suffix .suffix-icon { font-size: var(--okd-input=
-xl-icon-size); margin-left: var(--okd-input-xl-icon-margin); margin-right:=
 0px; }

.okui-input-lg .okui-input-prefix .prefix-icon { font-size: var(--okd-input=
-lg-icon-size); margin-left: 0px; margin-right: var(--okd-input-lg-icon-mar=
gin); }

.okui-input-lg .okui-input-suffix .suffix-icon { font-size: var(--okd-input=
-lg-icon-size); margin-left: var(--okd-input-lg-icon-margin); margin-right:=
 0px; }

.okui-input-xs .okui-input-prefix .prefix-icon { font-size: var(--okd-input=
-xs-icon-size); margin-left: 0px; margin-right: var(--okd-input-xs-icon-mar=
gin); }

.okui-input-xs .okui-input-suffix .suffix-icon { font-size: var(--okd-input=
-xs-icon-size); margin-left: var(--okd-input-xs-icon-margin); margin-right:=
 0px; }

.okui-input-sm .okui-input-prefix .prefix-icon { font-size: var(--okd-input=
-sm-icon-size); margin-left: 0px; margin-right: var(--okd-input-sm-icon-mar=
gin); }

.okui-input-sm .okui-input-suffix .suffix-icon { font-size: var(--okd-input=
-sm-icon-size); margin-left: var(--okd-input-sm-icon-margin); margin-right:=
 0px; }

.okui-input-md .okui-input-prefix .prefix-icon { font-size: var(--okd-input=
-md-icon-size); margin-left: 0px; margin-right: var(--okd-input-md-icon-mar=
gin); }

.okui-input-md .okui-input-suffix .suffix-icon { font-size: var(--okd-input=
-md-icon-size); margin-left: var(--okd-input-md-icon-margin); margin-right:=
 0px; }

.okui-input:hover .okui-input-number-suffix:not(.operation-always) { opacit=
y: 1; }

.okui-input-number-suffix { align-items: center; border-left: 1px solid var=
(--okd-input-default-border-color); cursor: pointer; display: flex; flex-di=
rection: column; height: 100%; justify-content: center; line-height: 0; mar=
gin-left: 6px; text-align: center; transition: opacity 0.5s ease 0s; width:=
 24px; }

.okui-input-number-suffix:not(.operation-always) { opacity: 0; }

.okui-input-number-suffix-part { align-items: center; background: var(--okd=
-input-number-default-add-icon-background); box-sizing: border-box; display=
: flex; flex: 1 1 0%; justify-content: center; width: 100%; }

.okui-input-number-suffix-part .icon { color: var(--okd-input-number-defaul=
t-add-icon-color); font-size: 13px; }

.okui-input-number-suffix-part .hover, .okui-input-number-suffix-part:hover=
 { background: var(--okd-input-number-hover-add-icon-background); }

.okui-input-number-suffix-part .hover .icon, .okui-input-number-suffix-part=
:hover .icon { color: var(--okd-input-number-hover-add-icon-color); }

.okui-input-number-suffix-part .active, .okui-input-number-suffix-part:acti=
ve { background: var(--okd-input-number-active-add-icon-background); }

.okui-input-number-suffix-part .active .icon, .okui-input-number-suffix-par=
t:active .icon { color: var(--okd-input-number-active-add-icon-color); }

.okui-input-number-suffix-part .disabled, .okui-input-number-suffix-part-di=
sabled { background: var(--okd-input-number-disabled-add-icon-background); =
cursor: not-allowed; }

.okui-input-number-suffix-part .disabled .icon, .okui-input-number-suffix-p=
art .disabled:hover .icon, .okui-input-number-suffix-part-disabled .icon, .=
okui-input-number-suffix-part-disabled:hover .icon { color: var(--okd-input=
-number-disabled-add-icon-color); }

.okui-input-number-suffix-line { background: var(--okd-input-default-border=
-color); height: 1px; width: 100%; }

.okui-input-number-suffix .up { transform: rotate(180deg); }

.okui-input-number-localization { text-align: right; }

.okui-input-number-localization-percent { color: var(--okd-input-default-te=
xt-color); display: inline-block; }

.okui-input-code-btn { color: var(--okd-input-code-common-btn-color); curso=
r: pointer; }

.okui-input-code-btn.disabled { color: var(--okd-input-code-common-btn-disa=
bled-color); cursor: not-allowed; }

.okui-input-count-down { color: var(--okd-input-code-common-count-color); }

.okui-input input::-webkit-inner-spin-button, .okui-input input::-webkit-ou=
ter-spin-button { margin: 0px; appearance: none !important; }

.okui-input input[type=3D"number"] { }

.okui-input-xl .okui-input-code-btn { font-size: var(--okd-input-code-xl-bt=
n-font-size); line-height: var(--okd-input-code-xl-btn-line-height); }

.okui-input-xl .okui-input-count-down { font-size: var(--okd-input-code-xl-=
count-font-size); line-height: var(--okd-input-code-xl-count-line-height); =
}

.okui-input-lg .okui-input-code-btn { font-size: var(--okd-input-code-lg-bt=
n-font-size); line-height: var(--okd-input-code-lg-btn-line-height); }

.okui-input-lg .okui-input-count-down { font-size: var(--okd-input-code-lg-=
count-font-size); line-height: var(--okd-input-code-lg-count-line-height); =
}

.okui-input-xs .okui-input-code-btn { font-size: var(--okd-input-code-xs-bt=
n-font-size); line-height: var(--okd-input-code-xs-btn-line-height); }

.okui-input-xs .okui-input-count-down { font-size: var(--okd-input-code-xs-=
count-font-size); line-height: var(--okd-input-code-xs-count-line-height); =
}

.okui-input-sm .okui-input-code-btn { font-size: var(--okd-input-code-sm-bt=
n-font-size); line-height: var(--okd-input-code-sm-btn-line-height); }

.okui-input-sm .okui-input-count-down { font-size: var(--okd-input-code-sm-=
count-font-size); line-height: var(--okd-input-code-sm-count-line-height); =
}

.okui-input-md .okui-input-code-btn { font-size: var(--okd-input-code-md-bt=
n-font-size); line-height: var(--okd-input-code-md-btn-line-height); }

.okui-input-md .okui-input-count-down { font-size: var(--okd-input-code-md-=
count-font-size); line-height: var(--okd-input-code-md-count-line-height); =
}

.okui-input-switch-icon.icon { cursor: pointer; }

.okui-input-prefix .okui-input-search-prefix-icon { color: var(--okd-input-=
search-prefix-icon-color); cursor: pointer; font-size: var(--okd-input-sear=
ch-prefix-icon-size); margin-right: 8px; }

.okui-input-suffix .clean-icon { color: var(--okd-input-search-suffix-icon-=
color); cursor: pointer; font-size: var(--okd-input-search-suffix-icon-size=
); }

.okui-input-search .okui-input-error { color: var(--okd-input-search-error-=
tips-color); }

.okui-input-search .okui-input-box { background-color: var(--okd-input-sear=
ch-default-background); border-color: var(--okd-input-search-default-border=
-color); box-shadow: var(--okd-input-search-default-shadow); }

.okui-input-search .okui-input-input { color: var(--okd-input-search-defaul=
t-text-color); }

.okui-input-search .okui-input-input::-webkit-input-placeholder { -webkit-t=
ext-fill-color: var(--okd-input-search-default-placeholder-color); color: v=
ar(--okd-input-search-default-placeholder-color); }

.okui-input-search.hover .okui-input-box, .okui-input-search:hover .okui-in=
put-box { background: var(--okd-input-search-hover-background); border: thi=
n solid var(--okd-input-search-hover-border-color); box-shadow: var(--okd-i=
nput-search-hover-shadow); }

.okui-input-search.hover .okui-input-box .okui-input-input, .okui-input-sea=
rch:hover .okui-input-box .okui-input-input { -webkit-text-fill-color: var(=
--okd-input-search-hover-text-color); caret-color: var(--okd-input-search-h=
over-caret-color); color: var(--okd-input-search-hover-text-color); }

.okui-input-search.hover .okui-input-box .okui-input-input::-webkit-input-p=
laceholder, .okui-input-search:hover .okui-input-box .okui-input-input::-we=
bkit-input-placeholder { -webkit-text-fill-color: var(--okd-input-search-ho=
ver-placeholder-color); color: var(--okd-input-search-hover-placeholder-col=
or); }

.okui-input-search.focus .okui-input-box { background: var(--okd-input-sear=
ch-focus-background); border: thin solid var(--okd-input-search-focus-borde=
r-color); box-shadow: var(--okd-input-search-focus-shadow); }

.okui-input-search.focus .okui-input-box .okui-input-input { -webkit-text-f=
ill-color: var(--okd-input-search-focus-text-color); caret-color: var(--okd=
-input-search-focus-caret-color); color: var(--okd-input-search-focus-text-=
color); }

.okui-input-search.focus .okui-input-box .okui-input-input::-webkit-input-p=
laceholder { -webkit-text-fill-color: var(--okd-input-search-focus-placehol=
der-color); color: var(--okd-input-search-focus-placeholder-color); }

.okui-input-search.disabled .okui-input-box { background: var(--okd-input-s=
earch-disabled-background); border: thin solid var(--okd-input-search-disab=
led-border-color); box-shadow: var(--okd-input-search-disabled-shadow); }

.okui-input-search.disabled .okui-input-box .okui-input-input { -webkit-tex=
t-fill-color: var(--okd-input-search-disabled-text-color); caret-color: var=
(--okd-input-search-disabled-caret-color); color: var(--okd-input-search-di=
sabled-text-color); }

.okui-input-search.disabled .okui-input-box .okui-input-input::-webkit-inpu=
t-placeholder { -webkit-text-fill-color: var(--okd-input-search-disabled-pl=
aceholder-color); color: var(--okd-input-search-disabled-placeholder-color)=
; }

.okui-input-search.error .okui-input-box { background: var(--okd-input-sear=
ch-error-background); border: thin solid var(--okd-input-search-error-borde=
r-color); box-shadow: var(--okd-input-search-error-shadow); }

.okui-input-search.error .okui-input-box .okui-input-input { -webkit-text-f=
ill-color: var(--okd-input-search-error-text-color); caret-color: var(--okd=
-input-search-error-caret-color); color: var(--okd-input-search-error-text-=
color); }

.okui-input-search.error .okui-input-box .okui-input-input::-webkit-input-p=
laceholder { -webkit-text-fill-color: var(--okd-input-search-error-placehol=
der-color); color: var(--okd-input-search-error-placeholder-color); }

.okui-input-verify { display: flex; flex-direction: row; position: relative=
; }

.okui-input-verify * { box-sizing: border-box; }

.okui-input-verify .okui-input-verify-input:focus { border: 1px solid var(-=
-okd-input-focus-border-color); box-shadow: var(--okd-input-focus-shadow); =
}

.okui-input-verify .okui-input-verify-input { align-items: center; backgrou=
nd: var(--okd-input-default-background); border: thin solid var(--okd-input=
-default-border-color); box-shadow: var(--okd-input-default-shadow); color:=
 var(--okd-input-default-text-color); display: flex; font-family: inherit; =
outline: none; text-align: center; transition: border-color 0.3s ease 0s, b=
ox-shadow 0.3s ease 0s; }

.okui-input-verify .okui-input-verify-input:-webkit-autofill { border: none=
; box-shadow: 0 0 0 30px var(--okd-input-default-background) inset; -webkit=
-text-fill-color: var(--okd-input-default-text-color) !important; }

.okui-input-verify .okui-input-verify-input.input-xl { border-radius: 6px; =
font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }

.okui-input-verify .okui-input-verify-input.input-xl.auto-size { height: fi=
t-content; min-height: 44px; }

.okui-input-verify .okui-input-verify-input.input-xl:last-child { margin-ri=
ght: 0px; }

.okui-input-verify .okui-input-verify-input.input-lg { border-radius: 6px; =
font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }

.okui-input-verify .okui-input-verify-input.input-lg.auto-size { height: fi=
t-content; min-height: 44px; }

.okui-input-verify .okui-input-verify-input.input-lg:last-child { margin-ri=
ght: 0px; }

.okui-input-verify .okui-input-verify-input.input-xs { border-radius: 6px; =
font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }

.okui-input-verify .okui-input-verify-input.input-xs.auto-size { height: fi=
t-content; min-height: 44px; }

.okui-input-verify .okui-input-verify-input.input-xs:last-child { margin-ri=
ght: 0px; }

.okui-input-verify .okui-input-verify-input.input-sm { border-radius: 6px; =
font-size: 20px; height: 40px; margin-right: 10px; width: 40px; }

.okui-input-verify .okui-input-verify-input.input-sm.auto-size { height: fi=
t-content; min-height: 40px; }

.okui-input-verify .okui-input-verify-input.input-sm:last-child { margin-ri=
ght: 0px; }

.okui-input-verify .okui-input-verify-input.input-md { border-radius: 6px; =
font-size: 26px; height: 44px; margin-right: 8px; width: 40px; }

.okui-input-verify .okui-input-verify-input.input-md.auto-size { height: fi=
t-content; min-height: 44px; }

.okui-input-verify .okui-input-verify-input.input-md:last-child { margin-ri=
ght: 0px; }

.okui-input-verify .okui-input-verify-input.disabled { -webkit-text-fill-co=
lor: var(--okd-input-disabled-text-color); background: var(--okd-input-disa=
bled-background); border: thin solid var(--okd-input-disabled-border-color)=
; box-shadow: var(--okd-input-disabled-shadow); caret-color: var(--okd-inpu=
t-disabled-caret-color); color: var(--okd-input-disabled-text-color); curso=
r: not-allowed; }

:root { --okd-input-default-text-color: var(--okd-color-content-primary); -=
-okd-input-default-placeholder-color: var(--okd-color-content-disabled); --=
okd-input-default-border-color: var(--okd-color-border-secondary); --okd-in=
put-default-caret-color: var(--okd-color-content-primary); --okd-input-defa=
ult-shadow: 0 0 0 0 transparent; --okd-input-default-background: var(--okd-=
color-background-surface-secondary); --okd-input-hover-text-color: var(--ok=
d-color-content-primary); --okd-input-hover-placeholder-color: var(--okd-co=
lor-content-disabled); --okd-input-hover-border-color: var(--okd-color-bord=
er-secondary); --okd-input-hover-caret-color: var(--okd-color-content-prima=
ry); --okd-input-hover-shadow: 0 0 0 0 transparent; --okd-input-hover-backg=
round: var(--okd-color-background-surface-secondary); --okd-input-focus-tex=
t-color: var(--okd-color-content-primary); --okd-input-focus-placeholder-co=
lor: var(--okd-color-content-disabled); --okd-input-focus-border-color: var=
(--okd-color-border-selected); --okd-input-focus-caret-color: var(--okd-col=
or-content-primary); --okd-input-focus-shadow: 0px 0px 0px 2px #0000001a; -=
-okd-input-focus-background: var(--okd-color-background-surface-secondary);=
 --okd-input-disabled-text-color: var(--okd-color-content-disabled); --okd-=
input-disabled-placeholder-color: var(--okd-color-content-disabled); --okd-=
input-disabled-border-color: var(--okd-color-border-secondary); --okd-input=
-disabled-caret-color: var(--okd-color-content-disabled); --okd-input-disab=
led-shadow: 0 0 0 0 transparent; --okd-input-disabled-background: var(--okd=
-color-background-surface-disable); --okd-input-error-text-color: var(--okd=
-color-content-primary); --okd-input-error-placeholder-color: var(--okd-col=
or-content-disabled); --okd-input-error-border-color: var(--okd-color-seman=
tic-negative); --okd-input-error-caret-color: var(--okd-color-content-prima=
ry); --okd-input-error-shadow: var(--okd-shadow-sm); --okd-input-error-back=
ground: var(--okd-color-background-surface-secondary); --okd-input-error-ti=
ps-color: var(--okd-color-semantic-negative); --okd-input-tips-text-color: =
var(--okd-color-content-contrast); --okd-input-icon-color: var(--okd-color-=
content-contrast); --okd-input-label-color: var(--okd-color-content-primary=
); --okd-input-action-color: var(--okd-color-content-primary); --okd-input-=
md-label-font-size: var(--okd-font-size-md); --okd-input-sm-label-font-size=
: var(--okd-font-size-xs); --okd-input-xs-label-font-size: var(--okd-font-s=
ize-xs); --okd-input-md-label-line-height: var(--okd-line-height-md); --okd=
-input-sm-label-line-height: var(--okd-line-height-xs); --okd-input-xs-labe=
l-line-height: var(--okd-line-height-xs); --okd-input-md-action-font-size: =
var(--okd-font-size-md); --okd-input-sm-action-font-size: var(--okd-font-si=
ze-xs); --okd-input-xs-action-font-size: var(--okd-font-size-xs); --okd-inp=
ut-md-action-line-height: var(--okd-line-height-md); --okd-input-sm-action-=
line-height: var(--okd-line-height-xs); --okd-input-xs-action-line-height: =
var(--okd-line-height-xs); --okd-input-md-height: 40px; --okd-input-md-text=
-font-size: var(--okd-font-size-md); --okd-input-md-border-radius: 4px; --o=
kd-input-md-error-font-size: 12px; --okd-input-md-error-line-height: var(--=
okd-line-height-xs); --okd-input-md-tip-font-size: var(--okd-font-size-xs);=
 --okd-input-md-tip-line-height: var(--okd-line-height-xs); --okd-input-md-=
icon-size: 20px; --okd-input-md-icon-margin: 6px; --okd-input-sm-height: 32=
px; --okd-input-sm-text-font-size: 12px; --okd-input-sm-border-radius: 4px;=
 --okd-input-sm-error-font-size: var(--okd-font-size-xs); --okd-input-sm-er=
ror-line-height: var(--okd-line-height-xs); --okd-input-sm-tip-font-size: v=
ar(--okd-font-size-xs); --okd-input-sm-tip-line-height: var(--okd-line-heig=
ht-xs); --okd-input-sm-icon-size: 16px; --okd-input-sm-icon-margin: 4px; --=
okd-input-xs-height: 28px; --okd-input-xs-text-font-size: var(--okd-font-si=
ze-xs); --okd-input-xs-border-radius: 4px; --okd-input-xs-error-font-size: =
var(--okd-font-size-xs); --okd-input-xs-error-line-height: var(--okd-line-h=
eight-xs); --okd-input-xs-tip-font-size: var(--okd-font-size-xs); --okd-inp=
ut-xs-tip-line-height: var(--okd-line-height-xs); --okd-input-xs-icon-size:=
 16px; --okd-input-xs-icon-margin: 4px; --okd-input-number-default-add-icon=
-color: var(--okd-color-gray-500); --okd-input-number-default-add-icon-back=
ground: var(--okd-color-transparent); --okd-input-number-hover-add-icon-col=
or: var(--okd-color-gray-700); --okd-input-number-hover-add-icon-background=
: var(--okd-color-transparent); --okd-input-number-active-add-icon-color: v=
ar(--okd-color-gray-300); --okd-input-number-active-add-icon-background: va=
r(--okd-color-gray-100); --okd-input-number-disabled-add-icon-color: var(--=
okd-color-gray-300); --okd-input-number-disabled-add-icon-background: var(-=
-okd-color-transparent); --okd-input-code-common-btn-color: var(--okd-color=
-blue-700); --okd-input-code-common-btn-disabled-color: var(--okd-color-gra=
y-300); --okd-input-code-common-count-color: var(--okd-color-content-disabl=
ed); --okd-input-code-md-btn-font-size: var(--okd-font-size-md); --okd-inpu=
t-code-md-btn-line-height: var(--okd-line-height-md); --okd-input-code-md-c=
ount-font-size: var(--okd-font-size-md); --okd-input-code-md-count-line-hei=
ght: var(--okd-line-height-md); --okd-input-code-sm-btn-font-size: var(--ok=
d-font-size-xs); --okd-input-code-sm-btn-line-height: var(--okd-line-height=
-xs); --okd-input-code-sm-count-font-size: var(--okd-font-size-xs); --okd-i=
nput-code-sm-count-line-height: var(--okd-line-height-xs); --okd-input-code=
-xs-btn-font-size: var(--okd-font-size-xs); --okd-input-code-xs-btn-line-he=
ight: var(--okd-line-height-xs); --okd-input-code-xs-count-font-size: var(-=
-okd-font-size-xs); --okd-input-code-xs-count-line-height: var(--okd-line-h=
eight-xs); --okd-input-search-default-text-color: var(--okd-color-content-p=
rimary); --okd-input-search-default-placeholder-color: var(--okd-color-cont=
ent-disabled); --okd-input-search-default-border-color: var(--okd-color-tra=
nsparent); --okd-input-search-default-caret-color: var(--okd-color-content-=
primary); --okd-input-search-default-shadow: 0px 0px 0px 0px transparent; -=
-okd-input-search-default-background: var(--okd-color-background-surface-pr=
imary); --okd-input-search-hover-text-color: var(--okd-color-content-primar=
y); --okd-input-search-hover-placeholder-color: var(--okd-color-content-dis=
abled); --okd-input-search-hover-border-color: var(--okd-color-border-selec=
ted); --okd-input-search-hover-caret-color: var(--okd-color-content-primary=
); --okd-input-search-hover-shadow: 0px 0px 0px 2px #0000001a; --okd-input-=
search-hover-background: var(--okd-color-container-primary); --okd-input-se=
arch-focus-text-color: var(--okd-color-content-primary); --okd-input-search=
-focus-placeholder-color: var(--okd-color-content-disabled); --okd-input-se=
arch-focus-border-color: var(--okd-color-border-selected); --okd-input-sear=
ch-focus-caret-color: var(--okd-color-content-primary); --okd-input-search-=
focus-shadow: 0px 0px 0px 2px #0000001a; --okd-input-search-focus-backgroun=
d: var(--okd-color-container-primary); --okd-input-search-error-text-color:=
 var(--okd-color-content-primary); --okd-input-search-error-placeholder-col=
or: var(--okd-color-content-disabled); --okd-input-search-error-border-colo=
r: var(--okd-color-semantic-negative); --okd-input-search-error-caret-color=
: var(--okd-color-content-primary); --okd-input-search-error-shadow: 0 1px =
2px 0 #0000000d; --okd-input-search-error-background: var(--okd-color-conta=
iner-primary); --okd-input-search-disabled-text-color: var(--okd-color-cont=
ent-disabled); --okd-input-search-disabled-placeholder-color: var(--okd-col=
or-content-disabled); --okd-input-search-disabled-border-color: var(--okd-c=
olor-transparent); --okd-input-search-disabled-caret-color: var(--okd-color=
-content-disabled); --okd-input-search-disabled-shadow: 0px 0px 0px 0px tra=
nsparent; --okd-input-search-disabled-background: var(--okd-color-backgroun=
d-surface-disable); --okd-input-search-prefix-icon-color: var(--okd-color-c=
ontent-contrast); --okd-input-search-prefix-icon-size: 16px; --okd-input-se=
arch-suffix-icon-color: var(--okd-color-content-contrast); --okd-input-sear=
ch-suffix-icon-size: 13px; --okd-input-search-error-tips-color: var(--okd-c=
olor-semantic-negative); --okd-input-verify-md-width: 44px; --okd-input-ver=
ify-md-height: 48px; --okd-input-lg-height: 44px; --okd-input-lg-border-rad=
ius: 6px; --okd-input-lg-label-font-size: 14px; --okd-input-lg-label-line-h=
eight: 20px; --okd-input-lg-label-margin: 6px; --okd-input-lg-action-font-s=
ize: 14px; --okd-input-lg-action-line-height: 20px; --okd-input-lg-text-fon=
t-size: 14px; --okd-input-lg-error-font-size: 14px; --okd-input-lg-error-li=
ne-height: 16px; --okd-input-lg-tip-margin: 4px; --okd-input-lg-tip-font-si=
ze: 12px; --okd-input-lg-tip-line-height: 16px; --okd-input-md-label-margin=
: 4px; --okd-input-md-tip-margin: 4px; --okd-input-sm-label-margin: 4px; --=
okd-input-sm-tip-margin: 4px; --okd-input-xs-label-margin: 4px; --okd-input=
-xs-tip-margin: 4px; --okd-input-xl-height: 48px; --okd-input-xl-text-font-=
size: 14px; --okd-input-xl-border-radius: 8px; --okd-input-lg-icon-size: 20=
px; --okd-input-lg-icon-margin: 8px; --okd-input-xl-label-line-height: 20px=
; --okd-input-xl-icon-size: 20px; --okd-input-xl-icon-margin: 12px; --okd-i=
nput-xl-error-font-size: 14px; --okd-input-xl-error-line-height: 14px; --ok=
d-input-xl-action-font-size: 14px; --okd-input-xl-action-line-height: 20px;=
 --okd-input-xl-label-margin: 6px; --okd-input-xl-label-font-size: 14px; --=
okd-input-xl-tip-font-size: 12px; --okd-input-xl-tip-margin: 6px; --okd-inp=
ut-xl-tip-line-height: 14px; --okd-input-verify-xl-height: px; --okd-input-=
verify-xl-width: px; --okd-input-xs-padding-horizontal: 8px; --okd-input-sm=
-padding-horizontal: 8px; --okd-input-md-padding-horizontal: 8px; --okd-inp=
ut-lg-padding-horizontal: 8px; --okd-input-xl-padding-horizontal: 16px; --o=
kd-input-reversed-default-text-color: var(--okd-color-content-inverse); --o=
kd-input-reversed-default-placeholder-color: hsla(0,0%,100%,.36); --okd-inp=
ut-reversed-default-border-color: hsla(0,0%,98%,.19); --okd-input-reversed-=
default-caret-color: var(--okd-color-content-inverse); --okd-input-reversed=
-default-shadow: 0 0 0 0 transparent; --okd-input-reversed-default-backgrou=
nd: hsla(0,0%,100%,.06); --okd-input-reversed-hover-text-color: var(--okd-c=
olor-content-inverse); --okd-input-reversed-hover-placeholder-color: hsla(0=
,0%,100%,.36); --okd-input-reversed-hover-border-color: var(--okd-color-bor=
der-contrast); --okd-input-reversed-hover-caret-color: var(--okd-color-cont=
ent-contrast); --okd-input-reversed-hover-shadow: 0px 0px 0px 0px transpare=
nt; --okd-input-reversed-hover-background: hsla(0,0%,100%,.06); --okd-input=
-reversed-focus-text-color: var(--okd-color-content-inverse); --okd-input-r=
eversed-focus-placeholder-color: hsla(0,0%,100%,.36); --okd-input-reversed-=
focus-border-color: var(--okd-color-border-contrast); --okd-input-reversed-=
focus-caret-color: var(--okd-color-content-inverse); --okd-input-reversed-f=
ocus-shadow: 0px 0px 0px 2px #ffffff1a; --okd-input-reversed-focus-backgrou=
nd: var(--okd-color-transparent); --okd-input-reversed-disabled-text-color:=
 var(--okd-color-gray-600); --okd-input-reversed-disabled-placeholder-color=
: var(--okd-color-gray-600); --okd-input-reversed-disabled-border-color: va=
r(--okd-color-gray-700); --okd-input-reversed-disabled-caret-color: var(--o=
kd-color-fq-accent); --okd-input-reversed-disabled-shadow: 0 0 0 0 transpar=
ent; --okd-input-reversed-disabled-background: var(--okd-color-gray-800); -=
-okd-input-reversed-error-text-color: var(--okd-color-content-inverse); --o=
kd-input-reversed-error-placeholder-color: hsla(0,0%,100%,.36); --okd-input=
-reversed-error-border-color: var(--okd-color-semantic-negative); --okd-inp=
ut-reversed-error-caret-color: var(--okd-color-content-contrast); --okd-inp=
ut-reversed-error-shadow: 0 0 0 0 transparent; --okd-input-reversed-error-b=
ackground: var(--okd-color-common-transparent); --okd-input-reversed-error-=
tips-color: var(--okd-color-semantic-negative); --okd-input-reversed-tips-t=
ext-color: var(--okd-color-gray-300); --okd-input-reversed-icon-color: var(=
--okd-color-gray-400); --okd-input-reversed-label-color: var(--okd-color-gr=
ay-200); --okd-input-reversed-action-color: var(--okd-color-content-inverse=
); --okd-input-number-reversed-default-add-icon-color: var(--okd-color-gray=
-500); --okd-input-number-reversed-default-add-icon-background: var(--okd-c=
olor-transparent); --okd-input-number-reversed-hover-add-icon-color: var(--=
okd-color-gray-300); --okd-input-number-reversed-hover-add-icon-background:=
 var(--okd-color-transparent); --okd-input-number-reversed-active-add-icon-=
color: var(--okd-color-gray-500); --okd-input-number-reversed-active-add-ic=
on-background: var(--okd-color-transparent); --okd-input-number-reversed-di=
sabled-add-icon-color: var(--okd-color-gray-500); --okd-input-number-revers=
ed-disabled-add-icon-background: var(--okd-color-transparent); --okd-input-=
code-reversed-common-btn-color: var(--okd-color-fq-accent); --okd-input-cod=
e-reversed-common-btn-disabled-color: var(--okd-color-gray-600); --okd-inpu=
t-code-reversed-common-count-color: var(--okd-color-gray-600); --okd-input-=
search-reversed-default-text-color: var(--okd-color-white); --okd-input-sea=
rch-reversed-default-placeholder-color: var(--okd-color-gray-700); --okd-in=
put-search-reversed-default-border-color: var(--okd-color-transparent); --o=
kd-input-search-reversed-default-caret-color: var(--okd-color-white); --okd=
-input-search-reversed-default-shadow: 0px 0px 0px 0px #f9f9f91a; --okd-inp=
ut-search-reversed-default-background: var(--okd-color-gray-800); --okd-inp=
ut-search-reversed-hover-text-color: var(--okd-color-white); --okd-input-se=
arch-reversed-hover-placeholder-color: var(--okd-color-gray-700); --okd-inp=
ut-search-reversed-hover-border-color: var(--okd-color-white); --okd-input-=
search-reversed-hover-caret-color: var(--okd-color-white); --okd-input-sear=
ch-reversed-hover-shadow: 0px 0px 0px 2px #f9f9f91a; --okd-input-search-rev=
ersed-hover-background: var(--okd-color-black); --okd-input-search-reversed=
-focus-text-color: var(--okd-color-white); --okd-input-search-reversed-focu=
s-placeholder-color: var(--okd-color-gray-700); --okd-input-search-reversed=
-focus-border-color: var(--okd-color-white); --okd-input-search-reversed-fo=
cus-caret-color: var(--okd-color-white); --okd-input-search-reversed-focus-=
shadow: 0 0 0 0 transparent; --okd-input-search-reversed-focus-background: =
var(--okd-color-transparent); --okd-input-search-reversed-error-text-color:=
 var(--okd-color-white); --okd-input-search-reversed-error-placeholder-colo=
r: var(--okd-color-gray-700); --okd-input-search-reversed-error-border-colo=
r: var(--okd-color-fq-critical); --okd-input-search-reversed-error-caret-co=
lor: var(--okd-color-transparent); --okd-input-search-reversed-error-shadow=
: 0 0 0 0 transparent; --okd-input-search-reversed-error-background: var(--=
okd-color-black); --okd-input-search-reversed-disabled-text-color: var(--ok=
d-color-gray-500); --okd-input-search-reversed-disabled-placeholder-color: =
var(--okd-color-gray-700); --okd-input-search-reversed-disabled-border-colo=
r: var(--okd-color-transparent); --okd-input-search-reversed-disabled-caret=
-color: var(--okd-color-transparent); --okd-input-search-reversed-disabled-=
shadow: 0 0 0 0 transparent; --okd-input-search-reversed-disabled-backgroun=
d: var(--okd-color-gray-800); --okd-input-search-reversed-prefix-icon-color=
: var(--okd-color-gray-300); --okd-input-search-reversed-error-tips-color: =
var(--okd-color-fq-critical); }

.okui-input-reversed .okui-input-prefix .prefix-icon, .okui-input-reversed =
.okui-input-suffix .suffix-icon { color: var(--okd-input-reversed-icon-colo=
r); }

.okui-input-reversed .okui-input-suffix .error-icon { color: var(--okd-inpu=
t-reversed-error-tips-color); }

.okui-input-reversed .okui-input-box { background: var(--okd-input-reversed=
-default-background); border: thin solid var(--okd-input-reversed-default-b=
order-color); box-shadow: var(--okd-input-reversed-default-shadow); transit=
ion: border-color 0.3s ease 0s, box-shadow 0.3s ease 0s; }

.okui-input-reversed .okui-input-input { color: var(--okd-input-reversed-de=
fault-text-color); }

.okui-input-reversed .okui-input-input::-webkit-input-placeholder { -webkit=
-text-fill-color: var(--okd-input-reversed-default-placeholder-color); colo=
r: var(--okd-input-reversed-default-placeholder-color); }

.okui-input-reversed .okui-input-input:-webkit-autofill { border: none; box=
-shadow: 0 0 0 30px var(--okd-input-reversed-default-background) inset; -we=
bkit-text-fill-color: var(--okd-input-reversed-default-text-color) !importa=
nt; }

.okui-input-reversed .okui-input-error { color: var(--okd-input-reversed-er=
ror-tips-color); }

.okui-input-reversed .okui-input-help-text, .okui-input-reversed .okui-inpu=
t-tips { color: var(--okd-input-reversed-tips-text-color); }

.okui-input.okui-input-reversed.hover .okui-input-box, .okui-input.okui-inp=
ut-reversed:hover .okui-input-box { background: var(--okd-input-reversed-ho=
ver-background); border: thin solid var(--okd-input-reversed-hover-border-c=
olor); box-shadow: var(--okd-input-reversed-hover-shadow); }

.okui-input.okui-input-reversed.hover .okui-input-box .okui-input-input, .o=
kui-input.okui-input-reversed:hover .okui-input-box .okui-input-input { -we=
bkit-text-fill-color: var(--okd-input-reversed-hover-text-color); caret-col=
or: var(--okd-input-reversed-hover-caret-color); color: var(--okd-input-rev=
ersed-hover-text-color); }

.okui-input.okui-input-reversed.hover .okui-input-box .okui-input-input::-w=
ebkit-input-placeholder, .okui-input.okui-input-reversed:hover .okui-input-=
box .okui-input-input::-webkit-input-placeholder { -webkit-text-fill-color:=
 var(--okd-input-reversed-hover-placeholder-color); color: var(--okd-input-=
reversed-hover-placeholder-color); }

.okui-input.okui-input-reversed.focus .okui-input-box { background: var(--o=
kd-input-reversed-focus-background); border: thin solid var(--okd-input-rev=
ersed-focus-border-color); box-shadow: var(--okd-input-reversed-focus-shado=
w); }

.okui-input.okui-input-reversed.focus .okui-input-box .okui-input-input { -=
webkit-text-fill-color: var(--okd-input-reversed-focus-text-color); caret-c=
olor: var(--okd-input-reversed-focus-caret-color); color: var(--okd-input-r=
eversed-focus-text-color); }

.okui-input.okui-input-reversed.focus .okui-input-box .okui-input-input::-w=
ebkit-input-placeholder { -webkit-text-fill-color: var(--okd-input-reversed=
-focus-placeholder-color); color: var(--okd-input-reversed-focus-placeholde=
r-color); }

.okui-input.okui-input-reversed.disabled .okui-input-box { background: var(=
--okd-input-reversed-disabled-background); border: thin solid var(--okd-inp=
ut-reversed-disabled-border-color); box-shadow: var(--okd-input-reversed-di=
sabled-shadow); }

.okui-input.okui-input-reversed.disabled .okui-input-box .okui-input-input =
{ -webkit-text-fill-color: var(--okd-input-reversed-disabled-text-color); c=
aret-color: var(--okd-input-reversed-disabled-caret-color); color: var(--ok=
d-input-reversed-disabled-text-color); }

.okui-input.okui-input-reversed.disabled .okui-input-box .okui-input-input:=
:-webkit-input-placeholder { -webkit-text-fill-color: var(--okd-input-rever=
sed-disabled-placeholder-color); color: var(--okd-input-reversed-disabled-p=
laceholder-color); }

.okui-input.okui-input-reversed.disabled .okui-input-input:-webkit-autofill=
 { -webkit-text-fill-color: var(--okd-input-reversed-disabled-text-color) !=
important; box-shadow: 0 0 0 30px var(--okd-input-reversed-disabled-backgro=
und) inset; }

.okui-input.okui-input-reversed.error .okui-input-box { background: var(--o=
kd-input-reversed-error-background); border: thin solid var(--okd-input-rev=
ersed-error-border-color); box-shadow: var(--okd-input-reversed-error-shado=
w); }

.okui-input.okui-input-reversed.error .okui-input-box .okui-input-input { -=
webkit-text-fill-color: var(--okd-input-reversed-error-text-color); caret-c=
olor: var(--okd-input-reversed-error-caret-color); color: var(--okd-input-r=
eversed-error-text-color); }

.okui-input.okui-input-reversed.error .okui-input-box .okui-input-input::-w=
ebkit-input-placeholder { -webkit-text-fill-color: var(--okd-input-reversed=
-error-placeholder-color); color: var(--okd-input-reversed-error-placeholde=
r-color); }

.okui-label-reversed .okui-label-text { color: var(--okd-input-reversed-lab=
el-color); }

.okui-label-reversed .okui-label-action { color: var(--okd-input-reversed-a=
ction-color); }

.okui-input-reversed .okui-input-number-suffix { border-left: 1px solid var=
(--okd-input-reversed-default-border-color); }

.okui-input-reversed .okui-input-number-suffix-part { background: var(--okd=
-input-number-reversed-default-add-icon-background); }

.okui-input-reversed .okui-input-number-suffix-part .icon { color: var(--ok=
d-input-number-reversed-default-add-icon-color); }

.okui-input-reversed .okui-input-number-suffix-part .hover, .okui-input-rev=
ersed .okui-input-number-suffix-part:hover { background: var(--okd-input-nu=
mber-reversed-hover-add-icon-background); }

.okui-input-reversed .okui-input-number-suffix-part .hover .icon, .okui-inp=
ut-reversed .okui-input-number-suffix-part:hover .icon { color: var(--okd-i=
nput-number-reversed-hover-add-icon-color); }

.okui-input-reversed .okui-input-number-suffix-part .active, .okui-input-re=
versed .okui-input-number-suffix-part:active { background: var(--okd-input-=
number-reversed-active-add-icon-background); }

.okui-input-reversed .okui-input-number-suffix-part .active .icon, .okui-in=
put-reversed .okui-input-number-suffix-part:active .icon { color: var(--okd=
-input-number-reversed-active-add-icon-color); }

.okui-input-reversed .okui-input-number-suffix-part .disabled, .okui-input-=
reversed .okui-input-number-suffix-part-disabled { background: var(--okd-in=
put-number-reversed-disabled-add-icon-background); }

.okui-input-reversed .okui-input-number-suffix-part .disabled .icon, .okui-=
input-reversed .okui-input-number-suffix-part .disabled:hover .icon, .okui-=
input-reversed .okui-input-number-suffix-part-disabled .icon, .okui-input-r=
eversed .okui-input-number-suffix-part-disabled:hover .icon { color: var(--=
okd-input-number-reversed-disabled-add-icon-color); }

.okui-input-reversed .okui-input-number-suffix-line { background: var(--okd=
-input-reversed-default-border-color); }

.okui-input-reversed .okui-input-code-btn { color: var(--okd-input-code-rev=
ersed-common-btn-color); }

.okui-input-reversed .okui-input-code-btn.disabled { color: var(--okd-input=
-code-reversed-common-btn-disabled-color); }

.okui-input-reversed .okui-input-count-down { color: var(--okd-input-code-r=
eversed-common-count-color); }

:root { --okd-button-outline-primary-default-background: var(--okd-color-ba=
ckground-surface-secondary); --okd-button-outline-primary-hover-background:=
 var(--okd-color-background-base-secondary); --okd-button-outline-primary-a=
ctive-background: var(--okd-color-background-base-secondary); --okd-button-=
outline-primary-focus-background: var(--okd-color-background-2); --okd-butt=
on-outline-primary-disabled-background: var(--okd-color-background-surface-=
disable); --okd-button-outline-primary-default-border-color: var(--okd-colo=
r-border-secondary); --okd-button-outline-primary-hover-border-color: var(-=
-okd-color-border-secondary); --okd-button-outline-primary-active-border-co=
lor: var(--okd-color-border-secondary); --okd-button-outline-primary-focus-=
border-color: var(--okd-color-line-secondary); --okd-button-outline-primary=
-disabled-border-color: var(--okd-color-border-primary); --okd-button-outli=
ne-primary-default-font-color: var(--okd-color-content-primary); --okd-butt=
on-outline-primary-hover-font-color: var(--okd-color-content-primary); --ok=
d-button-outline-primary-active-font-color: var(--okd-color-content-primary=
); --okd-button-outline-primary-focus-font-color: var(--okd-color-text-ampl=
ifed); --okd-button-outline-primary-disabled-font-color: var(--okd-color-co=
ntent-disabled); --okd-button-outline-primary-default-icon-color: var(--okd=
-color-content-primary); --okd-button-outline-primary-hover-icon-color: var=
(--okd-color-content-primary); --okd-button-outline-primary-active-icon-col=
or: var(--okd-color-content-primary); --okd-button-outline-primary-focus-ic=
on-color: var(--okd-color-text-amplifed); --okd-button-outline-primary-disa=
bled-icon-color: var(--okd-color-content-disabled); --okd-button-outline-pr=
imary-default-shadow: 0 0 0 0 transparent; --okd-button-outline-primary-hov=
er-shadow: var(--okd-shadow-none); --okd-button-outline-primary-active-shad=
ow: var(--okd-shadow-none); --okd-button-outline-primary-focus-shadow: 0px =
0px 0px 3px #00000014; --okd-button-outline-primary-disabled-shadow: var(--=
okd-shadow-none); --okd-button-outline-primary-loader-track-color: var(--ok=
d-color-gray-200); --okd-button-outline-primary-loader-mark-color: var(--ok=
d-color-gray-900); --okd-button-outline-primary-border-size: 1px; --okd-but=
ton-primary-normal-default-background: var(--okd-color-blue-700); --okd-but=
ton-primary-normal-hover-background: var(--okd-color-blue-500); --okd-butto=
n-primary-normal-active-background: var(--okd-color-blue-800); --okd-button=
-primary-normal-focus-background: var(--okd-color-blue-700); --okd-button-p=
rimary-normal-disabled-background: var(--okd-color-gray-100); --okd-button-=
primary-normal-default-border-color: var(--okd-color-blue-700); --okd-butto=
n-primary-normal-hover-border-color: var(--okd-color-blue-500); --okd-butto=
n-primary-normal-active-border-color: var(--okd-color-blue-800); --okd-butt=
on-primary-normal-focus-border-color: var(--okd-color-blue-700); --okd-butt=
on-primary-normal-disabled-border-color: var(--okd-color-gray-100); --okd-b=
utton-primary-normal-default-font-color: var(--okd-color-text-white); --okd=
-button-primary-normal-hover-font-color: var(--okd-color-text-white); --okd=
-button-primary-normal-active-font-color: var(--okd-color-text-white); --ok=
d-button-primary-normal-focus-font-color: var(--okd-color-text-white); --ok=
d-button-primary-normal-disabled-font-color: var(--okd-color-gray-300); --o=
kd-button-primary-normal-default-icon-color: var(--okd-color-text-white); -=
-okd-button-primary-normal-hover-icon-color: var(--okd-color-text-white); -=
-okd-button-primary-normal-active-icon-color: var(--okd-color-text-white); =
--okd-button-primary-normal-focus-icon-color: var(--okd-color-text-white); =
--okd-button-primary-normal-disabled-icon-color: var(--okd-color-gray-300);=
 --okd-button-primary-normal-default-shadow: var(--okd-shadow-none); --okd-=
button-primary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-pr=
imary-normal-active-shadow: var(--okd-shadow-none); --okd-button-primary-no=
rmal-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(175,207,255,.4=
5); --okd-button-primary-normal-disabled-shadow: var(--okd-shadow-none); --=
okd-button-primary-normal-loader-track-color: var(--okd-color-blue-500); --=
okd-button-primary-normal-loader-mark-color: var(--okd-color-white); --okd-=
button-primary-red-default-background: var(--okd-color-red-700); --okd-butt=
on-primary-red-hover-background: var(--okd-color-red-500); --okd-button-pri=
mary-red-active-background: var(--okd-color-red-800); --okd-button-primary-=
red-focus-background: var(--okd-color-red-700); --okd-button-primary-red-di=
sabled-background: var(--okd-color-gray-100); --okd-button-primary-red-defa=
ult-border-color: var(--okd-color-red-700); --okd-button-primary-red-hover-=
border-color: var(--okd-color-red-500); --okd-button-primary-red-active-bor=
der-color: var(--okd-color-red-800); --okd-button-primary-red-focus-border-=
color: var(--okd-color-red-800); --okd-button-primary-red-disabled-border-c=
olor: var(--okd-color-gray-100); --okd-button-primary-red-default-font-colo=
r: var(--okd-color-text-white); --okd-button-primary-red-hover-font-color: =
var(--okd-color-text-white); --okd-button-primary-red-active-font-color: va=
r(--okd-color-text-white); --okd-button-primary-red-focus-font-color: var(-=
-okd-color-text-white); --okd-button-primary-red-disabled-font-color: var(-=
-okd-color-gray-300); --okd-button-primary-red-default-icon-color: var(--ok=
d-color-text-white); --okd-button-primary-red-hover-icon-color: var(--okd-c=
olor-text-white); --okd-button-primary-red-active-icon-color: var(--okd-col=
or-text-white); --okd-button-primary-red-focus-icon-color: var(--okd-color-=
text-white); --okd-button-primary-red-disabled-icon-color: var(--okd-color-=
gray-300); --okd-button-primary-red-default-shadow: var(--okd-shadow-sm); -=
-okd-button-primary-red-hover-shadow: var(--okd-shadow-none); --okd-button-=
primary-red-active-shadow: var(--okd-shadow-none); --okd-button-primary-red=
-focus-shadow: var(--okd-shadow-sm),0px 0px 0px 3px rgba(247,150,176,.45); =
--okd-button-primary-red-disabled-shadow: var(--okd-shadow-none); --okd-but=
ton-primary-red-loader-track-color: var(--okd-color-red-500); --okd-button-=
primary-red-loader-mark-color: var(--okd-color-white); --okd-button-primary=
-green-default-background: var(--okd-color-green-700); --okd-button-primary=
-green-hover-background: var(--okd-color-green-500); --okd-button-primary-g=
reen-active-background: var(--okd-color-green-800); --okd-button-primary-gr=
een-focus-background: var(--okd-color-green-700); --okd-button-primary-gree=
n-disabled-background: var(--okd-color-gray-100); --okd-button-primary-gree=
n-default-border-color: var(--okd-color-green-700); --okd-button-primary-gr=
een-hover-border-color: var(--okd-color-green-500); --okd-button-primary-gr=
een-active-border-color: var(--okd-color-green-800); --okd-button-primary-g=
reen-focus-border-color: var(--okd-color-green-700); --okd-button-primary-g=
reen-disabled-border-color: var(--okd-color-gray-100); --okd-button-primary=
-green-default-font-color: var(--okd-color-text-white); --okd-button-primar=
y-green-hover-font-color: var(--okd-color-text-white); --okd-button-primary=
-green-active-font-color: var(--okd-color-text-white); --okd-button-primary=
-green-focus-font-color: var(--okd-color-text-white); --okd-button-primary-=
green-disabled-font-color: var(--okd-color-gray-300); --okd-button-primary-=
green-default-icon-color: var(--okd-color-text-white); --okd-button-primary=
-green-hover-icon-color: var(--okd-color-text-white); --okd-button-primary-=
green-active-icon-color: var(--okd-color-text-white); --okd-button-primary-=
green-focus-icon-color: var(--okd-color-text-white); --okd-button-primary-g=
reen-disabled-icon-color: var(--okd-color-gray-300); --okd-button-primary-g=
reen-default-shadow: var(--okd-shadow-sm); --okd-button-primary-green-hover=
-shadow: var(--okd-shadow-none); --okd-button-primary-green-active-shadow: =
var(--okd-shadow-none); --okd-button-primary-green-focus-shadow: var(--okd-=
shadow-sm),0px 0px 0px 3px rgba(120,222,157,.45); --okd-button-primary-gree=
n-disabled-shadow: var(--okd-shadow-none); --okd-button-primary-green-loade=
r-track-color: var(--okd-color-green-500); --okd-button-primary-green-loade=
r-mark-color: var(--okd-color-white); --okd-button-secondary-normal-default=
-background: var(--okd-color-blue-100); --okd-button-secondary-normal-hover=
-background: var(--okd-color-blue-050); --okd-button-secondary-normal-activ=
e-background: var(--okd-color-blue-200); --okd-button-secondary-normal-focu=
s-background: var(--okd-color-blue-100); --okd-button-secondary-normal-disa=
bled-background: var(--okd-color-gray-100); --okd-button-secondary-normal-d=
efault-border-color: var(--okd-color-blue-100); --okd-button-secondary-norm=
al-hover-border-color: var(--okd-color-blue-050); --okd-button-secondary-no=
rmal-active-border-color: var(--okd-color-blue-200); --okd-button-secondary=
-normal-focus-border-color: var(--okd-color-blue-100); --okd-button-seconda=
ry-normal-disabled-border-color: var(--okd-color-gray-100); --okd-button-se=
condary-normal-default-font-color: var(--okd-color-blue-800); --okd-button-=
secondary-normal-hover-font-color: var(--okd-color-blue-800); --okd-button-=
secondary-normal-active-font-color: var(--okd-color-blue-800); --okd-button=
-secondary-normal-focus-font-color: var(--okd-color-blue-800); --okd-button=
-secondary-normal-disabled-font-color: var(--okd-color-gray-300); --okd-but=
ton-secondary-normal-default-icon-color: var(--okd-color-blue-700); --okd-b=
utton-secondary-normal-hover-icon-color: var(--okd-color-blue-700); --okd-b=
utton-secondary-normal-active-icon-color: var(--okd-color-blue-700); --okd-=
button-secondary-normal-focus-icon-color: var(--okd-color-blue-700); --okd-=
button-secondary-normal-disabled-icon-color: var(--okd-color-gray-300); --o=
kd-button-secondary-normal-default-shadow: var(--okd-shadow-none); --okd-bu=
tton-secondary-normal-hover-shadow: var(--okd-shadow-none); --okd-button-se=
condary-normal-active-shadow: var(--okd-shadow-none); --okd-button-secondar=
y-normal-focus-shadow: 0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-=
secondary-normal-disabled-shadow: var(--okd-shadow-none); --okd-button-seco=
ndary-normal-loader-track-color: var(--okd-color-blue-050); --okd-button-se=
condary-normal-loader-mark-color: var(--okd-color-blue-700); --okd-button-s=
econdary-grey-default-background: var(--okd-color-gray-100); --okd-button-s=
econdary-grey-hover-background: var(--okd-color-gray-050); --okd-button-sec=
ondary-grey-active-background: var(--okd-color-gray-200); --okd-button-seco=
ndary-grey-focus-background: var(--okd-color-gray-100); --okd-button-second=
ary-grey-disabled-background: var(--okd-color-gray-050); --okd-button-secon=
dary-grey-default-border-color: var(--okd-color-gray-100); --okd-button-sec=
ondary-grey-hover-border-color: var(--okd-color-gray-050); --okd-button-sec=
ondary-grey-active-border-color: var(--okd-color-gray-200); --okd-button-se=
condary-grey-focus-border-color: var(--okd-color-gray-100); --okd-button-se=
condary-grey-disabled-border-color: var(--okd-color-gray-050); --okd-button=
-secondary-grey-default-font-color: var(--okd-color-gray-700); --okd-button=
-secondary-grey-hover-font-color: var(--okd-color-gray-700); --okd-button-s=
econdary-grey-active-font-color: var(--okd-color-gray-700); --okd-button-se=
condary-grey-focus-font-color: var(--okd-color-gray-700); --okd-button-seco=
ndary-grey-disabled-font-color: var(--okd-color-gray-300); --okd-button-sec=
ondary-grey-default-icon-color: var(--okd-color-gray-700); --okd-button-sec=
ondary-grey-hover-icon-color: var(--okd-color-gray-700); --okd-button-secon=
dary-grey-active-icon-color: var(--okd-color-gray-700); --okd-button-second=
ary-grey-focus-icon-color: var(--okd-color-gray-700); --okd-button-secondar=
y-grey-disabled-icon-color: var(--okd-color-gray-300); --okd-button-seconda=
ry-grey-default-shadow: var(--okd-shadow-sm); --okd-button-secondary-grey-h=
over-shadow: var(--okd-shadow-none); --okd-button-secondary-grey-active-sha=
dow: var(--okd-shadow-none); --okd-button-secondary-grey-focus-shadow: var(=
--okd-shadow-sm),0px 0px 0px 3px var(--okd-color-gray-200); --okd-button-se=
condary-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-secondar=
y-grey-loader-track-color: var(--okd-color-gray-200); --okd-button-secondar=
y-grey-loader-mark-color: var(--okd-color-gray-700); --okd-button-basic-nor=
mal-default-background: #fff; --okd-button-basic-normal-hover-background: #=
fff; --okd-button-basic-normal-active-background: var(--okd-color-gray-050)=
; --okd-button-basic-normal-focus-background: #fff; --okd-button-basic-norm=
al-disabled-background: #fff; --okd-button-basic-normal-default-border-colo=
r: var(--okd-color-gray-200); --okd-button-basic-normal-hover-border-color:=
 var(--okd-color-gray-200); --okd-button-basic-normal-active-border-color: =
var(--okd-color-gray-200); --okd-button-basic-normal-focus-border-color: va=
r(--okd-color-blue-300); --okd-button-basic-normal-disabled-border-color: v=
ar(--okd-color-gray-200); --okd-button-basic-normal-default-font-color: var=
(--okd-color-gray-700); --okd-button-basic-normal-hover-font-color: var(--o=
kd-color-gray-400); --okd-button-basic-normal-active-font-color: var(--okd-=
color-gray-900); --okd-button-basic-normal-focus-font-color: var(--okd-colo=
r-gray-700); --okd-button-basic-normal-disabled-font-color: var(--okd-color=
-gray-300); --okd-button-basic-normal-default-icon-color: var(--okd-color-g=
ray-700); --okd-button-basic-normal-hover-icon-color: var(--okd-color-gray-=
700); --okd-button-basic-normal-active-icon-color: var(--okd-color-gray-700=
); --okd-button-basic-normal-focus-icon-color: var(--okd-color-gray-700); -=
-okd-button-basic-normal-disabled-icon-color: var(--okd-color-gray-300); --=
okd-button-basic-normal-default-shadow: var(--okd-shadow-sm); --okd-button-=
basic-normal-hover-shadow: var(--okd-shadow-none); --okd-button-basic-norma=
l-active-shadow: var(--okd-shadow-none); --okd-button-basic-normal-focus-sh=
adow: 0px 0px 0px 3px rgba(175,207,255,.45); --okd-button-basic-normal-disa=
bled-shadow: var(--okd-shadow-none); --okd-button-basic-normal-loader-track=
-color: var(--okd-color-blue-100); --okd-button-basic-normal-loader-mark-co=
lor: var(--okd-color-blue-700); --okd-button-plain-normal-default-backgroun=
d: var(--okd-color-transparent); --okd-button-plain-normal-hover-background=
: var(--okd-color-blue-050); --okd-button-plain-normal-active-background: v=
ar(--okd-color-blue-050); --okd-button-plain-normal-focus-background: var(-=
-okd-color-blue-050); --okd-button-plain-normal-disabled-background: var(--=
okd-color-gray-050); --okd-button-plain-normal-default-border-color: var(--=
okd-color-transparent); --okd-button-plain-normal-hover-border-color: var(-=
-okd-color-transparent); --okd-button-plain-normal-active-border-color: var=
(--okd-color-transparent); --okd-button-plain-normal-focus-border-color: va=
r(--okd-color-transparent); --okd-button-plain-normal-disabled-border-color=
: var(--okd-color-transparent); --okd-button-plain-normal-default-font-colo=
r: var(--okd-color-blue-800); --okd-button-plain-normal-hover-font-color: v=
ar(--okd-color-blue-800); --okd-button-plain-normal-active-font-color: var(=
--okd-color-blue-800); --okd-button-plain-normal-focus-font-color: var(--ok=
d-color-blue-800); --okd-button-plain-normal-disabled-font-color: rgba(0,94=
,234,.45); --okd-button-plain-normal-default-icon-color: var(--okd-color-bl=
ue-800); --okd-button-plain-normal-hover-icon-color: var(--okd-color-blue-8=
00); --okd-button-plain-normal-active-icon-color: var(--okd-color-blue-800)=
; --okd-button-plain-normal-focus-icon-color: var(--okd-color-blue-800); --=
okd-button-plain-normal-disabled-icon-color: rgba(0,94,234,.45); --okd-butt=
on-plain-normal-default-shadow: none; --okd-button-plain-normal-hover-shado=
w: none; --okd-button-plain-normal-active-shadow: none; --okd-button-plain-=
normal-focus-shadow: none; --okd-button-plain-normal-disabled-shadow: none;=
 --okd-button-plain-red-default-background: var(--okd-color-transparent); -=
-okd-button-plain-red-hover-background: var(--okd-color-red-050); --okd-but=
ton-plain-red-active-background: var(--okd-color-red-050); --okd-button-pla=
in-red-focus-background: var(--okd-color-red-050); --okd-button-plain-red-d=
isabled-background: var(--okd-color-gray-050); --okd-button-plain-red-defau=
lt-border-color: var(--okd-color-transparent); --okd-button-plain-red-hover=
-border-color: var(--okd-color-transparent); --okd-button-plain-red-active-=
border-color: var(--okd-color-transparent); --okd-button-plain-red-focus-bo=
rder-color: var(--okd-color-transparent); --okd-button-plain-red-disabled-b=
order-color: var(--okd-color-transparent); --okd-button-plain-red-default-f=
ont-color: var(--okd-color-red-800); --okd-button-plain-red-hover-font-colo=
r: var(--okd-color-red-800); --okd-button-plain-red-active-font-color: var(=
--okd-color-red-800); --okd-button-plain-red-focus-font-color: var(--okd-co=
lor-red-800); --okd-button-plain-red-disabled-font-color: rgba(96,32,49,.45=
); --okd-button-plain-red-default-icon-color: var(--okd-color-red-800); --o=
kd-button-plain-red-hover-icon-color: var(--okd-color-red-800); --okd-butto=
n-plain-red-active-icon-color: var(--okd-color-red-800); --okd-button-plain=
-red-focus-icon-color: var(--okd-color-red-800); --okd-button-plain-red-dis=
abled-icon-color: rgba(96,32,49,.45); --okd-button-plain-red-default-shadow=
: none; --okd-button-plain-red-hover-shadow: none; --okd-button-plain-red-a=
ctive-shadow: none; --okd-button-plain-red-focus-shadow: none; --okd-button=
-plain-red-disabled-shadow: none; --okd-button-plain-green-default-backgrou=
nd: var(--okd-color-transparent); --okd-button-plain-green-hover-background=
: var(--okd-color-green-050); --okd-button-plain-green-active-background: v=
ar(--okd-color-green-050); --okd-button-plain-green-focus-background: var(-=
-okd-color-green-050); --okd-button-plain-green-disabled-background: var(--=
okd-color-gray-050); --okd-button-plain-green-default-border-color: var(--o=
kd-color-transparent); --okd-button-plain-green-hover-border-color: var(--o=
kd-color-transparent); --okd-button-plain-green-active-border-color: var(--=
okd-color-transparent); --okd-button-plain-green-focus-border-color: var(--=
okd-color-transparent); --okd-button-plain-green-disabled-border-color: var=
(--okd-color-transparent); --okd-button-plain-green-default-font-color: var=
(--okd-color-green-800); --okd-button-plain-green-hover-font-color: var(--o=
kd-color-green-800); --okd-button-plain-green-active-font-color: var(--okd-=
color-green-800); --okd-button-plain-green-focus-font-color: var(--okd-colo=
r-green-800); --okd-button-plain-green-disabled-font-color: rgba(12,80,37,.=
45); --okd-button-plain-green-default-icon-color: var(--okd-color-green-800=
); --okd-button-plain-green-hover-icon-color: var(--okd-color-green-800); -=
-okd-button-plain-green-active-icon-color: var(--okd-color-green-800); --ok=
d-button-plain-green-focus-icon-color: var(--okd-color-green-800); --okd-bu=
tton-plain-green-disabled-icon-color: rgba(12,80,37,.45); --okd-button-plai=
n-green-default-shadow: none; --okd-button-plain-green-hover-shadow: none; =
--okd-button-plain-green-active-shadow: none; --okd-button-plain-green-focu=
s-shadow: none; --okd-button-plain-green-disabled-shadow: none; --okd-butto=
n-plain-orange-default-background: var(--okd-color-transparent); --okd-butt=
on-plain-orange-hover-background: var(--okd-color-orange-050); --okd-button=
-plain-orange-active-background: var(--okd-color-orange-050); --okd-button-=
plain-orange-focus-background: var(--okd-color-orange-050); --okd-button-pl=
ain-orange-disabled-background: var(--okd-color-gray-050); --okd-button-pla=
in-orange-default-border-color: var(--okd-color-transparent); --okd-button-=
plain-orange-hover-border-color: var(--okd-color-transparent); --okd-button=
-plain-orange-active-border-color: var(--okd-color-transparent); --okd-butt=
on-plain-orange-focus-border-color: var(--okd-color-transparent); --okd-but=
ton-plain-orange-disabled-border-color: var(--okd-color-transparent); --okd=
-button-plain-orange-default-font-color: var(--okd-color-orange-800); --okd=
-button-plain-orange-hover-font-color: var(--okd-color-orange-800); --okd-b=
utton-plain-orange-active-font-color: var(--okd-color-orange-800); --okd-bu=
tton-plain-orange-focus-font-color: var(--okd-color-orange-800); --okd-butt=
on-plain-orange-disabled-font-color: rgba(233,96,16,.45); --okd-button-plai=
n-orange-default-icon-color: var(--okd-color-orange-800); --okd-button-plai=
n-orange-hover-icon-color: var(--okd-color-orange-800); --okd-button-plain-=
orange-active-icon-color: var(--okd-color-orange-800); --okd-button-plain-o=
range-focus-icon-color: var(--okd-color-orange-800); --okd-button-plain-ora=
nge-disabled-icon-color: rgba(233,96,16,.45); --okd-button-plain-orange-def=
ault-shadow: none; --okd-button-plain-orange-hover-shadow: none; --okd-butt=
on-plain-orange-active-shadow: none; --okd-button-plain-orange-focus-shadow=
: none; --okd-button-plain-orange-disabled-shadow: none; --okd-button-plain=
-yellow-default-background: var(--okd-color-transparent); --okd-button-plai=
n-yellow-hover-background: var(--okd-color-yellow-050); --okd-button-plain-=
yellow-active-background: var(--okd-color-yellow-050); --okd-button-plain-y=
ellow-focus-background: var(--okd-color-yellow-050); --okd-button-plain-yel=
low-disabled-background: var(--okd-color-gray-050); --okd-button-plain-yell=
ow-default-border-color: var(--okd-color-transparent); --okd-button-plain-y=
ellow-hover-border-color: var(--okd-color-transparent); --okd-button-plain-=
yellow-active-border-color: var(--okd-color-transparent); --okd-button-plai=
n-yellow-focus-border-color: var(--okd-color-transparent); --okd-button-pla=
in-yellow-disabled-border-color: var(--okd-color-transparent); --okd-button=
-plain-yellow-default-font-color: var(--okd-color-yellow-800); --okd-button=
-plain-yellow-hover-font-color: var(--okd-color-yellow-800); --okd-button-p=
lain-yellow-active-font-color: var(--okd-color-yellow-800); --okd-button-pl=
ain-yellow-focus-font-color: var(--okd-color-yellow-800); --okd-button-plai=
n-yellow-disabled-font-color: rgba(234,169,0,.45); --okd-button-plain-yello=
w-default-icon-color: var(--okd-color-yellow-800); --okd-button-plain-yello=
w-hover-icon-color: var(--okd-color-yellow-800); --okd-button-plain-yellow-=
active-icon-color: var(--okd-color-yellow-800); --okd-button-plain-yellow-f=
ocus-icon-color: var(--okd-color-yellow-800); --okd-button-plain-yellow-dis=
abled-icon-color: rgba(234,169,0,.45); --okd-button-plain-yellow-default-sh=
adow: none; --okd-button-plain-yellow-hover-shadow: none; --okd-button-plai=
n-yellow-active-shadow: none; --okd-button-plain-yellow-focus-shadow: none;=
 --okd-button-plain-yellow-disabled-shadow: none; --okd-button-xxs-font-siz=
e: var(--okd-font-size-xs); --okd-button-xs-font-size: var(--okd-font-size-=
xs); --okd-button-sm-font-size: var(--okd-font-size-md); --okd-button-md-fo=
nt-size: var(--okd-font-size-md); --okd-button-lg-font-size: var(--okd-font=
-size-base); --okd-button-xl-font-size: 18px; --okd-button-xxs-icon-size: 1=
4px; --okd-button-xs-icon-size: 14px; --okd-button-sm-icon-size: 18px; --ok=
d-button-md-icon-size: 18px; --okd-button-lg-icon-size: 18px; --okd-button-=
xl-icon-size: 18px; --okd-button-xxs-icon-margin: 6px; --okd-button-xs-icon=
-margin: 6px; --okd-button-sm-icon-margin: 6px; --okd-button-md-icon-margin=
: 6px; --okd-button-lg-icon-margin: 8px; --okd-button-xl-icon-margin: 8px; =
--okd-button-xxs-line-height: var(--okd-line-height-xs); --okd-button-xs-li=
ne-height: var(--okd-line-height-xs); --okd-button-sm-line-height: var(--ok=
d-line-height-md); --okd-button-md-line-height: var(--okd-line-height-md); =
--okd-button-lg-line-height: var(--okd-line-height-base); --okd-button-xl-l=
ine-height: var(--okd-line-height-base); --okd-button-xxs-padding-horizonta=
l: 8px; --okd-button-xxs-padding-vertical: 3px; --okd-button-xs-padding-hor=
izontal: 8px; --okd-button-xs-padding-vertical: 5px; --okd-button-sm-paddin=
g-horizontal: 12px; --okd-button-sm-padding-vertical: 7px; --okd-button-md-=
padding-horizontal: 16px; --okd-button-md-padding-vertical: 9px; --okd-butt=
on-lg-padding-horizontal: 24px; --okd-button-lg-padding-vertical: 13px; --o=
kd-button-xl-padding-horizontal: 24px; --okd-button-xl-padding-vertical: 17=
px; --okd-button-xxs-min-width: 63px; --okd-button-xs-min-width: 63px; --ok=
d-button-sm-min-width: 81px; --okd-button-md-min-width: 90px; --okd-button-=
lg-min-width: 108px; --okd-button-xl-min-width: 126px; --okd-button-xxs-bor=
der-radius: 60px; --okd-button-xs-border-radius: 60px; --okd-button-sm-bord=
er-radius: 60px; --okd-button-md-border-radius: 60px; --okd-button-lg-borde=
r-radius: 60px; --okd-button-xl-border-radius: 60px; --okd-button-xxs-borde=
r-size: 1px; --okd-button-xs-border-size: 1px; --okd-button-sm-border-size:=
 1px; --okd-button-md-border-size: 1px; --okd-button-lg-border-size: 1px; -=
-okd-button-xl-border-size: 1px; --okd-button-xl-loader-size: 18px; --okd-b=
utton-lg-loader-size: 14px; --okd-button-md-loader-size: 14px; --okd-button=
-sm-loader-size: 14px; --okd-button-xs-loader-size: 14px; --okd-button-xxs-=
loader-size: 14px; --okd-button-xl-loader-text-margin-left: 8px; --okd-butt=
on-lg-loader-text-margin-left: 8px; --okd-button-md-loader-text-margin-left=
: 6px; --okd-button-sm-loader-text-margin-left: 6px; --okd-button-xs-loader=
-text-margin-left: 6px; --okd-button-xxs-loader-text-margin-left: 6px; --ok=
d-button-s-font-size: 14px; --okd-button-s-icon-size: 18px; --okd-button-s-=
icon-margin: 6px; --okd-button-s-line-height: 16px; --okd-button-s-padding-=
horizontal: 12px; --okd-button-s-padding-vertical: 7px; --okd-button-s-min-=
width: 72px; --okd-button-s-border-radius: 60px; --okd-button-s-loader-size=
: 14px; --okd-button-s-loader-text-margin-left: 6px; --okd-button-xl-font-w=
eight: 600; --okd-button-lg-font-weight: 500; --okd-button-md-font-weight: =
500; --okd-button-sm-font-weight: 500; --okd-button-rect-xxs-border-radius:=
 4px; --okd-button-rect-xs-border-radius: 4px; --okd-button-rect-sm-border-=
radius: 4px; --okd-button-rect-s-border-radius: 4px; --okd-button-rect-md-b=
order-radius: 4px; --okd-button-rect-lg-border-radius: 8px; --okd-button-re=
ct-xl-border-radius: 8px; }

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

:root { --okd-loader-line-active-color: var(--okd-color-border-selected); -=
-okd-loader-line-inactive-color: var(--okd-color-border-primary); --okd-loa=
der-primary-active-color: var(--okd-color-black); --okd-loader-primary-inac=
tive-color: var(--okd-color-gray-200); --okd-loader-neutral-active-color: v=
ar(--okd-color-gray-700); --okd-loader-neutral-inactive-color: var(--okd-co=
lor-gray-200); --okd-loader-mask-bg-color: hsla(0,0%,100%,.85); --okd-loade=
r-circle-xl-size: 38px; --okd-loader-circle-lg-size: 30px; --okd-loader-cir=
cle-md-size: 22px; --okd-loader-circle-sm-size: 14px; --okd-loader-circle-x=
l-track-width: 2px; --okd-loader-circle-lg-track-width: 2px; --okd-loader-c=
ircle-md-track-width: 1.82px; --okd-loader-circle-sm-track-width: 1.5px; --=
okd-loader-line-size: 4px; --okd-loader-circle-cover-background: var(--okd-=
color-background-1); --okd-loader-mask-text-font-size: 14px; --okd-loader-m=
ask-text-line-height: 16px; --okd-loader-mask-text-font-weight: 400; --okd-=
loader-mask-text-color: var(--okd-color-gray-900); --okd-loader-mask-text-m=
argin-top: 10px; }

.okui-input-reversed.okui-input-search .okui-input-prefix .okui-input-searc=
h-prefix-icon { color: var(--okd-input-search-reversed-prefix-icon-color); =
}

.okui-input-reversed.okui-input-search .okui-input-error { color: var(--okd=
-input-search-reversed-error-tips-color); }

.okui-input-reversed.okui-input-search .okui-input-box { background-color: =
var(--okd-input-search-reversed-default-background); border-color: var(--ok=
d-input-search-reversed-default-border-color); box-shadow: var(--okd-input-=
search-reversed-default-shadow); }

.okui-input-reversed.okui-input-search .okui-input-input { color: var(--okd=
-input-search-reversed-default-text-color); }

.okui-input-reversed.okui-input-search .okui-input-input::-webkit-input-pla=
ceholder { -webkit-text-fill-color: var(--okd-input-search-reversed-default=
-placeholder-color); color: var(--okd-input-search-reversed-default-placeho=
lder-color); }

.okui-input-reversed.okui-input-search.hover .okui-input-box, .okui-input-r=
eversed.okui-input-search:hover .okui-input-box { background: var(--okd-inp=
ut-search-reversed-hover-background); border: thin solid var(--okd-input-se=
arch-reversed-hover-border-color); box-shadow: var(--okd-input-search-rever=
sed-hover-shadow); }

.okui-input-reversed.okui-input-search.hover .okui-input-box .okui-input-in=
put, .okui-input-reversed.okui-input-search:hover .okui-input-box .okui-inp=
ut-input { -webkit-text-fill-color: var(--okd-input-search-reversed-hover-t=
ext-color); caret-color: var(--okd-input-search-reversed-hover-caret-color)=
; color: var(--okd-input-search-reversed-hover-text-color); }

.okui-input-reversed.okui-input-search.hover .okui-input-box .okui-input-in=
put::-webkit-input-placeholder, .okui-input-reversed.okui-input-search:hove=
r .okui-input-box .okui-input-input::-webkit-input-placeholder { -webkit-te=
xt-fill-color: var(--okd-input-search-reversed-hover-placeholder-color); co=
lor: var(--okd-input-search-reversed-hover-placeholder-color); }

.okui-input-reversed.okui-input-search.focus .okui-input-box { background: =
var(--okd-input-search-reversed-focus-background); border: thin solid var(-=
-okd-input-search-reversed-focus-border-color); box-shadow: var(--okd-input=
-search-reversed-focus-shadow); }

.okui-input-reversed.okui-input-search.focus .okui-input-box .okui-input-in=
put { -webkit-text-fill-color: var(--okd-input-search-reversed-focus-text-c=
olor); caret-color: var(--okd-input-search-reversed-focus-caret-color); col=
or: var(--okd-input-search-reversed-focus-text-color); }

.okui-input-reversed.okui-input-search.focus .okui-input-box .okui-input-in=
put::-webkit-input-placeholder { -webkit-text-fill-color: var(--okd-input-s=
earch-reversed-focus-placeholder-color); color: var(--okd-input-search-reve=
rsed-focus-placeholder-color); }

.okui-input-reversed.okui-input-search.disabled .okui-input-box { backgroun=
d: var(--okd-input-search-reversed-disabled-background); border: thin solid=
 var(--okd-input-search-reversed-disabled-border-color); box-shadow: var(--=
okd-input-search-reversed-disabled-shadow); }

.okui-input-reversed.okui-input-search.disabled .okui-input-box .okui-input=
-input { -webkit-text-fill-color: var(--okd-input-search-reversed-disabled-=
text-color); caret-color: var(--okd-input-search-reversed-disabled-caret-co=
lor); color: var(--okd-input-search-reversed-disabled-text-color); }

.okui-input-reversed.okui-input-search.disabled .okui-input-box .okui-input=
-input::-webkit-input-placeholder { -webkit-text-fill-color: var(--okd-inpu=
t-search-reversed-disabled-placeholder-color); color: var(--okd-input-searc=
h-reversed-disabled-placeholder-color); }

.okui-input-reversed.okui-input-search.error .okui-input-box { background: =
var(--okd-input-search-reversed-error-background); border: thin solid var(-=
-okd-input-search-reversed-error-border-color); box-shadow: var(--okd-input=
-search-reversed-error-shadow); }

.okui-input-reversed.okui-input-search.error .okui-input-box .okui-input-in=
put { -webkit-text-fill-color: var(--okd-input-search-reversed-error-text-c=
olor); caret-color: var(--okd-input-search-reversed-error-caret-color); col=
or: var(--okd-input-search-reversed-error-text-color); }

.okui-input-reversed.okui-input-search.error .okui-input-box .okui-input-in=
put::-webkit-input-placeholder { -webkit-text-fill-color: var(--okd-input-s=
earch-reversed-error-placeholder-color); color: var(--okd-input-search-reve=
rsed-error-placeholder-color); }

:root { --okd-popup-white-board-background: var(--okd-color-text-white); --=
okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,#0000001a 0px 10px=
 15px -3px; --okd-breadcrumbs-primary-current-font-color: var(--okd-color-c=
ontent-secondary); --okd-breadcrumbs-primary-icon-color: var(--okd-color-co=
ntent-disabled); --okd-breadcrumbs-secondary-current-font-color: var(--okd-=
color-content-secondary); --okd-breadcrumbs-secondary-icon-color: var(--okd=
-color-content-disabled); --okd-breadcrumbs-common-current-font-weight: 400=
; --okd-breadcrumbs-md-current-font-size: 16px; --okd-breadcrumbs-md-curren=
t-line-height: 24px; --okd-breadcrumbs-sm-current-font-size: 14px; --okd-br=
eadcrumbs-sm-current-line-height: 24px; --okd-breadcrumbs-xs-current-font-s=
ize: 12px; --okd-breadcrumbs-xs-current-line-height: 24px; --okd-breadcrumb=
s-lg-current-font-size: 18px; --okd-breadcrumbs-lg-current-line-height: 24p=
x; --okd-breadcrumbs-lg-icon-font-size: 18px; --okd-breadcrumbs-lg-icon-mar=
gin-left: 8px; --okd-breadcrumbs-lg-icon-margin-right: 8px; --okd-breadcrum=
bs-md-icon-font-size: 16px; --okd-breadcrumbs-md-icon-margin-left: 8px; --o=
kd-breadcrumbs-md-icon-margin-right: 8px; --okd-breadcrumbs-sm-icon-font-si=
ze: 14px; --okd-breadcrumbs-sm-icon-margin-left: 8px; --okd-breadcrumbs-sm-=
icon-margin-right: 8px; --okd-breadcrumbs-xs-icon-font-size: 12px; --okd-br=
eadcrumbs-xs-icon-margin-left: 8px; --okd-breadcrumbs-xs-icon-margin-right:=
 8px; --okd-breadcrumbs-reversed-current-font-color: hsla(0,0%,100%,.88); -=
-okd-breadcrumbs-reversed-icon-color: hsla(0,0%,100%,.36); --okd-breadcrumb=
s-primary-default-font-color: var(--okd-color-content-contrast); --okd-brea=
dcrumbs-secondary-default-font-color: var(--okd-color-content-contrast); --=
okd-breadcrumbs-reversed-default-font-color: hsla(0,0%,100%,.54); --okd-bre=
adcrumbs-primary-default-font-weight: 400; --okd-breadcrumbs-secondary-defa=
ult-font-weight: 400; --okd-breadcrumbs-reversed-default-font-weight: 400; =
--okd-breadcrumbs-primary-current-font-weight: 500; --okd-breadcrumbs-secon=
dary-current-font-weight: 500; --okd-breadcrumbs-reversed-current-font-weig=
ht: 500; --okd-breadcrumbs-primary-hover-font-weight: 400; --okd-breadcrumb=
s-secondary-hover-font-weight: 400; --okd-breadcrumbs-reversed-hover-font-w=
eight: 400; --okd-hyperlink-primary-default-color: var(--okd-color-content-=
primary); --okd-hyperlink-primary-default-icon-color: var(--okd-color-conte=
nt-primary); --okd-hyperlink-primary-default-underline-color: var(--okd-col=
or-content-primary); --okd-hyperlink-primary-hover-color: var(--okd-color-c=
ontent-secondary); --okd-hyperlink-primary-hover-icon-color: var(--okd-colo=
r-content-secondary); --okd-hyperlink-primary-hover-underline-color: var(--=
okd-color-content-secondary); --okd-hyperlink-secondary-default-color: var(=
--okd-color-content-primary); --okd-hyperlink-secondary-default-icon-color:=
 var(--okd-color-content-primary); --okd-hyperlink-secondary-default-underl=
ine-color: var(--okd-color-content-primary); --okd-hyperlink-secondary-hove=
r-color: var(--okd-color-content-secondary); --okd-hyperlink-secondary-hove=
r-icon-color: var(--okd-color-content-secondary); --okd-hyperlink-secondary=
-hover-underline-color: var(--okd-color-content-secondary); --okd-hyperlink=
-xs-font-size: 12px; --okd-hyperlink-sm-font-size: 14px; --okd-hyperlink-md=
-font-size: 16px; --okd-hyperlink-lg-font-size: 18px; --okd-hyperlink-xs-ic=
on-font-size: 12px; --okd-hyperlink-sm-icon-font-size: 16px; --okd-hyperlin=
k-md-icon-font-size: 16px; --okd-hyperlink-lg-icon-font-size: 16px; --okd-h=
yperlink-xs-line-height: 16px; --okd-hyperlink-sm-line-height: 16px; --okd-=
hyperlink-md-line-height: 20px; --okd-hyperlink-lg-line-height: 24px; --okd=
-hyperlink-medium-font-weight: 500; --okd-hyperlink-medium-hover-font-weigh=
t: 500; --okd-hyperlink-muted-font-weight: 400; --okd-hyperlink-muted-hover=
-font-weight: 400; --okd-hyperlink-amplified-font-weight: 700; --okd-hyperl=
ink-amplified-hover-font-weight: 700; --okd-hyperlink-xs-icon-margin-left: =
0px; --okd-hyperlink-sm-icon-margin-left: 0px; --okd-hyperlink-md-icon-marg=
in-left: 0px; --okd-hyperlink-lg-icon-margin-left: 0px; --okd-hyperlink-rev=
ersed-default-color: var(--okd-color-content-inverse); --okd-hyperlink-reve=
rsed-default-icon-color: var(--okd-color-content-inverse); --okd-hyperlink-=
reversed-default-underline-color: var(--okd-color-content-inverse); --okd-h=
yperlink-reversed-hover-color: var(--okd-color-content-inverse); --okd-hype=
rlink-reversed-hover-icon-color: var(--okd-color-content-inverse); --okd-hy=
perlink-reversed-hover-underline-color: var(--okd-color-content-inverse); }

.okui-hyperlink-xs .okui-hyperlink-text { font-size: var(--okd-hyperlink-xs=
-font-size); line-height: var(--okd-hyperlink-xs-line-height); }

.okui-hyperlink-xs .icon-arrow { font-size: var(--okd-hyperlink-xs-icon-fon=
t-size); margin-left: var(--okd-hyperlink-xs-icon-margin-left); }

.okui-hyperlink-sm .okui-hyperlink-text { font-size: var(--okd-hyperlink-sm=
-font-size); line-height: var(--okd-hyperlink-sm-line-height); }

.okui-hyperlink-sm .icon-arrow { font-size: var(--okd-hyperlink-sm-icon-fon=
t-size); margin-left: var(--okd-hyperlink-sm-icon-margin-left); }

.okui-hyperlink-md .okui-hyperlink-text { font-size: var(--okd-hyperlink-md=
-font-size); line-height: var(--okd-hyperlink-md-line-height); }

.okui-hyperlink-md .icon-arrow { font-size: var(--okd-hyperlink-md-icon-fon=
t-size); margin-left: var(--okd-hyperlink-md-icon-margin-left); }

.okui-hyperlink-lg .okui-hyperlink-text { font-size: var(--okd-hyperlink-lg=
-font-size); line-height: var(--okd-hyperlink-lg-line-height); }

.okui-hyperlink-lg .icon-arrow { font-size: var(--okd-hyperlink-lg-icon-fon=
t-size); margin-left: var(--okd-hyperlink-lg-icon-margin-left); }

.okui-hyperlink-muted { font-weight: var(--okd-hyperlink-muted-font-weight)=
; }

.okui-hyperlink-muted:hover { font-weight: var(--okd-hyperlink-muted-hover-=
font-weight); }

.okui-hyperlink-medium { font-weight: var(--okd-hyperlink-medium-font-weigh=
t); }

.okui-hyperlink-medium:hover { font-weight: var(--okd-hyperlink-medium-hove=
r-font-weight); }

.okui-hyperlink-amplified { font-weight: var(--okd-hyperlink-amplified-font=
-weight); }

.okui-hyperlink-amplified:hover { font-weight: var(--okd-hyperlink-amplifie=
d-hover-font-weight); }

.okui-hyperlink-primary { color: var(--okd-hyperlink-primary-default-color)=
; }

.okui-hyperlink-primary .icon-arrow { color: var(--okd-hyperlink-primary-de=
fault-icon-color); }

.okui-hyperlink-primary:hover { color: var(--okd-hyperlink-primary-hover-co=
lor); }

.okui-hyperlink-primary:hover .okui-hyperlink-text { text-decoration: under=
line; }

.okui-hyperlink-primary:hover .icon-arrow { color: var(--okd-hyperlink-prim=
ary-hover-icon-color); }

.okui-hyperlink-primary a, .okui-hyperlink-primary a:active, .okui-hyperlin=
k-primary a:visited { color: var(--okd-hyperlink-primary-default-color); }

.okui-hyperlink-secondary { color: var(--okd-hyperlink-secondary-default-co=
lor); }

.okui-hyperlink-secondary .icon-arrow { color: var(--okd-hyperlink-secondar=
y-default-icon-color); }

.okui-hyperlink-secondary:hover { color: var(--okd-hyperlink-secondary-hove=
r-color); }

.okui-hyperlink-secondary:hover .okui-hyperlink-text { text-decoration: und=
erline; }

.okui-hyperlink-secondary:hover .icon-arrow { color: var(--okd-hyperlink-se=
condary-hover-icon-color); }

.okui-hyperlink-secondary a, .okui-hyperlink-secondary a:active, .okui-hype=
rlink-secondary a:visited { color: var(--okd-hyperlink-secondary-default-co=
lor); }

.okui-hyperlink-reversed { color: var(--okd-hyperlink-reversed-default-colo=
r); }

.okui-hyperlink-reversed .icon-arrow { color: var(--okd-hyperlink-reversed-=
default-icon-color); }

.okui-hyperlink-reversed:hover { color: var(--okd-hyperlink-reversed-hover-=
color); }

.okui-hyperlink-reversed:hover .okui-hyperlink-text { text-decoration: unde=
rline; }

.okui-hyperlink-reversed:hover .icon-arrow { color: var(--okd-hyperlink-rev=
ersed-hover-icon-color); }

.okui-hyperlink-reversed a, .okui-hyperlink-reversed a:active, .okui-hyperl=
ink-reversed a:visited { color: var(--okd-hyperlink-reversed-default-color)=
; }

.okui-hyperlink-text { text-decoration: none; }

.okui-hyperlink-underline .okui-hyperlink-text { text-decoration: underline=
; }

.okui-hyperlink-no-hover-underline:hover .okui-hyperlink-text { text-decora=
tion: none; }

.okui-hyperlink { align-items: center; cursor: pointer; display: inline-fle=
x; }

.okui-hyperlink .icon-arrow { font-weight: inherit; }

:root { --okd-overflowscroll-icon-color: #929292; --okd-overflowscroll-icon=
-hover-color: #3d3d3d; --okd-overflowscroll-icon-bg-start-color: #fff; --ok=
d-overflowscroll-icon-bg-end-color: hsla(0,0%,100%,0); --okd-overflowscroll=
-reversed-icon-color: #929292; --okd-overflowscroll-reversed-icon-hover-col=
or: #e4e2e2; --okd-overflowscroll-reversed-icon-bg-start-color: var(--okd-c=
olor-gray-900); --okd-overflowscroll-reversed-icon-bg-end-color: transparen=
t; }

.okui-overflow_scroll { position: relative; width: 100%; }

.okui-overflow_scroll-scroll { overflow-x: scroll; scroll-behavior: smooth;=
 scrollbar-width: none; white-space: nowrap; width: 100%; }

.okui-overflow_scroll-scroll::-webkit-scrollbar { display: none; height: 0p=
x; width: 0px; }

.okui-overflow_scroll-scroll-children { display: flex; white-space: nowrap;=
 width: fit-content; }

.okui-overflow_scroll-nav { cursor: pointer; }

.okui-overflow_scroll-nav-icon { align-items: center; background-image: lin=
ear-gradient(270deg,var(--okd-overflowscroll-icon-bg-start-color,#fff) 72.2=
2%,var(--okd-overflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%); col=
or: var(--okd-overflowscroll-icon-color,#929292); display: flex; height: 10=
0%; justify-content: center; position: absolute; top: 0px; visibility: visi=
ble; width: 36px; z-index: 9; }

.okui-overflow_scroll-nav-icon:hover { color: var(--okd-overflowscroll-icon=
-hover-color,#3d3d3d); }

.okui-overflow_scroll-nav .icon-left { background-image: linear-gradient(-2=
70deg,var(--okd-overflowscroll-icon-bg-start-color,#fff) 72.22%,var(--okd-o=
verflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%); left: 0px; }

.okui-overflow_scroll-nav .icon-left-inner { transform: rotate(180deg); }

.okui-overflow_scroll-nav .icon-right { right: 0px; }

.okui-overflow_scroll-nav .icon-hide { visibility: hidden; }

.okui-overflow_scroll-reversed .okui-overflow_scroll-nav-icon { background-=
image: linear-gradient(270deg,var(--okd-overflowscroll-reversed-icon-bg-sta=
rt-color,var(--okd-color-gray-900)) 72.22%,var(--okd-overflowscroll-reverse=
d-icon-bg-end-color,var(--okd-color-gray-900)) 100%); color: var(--okd-over=
flowscroll-reversed-icon-color,#929292); }

.okui-overflow_scroll-reversed .okui-overflow_scroll-nav-icon:hover { color=
: var(--okd-overflowscroll-reversed-icon-hover-color,#e4e2e2); }

.okui-overflow_scroll-reversed .icon-left { background-image: linear-gradie=
nt(-270deg,var(--okd-overflowscroll-reversed-icon-bg-start-color,var(--okd-=
color-gray-900)) 72.22%,var(--okd-overflowscroll-reversed-icon-bg-end-color=
,var(--okd-color-gray-900)) 100%); }

.okui-dialog { height: 100%; pointer-events: none; width: 100%; }

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

.okui-dialog * { -webkit-tap-highlight-color: transparent; box-sizing: bord=
er-box; }

.okui-dialog-window-float { left: 50%; position: absolute; top: 50%; transf=
orm: translate(-50%, -50%); }

@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-are=
a-inset-bottom)) {
  .okui-dialog-window-safe { padding-bottom: env(safe-area-inset-bottom); }
}

.okui-dialog-window { border-radius: var(--okd-dialog-window-border-radius)=
; box-shadow: var(--okd-dialog-window-box-shadow); display: flex; flex-dire=
ction: column; margin-left: auto; margin-right: auto; max-height: calc(100%=
 - 32px); pointer-events: auto; width: calc(100% - 32px); }

@media (max-width: 767px) {
  .okui-dialog-window { border-radius: var(--okd-dialog-window-sm-border-ra=
dius,8px); }
  .okui-dialog-window.full-page { height: auto !important; min-height: calc=
(100% - 48px) !important; }
  .okui-dialog-window.full-page-with-show-header { height: auto !important;=
 }
  .okui-dialog-window.bottom-align { border-radius: var(--okd-dialog-window=
-border-radius) var(--okd-dialog-window-border-radius) 0 0; bottom: 0px; to=
p: auto; transform: translate(-50%); }
  .okui-dialog-window.no-margin { width: 100%; }
}

.okui-dialog-title-container { align-items: center; display: flex; flex-dir=
ection: row; flex-shrink: 0; justify-content: space-between; }

.okui-dialog-title-container .title-center { text-align: center; }

.okui-dialog-title-container .title-center .modal-title { justify-content: =
center; }

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

.okui-dialog-title-block .modal-title { font-size: var(--okd-dialog-title-f=
ont-size,16px); font-weight: var(--okd-dialog-title-font-weight,700); line-=
height: var(--okd-dialog-title-line-height); }

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

.okui-dialog-b-btn, .okui-dialog-c-btn { cursor: pointer; display: inline-b=
lock; height: var(--okd-dialog-window-close-icon-size); justify-content: ce=
nter; line-height: 1; position: relative; vertical-align: middle; width: va=
r(--okd-dialog-window-close-icon-size); z-index: 1; }

.okui-dialog-b-btn.icon, .okui-dialog-c-btn.icon { font-size: var(--okd-dia=
log-window-close-icon-size); }

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

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

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

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

.okui-dialog-top-action-fixed { padding: var(--okd-dialog-window-action-fix=
ed-padding,16px); position: absolute; top: 0px; }

.okui-dialog-top-action-fixed .okui-dialog-b-btn, .okui-dialog-top-action-f=
ixed .okui-dialog-c-btn { margin: 0px; }

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

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

.okui-dialog-top-hidden-for-t-center { pointer-events: none; visibility: hi=
dden; }

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

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

.okui-dialog-scroll-box.scroll-disable { overflow-y: initial; }

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

.okui-dialog-container.no-padding, .okui-dialog-customer-box.no-padding { p=
adding: 0px; }

.okui-dialog .okui-dialog-footer-line { border-top: thin solid var(--okd-di=
alog-window-split-line-border-color); }

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

.okui-dialog-btn-box { display: flex; }

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

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

.okui-dialog-btn-box.layout-full .dialog-btn { flex: 1 1 0%; }

@media (max-width: 767px) {
  .okui-dialog-title-container { padding: var(--okd-dialog-title-box-sm-pad=
ding-vertical) var(--okd-dialog-container-sm-padding-horizontal); }
  .okui-dialog-container { padding: var(--okd-dialog-container-sm-padding-v=
ertical) var(--okd-dialog-container-sm-padding-horizontal); }
  .okui-dialog-customer-box { padding: 0 var(--okd-dialog-container-sm-padd=
ing-horizontal); }
  .okui-dialog-footer-box { padding: var(--okd-dialog-footer-box-sm-padding=
-top,12px) var(--okd-dialog-container-sm-padding-horizontal) var(--okd-dial=
og-footer-box-sm-padding-bottom,20px); }
  .okui-dialog-btn-box .dialog-btn { width: 100%; }
  .okui-dialog-btn-box .dialog-btn + .dialog-btn { margin-left: var(--okd-d=
ialog-footer-btn-sm-margin-left,12px); }
  .okui-dialog-btn-box.layout-full { flex-direction: column-reverse; }
  .okui-dialog-btn-box.layout-full .dialog-btn + .dialog-btn { margin-left:=
 0px; }
  .okui-dialog-btn-box.layout-full .double-btn:first-child { margin-top: va=
r(--okd-dialog-footer-btn-full-sm-margin-top,8px); }
}

@media (min-width: 768px) {
  .okui-dialog-window { min-width: var(--okd-dialog-window-min-width); widt=
h: auto; }
  .okui-dialog-title-container { padding: var(--okd-dialog-title-box-md-pad=
ding-vertical) var(--okd-dialog-container-md-padding-horizontal); }
  .okui-dialog-container { padding: var(--okd-dialog-container-md-padding-v=
ertical) var(--okd-dialog-container-md-padding-horizontal); }
  .okui-dialog-customer-box { padding: 0 var(--okd-dialog-container-md-padd=
ing-horizontal); }
  .okui-dialog-footer-box { padding: var(--okd-dialog-footer-box-md-padding=
-vertical) var(--okd-dialog-container-md-padding-horizontal); }
  .okui-dialog-btn-box .dialog-btn.double-btn { width: auto; }
  .okui-dialog-btn-box.layout-full { flex-direction: row; }
  .okui-dialog-btn-box .dialog-btn + .dialog-btn { margin-left: var(--okd-d=
ialog-footer-btn-md-margin-left,16px); }
}

.okui-dialog .okui-dialog-window { background: var(--okd-dialog-window-back=
ground); color: var(--okd-dialog-window-default-text-color); }

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

.okui-dialog .okui-dialog-title-container .modal-title { align-items: cente=
r; color: var(--okd-dialog-title-color); display: flex; }

.okui-dialog .okui-dialog-title-container .modal-sub-title { color: var(--o=
kd-dialog-sub-title-color); }

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

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

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

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

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

.okui-dialog-scroll-bar-end::-webkit-scrollbar, .okui-dialog-scroll-bar-sta=
rt::-webkit-scrollbar { background-color: transparent; }

.okui-dialog-scroll-bar-start::-webkit-scrollbar-button:vertical:start:incr=
ement { background-color: transparent; display: block; height: var(--okd-di=
alog-window-border-radius); }

.okui-dialog-scroll-bar-end::-webkit-scrollbar-button:vertical:end:incremen=
t { background-color: transparent; display: block; height: var(--okd-dialog=
-window-border-radius); }

.okui-dialog.okui-action-dialog .okui-dialog-window.no-radius { border-radi=
us: 0px; }

.okui-dialog-group { overflow: hidden; }

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

.okui-dialog.okui-tip-dialog .okui-dialog-tip-content { align-items: center=
; display: flex; flex-direction: column; justify-content: center; text-alig=
n: center; }

.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-title-box { widt=
h: 100%; }

.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-title { font-siz=
e: var(--okd-dialog-tip-title-font-size); font-weight: 500; line-height: va=
r(--okd-dialog-tip-title-line-height); min-height: var(--okd-dialog-tip-tit=
le-line-height); }

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

.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-detail + .tip-de=
tail { margin-top: 2px; }

.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-title { color: v=
ar(--okd-dialog-tip-title-color); }

.okui-dialog.okui-tip-dialog .okui-dialog-tip-content .tip-detail { color: =
var(--okd-dialog-tip-detail-color); }

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

@media (max-width: 767px) {
  .okui-dialog.okui-tip-dialog .okui-dialog-window.bottom-align { border-ra=
dius: var(--okd-dialog-window-border-radius); bottom: 16px; }
  .okui-dialog.okui-tip-dialog .okui-dialog-container { padding: var(--okd-=
dialog-tip-container-sm-padding-top,20px) var(--okd-dialog-container-sm-pad=
ding-horizontal) var(--okd-dialog-tip-container-sm-padding-bottom,24px); }
  .okui-dialog.okui-tip-dialog .okui-dialog-footer-box { padding: 0 var(--o=
kd-dialog-container-sm-padding-horizontal) var(--okd-dialog-tip-footer-box-=
sm-padding-vertical) var(--okd-dialog-container-sm-padding-horizontal); }
}

@media (min-width: 768px) {
  .okui-dialog.okui-tip-dialog .okui-dialog-tip-content { margin-left: auto=
; margin-right: auto; max-width: var(--okd-dialog-tip-window-min-width); }
  .okui-dialog.okui-tip-dialog .okui-dialog-tip-content.two-btn { max-width=
: var(--okd-dialog-tip-window-2btn-min-width); }
  .okui-dialog.okui-tip-dialog .okui-dialog-container { padding: var(--okd-=
dialog-tip-container-md-padding-top,28px) var(--okd-dialog-container-sm-pad=
ding-horizontal) var(--okd-dialog-tip-container-md-padding-bottom,24px); }
  .okui-dialog.okui-tip-dialog .okui-dialog-footer-box { padding: 0 var(--o=
kd-dialog-container-md-padding-horizontal) var(--okd-dialog-tip-footer-box-=
md-padding-vertical) var(--okd-dialog-container-md-padding-horizontal); }
}

.okui-dialog-tip-icon-bg { align-items: center; display: flex; justify-cont=
ent: center; margin-bottom: 12px; }

.okui-dialog-tip-icon-bg .tip-icon { font-size: var(--okd-dialog-tip-icon-f=
ont-size); }

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

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

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

@media (min-width: 768px) {
  .okui-dialog.okui-new-tip-dialog .okui-dialog-container.okui-dialog-new-t=
ip-container, .okui-dialog.okui-new-tip-dialog .okui-dialog-window { max-wi=
dth: var(--okd-dialog-confirm-max-width,520px); min-width: var(--okd-dialog=
-confirm-min-width,280px); }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box { padding-bottom=
: var(--okd-dialog-confirm-footer-padding-bottom,24px); padding-top: var(--=
okd-dialog-confirm-footer-padding-top,0); }
}

@media (max-width: 767px) {
  .okui-dialog.okui-new-tip-dialog .okui-dialog-window { width: calc(100% -=
 64px); }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-container.okui-dialog-new-t=
ip-container { padding: var(--okd-dialog-confirm-container-sm-padding-top,8=
px) var(--okd-dialog-confirm-container-sm-padding-horizontal,24px) var(--ok=
d-dialog-confirm-container-sm-padding-bottom,24px); }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-container.okui-dialog-no-ti=
tle { padding-top: var(--okd-dialog-confirm-no-title-padding-top,24px); }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer { padding: 0px; }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-button { border-right: 0px; border-bottom: 0px;=
 border-left: 0px; border-image: initial; border-radius: 0px; border-top: t=
hin solid var(--okd-dialog-confirm-footer-sm-button-border-color,#dbdbdb); =
}
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-button-color { color: var(--okd-dialog-confirm-=
footer-sm-button-color,var(--okd-color-blue-800)); }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-button-confirm { font-weight: 700; }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-button-cancel { font-weight: 400; }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-only-one { border-radius: 0 0 var(--okd-dialog-=
window-sm-border-radius) var(--okd-dialog-window-sm-border-radius); }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-border-top:first-child { border-radius: 0 0 var=
(--okd-dialog-window-sm-border-radius) var(--okd-dialog-window-sm-border-ra=
dius); margin-top: 0px; }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-border-left:first-child { border-radius: 0 0 0 =
var(--okd-dialog-window-sm-border-radius); }
  .okui-dialog.okui-new-tip-dialog .okui-dialog-footer-box.okui-dialog-new-=
tip-footer .okui-dialog-tip-border-left + .okui-dialog-tip-border-left { bo=
rder-left: thin solid var(--okd-dialog-confirm-footer-sm-button-border-colo=
r,#dbdbdb); border-radius: 0 0 var(--okd-dialog-window-sm-border-radius) 0;=
 margin-left: 0px; }
}

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

.okui-dialog-success-icon, .okui-dialog-success-tip-icon { color: var(--okd=
-dialog-tip-success-icon-color); }

.okui-dialog-info-icon, .okui-dialog-info-tip-icon { color: var(--okd-dialo=
g-tip-info-icon-color); }

.okui-dialog-prompt-icon, .okui-dialog-prompt-tip-icon { color: var(--okd-d=
ialog-tip-prompt-icon-color); }

.okui-dialog-warn-icon, .okui-dialog-warn-tip-icon { color: var(--okd-dialo=
g-tip-warn-icon-color); }

.okui-dialog-alert-icon, .okui-dialog-alert-tip-icon { color: var(--okd-dia=
log-tip-alert-icon-color); }

.okui-dialog-error-icon, .okui-dialog-error-tip-icon { color: var(--okd-dia=
log-tip-error-icon-color); }

.okui-dialog-confirmation-header { font-size: var(--okd-dialog-title-font-s=
ize,16px); font-weight: var(--okd-dialog-title-font-weight,700); line-heigh=
t: var(--okd-dialog-title-line-height); padding: var(--okd-dialog-confirmat=
ion-header-padding-top,24px) var(--okd-dialog-confirmation-padding-right,24=
px) var(--okd-dialog-confirmation-header-padding-top,24px) var(--okd-dialog=
-confirmation-padding-left,24px); }

.okui-dialog-confirmation-container { flex-grow: 1; overflow-y: auto; paddi=
ng-bottom: 8px; padding-left: var(--okd-dialog-confirmation-padding-left,24=
px); padding-right: var(--okd-dialog-confirmation-padding-right,24px); padd=
ing-top: 8px; }

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

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

.okui-dialog-confirmation-footer { padding: var(--okd-dialog-confirmation-f=
ooter-padding-bottom,24px) var(--okd-dialog-confirmation-padding-right,24px=
) var(--okd-dialog-confirmation-footer-padding-bottom,24px) var(--okd-dialo=
g-confirmation-padding-left,24px); }

:root { --okd-dialog-window-background: var(--okd-color-container-primary);=
 --okd-dialog-window-mask-color: var(--okd-color-background-scrim); --okd-d=
ialog-window-box-shadow: var(--okd-shadow-xl); --okd-dialog-window-default-=
text-color: var(--okd-color-content-primary); --okd-dialog-window-border-ra=
dius: 6px; --okd-dialog-window-close-btn-color: var(--okd-color-content-con=
trast); --okd-dialog-window-close-size: 32px; --okd-dialog-window-split-lin=
e-border-color: var(--okd-color-border-secondary); --okd-dialog-tip-window-=
min-width: 344px; --okd-dialog-tip-window-2btn-min-width: 448px; --okd-dial=
og-title-color: var(--okd-color-content-primary); --okd-dialog-title-font-s=
ize: 16px; --okd-dialog-title-line-height: 20px; --okd-dialog-title-box-sm-=
padding-vertical: 14px; --okd-dialog-title-box-md-padding-vertical: 12px; -=
-okd-dialog-sub-title-color: var(--okd-color-content-contrast); --okd-dialo=
g-sub-title-font-size: 14px; --okd-dialog-sub-title-line-height: 16px; --ok=
d-dialog-tip-title-color: var(--okd-color-gray-900); --okd-dialog-tip-title=
-font-size: 18px; --okd-dialog-tip-title-line-height: 24px; --okd-dialog-ti=
p-detail-color: var(--okd-color-gray-700); --okd-dialog-tip-detail-font-siz=
e: 14px; --okd-dialog-tip-detail-line-height: 20px; --okd-dialog-tip-succes=
s-icon-bg: rgba(25,204,91,.2); --okd-dialog-tip-info-icon-bg: rgba(0,0,0,.2=
); --okd-dialog-tip-prompt-icon-bg: rgba(241,101,20,.2); --okd-dialog-tip-w=
arn-icon-bg: rgba(241,101,20,.2); --okd-dialog-tip-alert-icon-bg: rgba(241,=
80,123,.2); --okd-dialog-tip-error-icon-bg: rgba(241,80,123,.2); --okd-dial=
og-tip-success-icon-color: var(--okd-color-fq-green-lv1); --okd-dialog-tip-=
info-icon-color: var(--okd-color-gray-900); --okd-dialog-tip-prompt-icon-co=
lor: var(--okd-color-orange-700); --okd-dialog-tip-warn-icon-color: var(--o=
kd-color-orange-700); --okd-dialog-tip-alert-icon-color: var(--okd-color-fq=
-red-lv1); --okd-dialog-tip-error-icon-color: var(--okd-color-fq-red-lv1); =
--okd-dialog-tip-icon-bg-size: 48px; --okd-dialog-tip-icon-font-size: 48px;=
 --okd-dialog-action-close-btn-color: var(--okd-color-blue-700); --okd-dial=
og-footer-box-sm-padding-vertical: 20px; --okd-dialog-footer-box-md-padding=
-vertical: 12px; --okd-dialog-tip-footer-box-sm-padding-vertical: 16px; --o=
kd-dialog-tip-footer-box-md-padding-vertical: 24px; --okd-dialog-container-=
sm-padding-horizontal: 16px; --okd-dialog-container-md-padding-horizontal: =
24px; --okd-dialog-container-md-padding-vertical: 24px; --okd-dialog-contai=
ner-sm-padding-vertical: 16px; --okd-dialog-window-close-icon-size: 24px; -=
-okd-dialog-window-back-icon-size: 24px; --okd-dialog-tip-container-md-padd=
ing-top: 28px; --okd-dialog-tip-container-md-padding-bottom: 24px; --okd-di=
alog-tip-container-sm-padding-top: 20px; --okd-dialog-tip-container-sm-padd=
ing-bottom: 24px; --okd-dialog-window-action-padding: 16px; --okd-dialog-fo=
oter-action-cancel-type: secondary; --okd-dialog-footer-action-confirm-type=
: highlight; --okd-dialog-footer-action-cancel-size: sm; --okd-dialog-foote=
r-action-confirm-size: sm; --okd-dialog-window-sm-border-radius: 8px; --okd=
-dialog-title-font-weight: 700; --okd-dialog-footer-btn-full-sm-margin-top:=
 8px; --okd-dialog-footer-btn-md-margin-left: 12px; --okd-dialog-footer-btn=
-sm-margin-left: 12px; --okd-dialog-confirm-footer-sm-button-border-color: =
var(--okd-color-border-secondary); --okd-dialog-confirm-footer-padding-top:=
 0; --okd-dialog-confirm-footer-padding-bottom: 24px; --okd-dialog-confirm-=
title-padding-top: 24px; --okd-dialog-confirm-no-title-padding-top: 24px; -=
-okd-dialog-confirm-title-padding-bottom: 0px; --okd-dialog-confirm-max-wid=
th: 520px; --okd-dialog-confirm-min-width: 280px; --okd-dialog-confirm-cont=
ainer-color: var(--okd-color-content-secondary); --okd-dialog-confirm-conta=
iner-line-height: 20px; --okd-dialog-confirm-container-font-size: 14px; --o=
kd-dialog-confirm-container-sm-padding-bottom: 24px; --okd-dialog-confirm-i=
con-font-size: 22px; --okd-dialog-confirm-icon-margin-right: 10px; --okd-di=
alog-confirm-icon-line-height: 22px; --okd-dialog-title-icon-close-color: v=
ar(--okd-color-content-contrast); --okd-dialog-title-icon-back-color: var(-=
-okd-color-content-primary); --okd-dialog-title-icon-close-hover-color: var=
(--okd-color-content-primary); --okd-dialog-title-icon-hover-background-col=
or: var(--okd-color-background-surface-primary); --okd-dialog-title-icon-ho=
ver-border-radius: 4px; --okd-dialog-title-icon-close-margin-left: 32px; --=
okd-dialog-title-icon-back-margin-right: 8px; --okd-dialog-window-back-btn-=
color: var(--okd-color-container-inverse); --okd-dialog-window-back-btn-mar=
gin-right: 12px; --okd-dialog-window-close-btn-margin-left: 12px; --okd-dia=
log-confirm-container-sm-padding-top: 8px; --okd-dialog-confirm-container-s=
m-padding-horizontal: 24px; --okd-dialog-confirm-title-padding-horizontal: =
24px; --okd-dialog-footer-box-sm-padding-top: 12px; --okd-dialog-footer-box=
-sm-padding-bottom: 20px; --okd-dialog-confirmation-header-padding-top: 24p=
x; --okd-dialog-confirmation-footer-padding-bottom: 24px; --okd-dialog-conf=
irmation-padding-left: 24px; --okd-dialog-confirmation-padding-right: 24px;=
 --okd-dialog-confirmation-container-padding-top: 32px; --okd-dialog-confir=
mation-container-padding-bottom: 32px; --okd-dialog-confirm-footer-sm-butto=
n-color: var(--okd-color-content-primary); --okd-dialog-window-min-width: 3=
92px; --okd-button-fill-highlight-default-background: var(--okd-color-conta=
iner-inverse); --okd-button-fill-highlight-hover-background: var(--okd-colo=
r-container-inverse); --okd-button-fill-highlight-active-background: var(--=
okd-color-container-inverse); --okd-button-fill-highlight-focus-background:=
 var(--okd-color-gray-900); --okd-button-fill-highlight-disabled-background=
: var(--okd-color-background-surface-primary); --okd-button-fill-highlight-=
default-border-color: var(--okd-color-container-inverse); --okd-button-fill=
-highlight-hover-border-color: var(--okd-color-container-inverse); --okd-bu=
tton-fill-highlight-active-border-color: var(--okd-color-container-inverse)=
; --okd-button-fill-highlight-focus-border-color: var(--okd-color-gray-900)=
; --okd-button-fill-highlight-disabled-border-color: var(--okd-color-backgr=
ound-surface-primary); --okd-button-fill-highlight-default-font-color: var(=
--okd-color-content-inverse); --okd-button-fill-highlight-hover-font-color:=
 hsla(0,0%,100%,.6); --okd-button-fill-highlight-active-font-color: var(--o=
kd-color-content-inverse); --okd-button-fill-highlight-focus-font-color: va=
r(--okd-color-text-white); --okd-button-fill-highlight-disabled-font-color:=
 var(--okd-color-content-disabled); --okd-button-fill-highlight-default-ico=
n-color: var(--okd-color-content-inverse); --okd-button-fill-highlight-hove=
r-icon-color: hsla(0,0%,100%,.6); --okd-button-fill-highlight-active-icon-c=
olor: var(--okd-color-content-inverse); --okd-button-fill-highlight-focus-i=
con-color: var(--okd-color-text-white); --okd-button-fill-highlight-disable=
d-icon-color: var(--okd-color-content-disabled); --okd-button-fill-highligh=
t-default-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-hover=
-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-active-shadow:=
 var(--okd-shadow-none); --okd-button-fill-highlight-focus-shadow: 0px 0px =
0px 1.5px #fff,0px 0px 0px 3.5px #1d202359; --okd-button-fill-highlight-dis=
abled-shadow: var(--okd-shadow-none); --okd-button-fill-highlight-loader-tr=
ack-color: hsla(0,0%,98%,.26); --okd-button-fill-highlight-loader-mark-colo=
r: var(--okd-color-border-contrast); --okd-button-fill-highlight-border-siz=
e: 0px; --okd-button-fill-primary-default-background: var(--okd-color-conta=
iner-inverse); --okd-button-fill-primary-hover-background: var(--okd-color-=
container-inverse); --okd-button-fill-primary-active-background: var(--okd-=
color-container-inverse); --okd-button-fill-primary-focus-background: var(-=
-okd-color-blue-900); --okd-button-fill-primary-disabled-background: var(--=
okd-color-background-surface-primary); --okd-button-fill-primary-default-bo=
rder-color: var(--okd-color-container-inverse); --okd-button-fill-primary-h=
over-border-color: var(--okd-color-common-transparent); --okd-button-fill-p=
rimary-active-border-color: var(--okd-color-transparent); --okd-button-fill=
-primary-focus-border-color: var(--okd-color-transparent); --okd-button-fil=
l-primary-disabled-border-color: var(--okd-color-background-surface-primary=
); --okd-button-fill-primary-default-font-color: var(--okd-color-content-in=
verse); --okd-button-fill-primary-hover-font-color: hsla(0,0%,100%,.6); --o=
kd-button-fill-primary-active-font-color: var(--okd-color-content-inverse);=
 --okd-button-fill-primary-focus-font-color: var(--okd-color-text-white); -=
-okd-button-fill-primary-disabled-font-color: var(--okd-color-content-disab=
led); --okd-button-fill-primary-default-icon-color: var(--okd-color-content=
-inverse); --okd-button-fill-primary-hover-icon-color: hsla(0,0%,100%,.6); =
--okd-button-fill-primary-active-icon-color: var(--okd-color-content-invers=
e); --okd-button-fill-primary-focus-icon-color: var(--okd-color-text-white)=
; --okd-button-fill-primary-disabled-icon-color: var(--okd-color-content-di=
sabled); --okd-button-fill-primary-default-shadow: var(--okd-shadow-none); =
--okd-button-fill-primary-hover-shadow: var(--okd-shadow-none); --okd-butto=
n-fill-primary-active-shadow: var(--okd-shadow-none); --okd-button-fill-pri=
mary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #2d60e040; --ok=
d-button-fill-primary-disabled-shadow: var(--okd-shadow-none); --okd-button=
-fill-primary-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-pri=
mary-loader-mark-color: var(--okd-color-border-contrast); --okd-button-fill=
-primary-border-size: 0px; --okd-button-fill-secondary-default-background: =
var(--okd-color-blue-050); --okd-button-fill-secondary-hover-background: va=
r(--okd-color-blue-100); --okd-button-fill-secondary-active-background: var=
(--okd-color-blue-200); --okd-button-fill-secondary-focus-background: var(-=
-okd-color-blue-100); --okd-button-fill-secondary-disabled-background: var(=
--okd-color-blue-050); --okd-button-fill-secondary-default-border-color: va=
r(--okd-color-blue-050); --okd-button-fill-secondary-hover-border-color: va=
r(--okd-color-blue-100); --okd-button-fill-secondary-active-border-color: v=
ar(--okd-color-blue-200); --okd-button-fill-secondary-focus-border-color: v=
ar(--okd-color-blue-100); --okd-button-fill-secondary-disabled-border-color=
: var(--okd-color-blue-050); --okd-button-fill-secondary-default-font-color=
: var(--okd-color-blue-800); --okd-button-fill-secondary-hover-font-color: =
var(--okd-color-blue-800); --okd-button-fill-secondary-active-font-color: v=
ar(--okd-color-blue-800); --okd-button-fill-secondary-focus-font-color: var=
(--okd-color-blue-800); --okd-button-fill-secondary-disabled-font-color: va=
r(--okd-color-blue-300); --okd-button-fill-secondary-default-icon-color: va=
r(--okd-color-blue-700); --okd-button-fill-secondary-hover-icon-color: var(=
--okd-color-blue-700); --okd-button-fill-secondary-active-icon-color: var(-=
-okd-color-blue-700); --okd-button-fill-secondary-focus-icon-color: var(--o=
kd-color-blue-700); --okd-button-fill-secondary-disabled-icon-color: var(--=
okd-color-gray-300); --okd-button-fill-secondary-default-shadow: var(--okd-=
shadow-none); --okd-button-fill-secondary-hover-shadow: var(--okd-shadow-no=
ne); --okd-button-fill-secondary-active-shadow: var(--okd-shadow-none); --o=
kd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3=
.5px #2d60e040; --okd-button-fill-secondary-disabled-shadow: var(--okd-shad=
ow-none); --okd-button-fill-secondary-loader-track-color: var(--okd-color-b=
lue-050); --okd-button-fill-secondary-loader-mark-color: var(--okd-color-bl=
ue-700); --okd-button-fill-secondary-border-size: 0px; --okd-button-fill-te=
rtiary-border-size: 0px; --okd-button-fill-tertiary-default-background: var=
(--okd-color-container-primary); --okd-button-fill-tertiary-hover-backgroun=
d: var(--okd-color-container-primary); --okd-button-fill-tertiary-focus-bac=
kground: hsla(0,0%,100%,.8); --okd-button-fill-tertiary-active-background: =
var(--okd-color-container-primary); --okd-button-fill-tertiary-disabled-bac=
kground: hsla(0,0%,100%,.06); --okd-button-fill-tertiary-disabled-font-colo=
r: hsla(0,0%,100%,.36); --okd-button-fill-tertiary-disabled-border-color: h=
sla(0,0%,100%,.06); --okd-button-fill-tertiary-default-border-color: var(--=
okd-color-container-primary); --okd-button-fill-tertiary-hover-border-color=
: hsla(0,0%,100%,0); --okd-button-fill-tertiary-focus-border-color: rgba(48=
,16,25,0); --okd-button-fill-tertiary-active-border-color: hsla(0,0%,100%,0=
); --okd-button-fill-tertiary-loader-track-color: var(--okd-color-border-pr=
imary); --okd-button-fill-tertiary-loader-mark-color: var(--okd-color-borde=
r-selected); --okd-button-fill-tertiary-default-font-color: var(--okd-color=
-content-primary); --okd-button-fill-tertiary-default-icon-color: var(--okd=
-color-content-primary); --okd-button-fill-tertiary-default-shadow: 0px 0px=
 0px 0px transparent; --okd-button-fill-tertiary-hover-font-color: var(--ok=
d-color-content-contrast); --okd-button-fill-tertiary-hover-icon-color: var=
(--okd-color-content-contrast); --okd-button-fill-tertiary-hover-shadow: 0p=
x 0px 0px 0px transparent; --okd-button-fill-tertiary-focus-font-color: var=
(--okd-color-text-amplifed); --okd-button-fill-tertiary-focus-icon-color: v=
ar(--okd-color-text-amplifed); --okd-button-fill-tertiary-focus-shadow: 0px=
 0px 0px 0px transparent; --okd-button-fill-tertiary-active-font-color: var=
(--okd-color-content-contrast); --okd-button-fill-tertiary-active-icon-colo=
r: var(--okd-color-content-contrast); --okd-button-fill-tertiary-active-sha=
dow: 0px 0px 0px 0px transparent; --okd-button-fill-tertiary-disabled-icon-=
color: hsla(0,0%,100%,.36); --okd-button-fill-tertiary-disabled-shadow: 0px=
 0px 0px 0px transparent; --okd-button-fill-quaternary-border-size: 0px; --=
okd-button-fill-quaternary-default-background: hsla(0,0%,100%,.15); --okd-b=
utton-fill-quaternary-default-font-color: var(--okd-color-white); --okd-but=
ton-fill-quaternary-default-border-color: transparent; --okd-button-fill-qu=
aternary-hover-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternar=
y-hover-border-color: var(--okd-color-transparent); --okd-button-fill-quate=
rnary-hover-font-color: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-f=
ocus-background: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-focus-bo=
rder-color: var(--okd-color-transparent); --okd-button-fill-quaternary-focu=
s-font-color: var(--okd-color-white); --okd-button-fill-quaternary-active-b=
ackground: hsla(0,0%,100%,.25); --okd-button-fill-quaternary-active-border-=
color: transparent; --okd-button-fill-quaternary-active-font-color: var(--o=
kd-color-white); --okd-button-fill-quaternary-disabled-background: hsla(0,0=
%,100%,.15); --okd-button-fill-quaternary-disabled-font-color: hsla(0,0%,10=
0%,.25); --okd-button-fill-quaternary-disabled-border-color: var(--okd-colo=
r-transparent); --okd-button-fill-quaternary-loader-track-color: hsla(0,0%,=
100%,.25); --okd-button-fill-quaternary-loader-mark-color: var(--okd-color-=
white); --okd-button-fill-quaternary-default-icon-color: var(--okd-color-wh=
ite); --okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transpar=
ent; --okd-button-fill-quaternary-hover-icon-color: var(--okd-color-white);=
 --okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent; --=
okd-button-fill-quaternary-focus-icon-color: var(--okd-color-white); --okd-=
button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent; --okd-but=
ton-fill-quaternary-active-icon-color: var(--okd-color-white); --okd-button=
-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent; --okd-button-f=
ill-quaternary-disabled-icon-color: var(--okd-color-white); --okd-button-fi=
ll-quaternary-disabled-shadow: 0px 0px 0px 0px transparent; --okd-button-fi=
ll-red-default-background: var(--okd-color-semantic-negative); --okd-button=
-fill-red-hover-background: rgba(235,75,109,.8); --okd-button-fill-red-acti=
ve-background: rgba(235,75,109,.8); --okd-button-fill-red-focus-background:=
 var(--okd-color-red-800); --okd-button-fill-red-disabled-background: var(-=
-okd-color-background-surface-disable); --okd-button-fill-red-default-borde=
r-color: var(--okd-color-semantic-negative); --okd-button-fill-red-hover-bo=
rder-color: var(--okd-color-transparent); --okd-button-fill-red-active-bord=
er-color: var(--okd-color-transparent); --okd-button-fill-red-focus-border-=
color: var(--okd-color-red-800); --okd-button-fill-red-disabled-border-colo=
r: var(--okd-color-common-transparent); --okd-button-fill-red-default-font-=
color: var(--okd-color-content-inverse); --okd-button-fill-red-hover-font-c=
olor: var(--okd-color-content-inverse); --okd-button-fill-red-active-font-c=
olor: var(--okd-color-content-inverse); --okd-button-fill-red-focus-font-co=
lor: var(--okd-color-text-white); --okd-button-fill-red-disabled-font-color=
: var(--okd-color-content-disabled); --okd-button-fill-red-default-icon-col=
or: var(--okd-color-content-inverse); --okd-button-fill-red-hover-icon-colo=
r: var(--okd-color-content-inverse); --okd-button-fill-red-active-icon-colo=
r: var(--okd-color-content-inverse); --okd-button-fill-red-focus-icon-color=
: var(--okd-color-text-white); --okd-button-fill-red-disabled-icon-color: v=
ar(--okd-color-content-disabled); --okd-button-fill-red-default-shadow: 0 0=
 0 0 transparent; --okd-button-fill-red-hover-shadow: var(--okd-shadow-none=
); --okd-button-fill-red-active-shadow: var(--okd-shadow-none); --okd-butto=
n-fill-red-focus-shadow: 0px 0px 0px 1.5px #fff,0px 0px 0px 3.5px #e35e5e66=
; --okd-button-fill-red-disabled-shadow: var(--okd-shadow-none); --okd-butt=
on-fill-red-loader-track-color: hsla(0,0%,98%,.26); --okd-button-fill-red-l=
oader-mark-color: var(--okd-color-border-contrast); --okd-button-fill-red-b=
order-size: 0px; --okd-button-fill-green-default-background: var(--okd-colo=
r-semantic-positive); --okd-button-fill-green-hover-background: rgba(49,189=
,101,.8); --okd-button-fill-green-active-background: rgba(49,189,101,.8); -=
-okd-button-fill-green-focus-background: var(--okd-color-green-900); --okd-=
button-fill-green-disabled-background: var(--okd-color-background-surface-d=
isable); --okd-button-fill-green-default-border-color: var(--okd-color-sema=
ntic-positive); --okd-button-fill-green-hover-border-color: var(--okd-color=
-transparent); --okd-button-fill-green-active-border-color: var(--okd-color=
-transparent); --okd-button-fill-green-focus-border-color: var(--okd-color-=
transparent); --okd-button-fill-green-disabled-border-color: var(--okd-colo=
r-common-transparent); --okd-button-fill-green-default-font-color: var(--ok=
d-color-content-inverse); --okd-button-fill-green-hover-font-color: var(--o=
kd-color-content-inverse); --okd-button-fill-green-active-font-color: var(-=
-okd-color-content-inverse); --okd-button-fill-green-focus-font-color: var(=
--okd-color-text-white); --okd-button-fill-green-disabled-font-color: var(-=
-okd-color-content-disabled); --okd-button-fill-green-default-icon-color: v=
ar(--okd-color-content-inverse); --okd-button-fill-green-hover-icon-color: =
var(--okd-color-content-inverse); --okd-button-fill-green-active-icon-color=
: var(--okd-color-content-inverse); --okd-button-fill-green-focus-icon-colo=
r: var(--okd-color-text-white); --okd-button-fill-green-disabled-icon-color=
: var(--okd-color-content-disabled); --okd-button-fill-green-default-shadow=
: 0 0 0 0 transparent; --okd-button-fill-green-hover-shadow: var(--okd-shad=
ow-none); --okd-button-fill-green-active-shadow: var(--okd-shadow-none); --=
okd-button-fill-green-focus-shadow: 0px 0px 0px 1px #fff,0px 0px 0px 3.5px =
#2ead6573; --okd-button-fill-green-disabled-shadow: var(--okd-shadow-none);=
 --okd-button-fill-green-loader-track-color: hsla(0,0%,98%,.26); --okd-butt=
on-fill-green-loader-mark-color: var(--okd-color-border-contrast); --okd-bu=
tton-fill-green-border-size: 0px; --okd-button-fill-grey-default-background=
: var(--okd-color-background-surface-primary); --okd-button-fill-grey-hover=
-background: var(--okd-color-background-surface-pressed); --okd-button-fill=
-grey-active-background: var(--okd-color-background-surface-pressed); --okd=
-button-fill-grey-focus-background: hsla(0,0%,86%,.5); --okd-button-fill-gr=
ey-disabled-background: var(--okd-color-background-surface-disable); --okd-=
button-fill-grey-default-border-color: var(--okd-color-background-surface-p=
rimary); --okd-button-fill-grey-hover-border-color: var(--okd-color-transpa=
rent); --okd-button-fill-grey-active-border-color: var(--okd-color-transpar=
ent); --okd-button-fill-grey-focus-border-color: var(--okd-color-gray-200);=
 --okd-button-fill-grey-disabled-border-color: var(--okd-color-background-s=
urface-disable); --okd-button-fill-grey-default-font-color: var(--okd-color=
-content-primary); --okd-button-fill-grey-hover-font-color: var(--okd-color=
-content-primary); --okd-button-fill-grey-active-font-color: var(--okd-colo=
r-content-primary); --okd-button-fill-grey-focus-font-color: var(--okd-colo=
r-gray-700); --okd-button-fill-grey-disabled-font-color: var(--okd-color-co=
ntent-disabled); --okd-button-fill-grey-default-icon-color: var(--okd-color=
-content-primary); --okd-button-fill-grey-hover-icon-color: var(--okd-color=
-content-primary); --okd-button-fill-grey-active-icon-color: var(--okd-colo=
r-content-primary); --okd-button-fill-grey-focus-icon-color: var(--okd-colo=
r-gray-700); --okd-button-fill-grey-disabled-icon-color: var(--okd-color-co=
ntent-disabled); --okd-button-fill-grey-default-shadow: 0 0 0 0 transparent=
; --okd-button-fill-grey-hover-shadow: var(--okd-shadow-none); --okd-button=
-fill-grey-active-shadow: var(--okd-shadow-none); --okd-button-fill-grey-fo=
cus-shadow: 0px 0px 0px 0px #00000000,0px 0px 0px 3.5px #d8dce673; --okd-bu=
tton-fill-grey-disabled-shadow: var(--okd-shadow-none); --okd-button-fill-g=
rey-loader-track-color: var(--okd-color-border-primary); --okd-button-fill-=
grey-loader-mark-color: var(--okd-color-border-selected); --okd-button-fill=
-grey-border-size: 0px; --okd-button-outline-highlight-border-size: 1.5px; =
--okd-button-outline-highlight-hover-background: var(--okd-color-container-=
inverse); --okd-button-outline-highlight-hover-font-color: var(--okd-color-=
content-inverse); --okd-button-outline-highlight-focus-background: var(--ok=
d-color-gray-900); --okd-button-outline-highlight-focus-border-color: var(-=
-okd-color-gray-900); --okd-button-outline-highlight-focus-font-color: var(=
--okd-color-white); --okd-button-outline-highlight-active-background: var(-=
-okd-color-container-inverse); --okd-button-outline-highlight-active-font-c=
olor: var(--okd-color-content-inverse); --okd-button-outline-highlight-disa=
bled-font-color: var(--okd-color-content-disabled); --okd-button-outline-hi=
ghlight-disabled-border-color: var(--okd-color-border-primary); --okd-butto=
n-outline-highlight-hover-border-color: var(--okd-color-container-inverse);=
 --okd-button-outline-highlight-active-border-color: var(--okd-color-contai=
ner-inverse); --okd-button-outline-highlight-loader-track-color: var(--okd-=
color-gray-200); --okd-button-outline-highlight-loader-mark-color: var(--ok=
d-color-gray-900); --okd-button-outline-highlight-default-background: var(-=
-okd-color-transparent); --okd-button-outline-highlight-default-border-colo=
r: var(--okd-color-border-selected); --okd-button-outline-highlight-default=
-font-color: var(--okd-color-content-primary); --okd-button-outline-highlig=
ht-default-icon-color: var(--okd-color-content-primary); --okd-button-outli=
ne-highlight-default-shadow: 0px 0px 0px 0px transparent; --okd-button-outl=
ine-highlight-hover-icon-color: var(--okd-color-content-inverse); --okd-but=
ton-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent; --okd-butt=
on-outline-highlight-focus-icon-color: var(--okd-color-white); --okd-button=
-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-=
outline-highlight-active-icon-color: var(--okd-color-content-inverse); --ok=
d-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent; --ok=
d-button-outline-highlight-disabled-background: var(--okd-color-transparent=
); --okd-button-outline-highlight-disabled-icon-color: var(--okd-color-cont=
ent-disabled); --okd-button-outline-highlight-disabled-shadow: 0px 0px 0px =
0px transparent; --okd-button-outline-secondary-default-background: var(--o=
kd-color-white); --okd-button-outline-secondary-hover-background: var(--okd=
-color-background-2); --okd-button-outline-secondary-active-background: var=
(--okd-color-gray-050); --okd-button-outline-secondary-focus-background: va=
r(--okd-color-background-2); --okd-button-outline-secondary-disabled-backgr=
ound: var(--okd-color-white); --okd-button-outline-secondary-default-border=
-color: var(--okd-color-gray-200); --okd-button-outline-secondary-hover-bor=
der-color: var(--okd-color-gray-200); --okd-button-outline-secondary-active=
-border-color: var(--okd-color-gray-200); --okd-button-outline-secondary-fo=
cus-border-color: var(--okd-color-line-secondary); --okd-button-outline-sec=
ondary-disabled-border-color: #ebebeb; --okd-button-outline-secondary-defau=
lt-font-color: var(--okd-color-gray-900); --okd-button-outline-secondary-ho=
ver-font-color: var(--okd-color-text-amplifed); --okd-button-outline-second=
ary-active-font-color: var(--okd-color-gray-900); --okd-button-outline-seco=
ndary-focus-font-color: var(--okd-color-text-amplifed); --okd-button-outlin=
e-secondary-disabled-font-color: #bdbdbd; --okd-button-outline-secondary-de=
fault-icon-color: var(--okd-color-gray-900); --okd-button-outline-secondary=
-hover-icon-color: var(--okd-color-text-amplifed); --okd-button-outline-sec=
ondary-active-icon-color: var(--okd-color-gray-900); --okd-button-outline-s=
econdary-focus-icon-color: var(--okd-color-text-amplifed); --okd-button-out=
line-secondary-disabled-icon-color: var(--okd-color-gray-300); --okd-button=
-outline-secondary-default-shadow: 0 0 0 0 transparent; --okd-button-outlin=
e-secondary-hover-shadow: var(--okd-shadow-none); --okd-button-outline-seco=
ndary-active-shadow: var(--okd-shadow-none); --okd-button-outline-secondary=
-focus-shadow: 0px 0px 0px 3px #00000014; --okd-button-outline-secondary-di=
sabled-shadow: var(--okd-shadow-none); --okd-button-outline-secondary-loade=
r-track-color: rgba(0,0,0,.25); --okd-button-outline-secondary-loader-mark-=
color: var(--okd-color-black); --okd-button-outline-secondary-border-size: =
1px; --okd-button-outline-tertiary-border-size: 1.5px; --okd-button-outline=
-tertiary-default-background: var(--okd-color-transparent); --okd-button-ou=
tline-tertiary-default-border-color: var(--okd-color-border-contrast); --ok=
d-button-outline-tertiary-default-font-color: var(--okd-color-content-inver=
se); --okd-button-outline-tertiary-default-icon-color: var(--okd-color-cont=
ent-inverse); --okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px=
 transparent; --okd-button-outline-tertiary-hover-background: var(--okd-col=
or-container-primary); --okd-button-outline-tertiary-hover-shadow: 0px 0px =
0px 0px transparent; --okd-button-outline-tertiary-hover-icon-color: var(--=
okd-color-content-primary); --okd-button-outline-tertiary-hover-font-color:=
 var(--okd-color-content-primary); --okd-button-outline-tertiary-hover-bord=
er-color: var(--okd-color-container-primary); --okd-button-outline-tertiary=
-focus-shadow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-f=
ocus-icon-color: var(--okd-color-black); --okd-button-outline-tertiary-focu=
s-font-color: var(--okd-color-black); --okd-button-outline-tertiary-focus-b=
order-color: var(--okd-color-white); --okd-button-outline-tertiary-focus-ba=
ckground: var(--okd-color-white); --okd-button-outline-tertiary-active-shad=
ow: 0px 0px 0px 0px transparent; --okd-button-outline-tertiary-active-icon-=
color: var(--okd-color-content-primary); --okd-button-outline-tertiary-acti=
ve-font-color: var(--okd-color-content-primary); --okd-button-outline-terti=
ary-active-border-color: var(--okd-color-container-primary); --okd-button-o=
utline-tertiary-active-background: var(--okd-color-container-primary); --ok=
d-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent; --o=
kd-button-outline-tertiary-disabled-icon-color: hsla(0,0%,100%,.36); --okd-=
button-outline-tertiary-disabled-font-color: hsla(0,0%,100%,.36); --okd-but=
ton-outline-tertiary-disabled-border-color: hsla(0,0%,98%,.12); --okd-butto=
n-outline-tertiary-disabled-background: var(--okd-color-transparent); --okd=
-button-outline-tertiary-loader-mark-color: var(--okd-color-border-contrast=
); --okd-button-outline-tertiary-loader-track-color: hsla(0,0%,98%,.3); --o=
kd-button-text-primary-default-background: var(--okd-color-common-transpare=
nt); --okd-button-text-primary-hover-background: var(--okd-color-background=
-surface-pressed); --okd-button-text-primary-active-background: var(--okd-c=
olor-background-surface-pressed); --okd-button-text-primary-focus-backgroun=
d: var(--okd-color-blue-050); --okd-button-text-primary-disabled-background=
: var(--okd-color-background-surface-disable); --okd-button-text-primary-de=
fault-border-color: var(--okd-color-common-transparent); --okd-button-text-=
primary-hover-border-color: var(--okd-color-common-transparent); --okd-butt=
on-text-primary-active-border-color: var(--okd-color-common-transparent); -=
-okd-button-text-primary-focus-border-color: var(--okd-color-transparent); =
--okd-button-text-primary-disabled-border-color: var(--okd-color-common-tra=
nsparent); --okd-button-text-primary-default-font-color: var(--okd-color-co=
ntent-primary); --okd-button-text-primary-hover-font-color: var(--okd-color=
-content-primary); --okd-button-text-primary-active-font-color: var(--okd-c=
olor-content-primary); --okd-button-text-primary-focus-font-color: var(--ok=
d-color-blue-800); --okd-button-text-primary-disabled-font-color: var(--okd=
-color-content-disabled); --okd-button-text-primary-default-icon-color: var=
(--okd-color-content-primary); --okd-button-text-primary-hover-icon-color: =
var(--okd-color-content-primary); --okd-button-text-primary-active-icon-col=
or: var(--okd-color-content-primary); --okd-button-text-primary-focus-icon-=
color: var(--okd-color-blue-800); --okd-button-text-primary-disabled-icon-c=
olor: var(--okd-color-content-disabled); --okd-button-text-primary-default-=
shadow: none; --okd-button-text-primary-hover-shadow: none; --okd-button-te=
xt-primary-active-shadow: none; --okd-button-text-primary-focus-shadow: non=
e; --okd-button-text-primary-disabled-shadow: none; --okd-button-text-prima=
ry-border-size: 1px; --okd-button-text-secondary-default-background: var(--=
okd-color-transparent); --okd-button-text-secondary-hover-background: var(-=
-okd-color-blue-050); --okd-button-text-secondary-active-background: var(--=
okd-color-blue-050); --okd-button-text-secondary-focus-background: var(--ok=
d-color-blue-050); --okd-button-text-secondary-disabled-background: var(--o=
kd-color-gray-050); --okd-button-text-secondary-default-border-color: var(-=
-okd-color-transparent); --okd-button-text-secondary-hover-border-color: va=
r(--okd-color-transparent); --okd-button-text-secondary-active-border-color=
: var(--okd-color-transparent); --okd-button-text-secondary-focus-border-co=
lor: var(--okd-color-transparent); --okd-button-text-secondary-disabled-bor=
der-color: var(--okd-color-transparent); --okd-button-text-secondary-defaul=
t-font-color: var(--okd-color-fq-blue-lv1); --okd-button-text-secondary-hov=
er-font-color: var(--okd-color-blue-800); --okd-button-text-secondary-activ=
e-font-color: var(--okd-color-blue-800); --okd-button-text-secondary-focus-=
font-color: var(--okd-color-blue-800); --okd-button-text-secondary-disabled=
-font-color: rgba(0,94,234,.45); --okd-button-text-secondary-default-icon-c=
olor: var(--okd-color-fq-blue-lv1); --okd-button-text-secondary-hover-icon-=
color: var(--okd-color-blue-800); --okd-button-text-secondary-active-icon-c=
olor: var(--okd-color-blue-800); --okd-button-text-secondary-focus-icon-col=
or: var(--okd-color-blue-800); --okd-button-text-secondary-disabled-icon-co=
lor: rgba(0,94,234,.45); --okd-button-text-secondary-default-shadow: none; =
--okd-button-text-secondary-hover-shadow: none; --okd-button-text-secondary=
-active-shadow: none; --okd-button-text-secondary-focus-shadow: none; --okd=
-button-text-secondary-disabled-shadow: none; --okd-button-text-secondary-b=
order-size: 1px; --okd-button-text-red-default-background: var(--okd-color-=
common-transparent); --okd-button-text-red-hover-background: rgba(235,75,10=
9,.05); --okd-button-text-red-active-background: rgba(235,75,109,.05); --ok=
d-button-text-red-focus-background: var(--okd-color-red-050); --okd-button-=
text-red-disabled-background: var(--okd-color-background-surface-disable); =
--okd-button-text-red-default-border-color: var(--okd-color-transparent); -=
-okd-button-text-red-hover-border-color: var(--okd-color-common-transparent=
); --okd-button-text-red-active-border-color: var(--okd-color-common-transp=
arent); --okd-button-text-red-focus-border-color: var(--okd-color-transpare=
nt); --okd-button-text-red-disabled-border-color: var(--okd-color-common-tr=
ansparent); --okd-button-text-red-default-font-color: var(--okd-color-prefe=
r-red-text); --okd-button-text-red-hover-font-color: var(--okd-color-semant=
ic-negative); --okd-button-text-red-active-font-color: var(--okd-color-sema=
ntic-negative); --okd-button-text-red-focus-font-color: var(--okd-color-red=
-800); --okd-button-text-red-disabled-font-color: rgba(235,75,109,.45); --o=
kd-button-text-red-default-icon-color: var(--okd-color-red-800); --okd-butt=
on-text-red-hover-icon-color: var(--okd-color-prefer-red-text); --okd-butto=
n-text-red-active-icon-color: var(--okd-color-semantic-negative); --okd-but=
ton-text-red-focus-icon-color: var(--okd-color-red-800); --okd-button-text-=
red-disabled-icon-color: rgba(235,75,109,.45); --okd-button-text-red-defaul=
t-shadow: none; --okd-button-text-red-hover-shadow: none; --okd-button-text=
-red-active-shadow: none; --okd-button-text-red-focus-shadow: none; --okd-b=
utton-text-red-disabled-shadow: none; --okd-button-text-red-border-size: 1p=
x; --okd-button-text-green-default-background: var(--okd-color-common-trans=
parent); --okd-button-text-green-hover-background: rgba(49,189,101,.05); --=
okd-button-text-green-active-background: rgba(49,189,101,.05); --okd-button=
-text-green-focus-background: var(--okd-color-green-050); --okd-button-text=
-green-disabled-background: var(--okd-color-background-surface-disable); --=
okd-button-text-green-default-border-color: var(--okd-color-common-transpar=
ent); --okd-button-text-green-hover-border-color: var(--okd-color-common-tr=
ansparent); --okd-button-text-green-active-border-color: var(--okd-color-co=
mmon-transparent); --okd-button-text-green-focus-border-color: var(--okd-co=
lor-transparent); --okd-button-text-green-disabled-border-color: var(--okd-=
color-common-transparent); --okd-button-text-green-default-font-color: var(=
--okd-color-semantic-positive); --okd-button-text-green-hover-font-color: v=
ar(--okd-color-semantic-positive); --okd-button-text-green-active-font-colo=
r: var(--okd-color-semantic-positive); --okd-button-text-green-focus-font-c=
olor: var(--okd-color-green-800); --okd-button-text-green-disabled-font-col=
or: rgba(49,189,101,.45); --okd-button-text-green-default-icon-color: var(-=
-okd-color-semantic-positive); --okd-button-text-green-hover-icon-color: va=
r(--okd-color-semantic-positive); --okd-button-text-green-active-icon-color=
: var(--okd-color-semantic-positive); --okd-button-text-green-focus-icon-co=
lor: var(--okd-color-green-800); --okd-button-text-green-disabled-icon-colo=
r: rgba(49,189,101,.45); --okd-button-text-green-default-shadow: none; --ok=
d-button-text-green-hover-shadow: none; --okd-button-text-green-active-shad=
ow: none; --okd-button-text-green-focus-shadow: none; --okd-button-text-gre=
en-disabled-shadow: none; --okd-button-text-green-border-size: 1px; --okd-b=
utton-text-yellow-default-background: var(--okd-color-common-transparent); =
--okd-button-text-yellow-hover-background: rgba(255,177,23,.05); --okd-butt=
on-text-yellow-active-background: rgba(255,177,23,.05); --okd-button-text-y=
ellow-focus-background: var(--okd-color-yellow-050); --okd-button-text-yell=
ow-disabled-background: var(--okd-color-background-surface-disable); --okd-=
button-text-yellow-default-border-color: var(--okd-color-common-transparent=
); --okd-button-text-yellow-hover-border-color: var(--okd-color-common-tran=
sparent); --okd-button-text-yellow-active-border-color: var(--okd-color-com=
mon-transparent); --okd-button-text-yellow-focus-border-color: var(--okd-co=
lor-transparent); --okd-button-text-yellow-disabled-border-color: var(--okd=
-color-common-transparent); --okd-button-text-yellow-default-font-color: va=
r(--okd-color-semantic-notice); --okd-button-text-yellow-hover-font-color: =
var(--okd-color-semantic-notice); --okd-button-text-yellow-active-font-colo=
r: var(--okd-color-semantic-notice); --okd-button-text-yellow-focus-font-co=
lor: var(--okd-color-yellow-800); --okd-button-text-yellow-disabled-font-co=
lor: rgba(255,177,23,.45); --okd-button-text-yellow-default-icon-color: var=
(--okd-color-semantic-notice); --okd-button-text-yellow-hover-icon-color: v=
ar(--okd-color-semantic-notice); --okd-button-text-yellow-active-icon-color=
: var(--okd-color-semantic-notice); --okd-button-text-yellow-focus-icon-col=
or: var(--okd-color-yellow-800); --okd-button-text-yellow-disabled-icon-col=
or: rgba(255,177,23,.45); --okd-button-text-yellow-default-shadow: none; --=
okd-button-text-yellow-hover-shadow: none; --okd-button-text-yellow-active-=
shadow: none; --okd-button-text-yellow-focus-shadow: none; --okd-button-tex=
t-yellow-disabled-shadow: none; --okd-button-text-yellow-border-size: 1px; =
--okd-button-text-orange-default-background: var(--okd-color-transparent); =
--okd-button-text-orange-hover-background: var(--okd-color-orange-050); --o=
kd-button-text-orange-active-background: var(--okd-color-orange-050); --okd=
-button-text-orange-focus-background: var(--okd-color-orange-050); --okd-bu=
tton-text-orange-disabled-background: var(--okd-color-gray-050); --okd-butt=
on-text-orange-default-border-color: var(--okd-color-transparent); --okd-bu=
tton-text-orange-hover-border-color: var(--okd-color-transparent); --okd-bu=
tton-text-orange-active-border-color: var(--okd-color-transparent); --okd-b=
utton-text-orange-focus-border-color: var(--okd-color-transparent); --okd-b=
utton-text-orange-disabled-border-color: var(--okd-color-transparent); --ok=
d-button-text-orange-default-font-color: var(--okd-color-orange-800); --okd=
-button-text-orange-hover-font-color: var(--okd-color-orange-800); --okd-bu=
tton-text-orange-active-font-color: var(--okd-color-orange-800); --okd-butt=
on-text-orange-focus-font-color: var(--okd-color-orange-800); --okd-button-=
text-orange-disabled-font-color: rgba(233,96,16,.45); --okd-button-text-ora=
nge-default-icon-color: var(--okd-color-orange-800); --okd-button-text-oran=
ge-hover-icon-color: var(--okd-color-orange-800); --okd-button-text-orange-=
active-icon-color: var(--okd-color-orange-800); --okd-button-text-orange-fo=
cus-icon-color: var(--okd-color-orange-800); --okd-button-text-orange-disab=
led-icon-color: rgba(233,96,16,.45); --okd-button-text-orange-default-shado=
w: none; --okd-button-text-orange-hover-shadow: none; --okd-button-text-ora=
nge-active-shadow: none; --okd-button-text-orange-focus-shadow: none; --okd=
-button-text-orange-disabled-shadow: none; --okd-button-text-orange-border-=
size: 1px; }

.okui-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; outl=
ine: none; position: relative; text-decoration: none; touch-action: manipul=
ation; transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)=
 0s, border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; user-select: =
none; }

.okui-btn.btn-fill-highlight { background: var(--okd-button-fill-highlight-=
default-background); border-color: var(--okd-button-fill-highlight-default-=
border-color); border-style: solid; border-width: var(--okd-button-fill-hig=
hlight-border-size); box-shadow: var(--okd-button-fill-highlight-default-sh=
adow); color: var(--okd-button-fill-highlight-default-font-color); }

.okui-btn.btn-fill-highlight.hover, .okui-btn.btn-fill-highlight:not(:disab=
led):not(.mobile):hover { background: var(--okd-button-fill-highlight-hover=
-background); border-color: var(--okd-button-fill-highlight-hover-border-co=
lor); box-shadow: var(--okd-button-fill-highlight-hover-shadow); color: var=
(--okd-button-fill-highlight-hover-font-color); }

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

.okui-btn.btn-fill-highlight.active, .okui-btn.btn-fill-highlight:not(:disa=
bled):active { background: var(--okd-button-fill-highlight-active-backgroun=
d); border-color: var(--okd-button-fill-highlight-active-border-color); box=
-shadow: var(--okd-button-fill-highlight-active-shadow); color: var(--okd-b=
utton-fill-highlight-active-font-color); }

.okui-btn.btn-fill-highlight.active .btn-icon, .okui-btn.btn-fill-highlight=
:not(:disabled):active .btn-icon { color: var(--okd-button-fill-highlight-a=
ctive-icon-color); }

.okui-btn.btn-fill-highlight:not(.loading).btn-disabled, .okui-btn.btn-fill=
-highlight:not(.loading):disabled { background: var(--okd-button-fill-highl=
ight-disabled-background); border-color: var(--okd-button-fill-highlight-di=
sabled-border-color); box-shadow: var(--okd-button-fill-highlight-disabled-=
shadow); color: var(--okd-button-fill-highlight-disabled-font-color); }

.okui-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon, .okui-bt=
n.btn-fill-highlight:not(.loading):disabled .btn-icon { color: var(--okd-bu=
tton-fill-highlight-disabled-icon-color); }

.okui-btn.btn-fill-highlight.loading { cursor: pointer; }

.okui-btn.btn-fill-highlight .btn-icon { color: var(--okd-button-fill-highl=
ight-default-icon-color); }

.okui-btn.btn-fill-highlight .okui-btn-loader-text { color: var(--okd-butto=
n-fill-highlight-default-font-color); }

.okui-btn.btn-fill-highlight.btn-xxs { padding: calc(var(--okd-button-xxs-p=
adding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(=
--okd-button-xxs-padding-horizontal); }

.okui-btn.btn-fill-highlight.btn-xxs.okui-btn-strict-circle { height: calc(=
(var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-highlight-b=
order-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overfl=
ow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertica=
l) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xxs=
-line-height)); }

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

.okui-btn.btn-fill-highlight.btn-xs { padding: calc(var(--okd-button-xs-pad=
ding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--=
okd-button-xs-padding-horizontal); }

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

.okui-btn.btn-fill-highlight.btn-xs.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-highlight.btn-s { padding: calc(var(--okd-button-s-paddi=
ng-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--ok=
d-button-s-padding-horizontal); }

.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-s-padding-vertical) + var(--okd-button-fill-highlight-borde=
r-size))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hi=
dden; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var=
(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-s-line-heig=
ht)); }

.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-highlight.btn-sm { padding: calc(var(--okd-button-sm-pad=
ding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--=
okd-button-sm-padding-horizontal); }

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

.okui-btn.btn-fill-highlight.btn-sm.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-highlight.btn-md { padding: calc(var(--okd-button-md-pad=
ding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--=
okd-button-md-padding-horizontal); }

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

.okui-btn.btn-fill-highlight.btn-md.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-highlight.btn-lg { padding: calc(var(--okd-button-lg-pad=
ding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--=
okd-button-lg-padding-horizontal); }

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

.okui-btn.btn-fill-highlight.btn-lg.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-highlight.btn-xl { padding: calc(var(--okd-button-xl-pad=
ding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--=
okd-button-xl-padding-horizontal); }

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

.okui-btn.btn-fill-highlight.btn-xl.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-primary { background: var(--okd-button-fill-primary-defa=
ult-background); border-color: var(--okd-button-fill-primary-default-border=
-color); border-style: solid; border-width: var(--okd-button-fill-primary-b=
order-size); box-shadow: var(--okd-button-fill-primary-default-shadow); col=
or: var(--okd-button-fill-primary-default-font-color); }

.okui-btn.btn-fill-primary.hover, .okui-btn.btn-fill-primary:not(:disabled)=
:not(.mobile):hover { background: var(--okd-button-fill-primary-hover-backg=
round); border-color: var(--okd-button-fill-primary-hover-border-color); bo=
x-shadow: var(--okd-button-fill-primary-hover-shadow); color: var(--okd-but=
ton-fill-primary-hover-font-color); }

.okui-btn.btn-fill-primary.hover .btn-icon, .okui-btn.btn-fill-primary:not(=
:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-prim=
ary-hover-icon-color); }

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

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

.okui-btn.btn-fill-primary:not(.loading).btn-disabled, .okui-btn.btn-fill-p=
rimary:not(.loading):disabled { background: var(--okd-button-fill-primary-d=
isabled-background); border-color: var(--okd-button-fill-primary-disabled-b=
order-color); box-shadow: var(--okd-button-fill-primary-disabled-shadow); c=
olor: var(--okd-button-fill-primary-disabled-font-color); }

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

.okui-btn.btn-fill-primary.loading { cursor: pointer; }

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

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

.okui-btn.btn-fill-primary.btn-xxs { padding: calc(var(--okd-button-xxs-pad=
ding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--ok=
d-button-xxs-padding-horizontal); }

.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-primary-borde=
r-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow: =
hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical) +=
 var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xxs-line-=
height)); }

.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-primary.btn-xs { padding: calc(var(--okd-button-xs-paddi=
ng-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-=
button-xs-padding-horizontal); }

.okui-btn.btn-fill-primary.btn-xs.okui-btn-strict-circle { height: calc((va=
r(--okd-button-xs-padding-vertical) + var(--okd-button-fill-primary-border-=
size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + var=
(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xs-line-heigh=
t)); }

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

.okui-btn.btn-fill-primary.btn-s { padding: calc(var(--okd-button-s-padding=
-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-bu=
tton-s-padding-horizontal); }

.okui-btn.btn-fill-primary.btn-s.okui-btn-strict-circle { height: calc((var=
(--okd-button-s-padding-vertical) + var(--okd-button-fill-primary-border-si=
ze))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hidden=
; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(--o=
kd-button-fill-primary-border-size))*2 + var(--okd-button-s-line-height)); =
}

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

.okui-btn.btn-fill-primary.btn-sm { padding: calc(var(--okd-button-sm-paddi=
ng-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-=
button-sm-padding-horizontal); }

.okui-btn.btn-fill-primary.btn-sm.okui-btn-strict-circle { height: calc((va=
r(--okd-button-sm-padding-vertical) + var(--okd-button-fill-primary-border-=
size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + var=
(--okd-button-fill-primary-border-size))*2 + var(--okd-button-sm-line-heigh=
t)); }

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

.okui-btn.btn-fill-primary.btn-md { padding: calc(var(--okd-button-md-paddi=
ng-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-=
button-md-padding-horizontal); }

.okui-btn.btn-fill-primary.btn-md.okui-btn-strict-circle { height: calc((va=
r(--okd-button-md-padding-vertical) + var(--okd-button-fill-primary-border-=
size))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-md-padding-vertical) + var=
(--okd-button-fill-primary-border-size))*2 + var(--okd-button-md-line-heigh=
t)); }

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

.okui-btn.btn-fill-primary.btn-lg { padding: calc(var(--okd-button-lg-paddi=
ng-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-=
button-lg-padding-horizontal); }

.okui-btn.btn-fill-primary.btn-lg.okui-btn-strict-circle { height: calc((va=
r(--okd-button-lg-padding-vertical) + var(--okd-button-fill-primary-border-=
size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + var=
(--okd-button-fill-primary-border-size))*2 + var(--okd-button-lg-line-heigh=
t)); }

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

.okui-btn.btn-fill-primary.btn-xl { padding: calc(var(--okd-button-xl-paddi=
ng-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-=
button-xl-padding-horizontal); }

.okui-btn.btn-fill-primary.btn-xl.okui-btn-strict-circle { height: calc((va=
r(--okd-button-xl-padding-vertical) + var(--okd-button-fill-primary-border-=
size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + var=
(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xl-line-heigh=
t)); }

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

.okui-btn.btn-fill-secondary { background: var(--okd-button-fill-secondary-=
default-background); border-color: var(--okd-button-fill-secondary-default-=
border-color); border-style: solid; border-width: var(--okd-button-fill-sec=
ondary-border-size); box-shadow: var(--okd-button-fill-secondary-default-sh=
adow); color: var(--okd-button-fill-secondary-default-font-color); }

.okui-btn.btn-fill-secondary.hover, .okui-btn.btn-fill-secondary:not(:disab=
led):not(.mobile):hover { background: var(--okd-button-fill-secondary-hover=
-background); border-color: var(--okd-button-fill-secondary-hover-border-co=
lor); box-shadow: var(--okd-button-fill-secondary-hover-shadow); color: var=
(--okd-button-fill-secondary-hover-font-color); }

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

.okui-btn.btn-fill-secondary.active, .okui-btn.btn-fill-secondary:not(:disa=
bled):active { background: var(--okd-button-fill-secondary-active-backgroun=
d); border-color: var(--okd-button-fill-secondary-active-border-color); box=
-shadow: var(--okd-button-fill-secondary-active-shadow); color: var(--okd-b=
utton-fill-secondary-active-font-color); }

.okui-btn.btn-fill-secondary.active .btn-icon, .okui-btn.btn-fill-secondary=
:not(:disabled):active .btn-icon { color: var(--okd-button-fill-secondary-a=
ctive-icon-color); }

.okui-btn.btn-fill-secondary:not(.loading).btn-disabled, .okui-btn.btn-fill=
-secondary:not(.loading):disabled { background: var(--okd-button-fill-secon=
dary-disabled-background); border-color: var(--okd-button-fill-secondary-di=
sabled-border-color); box-shadow: var(--okd-button-fill-secondary-disabled-=
shadow); color: var(--okd-button-fill-secondary-disabled-font-color); }

.okui-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon, .okui-bt=
n.btn-fill-secondary:not(.loading):disabled .btn-icon { color: var(--okd-bu=
tton-fill-secondary-disabled-icon-color); }

.okui-btn.btn-fill-secondary.loading { cursor: pointer; }

.okui-btn.btn-fill-secondary .btn-icon { color: var(--okd-button-fill-secon=
dary-default-icon-color); }

.okui-btn.btn-fill-secondary .okui-btn-loader-text { color: var(--okd-butto=
n-fill-secondary-default-font-color); }

.okui-btn.btn-fill-secondary.btn-xxs { padding: calc(var(--okd-button-xxs-p=
adding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(=
--okd-button-xxs-padding-horizontal); }

.okui-btn.btn-fill-secondary.btn-xxs.okui-btn-strict-circle { height: calc(=
(var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-secondary-b=
order-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overfl=
ow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertica=
l) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xxs=
-line-height)); }

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

.okui-btn.btn-fill-secondary.btn-xs { padding: calc(var(--okd-button-xs-pad=
ding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--=
okd-button-xs-padding-horizontal); }

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

.okui-btn.btn-fill-secondary.btn-xs.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-secondary.btn-s { padding: calc(var(--okd-button-s-paddi=
ng-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--ok=
d-button-s-padding-horizontal); }

.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-s-padding-vertical) + var(--okd-button-fill-secondary-borde=
r-size))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hi=
dden; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var=
(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-s-line-heig=
ht)); }

.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-secondary.btn-sm { padding: calc(var(--okd-button-sm-pad=
ding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--=
okd-button-sm-padding-horizontal); }

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

.okui-btn.btn-fill-secondary.btn-sm.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-secondary.btn-md { padding: calc(var(--okd-button-md-pad=
ding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--=
okd-button-md-padding-horizontal); }

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

.okui-btn.btn-fill-secondary.btn-md.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-secondary.btn-lg { padding: calc(var(--okd-button-lg-pad=
ding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--=
okd-button-lg-padding-horizontal); }

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

.okui-btn.btn-fill-secondary.btn-lg.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-secondary.btn-xl { padding: calc(var(--okd-button-xl-pad=
ding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--=
okd-button-xl-padding-horizontal); }

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

.okui-btn.btn-fill-secondary.btn-xl.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-tertiary { background: var(--okd-button-fill-tertiary-de=
fault-background); border-color: var(--okd-button-fill-tertiary-default-bor=
der-color); border-style: solid; border-width: var(--okd-button-fill-tertia=
ry-border-size); box-shadow: var(--okd-button-fill-tertiary-default-shadow)=
; color: var(--okd-button-fill-tertiary-default-font-color); }

.okui-btn.btn-fill-tertiary.hover, .okui-btn.btn-fill-tertiary:not(:disable=
d):not(.mobile):hover { background: var(--okd-button-fill-tertiary-hover-ba=
ckground); border-color: var(--okd-button-fill-tertiary-hover-border-color)=
; box-shadow: var(--okd-button-fill-tertiary-hover-shadow); color: var(--ok=
d-button-fill-tertiary-hover-font-color); }

.okui-btn.btn-fill-tertiary.hover .btn-icon, .okui-btn.btn-fill-tertiary:no=
t(:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-te=
rtiary-hover-icon-color); }

.okui-btn.btn-fill-tertiary.active, .okui-btn.btn-fill-tertiary:not(:disabl=
ed):active { background: var(--okd-button-fill-tertiary-active-background);=
 border-color: var(--okd-button-fill-tertiary-active-border-color); box-sha=
dow: var(--okd-button-fill-tertiary-active-shadow); color: var(--okd-button=
-fill-tertiary-active-font-color); }

.okui-btn.btn-fill-tertiary.active .btn-icon, .okui-btn.btn-fill-tertiary:n=
ot(:disabled):active .btn-icon { color: var(--okd-button-fill-tertiary-acti=
ve-icon-color); }

.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled, .okui-btn.btn-fill-=
tertiary:not(.loading):disabled { background: var(--okd-button-fill-tertiar=
y-disabled-background); border-color: var(--okd-button-fill-tertiary-disabl=
ed-border-color); box-shadow: var(--okd-button-fill-tertiary-disabled-shado=
w); color: var(--okd-button-fill-tertiary-disabled-font-color); }

.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon, .okui-btn=
.btn-fill-tertiary:not(.loading):disabled .btn-icon { color: var(--okd-butt=
on-fill-tertiary-disabled-icon-color); }

.okui-btn.btn-fill-tertiary.loading { cursor: pointer; }

.okui-btn.btn-fill-tertiary .btn-icon { color: var(--okd-button-fill-tertia=
ry-default-icon-color); }

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

.okui-btn.btn-fill-tertiary.btn-xxs { padding: calc(var(--okd-button-xxs-pa=
dding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--=
okd-button-xxs-padding-horizontal); }

.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle { height: calc((=
var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-tertiary-bor=
der-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow=
: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical)=
 + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xxs-li=
ne-height)); }

.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-tertiary.btn-xs { padding: calc(var(--okd-button-xs-padd=
ing-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--ok=
d-button-xs-padding-horizontal); }

.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-xs-padding-vertical) + var(--okd-button-fill-tertiary-borde=
r-size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: h=
idden; padding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + v=
ar(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xs-line-he=
ight)); }

.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-tertiary.btn-s { padding: calc(var(--okd-button-s-paddin=
g-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-=
button-s-padding-horizontal); }

.okui-btn.btn-fill-tertiary.btn-s.okui-btn-strict-circle { height: calc((va=
r(--okd-button-s-padding-vertical) + var(--okd-button-fill-tertiary-border-=
size))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hidd=
en; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(-=
-okd-button-fill-tertiary-border-size))*2 + var(--okd-button-s-line-height)=
); }

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

.okui-btn.btn-fill-tertiary.btn-sm { padding: calc(var(--okd-button-sm-padd=
ing-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--ok=
d-button-sm-padding-horizontal); }

.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-sm-padding-vertical) + var(--okd-button-fill-tertiary-borde=
r-size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: h=
idden; padding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + v=
ar(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-sm-line-he=
ight)); }

.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-tertiary.btn-md { padding: calc(var(--okd-button-md-padd=
ing-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--ok=
d-button-md-padding-horizontal); }

.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-md-padding-vertical) + var(--okd-button-fill-tertiary-borde=
r-size))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflow: h=
idden; padding: 0px; width: calc((var(--okd-button-md-padding-vertical) + v=
ar(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-md-line-he=
ight)); }

.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-tertiary.btn-lg { padding: calc(var(--okd-button-lg-padd=
ing-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--ok=
d-button-lg-padding-horizontal); }

.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-lg-padding-vertical) + var(--okd-button-fill-tertiary-borde=
r-size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: h=
idden; padding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + v=
ar(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-lg-line-he=
ight)); }

.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-tertiary.btn-xl { padding: calc(var(--okd-button-xl-padd=
ing-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--ok=
d-button-xl-padding-horizontal); }

.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-xl-padding-vertical) + var(--okd-button-fill-tertiary-borde=
r-size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: h=
idden; padding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + v=
ar(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xl-line-he=
ight)); }

.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-fill-quaternary { background: var(--okd-button-fill-quaternar=
y-default-background); border-color: var(--okd-button-fill-quaternary-defau=
lt-border-color); border-style: solid; border-width: var(--okd-button-fill-=
quaternary-border-size); box-shadow: var(--okd-button-fill-quaternary-defau=
lt-shadow); color: var(--okd-button-fill-quaternary-default-font-color); }

.okui-btn.btn-fill-quaternary.hover, .okui-btn.btn-fill-quaternary:not(:dis=
abled):not(.mobile):hover { background: var(--okd-button-fill-quaternary-ho=
ver-background); border-color: var(--okd-button-fill-quaternary-hover-borde=
r-color); box-shadow: var(--okd-button-fill-quaternary-hover-shadow); color=
: var(--okd-button-fill-quaternary-hover-font-color); }

.okui-btn.btn-fill-quaternary.hover .btn-icon, .okui-btn.btn-fill-quaternar=
y:not(:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-fil=
l-quaternary-hover-icon-color); }

.okui-btn.btn-fill-quaternary.active, .okui-btn.btn-fill-quaternary:not(:di=
sabled):active { background: var(--okd-button-fill-quaternary-active-backgr=
ound); border-color: var(--okd-button-fill-quaternary-active-border-color);=
 box-shadow: var(--okd-button-fill-quaternary-active-shadow); color: var(--=
okd-button-fill-quaternary-active-font-color); }

.okui-btn.btn-fill-quaternary.active .btn-icon, .okui-btn.btn-fill-quaterna=
ry:not(:disabled):active .btn-icon { color: var(--okd-button-fill-quaternar=
y-active-icon-color); }

.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled, .okui-btn.btn-fil=
l-quaternary:not(.loading):disabled { background: var(--okd-button-fill-qua=
ternary-disabled-background); border-color: var(--okd-button-fill-quaternar=
y-disabled-border-color); box-shadow: var(--okd-button-fill-quaternary-disa=
bled-shadow); color: var(--okd-button-fill-quaternary-disabled-font-color);=
 }

.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon, .okui-b=
tn.btn-fill-quaternary:not(.loading):disabled .btn-icon { color: var(--okd-=
button-fill-quaternary-disabled-icon-color); }

.okui-btn.btn-fill-quaternary.loading { cursor: pointer; }

.okui-btn.btn-fill-quaternary .btn-icon { color: var(--okd-button-fill-quat=
ernary-default-icon-color); }

.okui-btn.btn-fill-quaternary .okui-btn-loader-text { color: var(--okd-butt=
on-fill-quaternary-default-font-color); }

.okui-btn.btn-fill-quaternary.btn-xxs { padding: calc(var(--okd-button-xxs-=
padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) va=
r(--okd-button-xxs-padding-horizontal); }

.okui-btn.btn-fill-quaternary.btn-xxs.okui-btn-strict-circle { height: calc=
((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-quaternary=
-border-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; over=
flow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-verti=
cal) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-=
xxs-line-height)); }

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

.okui-btn.btn-fill-quaternary.btn-xs { padding: calc(var(--okd-button-xs-pa=
dding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(=
--okd-button-xs-padding-horizontal); }

.okui-btn.btn-fill-quaternary.btn-xs.okui-btn-strict-circle { height: calc(=
(var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-quaternary-b=
order-size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-xs-padding-vertical)=
 + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xs-l=
ine-height)); }

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

.okui-btn.btn-fill-quaternary.btn-s { padding: calc(var(--okd-button-s-padd=
ing-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--=
okd-button-s-padding-horizontal); }

.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle { height: calc((=
var(--okd-button-s-padding-vertical) + var(--okd-button-fill-quaternary-bor=
der-size))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: =
hidden; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + v=
ar(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-s-line-h=
eight)); }

.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-fill-quaternary.btn-sm { padding: calc(var(--okd-button-sm-pa=
dding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(=
--okd-button-sm-padding-horizontal); }

.okui-btn.btn-fill-quaternary.btn-sm.okui-btn-strict-circle { height: calc(=
(var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-quaternary-b=
order-size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-sm-padding-vertical)=
 + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-sm-l=
ine-height)); }

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

.okui-btn.btn-fill-quaternary.btn-md { padding: calc(var(--okd-button-md-pa=
dding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(=
--okd-button-md-padding-horizontal); }

.okui-btn.btn-fill-quaternary.btn-md.okui-btn-strict-circle { height: calc(=
(var(--okd-button-md-padding-vertical) + var(--okd-button-fill-quaternary-b=
order-size))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-md-padding-vertical)=
 + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-md-l=
ine-height)); }

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

.okui-btn.btn-fill-quaternary.btn-lg { padding: calc(var(--okd-button-lg-pa=
dding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(=
--okd-button-lg-padding-horizontal); }

.okui-btn.btn-fill-quaternary.btn-lg.okui-btn-strict-circle { height: calc(=
(var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-quaternary-b=
order-size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-lg-padding-vertical)=
 + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-lg-l=
ine-height)); }

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

.okui-btn.btn-fill-quaternary.btn-xl { padding: calc(var(--okd-button-xl-pa=
dding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(=
--okd-button-xl-padding-horizontal); }

.okui-btn.btn-fill-quaternary.btn-xl.okui-btn-strict-circle { height: calc(=
(var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-quaternary-b=
order-size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-xl-padding-vertical)=
 + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xl-l=
ine-height)); }

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

.okui-btn.btn-fill-red { background: var(--okd-button-fill-red-default-back=
ground); border-color: var(--okd-button-fill-red-default-border-color); bor=
der-style: solid; border-width: var(--okd-button-fill-red-border-size); box=
-shadow: var(--okd-button-fill-red-default-shadow); color: var(--okd-button=
-fill-red-default-font-color); }

.okui-btn.btn-fill-red.hover, .okui-btn.btn-fill-red:not(:disabled):not(.mo=
bile):hover { background: var(--okd-button-fill-red-hover-background); bord=
er-color: var(--okd-button-fill-red-hover-border-color); box-shadow: var(--=
okd-button-fill-red-hover-shadow); color: var(--okd-button-fill-red-hover-f=
ont-color); }

.okui-btn.btn-fill-red.hover .btn-icon, .okui-btn.btn-fill-red:not(:disable=
d):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-red-hover-ic=
on-color); }

.okui-btn.btn-fill-red.active, .okui-btn.btn-fill-red:not(:disabled):active=
 { background: var(--okd-button-fill-red-active-background); border-color: =
var(--okd-button-fill-red-active-border-color); box-shadow: var(--okd-butto=
n-fill-red-active-shadow); color: var(--okd-button-fill-red-active-font-col=
or); }

.okui-btn.btn-fill-red.active .btn-icon, .okui-btn.btn-fill-red:not(:disabl=
ed):active .btn-icon { color: var(--okd-button-fill-red-active-icon-color);=
 }

.okui-btn.btn-fill-red:not(.loading).btn-disabled, .okui-btn.btn-fill-red:n=
ot(.loading):disabled { background: var(--okd-button-fill-red-disabled-back=
ground); border-color: var(--okd-button-fill-red-disabled-border-color); bo=
x-shadow: var(--okd-button-fill-red-disabled-shadow); color: var(--okd-butt=
on-fill-red-disabled-font-color); }

.okui-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon, .okui-btn.btn-=
fill-red:not(.loading):disabled .btn-icon { color: var(--okd-button-fill-re=
d-disabled-icon-color); }

.okui-btn.btn-fill-red.loading { cursor: pointer; }

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

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

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

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

.okui-btn.btn-fill-red.btn-xxs.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

.okui-btn.btn-fill-red.btn-xs { padding: calc(var(--okd-button-xs-padding-v=
ertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-x=
s-padding-horizontal); }

.okui-btn.btn-fill-red.btn-xs.okui-btn-strict-circle { height: calc((var(--=
okd-button-xs-padding-vertical) + var(--okd-button-fill-red-border-size))*2=
 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + var(--okd-b=
utton-fill-red-border-size))*2 + var(--okd-button-xs-line-height)); }

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

.okui-btn.btn-fill-red.btn-s { padding: calc(var(--okd-button-s-padding-ver=
tical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-s-p=
adding-horizontal); }

.okui-btn.btn-fill-red.btn-s.okui-btn-strict-circle { height: calc((var(--o=
kd-button-s-padding-vertical) + var(--okd-button-fill-red-border-size))*2 +=
 var(--okd-button-s-line-height)); min-width: 0px; overflow: hidden; paddin=
g: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(--okd-butto=
n-fill-red-border-size))*2 + var(--okd-button-s-line-height)); }

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

.okui-btn.btn-fill-red.btn-sm { padding: calc(var(--okd-button-sm-padding-v=
ertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-s=
m-padding-horizontal); }

.okui-btn.btn-fill-red.btn-sm.okui-btn-strict-circle { height: calc((var(--=
okd-button-sm-padding-vertical) + var(--okd-button-fill-red-border-size))*2=
 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + var(--okd-b=
utton-fill-red-border-size))*2 + var(--okd-button-sm-line-height)); }

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

.okui-btn.btn-fill-red.btn-md { padding: calc(var(--okd-button-md-padding-v=
ertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-m=
d-padding-horizontal); }

.okui-btn.btn-fill-red.btn-md.okui-btn-strict-circle { height: calc((var(--=
okd-button-md-padding-vertical) + var(--okd-button-fill-red-border-size))*2=
 + var(--okd-button-md-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-md-padding-vertical) + var(--okd-b=
utton-fill-red-border-size))*2 + var(--okd-button-md-line-height)); }

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

.okui-btn.btn-fill-red.btn-lg { padding: calc(var(--okd-button-lg-padding-v=
ertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-l=
g-padding-horizontal); }

.okui-btn.btn-fill-red.btn-lg.okui-btn-strict-circle { height: calc((var(--=
okd-button-lg-padding-vertical) + var(--okd-button-fill-red-border-size))*2=
 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + var(--okd-b=
utton-fill-red-border-size))*2 + var(--okd-button-lg-line-height)); }

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

.okui-btn.btn-fill-red.btn-xl { padding: calc(var(--okd-button-xl-padding-v=
ertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-x=
l-padding-horizontal); }

.okui-btn.btn-fill-red.btn-xl.okui-btn-strict-circle { height: calc((var(--=
okd-button-xl-padding-vertical) + var(--okd-button-fill-red-border-size))*2=
 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + var(--okd-b=
utton-fill-red-border-size))*2 + var(--okd-button-xl-line-height)); }

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

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

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

.okui-btn.btn-fill-green.hover .btn-icon, .okui-btn.btn-fill-green:not(:dis=
abled):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-green-ho=
ver-icon-color); }

.okui-btn.btn-fill-green.active, .okui-btn.btn-fill-green:not(:disabled):ac=
tive { background: var(--okd-button-fill-green-active-background); border-c=
olor: var(--okd-button-fill-green-active-border-color); box-shadow: var(--o=
kd-button-fill-green-active-shadow); color: var(--okd-button-fill-green-act=
ive-font-color); }

.okui-btn.btn-fill-green.active .btn-icon, .okui-btn.btn-fill-green:not(:di=
sabled):active .btn-icon { color: var(--okd-button-fill-green-active-icon-c=
olor); }

.okui-btn.btn-fill-green:not(.loading).btn-disabled, .okui-btn.btn-fill-gre=
en:not(.loading):disabled { background: var(--okd-button-fill-green-disable=
d-background); border-color: var(--okd-button-fill-green-disabled-border-co=
lor); box-shadow: var(--okd-button-fill-green-disabled-shadow); color: var(=
--okd-button-fill-green-disabled-font-color); }

.okui-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon, .okui-btn.bt=
n-fill-green:not(.loading):disabled .btn-icon { color: var(--okd-button-fil=
l-green-disabled-icon-color); }

.okui-btn.btn-fill-green.loading { cursor: pointer; }

.okui-btn.btn-fill-green .btn-icon { color: var(--okd-button-fill-green-def=
ault-icon-color); }

.okui-btn.btn-fill-green .okui-btn-loader-text { color: var(--okd-button-fi=
ll-green-default-font-color); }

.okui-btn.btn-fill-green.btn-xxs { padding: calc(var(--okd-button-xxs-paddi=
ng-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-bu=
tton-xxs-padding-horizontal); }

.okui-btn.btn-fill-green.btn-xxs.okui-btn-strict-circle { height: calc((var=
(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-green-border-si=
ze))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow: hidd=
en; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical) + var=
(--okd-button-fill-green-border-size))*2 + var(--okd-button-xxs-line-height=
)); }

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

.okui-btn.btn-fill-green.btn-xs { padding: calc(var(--okd-button-xs-padding=
-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-butt=
on-xs-padding-horizontal); }

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

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

.okui-btn.btn-fill-green.btn-s { padding: calc(var(--okd-button-s-padding-v=
ertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button=
-s-padding-horizontal); }

.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle { height: calc((var(-=
-okd-button-s-padding-vertical) + var(--okd-button-fill-green-border-size))=
*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hidden; pa=
dding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(--okd-b=
utton-fill-green-border-size))*2 + var(--okd-button-s-line-height)); }

.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

.okui-btn.btn-fill-green.btn-sm { padding: calc(var(--okd-button-sm-padding=
-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-butt=
on-sm-padding-horizontal); }

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

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

.okui-btn.btn-fill-green.btn-md { padding: calc(var(--okd-button-md-padding=
-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-butt=
on-md-padding-horizontal); }

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

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

.okui-btn.btn-fill-green.btn-lg { padding: calc(var(--okd-button-lg-padding=
-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-butt=
on-lg-padding-horizontal); }

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

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

.okui-btn.btn-fill-green.btn-xl { padding: calc(var(--okd-button-xl-padding=
-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-butt=
on-xl-padding-horizontal); }

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

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

.okui-btn.btn-fill-grey { background: var(--okd-button-fill-grey-default-ba=
ckground); border-color: var(--okd-button-fill-grey-default-border-color); =
border-style: solid; border-width: var(--okd-button-fill-grey-border-size);=
 box-shadow: var(--okd-button-fill-grey-default-shadow); color: var(--okd-b=
utton-fill-grey-default-font-color); }

.okui-btn.btn-fill-grey.hover, .okui-btn.btn-fill-grey:not(:disabled):not(.=
mobile):hover { background: var(--okd-button-fill-grey-hover-background); b=
order-color: var(--okd-button-fill-grey-hover-border-color); box-shadow: va=
r(--okd-button-fill-grey-hover-shadow); color: var(--okd-button-fill-grey-h=
over-font-color); }

.okui-btn.btn-fill-grey.hover .btn-icon, .okui-btn.btn-fill-grey:not(:disab=
led):not(.mobile):hover .btn-icon { color: var(--okd-button-fill-grey-hover=
-icon-color); }

.okui-btn.btn-fill-grey.active, .okui-btn.btn-fill-grey:not(:disabled):acti=
ve { background: var(--okd-button-fill-grey-active-background); border-colo=
r: var(--okd-button-fill-grey-active-border-color); box-shadow: var(--okd-b=
utton-fill-grey-active-shadow); color: var(--okd-button-fill-grey-active-fo=
nt-color); }

.okui-btn.btn-fill-grey.active .btn-icon, .okui-btn.btn-fill-grey:not(:disa=
bled):active .btn-icon { color: var(--okd-button-fill-grey-active-icon-colo=
r); }

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

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

.okui-btn.btn-fill-grey.loading { cursor: pointer; }

.okui-btn.btn-fill-grey .btn-icon { color: var(--okd-button-fill-grey-defau=
lt-icon-color); }

.okui-btn.btn-fill-grey .okui-btn-loader-text { color: var(--okd-button-fil=
l-grey-default-font-color); }

.okui-btn.btn-fill-grey.btn-xxs { padding: calc(var(--okd-button-xxs-paddin=
g-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-butt=
on-xxs-padding-horizontal); }

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

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

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

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

.okui-btn.btn-fill-grey.btn-xs.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

.okui-btn.btn-fill-grey.btn-s { padding: calc(var(--okd-button-s-padding-ve=
rtical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-s=
-padding-horizontal); }

.okui-btn.btn-fill-grey.btn-s.okui-btn-strict-circle { height: calc((var(--=
okd-button-s-padding-vertical) + var(--okd-button-fill-grey-border-size))*2=
 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hidden; padd=
ing: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(--okd-but=
ton-fill-grey-border-size))*2 + var(--okd-button-s-line-height)); }

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

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

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

.okui-btn.btn-fill-grey.btn-sm.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

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

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

.okui-btn.btn-fill-grey.btn-md.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

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

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

.okui-btn.btn-fill-grey.btn-lg.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

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

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

.okui-btn.btn-fill-grey.btn-xl.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

.okui-btn.btn-outline-highlight { background: var(--okd-button-outline-high=
light-default-background); border-color: var(--okd-button-outline-highlight=
-default-border-color); border-style: solid; border-width: var(--okd-button=
-outline-highlight-border-size); box-shadow: var(--okd-button-outline-highl=
ight-default-shadow); color: var(--okd-button-outline-highlight-default-fon=
t-color); }

.okui-btn.btn-outline-highlight.hover, .okui-btn.btn-outline-highlight:not(=
:disabled):not(.mobile):hover { background: var(--okd-button-outline-highli=
ght-hover-background); border-color: var(--okd-button-outline-highlight-hov=
er-border-color); box-shadow: var(--okd-button-outline-highlight-hover-shad=
ow); color: var(--okd-button-outline-highlight-hover-font-color); }

.okui-btn.btn-outline-highlight.hover .btn-icon, .okui-btn.btn-outline-high=
light:not(:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button=
-outline-highlight-hover-icon-color); }

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

.okui-btn.btn-outline-highlight.active .btn-icon, .okui-btn.btn-outline-hig=
hlight:not(:disabled):active .btn-icon { color: var(--okd-button-outline-hi=
ghlight-active-icon-color); }

.okui-btn.btn-outline-highlight:not(.loading).btn-disabled, .okui-btn.btn-o=
utline-highlight:not(.loading):disabled { background: var(--okd-button-outl=
ine-highlight-disabled-background); border-color: var(--okd-button-outline-=
highlight-disabled-border-color); box-shadow: var(--okd-button-outline-high=
light-disabled-shadow); color: var(--okd-button-outline-highlight-disabled-=
font-color); }

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

.okui-btn.btn-outline-highlight.loading { cursor: pointer; }

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

.okui-btn.btn-outline-highlight .okui-btn-loader-text { color: var(--okd-bu=
tton-outline-highlight-default-font-color); }

.okui-btn.btn-outline-highlight.btn-xxs { padding: calc(var(--okd-button-xx=
s-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)=
) var(--okd-button-xxs-padding-horizontal); }

.okui-btn.btn-outline-highlight.btn-xxs.okui-btn-strict-circle { height: ca=
lc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-highl=
ight-border-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; =
overflow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-v=
ertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-b=
utton-xxs-line-height)); }

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

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

.okui-btn.btn-outline-highlight.btn-xs.okui-btn-strict-circle { height: cal=
c((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-highlig=
ht-border-size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-xs-padding-verti=
cal) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-butto=
n-xs-line-height)); }

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

.okui-btn.btn-outline-highlight.btn-s { padding: calc(var(--okd-button-s-pa=
dding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) va=
r(--okd-button-s-padding-horizontal); }

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

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

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

.okui-btn.btn-outline-highlight.btn-sm.okui-btn-strict-circle { height: cal=
c((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-highlig=
ht-border-size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-sm-padding-verti=
cal) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-butto=
n-sm-line-height)); }

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

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

.okui-btn.btn-outline-highlight.btn-md.okui-btn-strict-circle { height: cal=
c((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-highlig=
ht-border-size))*2 + var(--okd-button-md-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-md-padding-verti=
cal) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-butto=
n-md-line-height)); }

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

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

.okui-btn.btn-outline-highlight.btn-lg.okui-btn-strict-circle { height: cal=
c((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-highlig=
ht-border-size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-lg-padding-verti=
cal) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-butto=
n-lg-line-height)); }

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

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

.okui-btn.btn-outline-highlight.btn-xl.okui-btn-strict-circle { height: cal=
c((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-highlig=
ht-border-size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-xl-padding-verti=
cal) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-butto=
n-xl-line-height)); }

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

.okui-btn.btn-outline-primary { background: var(--okd-button-outline-primar=
y-default-background); border-color: var(--okd-button-outline-primary-defau=
lt-border-color); border-style: solid; border-width: var(--okd-button-outli=
ne-primary-border-size); box-shadow: var(--okd-button-outline-primary-defau=
lt-shadow); color: var(--okd-button-outline-primary-default-font-color); }

.okui-btn.btn-outline-primary.hover, .okui-btn.btn-outline-primary:not(:dis=
abled):not(.mobile):hover { background: var(--okd-button-outline-primary-ho=
ver-background); border-color: var(--okd-button-outline-primary-hover-borde=
r-color); box-shadow: var(--okd-button-outline-primary-hover-shadow); color=
: var(--okd-button-outline-primary-hover-font-color); }

.okui-btn.btn-outline-primary.hover .btn-icon, .okui-btn.btn-outline-primar=
y:not(:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-out=
line-primary-hover-icon-color); }

.okui-btn.btn-outline-primary.active, .okui-btn.btn-outline-primary:not(:di=
sabled):active { background: var(--okd-button-outline-primary-active-backgr=
ound); border-color: var(--okd-button-outline-primary-active-border-color);=
 box-shadow: var(--okd-button-outline-primary-active-shadow); color: var(--=
okd-button-outline-primary-active-font-color); }

.okui-btn.btn-outline-primary.active .btn-icon, .okui-btn.btn-outline-prima=
ry:not(:disabled):active .btn-icon { color: var(--okd-button-outline-primar=
y-active-icon-color); }

.okui-btn.btn-outline-primary:not(.loading).btn-disabled, .okui-btn.btn-out=
line-primary:not(.loading):disabled { background: var(--okd-button-outline-=
primary-disabled-background); border-color: var(--okd-button-outline-primar=
y-disabled-border-color); box-shadow: var(--okd-button-outline-primary-disa=
bled-shadow); color: var(--okd-button-outline-primary-disabled-font-color);=
 }

.okui-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon, .okui-b=
tn.btn-outline-primary:not(.loading):disabled .btn-icon { color: var(--okd-=
button-outline-primary-disabled-icon-color); }

.okui-btn.btn-outline-primary.loading { cursor: pointer; }

.okui-btn.btn-outline-primary .btn-icon { color: var(--okd-button-outline-p=
rimary-default-icon-color); }

.okui-btn.btn-outline-primary .okui-btn-loader-text { color: var(--okd-butt=
on-outline-primary-default-font-color); }

.okui-btn.btn-outline-primary.btn-xxs { padding: calc(var(--okd-button-xxs-=
padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) va=
r(--okd-button-xxs-padding-horizontal); }

.okui-btn.btn-outline-primary.btn-xxs.okui-btn-strict-circle { height: calc=
((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-primary=
-border-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; over=
flow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-verti=
cal) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-=
xxs-line-height)); }

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

.okui-btn.btn-outline-primary.btn-xs { padding: calc(var(--okd-button-xs-pa=
dding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(=
--okd-button-xs-padding-horizontal); }

.okui-btn.btn-outline-primary.btn-xs.okui-btn-strict-circle { height: calc(=
(var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-primary-b=
order-size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-xs-padding-vertical)=
 + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xs-l=
ine-height)); }

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

.okui-btn.btn-outline-primary.btn-s { padding: calc(var(--okd-button-s-padd=
ing-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--=
okd-button-s-padding-horizontal); }

.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle { height: calc((=
var(--okd-button-s-padding-vertical) + var(--okd-button-outline-primary-bor=
der-size))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: =
hidden; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + v=
ar(--okd-button-outline-primary-border-size))*2 + var(--okd-button-s-line-h=
eight)); }

.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-outline-primary.btn-sm { padding: calc(var(--okd-button-sm-pa=
dding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(=
--okd-button-sm-padding-horizontal); }

.okui-btn.btn-outline-primary.btn-sm.okui-btn-strict-circle { height: calc(=
(var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-primary-b=
order-size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-sm-padding-vertical)=
 + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-sm-l=
ine-height)); }

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

.okui-btn.btn-outline-primary.btn-md { padding: calc(var(--okd-button-md-pa=
dding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(=
--okd-button-md-padding-horizontal); }

.okui-btn.btn-outline-primary.btn-md.okui-btn-strict-circle { height: calc(=
(var(--okd-button-md-padding-vertical) + var(--okd-button-outline-primary-b=
order-size))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-md-padding-vertical)=
 + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-md-l=
ine-height)); }

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

.okui-btn.btn-outline-primary.btn-lg { padding: calc(var(--okd-button-lg-pa=
dding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(=
--okd-button-lg-padding-horizontal); }

.okui-btn.btn-outline-primary.btn-lg.okui-btn-strict-circle { height: calc(=
(var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-primary-b=
order-size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-lg-padding-vertical)=
 + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-lg-l=
ine-height)); }

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

.okui-btn.btn-outline-primary.btn-xl { padding: calc(var(--okd-button-xl-pa=
dding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(=
--okd-button-xl-padding-horizontal); }

.okui-btn.btn-outline-primary.btn-xl.okui-btn-strict-circle { height: calc(=
(var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-primary-b=
order-size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflo=
w: hidden; padding: 0px; width: calc((var(--okd-button-xl-padding-vertical)=
 + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xl-l=
ine-height)); }

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

.okui-btn.btn-outline-secondary { background: var(--okd-button-outline-seco=
ndary-default-background); border-color: var(--okd-button-outline-secondary=
-default-border-color); border-style: solid; border-width: var(--okd-button=
-outline-secondary-border-size); box-shadow: var(--okd-button-outline-secon=
dary-default-shadow); color: var(--okd-button-outline-secondary-default-fon=
t-color); }

.okui-btn.btn-outline-secondary.hover, .okui-btn.btn-outline-secondary:not(=
:disabled):not(.mobile):hover { background: var(--okd-button-outline-second=
ary-hover-background); border-color: var(--okd-button-outline-secondary-hov=
er-border-color); box-shadow: var(--okd-button-outline-secondary-hover-shad=
ow); color: var(--okd-button-outline-secondary-hover-font-color); }

.okui-btn.btn-outline-secondary.hover .btn-icon, .okui-btn.btn-outline-seco=
ndary:not(:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button=
-outline-secondary-hover-icon-color); }

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

.okui-btn.btn-outline-secondary.active .btn-icon, .okui-btn.btn-outline-sec=
ondary:not(:disabled):active .btn-icon { color: var(--okd-button-outline-se=
condary-active-icon-color); }

.okui-btn.btn-outline-secondary:not(.loading).btn-disabled, .okui-btn.btn-o=
utline-secondary:not(.loading):disabled { background: var(--okd-button-outl=
ine-secondary-disabled-background); border-color: var(--okd-button-outline-=
secondary-disabled-border-color); box-shadow: var(--okd-button-outline-seco=
ndary-disabled-shadow); color: var(--okd-button-outline-secondary-disabled-=
font-color); }

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

.okui-btn.btn-outline-secondary.loading { cursor: pointer; }

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

.okui-btn.btn-outline-secondary .okui-btn-loader-text { color: var(--okd-bu=
tton-outline-secondary-default-font-color); }

.okui-btn.btn-outline-secondary.btn-xxs { padding: calc(var(--okd-button-xx=
s-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)=
) var(--okd-button-xxs-padding-horizontal); }

.okui-btn.btn-outline-secondary.btn-xxs.okui-btn-strict-circle { height: ca=
lc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-secon=
dary-border-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; =
overflow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-v=
ertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-b=
utton-xxs-line-height)); }

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

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

.okui-btn.btn-outline-secondary.btn-xs.okui-btn-strict-circle { height: cal=
c((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-seconda=
ry-border-size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-xs-padding-verti=
cal) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-butto=
n-xs-line-height)); }

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

.okui-btn.btn-outline-secondary.btn-s { padding: calc(var(--okd-button-s-pa=
dding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) va=
r(--okd-button-s-padding-horizontal); }

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

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

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

.okui-btn.btn-outline-secondary.btn-sm.okui-btn-strict-circle { height: cal=
c((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-seconda=
ry-border-size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-sm-padding-verti=
cal) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-butto=
n-sm-line-height)); }

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

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

.okui-btn.btn-outline-secondary.btn-md.okui-btn-strict-circle { height: cal=
c((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-seconda=
ry-border-size))*2 + var(--okd-button-md-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-md-padding-verti=
cal) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-butto=
n-md-line-height)); }

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

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

.okui-btn.btn-outline-secondary.btn-lg.okui-btn-strict-circle { height: cal=
c((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-seconda=
ry-border-size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-lg-padding-verti=
cal) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-butto=
n-lg-line-height)); }

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

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

.okui-btn.btn-outline-secondary.btn-xl.okui-btn-strict-circle { height: cal=
c((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-seconda=
ry-border-size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; ove=
rflow: hidden; padding: 0px; width: calc((var(--okd-button-xl-padding-verti=
cal) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-butto=
n-xl-line-height)); }

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

.okui-btn.btn-outline-tertiary { background: var(--okd-button-outline-terti=
ary-default-background); border-color: var(--okd-button-outline-tertiary-de=
fault-border-color); border-style: solid; border-width: var(--okd-button-ou=
tline-tertiary-border-size); box-shadow: var(--okd-button-outline-tertiary-=
default-shadow); color: var(--okd-button-outline-tertiary-default-font-colo=
r); }

.okui-btn.btn-outline-tertiary.hover, .okui-btn.btn-outline-tertiary:not(:d=
isabled):not(.mobile):hover { background: var(--okd-button-outline-tertiary=
-hover-background); border-color: var(--okd-button-outline-tertiary-hover-b=
order-color); box-shadow: var(--okd-button-outline-tertiary-hover-shadow); =
color: var(--okd-button-outline-tertiary-hover-font-color); }

.okui-btn.btn-outline-tertiary.hover .btn-icon, .okui-btn.btn-outline-terti=
ary:not(:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-o=
utline-tertiary-hover-icon-color); }

.okui-btn.btn-outline-tertiary.active, .okui-btn.btn-outline-tertiary:not(:=
disabled):active { background: var(--okd-button-outline-tertiary-active-bac=
kground); border-color: var(--okd-button-outline-tertiary-active-border-col=
or); box-shadow: var(--okd-button-outline-tertiary-active-shadow); color: v=
ar(--okd-button-outline-tertiary-active-font-color); }

.okui-btn.btn-outline-tertiary.active .btn-icon, .okui-btn.btn-outline-tert=
iary:not(:disabled):active .btn-icon { color: var(--okd-button-outline-tert=
iary-active-icon-color); }

.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled, .okui-btn.btn-ou=
tline-tertiary:not(.loading):disabled { background: var(--okd-button-outlin=
e-tertiary-disabled-background); border-color: var(--okd-button-outline-ter=
tiary-disabled-border-color); box-shadow: var(--okd-button-outline-tertiary=
-disabled-shadow); color: var(--okd-button-outline-tertiary-disabled-font-c=
olor); }

.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon, .okui-=
btn.btn-outline-tertiary:not(.loading):disabled .btn-icon { color: var(--ok=
d-button-outline-tertiary-disabled-icon-color); }

.okui-btn.btn-outline-tertiary.loading { cursor: pointer; }

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

.okui-btn.btn-outline-tertiary .okui-btn-loader-text { color: var(--okd-but=
ton-outline-tertiary-default-font-color); }

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

.okui-btn.btn-outline-tertiary.btn-xxs.okui-btn-strict-circle { height: cal=
c((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-tertia=
ry-border-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; ov=
erflow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-ver=
tical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-butt=
on-xxs-line-height)); }

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

.okui-btn.btn-outline-tertiary.btn-xs { padding: calc(var(--okd-button-xs-p=
adding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) va=
r(--okd-button-xs-padding-horizontal); }

.okui-btn.btn-outline-tertiary.btn-xs.okui-btn-strict-circle { height: calc=
((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-tertiary=
-border-size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overf=
low: hidden; padding: 0px; width: calc((var(--okd-button-xs-padding-vertica=
l) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-x=
s-line-height)); }

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

.okui-btn.btn-outline-tertiary.btn-s { padding: calc(var(--okd-button-s-pad=
ding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(=
--okd-button-s-padding-horizontal); }

.okui-btn.btn-outline-tertiary.btn-s.okui-btn-strict-circle { height: calc(=
(var(--okd-button-s-padding-vertical) + var(--okd-button-outline-tertiary-b=
order-size))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow=
: hidden; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) +=
 var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-s-lin=
e-height)); }

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

.okui-btn.btn-outline-tertiary.btn-sm { padding: calc(var(--okd-button-sm-p=
adding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) va=
r(--okd-button-sm-padding-horizontal); }

.okui-btn.btn-outline-tertiary.btn-sm.okui-btn-strict-circle { height: calc=
((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-tertiary=
-border-size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overf=
low: hidden; padding: 0px; width: calc((var(--okd-button-sm-padding-vertica=
l) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-s=
m-line-height)); }

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

.okui-btn.btn-outline-tertiary.btn-md { padding: calc(var(--okd-button-md-p=
adding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) va=
r(--okd-button-md-padding-horizontal); }

.okui-btn.btn-outline-tertiary.btn-md.okui-btn-strict-circle { height: calc=
((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-tertiary=
-border-size))*2 + var(--okd-button-md-line-height)); min-width: 0px; overf=
low: hidden; padding: 0px; width: calc((var(--okd-button-md-padding-vertica=
l) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-m=
d-line-height)); }

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

.okui-btn.btn-outline-tertiary.btn-lg { padding: calc(var(--okd-button-lg-p=
adding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) va=
r(--okd-button-lg-padding-horizontal); }

.okui-btn.btn-outline-tertiary.btn-lg.okui-btn-strict-circle { height: calc=
((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-tertiary=
-border-size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overf=
low: hidden; padding: 0px; width: calc((var(--okd-button-lg-padding-vertica=
l) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-l=
g-line-height)); }

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

.okui-btn.btn-outline-tertiary.btn-xl { padding: calc(var(--okd-button-xl-p=
adding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) va=
r(--okd-button-xl-padding-horizontal); }

.okui-btn.btn-outline-tertiary.btn-xl.okui-btn-strict-circle { height: calc=
((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-tertiary=
-border-size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overf=
low: hidden; padding: 0px; width: calc((var(--okd-button-xl-padding-vertica=
l) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-x=
l-line-height)); }

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

.okui-btn.btn-text-primary { background: var(--okd-button-text-primary-defa=
ult-background); border-color: var(--okd-button-text-primary-default-border=
-color); border-style: solid; border-width: var(--okd-button-text-primary-b=
order-size); box-shadow: var(--okd-button-text-primary-default-shadow); col=
or: var(--okd-button-text-primary-default-font-color); }

.okui-btn.btn-text-primary.hover, .okui-btn.btn-text-primary:not(:disabled)=
:not(.mobile):hover { background: var(--okd-button-text-primary-hover-backg=
round); border-color: var(--okd-button-text-primary-hover-border-color); bo=
x-shadow: var(--okd-button-text-primary-hover-shadow); color: var(--okd-but=
ton-text-primary-hover-font-color); }

.okui-btn.btn-text-primary.hover .btn-icon, .okui-btn.btn-text-primary:not(=
:disabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-prim=
ary-hover-icon-color); }

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

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

.okui-btn.btn-text-primary:not(.loading).btn-disabled, .okui-btn.btn-text-p=
rimary:not(.loading):disabled { background: var(--okd-button-text-primary-d=
isabled-background); border-color: var(--okd-button-text-primary-disabled-b=
order-color); box-shadow: var(--okd-button-text-primary-disabled-shadow); c=
olor: var(--okd-button-text-primary-disabled-font-color); }

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

.okui-btn.btn-text-primary.loading { cursor: pointer; }

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

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

.okui-btn.btn-text-primary.btn-xxs { padding: calc(var(--okd-button-xxs-pad=
ding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--ok=
d-button-xxs-padding-horizontal); }

.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-xxs-padding-vertical) + var(--okd-button-text-primary-borde=
r-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow: =
hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical) +=
 var(--okd-button-text-primary-border-size))*2 + var(--okd-button-xxs-line-=
height)); }

.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-text-primary.btn-xs { padding: calc(var(--okd-button-xs-paddi=
ng-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-=
button-xs-padding-horizontal); }

.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle { height: calc((va=
r(--okd-button-xs-padding-vertical) + var(--okd-button-text-primary-border-=
size))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + var=
(--okd-button-text-primary-border-size))*2 + var(--okd-button-xs-line-heigh=
t)); }

.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle .btn-content { dis=
play: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap=
; width: 100%; }

.okui-btn.btn-text-primary.btn-s { padding: calc(var(--okd-button-s-padding=
-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-bu=
tton-s-padding-horizontal); }

.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle { height: calc((var=
(--okd-button-s-padding-vertical) + var(--okd-button-text-primary-border-si=
ze))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hidden=
; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(--o=
kd-button-text-primary-border-size))*2 + var(--okd-button-s-line-height)); =
}

.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-primary.btn-sm { padding: calc(var(--okd-button-sm-paddi=
ng-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-=
button-sm-padding-horizontal); }

.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle { height: calc((va=
r(--okd-button-sm-padding-vertical) + var(--okd-button-text-primary-border-=
size))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + var=
(--okd-button-text-primary-border-size))*2 + var(--okd-button-sm-line-heigh=
t)); }

.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle .btn-content { dis=
play: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap=
; width: 100%; }

.okui-btn.btn-text-primary.btn-md { padding: calc(var(--okd-button-md-paddi=
ng-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-=
button-md-padding-horizontal); }

.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle { height: calc((va=
r(--okd-button-md-padding-vertical) + var(--okd-button-text-primary-border-=
size))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-md-padding-vertical) + var=
(--okd-button-text-primary-border-size))*2 + var(--okd-button-md-line-heigh=
t)); }

.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle .btn-content { dis=
play: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap=
; width: 100%; }

.okui-btn.btn-text-primary.btn-lg { padding: calc(var(--okd-button-lg-paddi=
ng-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-=
button-lg-padding-horizontal); }

.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle { height: calc((va=
r(--okd-button-lg-padding-vertical) + var(--okd-button-text-primary-border-=
size))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + var=
(--okd-button-text-primary-border-size))*2 + var(--okd-button-lg-line-heigh=
t)); }

.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle .btn-content { dis=
play: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap=
; width: 100%; }

.okui-btn.btn-text-primary.btn-xl { padding: calc(var(--okd-button-xl-paddi=
ng-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-=
button-xl-padding-horizontal); }

.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle { height: calc((va=
r(--okd-button-xl-padding-vertical) + var(--okd-button-text-primary-border-=
size))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: hid=
den; padding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + var=
(--okd-button-text-primary-border-size))*2 + var(--okd-button-xl-line-heigh=
t)); }

.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle .btn-content { dis=
play: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap=
; width: 100%; }

.okui-btn.btn-text-secondary { background: var(--okd-button-text-secondary-=
default-background); border-color: var(--okd-button-text-secondary-default-=
border-color); border-style: solid; border-width: var(--okd-button-text-sec=
ondary-border-size); box-shadow: var(--okd-button-text-secondary-default-sh=
adow); color: var(--okd-button-text-secondary-default-font-color); }

.okui-btn.btn-text-secondary.hover, .okui-btn.btn-text-secondary:not(:disab=
led):not(.mobile):hover { background: var(--okd-button-text-secondary-hover=
-background); border-color: var(--okd-button-text-secondary-hover-border-co=
lor); box-shadow: var(--okd-button-text-secondary-hover-shadow); color: var=
(--okd-button-text-secondary-hover-font-color); }

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

.okui-btn.btn-text-secondary.active, .okui-btn.btn-text-secondary:not(:disa=
bled):active { background: var(--okd-button-text-secondary-active-backgroun=
d); border-color: var(--okd-button-text-secondary-active-border-color); box=
-shadow: var(--okd-button-text-secondary-active-shadow); color: var(--okd-b=
utton-text-secondary-active-font-color); }

.okui-btn.btn-text-secondary.active .btn-icon, .okui-btn.btn-text-secondary=
:not(:disabled):active .btn-icon { color: var(--okd-button-text-secondary-a=
ctive-icon-color); }

.okui-btn.btn-text-secondary:not(.loading).btn-disabled, .okui-btn.btn-text=
-secondary:not(.loading):disabled { background: var(--okd-button-text-secon=
dary-disabled-background); border-color: var(--okd-button-text-secondary-di=
sabled-border-color); box-shadow: var(--okd-button-text-secondary-disabled-=
shadow); color: var(--okd-button-text-secondary-disabled-font-color); }

.okui-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon, .okui-bt=
n.btn-text-secondary:not(.loading):disabled .btn-icon { color: var(--okd-bu=
tton-text-secondary-disabled-icon-color); }

.okui-btn.btn-text-secondary.loading { cursor: pointer; }

.okui-btn.btn-text-secondary .btn-icon { color: var(--okd-button-text-secon=
dary-default-icon-color); }

.okui-btn.btn-text-secondary .okui-btn-loader-text { color: var(--okd-butto=
n-text-secondary-default-font-color); }

.okui-btn.btn-text-secondary.btn-xxs { padding: calc(var(--okd-button-xxs-p=
adding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(=
--okd-button-xxs-padding-horizontal); }

.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle { height: calc(=
(var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-secondary-b=
order-size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overfl=
ow: hidden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertica=
l) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-xxs=
-line-height)); }

.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle .btn-content { =
display: block; overflow: hidden; text-overflow: ellipsis; white-space: now=
rap; width: 100%; }

.okui-btn.btn-text-secondary.btn-xs { padding: calc(var(--okd-button-xs-pad=
ding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--=
okd-button-xs-padding-horizontal); }

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

.okui-btn.btn-text-secondary.btn-xs.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-text-secondary.btn-s { padding: calc(var(--okd-button-s-paddi=
ng-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--ok=
d-button-s-padding-horizontal); }

.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle { height: calc((v=
ar(--okd-button-s-padding-vertical) + var(--okd-button-text-secondary-borde=
r-size))*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hi=
dden; padding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var=
(--okd-button-text-secondary-border-size))*2 + var(--okd-button-s-line-heig=
ht)); }

.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle .btn-content { di=
splay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowra=
p; width: 100%; }

.okui-btn.btn-text-secondary.btn-sm { padding: calc(var(--okd-button-sm-pad=
ding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--=
okd-button-sm-padding-horizontal); }

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

.okui-btn.btn-text-secondary.btn-sm.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-text-secondary.btn-md { padding: calc(var(--okd-button-md-pad=
ding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--=
okd-button-md-padding-horizontal); }

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

.okui-btn.btn-text-secondary.btn-md.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-text-secondary.btn-lg { padding: calc(var(--okd-button-lg-pad=
ding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--=
okd-button-lg-padding-horizontal); }

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

.okui-btn.btn-text-secondary.btn-lg.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-text-secondary.btn-xl { padding: calc(var(--okd-button-xl-pad=
ding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--=
okd-button-xl-padding-horizontal); }

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

.okui-btn.btn-text-secondary.btn-xl.okui-btn-strict-circle .btn-content { d=
isplay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowr=
ap; width: 100%; }

.okui-btn.btn-text-red { background: var(--okd-button-text-red-default-back=
ground); border-color: var(--okd-button-text-red-default-border-color); bor=
der-style: solid; border-width: var(--okd-button-text-red-border-size); box=
-shadow: var(--okd-button-text-red-default-shadow); color: var(--okd-button=
-text-red-default-font-color); }

.okui-btn.btn-text-red.hover, .okui-btn.btn-text-red:not(:disabled):not(.mo=
bile):hover { background: var(--okd-button-text-red-hover-background); bord=
er-color: var(--okd-button-text-red-hover-border-color); box-shadow: var(--=
okd-button-text-red-hover-shadow); color: var(--okd-button-text-red-hover-f=
ont-color); }

.okui-btn.btn-text-red.hover .btn-icon, .okui-btn.btn-text-red:not(:disable=
d):not(.mobile):hover .btn-icon { color: var(--okd-button-text-red-hover-ic=
on-color); }

.okui-btn.btn-text-red.active, .okui-btn.btn-text-red:not(:disabled):active=
 { background: var(--okd-button-text-red-active-background); border-color: =
var(--okd-button-text-red-active-border-color); box-shadow: var(--okd-butto=
n-text-red-active-shadow); color: var(--okd-button-text-red-active-font-col=
or); }

.okui-btn.btn-text-red.active .btn-icon, .okui-btn.btn-text-red:not(:disabl=
ed):active .btn-icon { color: var(--okd-button-text-red-active-icon-color);=
 }

.okui-btn.btn-text-red:not(.loading).btn-disabled, .okui-btn.btn-text-red:n=
ot(.loading):disabled { background: var(--okd-button-text-red-disabled-back=
ground); border-color: var(--okd-button-text-red-disabled-border-color); bo=
x-shadow: var(--okd-button-text-red-disabled-shadow); color: var(--okd-butt=
on-text-red-disabled-font-color); }

.okui-btn.btn-text-red:not(.loading).btn-disabled .btn-icon, .okui-btn.btn-=
text-red:not(.loading):disabled .btn-icon { color: var(--okd-button-text-re=
d-disabled-icon-color); }

.okui-btn.btn-text-red.loading { cursor: pointer; }

.okui-btn.btn-text-red .btn-icon { color: var(--okd-button-text-red-default=
-icon-color); }

.okui-btn.btn-text-red .okui-btn-loader-text { color: var(--okd-button-text=
-red-default-font-color); }

.okui-btn.btn-text-red.btn-xxs { padding: calc(var(--okd-button-xxs-padding=
-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button=
-xxs-padding-horizontal); }

.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle { height: calc((var(-=
-okd-button-xxs-padding-vertical) + var(--okd-button-text-red-border-size))=
*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow: hidden; =
padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical) + var(--o=
kd-button-text-red-border-size))*2 + var(--okd-button-xxs-line-height)); }

.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

.okui-btn.btn-text-red.btn-xs { padding: calc(var(--okd-button-xs-padding-v=
ertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-x=
s-padding-horizontal); }

.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle { height: calc((var(--=
okd-button-xs-padding-vertical) + var(--okd-button-text-red-border-size))*2=
 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + var(--okd-b=
utton-text-red-border-size))*2 + var(--okd-button-xs-line-height)); }

.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle .btn-content { display=
: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; wi=
dth: 100%; }

.okui-btn.btn-text-red.btn-s { padding: calc(var(--okd-button-s-padding-ver=
tical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-s-p=
adding-horizontal); }

.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle { height: calc((var(--o=
kd-button-s-padding-vertical) + var(--okd-button-text-red-border-size))*2 +=
 var(--okd-button-s-line-height)); min-width: 0px; overflow: hidden; paddin=
g: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(--okd-butto=
n-text-red-border-size))*2 + var(--okd-button-s-line-height)); }

.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle .btn-content { display:=
 block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; wid=
th: 100%; }

.okui-btn.btn-text-red.btn-sm { padding: calc(var(--okd-button-sm-padding-v=
ertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-s=
m-padding-horizontal); }

.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle { height: calc((var(--=
okd-button-sm-padding-vertical) + var(--okd-button-text-red-border-size))*2=
 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + var(--okd-b=
utton-text-red-border-size))*2 + var(--okd-button-sm-line-height)); }

.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle .btn-content { display=
: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; wi=
dth: 100%; }

.okui-btn.btn-text-red.btn-md { padding: calc(var(--okd-button-md-padding-v=
ertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-m=
d-padding-horizontal); }

.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle { height: calc((var(--=
okd-button-md-padding-vertical) + var(--okd-button-text-red-border-size))*2=
 + var(--okd-button-md-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-md-padding-vertical) + var(--okd-b=
utton-text-red-border-size))*2 + var(--okd-button-md-line-height)); }

.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle .btn-content { display=
: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; wi=
dth: 100%; }

.okui-btn.btn-text-red.btn-lg { padding: calc(var(--okd-button-lg-padding-v=
ertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-l=
g-padding-horizontal); }

.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle { height: calc((var(--=
okd-button-lg-padding-vertical) + var(--okd-button-text-red-border-size))*2=
 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + var(--okd-b=
utton-text-red-border-size))*2 + var(--okd-button-lg-line-height)); }

.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle .btn-content { display=
: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; wi=
dth: 100%; }

.okui-btn.btn-text-red.btn-xl { padding: calc(var(--okd-button-xl-padding-v=
ertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-x=
l-padding-horizontal); }

.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle { height: calc((var(--=
okd-button-xl-padding-vertical) + var(--okd-button-text-red-border-size))*2=
 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: hidden; pad=
ding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + var(--okd-b=
utton-text-red-border-size))*2 + var(--okd-button-xl-line-height)); }

.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle .btn-content { display=
: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; wi=
dth: 100%; }

.okui-btn.btn-text-green { background: var(--okd-button-text-green-default-=
background); border-color: var(--okd-button-text-green-default-border-color=
); border-style: solid; border-width: var(--okd-button-text-green-border-si=
ze); box-shadow: var(--okd-button-text-green-default-shadow); color: var(--=
okd-button-text-green-default-font-color); }

.okui-btn.btn-text-green.hover, .okui-btn.btn-text-green:not(:disabled):not=
(.mobile):hover { background: var(--okd-button-text-green-hover-background)=
; border-color: var(--okd-button-text-green-hover-border-color); box-shadow=
: var(--okd-button-text-green-hover-shadow); color: var(--okd-button-text-g=
reen-hover-font-color); }

.okui-btn.btn-text-green.hover .btn-icon, .okui-btn.btn-text-green:not(:dis=
abled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-green-ho=
ver-icon-color); }

.okui-btn.btn-text-green.active, .okui-btn.btn-text-green:not(:disabled):ac=
tive { background: var(--okd-button-text-green-active-background); border-c=
olor: var(--okd-button-text-green-active-border-color); box-shadow: var(--o=
kd-button-text-green-active-shadow); color: var(--okd-button-text-green-act=
ive-font-color); }

.okui-btn.btn-text-green.active .btn-icon, .okui-btn.btn-text-green:not(:di=
sabled):active .btn-icon { color: var(--okd-button-text-green-active-icon-c=
olor); }

.okui-btn.btn-text-green:not(.loading).btn-disabled, .okui-btn.btn-text-gre=
en:not(.loading):disabled { background: var(--okd-button-text-green-disable=
d-background); border-color: var(--okd-button-text-green-disabled-border-co=
lor); box-shadow: var(--okd-button-text-green-disabled-shadow); color: var(=
--okd-button-text-green-disabled-font-color); }

.okui-btn.btn-text-green:not(.loading).btn-disabled .btn-icon, .okui-btn.bt=
n-text-green:not(.loading):disabled .btn-icon { color: var(--okd-button-tex=
t-green-disabled-icon-color); }

.okui-btn.btn-text-green.loading { cursor: pointer; }

.okui-btn.btn-text-green .btn-icon { color: var(--okd-button-text-green-def=
ault-icon-color); }

.okui-btn.btn-text-green .okui-btn-loader-text { color: var(--okd-button-te=
xt-green-default-font-color); }

.okui-btn.btn-text-green.btn-xxs { padding: calc(var(--okd-button-xxs-paddi=
ng-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-bu=
tton-xxs-padding-horizontal); }

.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle { height: calc((var=
(--okd-button-xxs-padding-vertical) + var(--okd-button-text-green-border-si=
ze))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow: hidd=
en; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical) + var=
(--okd-button-text-green-border-size))*2 + var(--okd-button-xxs-line-height=
)); }

.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-green.btn-xs { padding: calc(var(--okd-button-xs-padding=
-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-butt=
on-xs-padding-horizontal); }

.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle { height: calc((var(=
--okd-button-xs-padding-vertical) + var(--okd-button-text-green-border-size=
))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: hidden;=
 padding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + var(--o=
kd-button-text-green-border-size))*2 + var(--okd-button-xs-line-height)); }

.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle .btn-content { displ=
ay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; =
width: 100%; }

.okui-btn.btn-text-green.btn-s { padding: calc(var(--okd-button-s-padding-v=
ertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button=
-s-padding-horizontal); }

.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle { height: calc((var(-=
-okd-button-s-padding-vertical) + var(--okd-button-text-green-border-size))=
*2 + var(--okd-button-s-line-height)); min-width: 0px; overflow: hidden; pa=
dding: 0px; width: calc((var(--okd-button-s-padding-vertical) + var(--okd-b=
utton-text-green-border-size))*2 + var(--okd-button-s-line-height)); }

.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle .btn-content { displa=
y: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; w=
idth: 100%; }

.okui-btn.btn-text-green.btn-sm { padding: calc(var(--okd-button-sm-padding=
-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-butt=
on-sm-padding-horizontal); }

.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle { height: calc((var(=
--okd-button-sm-padding-vertical) + var(--okd-button-text-green-border-size=
))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: hidden;=
 padding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + var(--o=
kd-button-text-green-border-size))*2 + var(--okd-button-sm-line-height)); }

.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle .btn-content { displ=
ay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; =
width: 100%; }

.okui-btn.btn-text-green.btn-md { padding: calc(var(--okd-button-md-padding=
-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-butt=
on-md-padding-horizontal); }

.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle { height: calc((var(=
--okd-button-md-padding-vertical) + var(--okd-button-text-green-border-size=
))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflow: hidden;=
 padding: 0px; width: calc((var(--okd-button-md-padding-vertical) + var(--o=
kd-button-text-green-border-size))*2 + var(--okd-button-md-line-height)); }

.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle .btn-content { displ=
ay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; =
width: 100%; }

.okui-btn.btn-text-green.btn-lg { padding: calc(var(--okd-button-lg-padding=
-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-butt=
on-lg-padding-horizontal); }

.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle { height: calc((var(=
--okd-button-lg-padding-vertical) + var(--okd-button-text-green-border-size=
))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: hidden;=
 padding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + var(--o=
kd-button-text-green-border-size))*2 + var(--okd-button-lg-line-height)); }

.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle .btn-content { displ=
ay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; =
width: 100%; }

.okui-btn.btn-text-green.btn-xl { padding: calc(var(--okd-button-xl-padding=
-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-butt=
on-xl-padding-horizontal); }

.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle { height: calc((var(=
--okd-button-xl-padding-vertical) + var(--okd-button-text-green-border-size=
))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: hidden;=
 padding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + var(--o=
kd-button-text-green-border-size))*2 + var(--okd-button-xl-line-height)); }

.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle .btn-content { displ=
ay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; =
width: 100%; }

.okui-btn.btn-text-orange { background: var(--okd-button-text-orange-defaul=
t-background); border-color: var(--okd-button-text-orange-default-border-co=
lor); border-style: solid; border-width: var(--okd-button-text-orange-borde=
r-size); box-shadow: var(--okd-button-text-orange-default-shadow); color: v=
ar(--okd-button-text-orange-default-font-color); }

.okui-btn.btn-text-orange.hover, .okui-btn.btn-text-orange:not(:disabled):n=
ot(.mobile):hover { background: var(--okd-button-text-orange-hover-backgrou=
nd); border-color: var(--okd-button-text-orange-hover-border-color); box-sh=
adow: var(--okd-button-text-orange-hover-shadow); color: var(--okd-button-t=
ext-orange-hover-font-color); }

.okui-btn.btn-text-orange.hover .btn-icon, .okui-btn.btn-text-orange:not(:d=
isabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-orange=
-hover-icon-color); }

.okui-btn.btn-text-orange.active, .okui-btn.btn-text-orange:not(:disabled):=
active { background: var(--okd-button-text-orange-active-background); borde=
r-color: var(--okd-button-text-orange-active-border-color); box-shadow: var=
(--okd-button-text-orange-active-shadow); color: var(--okd-button-text-oran=
ge-active-font-color); }

.okui-btn.btn-text-orange.active .btn-icon, .okui-btn.btn-text-orange:not(:=
disabled):active .btn-icon { color: var(--okd-button-text-orange-active-ico=
n-color); }

.okui-btn.btn-text-orange:not(.loading).btn-disabled, .okui-btn.btn-text-or=
ange:not(.loading):disabled { background: var(--okd-button-text-orange-disa=
bled-background); border-color: var(--okd-button-text-orange-disabled-borde=
r-color); box-shadow: var(--okd-button-text-orange-disabled-shadow); color:=
 var(--okd-button-text-orange-disabled-font-color); }

.okui-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon, .okui-btn.b=
tn-text-orange:not(.loading):disabled .btn-icon { color: var(--okd-button-t=
ext-orange-disabled-icon-color); }

.okui-btn.btn-text-orange.loading { cursor: pointer; }

.okui-btn.btn-text-orange .btn-icon { color: var(--okd-button-text-orange-d=
efault-icon-color); }

.okui-btn.btn-text-orange .okui-btn-loader-text { color: var(--okd-button-t=
ext-orange-default-font-color); }

.okui-btn.btn-text-orange.btn-xxs { padding: calc(var(--okd-button-xxs-padd=
ing-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-=
button-xxs-padding-horizontal); }

.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle { height: calc((va=
r(--okd-button-xxs-padding-vertical) + var(--okd-button-text-orange-border-=
size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow: hi=
dden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical) + v=
ar(--okd-button-text-orange-border-size))*2 + var(--okd-button-xxs-line-hei=
ght)); }

.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle .btn-content { dis=
play: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap=
; width: 100%; }

.okui-btn.btn-text-orange.btn-xs { padding: calc(var(--okd-button-xs-paddin=
g-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-bu=
tton-xs-padding-horizontal); }

.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle { height: calc((var=
(--okd-button-xs-padding-vertical) + var(--okd-button-text-orange-border-si=
ze))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + var(-=
-okd-button-text-orange-border-size))*2 + var(--okd-button-xs-line-height))=
; }

.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-orange.btn-s { padding: calc(var(--okd-button-s-padding-=
vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-butt=
on-s-padding-horizontal); }

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

.okui-btn.btn-text-orange.btn-s.okui-btn-strict-circle .btn-content { displ=
ay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; =
width: 100%; }

.okui-btn.btn-text-orange.btn-sm { padding: calc(var(--okd-button-sm-paddin=
g-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-bu=
tton-sm-padding-horizontal); }

.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle { height: calc((var=
(--okd-button-sm-padding-vertical) + var(--okd-button-text-orange-border-si=
ze))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + var(-=
-okd-button-text-orange-border-size))*2 + var(--okd-button-sm-line-height))=
; }

.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-orange.btn-md { padding: calc(var(--okd-button-md-paddin=
g-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-bu=
tton-md-padding-horizontal); }

.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle { height: calc((var=
(--okd-button-md-padding-vertical) + var(--okd-button-text-orange-border-si=
ze))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-md-padding-vertical) + var(-=
-okd-button-text-orange-border-size))*2 + var(--okd-button-md-line-height))=
; }

.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-orange.btn-lg { padding: calc(var(--okd-button-lg-paddin=
g-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-bu=
tton-lg-padding-horizontal); }

.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle { height: calc((var=
(--okd-button-lg-padding-vertical) + var(--okd-button-text-orange-border-si=
ze))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + var(-=
-okd-button-text-orange-border-size))*2 + var(--okd-button-lg-line-height))=
; }

.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-orange.btn-xl { padding: calc(var(--okd-button-xl-paddin=
g-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-bu=
tton-xl-padding-horizontal); }

.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle { height: calc((var=
(--okd-button-xl-padding-vertical) + var(--okd-button-text-orange-border-si=
ze))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + var(-=
-okd-button-text-orange-border-size))*2 + var(--okd-button-xl-line-height))=
; }

.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-yellow { background: var(--okd-button-text-yellow-defaul=
t-background); border-color: var(--okd-button-text-yellow-default-border-co=
lor); border-style: solid; border-width: var(--okd-button-text-yellow-borde=
r-size); box-shadow: var(--okd-button-text-yellow-default-shadow); color: v=
ar(--okd-button-text-yellow-default-font-color); }

.okui-btn.btn-text-yellow.hover, .okui-btn.btn-text-yellow:not(:disabled):n=
ot(.mobile):hover { background: var(--okd-button-text-yellow-hover-backgrou=
nd); border-color: var(--okd-button-text-yellow-hover-border-color); box-sh=
adow: var(--okd-button-text-yellow-hover-shadow); color: var(--okd-button-t=
ext-yellow-hover-font-color); }

.okui-btn.btn-text-yellow.hover .btn-icon, .okui-btn.btn-text-yellow:not(:d=
isabled):not(.mobile):hover .btn-icon { color: var(--okd-button-text-yellow=
-hover-icon-color); }

.okui-btn.btn-text-yellow.active, .okui-btn.btn-text-yellow:not(:disabled):=
active { background: var(--okd-button-text-yellow-active-background); borde=
r-color: var(--okd-button-text-yellow-active-border-color); box-shadow: var=
(--okd-button-text-yellow-active-shadow); color: var(--okd-button-text-yell=
ow-active-font-color); }

.okui-btn.btn-text-yellow.active .btn-icon, .okui-btn.btn-text-yellow:not(:=
disabled):active .btn-icon { color: var(--okd-button-text-yellow-active-ico=
n-color); }

.okui-btn.btn-text-yellow:not(.loading).btn-disabled, .okui-btn.btn-text-ye=
llow:not(.loading):disabled { background: var(--okd-button-text-yellow-disa=
bled-background); border-color: var(--okd-button-text-yellow-disabled-borde=
r-color); box-shadow: var(--okd-button-text-yellow-disabled-shadow); color:=
 var(--okd-button-text-yellow-disabled-font-color); }

.okui-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon, .okui-btn.b=
tn-text-yellow:not(.loading):disabled .btn-icon { color: var(--okd-button-t=
ext-yellow-disabled-icon-color); }

.okui-btn.btn-text-yellow.loading { cursor: pointer; }

.okui-btn.btn-text-yellow .btn-icon { color: var(--okd-button-text-yellow-d=
efault-icon-color); }

.okui-btn.btn-text-yellow .okui-btn-loader-text { color: var(--okd-button-t=
ext-yellow-default-font-color); }

.okui-btn.btn-text-yellow.btn-xxs { padding: calc(var(--okd-button-xxs-padd=
ing-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-=
button-xxs-padding-horizontal); }

.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle { height: calc((va=
r(--okd-button-xxs-padding-vertical) + var(--okd-button-text-yellow-border-=
size))*2 + var(--okd-button-xxs-line-height)); min-width: 0px; overflow: hi=
dden; padding: 0px; width: calc((var(--okd-button-xxs-padding-vertical) + v=
ar(--okd-button-text-yellow-border-size))*2 + var(--okd-button-xxs-line-hei=
ght)); }

.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle .btn-content { dis=
play: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap=
; width: 100%; }

.okui-btn.btn-text-yellow.btn-xs { padding: calc(var(--okd-button-xs-paddin=
g-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-bu=
tton-xs-padding-horizontal); }

.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle { height: calc((var=
(--okd-button-xs-padding-vertical) + var(--okd-button-text-yellow-border-si=
ze))*2 + var(--okd-button-xs-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-xs-padding-vertical) + var(-=
-okd-button-text-yellow-border-size))*2 + var(--okd-button-xs-line-height))=
; }

.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-yellow.btn-s { padding: calc(var(--okd-button-s-padding-=
vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-butt=
on-s-padding-horizontal); }

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

.okui-btn.btn-text-yellow.btn-s.okui-btn-strict-circle .btn-content { displ=
ay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; =
width: 100%; }

.okui-btn.btn-text-yellow.btn-sm { padding: calc(var(--okd-button-sm-paddin=
g-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-bu=
tton-sm-padding-horizontal); }

.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle { height: calc((var=
(--okd-button-sm-padding-vertical) + var(--okd-button-text-yellow-border-si=
ze))*2 + var(--okd-button-sm-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-sm-padding-vertical) + var(-=
-okd-button-text-yellow-border-size))*2 + var(--okd-button-sm-line-height))=
; }

.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-yellow.btn-md { padding: calc(var(--okd-button-md-paddin=
g-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-bu=
tton-md-padding-horizontal); }

.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle { height: calc((var=
(--okd-button-md-padding-vertical) + var(--okd-button-text-yellow-border-si=
ze))*2 + var(--okd-button-md-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-md-padding-vertical) + var(-=
-okd-button-text-yellow-border-size))*2 + var(--okd-button-md-line-height))=
; }

.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-yellow.btn-lg { padding: calc(var(--okd-button-lg-paddin=
g-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-bu=
tton-lg-padding-horizontal); }

.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle { height: calc((var=
(--okd-button-lg-padding-vertical) + var(--okd-button-text-yellow-border-si=
ze))*2 + var(--okd-button-lg-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-lg-padding-vertical) + var(-=
-okd-button-text-yellow-border-size))*2 + var(--okd-button-lg-line-height))=
; }

.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-text-yellow.btn-xl { padding: calc(var(--okd-button-xl-paddin=
g-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-bu=
tton-xl-padding-horizontal); }

.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle { height: calc((var=
(--okd-button-xl-padding-vertical) + var(--okd-button-text-yellow-border-si=
ze))*2 + var(--okd-button-xl-line-height)); min-width: 0px; overflow: hidde=
n; padding: 0px; width: calc((var(--okd-button-xl-padding-vertical) + var(-=
-okd-button-text-yellow-border-size))*2 + var(--okd-button-xl-line-height))=
; }

.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle .btn-content { disp=
lay: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;=
 width: 100%; }

.okui-btn.btn-xxs { border-radius: var(--okd-button-xxs-border-radius); fon=
t-weight: var(--okd-button-xxs-font-weight,500); min-width: var(--okd-butto=
n-xxs-min-width); }

.okui-btn.btn-xxs, .okui-btn.btn-xxs .okui-btn-loader-text { font-size: var=
(--okd-button-xxs-font-size); line-height: var(--okd-button-xxs-line-height=
); }

.okui-btn.btn-xxs .okui-btn-loader-text { margin-left: var(--okd-button-xxs=
-loader-text-margin-left); }

.okui-btn.btn-xxs.btn-rect { border-radius: var(--okd-button-rect-xxs-borde=
r-radius,4px); }

.okui-btn.btn-xs { border-radius: var(--okd-button-xs-border-radius); font-=
weight: var(--okd-button-xs-font-weight,500); min-width: var(--okd-button-x=
s-min-width); }

.okui-btn.btn-xs, .okui-btn.btn-xs .okui-btn-loader-text { font-size: var(-=
-okd-button-xs-font-size); line-height: var(--okd-button-xs-line-height); }

.okui-btn.btn-xs .okui-btn-loader-text { margin-left: var(--okd-button-xs-l=
oader-text-margin-left); }

.okui-btn.btn-xs.btn-rect { border-radius: var(--okd-button-rect-xs-border-=
radius,4px); }

.okui-btn.btn-s { border-radius: var(--okd-button-s-border-radius); font-we=
ight: var(--okd-button-s-font-weight,500); min-width: var(--okd-button-s-mi=
n-width); }

.okui-btn.btn-s, .okui-btn.btn-s .okui-btn-loader-text { font-size: var(--o=
kd-button-s-font-size); line-height: var(--okd-button-s-line-height); }

.okui-btn.btn-s .okui-btn-loader-text { margin-left: var(--okd-button-s-loa=
der-text-margin-left); }

.okui-btn.btn-s.btn-rect { border-radius: var(--okd-button-rect-s-border-ra=
dius,4px); }

.okui-btn.btn-sm { border-radius: var(--okd-button-sm-border-radius); font-=
weight: var(--okd-button-sm-font-weight,500); min-width: var(--okd-button-s=
m-min-width); }

.okui-btn.btn-sm, .okui-btn.btn-sm .okui-btn-loader-text { font-size: var(-=
-okd-button-sm-font-size); line-height: var(--okd-button-sm-line-height); }

.okui-btn.btn-sm .okui-btn-loader-text { margin-left: var(--okd-button-sm-l=
oader-text-margin-left); }

.okui-btn.btn-sm.btn-rect { border-radius: var(--okd-button-rect-sm-border-=
radius,4px); }

.okui-btn.btn-md { border-radius: var(--okd-button-md-border-radius); font-=
weight: var(--okd-button-md-font-weight,500); min-width: var(--okd-button-m=
d-min-width); }

.okui-btn.btn-md, .okui-btn.btn-md .okui-btn-loader-text { font-size: var(-=
-okd-button-md-font-size); line-height: var(--okd-button-md-line-height); }

.okui-btn.btn-md .okui-btn-loader-text { margin-left: var(--okd-button-md-l=
oader-text-margin-left); }

.okui-btn.btn-md.btn-rect { border-radius: var(--okd-button-rect-md-border-=
radius,4px); }

.okui-btn.btn-lg { border-radius: var(--okd-button-lg-border-radius); font-=
weight: var(--okd-button-lg-font-weight,500); min-width: var(--okd-button-l=
g-min-width); }

.okui-btn.btn-lg, .okui-btn.btn-lg .okui-btn-loader-text { font-size: var(-=
-okd-button-lg-font-size); line-height: var(--okd-button-lg-line-height); }

.okui-btn.btn-lg .okui-btn-loader-text { margin-left: var(--okd-button-lg-l=
oader-text-margin-left); }

.okui-btn.btn-lg.btn-rect { border-radius: var(--okd-button-rect-lg-border-=
radius,8px); }

.okui-btn.btn-xl { border-radius: var(--okd-button-xl-border-radius); font-=
weight: var(--okd-button-xl-font-weight,500); min-width: var(--okd-button-x=
l-min-width); }

.okui-btn.btn-xl, .okui-btn.btn-xl .okui-btn-loader-text { font-size: var(-=
-okd-button-xl-font-size); line-height: var(--okd-button-xl-line-height); }

.okui-btn.btn-xl .okui-btn-loader-text { margin-left: var(--okd-button-xl-l=
oader-text-margin-left); }

.okui-btn.btn-xl.btn-rect { border-radius: var(--okd-button-rect-xl-border-=
radius,8px); }

.okui-btn:disabled { cursor: not-allowed; }

.okui-btn.block { display: flex; width: 100%; }

.okui-btn.btn-circle { border-radius: 100px !important; }

.okui-btn .btn-content { align-items: center; display: flex; }

.okui-btn.loading .btn-content { opacity: 0; }

.okui-btn.loading .btn-content-position { display: none; }

.okui-btn.loading .okui-btn-loader { line-height: 0; position: absolute; }

.okui-btn.loading .btn-loader-position-absolute { position: static; }

.okui-btn-loader-container { height: 100%; position: relative; }

.okui-btn .btn-icon + .btn-content { margin-left: 4px; }

.okui-btn.btn-xxs .btn-icon { font-size: var(--okd-button-xxs-icon-size); }

.okui-btn.btn-xxs .btn-icon-leading { margin-right: var(--okd-button-xxs-ic=
on-margin); }

.okui-btn.btn-xxs .btn-icon-tailing { margin-left: var(--okd-button-xxs-ico=
n-margin); }

.okui-btn.btn-xxs .okui-btn-loader-size { border-radius: var(--okd-button-x=
xs-loader-size); height: var(--okd-button-xxs-loader-size); width: var(--ok=
d-button-xxs-loader-size); }

.okui-btn.btn-xs .btn-icon { font-size: var(--okd-button-xs-icon-size); }

.okui-btn.btn-xs .btn-icon-leading { margin-right: var(--okd-button-xs-icon=
-margin); }

.okui-btn.btn-xs .btn-icon-tailing { margin-left: var(--okd-button-xs-icon-=
margin); }

.okui-btn.btn-xs .okui-btn-loader-size { border-radius: var(--okd-button-xs=
-loader-size); height: var(--okd-button-xs-loader-size); width: var(--okd-b=
utton-xs-loader-size); }

.okui-btn.btn-s .btn-icon { font-size: var(--okd-button-s-icon-size); }

.okui-btn.btn-s .btn-icon-leading { margin-right: var(--okd-button-s-icon-m=
argin); }

.okui-btn.btn-s .btn-icon-tailing { margin-left: var(--okd-button-s-icon-ma=
rgin); }

.okui-btn.btn-s .okui-btn-loader-size { border-radius: var(--okd-button-s-l=
oader-size); height: var(--okd-button-s-loader-size); width: var(--okd-butt=
on-s-loader-size); }

.okui-btn.btn-sm .btn-icon { font-size: var(--okd-button-sm-icon-size); }

.okui-btn.btn-sm .btn-icon-leading { margin-right: var(--okd-button-sm-icon=
-margin); }

.okui-btn.btn-sm .btn-icon-tailing { margin-left: var(--okd-button-sm-icon-=
margin); }

.okui-btn.btn-sm .okui-btn-loader-size { border-radius: var(--okd-button-sm=
-loader-size); height: var(--okd-button-sm-loader-size); width: var(--okd-b=
utton-sm-loader-size); }

.okui-btn.btn-md .btn-icon { font-size: var(--okd-button-md-icon-size); }

.okui-btn.btn-md .btn-icon-leading { margin-right: var(--okd-button-md-icon=
-margin); }

.okui-btn.btn-md .btn-icon-tailing { margin-left: var(--okd-button-md-icon-=
margin); }

.okui-btn.btn-md .okui-btn-loader-size { border-radius: var(--okd-button-md=
-loader-size); height: var(--okd-button-md-loader-size); width: var(--okd-b=
utton-md-loader-size); }

.okui-btn.btn-lg .btn-icon { font-size: var(--okd-button-lg-icon-size); }

.okui-btn.btn-lg .btn-icon-leading { margin-right: var(--okd-button-lg-icon=
-margin); }

.okui-btn.btn-lg .btn-icon-tailing { margin-left: var(--okd-button-lg-icon-=
margin); }

.okui-btn.btn-lg .okui-btn-loader-size { border-radius: var(--okd-button-lg=
-loader-size); height: var(--okd-button-lg-loader-size); width: var(--okd-b=
utton-lg-loader-size); }

.okui-btn.btn-xl .btn-icon { font-size: var(--okd-button-xl-icon-size); }

.okui-btn.btn-xl .btn-icon-leading { margin-right: var(--okd-button-xl-icon=
-margin); }

.okui-btn.btn-xl .btn-icon-tailing { margin-left: var(--okd-button-xl-icon-=
margin); }

.okui-btn.btn-xl .okui-btn-loader-size { border-radius: var(--okd-button-xl=
-loader-size); height: var(--okd-button-xl-loader-size); width: var(--okd-b=
utton-xl-loader-size); }

.okui-btn .okui-btn-fill-highlight-loader { border-right-color: ; border-bo=
ttom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-=
highlight-loader-mark-color); }

.okui-btn .okui-btn-fill-primary-loader { border-right-color: ; border-bott=
om-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-pr=
imary-loader-mark-color); }

.okui-btn .okui-btn-fill-secondary-loader { border-right-color: ; border-bo=
ttom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-=
secondary-loader-mark-color); }

.okui-btn .okui-btn-fill-tertiary-loader { border-right-color: ; border-bot=
tom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-t=
ertiary-loader-mark-color); }

.okui-btn .okui-btn-fill-quaternary-loader { border-right-color: ; border-b=
ottom-color: ; border-left-color: ; border-top-color: var(--okd-button-fill=
-quaternary-loader-mark-color); }

.okui-btn .okui-btn-fill-red-loader { border-right-color: ; border-bottom-c=
olor: ; border-left-color: ; border-top-color: var(--okd-button-fill-red-lo=
ader-mark-color); }

.okui-btn .okui-btn-fill-green-loader { border-right-color: ; border-bottom=
-color: ; border-left-color: ; border-top-color: var(--okd-button-fill-gree=
n-loader-mark-color); }

.okui-btn .okui-btn-fill-grey-loader { border-right-color: ; border-bottom-=
color: ; border-left-color: ; border-top-color: var(--okd-button-fill-grey-=
loader-mark-color); }

.okui-btn .okui-btn-outline-highlight-loader { border-right-color: ; border=
-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-ou=
tline-highlight-loader-mark-color); }

.okui-btn .okui-btn-outline-primary-loader { border-right-color: ; border-b=
ottom-color: ; border-left-color: ; border-top-color: var(--okd-button-outl=
ine-primary-loader-mark-color); }

.okui-btn .okui-btn-outline-secondary-loader { border-right-color: ; border=
-bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-ou=
tline-secondary-loader-mark-color); }

.okui-btn .okui-btn-outline-tertiary-loader { border-right-color: ; border-=
bottom-color: ; border-left-color: ; border-top-color: var(--okd-button-out=
line-tertiary-loader-mark-color); }

.okui-mask { background: var(--okd-dialog-window-mask-color,rgba(0,0,0,.65)=
); inset: 0px; position: fixed; }

.okui-transition-fade { transition: opacity 0.3s linear 0s; will-change: ; =
}

.okui-transition-fade-ease-out { transition-timing-function: cubic-bezier(0=
.5, 0, 0.52, 1); }

.okui-transition-fade-entered, .okui-transition-fade-entering { opacity: 1;=
 }

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

.okui-transition-slide { position: fixed; transform: translateY(100%); tran=
sition: transform 0.3s linear 0s, opacity 0.3s linear 0s; will-change: tran=
sform, opacity; }

.okui-transition-slide-cubic { transition-timing-function: cubic-bezier(0.2=
15, 0.61, 0.355, 1); }

.okui-transition-slide-bottom { bottom: 0px; left: 0px; width: 100%; }

.okui-transition-slide-left { height: 100%; left: 0px; top: 0px; }

.okui-transition-slide-right { height: 100%; right: 0px; top: 0px; }

.okui-transition-slide-entered.okui-transition-slide-bottom, .okui-transiti=
on-slide-entering.okui-transition-slide-bottom { transform: translateY(0px)=
; }

.okui-transition-slide-entered.okui-transition-slide-left, .okui-transition=
-slide-entered.okui-transition-slide-right, .okui-transition-slide-entering=
.okui-transition-slide-left, .okui-transition-slide-entering.okui-transitio=
n-slide-right { transform: translateX(0px); }

.okui-transition-slide-entered.okui-transition-slide-fade, .okui-transition=
-slide-entering.okui-transition-slide-fade { opacity: 1; }

.okui-transition-slide-exited.okui-transition-slide-bottom, .okui-transitio=
n-slide-exiting.okui-transition-slide-bottom { transform: translateY(100%);=
 }

.okui-transition-slide-exited.okui-transition-slide-left, .okui-transition-=
slide-exiting.okui-transition-slide-left { transform: translateX(-100%); }

.okui-transition-slide-exited.okui-transition-slide-right, .okui-transition=
-slide-exiting.okui-transition-slide-right { transform: translateX(100%); }

.okui-transition-slide-exited.okui-transition-slide-fade, .okui-transition-=
slide-exiting.okui-transition-slide-fade { opacity: 0; }

.okui-accordion { border-bottom: 1px solid var(--okd-accordion-main-border-=
color,#ebebeb); border-top: 1px solid var(--okd-accordion-main-border-color=
,#ebebeb); display: flex; flex-direction: column; }

.okui-accordion + .okui-accordion { border-top: none; }

.okui-accordion-header { align-items: center; cursor: pointer; display: fle=
x; justify-content: space-between; padding: var(--okd-accordion-header-padd=
ing-vertical,32px) var(--okd-accordion-header-padding-horizontal,0); }

.okui-accordion-header-title { color: var(--okd-accordion-header-title-colo=
r,#000); font-size: var(--okd-accordion-header-title-font-size,18px); font-=
weight: var(--okd-accordion-header-title-font-weight,500); line-height: var=
(--okd-accordion-header-title-line-height,24px); }

.okui-accordion-header .okui-accordion-header-icon { color: var(--okd-accor=
dion-header-icon-color,#929292); font-size: var(--okd-accordion-header-icon=
-size,20px); transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1) 0s; }

.okui-accordion-header-expanded { padding-bottom: var(--okd-accordion-heade=
r-margin-bottom,16px); }

.okui-accordion-header-icon-expanded { transform: rotate(180deg); }

.okui-accordion-content { color: var(--okd-accordion-content-color,#929292)=
; display: none; font-size: var(--okd-accordion-content-font-size,14px); fo=
nt-weight: var(--okd-accordion-content-font-weight,400); line-height: var(-=
-okd-accordion-content-line-height,1.58); overflow: hidden; transition: all=
 0.2s cubic-bezier(0.34, 0.69, 0.1, 1) 0s; }

.okui-accordion-content-expanded { display: block; margin-bottom: var(--okd=
-accordion-header-padding-vertical,32px); }

@media (max-width: 767px) {
  .okui-accordion-header-title { font-size: var(--okd-accordion-header-titl=
e-sm-font-size,14px); font-weight: var(--okd-accordion-header-title-sm-font=
-weight,500); line-height: var(--okd-accordion-header-title-sm-line-height,=
16px); }
  .okui-accordion-header .okui-accordion-header-icon { font-size: var(--okd=
-accordion-header-icon-sm-size,16px); }
  .okui-accordion-header-expanded { padding-bottom: var(--okd-accordion-hea=
der-sm-margin-bottom,8px); }
  .okui-accordion-content { font-size: var(--okd-accordion-content-sm-font-=
size,12px); font-weight: var(--okd-accordion-content-sm-font-weight,400); l=
ine-height: var(--okd-accordion-content-sm-line-height,1.58); }
}

:root { --okd-accordion-header-padding-vertical: 32px; --okd-accordion-head=
er-padding-horizontal: 0; --okd-accordion-main-border-color: var(--okd-colo=
r-border-primary); --okd-accordion-header-icon-color: var(--okd-color-conte=
nt-disabled); --okd-accordion-header-icon-size: 20px; --okd-accordion-heade=
r-icon-sm-size: 16px; --okd-accordion-header-title-color: var(--okd-color-c=
ontent-primary); --okd-accordion-header-title-line-height: 24px; --okd-acco=
rdion-header-title-font-weight: 500; --okd-accordion-header-title-font-size=
: 18px; --okd-accordion-header-title-sm-line-height: 16px; --okd-accordion-=
header-title-sm-font-weight: 500; --okd-accordion-header-title-sm-font-size=
: 14px; --okd-accordion-header-margin-bottom: 16px; --okd-accordion-header-=
sm-margin-bottom: 8px; --okd-accordion-content-font-size: 14px; --okd-accor=
dion-content-line-height: 1.58; --okd-accordion-content-font-weight: 400; -=
-okd-accordion-content-sm-font-size: 12px; --okd-accordion-content-sm-line-=
height: 1.58; --okd-accordion-content-sm-font-weight: 400; --okd-accordion-=
content-color: var(--okd-color-content-contrast); }

.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; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okexchain/okc-docs/63591/index.4cd787bb.css

@charset "utf-8";

.f-16 { color: rgb(61, 61, 61); font-size: 16px; font-weight: 500; line-hei=
ght: 20px; }

body .token.block-comment, body .token.cdata, body .token.comment, body .to=
ken.prolog { color: rgb(160, 161, 167); }

body .token.doctype, body .token.entity, body .token.punctuation { color: r=
gb(56, 58, 66); }

body .token.atrule, body .token.attr-name, body .token.boolean, body .token=
.class-name, body .token.constant, body .token.number { color: rgb(183, 107=
, 1); }

body .token.namespace { opacity: 0.8; }

body .token.deleted, body .token.important, body .token.property, body .tok=
en.symbol, body .token.tag { color: rgb(228, 86, 73); }

body .token.function, body .token.operator, body .token.variable { color: r=
gb(64, 120, 242); }

body .token.attr-value, body .token.builtin, body .token.char, body .token.=
inserted, body .token.regex, body .token.selector, body .token.string { col=
or: rgb(80, 161, 79); }

body .token.keyword { color: rgb(166, 38, 164); }

body .token.url { color: rgb(1, 132, 188); }

body .token.bold { font-weight: 700; }

body .token.important { color: rgb(228, 86, 73); }

body .token.italic { font-style: italic; }

body .token.entity { cursor: help; }

body { color: rgb(61, 61, 61); scroll-behavior: smooth; }

body hr { border-width: 1px 0px 0px; border-right-style: initial; border-bo=
ttom-style: initial; border-left-style: initial; border-right-color: initia=
l; border-bottom-color: initial; border-left-color: initial; border-image: =
initial; border-top-style: solid; border-top-color: rgb(234, 236, 239); mar=
gin: 7px 0px; }

body .doc-content { background-color: rgb(255, 255, 255); overflow-wrap: br=
eak-word; word-break: break-word; }

body .doc-content h1 { color: rgb(0, 0, 0); font-size: 32px; font-weight: 7=
00; line-height: 58px; scroll-margin-top: 104px; }

@media (min-width: 768px) {
  body .doc-content h1 { font-size: 44px; }
}

body .doc-content h2 { color: rgb(0, 0, 0); font-size: 24px; font-weight: 7=
00; line-height: 42px; margin-bottom: 40px; margin-top: 56px; scroll-margin=
-top: 104px; }

@media (min-width: 768px) {
  body .doc-content h2 { font-size: 32px; }
}

body .doc-content h3 { font-size: 20px; font-weight: 700; line-height: 33px=
; margin-bottom: 24px; margin-top: 40px; scroll-margin-top: 104px; }

@media (min-width: 768px) {
  body .doc-content h3 { font-size: 24px; }
}

body .doc-content h4, body .doc-content h5, body .doc-content h6 { font-siz=
e: 16px; line-height: 24px; margin: 24px 0px; scroll-margin-top: 104px; }

body .doc-content p { font-size: 16px; line-height: 24px; margin: 24px 0px;=
 padding: revert; word-break: break-word; }

body .doc-content pre { background-color: rgb(250, 250, 250); border: 1px s=
olid rgb(219, 219, 219); border-radius: 6px; color: rgb(56, 58, 66); font-s=
ize: 14px; font-weight: 400; line-height: 28px; margin: 0.85rem 0px 0px; ov=
erflow: auto; padding: 16px; position: relative; z-index: 1; }

body .doc-content pre code { background-color: transparent; border-radius: =
0px; color: rgb(56, 58, 66); line-height: 28px; margin: 0px; padding: 0px; =
word-break: break-all; }

body .doc-content code, body .doc-content pre code { font-family: source-co=
de-pro, Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 14px;=
 }

body .doc-content code { background: rgb(219, 219, 219); border-radius: 2px=
; color: rgb(61, 61, 61); margin: 0px 2px; padding: 2px 8px; }

body .doc-content table { border-collapse: separate; border-spacing: 0px; f=
ont-size: 16px; overflow-x: auto; width: 100%; word-break: normal; }

body .doc-content thead { white-space: nowrap; }

body .doc-content td, body .doc-content th { border-right: 1px solid rgb(21=
9, 219, 219); border-bottom: 1px solid rgb(219, 219, 219); border-image: in=
itial; border-left: none; border-top: none; line-height: 1.7; padding: 22px=
; text-align: left; }

body .doc-content thead > tr:first-child > th { border-top: 1px solid rgb(2=
19, 219, 219); }

body .doc-content thead > tr:first-child > th:first-child { border-top-left=
-radius: 8px; }

body .doc-content thead > tr > th:first-child { border-left: 1px solid rgb(=
219, 219, 219); }

body .doc-content thead > tr:first-child > th:last-child { border-top-right=
-radius: 8px; }

body .doc-content tbody > tr > td:first-child { border-left: 1px solid rgb(=
219, 219, 219); }

body .doc-content tbody > tr:last-child > td:first-child { border-bottom-le=
ft-radius: 8px; }

body .doc-content tbody > tr:last-child > td:last-child { border-bottom-rig=
ht-radius: 8px; }

body .doc-content strong { font-weight: 600; }

body .doc-content blockquote { border-left: 0.2rem solid rgb(223, 226, 229)=
; color: rgb(153, 153, 153); font-size: 1rem; margin: 1rem 0px; padding: 0.=
25rem 0px 0.25rem 1rem; }

body .doc-content ol, body .doc-content ul { font-size: 16px; line-height: =
24px; margin: 24px 0px; padding-left: 1.2em; }

body .doc-content ul { list-style-type: disc; }

body .doc-content ol { list-style-type: decimal; }

body .doc-content li { list-style-type: inherit; margin: 16px 0px; }

body .doc-content a { color: rgb(5, 105, 255); font-weight: 500; }

body .interact-wrapper { margin-top: 24px; }

body .feedback-wrapper { margin-top: 12px; word-break: break-all; }

body .mail-link a { color: rgb(146, 146, 146); }

.okx-defi-arrow { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-arrow::before { content: "=EE=85=84"; font-family: ok-dc2c9dc6be;=
 }

.okx-defi-nft-Instagram { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-Instagram::before { content: "=EE=85=81"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-nft-discord { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-discord::before { content: "=EE=85=82"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-medium { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-medium::before { content: "=EE=85=83"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-nft-open-link { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-open-link::before { content: "=EE=85=80"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-marketplace-chevron-left { --ok-icon-font-family: "ok-dc2c9dc6be"=
; }

.okx-defi-marketplace-chevron-left::before { content: "=EE=84=BC"; font-fam=
ily: ok-dc2c9dc6be; }

.okx-defi-marketplace-chevron-down { --ok-icon-font-family: "ok-dc2c9dc6be"=
; }

.okx-defi-marketplace-chevron-down::before { content: "=EE=84=BD"; font-fam=
ily: ok-dc2c9dc6be; }

.okx-defi-marketplace-chevron-right { --ok-icon-font-family: "ok-dc2c9dc6be=
"; }

.okx-defi-marketplace-chevron-right::before { content: "=EE=84=BE"; font-fa=
mily: ok-dc2c9dc6be; }

.okx-defi-marketplace-chevron-up { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-chevron-up::before { content: "=EE=84=BF"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-watch-only { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-watch-only::before { content: "=EE=84=BB"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-service-fee { --ok-icon-font-family: "ok-dc2c9dc6be";=
 }

.okx-defi-marketplace-service-fee::before { content: "=EE=84=BA"; font-fami=
ly: ok-dc2c9dc6be; }

.okx-defi-marketplace-grid-large { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-grid-large::before { content: "=EE=84=B8"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-grid-small { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-grid-small::before { content: "=EE=84=B9"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-warning { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-warning::before { content: "=EE=84=B7"; font-family: =
ok-dc2c9dc6be; }

.okx-defi-marketplace-fee-rule { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-fee-rule::before { content: "=EE=84=B6"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-marketplace-calendar { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-calendar::before { content: "=EE=84=B5"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-marketplace-minus { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-minus::before { content: "=EE=84=B3"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-marketplace-plus { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-plus::before { content: "=EE=84=B4"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-marketplace-pointer-up { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-pointer-up::before { content: "=EE=84=B2"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-pointer-down { --ok-icon-font-family: "ok-dc2c9dc6be"=
; }

.okx-defi-marketplace-pointer-down::before { content: "=EE=84=B1"; font-fam=
ily: ok-dc2c9dc6be; }

.okx-defi-marketplace-pointer-left { --ok-icon-font-family: "ok-dc2c9dc6be"=
; }

.okx-defi-marketplace-pointer-left::before { content: "=EE=84=B0"; font-fam=
ily: ok-dc2c9dc6be; }

.okx-defi-marketplace-pointer-right { --ok-icon-font-family: "ok-dc2c9dc6be=
"; }

.okx-defi-marketplace-pointer-right::before { content: "=EE=84=AF"; font-fa=
mily: ok-dc2c9dc6be; }

.okx-defi-marketplace-checkmark { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-checkmark::before { content: "=EE=84=AE"; font-family=
: ok-dc2c9dc6be; }

.okx-defi-marketplace-selected { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-selected::before { content: "=EE=84=AD"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-marketplace-unselected { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-unselected::before { content: "=EE=84=AC"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-qr-code { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-qr-code::before { content: "=EE=84=AB"; font-family: =
ok-dc2c9dc6be; }

.okx-defi-marketplace-official-website { --ok-icon-font-family: "ok-dc2c9dc=
6be"; }

.okx-defi-marketplace-official-website::before { content: "=EE=84=AA"; font=
-family: ok-dc2c9dc6be; }

.okx-defi-marketplace-line-chart { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-line-chart::before { content: "=EE=84=A9"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-failed { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-failed::before { content: "=EE=84=A8"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-marketplace-information { --ok-icon-font-family: "ok-dc2c9dc6be";=
 }

.okx-defi-marketplace-information::before { content: "=EE=84=A7"; font-fami=
ly: ok-dc2c9dc6be; }

.okx-defi-convert-okx { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-convert-okx::before { content: "=EE=84=A6"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-uni { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-uni::before { content: "=EE=84=A5"; font-family: ok-dc2c9dc6be; }

.okx-defi-marketplace-gamefi-whitepaper { --ok-icon-font-family: "ok-dc2c9d=
c6be"; }

.okx-defi-marketplace-gamefi-whitepaper::before { content: "=EE=84=A4"; fon=
t-family: ok-dc2c9dc6be; }

.okx-defi-marketplace-gamefi-twitter { --ok-icon-font-family: "ok-dc2c9dc6b=
e"; }

.okx-defi-marketplace-gamefi-twitter::before { content: "=EE=84=A3"; font-f=
amily: ok-dc2c9dc6be; }

.okx-defi-marketplace-gamefi-telegram { --ok-icon-font-family: "ok-dc2c9dc6=
be"; }

.okx-defi-marketplace-gamefi-telegram::before { content: "=EE=84=A1"; font-=
family: ok-dc2c9dc6be; }

.okx-defi-marketplace-gamefi-medium { --ok-icon-font-family: "ok-dc2c9dc6be=
"; }

.okx-defi-marketplace-gamefi-medium::before { content: "=EE=84=A0"; font-fa=
mily: ok-dc2c9dc6be; }

.okx-defi-marketplace-gamefi-ins { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-marketplace-gamefi-ins::before { content: "=EE=84=A2"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-marketplace-gamefi-discord { --ok-icon-font-family: "ok-dc2c9dc6b=
e"; }

.okx-defi-marketplace-gamefi-discord::before { content: "=EE=84=9F"; font-f=
amily: ok-dc2c9dc6be; }

.okx-defi-dex-bulb { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-bulb::before { content: "=EE=84=9E"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-dex-snap-mode { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-snap-mode::before { content: "=EE=84=9D"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-dex-history { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-history::before { content: "=EE=84=9C"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-dex-swap-for-gas { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-swap-for-gas::before { content: "=EE=84=9B"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-dex-orders-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-orders-1::before { content: "=EE=84=99"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-dex-solvers { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-solvers::before { content: "=EE=84=9A"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-dex-swap { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-swap::before { content: "=EE=84=98"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-dex-search { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-search::before { content: "=EE=84=97"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-trash { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-trash::before { content: "=EE=84=96"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-marketplace-edit { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-edit::before { content: "=EE=84=95"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-marketplace-cancel { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-cancel::before { content: "=EE=84=94"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-marketplace-unlist { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-unlist::before { content: "=EE=84=93"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-marketplace-options { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-options::before { content: "=EE=84=91"; font-family: =
ok-dc2c9dc6be; }

.okx-defi-marketplace-insights { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-insights::before { content: "=EE=84=92"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-marketplace-remove-cart { --ok-icon-font-family: "ok-dc2c9dc6be";=
 }

.okx-defi-marketplace-remove-cart::before { content: "=EE=84=90"; font-fami=
ly: ok-dc2c9dc6be; }

.okx-defi-marketplace-add-cart { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-add-cart::before { content: "=EE=84=8F"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-nft-share2 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-share2::before { content: "=EE=84=8D"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-lock { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-lock::before { content: "=EE=84=8E"; font-family: ok-dc2c9dc6be; =
}

.okx-defi-unfollow { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-unfollow::before { content: "=EE=84=8C"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-up { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-up::before { content: "=EE=84=86"; font-family: ok-dc2c9dc6be; }

.okx-defi-down { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-down::before { content: "=EE=84=87"; font-family: ok-dc2c9dc6be; =
}

.okx-defi-nft { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft::before { content: "=EE=84=88"; font-family: ok-dc2c9dc6be; }

.okx-defi-trade { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-trade::before { content: "=EE=84=89"; font-family: ok-dc2c9dc6be;=
 }

.okx-defi-send { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-send::before { content: "=EE=84=8A"; font-family: ok-dc2c9dc6be; =
}

.okx-defi-gas { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-gas::before { content: "=EE=84=8B"; font-family: ok-dc2c9dc6be; }

.okx-defi-nft-arrow { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-arrow::before { content: "=EE=84=85"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-signal-bot { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-signal-bot::before { content: "=EE=84=84"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-marketplace-information-filled { --ok-icon-font-family: "ok-dc2c9=
dc6be"; }

.okx-defi-marketplace-information-filled::before { content: "=EE=81=99"; fo=
nt-family: ok-dc2c9dc6be; }

.okx-defi-marketplace-instagram { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-instagram::before { content: "=EE=81=9A"; font-family=
: ok-dc2c9dc6be; }

.okx-defi-marketplace-list { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-list::before { content: "=EE=81=9B"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-nft-amount { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-amount::before { content: "=EE=81=9C"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-nft-arrow-chevrons { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-arrow-chevrons::before { content: "=EE=81=9D"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-nft-arrow-pointer { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-arrow-pointer::before { content: "=EE=81=9E"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-nft-bid { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-bid::before { content: "=EE=81=9F"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-nft-cart-check { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-cart-check::before { content: "=EE=81=A0"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-nft-cart-default { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-cart-default::before { content: "=EE=81=A1"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-nft-cart-wc { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-cart-wc::before { content: "=EE=81=A2"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-collection { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-collection::before { content: "=EE=81=A3"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-nft-creat-mint { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-creat-mint::before { content: "=EE=81=A4"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-marketplace-medium { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-medium::before { content: "=EE=81=A5"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-marketplace-recursive { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-recursive::before { content: "=EE=81=A6"; font-family=
: ok-dc2c9dc6be; }

.okx-defi-marketplace-star { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-star::before { content: "=EE=81=A7"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-marketplace-tele { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-tele::before { content: "=EE=81=A8"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-marketplace-twitter { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-twitter::before { content: "=EE=81=A9"; font-family: =
ok-dc2c9dc6be; }

.okx-defi-marketplace-twitterx { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-twitterx::before { content: "=EE=81=AA"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-nft-gas-slow { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-gas-slow::before { content: "=EE=81=AB"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-gas-fast { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-gas-fast::before { content: "=EE=81=AC"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-marketplace-web { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-web::before { content: "=EE=81=AD"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-nft-going-solid { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-going-solid::before { content: "=EE=81=AE"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-nft-gas-standard { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-gas-standard::before { content: "=EE=81=AF"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-nft-information-circle { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-nft-information-circle::before { content: "=EE=81=B0"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-nft-going { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-going::before { content: "=EE=81=B1"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-nft-list { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-list::before { content: "=EE=81=B2"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-nft-items { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-items::before { content: "=EE=81=B3"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-nft-activity { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-activity::before { content: "=EE=81=B4"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-brush { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-brush::before { content: "=EE=81=B5"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-nft-coin { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-coin::before { content: "=EE=81=B6"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-nft-listnft { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-listnft::before { content: "=EE=81=B7"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-create { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-create::before { content: "=EE=81=B8"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-nft-destroy { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-destroy::before { content: "=EE=81=B9"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-nav-profile { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-nav-profile::before { content: "=EE=81=BA"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-nft-download { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-download::before { content: "=EE=81=BB"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-phone { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-phone::before { content: "=EE=81=BC"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-nft-number { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-number::before { content: "=EE=81=BD"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-nft-drop { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-drop::before { content: "=EE=81=BE"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-nft-edit { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-edit::before { content: "=EE=81=BF"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-nft-featured { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-featured::before { content: "=EE=82=80"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-filter-chevrons { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-filter-chevrons::before { content: "=EE=82=81"; font-family: =
ok-dc2c9dc6be; }

.okx-defi-nft-filter-refresh { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-filter-refresh::before { content: "=EE=82=82"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-nft-filter-arrow { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-filter-arrow::before { content: "=EE=82=83"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-nft-funding { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-funding::before { content: "=EE=82=84"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-gas-custom { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-gas-custom::before { content: "=EE=82=85"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-nft-filter { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-filter::before { content: "=EE=82=86"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-nft-location { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-location::before { content: "=EE=82=87"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-mail { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-mail::before { content: "=EE=82=88"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-nft-nav-cart { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-nav-cart::before { content: "=EE=82=89"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-more { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-more::before { content: "=EE=82=8A"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-nft-nav-favorites { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-nav-favorites::before { content: "=EE=82=8B"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-nft-overview { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-overview::before { content: "=EE=82=8C"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-plus { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-plus::before { content: "=EE=82=8D"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-nft-purchase { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-purchase::before { content: "=EE=82=8E"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-ranking { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-ranking::before { content: "=EE=82=8F"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-rankings { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-rankings::before { content: "=EE=82=90"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okbc-community3 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-community3::before { content: "=EE=82=91"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-nft-refresh { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-refresh::before { content: "=EE=82=92"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-rewards { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-rewards::before { content: "=EE=82=93"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-share { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-share::before { content: "=EE=82=94"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-nft-selected { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-selected::before { content: "=EE=82=95"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-ticket { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-ticket::before { content: "=EE=82=96"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-nft-switch { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-switch::before { content: "=EE=82=97"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-bitcoin { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-bitcoin::before { content: "=EE=82=98"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-trade { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-trade::before { content: "=EE=82=99"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-nft-transfer { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-transfer::before { content: "=EE=82=9A"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-twitter3 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-twitter3::before { content: "=EE=82=9B"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okbc-get { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-get::before { content: "=EE=82=9C"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okbc-marketplace { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-marketplace::before { content: "=EE=82=9D"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-nft-unbrush { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-unbrush::before { content: "=EE=82=9E"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-withdraw { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-withdraw::before { content: "=EE=82=9F"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okbc-arrow { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-arrow::before { content: "=EE=82=A0"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-build { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-build::before { content: "=EE=82=A1"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-community { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-community::before { content: "=EE=82=A2"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-nft-unfavorite { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-unfavorite::before { content: "=EE=82=A3"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-okbc-community4 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-community4::before { content: "=EE=82=A4"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-okbc-community2 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-community2::before { content: "=EE=82=A5"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-okc-bridge { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-bridge::before { content: "=EE=82=A6"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-overview { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-overview::before { content: "=EE=82=A7"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-okbc-scalability { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-scalability::before { content: "=EE=82=A8"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-okc-btc { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-btc::before { content: "=EE=82=A9"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-okc-chat { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-chat::before { content: "=EE=82=AA"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okbc-deploy { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-deploy::before { content: "=EE=82=AB"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-delete { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-delete::before { content: "=EE=82=AC"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-dexapi { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-dexapi::before { content: "=EE=82=AD"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-nft-unselect { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-unselect::before { content: "=EE=82=AE"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-nft-wechat { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-nft-wechat::before { content: "=EE=82=AF"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-community1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-community1::before { content: "=EE=82=B0"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-okbc-email { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-email::before { content: "=EE=82=B1"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okc-editor { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-editor::before { content: "=EE=82=B2"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-operates { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-operates::before { content: "=EE=82=B3"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-okc-loading-2 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-loading-2::before { content: "=EE=82=B4"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-okbc-powered { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-powered::before { content: "=EE=82=B5"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okbc-resources { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-resources::before { content: "=EE=82=B6"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-okbc-wallet { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-wallet::before { content: "=EE=82=B7"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-medium { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-medium::before { content: "=EE=82=B8"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okbc-wasm { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okbc-wasm::before { content: "=EE=82=B9"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-okc-block { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-block::before { content: "=EE=82=BA"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-okc-cart { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-cart::before { content: "=EE=82=BB"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okc-nft-transfer { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-nft-transfer::before { content: "=EE=82=BC"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-okc-data { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-data::before { content: "=EE=82=BD"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okc-faucet { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-faucet::before { content: "=EE=82=BE"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okc-details { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-details::before { content: "=EE=82=BF"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-discord { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-discord::before { content: "=EE=83=80"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-history { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-history::before { content: "=EE=83=81"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-remove { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-remove::before { content: "=EE=83=82"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okc-down { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-down::before { content: "=EE=83=83"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okc-pause { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-pause::before { content: "=EE=83=84"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-okc-drawback { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-drawback::before { content: "=EE=83=85"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okc-switch { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-switch::before { content: "=EE=83=86"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okc-draw { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-draw::before { content: "=EE=83=87"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okc-play { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-play::before { content: "=EE=83=88"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okc-email { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-email::before { content: "=EE=83=89"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-okc-download { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-download::before { content: "=EE=83=8A"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okc-tf-balance { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-tf-balance::before { content: "=EE=83=8B"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-okc-exchange { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-exchange::before { content: "=EE=83=8C"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okc-trends { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-trends::before { content: "=EE=83=8D"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okc-twitter { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-twitter::before { content: "=EE=83=8E"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-website { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-website::before { content: "=EE=83=8F"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-yoursite { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-yoursite::before { content: "=EE=83=90"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okc-up { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-up::before { content: "=EE=83=91"; font-family: ok-dc2c9dc6be=
; }

.okx-defi-okc-zap-swap { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-zap-swap::before { content: "=EE=83=92"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-oktc-autopilot { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-oktc-autopilot::before { content: "=EE=83=93"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-okc-zap { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-zap::before { content: "=EE=83=94"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-oktc-dawn { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-oktc-dawn::before { content: "=EE=83=95"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-oktc-sidenets { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-oktc-sidenets::before { content: "=EE=83=96"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-oktc-thunderbolt { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-oktc-thunderbolt::before { content: "=EE=83=97"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-oktc-wasm { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-oktc-wasm::before { content: "=EE=83=98"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-oktc-trinity { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-oktc-trinity::before { content: "=EE=83=99"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-oktc-zkevm { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-oktc-zkevm::before { content: "=EE=83=9A"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-open-link { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-open-link::before { content: "=EE=83=9B"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-okc-judgerules { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-judgerules::before { content: "=EE=83=9C"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-share { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-share::before { content: "=EE=83=9D"; font-family: ok-dc2c9dc6be;=
 }

.okx-defi-status-alert { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-status-alert::before { content: "=EE=83=9E"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okc-loading { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-loading::before { content: "=EE=83=9F"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-status-waiting { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-status-waiting::before { content: "=EE=83=A0"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-status-filled { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-status-filled::before { content: "=EE=83=A1"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-steps-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-steps-1::before { content: "=EE=83=A2"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-steps-2 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-steps-2::before { content: "=EE=83=A3"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-steps-3 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-steps-3::before { content: "=EE=83=A4"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-success-circle { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-success-circle::before { content: "=EE=83=A5"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-transfer-in { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-transfer-in::before { content: "=EE=83=A6"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-withdraw { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-withdraw::before { content: "=EE=83=A7"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-x1-buy-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-x1-buy-1::before { content: "=EE=83=A8"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-x1-liquidity-minus { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-x1-liquidity-minus::before { content: "=EE=83=A9"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-x1-liquidity-plus { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-x1-liquidity-plus::before { content: "=EE=83=AA"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-x1-listforsale { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-x1-listforsale::before { content: "=EE=83=AB"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-x1-subgraph { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-x1-subgraph::before { content: "=EE=83=AC"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-xgon-linkedin-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-xgon-linkedin-1::before { content: "=EE=83=AD"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-yield-android { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-android::before { content: "=EE=83=AE"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-xgon-github-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-xgon-github-1::before { content: "=EE=83=AF"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-yield-apple { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-apple::before { content: "=EE=83=B0"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-instagram { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-instagram::before { content: "=EE=83=B1"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-yield-bonus { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-bonus::before { content: "=EE=83=B2"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-yield-deploy { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-deploy::before { content: "=EE=83=B3"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-yield-delete { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-delete::before { content: "=EE=83=B4"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-yield-pengding { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-pengding::before { content: "=EE=83=B5"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-yield-zoomout { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-zoomout::before { content: "=EE=83=B6"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-okc-like { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-like::before { content: "=EE=83=B7"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-yield-zoomin { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-yield-zoomin::before { content: "=EE=83=B8"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okc-explorer { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-explorer::before { content: "=EE=83=B9"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-okc-more { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-more::before { content: "=EE=83=BA"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okc-nft-youtube { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-nft-youtube::before { content: "=EE=83=BB"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-okc-github { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-github::before { content: "=EE=83=BC"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okc-refresh { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-refresh::before { content: "=EE=83=BD"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-okc-return { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-return::before { content: "=EE=83=BE"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-okc-telegram { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-telegram::before { content: "=EE=83=BF"; font-family: ok-dc2c=
9dc6be; }

.okx-defi--create { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--create::before { content: "=EE=80=80"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-okc-tf-achievements { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-tf-achievements::before { content: "=EE=84=80"; font-family: =
ok-dc2c9dc6be; }

.okx-defi--android { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--android::before { content: "=EE=80=81"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-okc-tf-contract { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-tf-contract::before { content: "=EE=84=81"; font-family: ok-d=
c2c9dc6be; }

.okx-defi--exchange { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--exchange::before { content: "=EE=80=82"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-okc-tf-height { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-tf-height::before { content: "=EE=84=82"; font-family: ok-dc2=
c9dc6be; }

.okx-defi--eye-hide { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--eye-hide::before { content: "=EE=80=83"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-okc-tf-queue { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-okc-tf-queue::before { content: "=EE=84=83"; font-family: ok-dc2c=
9dc6be; }

.okx-defi--eye-show { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--eye-show::before { content: "=EE=80=84"; font-family: ok-dc2c9dc=
6be; }

.okx-defi--nft-tips { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--nft-tips::before { content: "=EE=80=85"; font-family: ok-dc2c9dc=
6be; }

.okx-defi--nft-trading-tutorial { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--nft-trading-tutorial::before { content: "=EE=80=86"; font-family=
: ok-dc2c9dc6be; }

.okx-defi--okc-hathathon { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--okc-hathathon::before { content: "=EE=80=87"; font-family: ok-dc=
2c9dc6be; }

.okx-defi--transfer-out { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi--transfer-out::before { content: "=EE=80=88"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-airdorp { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-airdorp::before { content: "=EE=80=89"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-arrow-chevrons { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-arrow-chevrons::before { content: "=EE=80=8A"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-assets { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-assets::before { content: "=EE=80=8B"; font-family: ok-dc2c9dc6be=
; }

.okx-defi-build-oracle { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-build-oracle::before { content: "=EE=80=8C"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-copy { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-copy::before { content: "=EE=80=8D"; font-family: ok-dc2c9dc6be; =
}

.okx-defi-deposit { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-deposit::before { content: "=EE=80=8E"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-dex-arrow-down-chevrons { --ok-icon-font-family: "ok-dc2c9dc6be";=
 }

.okx-defi-dex-arrow-down-chevrons::before { content: "=EE=80=8F"; font-fami=
ly: ok-dc2c9dc6be; }

.okx-defi-dex-arrow-down-sincere { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-dex-arrow-down-sincere::before { content: "=EE=80=90"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-dex-arrow-down { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-down::before { content: "=EE=80=91"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-dex-arrow-left { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-left::before { content: "=EE=80=92"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-dex-arrow-right-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-right-1::before { content: "=EE=80=93"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-dex-arrow-right-12 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-right-12::before { content: "=EE=80=94"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-dex-arrow-right-top-01 { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-dex-arrow-right-top-01::before { content: "=EE=80=95"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-dex-arrow-right { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-right::before { content: "=EE=80=96"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-dex-arrow-to { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-to::before { content: "=EE=80=97"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-dex-arrow-up-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-up-1::before { content: "=EE=80=98"; font-family: ok-dc=
2c9dc6be; }

.okx-defi-dex-arrow-up { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-arrow-up::before { content: "=EE=80=99"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-dex-assets { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-assets::before { content: "=EE=80=9A"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-authorization { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-authorization::before { content: "=EE=80=9B"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-dex-attention { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-attention::before { content: "=EE=80=9C"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-dex-bridge { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-bridge::before { content: "=EE=80=9D"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-candle-stick { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-candle-stick::before { content: "=EE=80=9E"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-dex-clock { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-clock::before { content: "=EE=80=9F"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-dex-complete { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-complete::before { content: "=EE=80=A0"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-dex-copy { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-copy::before { content: "=EE=80=A1"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-dex-copy2 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-copy2::before { content: "=EE=80=A2"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-dex-curve { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-curve::before { content: "=EE=80=A3"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-dex-double-arrow { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-double-arrow::before { content: "=EE=80=A4"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-dex-error { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-error::before { content: "=EE=80=A5"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-dex-exchange { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-exchange::before { content: "=EE=80=A6"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-dex-fav-check { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-fav-check::before { content: "=EE=80=A7"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-dex-fav-default { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-fav-default::before { content: "=EE=80=A8"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-dex-filter { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-filter::before { content: "=EE=80=A9"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-fireworks-2 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-fireworks-2::before { content: "=EE=80=AA"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-dex-gas-station { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-gas-station::before { content: "=EE=80=AB"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-dex-information-circle { --ok-icon-font-family: "ok-dc2c9dc6be"; =
}

.okx-defi-dex-information-circle::before { content: "=EE=80=AC"; font-famil=
y: ok-dc2c9dc6be; }

.okx-defi-dex-market-close { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-market-close::before { content: "=EE=80=AD"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-dex-fireworks { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-fireworks::before { content: "=EE=80=AE"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-dex-gas-station-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-gas-station-1::before { content: "=EE=80=AF"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-dex-guidebook { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-guidebook::before { content: "=EE=80=B0"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-dex-info { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-info::before { content: "=EE=80=B1"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-dex-information { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-information::before { content: "=EE=80=B2"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-dex-inquiry-frames { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-inquiry-frames::before { content: "=EE=80=B3"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-dex-limit { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-limit::before { content: "=EE=80=B4"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-dex-setting { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-setting::before { content: "=EE=80=B5"; font-family: ok-dc2c9=
dc6be; }

.okx-defi-dex-link-1 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-link-1::before { content: "=EE=80=B6"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-link { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-link::before { content: "=EE=80=B7"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-dex-lock { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-lock::before { content: "=EE=80=B8"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-dex-unlock { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-unlock::before { content: "=EE=80=B9"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-low-risk-svg { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-low-risk-svg::before { content: "=EE=80=BA"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-discord { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-discord::before { content: "=EE=80=BB"; font-family: ok-dc2c9dc6b=
e; }

.okx-defi-dex-market-copy { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-market-copy::before { content: "=EE=80=BC"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-dex-market-sort-down { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-market-sort-down::before { content: "=EE=80=BD"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-googleplay { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-googleplay::before { content: "=EE=80=BE"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-market-sort-up { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-market-sort-up::before { content: "=EE=80=BF"; font-family: o=
k-dc2c9dc6be; }

.okx-defi-ios { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-ios::before { content: "=EE=81=80"; font-family: ok-dc2c9dc6be; }

.okx-defi-dex-orders { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-orders::before { content: "=EE=81=81"; font-family: ok-dc2c9d=
c6be; }

.okx-defi-dex-pengding { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-pengding::before { content: "=EE=81=82"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-marketplace-clock { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-clock::before { content: "=EE=81=83"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-dex-ranking-favorite { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-ranking-favorite::before { content: "=EE=81=84"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-dex-pointer-right { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-pointer-right::before { content: "=EE=81=85"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-dex-rate-exchange { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-rate-exchange::before { content: "=EE=81=86"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-marketplace-facebook { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-facebook::before { content: "=EE=81=87"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-dex-risky-svg { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-risky-svg::before { content: "=EE=81=88"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-dex-rout { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-rout::before { content: "=EE=81=89"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-dex-share { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-share::before { content: "=EE=81=8A"; font-family: ok-dc2c9dc=
6be; }

.okx-defi-dex-throw-flowers { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-throw-flowers::before { content: "=EE=81=8B"; font-family: ok=
-dc2c9dc6be; }

.okx-defi-marketplace-link { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-link::before { content: "=EE=81=8C"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-dex-triangle-warning { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-triangle-warning::before { content: "=EE=81=8D"; font-family:=
 ok-dc2c9dc6be; }

.okx-defi-dex-warning2 { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-warning2::before { content: "=EE=81=8E"; font-family: ok-dc2c=
9dc6be; }

.okx-defi-dex-white-paper { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-dex-white-paper::before { content: "=EE=81=8F"; font-family: ok-d=
c2c9dc6be; }

.okx-defi-download { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-download::before { content: "=EE=81=90"; font-family: ok-dc2c9dc6=
be; }

.okx-defi-marketplace-reviewing { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-reviewing::before { content: "=EE=81=91"; font-family=
: ok-dc2c9dc6be; }

.okx-defi-fast-withdraw { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-fast-withdraw::before { content: "=EE=81=92"; font-family: ok-dc2=
c9dc6be; }

.okx-defi-info { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-info::before { content: "=EE=81=93"; font-family: ok-dc2c9dc6be; =
}

.okx-defi-link { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-link::before { content: "=EE=81=94"; font-family: ok-dc2c9dc6be; =
}

.okx-defi-marketplace-cart { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-cart::before { content: "=EE=81=95"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-marketplace-copy { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-copy::before { content: "=EE=81=96"; font-family: ok-=
dc2c9dc6be; }

.okx-defi-marketplace-discord { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-discord::before { content: "=EE=81=97"; font-family: =
ok-dc2c9dc6be; }

.okx-defi-marketplace-fav { --ok-icon-font-family: "ok-dc2c9dc6be"; }

.okx-defi-marketplace-fav::before { content: "=EE=81=98"; font-family: ok-d=
c2c9dc6be; }

.iconfont { -webkit-font-smoothing: antialiased; font-size: 16px; font-styl=
e: normal; }

.iconfont::before { display: inline-block; }

@font-face { font-display: block; font-family: ok-dc2c9dc6be; font-style: n=
ormal; src: url("../a66ee68e9cab1d5bc115.woff2") format("woff2"); }

.index_tab__HOhPm { display: none; }

@media (min-width: 1270px) {
  .index_tab__HOhPm { display: block; flex-grow: 1; }
}

.index_tab__HOhPm .index_item__H5Xxe { color: rgb(250, 250, 250); font-size=
: 14px; font-weight: 400; line-height: 16px; margin-right: 24px; }

.index_tab__HOhPm .index_active__xxffi { font-weight: 700; }

.index_icon__tmLf8 { color: rgb(146, 146, 146); font-size: 20px; line-heigh=
t: 20px; margin-right: 12px; }

.index_item__XMdIo { border-radius: 4px; color: rgb(61, 61, 61); font-size:=
 16px; font-weight: 500; line-height: 20px; margin-left: 16px; margin-top: =
4px; padding: 8px 8px 8px 16px; }

.index_item__XMdIo:hover { background-color: rgb(242, 242, 242); }

.index_link-icon__Iu4vx { color: rgb(61, 61, 61); font-size: 24px; }

.index_mobile-item__J6rBm { color: rgb(0, 0, 0); font-size: 18px; font-weig=
ht: 500; line-height: 24px; margin-left: 26px; padding-bottom: 10px; paddin=
g-top: 10px; }

.index_first-level-menu-header__9o0G7 { color: rgb(146, 146, 146); font-siz=
e: 16px; font-weight: 500; line-height: 20px; padding: 8px 16px 8px 0px; }

.index_community__C1R8p { margin-top: 32px; }

.index_header-anchor__Xqb\+L { font-size: inherit; margin-left: 8px; }

@media (min-width: 1270px) {
  .index_container__ry7tA .index_header__afaC2.index_active__y3L2i, .index_=
container__ry7tA .index_header__afaC2:hover { background: rgb(242, 242, 242=
); border-radius: 4px; }
}

.index_container__ry7tA .index_header__afaC2 .index_title__qb5Op { align-it=
ems: center; color: rgb(0, 0, 0); display: flex; flex-grow: 1; font-size: 1=
8px; font-weight: 500; line-height: 24px; padding-bottom: 10px; padding-top=
: 10px; }

@media (min-width: 1270px) {
  .index_container__ry7tA .index_header__afaC2 .index_title-active__gvBKq {=
 font-size: 16px; font-weight: 700; line-height: 20px; }
}

.index_container__ry7tA .index_header__afaC2 .index_btn__poVS6 { margin-rig=
ht: 6px; }

.index_container__ry7tA .index_link__NIW61 { align-items: center; color: rg=
b(61, 61, 61); display: flex; font-size: 16px; font-weight: 500; height: 10=
0%; line-height: 20px; padding-bottom: 12px; padding-left: 40px; padding-to=
p: 12px; width: 100%; }

.index_list__Zs-LI { box-sizing: border-box; height: calc(-48px + 100vh); o=
verflow: scroll; padding: 14px 16px 114px; width: 100vw; }

@media (min-width: 768px) {
  .index_list__Zs-LI { width: 280px; }
}

@media (min-width: 1270px) {
  .index_list__Zs-LI { display: none; }
}

.index_header__-2ZlB { padding: 12px 0px; }

.index_title__5czL\+ { color: rgb(0, 0, 0); font-size: 18px; font-weight: 5=
00; line-height: 24px; }

.index_margin-left__42CCN { margin-left: 26px; }

.index_content__wQO\+h { padding-top: 32px; }

.index_content__wQO\+h .index_first-title-2__E-B2q { color: rgb(0, 0, 0); f=
ont-size: 14px; font-weight: 700; line-height: 16px; margin-bottom: 32px; }

.index_content__wQO\+h .index_first-title-2__E-B2q:last-child { margin-bott=
om: 0px; }

.index_content__wQO\+h .index_first-title-2__E-B2q > a:first-of-type { padd=
ing-left: 24px; }

.index_content__wQO\+h .index_first-title-2__E-B2q a { color: rgb(0, 0, 0);=
 font-size: 14px; font-weight: 700; line-height: 16px; }

.index_content__wQO\+h .index_first-title-2__E-B2q a.index_active__Dri8S { =
border-left: 4px solid rgb(5, 105, 255); color: rgb(5, 105, 255); font-size=
: 14px; font-weight: 700; line-height: 16px; margin-left: 8px; padding-left=
: 12px; }

.index_content__wQO\+h .index_first-title-2__E-B2q a:hover { color: rgb(5, =
105, 255); cursor: pointer; }

.index_content__wQO\+h .index_first-title-2__E-B2q ul { padding-left: 24px;=
 }

.index_content__wQO\+h .index_first-title-2__E-B2q ul:last-child { margin-t=
op: 0px; }

.index_content__wQO\+h .index_first-title-2__E-B2q ul li { margin-top: 12px=
; padding-left: 12px; }

.index_content__wQO\+h .index_first-title-2__E-B2q ul li:last-child { margi=
n-bottom: 0px; }

.index_content__wQO\+h .index_first-title-2__E-B2q ul li a { color: rgb(61,=
 61, 61); font-size: 14px; font-weight: 500; line-height: 16px; }

.index_content__wQO\+h .index_first-title-2__E-B2q ul li a.index_active__Dr=
i8S { color: rgb(5, 105, 255); font-weight: 700; }

.index_content__wQO\+h .index_first-title-2__E-B2q ul li a:hover { color: r=
gb(5, 105, 255); cursor: pointer; }

.index_title-2-content__C5NLZ { margin-bottom: 32px; margin-top: 32px; }

.index_title-2-content__C5NLZ:last-child { margin-bottom: 0px; }

.index_title-2__DCCw1 { color: rgb(0, 0, 0); font-size: 14px; font-weight: =
700; line-height: 16px; padding-left: 24px; }

.index_container__sjMK4 { margin-bottom: 8px; }

.index_container__sjMK4:last-child { margin-bottom: 0px; }

.index_container__sjMK4 .index_header__6y3a6 { border-radius: 4px; margin: =
0px 8px; padding-left: 16px; }

.index_container__sjMK4 .index_header__6y3a6.index_active__xWWiM, .index_co=
ntainer__sjMK4 .index_header__6y3a6:hover { background: rgb(247, 247, 247);=
 }

.index_container__sjMK4 .index_header__6y3a6 .index_title__gjinf { color: r=
gb(0, 0, 0); font-size: 16px; font-weight: 700; line-height: 20px; }

.index_container__sjMK4 .index_header__6y3a6 .index_btn__CHTOg { border-rad=
ius: 4px; height: 44px; width: 48px; }

.index_container__sjMK4 .index_header__6y3a6 .index_btn__CHTOg:hover { back=
ground: rgb(235, 235, 235); }

.index_container__sjMK4 .index_content__eAoxY { margin-bottom: 30px; }

.index_sm-navbar__hv14t { align-items: center; background-color: rgb(255, 2=
55, 255); border-bottom: 1px solid rgb(234, 236, 239); box-sizing: border-b=
ox; display: flex; height: 48px; justify-content: space-between; padding: 0=
px 20px; right: 0px; width: 100%; z-index: 20; }

@media (max-width: 767px) {
  .index_white-board-sm__P7VbR { margin-top: -2px; }
}

.index_stick-nav__5Fjm7 { background-color: rgb(255, 255, 255); position: s=
ticky; top: 3.42rem; width: 100%; z-index: 99; }

@media (min-width: 768px) {
  .index_stick-nav__5Fjm7 { display: none; }
}

.index_sm-show__BZnk5 { display: block; }

@media (min-width: 768px) {
  .index_sm-show__BZnk5 { display: none; }
}

.index_web3__Or2Bf { display: none; }

@media (min-width: 1270px) {
  .index_web3__Or2Bf { display: block; padding: 56px 16px; }
}

div.index_okc__VG0iH { display: none; }

@media (min-width: 768px) {
  div.index_okc__VG0iH { display: block; }
}

@media (min-width: 1024px) {
  div.index_okc__VG0iH { top: 0px; }
}

.index_table-of-content__dpmyB { background-color: rgb(255, 255, 255); bord=
er-right: 1px solid rgb(234, 236, 239); box-sizing: border-box; height: cal=
c(-48px + 100vh); overflow: scroll; width: 100vw; }

.index_table-of-content__dpmyB::-webkit-scrollbar { display: none; }

@media (min-width: 768px) {
  .index_table-of-content__dpmyB { min-width: 280px; position: sticky; top:=
 48px; width: 280px; }
}

.index_table-of-content__dpmyB .index_main-title__lPwTt { color: rgb(0, 0, =
0); font-size: 20px; font-weight: 700; line-height: 23px; margin-bottom: 12=
px; margin-left: 24px; margin-top: 23px; }

@media (min-width: 768px) {
  .index_table-of-content__dpmyB .index_main-title__lPwTt { margin-bottom: =
32px; margin-top: 32px; }
}

@media (min-width: 1024px) {
  .index_table-of-content__dpmyB .index_main-title__lPwTt { margin-bottom: =
32px; }
}

@media (min-width: 1270px) {
  .index_table-of-content__dpmyB .index_main-title__lPwTt { margin-bottom: =
24px; }
}

.index_table-of-content__dpmyB .index_search__POSLf { padding: 24px 24px 14=
px; }

.index_table-of-content__dpmyB .index_title-1__hVQK2 { font-size: 16px; fon=
t-weight: 700; line-height: 20px; }

.index_table-of-content__dpmyB .index_group-gap__j9GUd { border: none; marg=
in-bottom: 8px; margin-top: 8px; }

.index_table-of-content__dpmyB .index_group-gap__j9GUd:first-child { margin=
-top: 0px; }

.index_table-of-content__dpmyB .index_header-1__nY-qc { background: rgb(249=
, 249, 249); border-left: none; height: 3.14rem; padding: 0px 28px 0px 24px=
; }

.index_table-of-content__dpmyB .index_title-3__aib6s { margin-top: 12px; pa=
dding-left: 0px; }

.index_table-of-content__dpmyB .index_title-3__aib6s li { margin-bottom: 12=
px; padding-left: 12px; }

.index_table-of-content__dpmyB .index_title-3__aib6s li a { color: rgb(61, =
61, 61); font-size: 14px; font-weight: 500; line-height: 16px; }

.index_table-of-content__dpmyB .index_title-3__aib6s li a.index_active__twF=
iV { color: rgb(5, 105, 255); font-weight: 700; }

.index_table-of-content__dpmyB .index_title-3__aib6s li a:hover { color: rg=
b(5, 105, 255); cursor: pointer; }

.index_table-of-content__dpmyB .index_title-3__aib6s li ul { margin-top: 12=
px; }

.index_input-wrapper__IMj0j { box-sizing: border-box; display: flex; justif=
y-content: center; width: 177px; z-index: 10; }

@media (min-width: 768px) {
  .index_input-wrapper__IMj0j { top: 5.14rem; width: 100%; }
}

div.index_search-input__LsodP { background-position: 0.75rem center; font-s=
ize: 1rem; padding: 0px; width: 180px; }

@media (min-width: 768px) {
  div.index_search-input__LsodP { width: 240px; }
}

div.index_search-input__LsodP.index_search-overwrite__Rt\+VN .index_inner-c=
ls__NclBx { border-color: rgb(189, 189, 189); color: rgb(189, 189, 189); }

.index_search-pop-up__1peAt { background: rgb(255, 255, 255); border: 1px s=
olid rgb(207, 212, 219); border-radius: 6px; color: rgb(100, 100, 100); lef=
t: 10px; list-style-type: none; padding: 0.4rem; width: 20rem; }

.index_search-pop-up__1peAt .index_title__JQle5 { font-size: 15px; font-wei=
ght: 600; }

.index_search-pop-up__1peAt a { color: rgb(100, 100, 100); }

.index_search-pop-up__1peAt li { line-height: 1.4; padding: 10px 0.4em; }

.index_search-pop-up__1peAt li.index_active__twFiV { background-color: rgb(=
238, 238, 238); color: rgb(5, 105, 255); cursor: pointer; }

.index_app-stick-nav-top__lk1NG { top: 0px; }

.index_second-level-menu__QXVBB { margin-top: 4px; }

.index_second-level-menu-header__eoHI9 { border-radius: 4px; color: rgb(61,=
 61, 61); cursor: pointer; font-size: 16px; font-weight: 500; line-height: =
20px; padding-right: 8px; }

.index_second-level-menu-header__eoHI9:hover { background-color: rgb(242, 2=
42, 242); color: rgb(0, 0, 0); }

.index_title__KBEjg { color: inherit; font-size: inherit; font-weight: inhe=
rit; padding: 8px 0px 8px 16px; }

.index_icon__-y1WH { cursor: pointer; height: 24px; width: 24px; }

.index_second-level-menu-body__w2WtS { margin-left: 16px; margin-top: 4px; =
padding-left: 8px; }

.index_menu-border-left__p6dPv { border-left: 1px solid rgb(189, 189, 189);=
 }

.index_active__RY-jM { background-color: rgb(242, 242, 242); color: rgb(0, =
0, 0); font-weight: 700; }

.index_md-link__dMqaA { border-radius: 4px; color: rgb(61, 61, 61); font-si=
ze: 16px; font-weight: 500; line-height: 20px; margin-top: 4px; padding: 8p=
x 8px 8px 16px; }

.index_md-link__dMqaA:hover { background-color: rgb(242, 242, 242); color: =
rgb(0, 0, 0); }

.index_md-link__dMqaA.index_active__RY-jM { background-color: rgb(242, 242,=
 242); color: rgb(0, 0, 0); font-weight: 700; }

.index_first-level-menu__froB7:not(:first-child) { margin-top: 32px; }

.index_first-level-menu-header__YnIit { color: rgb(146, 146, 146); font-siz=
e: 16px; font-weight: 500; line-height: 20px; padding: 8px 16px 8px 0px; }

.index_first-level-menu-body__8m1iw { padding-left: 16px; }

.index_icon__P7vJj { color: rgb(146, 146, 146); font-size: 24px; line-heigh=
t: 24px; margin-left: -2px; margin-right: 10px; }

.index_md-link__21ZB2 { border-radius: 4px; margin-left: 16px; padding: 8px=
 16px; }

.index_md-link__21ZB2:hover { background-color: rgb(242, 242, 242); color: =
rgb(0, 0, 0); }

.index_f-16__EtsA5 { color: rgb(61, 61, 61); font-size: 16px; font-weight: =
500; line-height: 20px; }

.index_second-level-menu-header__Bmvw8 { border-radius: 4px; margin-top: 4p=
x; padding: 8px 8px 8px 16px; }

.index_active__A6bYu, .index_second-level-menu-header__Bmvw8:hover { backgr=
ound-color: rgb(242, 242, 242); color: rgb(0, 0, 0); }

.index_active__A6bYu { font-weight: 700; }

.index_wrapper__5T0Vu { margin-bottom: 32px; }

@media (min-width: 768px) {
  .index_wrapper__5T0Vu { margin-bottom: 40px; }
}

.index_wrapper__5T0Vu .index_text__5k\+e\+ { font-size: 16px; font-weight: =
400; line-height: 20px; }

.index_content__\+6wLf { position: sticky; top: 160px; }

@media (min-width: 1270px) {
  .index_content__\+6wLf { top: 104px; }
}

.index_content__\+6wLf .index_title__8SCyV { color: rgb(61, 61, 61); font-s=
ize: 14px; font-weight: 500; line-height: 16px; margin-bottom: 24px; }

.index_content__\+6wLf .index_list__VzJHJ { line-height: inherit; margin: 0=
px; padding: 0px; }

.index_content__\+6wLf .index_list__VzJHJ a { color: rgb(146, 146, 146); di=
splay: block; font-size: 14px; font-weight: 500; line-height: 22px; margin-=
bottom: 16px; }

.index_content__\+6wLf .index_list__VzJHJ a:last-child { margin-bottom: 0px=
; }

.index_content__\+6wLf .index_list__VzJHJ a.index_active__Dk72v, .index_con=
tent__\+6wLf .index_list__VzJHJ a:hover { color: rgb(61, 61, 61); }

.index_okx__d\+gK4 { height: 36px; width: 82px; }

.index_tr__FV2tz { height: 27px; width: 128px; }

.index_content__EY5Xo { padding: 12px 16px; }

@media (min-width: 768px) {
  .index_content__EY5Xo { display: flex; padding: 0px; }
}

.index_content__EY5Xo .index_selected__Ht2R2 { color: var(--okd-color-text-=
amplifed); font-weight: 500; }

.index_content__EY5Xo a { color: var(--okd-color-gray-600); font-size: 14px=
; font-weight: 400; line-height: 16px; padding: 12px 0px; }

.index_content__EY5Xo a .index_check__TCO4V { font-size: 16px; }

@media (min-width: 768px) {
  .index_content__EY5Xo a .index_check__TCO4V { display: none; }
  .index_content__EY5Xo a { font-size: 12px; margin-bottom: 20px; margin-ri=
ght: 16px; max-width: 125px; padding: 4px 0px; width: 125px; word-break: br=
eak-word; }
}

.index_hamburger__1d\+Na { font-size: 20px; line-height: 20px; margin-left:=
 24px; }

@media (min-width: 1270px) {
  .index_hamburger__1d\+Na { display: none; }
}

.index_icon-color__LrLWN { color: rgb(250, 250, 250); }

@media (min-width: 1270px) {
  .index_search-icon__gMNQj { display: none; }
}

.index_language-color__QJFug { display: none; }

@media (min-width: 1270px) {
  .index_language-color__QJFug { color: rgba(255, 255, 255, 0.8); display: =
block; font-size: 20px; line-height: 20px; margin-left: 24px; }
}

.index_content__6xhMk { height: 48px; }

.index_content__6xhMk .index_wrapper__EVA4u { background: rgb(18, 18, 18); =
box-sizing: border-box; height: 48px; padding: 9px 16px; position: fixed; t=
op: 0px; width: 100%; z-index: 9500; }

@media (min-width: 768px) {
  .index_content__6xhMk .index_wrapper__EVA4u { padding: 9px 24px; }
}

.index_content__6xhMk .index_wrapper__EVA4u .index_line__InL2W { background=
: rgba(255, 255, 255, 0.15); display: none; height: 16px; margin: 16px 24px=
; width: 1px; }

@media (min-width: 1270px) {
  .index_content__6xhMk .index_wrapper__EVA4u .index_line__InL2W { display:=
 block; }
}

.index_web3-pagination-footer__9BwqX { margin-top: 120px; }

.index_web3-pagination-footer__9BwqX .index_last__rkE9\+ { border: 1px soli=
d rgb(219, 219, 219); border-radius: 8px; box-sizing: border-box; margin-bo=
ttom: 16px; padding: 16px; }

.index_web3-pagination-footer__9BwqX .index_last__rkE9\+:hover { border-col=
or: rgb(0, 0, 0); }

@media (min-width: 768px) {
  .index_web3-pagination-footer__9BwqX .index_last__rkE9\+ { margin-bottom:=
 0px; margin-right: 24px; width: calc(50% - 12px); }
}

.index_web3-pagination-footer__9BwqX .index_last-page-margin-right__J7nPI {=
 margin-right: 0px; }

.index_web3-pagination-footer__9BwqX .index_icon__B\+vCh { color: rgb(0, 0,=
 0); font-size: 24px; }

.index_web3-pagination-footer__9BwqX .index_next__Bv5Lh { border: 1px solid=
 rgb(219, 219, 219); border-radius: 8px; box-sizing: border-box; padding: 1=
6px; text-align: right; }

.index_web3-pagination-footer__9BwqX .index_next__Bv5Lh:hover { border-colo=
r: rgb(0, 0, 0); }

@media (min-width: 768px) {
  .index_web3-pagination-footer__9BwqX .index_next__Bv5Lh { width: calc(50%=
 - 12px); }
}

.index_text__E5LxP { color: rgb(0, 0, 0); font-size: 14px; font-weight: 400=
; line-height: 16px; margin-bottom: 4px; }

.index_f-16__mSYje { color: rgb(0, 0, 0); font-size: 16px; font-weight: 700=
; line-height: 20px; }

.index_pagination-footer__VdgcQ { border-top: 1px solid rgb(234, 236, 239);=
 box-sizing: content-box; margin-top: 42px; min-height: 2rem; overflow: aut=
o; padding-top: 1rem; }

.index_pagination-footer__VdgcQ .index_last__rkE9\+ { float: left; }

.index_pagination-footer__VdgcQ .index_last__rkE9\+ a { color: rgb(0, 0, 0)=
; font-size: 16px; font-weight: 500; line-height: normal; }

.index_pagination-footer__VdgcQ .index_next__Bv5Lh { float: right; }

.index_pagination-footer__VdgcQ .index_next__Bv5Lh a { color: rgb(0, 0, 0);=
 font-size: 16px; font-weight: 500; line-height: normal; }

@media (min-width: 1860px) {
  .index_sm-footer__DTARJ { display: none; }
}

.index_pc-footer__bI-X6 { display: none; }

@media (min-width: 1860px) {
  .index_pc-footer__bI-X6 { display: block; }
}

.index_container__rPhH- { padding: 14px 16px; }

@media (min-width: 1270px) {
  .index_container__rPhH- { display: none; }
}

.index_container__rPhH- .index_accordion__0tuEg { border: none; margin-bott=
om: 0px; }

.index_container__rPhH- .index_accordion-header__EmR1E { color: rgb(0, 0, 0=
); cursor: pointer; font-size: 16px; font-weight: 500; line-height: 20px; p=
adding: 0px; }

.index_container__rPhH- .index_accordion-con__1HFvb { color: rgb(0, 0, 0); =
cursor: pointer; font-size: 16px; font-weight: 500; line-height: 20px; marg=
in-bottom: 0px; padding-left: 16px; }

.index_container__rPhH- .index_accordion-title__bB2IW { flex-grow: 1; line-=
height: 20px; }

.index_link__9Oijf { cursor: pointer; padding-bottom: 12px; padding-top: 12=
px; }

.index_accordion-item__j\+hXv, .index_link__9Oijf { color: rgb(0, 0, 0); fo=
nt-size: 16px; font-weight: 500; line-height: 20px; }

.index_accordion-item__j\+hXv:last-child { margin-bottom: 0px; }

.index_sticky-nav__l8OcU { background-color: rgb(255, 255, 255); cursor: po=
inter; position: sticky; top: 48px; z-index: 20; }

@media (min-width: 1270px) {
  .index_sticky-nav__l8OcU { display: none; }
}

.index_menu-list__F8UTK { width: 100%; }

.index_menu-list__F8UTK .index_title__idsA9 { border-bottom: 1px solid rgb(=
235, 235, 235); color: rgb(0, 0, 0); font-size: 16px; font-weight: 500; lin=
e-height: 20px; padding: 14px 16px; width: 100%; }

.index_wrapper__oU9DU { background-color: rgb(255, 255, 255); height: calc(=
-97.5px + 100vh); overflow: scroll; width: 100vw; }

.index_wrapper__oU9DU::-webkit-scrollbar { display: none; }

.index_pic__VGZfY { border: 1px solid rgb(219, 219, 219); }

.index_img__AfAvr, .index_pic__VGZfY { border-radius: 8px; width: 100%; }

.index_table__kvZz5 { margin: 24px 0px; overflow: auto; padding-bottom: 4px=
; width: 100%; }

.index_table__kvZz5::-webkit-scrollbar { height: 8px; }

.index_table__kvZz5::-webkit-scrollbar-thumb { background-color: rgb(235, 2=
35, 235); border-radius: 5px; height: 8px; }

.routes_ltr__3KM54 { direction: ltr; }

.routes_okc-container__X807U { display: flex; flex-direction: column; width=
: 100%; }

@media (min-width: 768px) {
  .routes_okc-container__X807U { flex-direction: row; }
}

.routes_web3-container__GyJhB { display: flex; flex-direction: column; widt=
h: 100%; }

@media (min-width: 1270px) {
  .routes_web3-container__GyJhB { flex-direction: row; }
}

.routes_place-holder__fd6sB { display: flex; justify-content: center; margi=
n-top: calc(-230px + 50vh); padding-bottom: calc(-368px + 50vh); }

@media (min-width: 768px) {
  .routes_place-holder__fd6sB { margin-top: calc(-238px + 50vh); padding-bo=
ttom: calc(-278px + 50vh); }
}

@media (min-width: 1270px) {
  .routes_place-holder__fd6sB { margin-top: calc(-188px + 50vh); }
}

.routes_chain-place-holder__HfBzE { display: flex; justify-content: center;=
 margin-top: calc(-146px + 50vh); padding-bottom: calc(-143px + 50vh); }

@media (min-width: 768px) {
  .routes_chain-place-holder__HfBzE { margin-top: calc(-142px + 50vh); padd=
ing-bottom: calc(-133px + 50vh); }
}

.routes_body__UMFL6 { display: flex; flex-direction: column; flex-grow: 1; =
flex-shrink: 0; height: 100%; }

@media (min-width: 1024px) {
  .routes_body__UMFL6 { flex-direction: row; }
}

.routes_body__UMFL6 .routes_content__fnVIZ { display: flex; flex-direction:=
 column; flex-grow: 1; height: 100%; }

@media (min-width: 1024px) {
  .routes_body__UMFL6 .routes_content__fnVIZ { height: auto; width: 76.39%;=
 }
}

@media (min-width: 1270px) {
  .routes_body__UMFL6 .routes_content__fnVIZ { flex-grow: 0; width: 75.56%;=
 }
}

@media (min-width: 1860px) {
  .routes_body__UMFL6 .routes_content__fnVIZ { width: 73.05%; }
}

.routes_body__UMFL6 .routes_content__fnVIZ .routes_md__xWlGF { flex-shrink:=
 0; }

.routes_body__UMFL6 .routes_content__fnVIZ .routes_md__xWlGF > :last-child =
{ margin-bottom: 0px; }

.routes_body__UMFL6 .routes_head2__T6sJt { display: none; }

@media (min-width: 1024px) {
  .routes_body__UMFL6 .routes_head2__T6sJt { display: block; flex: 0 0 156p=
x; margin-left: 64px; }
}

@media (min-width: 1270px) {
  .routes_body__UMFL6 .routes_head2__T6sJt { flex-basis: 198px; margin-left=
: 56px; }
}

@media (min-width: 1860px) {
  .routes_body__UMFL6 .routes_head2__T6sJt { margin-left: 152px; }
}

.routes_okc-content__QXPqN { box-sizing: border-box; font-size: 1.14rem; ma=
rgin: 0px auto; padding: 2rem 2.5rem; width: 100%; }

@media (min-width: 768px) {
  .routes_okc-content__QXPqN { max-width: 872px; padding-left: 24px; paddin=
g-right: 24px; width: calc(-359px + 100vw); }
}

@media (min-width: 1024px) {
  .routes_okc-content__QXPqN { padding-left: 32px; padding-right: 32px; }
}

.routes_web3-content__PbRs0 { box-sizing: border-box; display: flex; flex-d=
irection: column; height: auto; margin: 0px auto; min-height: calc(-96px + =
100vh); padding: 56px 16px 120px; width: 100%; }

@media (min-width: 768px) {
  .routes_web3-content__PbRs0 { padding-left: 24px; padding-right: 24px; }
}

@media (min-width: 1024px) {
  .routes_web3-content__PbRs0 { height: auto; padding-left: 44px; padding-r=
ight: 44px; }
}

@media (min-width: 1270px) {
  .routes_web3-content__PbRs0 { padding-left: 5%; padding-right: 5%; }
}

.routes_doc-content__vpMIi { background-color: rgb(255, 255, 255); }

@media (min-width: 1270px) {
  .routes_right-container__L9Syj { max-width: calc(100% - 280px); width: ca=
lc(100% - 280px); }
}
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okexchain/okc-docs/oktc-docs/index.48ee14e4.css

@charset "utf-8";

.index_second-nav__ZDfHp { box-sizing: border-box; height: 48px; position: =
relative; white-space: nowrap; }

@media (min-width: 1024px) {
  .index_second-nav__ZDfHp { display: block; padding: 0px 24px; }
}

.index_nav-scroll-box__UicoM { display: flex; overflow: auto hidden; paddin=
g: 0px 4px; }

@media (min-width: 768px) {
  .index_nav-scroll-box__UicoM { padding: 0px 10px; }
}

@media (min-width: 1024px) {
  .index_nav-scroll-box__UicoM { margin-left: 68px; overflow: visible; padd=
ing: 0px; }
}

.index_nav-item__pR2wd { align-items: center; cursor: pointer; display: fle=
x; font-size: 14px; font-weight: 500; line-height: 44px; padding: 0px 14px;=
 position: relative; }

.index_nav-light__llVPx { background: rgb(255, 255, 255); border-width: 1px=
 0px; border-top-style: solid; border-bottom-style: solid; border-top-color=
: rgb(235, 235, 235); border-bottom-color: rgb(235, 235, 235); border-image=
: initial; border-left-style: initial; border-left-color: initial; border-r=
ight-style: initial; border-right-color: initial; }

.index_nav-light__llVPx .index_nav-link__onP6R { color: var(--okd-color-gra=
y-400); display: inline-block; }

.index_nav-light__llVPx .index_nav-link__onP6R:hover { color: rgb(0, 0, 0);=
 }

.index_nav-light__llVPx .index_nav-item-active__eOSfL .index_nav-link__onP6=
R { border-bottom: 2px solid rgb(0, 0, 0); color: rgb(0, 0, 0); }

.index_nav-dark__CnU0Z { background: rgb(18, 18, 18); border-width: 1px 0px=
; border-top-style: solid; border-bottom-style: solid; border-top-color: rg=
b(46, 46, 46); border-bottom-color: rgb(46, 46, 46); border-image: initial;=
 border-left-style: initial; border-left-color: initial; border-right-style=
: initial; border-right-color: initial; }

.index_nav-dark__CnU0Z .index_nav-link__onP6R { border-bottom: 2px solid tr=
ansparent; color: var(--okd-color-gray-400); display: inline-block; }

.index_nav-dark__CnU0Z .index_nav-link__onP6R:hover { color: rgb(250, 250, =
250); }

.index_nav-dark__CnU0Z .index_nav-item-active__eOSfL .index_nav-link__onP6R=
 { border-color: rgb(250, 250, 250); color: rgb(250, 250, 250); }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okfe/connect-wallet/common/87.4a9a6f0e.css

@charset "utf-8";

.connect-wallet-button { border: 1px solid rgb(219, 219, 219); border-radiu=
s: 60px; cursor: pointer; font-size: 12px; font-weight: 500; line-height: 1=
6px; padding: 5px 8px; }

.connect-wallet-button, .connect-wallet-button:hover { background-color: rg=
b(255, 255, 255); color: rgb(0, 0, 0); }

.wallet-pc-connect-button.connect-wallet-button { display: none; }

@media (min-width: 1024px) {
  .wallet-pc-connect-button.connect-wallet-button { display: inline-block; =
}
}

.wallet-mobile-connect-button.connect-wallet-button { display: block; }

@media (min-width: 1024px) {
  .wallet-mobile-connect-button.connect-wallet-button { display: none; }
}

body[data-nav=3D"false"] .footer-container, body[data-nav=3D"false"] .heade=
r-container { display: none; }

body[data-nav=3D"true"] .footer-container, body[data-nav=3D"true"] .header-=
container { display: block; }

body .footer-container[data-hide=3D"true"] { display: none; }

body .footer-container[data-hide=3D"false"] { display: block; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: https://www.okx.com/cdn/assets/okfe/okx-nav/common/390.c6a3d156.css

@charset "utf-8";

#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-rig=
ht: 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; f=
ont-style: normal; font-weight: 400; line-height: 16px; vertical-align: mid=
dle; }

@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: pointe=
r; 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; t=
ext-decoration: underline; vertical-align: middle; }

@media (min-width: 1024px) {
  .risk-banner-box .risk-banner-href { font-size: 18px; line-height: 28px; =
}
}

.header-container[data-transparent=3D"true"] + #risk-banner-root { position=
: absolute; }

.header-container[data-transparent=3D"true"] + #risk-banner-root .risk-bann=
er-box { z-index: 9499; position: absolute; top: 48px; }
------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k----
Content-Type: text/html
Content-ID: 
Content-Transfer-Encoding: quoted-printable


------MultipartBoundary--BUP1EcitXHfT5bpTTYQuoSKOaCsdP5GPpw5T5IXm2k------
=E8=8C=83=E5=9B=B4 =E7=B1=BB=E5=9E=8B =E6=8F=8F=E8=BF=B0
=E6=8F=90=E6=A1=88 ID =E7=BB=86=E7=BB=B3 =E6=8F=90=E6=A1=88=E7=BC=96=E5=8F=B7
=E9=80=89=E6=B0=91 =E5=9C=B0=E5=9D=80=E9=80=89=E6=B0=91
=E9=80=89=E9=A1=B9 =E7=BB=86=E7=BB=B3 =E9=80=89=E9=A1=B9=EF=BC=8C=E6=98=AF=EF=BC=8C=E5=BC=83=E6=9D=83=EF=BC=
=8C=E5=90=A6=EF=BC=8C=E5=90=A6=E5=86=B3

Parameter	Type
Array Object	The array code info
code_info.i= d	Int64	Code id
code_info.creator	String	The creator of code
code_inf= o.data_hash	String	The hash o= f code
code_info.instantiate_permission	Object	The permission of code
code_info.instantiate_permission.permission	String	Permission type
pagination	Object	Page response parameters
pagi= nation.next_key	String	The ne= xt page start key
pagination.total	String	It=E2=80=99s a number format

Parameter	Type
Int64	Cod= e id
creator	String<= /td>	The creator of code
= data_hash	String	The hash of = code
instantiate_permission	Object	The permission of code
instantiate_permission.permission	String	Permission type
data	String	Code data