/*! CSS Used from: Embedded */
.css-ph4aey {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

/* .css-ph4aey header {
  background-color: #fafafa;
} */
/*! CSS Used from: Embedded */
body {
  margin: 0 !important;
}

a,
a:active,
a:visited {
  text-decoration: none;
}

input {
  font-family: inherit;
}

input::-webkit-input-placeholder {
  font-style: normal !important;
}

input::placeholder {
  font-style: normal !important;
}

/*! CSS Used from: Embedded */
main {
  display: block;
}

a {
  background-color: transparent;
}

img {
  border-style: none;
}

button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0px;
}

button,
input {
  overflow: visible;
}

button {
  text-transform: none;
}

button {
  appearance: button;
}

#__APP {
  width: 100vw;
  height: 100vh;
  overflow: hidden auto;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/*! CSS Used from: Embedded */
.css-tq0shg {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

/*! CSS Used from: Embedded */
.css-1wl1nha {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  height: 64px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  as: header;
  height: 64px;
}

@media screen and (min-width: 767px) {
  .css-1wl1nha {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.css-1wl1nha a,
.css-1wl1nha a:active,
.css-1wl1nha a:visited {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.css-1wl1nha>div {
  height: 100%;
}

/*! CSS Used from: Embedded */
.css-1qljeod {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  color: #1e2329;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin-left: 8px;
  margin-right: 8px;
  height: 100%;
  color: #f0b90b;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.css-1qljeod:hover {
  color: #c99400;
}

.css-1qljeod:hover svg:not(.lock) {
  color: #f0b90b;
}

/*! CSS Used from: Embedded */
.css-1n9rnzc {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 24px;
  height: 24px;
  font-size: 24px;
  fill: #1e2329;
  fill: currentColor;
  width: 64px;
  height: 24px;
}

/*! CSS Used from: Embedded */
.css-1en9dhb {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #1e2329;
  overflow: hidden;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  visibility: hidden;
}

@media screen and (min-width: 767px) {
  .css-1en9dhb {
    pointer-events: auto;
    visibility: visible;
  }
}

.css-1en9dhb>div,
.css-1en9dhb>a {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  height: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/*! CSS Used from: Embedded */
.css-mu7imd {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
}

/*! CSS Used from: Embedded */
.css-c510oc {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  color: #1e2329;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin-left: 8px;
  margin-right: 8px;
  height: 100%;
}

.css-c510oc:hover {
  color: #c99400;
}

.css-c510oc:hover svg:not(.lock) {
  color: #f0b90b;
}

/*! CSS Used from: Embedded */
/* .css-15owl46 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  position: relative;
} */
/*! CSS Used from: Embedded */
/* .css-mykl4n {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 24px;
  height: 24px;
  font-size: 24px;
  fill: #1e2329;
  fill: currentColor;
} */
/*! CSS Used from: Embedded */
.css-1b8hgjl {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 18px;
  height: 18px;
  font-size: 18px;
  fill: #1e2329;
  fill: currentColor;
  color: #707a8a;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
}

/*! CSS Used from: Embedded */
.css-gv1gi9 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  /* display: none;
  pointer-events: none;
  visibility: hidden; */
  z-index: 1100;
}

/*! CSS Used from: Embedded */
.css-1b5cy2k {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background-color: #ffffff;
  position: relative;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  min-width: 200px;
  max-width: 400px;
  border-radius: 0 0 8px 8px;
}

.css-1b5cy2k[data-menu="large"] {
  padding: 16px;
}

.css-1b5cy2k[data-layout="gird"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100vw;
  width: 100%;
}

@media screen and (min-width: 767px) {
  .css-1b5cy2k[data-layout="gird"] {
    width: 500px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1b5cy2k[data-layout="gird"] {
    width: 750px;
  }
}

.css-1b5cy2k[data-layout="gird"][data-menu="large"] {
  width: 100%;
}

@media screen and (min-width: 767px) {
  .css-1b5cy2k[data-layout="gird"][data-menu="large"] {
    width: 768px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1b5cy2k[data-layout="gird"][data-menu="large"] {
    width: 1200px;
  }
}

.css-1b5cy2k[data-layout="gird"]>a {
  width: 50%;
}

@media screen and (min-width: 767px) {
  .css-1b5cy2k[data-layout="gird"]>a {
    width: 50%;
  }
}

@media screen and (min-width: 1023px) {
  .css-1b5cy2k[data-layout="gird"]>a {
    width: 33.33%;
  }
}

.css-1b5cy2k[data-layout="gird-small"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100vw;
  width: 100%;
}

@media screen and (min-width: 767px) {
  .css-1b5cy2k[data-layout="gird-small"] {
    width: 500px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1b5cy2k[data-layout="gird-small"] {
    width: 500px;
  }
}

.css-1b5cy2k[data-layout="gird-small"][data-menu="large"] {
  width: 100%;
}

@media screen and (min-width: 767px) {
  .css-1b5cy2k[data-layout="gird-small"][data-menu="large"] {
    width: 768px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1b5cy2k[data-layout="gird-small"][data-menu="large"] {
    width: 800px;
  }
}

.css-1b5cy2k[data-layout="gird-small"]>a {
  width: 50%;
}

/*! CSS Used from: Embedded */
.css-1lohd21 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  color: #1e2329;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  border-radius: 8px;
}

.css-1lohd21:hover {
  background-color: #f5f5f5;
  color: #c99400;
}

.css-1lohd21:hover svg:not(.lock) {
  color: #f0b90b;
}

.css-1lohd21 .menu-ctx {
  margin-left: 16px;
  margin-right: 16px;
}

.css-1lohd21:hover .arrow-r {
  left: 0;
  opacity: 1;
  fill: #707a8a;
}

/*! CSS Used from: Embedded */
.css-1apb415 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  width: 40px;
  height: 40px;
}

/*! CSS Used from: Embedded */
.css-1uu1fpi {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 26px;
  height: 26px;
  font-size: 26px;
  fill: #1e2329;
  fill: currentColor;
}

/*! CSS Used from: Embedded */
.css-9pwsq {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 12px;
}

/*! CSS Used from: Embedded */
.css-10nf7hq {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*! CSS Used from: Embedded */
.css-6hm6tl {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: #1e2329;
}

/*! CSS Used from: Embedded */
.css-17hpqak {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 4px;
  margin-left: 8px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  line-height: 16px;
  background-color: #1D91FF;
  color: #1e2329;
}

.css-17hpqak:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -3px;
  top: 2px;
  border-left: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid;
  border-right-color: #f0b90b;
}

.css-17hpqak:before {
  border-right-color: #1D91FF;
}

/*! CSS Used from: Embedded */
.css-1hdot3p {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-size: 12px;
  color: #707a8a;
  margin-top: 4px;
}

/*! CSS Used from: Embedded */
.css-129vfon {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 22px;
  height: 22px;
  font-size: 22px;
  fill: #1e2329;
  fill: currentColor;
  opacity: 0;
  position: relative;
  left: -4px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

/*! CSS Used from: Embedded */
.css-vurnku {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

/*! CSS Used from: Embedded */
.css-11y6cix {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*! CSS Used from: Embedded */
.css-wu6zme {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.css-wu6zme>div {
  height: 100%;
}

/*! CSS Used from: Embedded */
.css-1ql2hru {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/*! CSS Used from: Embedded */
.css-143enlu {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1e2329;
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
}

/*! CSS Used from: Embedded */
.css-1f2m600 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  cursor: pointer;
}

.css-1f2m600:hover {
  color: #c99400;
}

/*! CSS Used from: Embedded */
.css-8bmaul {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 1px;
  height: 13px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: #b7bdc6;
}

/*! CSS Used from: Embedded */
.css-14rvj6w {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #fef1f2;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*! CSS Used from: Embedded */
.css-ovbogu {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background-color: #ffffff;
}

/*! CSS Used from: Embedded */
.css-1aac2e {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1248px;
  background-color: #fef1f2;
}

@media screen and (min-width: 767px) {
  .css-1aac2e {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/*! CSS Used from: Embedded */
.css-1wr4jig {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*! CSS Used from: Embedded */
.css-1pysja1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*! CSS Used from: Embedded */
.css-6nqu2s {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background: url(https://BCWP.com/img/bg.c12363b3.png) center top / 100% 600px no-repeat rgb(255, 255, 255);
  padding-bottom: 32px;
}

/*! CSS Used from: Embedded */
.css-b22026 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  /*background-color: #ffffff;*/
  padding-top: 24px;
}

@media screen and (min-width: 767px) {
  .css-b22026 {
    /*background-color: #fafafa;*/
  }
}

@media screen and (min-width: 1023px) {
  .css-b22026 {
    /*background-color: #fafafa;*/
  }
}

/*! CSS Used from: Embedded */
.css-1vs5d4i {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  font-size: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 767px) {
  .css-1vs5d4i {
    margin-bottom: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1vs5d4i {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/*! CSS Used from: Embedded */
.css-o32gok {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  font-size: 24px;
  margin-left: 20px;
  color: #1e2329;
}

@media screen and (min-width: 767px) {
  .css-o32gok {
    font-size: 32px;
  }
}

@media screen and (min-width: 1023px) {
  .css-o32gok {
    font-size: 28px;
  }
}

/*! CSS Used from: Embedded */
.css-ykl0r1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

/*! CSS Used from: Embedded */
.css-8puzml {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 8px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
}

/*! CSS Used from: Embedded */
.css-1iztezc {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 24px;
  height: 24px;
  font-size: 24px;
  fill: #1e2329;
  fill: currentColor;
  width: 1em;
  height: 1em;
}

/*! CSS Used from: Embedded */
.css-16t6rmo {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #1e2329;
  margin-left: 8px;
}

/*! CSS Used from: Embedded */
.css-1t9l9dt {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background-color: #fafafa;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
}

@media screen and (min-width: 767px) {
  .css-1t9l9dt {
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }
}

@media screen and (min-width: 1023px) {
  .css-1t9l9dt {
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }
}

/*! CSS Used from: Embedded */
.css-19xf66x {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  font-size: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -16px;
  margin-left: 0;
}

@media screen and (min-width: 767px) {
  .css-19xf66x {
    margin-bottom: -24px;
    margin-left: auto;
  }
}

@media screen and (min-width: 1023px) {
  .css-19xf66x {
    margin-bottom: 0;
    margin-left: auto;
  }
}

/*! CSS Used from: Embedded */
.css-s0lcmx {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 162px;
  padding-bottom: 16px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  color: #1e2329;
  position: relative;
  border-radius: 8px;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media screen and (min-width: 767px) {
  .css-s0lcmx {
    width: 162px;
    padding-bottom: 24px;
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1023px) {
  .css-s0lcmx {
    width: 282px;
    padding-bottom: 8px;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.css-s0lcmx:hover {
  background-color: #ffffff;
}

.css-s0lcmx:hover svg {
  display: block;
  background-color: #1D91FF;
  color: #000;
  border-radius: 50%;
}

/*! CSS Used from: Embedded */
.css-yzeiu4 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

@media screen and (min-width: 767px) {
  .css-yzeiu4 {
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 1023px) {
  .css-yzeiu4 {
    margin-bottom: 16px;
  }
}

/*! CSS Used from: Embedded */
.css-58sp9s {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #707a8a;
  line-height: 24px;
}

/*! CSS Used from: Embedded */
.css-18y3wgq {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}

/*! CSS Used from: Embedded */
.css-tpev2q {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 102px;
  -webkit-flex: 102;
  -ms-flex: 102;
  flex: 102;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*! CSS Used from: Embedded */
.css-1vwi1ih {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  max-width: 100%;
  height: auto;
  display: none;
  margin-right: 8px;
  height: 24px;
  width: 24px;
}

@media screen and (min-width: 767px) {
  .css-1vwi1ih {
    display: block;
  }
}

@media screen and (min-width: 1023px) {
  .css-1vwi1ih {
    display: block;
  }
}

/*! CSS Used from: Embedded */
.css-1pfyy1z {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
}

/*! CSS Used from: Embedded */
.css-t2ni5l {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85px;
  -webkit-flex: 85;
  -ms-flex: 85;
  flex: 85;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}

@media screen and (min-width: 767px) {
  .css-t2ni5l {
    display: none;
  }
}

@media screen and (min-width: 1023px) {
  .css-t2ni5l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

/*! CSS Used from: Embedded */
.css-1fo53y3 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  white-space: nowrap;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular, Microsoft YaHei,
    sans-serif;
  color: #1e2329;
  font-weight: 400;
  font-size: 14px;
  color: #1e2329;
  font-weight: 400;
  line-height: 20px;
}

/*! CSS Used from: Embedded */
.css-rgwu21 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  white-space: nowrap;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular, Microsoft YaHei,
    sans-serif;
  color: #1e2329;
  font-weight: 400;
  color: #cf304a;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: right;
  width: 52px;
  -webkit-flex: 52;
  -ms-flex: 52;
  flex: 52;
}

@media screen and (min-width: 767px) {
  .css-rgwu21 {
    width: 52px;
    -webkit-flex: 52;
    -ms-flex: 52;
    flex: 52;
  }
}

@media screen and (min-width: 1023px) {
  .css-rgwu21 {
    width: 52px;
    -webkit-flex: 52;
    -ms-flex: 52;
    flex: 52;
  }
}

/*! CSS Used from: Embedded */
.css-1dc7q2e {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  white-space: nowrap;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular, Microsoft YaHei,
    sans-serif;
  color: #1e2329;
  font-weight: 400;
  color: #03a66d;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: right;
  width: 52px;
  -webkit-flex: 52;
  -ms-flex: 52;
  flex: 52;
}

@media screen and (min-width: 767px) {
  .css-1dc7q2e {
    width: 52px;
    -webkit-flex: 52;
    -ms-flex: 52;
    flex: 52;
  }
}

@media screen and (min-width: 1023px) {
  .css-1dc7q2e {
    width: 52px;
    -webkit-flex: 52;
    -ms-flex: 52;
    flex: 52;
  }
}

/*! CSS Used from: Embedded */
.css-1h48ncy {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  background-color: #eaecef;
  border-radius: 50%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #707a8a;
  height: 24px;
  cursor: pointer;
}

/*! CSS Used from: Embedded */
.css-mtxhe1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 24px;
  height: 24px;
  font-size: 24px;
  fill: #1e2329;
  fill: currentColor;
  display: none;
  width: 1em;
  height: 1em;
}

@media screen and (min-width: 767px) {
  .css-mtxhe1 {
    display: none;
  }
}

@media screen and (min-width: 1023px) {
  .css-mtxhe1 {
    display: none;
  }
}

/*! CSS Used from: Embedded */
.css-194m5n4 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background-color: #ffffff;
  padding-bottom: 24px;
  border-radius: 32px 32px 0px 0px;
  margin-top: -32px;
  margin-left: -360px;
}

/*! CSS Used from: Embedded */
.css-1m4ys10 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 824px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 32px 32px 0px 0px;
  width: 824px;
}

@media screen and (min-width: 767px) {
  .css-1m4ys10 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1m4ys10 {
    padding-left: 0;
    padding-right: 0;
  }
}

/*! CSS Used from: Embedded */
.css-6g4rnu {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  border-radius: 32px 32px 0px 0px;
}

/*! CSS Used from: Embedded */
.css-1vii3zc {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  width: 100%;
  top: 0;
  background-color: #ffffff;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media screen and (min-width: 767px) {
  .css-1vii3zc {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

/*! CSS Used from: Embedded */
.css-3q7vd9 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: -4px;
  padding-bottom: 16px;
}

@media screen and (min-width: 767px) {
  .css-3q7vd9 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    padding-bottom: 16px;
  }
}

/*! CSS Used from: Embedded */
.css-efdobj {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-align-items: unnset;
  -webkit-box-align: unnset;
  -ms-flex-align: unnset;
  align-items: unnset;
}

@media screen and (min-width: 767px) {
  .css-efdobj {
    margin-top: 24px;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: unnset;
    -webkit-box-align: unnset;
    -ms-flex-align: unnset;
    align-items: unnset;
  }
}

@media screen and (min-width: 1023px) {
  .css-efdobj {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
}

/*! CSS Used from: Embedded */
.css-1rc537s {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  position: relative;
  margin-top: 24px;
}

@media screen and (min-width: 767px) {
  .css-1rc537s {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1rc537s {
    margin-top: 0;
  }
}

/*! CSS Used from: Embedded */
.css-z2wfdb {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: scroll;
  -ms-overflow-style: none;
  -webkit-scrollbar-width: none;
  -moz-scrollbar-width: none;
  -ms-scrollbar-width: none;
  scrollbar-width: none;
}

.css-z2wfdb::-webkit-scrollbar {
  display: none;
}

/*! CSS Used from: Embedded */
.css-ov54vn {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  cursor: pointer;
  min-width: auto;
}

/*! CSS Used from: Embedded */
.css-gih38l {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-right: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #707a8a;
  border-radius: 4px;
  padding-left: 16px !important;
  padding-right: 16px !important;
  margin-right: 8px !important;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 767px) {
  .css-gih38l {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 24px;
    margin-right: 24px;
  }
}

.css-gih38l.active {
  background-color: #fef6d8;
  color: #c99400;
}

@media screen and (min-width: 767px) {
  .css-gih38l {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

/*! CSS Used from: Embedded */
.css-19kh8e3 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}

/*! CSS Used from: Embedded */
.css-81xrsn {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*! CSS Used from: Embedded */
.css-1wt1hhv {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: #b7bdc6;
  width: 20px;
  height: 20px;
  font-size: 20px;
  fill: #1e2329;
  fill: #b7bdc6;
  width: 1em;
  height: 1em;
  margin-right: 8px;
}

/*! CSS Used from: Embedded */
.css-vurnku {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

/*! CSS Used from: Embedded */
.css-eg65yg {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: none;
  padding-left: 16px;
}

/*! CSS Used from: Embedded */
.css-wkg4e3 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: block;
  padding-left: 16px;
}

/*! CSS Used from: Embedded */
.css-1l38v9h {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*! CSS Used from: Embedded */
.css-1lcs7oa {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background-color: #ffffff;
  width: 100%;
}

/*! CSS Used from: Embedded */
.css-8puh95 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  height: 32px;
  margin-top: 4px;
  margin-bottom: 0px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
  border: 1px solid transparent;
  border-color: #eaecef;
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
  margin-top: 0;
  width: 100%;
  height: 44px;
}

.css-8puh95:hover:not(.bn-input-status-disabled):not(.bn-input-status-error) {
  /*border-color: #f0b90b;*/
}

.css-8puh95 input {
  color: #1e2329;
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
}

.css-8puh95 .bn-input-prefix {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 14px;
}

@media screen and (min-width: 767px) {
  .css-8puh95 {
    width: 282px;
  }
}

@media screen and (min-width: 1023px) {
  .css-8puh95 {
    width: 282px;
  }
}

/*! CSS Used from: Embedded */
.css-16ywgns {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: #848e9c;
  width: 22px;
  height: 22px;
  font-size: 22px;
  fill: #1e2329;
  fill: #848e9c;
  vertical-align: middle;
  color: #b7bdc6;
  width: 1em;
  height: 1em;
}

/*! CSS Used from: Embedded */
.css-1vs0no5 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  outline: none;
  border: none;
  background-color: inherit;
  opacity: 1;
  font-size: 14px;
}

.css-1vs0no5::-webkit-input-placeholder {
  color: #b7bdc6;
  font-size: 14px;
}

.css-1vs0no5::-moz-placeholder {
  color: #b7bdc6;
  font-size: 14px;
}

.css-1vs0no5:-ms-input-placeholder {
  color: #b7bdc6;
  font-size: 14px;
}

.css-1vs0no5::placeholder {
  color: #b7bdc6;
  font-size: 14px;
}

.css-1vs0no5::-webkit-input-placeholder {
  color: #b7bdc6;
}

.css-1vs0no5::-moz-placeholder {
  color: #b7bdc6;
}

.css-1vs0no5:-ms-input-placeholder {
  color: #b7bdc6;
}

.css-1vs0no5::placeholder {
  color: #b7bdc6;
}

/*! CSS Used from: Embedded */
.css-72ldqd {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  margin-top: 10px;
}

/*! CSS Used from: Embedded */
.css-15owl46 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  position: relative;
}

/*! CSS Used from: Embedded */
.css-1v04fx5 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-right: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #707a8a;
  border-radius: 4px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-right: 16px !important;
  border-radius: 2px;
}

@media screen and (min-width: 767px) {
  .css-1v04fx5 {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 24px;
    margin-right: 24px;
  }
}

.css-1v04fx5.active {
  background-color: #f5f5f5;
  color: #1e2329;
}

@media screen and (min-width: 767px) {
  .css-1v04fx5 {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 8px;
  }
}

/*! CSS Used from: Embedded */
.css-16kj554 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
}

/*! CSS Used from: Embedded */
.css-5do4ya {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-size: 14px;
  line-height: 16px;
}

@media screen and (min-width: 767px) {
  .css-5do4ya {
    line-height: 20px;
  }
}

/*! CSS Used from: Embedded */
.css-ew2l8i {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 16px;
  height: 16px;
  font-size: 16px;
  fill: #1e2329;
  fill: currentColor;
  width: 1em;
  height: 1em;
}

/*! CSS Used from: Embedded */
.css-gv1gi9 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  /* display: none;
  pointer-events: none;
  visibility: hidden; */
  z-index: 1100;
}

/*! CSS Used from: Embedded */
.css-qbmpwo {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

/*! CSS Used from: Embedded */
.css-13euu76 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  padding-right: 16px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid;
  border-color: #eaecef;
  border-radius: 4px 4px 0px 0px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: unset;
  border-bottom: none;
  padding-left: 16px;
}

.css-13euu76>div {
  text-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 4px;
}

.css-13euu76>div:last-of-type {
  margin-right: 0;
}

.css-13euu76>[data-area="left"] {
  text-align: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.css-13euu76>[data-area="right"] {
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (min-width: 767px) {
  .css-13euu76 {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #fafafa;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1023px) {
  .css-13euu76 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/*! CSS Used from: Embedded */
.css-1e8pqe6 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b7bdc6;
  font-size: 12px;
  line-height: 16px;
}

@media screen and (min-width: 767px) {
  .css-1e8pqe6 {
    color: #1e2329;
    font-size: unset;
    line-height: unset;
  }
}

/*! CSS Used from: Embedded */
.css-lkqrqt {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
}

/*! CSS Used from: Embedded */
.css-1i04fkn {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  word-break: break-word;
  -webkit-box-orient: vertical;
}

/*! CSS Used from: Embedded */
.css-1sq9fz1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  word-break: break-word;
  -webkit-box-orient: vertical;
  font-size: 12px;
}

/*! CSS Used from: Embedded */
.css-1vuj9rf {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*! CSS Used from: Embedded */
.css-vlibs4 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
}

/*! CSS Used from: Embedded */
.css-leyy1t {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  padding-right: 16px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid;
  border-color: #eaecef;
  border-radius: 4px 4px 0px 0px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #1e2329;
  padding-left: 16px;
}

.css-leyy1t>div {
  text-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 4px;
}

.css-leyy1t>div:last-of-type {
  margin-right: 0;
}

.css-leyy1t>[data-area="left"] {
  text-align: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.css-leyy1t>[data-area="right"] {
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.css-leyy1t:hover {
  background-color: #fafafa;
}

/*! CSS Used from: Embedded */
.css-14yoi5o {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -2px;
}

/*! CSS Used from: Embedded */
.css-10nf7hq {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*! CSS Used from: Embedded */
.css-102bt5g {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular, Microsoft YaHei,
    sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  color: #1e2329;
}

/*! CSS Used from: Embedded */
.css-4cffwv {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*! CSS Used from: Embedded */
.css-1ttcc5 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 40px;
  padding-bottom: 24px;
}

/*! CSS Used from: Embedded */
.css-b0tuh4 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*! CSS Used from: Embedded */
.css-11xno5y {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  border: none;
  outline: none;
  min-width: 28px;
  height: 28px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0px;
  background-color: transparent;
  border-radius: 4px;
  color: #474d57;
  font-weight: 400;
  min-width: 16px;
  color: #eaecef;
}

.css-11xno5y:disabled {
  cursor: default;
}

/*! CSS Used from: Embedded */
.css-5jht7o-1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* cursor: pointer; */
  font-size: 14px;
  border: none;
  outline: none;
  min-width: 28px;
  height: 28px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0px;
  background-color: #eaecef;
  border-radius: 4px;
  color: #1e2329;
  font-weight: 500;
}

/* .css-5jht7o-1:disabled {
  cursor: default;
} */
/*! CSS Used from: Embedded */
.css-hlqxzb-1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  border: none;
  outline: none;
  min-width: 28px;
  height: 28px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0px;
  background-color: transparent;
  border-radius: 4px;
  color: #474d57;
  font-weight: 400;
}

/* .css-hlqxzb-1:disabled {
  cursor: default;
} */
/*! CSS Used from: Embedded */
.css-1w7smpm {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  border: none;
  outline: none;
  min-width: 28px;
  height: 28px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0px;
  background-color: transparent;
  border-radius: 4px;
  color: #474d57;
  font-weight: 400;
  min-width: 16px;
  color: #474d57;
}

.css-1w7smpm:disabled {
  cursor: default;
}

/*! CSS Used from: Embedded */
.css-1i21kwp {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  background-color: #ffffff;
  padding-top: 24px;
}

@media screen and (min-width: 767px) {
  .css-1i21kwp {
    padding-top: 48px;
  }
}

.css-1i21kwp a,
.css-1i21kwp a:active,
.css-1i21kwp a:visited {
  -webkit-text-decoration: none;
  text-decoration: none;
}

/*! CSS Used from: Embedded */
.css-11jc6yd {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 767px) {
  .css-11jc6yd {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1023px) {
  .css-11jc6yd {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/*! CSS Used from: Embedded */
.css-1ocwe76 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 767px) {
  .css-1ocwe76 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (min-width: 1023px) {
  .css-1ocwe76 {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
  }
}

/*! CSS Used from: Embedded */
.css-1b5ng62 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 767px) {
  .css-1b5ng62 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 1023px) {
  .css-1b5ng62 {
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }
}

/*! CSS Used from: Embedded */
.css-chjio1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
}

@media screen and (min-width: 767px) {
  .css-chjio1 {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

/*! CSS Used from: Embedded */
.css-sjahn1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #1e2329;
  padding-right: 0;
}

@media screen and (min-width: 767px) {
  .css-sjahn1 {
    padding-right: 16px;
  }
}

/*! CSS Used from: Embedded */
.css-kbv4gt {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  pointer-events: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 767px) {
  .css-kbv4gt {
    pointer-events: none;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

/*! CSS Used from: Embedded */
.css-mpghe {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  font-weight: 500;
  font-size: 16px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 767px) {
  .css-mpghe {
    font-size: 20px;
  }
}

/*! CSS Used from: Embedded */
.css-zntp1k {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 18px;
  height: 18px;
  font-size: 18px;
  fill: #1e2329;
  fill: currentColor;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: block;
}

@media screen and (min-width: 767px) {
  .css-zntp1k {
    display: none;
  }
}

/*! CSS Used from: Embedded */
.css-1yk9mh2 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  max-height: 0;
}

@media screen and (min-width: 767px) {
  .css-1yk9mh2 {
    max-height: 40em;
  }
}

/*! CSS Used from: Embedded */
.css-18eb4v2 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-bottom: 12px;
  color: #707a8a;
}

@media screen and (min-width: 767px) {
  .css-18eb4v2 {
    margin-bottom: 12px;
  }
}

.css-18eb4v2:hover {
  color: #1e2329;
}

/*! CSS Used from: Embedded */
.css-vg0szn {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-bottom: 12px;
  display: none;
  color: #707a8a;
}

@media screen and (min-width: 767px) {
  .css-vg0szn {
    margin-bottom: 12px;
  }
}

.css-vg0szn:hover {
  color: #1e2329;
}

/*! CSS Used from: Embedded */
.css-1w33rus {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
}

@media screen and (min-width: 767px) {
  .css-1w33rus {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
  }
}

@media screen and (min-width: 1023px) {
  .css-1w33rus {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

/*! CSS Used from: Embedded */
.css-1k2y5yk {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

@media screen and (min-width: 767px) {
  .css-1k2y5yk {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }
}

@media screen and (min-width: 1023px) {
  .css-1k2y5yk {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }
}

/*! CSS Used from: Embedded */
.css-647kiw {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #1e2329;
}

/*! CSS Used from: Embedded */
.css-1phk2w5 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  font-size: 16px;
}

@media screen and (min-width: 767px) {
  .css-1phk2w5 {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
  }
}

/*! CSS Used from: Embedded */
.css-vurnku {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

/*! CSS Used from: Embedded */
.css-1ug574w {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 24px;
  margin-right: 32px;
  color: #707a8a;
}

.css-1ug574w:hover {
  color: #1e2329;
}

/*! CSS Used from: Embedded */
.css-jw93ck {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: currentColor;
  width: 22px;
  height: 22px;
  font-size: 22px;
  fill: #1e2329;
  fill: currentColor;
}

/*! CSS Used from: Embedded */
.css-1tveoff {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 14px;
  font-family: inherit;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  min-width: 60px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  color: #212833;
  border-radius: 4px;
  min-height: 24px;
  border: none;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #eaecef;
  color: #1e2329;
  border: none;
  background-color: #f5f5f5;
  min-width: 180px;
}

.css-1tveoff:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: #eaecef;
  color: #b7bdc6;
}

/*! CSS Used from: Embedded */
.css-1t51row {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  margin-left: 8px;
  margin-right: 8px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}

/*! CSS Used from: Embedded */
.css-1nu6lmj {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: #707a8a;
  width: 18px;
  height: 18px;
  font-size: 18px;
  fill: #1e2329;
  fill: #707a8a;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/*! CSS Used from: Embedded */
.css-223shg {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid;
  border-top-color: #eaecef;
  font-size: 14px;
  color: #707a8a;
  line-height: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-left: 16px;
  margin-right: 16px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 767px) {
  .css-223shg {
    padding-top: 32px;
    padding-bottom: 32px;
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media screen and (min-width: 1023px) {
  .css-223shg {
    margin-left: 0;
    margin-right: 0;
  }
}

/*! CSS Used from: Embedded */
.css-5dhyy8 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  color: currentcolor;
  width: 16px;
  height: 16px;
  font-size: 16px;
  fill: currentcolor;
  cursor: pointer;
}

.css-5dhyy8:hover {
  color: rgb(240, 185, 11);
}

/*! CSS Used from: Embedded */
.css-5dhyy8 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  color: currentcolor;
  width: 16px;
  height: 16px;
  font-size: 16px;
  fill: currentcolor;
  cursor: pointer;
}

.css-5dhyy8:hover {
  color: rgb(240, 185, 11);
}

.css-1aejx32 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  display: flex;
  flex: 0 0 auto;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}

.css-1awsbqv {
  margin: 0px;
  appearance: none;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 6px 12px;
  min-width: 52px;
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  border-radius: 4px;
  min-height: 24px;
  border: none;
  background-color: transparent;
  color: rgb(30, 35, 41);
  font-weight: 400;
}

.css-1awsbqv:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: rgb(234, 236, 239);
  color: rgb(183, 189, 198);
}

.css-1awsbqv:disabled:not(.inactive) {
  background-color: transparent;
  color: rgb(183, 189, 198);
}

.css-xcmw9u {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}

.css-qj94we {
  margin: 0px;
  appearance: none;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 6px 12px;
  min-width: 52px;
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  color: rgb(33, 40, 51);
  border-radius: 4px;
  min-height: 24px;
  border: none;
  background-image: none;
  background-color: rgb(252, 213, 53);
  font-weight: 400;
}

.css-qj94we:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: rgb(234, 236, 239);
  color: rgb(183, 189, 198);
}

.css-qj94we:disabled:not(.inactive) {
  background-color: rgb(234, 236, 239);
  color: rgb(183, 189, 198);
  cursor: not-allowed;
}

/*! CSS Used from: Embedded */
.css-u806ax {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  white-space: nowrap;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular,
    "Microsoft YaHei", sans-serif;
  font-size: 14px;
  color: rgb(3, 166, 109);
  font-weight: 400;
  line-height: 20px;
}

.css-1dn1vhw {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  white-space: nowrap;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular,
    "Microsoft YaHei", sans-serif;
  font-size: 14px;
  color: rgb(207, 48, 74);
  font-weight: 400;
  line-height: 20px;
}

.css-k76h31 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 767px) {
  .css-k76h31 {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 16px;
  }
}

.css-1gflh9a {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  flex: 0 0 auto;
  fill: currentcolor;
  transform: scale(1.4);
  width: 1em;
  height: 1em;
}

.css-3ylwm7 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  /* background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/87496d50-2408-43e1-ad4c-78b47b448a6a.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; */
}

.css-y492if {
  box-sizing: border-box;
  margin: 0px 0px 0px 16px;
  min-width: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.css-1wp9rgv {
  box-sizing: border-box;
  margin: 0px 0px 2px;
  min-width: 0px;
}

.css-74g683 {
  box-sizing: border-box;
  margin: 0px 0px 0px 12px;
  min-width: 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  max-width: 110px;
}

.css-1ap5wc6 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  color: rgb(112, 122, 138);
}

.css-ydcgk2 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  -webkit-box-align: center;
  align-items: center;
}

.css-ovtrou {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular,
    "Microsoft YaHei", sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgb(30, 35, 41);
  font-size: 16px;
  line-height: 24px;
}

.css-18yakpx {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.css-1ca67uc {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: rgb(207, 48, 74);
}

.css-s779xv {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-size: 16px;
  line-height: 24px;
  color: rgb(30, 35, 41);
}

.css-1mql1kh {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  padding: 6px 16px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  display: flex;
  color: rgb(201, 148, 0);
}

@media screen and (min-width: 767px) {
  .css-1mql1kh {
    padding: 8px;
  }
}

.css-1jvj56t {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  padding: 6px 16px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  display: flex;
  color: rgb(201, 148, 0);
}

@media screen and (min-width: 767px) {
  .css-1jvj56t {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media screen and (min-width: 767px) {
  .css-1jvj56t {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.css-3esvzo {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  /* background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/3a8c9fe6-2a76-4ace-aa07-415d994de6f0.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; */
}

.css-1vgqjs4 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: rgb(3, 166, 109);
}

.css-pmnffd {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20210122/2b5c7d80-7bcd-4cfb-8bd9-d1760a752afc.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-dtqysw {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20220218/94863af2-c980-42cf-a139-7b9f462a36c2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-1lamoik {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/4cf7d633-92fb-4d37-80ed-458c7d1ea410.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-1453qt2 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/4766a9cc-8545-4c2b-bfa4-cad2be91c135.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-svxtwm {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/images/20200817/1c7bf0aa-8800-4cbc-8caa-5d8d1f7debb6.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-bydzoj {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/images/20200410/6caae4f1-f4c6-4486-b05b-442dd559f51f.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-z26cnk {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/3bc4f3c3-c142-4379-9ebd-a72f332776bc.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-y2e94p {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20200922/3fc414d2-c33b-4c01-8138-0b0acac5657b.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-22g6c0 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20211220/2135e715-a02f-4c4d-8390-a678fac012f0.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-1koaj1q {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/3222a10d-5618-4100-8476-ee7fe0a6fb12.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-1dzfad3 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/22ef2baf-b210-4882-afd9-1317bb7a3603.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-u2qo3o {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20210510/028e07ac-4117-4ddf-b9fd-90d8bd1c9406.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-q2o5rz {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20220126/3d375aeb-0406-4bd7-a570-fd62055eb76a.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-jribz6 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20210407/032e2b13-5def-4449-aaee-0180d90da7c5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-43b0uu {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/images/20200831/2cd9e66b-357d-41f7-a093-89d24bb012aa.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-1hw69ys {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/b6b0ea3d-995f-4c16-b635-c76a21c0a726.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-ezg653 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/359ca651-a084-4010-92d8-4eaff96e6384.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.css-li1e6c {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular,
    "Microsoft YaHei", sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgb(3, 166, 109);
  font-size: 16px;
  line-height: 24px;
}

.css-1ez6tx0 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-family: DINNext, BinancePlex, Arial, PingFangSC-Regular,
    "Microsoft YaHei", sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgb(207, 48, 74);
  font-size: 16px;
  line-height: 24px;
}

.css-znsg4j {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  display: flex;
  position: absolute;
  top: 0px;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  left: 0px;
  padding-right: 8px;
}

.css-ljtmtq {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: transparent;
  color: rgb(112, 122, 138);
  cursor: pointer;
  transform: rotate(180deg);
  width: 24px;
  height: 24px;
}

.css-o0ix1i {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 32px;
  height: 32px;
  border-radius: 99999px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px inset;
  background-image: url(https://bin.bnbstatic.com/image/admin_mgs_image_upload/20210113/8735f305-dc7a-4f10-b2dd-69e424e62e41.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.flex-container {
  display: -webkit-flex;
  display: flex;
  width: 1200px;
  z-index: 99;
  /* padding-right: 80px;   */
}

.flex-item {
  /* background-color: cornflowerblue; */
  width: 286px;
  margin: 0px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}

.flex-item-0 {
  /* background-color: cornflowerblue; */
  width: 265px;
  height: 100px;
  position: relative;
}

.flex-title {
  font-size: 16px;
  line-height: 22px;

  color: #000000;

}

.flex-price {
  font-size: 18px;
  color: #333333;


}

.flex-priceUSD {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;

  color: #727A89;


}

.flex-rise-red {
  width: 44px;

  font-size: 12px;
  line-height: 17px;


  color: #CF304A;

}

.flex-rise-green {
  width: 44px;

  font-size: 12px;

  color: #2EBD85;

}


.flex-transaction {
  font-size: 12px;
  color: #727A89;
  margin-right: 8px;
}

.flex-symbol {
  height: 28px;
}

.flex-kline {
  width: 123px;
  height: 76px;
}

.flex-container-1 {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  /* width:1200px; */
  margin: 0 auto;
  /* background-color: DodgerBlue; */
}

.flex-container-1 .box {
  /* background-color: #f1f1f1; */
  width: 50%;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}

.flex-container-1 .box1 {
  /* background-color: #f1f1f1; */
  width: 70%;
  margin: 10px;
  text-align: center;
  font-size: 30px;
}

.flex-container-1 .box2 {
  /* background-color: #f1f1f1; */
  width: 30%;
  margin: 10px;
  text-align: center;
  font-size: 30px;
}

.flex-container-1-pos {
  /* position:absolute; */
  top: 0px;
  /* background-color:#03a66d; */
}

.introduce-background {
  position: relative;
}

.item-box-bamarket {
  display: flex;
  padding: 40px 0 20px 0;
}

.item-box-bamarket-1 {
  /* background-color:blueviolet; */
  height: 100px;
  width: 1200px;
  min-height: 100px;
  /* height:auto; */
}

/**/
/* 交易按钮 */
.buy-button-bamarket {
  min-width: 100px;
  height: 40px;
  line-height: 40px;
  background-color: white;
  border-style: solid;
  border-color: #1D91FF;
  color: #1D91FF;
  border-radius: 4px;
  outline: none;
  /* border:none; */
  cursor: pointer;
  font-size: 15px;
  margin-right: 10px;
  padding: 0 10px;
  border: 1px solid #1D91FF;
}

.buy-button-bamarket:hover {
  min-width: 100px;
  height: 40px;
  line-height: 40px;
  background-color: #1D91FF;
  border-style: solid;
  border-color: #1D91FF;
  color: white;
  border-radius: 4px;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 15px;
  margin-right: 10px;
  padding: 0 10px;
}

.checked-bamarket {
  background-color: white;
  color: #000000;
}

.no-checked-bamarket {
  background-color: #999999;
  color: #666666;
}


.checked-bamarket-1 {
  /* 涨幅榜 */
  /* width: 75px; */
  height: 24px;

  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  text-align: center;

  color: #000000;
  border: none;
  cursor: pointer;

  background-color: white;
}

.no-checked-bamarket-1 {
  /* 涨幅榜 */
  /* width: 75px; */
  height: 24px;

  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  text-align: center;

  color: #727A89;
  border: none;
  cursor: pointer;

  background-color: white;
}

.wealth-btn-rect-bamarket {

  width: 75px;
  height: 4px;

  /* position: absolute;
  left: 340px;
  top: 580px; */

  background: #1D91FF;
}

/* .css-input {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  padding: 0;
  outline: 1;
  border: 1px;
  background-color: inherit;
  opacity: 1;
  font-size: 14px;
  outline-color: #000000;
  outline-style: solid;
  outline-width: 1px;
} */


/* .css-input:checked{
    background-color: #1D91FF;
} */

/* ----------------------------------------- */
/*! CSS Used from: Embedded */
.css-search-1 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}

/*! CSS Used from: Embedded */
.css-search-2 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  /*background-color: #ffffff;*/
  width: 100%;
}

/*! CSS Used from: Embedded */
.css-search-3 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  height: 32px;
  margin-top: 4px;
  margin-bottom: 0px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
  border: 1px solid transparent;
  border-color: rgb(255, 255, 255);
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  /*background-color: #ffffff;*/
  margin-top: 0;
  width: 100%;
  height: 44px;
}

.css-search-3:hover:not(.bn-input-status-disabled):not(.bn-input-status-error) {
  border-color: #f0b90b;
}

.css-search-3 input {
  color: rgb(0, 0, 0);
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
}

.css-search-3 .bn-input-prefix {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 14px;
}

@media screen and (min-width: 767px) {
  .css-search-3 {
    width: 282px;
  }
}

@media screen and (min-width: 1023px) {
  .css-search-3 {
    width: 282px;
  }
}

.css-search-4 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

/*! CSS Used from: Embedded */
.css-search-5 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: #848e9c;
  width: 22px;
  height: 22px;
  font-size: 22px;
  fill: #1e2329;
  fill: #848e9c;
  vertical-align: middle;
  color: rgb(0, 0, 0);
  width: 1em;
  height: 1em;
}

/*! CSS Used from: Embedded */
.css-search-6 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  outline: none;
  border: none;
  background-color: inherit;
  opacity: 1;
  font-size: 14px;
}

.css-search-6::-webkit-input-placeholder {
  color: rgb(0,0,0);
  font-size: 14px;
}

.css-search-6::-moz-placeholder {
  color: rgb(0,0,0);
  font-size: 14px;
}

.css-search-6:-ms-input-placeholder {
  color: rgb(0,0,0);
  font-size: 14px;
}

.css-search-6::placeholder {
  color: rgb(0,0,0);
  font-size: 14px;
}

.css-search-6::-webkit-input-placeholder {
  color: rgb(0,0,0);
}

.css-search-6::-moz-placeholder {
  color: rgb(0,0,0);
}

.css-search-6:-ms-input-placeholder {
  color: rgb(0,0,0);
}

.css-search-6::placeholder {
  color: rgb(0,0,0);
}

.tab-box {
  display: flex;
}