/*
=============================================
svg
=============================================*/
:root {
--svg-icon-search: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-attention: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-badge: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-balance: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-balloon: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-board1: url('data:image/svg+xml;charset=UTF-8, ');
--svg-icon-board2: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-board3: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-book: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-candlechart1: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-candlechart2: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-chart1: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-chart2: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-chart3: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-chart4: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-check: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-contact: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-contract1: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-contract2: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-defense: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-document: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-download: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-faq: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-folder: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-governance: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-history: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-lock: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-mail: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-news: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-question: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-rise: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-user: url('data:image/svg+xml;charset=UTF-8,');
--svg-icon-waves: url('data:image/svg+xml;charset=UTF-8,');
}
/*
## icon
---------------------------------------------*/
.idx-icon{
display: inline-block;
width: 1em;
height: 1em;
background-color: var(--kite-text-primary);
-webkit-mask: var(--svg-chart);
mask: var(--svg-chart);
-webkit-mask-size: cover;
mask-size: cover;
}
.icon-search { -webkit-mask: var(--svg-icon-search);mask: var(--svg-icon-search);}
.icon-attention { -webkit-mask: var(--svg-icon-attention);mask: var(--svg-icon-attention);}
.icon-badge { -webkit-mask: var(--svg-icon-badge);mask: var(--svg-icon-badge);}
.icon-balance { -webkit-mask: var(--svg-icon-balance);mask: var(--svg-icon-balance);}
.icon-balloon { -webkit-mask: var(--svg-icon-balloon);mask: var(--svg-icon-balloon);}
.icon-board1 { -webkit-mask: var(--svg-icon-board1);mask: var(--svg-icon-board1);}
.icon-board2 { -webkit-mask: var(--svg-icon-board2);mask: var(--svg-icon-board2);}
.icon-board3 { -webkit-mask: var(--svg-icon-board3);mask: var(--svg-icon-board3);}
.icon-book { -webkit-mask: var(--svg-icon-book);mask: var(--svg-icon-book);}
.icon-candlechart1 { -webkit-mask: var(--svg-icon-candlechart1);mask: var(--svg-icon-candlechart1);}
.icon-candlechart2 { -webkit-mask: var(--svg-icon-candlechart2);mask: var(--svg-icon-candlechart2);}
.icon-chart1 { -webkit-mask: var(--svg-icon-chart1);mask: var(--svg-icon-chart1);}
.icon-chart2 { -webkit-mask: var(--svg-icon-chart2);mask: var(--svg-icon-chart2);}
.icon-chart3 { -webkit-mask: var(--svg-icon-chart3);mask: var(--svg-icon-chart3);}
.icon-chart4 { -webkit-mask: var(--svg-icon-chart4);mask: var(--svg-icon-chart4);}
.icon-check { -webkit-mask: var(--svg-icon-check);mask: var(--svg-icon-check);}
.icon-contact { -webkit-mask: var(--svg-icon-contact);mask: var(--svg-icon-contact);}
.icon-contract1 { -webkit-mask: var(--svg-icon-contract1);mask: var(--svg-icon-contract1);}
.icon-contract2 { -webkit-mask: var(--svg-icon-contract2);mask: var(--svg-icon-contract2);}
.icon-defense { -webkit-mask: var(--svg-icon-defense);mask: var(--svg-icon-defense);}
.icon-document { -webkit-mask: var(--svg-icon-document);mask: var(--svg-icon-document);}
.icon-download { -webkit-mask: var(--svg-icon-download);mask: var(--svg-icon-download);}
.icon-faq { -webkit-mask: var(--svg-icon-faq);mask: var(--svg-icon-faq);}
.icon-folder { -webkit-mask: var(--svg-icon-folder);mask: var(--svg-icon-folder);}
.icon-governance { -webkit-mask: var(--svg-icon-governance);mask: var(--svg-icon-governance);}
.icon-history { -webkit-mask: var(--svg-icon-history);mask: var(--svg-icon-history);}
.icon-lock { -webkit-mask: var(--svg-icon-lock);mask: var(--svg-icon-lock);}
.icon-mail { -webkit-mask: var(--svg-icon-mail);mask: var(--svg-icon-mail);}
.icon-news { -webkit-mask: var(--svg-icon-news);mask: var(--svg-icon-news);}
.icon-question { -webkit-mask: var(--svg-icon-question);mask: var(--svg-icon-question);}
.icon-rise { -webkit-mask: var(--svg-icon-rise);mask: var(--svg-icon-rise);}
.icon-user { -webkit-mask: var(--svg-icon-user);mask: var(--svg-icon-user);}
.icon-waves { -webkit-mask: var(--svg-icon-waves);mask: var(--svg-icon-waves);}
.icon-test { -webkit-mask: url("../img/icon/icon-attention.svg");mask: url("../img/icon/icon-attention.svg");}
/*
## for global nav
---------------------------------------------*/
.icon-news {
-webkit-mask: var(--svg-icon-news);
mask: var(--svg-icon-news);
}
.icon-index {
-webkit-mask: var(--svg-icon-chart4);
mask: var(--svg-icon-chart4);
}
.icon-index2 {
-webkit-mask: var(--svg-icon-rise);
mask: var(--svg-icon-rise);
}
.icon-archive {
-webkit-mask: var(--svg-icon-book);
mask: var(--svg-icon-book);
}
.icon-governance {
-webkit-mask: var(--svg-icon-governance);
mask: var(--svg-icon-governance);
}
.icon-license {
-webkit-mask: var(--svg-icon-contract2);
mask: var(--svg-icon-contract2);
}
.icon-data {
-webkit-mask: var(--svg-icon-download);
mask: var(--svg-icon-download);
}
.icon-faq {
-webkit-mask: var(--svg-icon-question);
mask: var(--svg-icon-question);
}
.icon-contact {
-webkit-mask: var(--svg-icon-mail);
mask: var(--svg-icon-mail);
}