.icon-wrapper.svelte-4jk18p {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  width: var(--width, 24px);
  height: var(--height, 24px);
  color: var(--color, #ffffff);
}
.icon-wrapper.svelte-4jk18p svg {
  width: 100%;
  height: 100%;
}
.modal-mask.svelte-1pb80r5.svelte-1pb80r5 {
  position:fixed;
  top:0;
  left:0;
  z-index:9999999;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.6)
}
.container.svelte-1pb80r5.svelte-1pb80r5 {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999999;
  display:flex;
  justify-content:center;
  align-items:center
}
.modal.svelte-1pb80r5.svelte-1pb80r5 {
  position:relative;
  border-radius:12px;
  width:520px;
  max-height:calc(100vh - 3em);
  background:#fff;
  overflow:auto
}
.modal.dark.svelte-1pb80r5.svelte-1pb80r5 {
  background:#111211;
  color:#fff
}
.modal.big.svelte-1pb80r5.svelte-1pb80r5 {
  width:620px
}
.modal.middle.svelte-1pb80r5.svelte-1pb80r5 {
  width:480px
}
.modal.small.svelte-1pb80r5.svelte-1pb80r5 {
  width:320px
}
.modal.phone.svelte-1pb80r5.svelte-1pb80r5 {
  width:calc(100vw - 3em)
}
.svelte-1pb80r5.svelte-1pb80r5::-webkit-scrollbar {
  width:0!important
}
.close-icon-wrap.svelte-1pb80r5.svelte-1pb80r5 {
  position:absolute;
  top:16px;
  right:16px;
  z-index:1;
  width:40px;
  height:40px
}
.close-icon-location.svelte-1pb80r5.svelte-1pb80r5 {
  top:24px;
  right:24px
}
.close-icon-wrap.svelte-1pb80r5 .close-icon.svelte-1pb80r5 {
  position:static
}
.close-icon.svelte-1pb80r5.svelte-1pb80r5 {
  position:absolute;
  top:16px;
  right:16px
}
@media screen and (max-width: 640px) {
  .xs\:ph16.svelte-1pb80r5.svelte-1pb80r5 {
    padding-right:16px;
    padding-left:16px
  }
}
.bg.svelte-t84wss {
  background:var(--CARD1)
}
.w60.svelte-t84wss {
  width:60px
}
.icon.svelte-t84wss {
  margin-right:20px;
  width:26px
}
.mt4.svelte-t84wss {
  margin-top:4px
}
.tac.svelte-t84wss {
  text-align:center
}
.link-wrap.svelte-t84wss {
  white-space:pre-wrap;
  word-break:break-word
}
html,
body {
  margin:0;
  background:#f8f8f9;
  position:relative;
  width:100%;
  height:100%;
  font-size:14px;
  font-weight:400;
  font-family:HarmonyOS_Sans,DINPro,PingFang SC,OSPunctuation,Microsoft Yahei,Heiti SC,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-size-adjust:none
}
.iconfont {
  font-family:"phemex-icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:.2px;
  -moz-osx-font-smoothing:grayscale
}
.testnet {
  display:inline-block;
  margin-top:17px;
  margin-left:10px;
  border-radius:12px;
  padding:0 10px;
  line-height:16px;
  height:16px;
  vertical-align:top;
  background:#ebaf1a;
  color:#fff;
  font-style:italic;
  font-size:12px
}
@font-face {
  font-family:"phemex-icon";
  font-display:swap;
  src:url("https://static.phemex.com/s/common/iconfont/font_1488528_nqw91s3ns0q.woff2") format("woff2"),
  url("https://static.phemex.com/s/common/iconfont/font_1488528_nqw91s3ns0q.woff") format("woff"),
  url("https://static.phemex.com/s/common/iconfont/font_1488528_nqw91s3ns0q.ttf") format("truetype")
}
@font-face {
  font-weight:400;
  font-family:DINPro;
  src:url("https://s.phemex.com/100/font/DINPro-Medium.woff2") format("woff2");
  unicode-range:U+20-40
}
@font-face {
  font-weight:500;
  font-family:DINPro;
  src:url("https://s.phemex.com/100/font/DINPro-Medium.woff2") format("woff2");
  unicode-range:U+20-40
}
@font-face {
  font-weight:600;
  font-family:DINPro;
  src:url("https://static.phemex.com/s/common/font/DINPro-Bold.woff2") format("woff2"),
  url("https://static.phemex.com/s/common/font/DINPro-Bold.woff") format("woff"),
  url("https://static.phemex.com/s/common/font/DINPro-Bold.ttf") format("truetype");
  unicode-range:U+20-40
}
@font-face {
  font-weight:700;
  font-family:DINPro;
  src:url("https://static.phemex.com/s/common/font/DINPro-Black.woff2") format("woff2"),
  url("https://static.phemex.com/s/common/font/DINPro-Black.woff") format("woff"),
  url("https://static.phemex.com/s/common/font/DINPro-Black.ttf") format("truetype");
  unicode-range:U+20-40
}
@font-face {
  font-weight:400;
  font-family:HarmonyOS_Sans;
  src:url("https://s.phemex.com/100/font/HarmonyOS_Sans_Regular.woff2") format("woff2"),
  url("https://s.phemex.com/100/font/HarmonyOS_Sans_Regular.woff") format("woff");
  unicode-range:U+0-1F,
  U+41-10FFFF
}
@font-face {
  font-weight:500;
  font-family:HarmonyOS_Sans;
  src:url("https://s.phemex.com/100/font/HarmonyOS_Sans_Medium.woff2") format("woff2"),
  url("https://s.phemex.com/100/font/HarmonyOS_Sans_Medium.woff") format("woff");
  unicode-range:U+0-1F,
  U+41-10FFFF
}
@font-face {
  font-weight:600;
  font-family:HarmonyOS_Sans;
  src:url("https://s.phemex.com/100/font/HarmonyOS_Sans_Bold.woff2") format("woff2"),
  url("https://s.phemex.com/100/font/HarmonyOS_Sans_Bold.woff") format("woff");
  unicode-range:U+0-1F,
  U+41-10FFFF
}
@font-face {
  font-family:gilroy-medium;
  src:url("https://s.phemex.com/100/font/gilroy-medium.woff2") format("woff2")
}
@font-face {
  font-family:gilroy-bold;
  src:url("https://s.phemex.com/100/font/gilroy-bold.woff2") format("woff2")
}
@font-face {
  font-family:mono;
  src:url("https://s.phemex.com/100/font/SF-Mono-Regular.woff2") format("woff2"),
  url("https://s.phemex.com/100/font/SF-Mono-Regular.woff") format("woff")
}
@font-face {
  font-family:mono-bold;
  src:url("https://s.phemex.com/100/font/SF-Mono-Bold.woff2") format("woff2"),
  url("https://s.phemex.com/100/font/SF-Mono-Bold.woff") format("woff")
}
.harmony {
  font-family:HarmonyOS_Sans
}
.dinpro {
  font-family:DINPro
}
.mono {
  font-family:mono
}
.mono-bold {
  font-family:mono-bold
}
html[lang=ja-JP] body {
  font-family:HarmonyOS_Sans,DINPro,"Helvetica Neue",Hiragino Kaku Gothic Pro,Meiryo,Helvetica,PingFangSC,-apple-system,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif !important
}
@media screen and (min-width: 640px) {
  html,
  body {
    min-width:1280px
  }
}
@media screen and (max-width: 640px) {
  html,
  body {
    min-width:100%
  }
}
html {
  height:100%;
  scroll-behavior:smooth
}
#sapper {
  min-width:100%;
  min-height:100%;
  display:flex
}
body.dark {
  background:var(--B1)
}
a {
  text-decoration:none;
  color:var(--blue)
}
a:not(.noa):hover {
  color:var(--blue);
  opacity:.8
}
body img {
  vertical-align:unset
}
input.autofill:-webkit-autofill {
  box-shadow:0 0 0 1000px #fff inset
}
h1 {
  font-weight:var(--fw3)
}
h2 {
  font-weight:var(--fw3)
}
ul {
  margin:0;
  padding:0
}
li {
  list-style:none
}
input:disabled {
  color:#ccc
}
.grecaptcha-badge {
  visibility:hidden
}
.bt {
  font-size:24px;
  line-height:32px;
  color:#000;
  text-align:left;
  margin-bottom:20px
}
.fr {
  float:right;
  font-size:14px
}
.fl {
  float:left
}
.cb {
  clear:both;
  line-height:40px
}
.lw {
  width:150px
}
.dh {
  height:200px
}
.ipa {
  position:absolute;
  right:13px;
  margin-top:-28px
}
.ah {
  color:#acacac;
  cursor:default
}
.tl {
  text-align:left
}
.czjz {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-flow:column
}
.correct {
  color:#dc4a45
}
.backLeft {
  font-size:10px;
  transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg)
}
.backSpan {
  display:inline-block;
  margin-left:18px
}
.sv {
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0)
}
.dark .sv {
  scrollbar-color:#292929 rgba(0,0,0,0)
}
.sv::-webkit-scrollbar-thumb {
  border-radius:6px;
  background-color:rgba(0,0,0,0)
}
.sv:hover::-webkit-scrollbar-thumb {
  background-color:rgba(0,0,0,.2)
}
.dark .sv:hover::-webkit-scrollbar-thumb {
  background-color:#292929
}
.sv::-webkit-scrollbar {
  width:6px;
  height:6px;
  background-color:rgba(0,0,0,0)
}
.p0 {
  padding:0;
  margin:0
}
.ch {
  cursor:help
}
.cp {
  cursor:pointer
}
.usn {
  user-select:none
}
:root,
:root .light {
  --green-1: #1dbf53;
  --green-2: #2ad162;
  --green-3: #19bd4f;
  --green-4: #bbebcb;
  --green-5: #e4f7ea;
  --red-1: #f5474b;
  --red-2: #fa5054;
  --red-3: #f23d41;
  --red-4: #fcc7c9;
  --red-5: #feecec;
  --orange-1: #ff7d00;
  --orange-2: #ff8a1a;
  --orange-3: #f57800;
  --orange-4: #ffefe0;
  --orange-5: #ffefe0;
  --gey-0: #141414;
  --gey-1: #525252;
  --gey-2: #858585;
  --gey-3: #ababab;
  --gey-4: #cccccc;
  --gey-5: #dbdbdb;
  --gey-6: #ebebeb;
  --gey-7: #f5f5f5;
  --gey-8: #ffffff;
  --gey-8-1: #ffffff;
  --gey-9: #f5f5f5;
  --gey-10: #000000;
  --B0: var(--gey-9);
  --B1: var(--gey-8);
  --B1H: var(--gey-9);
  --B2: var(--gey-9);
  --B3: var(--gey-5);
  --B3H: #eef0f5;
  --B4: #f1f2f5;
  --B5: #e9ebf0;
  --T1: var(--gey-0);
  --T1F: var(--gey-1);
  --T2: var(--gey-2);
  --T3: var(--gey-3);
  --T4: var(--gey-4);
  --T5: var(--gey-4);
  --T6: #c6c7c9;
  --TW: var(--gey-8);
  --BD: var(--gey-9);
  --blue: var(--green-1);
  --buy: var(--green-1);
  --sell: var(--red-1);
  --ASK1: rgba(245, 71, 75, 0.12);
  --ASK2: rgba(245, 71, 75, 0.12);
  --DWF: rgba(245, 71, 75, 0.12);
  --F26: rgba(245, 71, 75, 0.12);
  --BID1: rgba(29, 191, 83, 0.08);
  --BID2: rgba(29, 191, 83, 0.08);
  --UPF: rgba(29, 191, 83, 0.08);
  --RTF: rgba(29, 191, 83, 0.08);
  --B25: rgba(0, 63, 230, 0.06);
  --TD5: #003fe6;
  --L1: var(--gey-9);
  --blue-main: var(--green-1);
  --blue-main-rgb: 29, 191, 83;
  --blue-main-hover: var(--green-2);
  --blue-main-active: var(--green-3);
  --red-main: var(--red-1);
  --red-main-hover: var(--red-2);
  --red-main-active: var(--red-3);
  --CARD1: var(--gey-9);
  --CARD2: var(--gey-6);
  --CARD3: var(--gey-5);
  --LINE1: var(--gey-9);
  --LINE2: var(--gey-6);
  --LINE3: var(--gey-5);
  --BG1: var(--gey-8);
  --BG2: var(--gey-9);
  --BTN-BG: var(--gey-0);
  --BTN-COLOR: var(--gey-8);
  --BTN-DARK-BG: var(--gey-8);
  --BTN-DARK-COLOR: #111211
}
:root .dark {
  --green-1: #33d43e;
  --green-2: #43e04e;
  --green-3: #2dcc37;
  --green-4: #1b4c1e;
  --green-5: #102e12;
  --red-1: #ff4549;
  --red-2: #ff4d50;
  --red-3: #f53d41;
  --red-4: #582122;
  --red-5: #331314;
  --orange-1: #ff8a19;
  --orange-2: #ff9733;
  --orange-3: #f58418;
  --orange-4: #412a13;
  --orange-5: #2e1e0d;
  --gey-0: #ffffff;
  --gey-1: #b8b8b8;
  --gey-2: #858585;
  --gey-3: #666666;
  --gey-4: #525252;
  --gey-5: #333333;
  --gey-6: #292929;
  --gey-7: #1f1f1f;
  --gey-8: #111211;
  --gey-8-1: #000000;
  --gey-9: #000000;
  --gey-10: #ffffff;
  --B0: var(--gey-7);
  --B1: var(--gey-8);
  --B1H: var(--gey-7);
  --B2: var(--gey-7);
  --B3: var(--gey-5);
  --B3H: #474d57;
  --B4: #5d6673;
  --B5: #313f52;
  --T1: var(--gey-10);
  --T1F: var(--gey-1);
  --T2: var(--gey-2);
  --T3: var(--gey-3);
  --T4: var(--gey-4);
  --T5: #cccccc;
  --T6: #525356;
  --BD: var(--gey-7);
  --blue: var(--green-1);
  --buy: var(--green-1);
  --sell: var(--red-1);
  --ASK1: rgba(255, 69, 73, 0.16);
  --ASK2: rgba(255, 69, 73, 0.16);
  --DWF: rgba(255, 69, 73, 0.16);
  --F26: rgba(255, 69, 73, 0.16);
  --BID1: rgba(51, 212, 62, 0.12);
  --BID2: rgba(51, 212, 62, 0.12);
  --UPF: rgba(51, 212, 62, 0.12);
  --RTF: rgba(51, 212, 62, 0.12);
  --B25: #25324d;
  --TD5: #d5dcff;
  --L1: var(--gey-7);
  --blue-main: var(--green-1);
  --blue-main-rgb: 51, 212, 62;
  --blue-main-hover: var(--green-2);
  --blue-main-active: var(--green-3);
  --red-main: var(--red-1);
  --red-main-hover: var(--red-2);
  --red-main-active: var(--red-3);
  --CARD1: var(--gey-7);
  --CARD2: var(--gey-6);
  --CARD3: var(--gey-5);
  --LINE1: var(--gey-7);
  --LINE2: var(--gey-6);
  --LINE3: var(--gey-5);
  --BG1: var(--gey-9);
  --BG2: var(--gey-8);
  --BTN-BG: var(--gey-10);
  --BTN-COLOR: var(--gey-8)
}
.T1 {
  color:var(--T1)
}
.T1F {
  color:var(--T1F)
}
.T2 {
  color:var(--T2)
}
.T3 {
  color:var(--T3)
}
.T4 {
  color:var(--T4)
}
.TW {
  color:var(--TW)
}
.B1 {
  background:var(--B1)
}
.B2 {
  background:var(--B2)
}
.B3 {
  background:var(--B3)
}
.B4 {
  background:var(--B4)
}
.B5 {
  background:var(--B5)
}
.up,
.buy {
  color:var(--buy)
}
.down,
.sell {
  color:var(--sell)
}
.BLUE {
  color:var(--blue)
}
.c3398 {
  color:#003398
}
.cf {
  color:#fff
}
.text-t1 {
  color:var(--gey-0)
}
.text-t1-1 {
  color:var(--gey-1)
}
.text-t2 {
  color:var(--gey-2)
}
.text-t3 {
  color:var(--gey-3)
}
.text-t4 {
  color:var(--gey-4)
}
.text-t5 {
  color:var(--gey-8)
}
.bg-b1 {
  background:var(--gey-8)
}
.bg-b1-1 {
  background:var(--gey-8-1)
}
.bg-b2 {
  background:var(--gey-9)
}
.bg-b3 {
  background:var(--gey-10)
}
.bg-grey-l1 {
  background:var(--gey-7)
}
.bg-grey-l2 {
  background:var(--gey-6)
}
.bg-grey-l3 {
  background:var(--gey-5)
}
.border-grey-l1 {
  border-color:var(--gey-7)
}
.border-grey-l2 {
  border-color:var(--gey-6)
}
.border-grey-l3 {
  border-color:var(--gey-5)
}
.border-left-grey-l1 {
  border-left-color:var(--gey-7)
}
.border-left-grey-l2 {
  border-left-color:var(--gey-6)
}
.border-left-grey-l3 {
  border-left-color:var(--gey-5)
}
.border-right-grey-l1 {
  border-right-color:var(--gey-7)
}
.border-right-grey-l2 {
  border-right-color:var(--gey-6)
}
.border-right-grey-l3 {
  border-right-color:var(--gey-5)
}
.border-top-grey-l1 {
  border-top-color:var(--gey-7)
}
.border-top-grey-l2 {
  border-top-color:var(--gey-6)
}
.border-top-grey-l3 {
  border-top-color:var(--gey-5)
}
.border-bottom-grey-l1 {
  border-bottom-color:var(--gey-7)
}
.border-bottom-grey-l2 {
  border-bottom-color:var(--gey-6)
}
.border-bottom-grey-l3 {
  border-bottom-color:var(--gey-5)
}
.text-greenweb-1 {
  color:var(--green-1)
}
.text-greenweb-2 {
  color:var(--green-2)
}
.text-greenweb-3 {
  color:var(--green-3)
}
.text-greenweb-4 {
  color:var(--green-4)
}
.text-greenweb-5 {
  color:var(--green-5)
}
.bg-greenweb-1 {
  background:var(--green-1)
}
.bg-greenweb-2 {
  background:var(--green-2)
}
.bg-greenweb-3 {
  background:var(--green-3)
}
.bg-greenweb-4 {
  background:var(--green-4)
}
.bg-greenweb-5 {
  background:var(--green-5)
}
.border-greenweb-1 {
  border-color:var(--green-1)
}
.border-greenweb-2 {
  border-color:var(--green-2)
}
.border-greenweb-3 {
  border-color:var(--green-3)
}
.border-greenweb-4 {
  border-color:var(--green-4)
}
.border-greenweb-5 {
  border-color:var(--green-5)
}
.border-left-greenweb-1 {
  border-left-color:var(--green-1)
}
.border-left-greenweb-2 {
  border-left-color:var(--green-2)
}
.border-left-greenweb-3 {
  border-left-color:var(--green-3)
}
.border-left-greenweb-4 {
  border-left-color:var(--green-4)
}
.border-left-greenweb-5 {
  border-left-color:var(--green-5)
}
.border-right-greenweb-1 {
  border-right-color:var(--green-1)
}
.border-right-greenweb-2 {
  border-right-color:var(--green-2)
}
.border-right-greenweb-3 {
  border-right-color:var(--green-3)
}
.border-right-greenweb-4 {
  border-right-color:var(--green-4)
}
.border-right-greenweb-5 {
  border-right-color:var(--green-5)
}
.border-top-greenweb-1 {
  border-top-color:var(--green-1)
}
.border-top-greenweb-2 {
  border-top-color:var(--green-2)
}
.border-top-greenweb-3 {
  border-top-color:var(--green-3)
}
.border-top-greenweb-4 {
  border-top-color:var(--green-4)
}
.border-top-greenweb-5 {
  border-top-color:var(--green-5)
}
.border-bottom-greenweb-1 {
  border-bottom-color:var(--green-1)
}
.border-bottom-greenweb-2 {
  border-bottom-color:var(--green-2)
}
.border-bottom-greenweb-3 {
  border-bottom-color:var(--green-3)
}
.border-bottom-greenweb-4 {
  border-bottom-color:var(--green-4)
}
.border-bottom-greenweb-5 {
  border-bottom-color:var(--green-5)
}
.text-redweb-1 {
  color:var(--red-1)
}
.text-redweb-2 {
  color:var(--red-2)
}
.text-redweb-3 {
  color:var(--red-3)
}
.text-redweb-4 {
  color:var(--red-4)
}
.text-redweb-5 {
  color:var(--red-5)
}
.bg-redweb-1 {
  background:var(--red-1)
}
.bg-redweb-2 {
  background:var(--red-2)
}
.bg-redweb-3 {
  background:var(--red-3)
}
.bg-redweb-4 {
  background:var(--red-4)
}
.bg-redweb-5 {
  background:var(--red-5)
}
.border-redweb-1 {
  border-color:var(--red-1)
}
.border-redweb-2 {
  border-color:var(--red-2)
}
.border-redweb-3 {
  border-color:var(--red-3)
}
.border-redweb-4 {
  border-color:var(--red-4)
}
.border-redweb-5 {
  border-color:var(--red-5)
}
.border-left-redweb-1 {
  border-left-color:var(--red-1)
}
.border-left-redweb-2 {
  border-left-color:var(--red-2)
}
.border-left-redweb-3 {
  border-left-color:var(--red-3)
}
.border-left-redweb-4 {
  border-left-color:var(--red-4)
}
.border-left-redweb-5 {
  border-left-color:var(--red-5)
}
.border-right-redweb-1 {
  border-right-color:var(--red-1)
}
.border-right-redweb-2 {
  border-right-color:var(--red-2)
}
.border-right-redweb-3 {
  border-right-color:var(--red-3)
}
.border-right-redweb-4 {
  border-right-color:var(--red-4)
}
.border-right-redweb-5 {
  border-right-color:var(--red-5)
}
.border-top-redweb-1 {
  border-top-color:var(--red-1)
}
.border-top-redweb-2 {
  border-top-color:var(--red-2)
}
.border-top-redweb-3 {
  border-top-color:var(--red-3)
}
.border-bottom-redweb-1 {
  border-bottom-color:var(--red-1)
}
.border-bottom-redweb-2 {
  border-bottom-color:var(--red-2)
}
.border-bottom-redweb-3 {
  border-bottom-color:var(--red-3)
}
.border-bottom-redweb-4 {
  border-bottom-color:var(--red-4)
}
.border-bottom-redweb-5 {
  border-bottom-color:var(--red-5)
}
.text-orange-1 {
  color:var(--orange-1)
}
.text-orange-2 {
  color:var(--orange-2)
}
.text-orange-3 {
  color:var(--orange-3)
}
.text-orange-4 {
  color:var(--orange-4)
}
.text-orange-5 {
  color:var(--orange-5)
}
.bg-orange-1 {
  background:var(--orange-1)
}
.bg-orange-2 {
  background:var(--orange-2)
}
.bg-orange-3 {
  background:var(--orange-3)
}
.bg-orange-4 {
  background:var(--orange-4)
}
.bg-orange-5 {
  background:var(--orange-5)
}
.border-orange-1 {
  border-color:var(--orange-1)
}
.border-orange-2 {
  border-color:var(--orange-2)
}
.border-orange-3 {
  border-color:var(--orange-3)
}
.border-orange-4 {
  border-color:var(--orange-4)
}
.border-orange-5 {
  border-color:var(--orange-5)
}
.border-left-orange-1 {
  border-left-color:var(--orange-1)
}
.border-left-orange-2 {
  border-left-color:var(--orange-2)
}
.border-left-orange-3 {
  border-left-color:var(--orange-3)
}
.border-left-orange-4 {
  border-left-color:var(--orange-4)
}
.border-left-orange-5 {
  border-left-color:var(--orange-5)
}
.border-right-orange-1 {
  border-right-color:var(--orange-1)
}
.border-right-orange-2 {
  border-right-color:var(--orange-2)
}
.border-right-orange-3 {
  border-right-color:var(--orange-3)
}
.border-right-orange-4 {
  border-right-color:var(--orange-4)
}
.border-right-orange-5 {
  border-right-color:var(--orange-5)
}
.border-top-orange-1 {
  border-top-color:var(--orange-1)
}
.border-top-orange-2 {
  border-top-color:var(--orange-2)
}
.border-top-orange-3 {
  border-top-color:var(--orange-3)
}
.border-top-orange-4 {
  border-top-color:var(--orange-4)
}
.border-top-orange-5 {
  border-top-color:var(--orange-5)
}
.border-bottom-orange-1 {
  border-bottom-color:var(--orange-1)
}
.border-bottom-orange-2 {
  border-bottom-color:var(--orange-2)
}
.border-bottom-orange-3 {
  border-bottom-color:var(--orange-3)
}
.border-bottom-orange-4 {
  border-bottom-color:var(--orange-4)
}
.border-bottom-orange-5 {
  border-bottom-color:var(--orange-5)
}
:root {
  --fw1: 400;
  --fw2: 500;
  --fw3: 600
}
.b {
  font-weight:bold
}
.fw1 {
  font-weight:var(--fw1)
}
.fw2 {
  font-weight:var(--fw2)
}
.fw3 {
  font-weight:var(--fw3)
}
.f10 {
  font-size:12px;
  transform:scale(0.8333)
}
.f12 {
  font-size:12px
}
.f14 {
  font-size:14px
}
.f16 {
  font-size:16px
}
.f18 {
  font-size:18px
}
.f20 {
  font-size:20px
}
.f22 {
  font-size:22px
}
.f24 {
  font-size:24px
}
.f28 {
  font-size:28px
}
.f30 {
  font-size:30px
}
.f32 {
  font-size:32px
}
.f36 {
  font-size:36px
}
.f40 {
  font-size:40px
}
.ooo {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.ttu {
  text-transform:uppercase
}
.dc {
  display:contents
}
.df {
  display:flex
}
.db {
  display:block
}
.dib {
  display:inline-block
}
.dif {
  display:inline-flex
}
.dn {
  display:none
}
.aic {
  align-items:center
}
.ais {
  align-items:stretch
}
.aib {
  align-items:baseline
}
.jcc {
  justify-content:center
}
.jcfe {
  justify-content:flex-end
}
.jcsa {
  justify-content:space-around
}
.jcsb {
  justify-content:space-between
}
.asc {
  align-self:center
}
.fdc {
  flex-direction:column
}
.fdr {
  flex-direction:row
}
.fdcr {
  flex-direction:column-reverse
}
.fww {
  flex-wrap:wrap
}
.f1 {
  flex:1
}
.f2 {
  flex:2
}
.f3 {
  flex:3
}
.fng {
  flex-grow:0
}
.grid-end {
  justify-self:end
}
.hp100 {
  height:100%
}
.m2 {
  margin:2px
}
.m4 {
  margin:4px
}
.m5 {
  margin:5px
}
.m6 {
  margin:6px
}
.m8 {
  margin:8px
}
.m10 {
  margin:10px
}
.m12 {
  margin:12px
}
.m16 {
  margin:16px
}
.m20 {
  margin:20px
}
.m24 {
  margin:24px
}
.m28 {
  margin:28px
}
.m30 {
  margin:30px
}
.m32 {
  margin:32px
}
.m36 {
  margin:36px
}
.m40 {
  margin:40px
}
.m44 {
  margin:44px
}
.mt2 {
  margin-top:2px
}
.mt4 {
  margin-top:4px
}
.mt5 {
  margin-top:5px
}
.mt6 {
  margin-top:6px
}
.mt8 {
  margin-top:8px
}
.mt10 {
  margin-top:10px
}
.mt12 {
  margin-top:12px
}
.mt16 {
  margin-top:16px
}
.mt20 {
  margin-top:20px
}
.mt24 {
  margin-top:24px
}
.mt28 {
  margin-top:28px
}
.mt30 {
  margin-top:30px
}
.mt32 {
  margin-top:32px
}
.mt36 {
  margin-top:36px
}
.mt40 {
  margin-top:40px
}
.mt44 {
  margin-top:44px
}
.mr2 {
  margin-right:2px
}
.mr4 {
  margin-right:4px
}
.mr5 {
  margin-right:5px
}
.mr6 {
  margin-right:6px
}
.mr8 {
  margin-right:8px
}
.mr10 {
  margin-right:10px
}
.mr12 {
  margin-right:12px
}
.mr16 {
  margin-right:16px
}
.mr20 {
  margin-right:20px
}
.mr24 {
  margin-right:24px
}
.mr28 {
  margin-right:28px
}
.mr30 {
  margin-right:30px
}
.mr32 {
  margin-right:32px
}
.mr36 {
  margin-right:36px
}
.mr40 {
  margin-right:40px
}
.mr44 {
  margin-right:44px
}
.mb2 {
  margin-bottom:2px
}
.mb4 {
  margin-bottom:4px
}
.mb5 {
  margin-bottom:5px
}
.mb6 {
  margin-bottom:6px
}
.mb8 {
  margin-bottom:8px
}
.mb10 {
  margin-bottom:10px
}
.mb12 {
  margin-bottom:12px
}
.mb16 {
  margin-bottom:16px
}
.mb20 {
  margin-bottom:20px
}
.mb24 {
  margin-bottom:24px
}
.mb28 {
  margin-bottom:28px
}
.mb30 {
  margin-bottom:30px
}
.mb32 {
  margin-bottom:32px
}
.mb36 {
  margin-bottom:36px
}
.mb40 {
  margin-bottom:40px
}
.mb44 {
  margin-bottom:44px
}
.ml2 {
  margin-left:2px
}
.ml4 {
  margin-left:4px
}
.ml5 {
  margin-left:5px
}
.ml6 {
  margin-left:6px
}
.ml8 {
  margin-left:8px
}
.ml10 {
  margin-left:10px
}
.ml12 {
  margin-left:12px
}
.ml16 {
  margin-left:16px
}
.ml20 {
  margin-left:20px
}
.ml24 {
  margin-left:24px
}
.ml28 {
  margin-left:28px
}
.ml30 {
  margin-left:30px
}
.ml32 {
  margin-left:32px
}
.ml36 {
  margin-left:36px
}
.ml40 {
  margin-left:40px
}
.ml44 {
  margin-left:44px
}
.p2 {
  padding:2px
}
.p4 {
  padding:4px
}
.p5 {
  padding:5px
}
.p6 {
  padding:6px
}
.p8 {
  padding:8px
}
.p10 {
  padding:10px
}
.p12 {
  padding:12px
}
.p16 {
  padding:16px
}
.p20 {
  padding:20px
}
.p24 {
  padding:24px
}
.p28 {
  padding:28px
}
.p30 {
  padding:30px
}
.p32 {
  padding:32px
}
.p36 {
  padding:36px
}
.p40 {
  padding:40px
}
.p44 {
  padding:44px
}
.pt2 {
  padding-top:2px
}
.pt4 {
  padding-top:4px
}
.pt5 {
  padding-top:5px
}
.pt6 {
  padding-top:6px
}
.pt8 {
  padding-top:8px
}
.pt10 {
  padding-top:10px
}
.pt12 {
  padding-top:12px
}
.pt16 {
  padding-top:16px
}
.pt20 {
  padding-top:20px
}
.pt24 {
  padding-top:24px
}
.pt28 {
  padding-top:28px
}
.pt30 {
  padding-top:30px
}
.pt32 {
  padding-top:32px
}
.pt36 {
  padding-top:36px
}
.pt40 {
  padding-top:40px
}
.pt44 {
  padding-top:44px
}
.pr2 {
  padding-right:2px
}
.pr4 {
  padding-right:4px
}
.pr5 {
  padding-right:5px
}
.pr6 {
  padding-right:6px
}
.pr8 {
  padding-right:8px
}
.pr10 {
  padding-right:10px
}
.pr12 {
  padding-right:12px
}
.pr16 {
  padding-right:16px
}
.pr20 {
  padding-right:20px
}
.pr24 {
  padding-right:24px
}
.pr28 {
  padding-right:28px
}
.pr30 {
  padding-right:30px
}
.pr32 {
  padding-right:32px
}
.pr36 {
  padding-right:36px
}
.pr40 {
  padding-right:40px
}
.pr44 {
  padding-right:44px
}
.pb2 {
  padding-bottom:2px
}
.pb4 {
  padding-bottom:4px
}
.pb5 {
  padding-bottom:5px
}
.pb6 {
  padding-bottom:6px
}
.pb8 {
  padding-bottom:8px
}
.pb10 {
  padding-bottom:10px
}
.pb12 {
  padding-bottom:12px
}
.pb16 {
  padding-bottom:16px
}
.pb20 {
  padding-bottom:20px
}
.pb24 {
  padding-bottom:24px
}
.pb28 {
  padding-bottom:28px
}
.pb30 {
  padding-bottom:30px
}
.pb32 {
  padding-bottom:32px
}
.pb36 {
  padding-bottom:36px
}
.pb40 {
  padding-bottom:40px
}
.pb44 {
  padding-bottom:44px
}
.pl2 {
  padding-left:2px
}
.pl4 {
  padding-left:4px
}
.pl5 {
  padding-left:5px
}
.pl6 {
  padding-left:6px
}
.pl8 {
  padding-left:8px
}
.pl10 {
  padding-left:10px
}
.pl12 {
  padding-left:12px
}
.pl16 {
  padding-left:16px
}
.pl20 {
  padding-left:20px
}
.pl24 {
  padding-left:24px
}
.pl28 {
  padding-left:28px
}
.pl30 {
  padding-left:30px
}
.pl32 {
  padding-left:32px
}
.pl36 {
  padding-left:36px
}
.pl40 {
  padding-left:40px
}
.pl44 {
  padding-left:44px
}
.mh5 {
  margin-left:5px;
  margin-right:5px
}
.mv5 {
  margin-top:5px;
  margin-bottom:5px
}
.ph5 {
  padding-left:5px;
  padding-right:5px
}
.pv5 {
  padding-top:5px;
  padding-bottom:5px
}
.mh8 {
  margin-left:8px;
  margin-right:8px
}
.mv8 {
  margin-top:8px;
  margin-bottom:8px
}
.ph8 {
  padding-left:8px;
  padding-right:8px
}
.pv8 {
  padding-top:8px;
  padding-bottom:8px
}
.mh10 {
  margin-left:10px;
  margin-right:10px
}
.mv10 {
  margin-top:10px;
  margin-bottom:10px
}
.ph10 {
  padding-left:10px;
  padding-right:10px
}
.pv10 {
  padding-top:10px;
  padding-bottom:10px
}
.mh12 {
  margin-left:12px;
  margin-right:12px
}
.mv12 {
  margin-top:12px;
  margin-bottom:12px
}
.ph12 {
  padding-left:12px;
  padding-right:12px
}
.pv12 {
  padding-top:12px;
  padding-bottom:12px
}
.mh14 {
  margin-left:14px;
  margin-right:14px
}
.mv14 {
  margin-top:14px;
  margin-bottom:14px
}
.ph14 {
  padding-left:14px;
  padding-right:14px
}
.pv14 {
  padding-top:14px;
  padding-bottom:14px
}
.mh16 {
  margin-left:16px;
  margin-right:16px
}
.mv16 {
  margin-top:16px;
  margin-bottom:16px
}
.ph16 {
  padding-left:16px;
  padding-right:16px
}
.pv16 {
  padding-top:16px;
  padding-bottom:16px
}
.mh18 {
  margin-left:18px;
  margin-right:18px
}
.mv18 {
  margin-top:18px;
  margin-bottom:18px
}
.ph18 {
  padding-left:18px;
  padding-right:18px
}
.pv18 {
  padding-top:18px;
  padding-bottom:18px
}
.mh20 {
  margin-left:20px;
  margin-right:20px
}
.mv20 {
  margin-top:20px;
  margin-bottom:20px
}
.ph20 {
  padding-left:20px;
  padding-right:20px
}
.pv20 {
  padding-top:20px;
  padding-bottom:20px
}
.mh24 {
  margin-left:24px;
  margin-right:24px
}
.mv24 {
  margin-top:24px;
  margin-bottom:24px
}
.ph24 {
  padding-left:24px;
  padding-right:24px
}
.pv24 {
  padding-top:24px;
  padding-bottom:24px
}
.mh32 {
  margin-left:32px;
  margin-right:32px
}
.mv32 {
  margin-top:32px;
  margin-bottom:32px
}
.ph32 {
  padding-left:32px;
  padding-right:32px
}
.pv32 {
  padding-top:32px;
  padding-bottom:32px
}
.mt15 {
  margin-top:15px
}
.mb50 {
  margin-bottom:50px
}
.mb54 {
  margin-bottom:54px
}
.mb60 {
  margin-bottom:60px
}
.mb100 {
  margin-bottom:100px
}
.pb50 {
  padding-bottom:50px
}
.lh8 {
  line-height:8px
}
.lh12 {
  line-height:12px
}
.lh16 {
  line-height:16px
}
.lh18 {
  line-height:18px
}
.lh20 {
  line-height:20px
}
.lh22 {
  line-height:22px
}
.lh24 {
  line-height:24px
}
.lh26 {
  line-height:26px
}
.lh28 {
  line-height:28px
}
.lh30 {
  line-height:30px
}
.lh32 {
  line-height:32px
}
.lh36 {
  line-height:36px
}
.lh38 {
  line-height:38px
}
.lh40 {
  line-height:40px
}
.lh42 {
  line-height:42px
}
.lh48 {
  line-height:48px
}
.lh52 {
  line-height:52px
}
.tc {
  text-align:center
}
.tr {
  text-align:right
}
.tl {
  text-align:left
}
.pa {
  position:absolute
}
.pr {
  position:relative
}
.ps {
  position:-webkit-sticky;
  position:sticky
}
.fill {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}
.mlauto {
  margin-left:auto
}
.br2 {
  border-radius:2px
}
.br4 {
  border-radius:4px
}
.br6 {
  border-radius:6px
}
.br8 {
  border-radius:8px
}
.br12 {
  border-radius:12px
}
.brp50 {
  border-radius:50%
}
.wp100 {
  width:100%
}
.wp50 {
  width:50%
}
.ovh {
  overflow:hidden
}
.aife {
  align-items:flex-end
}
.aifs {
  align-items:flex-start
}
.wsn {
  white-space:nowrap
}
.tdn {
  text-decoration:none
}
.tdu {
  text-decoration:underline
}
.fsi {
  font-style:italic
}
.vam {
  vertical-align:middle
}
.tar {
  text-align:right
}
@media screen and (max-width: 640px) {
  .xs\:dn {
    display:none
  }
  .xs\:df {
    display:flex
  }
  .xs\:db {
    display:block
  }
}