@charset "UTF-8";use:focus-visible {
  outline: 0px !important;
}
.icon:focus-visible {
  outline: 0px !important;
}
.icon {
  outline: 0px !important;
}.Underline {
  position: relative;
  color: var(--v02b41c68);
}
.Underline .line {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--v02b41c68);
}.AppFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0 32px;
  box-sizing: border-box;
  width: 100%;
  background-color: #F9F9F9;
}
.AppFooter .language {
  width: 146px;
  height: 44px;
  padding-left: 16px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 4px;
  box-sizing: border-box;
}
.AppFooter .language .icon {
  transition: all 0.3s;
}
.AppFooter .language:hover .icon {
  transform: rotateZ(-90deg);
}
.AppFooter .link-box {
  height: 100%;
  font-size: 16px;
}
.AppFooter .link-box .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #16151A;
}
.AppFooter .link-box .link {
  font-size: 16px;
  margin-bottom: 20px;
  cursor: pointer;
}
.AppFooter .link-box .af-email {
  font-size: 16px;
  margin-bottom: 20px;
}
.AppFooter .link-box .apps {
  display: flex;
}
.AppFooter .link-box .apps .image {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}
.AppFooter .AppFooter-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1176470588);
  height: 308px;
}
.dark .AppFooter {
  background-color: #000;
}
.dark .AppFooter .title {
  color: #ffffff !important;
}
.dark .AppFooter .link-box .link {
  color: #9B9B9B !important;
}
.dark .AppFooter .link-box .af-email-link {
  color: #ffffff !important;
}
.dark .af-footer-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}.dia-clear {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 !important;
}
.dia-clear .el-dialog__header {
  height: 0px;
  padding: 0px;
  margin: 0px;
}
.dia-clear .el-dialog__body {
  padding: 0px !important;
}
.dia-clear .clear-close {
  transition: all 0.3s;
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url("data:image/webp;base64,UklGRjAEAABXRUJQVlA4WAoAAAAwAAAAOwAAOwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDhMQgIAAC87wA4Qb8Emkmwpw32E5HggRA3+XXSEBzaRJFuZxx9CcjwQogb/LppVJMlO9pFBQlbAL2rwbyI1grZtM2codrSHnpWp+NesPtf9LAAAYoo/OK8AQDUMUUCB1k2oOggqClQBy9r6/vue93z3c9z7XR8QI9lWFR3cYd1xPUj+8X1799z7NoCI/jNwJLUNulNsp5ECHF8AAAAAAAAAAACz95/VZn8+7zern/cZAAAAAAAAAHlf52l5IkmSJEnytHzqxIxGK5IkSWvXauwfDZYXUsVlOfCN+t+1kWPw3Suof5ja67UG5gvXP9dbY9W5+KqNWn8kGTH4bQvsbckobHv2uGQgWpYtyUj8GXwlY5G+2MK4Uch9pgm2j2Q0jomw+iDj8dGMgHMOO3fr9kvmwFeNw8Y54aeMKhPyxPWmuHi7CnmkusrZ5uNxtx28Px5Xe3cHWFCwEjYLEzYLoApb08MKgiNKIANFnlFhUvHugEnx8WQY1LybvNCBJEXnXj7pQYJyPBQZzoUG9ay3pg816p6t9/ShosOxXRG7HtToKhKnrLbLOsl7SMyF9BSf9Z/8fA2KBbU6THPG4LQVFvvStVqBOUephmWuE9JpZK7r5Mux7ay5vSbkyDxFZVgrSAmBE6wbGjU0ppjZ+/uNAvzlMzkOmnW/KxTvAG3YTQiO53ibl0InoTjC1UZObbbMqwltLXpQKdXOhABPCbTfcA1sicog7a1r/nOk5lcE+Je/13D2OH++HsffIY313mr0z3q6mF5yqjoH");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.dia-clear .clear-close:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABHNCSVQICAgIfAhkiAAABRFJREFUaEPlW1tvG0UU3tldX5I4sXftdSrRPECr3qgCAqGSUglBJdSC+i9QhUIl3tp/UKm88UBVVfyLCrVCAoQohQIPNKqohCJ4SAWN1961Y+diey+cY3WD4+x6LzPr2Oy8+DJzLt+e2TMz55whXHwtK0lSmRCSsywhIwh82rKsNM/3PjMoFr634XsHPjumiZ9m27btlq7rFejeiUM1wpJpqVSaBQALhKQOEcLN0PE2m8CrAg9jrVqtNul4/UfNAnAmny8fJsQ6LIrCHCvF+vkYhrlh2/zTRqPyFP5v08igAcwXCoUFQcgcobdmMAi2zW3CG7AKU34NKOxgVHtHRQIM72ae41KnBYHIUYTS0pimrYmi/UhV1VZYXqEB5/PzL4JzOSWAFworjOV4E7wcOMPfG431v8LwDQM4VSzOvwbTtxxGQPxjzb/BqT0COUYQWUEBpwuF0lJcTimIosPGoFOr16s/wpiOH68ggKfAskujckx+Cnv3my2w9E/Qvz2Mhx9gESz71rhadhDYc0vfh/9NL9BDAcvy/Js8zynRn/pBUJr/gKV/DQ24WCyeJEQ8ehAq08q0bWO1Vqs9cePjauFcbr6czXJnaAUfJP32tvXL5qb6bFAHN8BTsqy8DXvY1EEqTCsbFumupqnfDTqxfYALBeVVUeQXaAWOA71hWGv1uvpbvy57AM/OzhYzmemz46AsKx0Mo/19HZrDbw9gWS6f5XlSZCVsHPhYll3TtMqDfYD/j9Z1QLbbWw+azWYNf+9amIV1L168UF5cXCzfuPHpYxbWvXbt6umVlZXK3bv3MAISufVb2QE8LUmld+EE5Lfz8hSKYG/fvvUFDrhz58vPlpc//jqyhkB48+bn5y9d+uAT5HH58kcf0oCGk5Wt69WvgFWnBxBCM8c4TjhOo2A/YFrQ/WBZAEYe3S73GI+SPcAspjPyGVQ0iqVZ8HAznDOtETAvScoFOM8LNBZ2aGkUpqH10x3iBaauq/dIHN45iuJRaPxADvajtyZzc8rRdJo/GZbYb3wYAGHG+skd1t/pWE9InFvJIECCjKEB2U+LW00C7+85eH8lVkwH+QwDNEqwqBc6LgLhm/MQvpmOC7CX98b/nXWWdhkLqjvEtbcILEnvwf65l+uJsw1as19WlOUriq5g4TZO6fdZLUl+SriBHhVY1A2XpuQBTtyUTpzTStKyBO+wnryNR+K2lok7PCTueIgLctICAByL9xgDbleuLF93dls0O6g4Qjx4NNzYUFeTFMT7BoyxtRulhA3IGdpyhnEN08IpqVKrrT/E2bcLOA5v7XeYGFW/ayCepfMaFZAgcjxTLUicz+elVCp7LgijSRnT7e7cbzQauqNvstOlz59CGtbldyAKkp4UK7rpCVO5A1nDb6FvTymTay5pZkY5NDXFvzHJgHd2uIet1vq+JJxn8kyW5Zeh6uGlSQQduqjFATmJZUuWxamato4Faq7NLz06iYVpPwBSz7pLP8D4lLKQTl2CdGpunKc31lLDbgrBDi0gDwIYcY51cSmGbiAz+POgR3YzUFDASCvCfvt12v02+1nSKx/G0iTP+sp+mWEA9+jwKCkI9gma8ggWoEdRIL6rp6IoOcMgryTiCkC/dWCtxis7x+JOxjkyMRlm290/NE3DSx6RWugp7SYFKm9fME3+CJQswuUP9g3yug24Z/EnAMVrPFSNCWBHA5YXtXCZAWs+G8eLWl5PfCyv4v0LlDVQP0sxQXcAAAAASUVORK5CYII=");
}.block {
  display: block;
}
.activity-award {
  background: rgba(247, 249, 252, 0);
  box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.13);
  border-radius: 0px;
}
.activity-award .el-dialog__header {
  padding: 0px !important;
}
.activity-award .el-dialog__body {
  padding: 0px !important;
}
.activity-award {
  box-shadow: 0px 0px 0px 0px !important;
}
.da-close {
  position: relative;
  top: -50px;
  right: -50px;
}
.da-deail {
  position: relative;
  bottom: 176px;
}.block {
  display: block;
}
.activity-award {
  background: rgba(247, 249, 252, 0);
  box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.13);
  border-radius: 0px;
}
.activity-award .el-dialog__header {
  padding: 0px !important;
}
.activity-award .el-dialog__body {
  padding: 0px !important;
}
.activity-award {
  box-shadow: 0px 0px 0px 0px !important;
}
.activity-award .el-loading-mask {
  border-radius: 10px;
}
.da-close {
  position: absolute;
  top: 14px;
  right: 14px;
}
.da-deail {
  position: relative;
  bottom: 176px;
}.bi-check-box[data-v-58a97766] {
  cursor: pointer;
}
.bi-check-box .box[data-v-58a97766] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  box-sizing: border-box;
}
.bi-check-box .icon-box[data-v-58a97766] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.bi-check-box .light-box[data-v-58a97766] {
  border: 1px solid #DADDEA;
}
.bi-check-box .light-icon-box[data-v-58a97766] {
  color: #2649EF;
}
.bi-check-box .dark-box[data-v-58a97766] {
  border: 1px solid #2D344E;
}
.bi-check-box .dark-icon-box[data-v-58a97766] {
  color: #3B5AF0;
}.TextButton {
  padding: 0px !important;
  cursor: pointer;
}
.TextButton + .TextButton {
  margin-left: 0px;
}.bi-tabs {
  --el-fill-color: transparent !important;
  --el-fill-color-light: transparent !important;
}
.bi-tabs .el-button:hover {
  background: rgba(255, 0, 0, 0) !important;
}
.bt-under-line {
  position: absolute;
  bottom: 0px;
}
.Bi-tab-item {
  margin-right: 50px;
}
.Bi-tab-button {
  padding-left: 0px !important;
  padding-right: 0px !important;
}.ac-cir {
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  opacity: 1;
  border: 5px solid #2649EF;
  border-radius: 8px;
  box-sizing: border-box;
}
.nac-cir {
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 8px;
  border: 1px solid #DADDEA;
  box-sizing: border-box;
}.DiaTradeStyleSet .el-radio__inner {
  width: 16px !important;
  height: 16px !important;
}
.DiaTradeStyleSet .el-radio__inner::after {
  width: 5px !important;
  height: 5px !important;
}
.DiaTradeStyleSet .el-drawer__header {
  padding: 35px 30px !important;
  margin-bottom: 15px !important;
}
.DiaTradeStyleSet .el-drawer__body {
  padding: 0 30px !important;
}
.DiaTradeStyleSet .el-dialog__headerbtn {
  top: 0 !important;
  right: 0 !important;
}.WalletMenu .el-dropdown-menu__item {
  height: 48px;
  line-height: 48px;
  border-radius: 4px !important;
}.CopyToClip {
  cursor: pointer;
  color: var(--disabled-text-color);
  word-break: break-word;
}
.CopyToClip:hover {
  color: #2649EF;
}.my .appheader-dropdown-item {
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding: 0 20px;
  cursor: pointer;
}.QrCode {
  width: var(--v8c3e4282);
}.light .ListEmpty .no-list, html .ListEmpty .no-list {
  background-image: url("/assets/no-list-cbf94fdb.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.dark .ListEmpty .no-list {
  background-image: url("data:image/webp;base64,UklGRnIGAABXRUJQVlA4WAoAAAAQAAAAhwAAnwAAQUxQSGsCAAAJkIPtnyFJ/90927bteBCdbdu2ERqRbdu2bVvhPhf5alxP9f//r7qqmyQiILht5EiSsLUTaveyO9wPgMqGs+uAkulX+n8FrWx3TPEBeZveKaQV2daAukXmaEXdnODBZlpRDLxQIBM4ui22vAwlusMbP0MJfr85pz4/eqTv71wBsM3SYMKtm+WYMXh9HiCywfUyrKi/BOgssBONPCPPIngCKG3w8Kx397YCyHN6oQ/BfEBqDZ93W+xeBDNqCQSBWoHhsJbNBAYhakICQ19JU1BTCDOciBCO9AVFIUxxEtICYQxC2DemNFd3LzUTm6u7Re3Gw8vqfqHm0WV1P8hOyH/qLH9TQG9COCwNEvsABaSUfH2O2G8oyWqkk5A5LmupLK2NUegHcz4zAAvJT3Ogxw0Hy8+QMfITTJqfvWbKDMQISD+RXjrlZ69ZMuOZJZMjIet4I+Eu47x15KewjvHVgC+7d17muxjvpJ/IPT4Fo2VUQOa6GOsCMkfZcH6a743q+GWWiVFG+onUYbS+R2hcfE5mr7gJmfQTWcywxULyU/dCP867dH5qX4zRaGP5GUiROSvGrBSZARvep3SXcd468tNh1vdUnTa/Xll+i6kDjFfkMa53YxImP81XFg5k6iH8/Hx+m6lfjJefydt9SmEJlwEjP8cuZ2pz/PV9pfpMLepe+4NOtE/5L183AUZ+HlrB1Nv4LzvIlmRxfrrc/1sq12dqMfyWMcuZ2szp8lPzE2Os781UjNECmreolxe3mfoVP7cWDGTqQXsa583RYgnzQLCj/ExJ1VDFkwyZNDRV2qK5BkKEjKF1PIfgf4cAAFZQOCDgAwAA0B8AnQEqiACgAD6dSJ1KJiSiI6YXjHiwE4ljbt1cpkbmwMrf11+3n6vFJ/TP3hdMX9ADzwvVb3QD//9c+6XxUHo4sB7r+wHaA9eF4MkB+gHtYTAuwH6AdEv+O/QD+AeYNMA/gH6Acxf5m9gD6//dr9QH6Aff//APsA/QD+Afn//ADugxVO185K5spo/aiJcP398GkTEENm2ECnj6829pODnUNSMGvVnVPBeVovziR9K4RHUgmcG5q9xh9j5q9DbHdzTx6+HF0FQvke6MjW4QCGp6Pw+lOAXteb4OOoRCW3UAhxgjyP0XLnv/SRFqBVGAaR7cWJaHouRENcXUraFjQyl1jc5VMAAA/vkIn//2J6LzGthTcikTzYmhfPHj4i5MJlFoQvub+ZM8jZ+HY8Czl3vfzJKtXx+zm+7ga7Xyrv0aLs1di37j9FweLB2IiRo0n60BTJGFILMgmW+LRG+eijbf5IbP/8cX+uELUh9h3ugG/mlvWFjrZI3x//4754jeeH5k1ZlqIwzoOsUhcf7EfO7dkJW73QrzTom/zkJ/xMeWNQZyRX3+1rgNa1Kq0/6M/uADFZ0/w/6yR83r9/8BsaDZHpfzev3/wb/+ZZ9HJ4AACP3/9xLwMI22u6a2SgwlRARMjHrukjpqp3ZN6KsXtyNYomDhQFrD0qWNQmkkK6DlUdVOVTEL05tdkAyCDPzYAF+0CXGVw0H0HQ80Nf/9xJUljCqDqM/KJsO8ft+HA2xv9WLbayjAaEE+8AAPiINKKR7mgFqHe4GpBY7kq/wt981KODtwGkAG1b/f7EBM4Y0D1aFJ/oa8e1cXM/8WPXJvz+K+hijz+KEif3McqAWMZ5FLJ4RsJEYvOU23ZmLV365H4nuiOyNGz0vXimJC/JyEq331XiG9MvbpbG1m+W2yg7EojiFyGW1UW5S247VH7atonll+aW+EdGz0vXimBJAtdtIegAjeZlltN8BY2ce81aeBAaBR1brEN/NCX7L/gFyltx2qP21bQ4drOMsb0f2cAkB5CxDK9ioD6i85EuNLhOpeX8m/0q/d1mE0w0t8I6NnpevFMOdRTGOW11b7udqEUXnIlx/qhR5fC+XPkazu0f9juSMP5Xv1qRk4eJBzSFJ/oO2rnJRPQZ3LY2s3y22UHYlEcQuQy2qi3KW3Hao/bVtE8svzS3wjo2el68UwJM5D8gYSMYosAAKi+2ClGtgccoD6ACWC2/p2qHAExO8F9eKyG0cx0ilu/pV+7qxoqUYoqskQsnICzEiBLgA3PFYa5LwujoBcs6dnkKgPiTucqATWy+b6BPaX4fYWIhQAAAA=");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.el-dialog .ListEmpty .no-list {
  background-image: url("/assets/no-list-cbf94fdb.png") !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.ListEmpty {
  padding-top: var(--v6edeb173);
}
.ListEmpty .el-empty__description {
  margin-top: 10px !important;
  line-height: normal;
}
.c-cs-9b-5 {
  color: rgba(155, 155, 155, 0.4980392157) !important;
}.QuerySymbol {
  transition: all 0.3s;
  position: absolute;
}
.QuerySymbol .QuerySymbol-input .el-input__wrapper {
  padding-left: 38px !important;
  border-radius: 38px !important;
}
.QuerySymbol .QuerySymbol-input .el-input__inner {
  --el-input-height: 32px;
  font-size: 12px !important;
  height: 32px !important;
}
.QuerySymbol .QuerySymbol-input .el-input__inner::placeholder {
  font-size: 12px !important;
}.QuerySymbol {
  transition: all 0.3s;
  position: absolute;
}
.QuerySymbol .QuerySymbol-input .el-input__wrapper {
  padding-left: 38px !important;
  border-radius: 38px !important;
}
.QuerySymbol .QuerySymbol-input .el-input__inner {
  --el-input-height: 32px;
  font-size: 12px !important;
  height: 32px !important;
}
.QuerySymbol .QuerySymbol-input .el-input__inner::placeholder {
  font-size: 12px !important;
}.QuerySymbol {
  transition: all 0.3s;
  position: absolute;
}
.QuerySymbol .QuerySymbol-input .el-input__wrapper {
  padding-left: 38px !important;
  border-radius: 38px !important;
}
.QuerySymbol .QuerySymbol-input .el-input__inner {
  --el-input-height: 32px;
  font-size: 12px !important;
  height: 32px !important;
}
.QuerySymbol .QuerySymbol-input .el-input__inner::placeholder {
  font-size: 12px !important;
}
.QuerySymbol-m .el-dropdown__list {
  padding: 0 !important;
}
.QuerySymbol-center .el-tabs__header {
  margin-bottom: 0 !important;
}
.QuerySymbol-center .el-tabs__nav {
  padding: 0 9px !important;
}
.QuerySymbol-center .el-tabs__nav-wrap::after {
  height: 1px !important;
  background-color: var(--input-bg-color);
}
.QuerySymbol-center .el-tabs__item {
  --el-tabs-header-height: 48px;
  padding: 0 7px !important;
}
.QuerySymbol-center .el-tabs__item.is-active {
  font-weight: bold !important;
}@media (max-width: 1260px) {
.AppHeader .languag-text {
    display: none;
}
}
.header-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
.ah-line {
  width: 1px;
  height: 20px;
  background: #DADDEA;
  margin-right: 20px;
}
.dark .nav-item:hover {
  background-color: var(--el-color-primary);
}
.dark .AppHeader {
  border-bottom: 1px solid #1C1F2C !important;
}
.dark .ah-line {
  width: 1px;
  height: 20px;
  background: #1C1F2C;
  margin-right: 20px;
}
.dark .appHeader-to-login {
  color: #16151A !important;
}
.downloadQrCode-box {
  background-image: url("data:image/webp;base64,UklGRkYBAABXRUJQVlA4IDoBAADQFgCdASrwAPAAPp1OoU02GUg6dCwE4lpbuF1+/25X+8QDw/rf8A1QBZBdv+WfUZy2jzH9eYQK0Wdkp9wpfgqtW388UYoxQ/qmwsiJi/fOmQaPNIiYv3zDLmmx++dj96mKXp5fvnY/XAW7JMX752PanbBkTF++diV8sxETsfvnTINHmkRMX75hlzTY/fOx+9TFL08v3zsfrgLdkmL987HtTtgyJi/fOw4B/jPKfwkihrzIjlxgtJfN4YQTKDrogAD9Ub/+cRufIBQfv38qFyvBtytDUJlcDzsv0cUEAeDBwEL4XhRjOHAUcDq5oRBcKUZkiATzzXkGB2CHeySLgp8/m7gAAAAAAAAgeNwm6eUC7tcdP+SslwS8Ws7mYG5Qxhomwxl1tHGdgDzh4SDZWDGqM+Uw9sm2m4AAAA==");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.appheader-dropdown-item {
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 4px !important;
  cursor: pointer;
}
.AppHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 0 20px;
  background-color: #fff;
  font-size: 14px;
  z-index: 98;
}
.AppHeader::-webkit-scrollbar {
  display: none;
}
.AppHeader .c-icon-hover-primary {
  transition: all 0.3s;
}
.AppHeader .c-icon-hover-primary .icon {
  transition: all 0.3s;
}
.AppHeader .c-icon-hover-primary:hover .icon {
  color: #2649EF !important;
}
.AppHeader .c-title-hover-primary:hover .t-d {
  transition: all 0.3s;
  color: #2649EF;
}
.AppHeader .logo {
  width: 105px;
  height: 38px;
}
.AppHeader .languag-box {
  transition: all 0.1s !important;
  font-size: 16px;
  font-weight: bold;
}
.AppHeader .languag-box .language-title:hover {
  color: #2649EF;
}
.AppHeader .languag-box:hover {
  color: #2649EF;
}
.AppHeader .nav-menu {
  height: 100%;
  background-color: transparent !important;
  border-bottom: 0px !important;
}
.AppHeader .nav-menu .el-menu--horizontal {
  border: none !important;
}
.AppHeader .nav-menu .el-menu--horizontal .el-menu-item {
  border-bottom: 0px !important;
}
.AppHeader .nav-menu .el-menu--horizontal .el-menu-item:hover {
  background-color: transparent !important;
}
.AppHeader .nav-menu .nav-item {
  padding: 0px;
  transition: all 0.1s !important;
  background-color: transparent !important;
  border-bottom: 0px !important;
  font-weight: bold !important;
  font-size: 14px;
  height: 100%;
}
.AppHeader .nav-menu .nav-item:hover {
  background-color: transparent !important;
}
.AppHeader .nav-menu .is-active {
  color: var(--el-color-primary) !important;
  border-bottom: 0px !important;
}
.AppHeader .nav-menu .is-active:hover, .AppHeader .nav-menu .is-active:focus {
  background-color: transparent !important;
  border-bottom: 0px !important;
}
.AppHeader .nav-menu .el-sub-menu__title {
  border-bottom: 0px !important;
}
.AppHeader-dark {
  background-color: #0f0f10 !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.AppHeader-dark .languag-box {
  border-color: rgba(255, 255, 255, 0.2);
}
.AppHeader-dark .nav-menu {
  display: block;
}
.AppHeader-dark .nav-menu .is-active {
  color: #fff !important;
}
.AppHeader .wallet:hover .wallet-active {
  color: #2649EF !important;
}
.AppHeader .wallet-arrow-active {
  transform: rotate(180deg);
  transition: transform 0.5s;
}
.AppHeader .wallet-item-ac {
  background: #F7F9FC;
}
.AppHeader .futures-beta {
  position: absolute;
  right: -18px;
  top: 6px;
  width: 28px;
  height: 13px;
}
.landingPageList-status .Ongoing {
  padding: 0 4px;
  height: 16px;
  background-color: #FAAD3A !important;
  border-radius: 8px;
  color: #fff;
}
.landingPageList-status .Ended {
  padding: 0 4px;
  height: 16px;
  background-color: #F4F4F4 !important;
  border-radius: 8px;
  color: #9B9B9B;
}
.landingPageList-status .Upcoming {
  padding: 0 4px;
  height: 16px;
  background-color: rgba(250, 173, 58, 0.1019607843) !important;
  border-radius: 8px;
  color: #FAAD3A;
}
.landingPageList-status {
  flex-shrink: 0;
}.AppLayout {
  width: 100%;
}
.AppLayout .header-fixed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: #fff;
}
.AppLayout .app-body {
  min-height: calc(100vh - 60px - 482px);
}
.AppLayout .app-body--auth {
  min-height: calc(100vh - 60px);
}
.AppLayout .component {
  min-height: calc(100vh - 420px);
}
.AppLayout .component--iframe {
  min-height: calc(100vh - 350px);
}
.AppLayout .component--fullscreen {
  min-height: 100vh;
}
.AppLayout .component--no-footer {
  min-height: calc(100vh - 60px);
}.dark .Pagination .b {
  border-color: #1C1F2C !important;
  color: #9A9FB5;
}
.dark .Pagination .disabled {
  border-color: #DADDEA;
  color: rgba(154, 159, 181, 0.5);
  cursor: not-allowed;
}
.light .Pagination .b {
  border-color: #DADDEA;
  color: #9A9FB5;
}
.light .Pagination .disabled {
  border-color: #DADDEA;
  color: #DADDEA;
  cursor: not-allowed;
}
.Pagination {
  margin-top: 5px;
  color: var(--el-text-color-regular);
  font-size: 12px;
}
.Pagination .el-input {
  --el-input-height: 32px;
}
.Pagination .el-pagination__jump {
  height: 32px;
  line-height: 32px;
}
.Pagination .back {
  font-size: 10px;
}
.Pagination .styleType-3 {
  --el-pagination-button-color: #16151A;
}
.Pagination .el-pagination {
  --el-pagination-button-bg-color: transparent;
  --el-disabled-bg-color: transparent;
  --el-pagination-font-size: 16px;
}
.Pagination .el-pagination .el-pager li.is-active {
  background-color: var(--el-pagination-button-bg-color);
  color: #2649EF !important;
  font-weight: 400 !important;
}
.Pagination .el-pagination .el-pager li, .Pagination .el-pagination .btn-prev, .Pagination .el-pagination .btn-next {
  transition: all 0.3s;
  border-radius: 4px;
  border: 1px solid #DADDEA !important;
  font-weight: 400 !important;
}
.Pagination .el-pagination .el-pager li.is-active {
  border-color: #2649EF !important;
}
.Pagination .el-pagination .el-pager li.more {
  border: none !important;
}
.Pagination .el-pagination .el-pager li.more svg {
  color: #DADDEA !important;
}
.Pagination .el-pagination__jump .el-input__wrapper {
  border-radius: 4px;
}.AmountNum {
  font-family: "Roboto";
}:deep(.summary-row) {
  background-color: var(--el-table-row-hover-bg-color, #f5f7fa) !important;
  font-weight: bold;
}
:deep(.summary-row) .cell {
  border-top: 2px solid var(--el-border-color-base, #DCDFE6);
}
:deep(.summary-row):hover {
  background-color: var(--el-table-row-hover-bg-color, #f5f7fa) !important;
}.light .DynamicForm .el-radio-button {
  --el-button-text-color: #9A9FB5;
  --el-radio-button-checked-text-color: #16151A;
  --el-radio-button-checked-bg-color: #EBF2FA;
  --el-radio-button-checked-border-color: #DADDEA;
  --el-border-color: #DADDEA;
}
.dark .DynamicForm .el-radio-button {
  --el-border: 1px solid #2D344E;
  --el-button-text-color: var(--el-color-info);
  --el-radio-button-checked-text-color: #fff;
  --el-radio-button-checked-bg-color: #1D2336;
  --el-radio-button-checked-border-color: #2D344E;
  --el-border-color: #2D344E;
}
.dark .DynamicForm .el-radio-button__inner:hover {
  color: #fff;
}
.dark .DynamicForm .search-box:hover {
  background-color: rgba(38, 73, 239, 0.9) !important;
  --el-button-hover-border-color: rgba(38, 73, 239, 0.9);
}
.dark .DynamicForm .el-input, .dark .DynamicForm .el-input__wrapper {
  --el-input-hover-border-color: #2D344E;
  --el-input-border-color: #2D344E;
  background: transparent !important;
}
.DynamicForm .el-input {
  --el-font-size-base: 14px;
}
.DynamicForm .el-range-input {
  cursor: pointer !important;
}
.DynamicForm .reset-box {
  --el-button-border-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
}
.DynamicForm .el-date-editor .el-range__icon {
  display: none;
}
.DynamicForm .el-input__wrapper {
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
}
.DynamicForm .label {
  height: var(--v529a6c39);
}
.DynamicForm .el-input__wrapper, .DynamicForm .el-radio-button__inner {
  --el-border-radius-base: 2px;
}
.DynamicForm .el-input, .DynamicForm .el-input__wrapper {
  --el-input-height: var(--v529a6c39);
  height: var(--el-input-height);
  --el-font-size-base: var(--b7573b10);
}
.DynamicForm .el-radio-group {
  flex-wrap: inherit;
}
.DynamicForm .el-radio-button__inner {
  height: var(--v529a6c39);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--b7573b10);
}
.DynamicForm .el-input__inner {
  font-size: var(--b7573b10) !important;
}
.DynamicForm .el-button {
  height: var(--v529a6c39) !important;
  font-size: var(--b7573b10) !important;
}
.DynamicForm ::-webkit-input-placeholder {
  font-size: var(--b7573b10) !important;
}
.df-aciton {
  display: flex;
}.header-wrap[data-v-1c2fd13c] {
  background-color: #EBF2FA !important;
}
:root .el-select-dropdown__list {
  border-radius: 8px;
}
:root .el-select-dropdown__item.selected {
  --el-fill-color-light: #F9F9F9;
}
:root .el-select-dropdown__item:hover {
  --el-fill-color-light: #F9F9F9;
}
:root .el-dropdown-menu__item:not(.is-disabled):focus {
  --el-dropdown-menuItem-hover-fill: #F9F9F9;
}
:root .el-input {
  --el-font-size-base: 16px;
}
:root .el-checkbox {
  --el-checkbox-font-weight: 400;
}
:root .dropdown-no-active {
  --el-dropdown-menuItem-hover-fill: unset;
  --el-dropdown-menuItem-hover-color: unset;
}
:root .dropdown-no-active .el-dropdown-menu {
  padding: 0 !important;
}
:root {
  --el-bg-color: transparent;
  --color-default: #16151A;
}
:root .table-row-hover {
  transition: all 0.3s;
}
:root .table-row-hover:hover {
  background-color: #f7f9fc;
}
:root .el-input .is-focus:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
:root .el-select__popper.el-popper {
  --el-box-shadow-light: 0px 5px 20px 1px rgba(38, 73, 239, 0.1) !important;
}
:root .is-light.el-popper {
  --el-box-shadow-light: 0px 0px 30px 0px rgba(0, 0, 0, 0.05) !important;
}
:root .el-button:focus {
  background-color: var(--el-button-bg-color);
  border-color: var(--el-button-border-color);
  color: var(--el-button-text-color);
}
:root .is-error .el-input-group__append {
  --el-input-border-color: #FF5555 !important;
}
:root .el-table {
  font-size: 14px !important;
}
:root .el-table .el-table__header .el-table__cell {
  border-bottom-width: 0px !important;
}
:root .table-header-border-b .el-table__header tr .el-table__cell {
  border-bottom-width: 1px !important;
}
:root .table-header-border-b .el-table__header tr .border-0 {
  border-bottom-width: 0px !important;
}
:root {
  --el-color-primary: #2649EF;
  --el-color-primary-light-1: rgb(59.7, 91.2, 240.6);
  --el-color-primary-light-2: rgb(81.4, 109.4, 242.2);
  --el-color-primary-light-3: rgb(103.1, 127.6, 243.8);
  --el-color-primary-light-4: rgb(124.8, 145.8, 245.4);
  --el-color-primary-light-5: rgb(146.5, 164, 247);
  --el-color-primary-light-6: rgb(168.2, 182.2, 248.6);
  --el-color-primary-light-7: rgb(189.9, 200.4, 250.2);
  --el-color-primary-light-8: rgb(211.6, 218.6, 251.8);
  --el-color-primary-light-9: rgb(233.3, 236.8, 253.4);
  --el-color-success: #01BD8B;
  --el-color-success-light-1: rgb(26.4, 195.6, 150.6);
  --el-color-success-light-2: rgb(51.8, 202.2, 162.2);
  --el-color-success-light-3: rgb(77.2, 208.8, 173.8);
  --el-color-success-light-4: rgb(102.6, 215.4, 185.4);
  --el-color-success-light-5: #80dec5;
  --el-color-success-light-6: rgb(153.4, 228.6, 208.6);
  --el-color-success-light-7: rgb(178.8, 235.2, 220.2);
  --el-color-success-light-8: rgb(204.2, 241.8, 231.8);
  --el-color-success-light-9: rgb(229.6, 248.4, 243.4);
  --el-color-warning: #FAAD3A;
  --el-color-warning-light-1: rgb(250.5, 181.2, 77.7);
  --el-color-warning-light-2: rgb(251, 189.4, 97.4);
  --el-color-warning-light-3: rgb(251.5, 197.6, 117.1);
  --el-color-warning-light-4: rgb(252, 205.8, 136.8);
  --el-color-warning-light-5: rgb(252.5, 214, 156.5);
  --el-color-warning-light-6: rgb(253, 222.2, 176.2);
  --el-color-warning-light-7: rgb(253.5, 230.4, 195.9);
  --el-color-warning-light-8: rgb(254, 238.6, 215.6);
  --el-color-warning-light-9: rgb(254.5, 246.8, 235.3);
  --el-color-danger: #FF5555;
  --el-color-danger-light-1: #ff6666;
  --el-color-danger-light-2: #ff7777;
  --el-color-danger-light-3: #ff8888;
  --el-color-danger-light-4: #ff9999;
  --el-color-danger-light-5: #ffaaaa;
  --el-color-danger-light-6: #ffbbbb;
  --el-color-danger-light-7: #ffcccc;
  --el-color-danger-light-8: #ffdddd;
  --el-color-danger-light-9: #ffeeee;
  --el-color-error: #FF5555;
  --el-color-error-light-1: #ff6666;
  --el-color-error-light-2: #ff7777;
  --el-color-error-light-3: #ff8888;
  --el-color-error-light-4: #ff9999;
  --el-color-error-light-5: #ffaaaa;
  --el-color-error-light-6: #ffbbbb;
  --el-color-error-light-7: #ffcccc;
  --el-color-error-light-8: #ffdddd;
  --el-color-error-light-9: #ffeeee;
  --el-color-info: #9A9FB5;
  --el-color-info-light-1: rgb(164.1, 168.6, 188.4);
  --el-color-info-light-2: rgb(174.2, 178.2, 195.8);
  --el-color-info-light-3: rgb(184.3, 187.8, 203.2);
  --el-color-info-light-4: rgb(194.4, 197.4, 210.6);
  --el-color-info-light-5: rgb(204.5, 207, 218);
  --el-color-info-light-6: rgb(214.6, 216.6, 225.4);
  --el-color-info-light-7: rgb(224.7, 226.2, 232.8);
  --el-color-info-light-8: rgb(234.8, 235.8, 240.2);
  --el-color-info-light-9: rgb(244.9, 245.4, 247.6);
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-border-color: rgba(218, 221, 234, 0.5);
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-text-color-primary: #16151A;
  --el-text-color-regular: #16151A;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #9A9FB5;
  --el-text-color-disabled: #c0c4cc;
  --el-text-color-regular-primary: #16151A;
  --el-text-color-regular-regular: #16151A;
  --el-text-color-regular-secondary: #909399;
  --el-text-color-regular-placeholder: #9A9FB5;
  --el-text-color-regular-disabled: #c0c4cc;
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-disabled-bg-color: #f5f7fa;
  --el-disabled-border-color: #e4e7ed;
  --el-text-color-bg-color: #f5f7fa;
  --el-text-color-border-color: #e4e7ed;
  --trade-red: #FF5555;
  --trade-green: #01BD8B;
  --el-component-size-large: 50px;
}
:root .el-button--large {
  height: 50px;
}
:root {
  --el-component-size: 48px;
}
:root .el-button--default {
  --el-button-size: 48px;
}
:root .el-button {
  height: 48px;
}
:root {
  --el-component-size-small: 32px;
}
:root .el-button--small {
  height: 32px;
}
:root {
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-color-placeholder: #DADDEA;
  --el-color-lGrey: #EBF2FA;
  --color-default: #16151A;
  --color-o-dark: #9A9FB5;
}
:root .el-table {
  --el-table-border-color: rgba(218, 221, 234, 0);
}
:root .el-switch__core {
  --el-switch-off-color: #CCCCCC;
}
:root .el-popover {
  --el-popover-bg-color: #fff;
}
:root .c-d {
  color: #16151A !important;
}
:root {
  --d-color: #16151A;
}
:root .el-input,
:root .el-date-editor {
  --el-input-bg-color: #fff;
  --el-input-border-color: #DADDEA;
}
:root .el-radio-button .el-radio-button__inner {
  border-color: #DADDEA !important;
}
:root .el-button--primary {
  --el-button-disabled-bg-color: #DADDEA;
  --el-button-disabled-border-color: #DADDEA;
}
:root .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
:root .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  --el-menu-hover-bg-color: #f7f9fc;
}
:root .el-slider {
  --el-slider-runway-bg-color: #EBF2FA;
  --el-slider-stop-bg-color: #EBF2FA;
}
:root .el-tabs__nav {
  --el-text-color-primary: #16151A;
}
:root .bg-d {
  background-color: #f7f9fc;
}
:root .bg-dw {
  background-color: #fff;
}
:root .el-scrollbar__thumb {
  --el-scrollbar-bg-color: #EBEBEB;
  --el-scrollbar-hover-bg-color: #EBEBEB;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-opacity: 1;
}
:root .el-checkbox__inner {
  border-color: #DADDEA !important;
}
:root .box-shadow {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
:root .bg-t {
  background-color: #fff;
}
:root .border-c-d-50 {
  border-color: rgba(218, 221, 234, 0.5) !important;
}
:root .border {
  border: 1px solid #daddea;
}
:root .border-50 {
  border: 1px solid rgba(218, 221, 234, 0.5);
}
:root .border-b {
  border-bottom: 1px solid rgba(218, 221, 234, 0.5);
}
:root .border-t {
  border-top: 1px solid rgba(218, 221, 234, 0.5);
}
:root .border-l {
  border-left: 1px solid rgba(218, 221, 234, 0.5);
}
:root .border-r {
  border-right: 1px solid rgba(218, 221, 234, 0.5);
}
:root .el-popper {
  --box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  --el-dropdown-menu-box-shadow: var(--box-shadow);
  --el-text-color-primary: #fff;
  --el-bg-color: #16151A;
  border: 0px !important;
  border-radius: 8px !important;
}
:root .el-popper .el-popper__arrow::before {
  border: 0px !important;
}
:root .el-table__body {
  --el-table-row-hover-bg-color: #f7f9fc;
}
:root .is-error .el-input .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
:root .el-input .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}
:root .el-table .el-table__header .el-table__cell {
  color: #9A9FB5;
}
:root .el-table .el-table__row .cell {
  color: #16151A;
}
:root .el-table .el-table__row {
  border-bottom: 1px solid #ebeef5;
}
.dark:not(.no-dark) {
  --el-color-primary: #3B5AF0;
  --el-color-primary-light-1: ;
  --el-color-primary-light-2: ;
  --el-color-primary-light-3: ;
  --el-color-primary-light-4: ;
  --el-color-primary-light-5: ;
  --el-color-primary-light-6: ;
  --el-color-primary-light-7: ;
  --el-color-primary-light-8: ;
  --el-color-primary-light-9: ;
  --el-color-success: #01BD8B;
  --el-color-success-light-1: ;
  --el-color-success-light-2: ;
  --el-color-success-light-3: ;
  --el-color-success-light-4: ;
  --el-color-success-light-5: ;
  --el-color-success-light-6: ;
  --el-color-success-light-7: ;
  --el-color-success-light-8: ;
  --el-color-success-light-9: ;
  --el-color-warning: #FAAD3A;
  --el-color-warning-light-1: ;
  --el-color-warning-light-2: ;
  --el-color-warning-light-3: ;
  --el-color-warning-light-4: ;
  --el-color-warning-light-5: ;
  --el-color-warning-light-6: ;
  --el-color-warning-light-7: ;
  --el-color-warning-light-8: ;
  --el-color-warning-light-9: ;
  --el-color-danger: #FF5555;
  --el-color-danger-light-1: ;
  --el-color-danger-light-2: ;
  --el-color-danger-light-3: ;
  --el-color-danger-light-4: ;
  --el-color-danger-light-5: ;
  --el-color-danger-light-6: ;
  --el-color-danger-light-7: ;
  --el-color-danger-light-8: ;
  --el-color-danger-light-9: ;
  --el-color-error: #FF5555;
  --el-color-error-light-1: ;
  --el-color-error-light-2: ;
  --el-color-error-light-3: ;
  --el-color-error-light-4: ;
  --el-color-error-light-5: ;
  --el-color-error-light-6: ;
  --el-color-error-light-7: ;
  --el-color-error-light-8: ;
  --el-color-error-light-9: ;
  --el-color-info: #9A9FB5;
  --el-color-info-light-1: ;
  --el-color-info-light-2: ;
  --el-color-info-light-3: ;
  --el-color-info-light-4: ;
  --el-color-info-light-5: ;
  --el-color-info-light-6: ;
  --el-color-info-light-7: ;
  --el-color-info-light-8: ;
  --el-color-info-light-9: ;
  --el-bg-color: transparent;
  --el-bg-color-page: #0a0a0a;
  --el-bg-color-overlay: #253247;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.72);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.72);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
  --el-border-color: rgb(15, 27, 42);
  --el-border-color-darker: rgba(255, 255, 255, 0.35);
  --el-border-color-dark: rgba(255, 255, 255, 0.3);
  --el-border-color-light: rgba(255, 255, 255, 0.2);
  --el-border-color-lighter: rgba(255, 255, 255, 0.15);
  --el-border-color-extra-light: rgba(255, 255, 255, 0.1);
  --el-fill-color: #1E1E1F;
  --el-fill-color-light: #1D2336;
  --el-fill-color-lighter: #0A0A0A;
  --el-fill-color-extra-light: #050505;
  --el-fill-color-darker: #323233;
  --el-fill-color-blank: transparent;
  --el-text-color-primary: #E4E9F2;
  --el-text-color-regular: #CCD0D9;
  --el-text-color-secondary: #9A9FB5;
  --el-text-color-placeholder: #84878C;
  --el-text-color-disabled: #0B1624;
  --el-text-color-regular-primary: #E4E9F2;
  --el-text-color-regular-regular: #CCD0D9;
  --el-text-color-regular-secondary: #9A9FB5;
  --el-text-color-regular-placeholder: #84878C;
  --el-text-color-regular-disabled: #0B1624;
  --el-mask-color: rgba(0, 0, 0, 0.8);
  --el-mask-color-extra-light: rgba(0, 0, 0, 0.3);
  --el-disabled-bg-color: #0B1624;
  --el-disabled-border-color: #0B1624;
  --trade-red: #FF5555;
  --trade-green: #01BD8B;
  --el-component-size-large: 50px;
}
.dark:not(.no-dark) .el-button--large {
  height: 50px;
}
.dark:not(.no-dark) {
  --el-component-size: 48px;
}
.dark:not(.no-dark) .el-button--default {
  --el-button-size: 48px;
}
.dark:not(.no-dark) .el-button {
  height: 48px;
}
.dark:not(.no-dark) {
  --el-component-size-small: 32px;
}
.dark:not(.no-dark) .el-button--small {
  height: 32px;
}
.dark:not(.no-dark) {
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  background-color: rgb(15, 15, 16);
  --color-default: #CEE2FC;
  --color-o-dark: #2D344E;
  color: #CEE2FC;
}
.dark:not(.no-dark) .el-input,
.dark:not(.no-dark) .el-date-editor {
  --el-input-bg-color: transparent;
  --el-input-border-color: #2D344E;
}
.dark:not(.no-dark) .el-radio-button .el-radio-button__inner {
  border-color: #2D344E !important;
}
.dark:not(.no-dark) .el-popover {
  --el-popover-bg-color: #2C344E;
  --el-bg-color-overlay: #2C344E;
}
.dark:not(.no-dark) .el-input__wrapper {
  background: #1C1F2C;
  --el-input-border-color: #2D344E;
  padding-top: 2px;
  padding-bottom: 2px;
}
.dark:not(.no-dark) .el-select-dropdown {
  background-color: #2C344E;
}
.dark:not(.no-dark) .el-picker-panel {
  --el-bg-color-overlay: #2C344E;
}
.dark:not(.no-dark) .el-select-dropdown__item:hover {
  background-color: #F9F9F9;
}
.dark:not(.no-dark) .el-menu-item {
  --el-menu-text-color: #fff;
}
.dark:not(.no-dark) .el-slider {
  --el-slider-runway-bg-color: #1C1F2C;
}
.dark:not(.no-dark) .el-slider__button {
  box-sizing: border-box !important;
  background-color: #0F121E !important;
}
.dark:not(.no-dark) .el-tabs__nav {
  --el-text-color-primary: #9A9FB5;
}
.dark:not(.no-dark) .el-checkbox {
  --el-checkbox-checked-icon-color: #0F121E;
}
.dark:not(.no-dark) .bg-d {
  background-color: #0F121E;
}
.dark:not(.no-dark) .bg-dw {
  background-color: #16151A;
}
.dark:not(.no-dark) .el-scrollbar__thumb {
  --el-scrollbar-bg-color: #1C1F2C;
  --el-scrollbar-hover-bg-color: #1C1F2C;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-opacity: 1;
}
.dark:not(.no-dark) .el-table__body {
  --el-table-row-hover-bg-color: #1D2336 !important;
}
.dark:not(.no-dark) .table-row-hover:hover {
  background-color: #1D2336;
}
.dark:not(.no-dark) .el-slider {
  --el-slider-disabled-color: #253247;
}
.dark:not(.no-dark) .c-d {
  color: #CEE2FC !important;
}
.dark:not(.no-dark) .c-t {
  color: #ffffff !important;
}
.dark:not(.no-dark) .bg-t {
  background-color: #191d2a;
}
.dark:not(.no-dark) .border {
  border: 1px solid rgb(15, 27, 42);
}
.dark:not(.no-dark) .border-b {
  border-bottom: 1px solid #0f1b2a;
}
.dark:not(.no-dark) .border-t {
  border-top: 1px solid #0f1b2a;
}
.dark:not(.no-dark) .border-l {
  border-left: 1px solid #0f1b2a;
}
.dark:not(.no-dark) .border-r {
  border-right: 1px solid #0f1b2a;
}
.dark:not(.no-dark) .el-checkbox__inner {
  border-color: #2D344E !important;
}
.dark:not(.no-dark) .box-shadow {
  box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
}
.dark:not(.no-dark) .el-table .el-table__header .el-table__cell {
  color: #9A9FB5;
}
.dark:not(.no-dark) .el-table .el-table__cell {
  border-bottom: 1px solid #1C1F2C;
}
.dark:not(.no-dark) .el-table .el-table__row .cell {
  color: #fff;
}
.dark:not(.no-dark) .el-table .el-table__row {
  border-bottom: 1px solid #1C1F2C;
}
.dark:not(.no-dark) .el-popper {
  --el-popover-bg-color: #2C344E;
  --el-bg-color-overlay: #2C344E;
  --el-text-color-regular: #fff;
  --el-text-color-primary: #253247 !important;
  --el-bg-color: #CEE2FC !important;
  border: 1px solid #253247 !important;
}
.dark:not(.no-dark) .el-popper .el-popper__arrow::before {
  border: 0px !important;
}
.dark:not(.no-dark) .ts-line {
  background: #0F1B2A !important;
}
.light,
html {
  --el-color-primary: #2649EF;
  --el-color-primary-light-1: rgb(59.7, 91.2, 240.6);
  --el-color-primary-light-2: rgb(81.4, 109.4, 242.2);
  --el-color-primary-light-3: rgb(103.1, 127.6, 243.8);
  --el-color-primary-light-4: rgb(124.8, 145.8, 245.4);
  --el-color-primary-light-5: rgb(146.5, 164, 247);
  --el-color-primary-light-6: rgb(168.2, 182.2, 248.6);
  --el-color-primary-light-7: rgb(189.9, 200.4, 250.2);
  --el-color-primary-light-8: rgb(211.6, 218.6, 251.8);
  --el-color-primary-light-9: rgb(233.3, 236.8, 253.4);
  --el-color-success: #01BD8B;
  --el-color-success-light-1: rgb(26.4, 195.6, 150.6);
  --el-color-success-light-2: rgb(51.8, 202.2, 162.2);
  --el-color-success-light-3: rgb(77.2, 208.8, 173.8);
  --el-color-success-light-4: rgb(102.6, 215.4, 185.4);
  --el-color-success-light-5: #80dec5;
  --el-color-success-light-6: rgb(153.4, 228.6, 208.6);
  --el-color-success-light-7: rgb(178.8, 235.2, 220.2);
  --el-color-success-light-8: rgb(204.2, 241.8, 231.8);
  --el-color-success-light-9: rgb(229.6, 248.4, 243.4);
  --el-color-warning: #FAAD3A;
  --el-color-warning-light-1: rgb(250.5, 181.2, 77.7);
  --el-color-warning-light-2: rgb(251, 189.4, 97.4);
  --el-color-warning-light-3: rgb(251.5, 197.6, 117.1);
  --el-color-warning-light-4: rgb(252, 205.8, 136.8);
  --el-color-warning-light-5: rgb(252.5, 214, 156.5);
  --el-color-warning-light-6: rgb(253, 222.2, 176.2);
  --el-color-warning-light-7: rgb(253.5, 230.4, 195.9);
  --el-color-warning-light-8: rgb(254, 238.6, 215.6);
  --el-color-warning-light-9: rgb(254.5, 246.8, 235.3);
  --el-color-danger: #FF5555;
  --el-color-danger-light-1: #ff6666;
  --el-color-danger-light-2: #ff7777;
  --el-color-danger-light-3: #ff8888;
  --el-color-danger-light-4: #ff9999;
  --el-color-danger-light-5: #ffaaaa;
  --el-color-danger-light-6: #ffbbbb;
  --el-color-danger-light-7: #ffcccc;
  --el-color-danger-light-8: #ffdddd;
  --el-color-danger-light-9: #ffeeee;
  --el-color-error: #FF5555;
  --el-color-error-light-1: #ff6666;
  --el-color-error-light-2: #ff7777;
  --el-color-error-light-3: #ff8888;
  --el-color-error-light-4: #ff9999;
  --el-color-error-light-5: #ffaaaa;
  --el-color-error-light-6: #ffbbbb;
  --el-color-error-light-7: #ffcccc;
  --el-color-error-light-8: #ffdddd;
  --el-color-error-light-9: #ffeeee;
  --el-color-info: #9A9FB5;
  --el-color-info-light-1: rgb(164.1, 168.6, 188.4);
  --el-color-info-light-2: rgb(174.2, 178.2, 195.8);
  --el-color-info-light-3: rgb(184.3, 187.8, 203.2);
  --el-color-info-light-4: rgb(194.4, 197.4, 210.6);
  --el-color-info-light-5: rgb(204.5, 207, 218);
  --el-color-info-light-6: rgb(214.6, 216.6, 225.4);
  --el-color-info-light-7: rgb(224.7, 226.2, 232.8);
  --el-color-info-light-8: rgb(234.8, 235.8, 240.2);
  --el-color-info-light-9: rgb(244.9, 245.4, 247.6);
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-border-color: rgba(218, 221, 234, 0.5);
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-text-color-primary: #16151A;
  --el-text-color-regular: #16151A;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #9A9FB5;
  --el-text-color-disabled: #c0c4cc;
  --el-text-color-regular-primary: #16151A;
  --el-text-color-regular-regular: #16151A;
  --el-text-color-regular-secondary: #909399;
  --el-text-color-regular-placeholder: #9A9FB5;
  --el-text-color-regular-disabled: #c0c4cc;
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-disabled-bg-color: #f5f7fa;
  --el-disabled-border-color: #e4e7ed;
  --el-text-color-bg-color: #f5f7fa;
  --el-text-color-border-color: #e4e7ed;
  --trade-red: #FF5555;
  --trade-green: #01BD8B;
  --el-component-size-large: 50px;
}
.light .el-button--large,
html .el-button--large {
  height: 50px;
}
.light,
html {
  --el-component-size: 48px;
}
.light .el-button--default,
html .el-button--default {
  --el-button-size: 48px;
}
.light .el-button,
html .el-button {
  height: 48px;
}
.light,
html {
  --el-component-size-small: 32px;
}
.light .el-button--small,
html .el-button--small {
  height: 32px;
}
.light,
html {
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-color-placeholder: #DADDEA;
  --el-color-lGrey: #EBF2FA;
  --color-default: #16151A;
  --color-o-dark: #9A9FB5;
}
.light .el-table,
html .el-table {
  --el-table-border-color: rgba(218, 221, 234, 0);
}
.light .el-switch__core,
html .el-switch__core {
  --el-switch-off-color: #CCCCCC;
}
.light .el-popover,
html .el-popover {
  --el-popover-bg-color: #fff;
}
.light .c-d,
html .c-d {
  color: #16151A !important;
}
.light,
html {
  --d-color: #16151A;
}
.light .el-input,
.light .el-date-editor,
html .el-input,
html .el-date-editor {
  --el-input-bg-color: #fff;
  --el-input-border-color: #DADDEA;
}
.light .el-radio-button .el-radio-button__inner,
html .el-radio-button .el-radio-button__inner {
  border-color: #DADDEA !important;
}
.light .el-button--primary,
html .el-button--primary {
  --el-button-disabled-bg-color: #DADDEA;
  --el-button-disabled-border-color: #DADDEA;
}
.light .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.light .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
html .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
html .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  --el-menu-hover-bg-color: #f7f9fc;
}
.light .el-slider,
html .el-slider {
  --el-slider-runway-bg-color: #EBF2FA;
  --el-slider-stop-bg-color: #EBF2FA;
}
.light .el-tabs__nav,
html .el-tabs__nav {
  --el-text-color-primary: #16151A;
}
.light .bg-d,
html .bg-d {
  background-color: #f7f9fc;
}
.light .bg-dw,
html .bg-dw {
  background-color: #fff;
}
.light .el-scrollbar__thumb,
html .el-scrollbar__thumb {
  --el-scrollbar-bg-color: #EBEBEB;
  --el-scrollbar-hover-bg-color: #EBEBEB;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-opacity: 1;
}
.light .el-checkbox__inner,
html .el-checkbox__inner {
  border-color: #DADDEA !important;
}
.light .box-shadow,
html .box-shadow {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.light .bg-t,
html .bg-t {
  background-color: #fff;
}
.light .border-c-d-50,
html .border-c-d-50 {
  border-color: rgba(218, 221, 234, 0.5) !important;
}
.light .border,
html .border {
  border: 1px solid #daddea;
}
.light .border-50,
html .border-50 {
  border: 1px solid rgba(218, 221, 234, 0.5);
}
.light .border-b,
html .border-b {
  border-bottom: 1px solid rgba(218, 221, 234, 0.5);
}
.light .border-t,
html .border-t {
  border-top: 1px solid rgba(218, 221, 234, 0.5);
}
.light .border-l,
html .border-l {
  border-left: 1px solid rgba(218, 221, 234, 0.5);
}
.light .border-r,
html .border-r {
  border-right: 1px solid rgba(218, 221, 234, 0.5);
}
.light .el-popper,
html .el-popper {
  --box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  --el-dropdown-menu-box-shadow: var(--box-shadow);
  --el-text-color-primary: #fff;
  --el-bg-color: #16151A;
  border: 0px !important;
  border-radius: 8px !important;
}
.light .el-popper .el-popper__arrow::before,
html .el-popper .el-popper__arrow::before {
  border: 0px !important;
}
.light .el-table__body,
html .el-table__body {
  --el-table-row-hover-bg-color: #f7f9fc;
}
.light .is-error .el-input .el-input__wrapper:hover,
html .is-error .el-input .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.light .el-input .el-input__wrapper:hover,
html .el-input .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}
.light .el-table .el-table__header .el-table__cell,
html .el-table .el-table__header .el-table__cell {
  color: #9A9FB5;
}
.light .el-table .el-table__row .cell,
html .el-table .el-table__row .cell {
  color: #16151A;
}
.light .el-table .el-table__row,
html .el-table .el-table__row {
  border-bottom: 1px solid #ebeef5;
}
.el-dialog,
.el-message,
.el-message-box {
  --el-color-primary: #2649EF;
  --el-color-primary-light-1: rgb(59.7, 91.2, 240.6);
  --el-color-primary-light-2: rgb(81.4, 109.4, 242.2);
  --el-color-primary-light-3: rgb(103.1, 127.6, 243.8);
  --el-color-primary-light-4: rgb(124.8, 145.8, 245.4);
  --el-color-primary-light-5: rgb(146.5, 164, 247);
  --el-color-primary-light-6: rgb(168.2, 182.2, 248.6);
  --el-color-primary-light-7: rgb(189.9, 200.4, 250.2);
  --el-color-primary-light-8: rgb(211.6, 218.6, 251.8);
  --el-color-primary-light-9: rgb(233.3, 236.8, 253.4);
  --el-color-success: #01BD8B;
  --el-color-success-light-1: rgb(26.4, 195.6, 150.6);
  --el-color-success-light-2: rgb(51.8, 202.2, 162.2);
  --el-color-success-light-3: rgb(77.2, 208.8, 173.8);
  --el-color-success-light-4: rgb(102.6, 215.4, 185.4);
  --el-color-success-light-5: #80dec5;
  --el-color-success-light-6: rgb(153.4, 228.6, 208.6);
  --el-color-success-light-7: rgb(178.8, 235.2, 220.2);
  --el-color-success-light-8: rgb(204.2, 241.8, 231.8);
  --el-color-success-light-9: rgb(229.6, 248.4, 243.4);
  --el-color-warning: #FAAD3A;
  --el-color-warning-light-1: rgb(250.5, 181.2, 77.7);
  --el-color-warning-light-2: rgb(251, 189.4, 97.4);
  --el-color-warning-light-3: rgb(251.5, 197.6, 117.1);
  --el-color-warning-light-4: rgb(252, 205.8, 136.8);
  --el-color-warning-light-5: rgb(252.5, 214, 156.5);
  --el-color-warning-light-6: rgb(253, 222.2, 176.2);
  --el-color-warning-light-7: rgb(253.5, 230.4, 195.9);
  --el-color-warning-light-8: rgb(254, 238.6, 215.6);
  --el-color-warning-light-9: rgb(254.5, 246.8, 235.3);
  --el-color-danger: #FF5555;
  --el-color-danger-light-1: #ff6666;
  --el-color-danger-light-2: #ff7777;
  --el-color-danger-light-3: #ff8888;
  --el-color-danger-light-4: #ff9999;
  --el-color-danger-light-5: #ffaaaa;
  --el-color-danger-light-6: #ffbbbb;
  --el-color-danger-light-7: #ffcccc;
  --el-color-danger-light-8: #ffdddd;
  --el-color-danger-light-9: #ffeeee;
  --el-color-error: #FF5555;
  --el-color-error-light-1: #ff6666;
  --el-color-error-light-2: #ff7777;
  --el-color-error-light-3: #ff8888;
  --el-color-error-light-4: #ff9999;
  --el-color-error-light-5: #ffaaaa;
  --el-color-error-light-6: #ffbbbb;
  --el-color-error-light-7: #ffcccc;
  --el-color-error-light-8: #ffdddd;
  --el-color-error-light-9: #ffeeee;
  --el-color-info: #9A9FB5;
  --el-color-info-light-1: rgb(164.1, 168.6, 188.4);
  --el-color-info-light-2: rgb(174.2, 178.2, 195.8);
  --el-color-info-light-3: rgb(184.3, 187.8, 203.2);
  --el-color-info-light-4: rgb(194.4, 197.4, 210.6);
  --el-color-info-light-5: rgb(204.5, 207, 218);
  --el-color-info-light-6: rgb(214.6, 216.6, 225.4);
  --el-color-info-light-7: rgb(224.7, 226.2, 232.8);
  --el-color-info-light-8: rgb(234.8, 235.8, 240.2);
  --el-color-info-light-9: rgb(244.9, 245.4, 247.6);
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-border-color: rgba(218, 221, 234, 0.5);
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-text-color-primary: #16151A;
  --el-text-color-regular: #16151A;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #9A9FB5;
  --el-text-color-disabled: #c0c4cc;
  --el-text-color-regular-primary: #16151A;
  --el-text-color-regular-regular: #16151A;
  --el-text-color-regular-secondary: #909399;
  --el-text-color-regular-placeholder: #9A9FB5;
  --el-text-color-regular-disabled: #c0c4cc;
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-disabled-bg-color: #f5f7fa;
  --el-disabled-border-color: #e4e7ed;
  --el-text-color-bg-color: #f5f7fa;
  --el-text-color-border-color: #e4e7ed;
  --trade-red: #FF5555;
  --trade-green: #01BD8B;
  --el-component-size-large: 50px;
}
.el-dialog .el-button--large,
.el-message .el-button--large,
.el-message-box .el-button--large {
  height: 50px;
}
.el-dialog,
.el-message,
.el-message-box {
  --el-component-size: 48px;
}
.el-dialog .el-button--default,
.el-message .el-button--default,
.el-message-box .el-button--default {
  --el-button-size: 48px;
}
.el-dialog .el-button,
.el-message .el-button,
.el-message-box .el-button {
  height: 48px;
}
.el-dialog,
.el-message,
.el-message-box {
  --el-component-size-small: 32px;
}
.el-dialog .el-button--small,
.el-message .el-button--small,
.el-message-box .el-button--small {
  height: 32px;
}
.el-dialog,
.el-message,
.el-message-box {
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-color-placeholder: #DADDEA;
  --el-color-lGrey: #EBF2FA;
  --color-default: #16151A;
  --color-o-dark: #9A9FB5;
}
.el-dialog .el-table,
.el-message .el-table,
.el-message-box .el-table {
  --el-table-border-color: rgba(218, 221, 234, 0);
}
.el-dialog .el-switch__core,
.el-message .el-switch__core,
.el-message-box .el-switch__core {
  --el-switch-off-color: #CCCCCC;
}
.el-dialog .el-popover,
.el-message .el-popover,
.el-message-box .el-popover {
  --el-popover-bg-color: #fff;
}
.el-dialog .c-d,
.el-message .c-d,
.el-message-box .c-d {
  color: #16151A !important;
}
.el-dialog,
.el-message,
.el-message-box {
  --d-color: #16151A;
}
.el-dialog .el-input,
.el-dialog .el-date-editor,
.el-message .el-input,
.el-message .el-date-editor,
.el-message-box .el-input,
.el-message-box .el-date-editor {
  --el-input-bg-color: #fff;
  --el-input-border-color: #DADDEA;
}
.el-dialog .el-radio-button .el-radio-button__inner,
.el-message .el-radio-button .el-radio-button__inner,
.el-message-box .el-radio-button .el-radio-button__inner {
  border-color: #DADDEA !important;
}
.el-dialog .el-button--primary,
.el-message .el-button--primary,
.el-message-box .el-button--primary {
  --el-button-disabled-bg-color: #DADDEA;
  --el-button-disabled-border-color: #DADDEA;
}
.el-dialog .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-dialog .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
.el-message .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-message .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
.el-message-box .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-message-box .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  --el-menu-hover-bg-color: #f7f9fc;
}
.el-dialog .el-slider,
.el-message .el-slider,
.el-message-box .el-slider {
  --el-slider-runway-bg-color: #EBF2FA;
  --el-slider-stop-bg-color: #EBF2FA;
}
.el-dialog .el-tabs__nav,
.el-message .el-tabs__nav,
.el-message-box .el-tabs__nav {
  --el-text-color-primary: #16151A;
}
.el-dialog .bg-d,
.el-message .bg-d,
.el-message-box .bg-d {
  background-color: #f7f9fc;
}
.el-dialog .bg-dw,
.el-message .bg-dw,
.el-message-box .bg-dw {
  background-color: #fff;
}
.el-dialog .el-scrollbar__thumb,
.el-message .el-scrollbar__thumb,
.el-message-box .el-scrollbar__thumb {
  --el-scrollbar-bg-color: #EBEBEB;
  --el-scrollbar-hover-bg-color: #EBEBEB;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-opacity: 1;
}
.el-dialog .el-checkbox__inner,
.el-message .el-checkbox__inner,
.el-message-box .el-checkbox__inner {
  border-color: #DADDEA !important;
}
.el-dialog .box-shadow,
.el-message .box-shadow,
.el-message-box .box-shadow {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.el-dialog .bg-t,
.el-message .bg-t,
.el-message-box .bg-t {
  background-color: #fff;
}
.el-dialog .border-c-d-50,
.el-message .border-c-d-50,
.el-message-box .border-c-d-50 {
  border-color: rgba(218, 221, 234, 0.5) !important;
}
.el-dialog .border,
.el-message .border,
.el-message-box .border {
  border: 1px solid #daddea;
}
.el-dialog .border-50,
.el-message .border-50,
.el-message-box .border-50 {
  border: 1px solid rgba(218, 221, 234, 0.5);
}
.el-dialog .border-b,
.el-message .border-b,
.el-message-box .border-b {
  border-bottom: 1px solid rgba(218, 221, 234, 0.5);
}
.el-dialog .border-t,
.el-message .border-t,
.el-message-box .border-t {
  border-top: 1px solid rgba(218, 221, 234, 0.5);
}
.el-dialog .border-l,
.el-message .border-l,
.el-message-box .border-l {
  border-left: 1px solid rgba(218, 221, 234, 0.5);
}
.el-dialog .border-r,
.el-message .border-r,
.el-message-box .border-r {
  border-right: 1px solid rgba(218, 221, 234, 0.5);
}
.el-dialog .el-popper,
.el-message .el-popper,
.el-message-box .el-popper {
  --box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  --el-dropdown-menu-box-shadow: var(--box-shadow);
  --el-text-color-primary: #fff;
  --el-bg-color: #16151A;
  border: 0px !important;
  border-radius: 8px !important;
}
.el-dialog .el-popper .el-popper__arrow::before,
.el-message .el-popper .el-popper__arrow::before,
.el-message-box .el-popper .el-popper__arrow::before {
  border: 0px !important;
}
.el-dialog .el-table__body,
.el-message .el-table__body,
.el-message-box .el-table__body {
  --el-table-row-hover-bg-color: #f7f9fc;
}
.el-dialog .is-error .el-input .el-input__wrapper:hover,
.el-message .is-error .el-input .el-input__wrapper:hover,
.el-message-box .is-error .el-input .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-dialog .el-input .el-input__wrapper:hover,
.el-message .el-input .el-input__wrapper:hover,
.el-message-box .el-input .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}
.el-dialog .el-table .el-table__header .el-table__cell,
.el-message .el-table .el-table__header .el-table__cell,
.el-message-box .el-table .el-table__header .el-table__cell {
  color: #9A9FB5;
}
.el-dialog .el-table .el-table__row .cell,
.el-message .el-table .el-table__row .cell,
.el-message-box .el-table .el-table__row .cell {
  color: #16151A;
}
.el-dialog .el-table .el-table__row,
.el-message .el-table .el-table__row,
.el-message-box .el-table .el-table__row {
  border-bottom: 1px solid #ebeef5;
}
.slider-tooltip-dark.el-popper {
  --el-text-color-primary: #253247 !important;
  --el-bg-color: #CEE2FC !important;
  border: 1px solid #253247 !important;
}
.slider-tooltip-dark.el-popper .el-popper__arrow::before {
  border: 0px !important;
}
.dashed::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-size: 4px 100%;
}
.ts-line {
  background: #DADDEA;
}
.cell-left-p-0 .cell {
  padding-left: 0 !important;
}
.cell-right-p-0 .cell {
  padding-right: 0 !important;
}
.font-w-400 {
  font-weight: 400;
  --el-font-weight-primary: 400;
}
.font-w-500 {
  font-weight: 500;
  --el-font-weight-primary: 500;
}
.font-w-600 {
  font-weight: 600;
  --el-font-weight-primary: 600;
}
.el-scrollbar__bar {
  z-index: 101 !important;
  right: 0px;
}
.DynamicForm-select-popper[data-popper-placement=top] {
  margin-bottom: -5px !important;
}
.DynamicForm-select-popper[data-popper-placement=top-start] {
  margin-bottom: -5px !important;
}
.DynamicForm-select-popper[data-popper-placement=top-end] {
  margin-bottom: -5px !important;
}
.DynamicForm-select-popper[data-popper-placement=bottom] {
  margin-top: -5px !important;
}
.DynamicForm-select-popper[data-popper-placement=bottom-start] {
  margin-top: -5px !important;
}
.DynamicForm-select-popper[data-popper-placement=bottom-end] {
  margin-top: -5px !important;
}
.el-table__inner-wrapper::before {
  display: none !important;
}
.el-select__popper .el-popper__arrow {
  display: none;
}
.el-table .sort-caret {
  transition: all 0.3s;
  --el-text-color-placeholder: #DADDEA;
  width: 0;
  height: 0;
  border-top: solid 4px transparent !important;
  border-bottom: solid 4px transparent !important;
  border-left: solid 4px transparent !important;
  border-right: solid 4px transparent !important;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--el-text-color-placeholder) !important;
  top: -3px !important;
}
.el-table .sort-caret.descending {
  border-top-color: var(--el-text-color-placeholder) !important;
  bottom: -1px !important;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary) !important;
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--el-color-primary) !important;
}
.border-c-t {
  border-color: transparent !important;
}
.border-0 {
  border-width: 0 !important;
}
.border-t-0 {
  border-top-width: 0 !important;
}
.border-b-0 {
  border-bottom-width: 0 !important;
}
.border-l-0 {
  border-left-style: 0 !important;
}
.border-r-0 {
  border-right-width: 0 !important;
}
.border-w-2 {
  border-width: 2px !important;
}
.border-w-3 {
  border-width: 3px !important;
}
.border-w-4 {
  border-width: 4px !important;
}
.border-dotted {
  border-style: dotted;
  border-width: 1px;
}
.border-dotted-b {
  border-bottom: dotted;
  border-bottom-width: 1px;
}
.border-dotted-t {
  border-top: dotted;
  border-top-width: 1px;
}
.border-dotted-l {
  border-left: dotted;
  border-left-width: 1px;
}
.border-dotted-r {
  border-right: dotted;
  border-right-width: 1px;
}
.dashed-underline {
  text-decoration: underline dashed;
  text-decoration-color: #9A9FB5;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.dash-underline {
  display: inline-flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: normal;
}
.dash-underline::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-size: 4px 100%;
  background: linear-gradient(to right, #9A9FB5, #9A9FB5 3px, transparent 3px, transparent);
  background-size: 6px 10px;
}
.dash-underline-y {
  display: inline-flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.dash-underline-y::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-size: 4px 100%;
  background: linear-gradient(to bottom, #9A9FB5, #9A9FB5 3px, transparent 3px, transparent);
  background-size: 6px 10px;
}
.dark .dash-underline::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #61688A, #61688A 3px, transparent 3px, transparent);
  background-size: 6px 10px;
}
.box-shadow {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.bg-t {
  background-color: #fff;
}
.el-message {
  margin-top: 100px;
}
.rotate-loading {
  animation: myRotate 1s linear infinite;
}
@-webkit-keyframes myRotate {
0% {
    -webkit-transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
@keyframes myRotate {
0% {
    -webkit-transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
.bi-tooltip {
  padding: 10px !important;
}
.dark .bi-tooltip {
  --el-border-color-hover: #2D344E !important;
  background: #2D344E !important;
  color: #fff;
}
.not-allowed {
  cursor: not-allowed;
}
.c-cs-9b {
  color: #9B9B9B !important;
}
.c-border {
  color: #EBEBEB !important;
}
html .new-style {
  --info-color: #9B9B9B;
  --disabled-bg-color: #EBEBEB;
  --input-bg-color: #F4F4F4;
  --sInfo-color: #F9F9F9;
  --el-color-info: #EBEBEB;
  --color-dInfo: #83868F;
  --default-font-color: #16151A;
}
html .new-style .bg-be {
  background-color: var(--el-color-info);
}
html .new-style .bg-9b {
  background-color: var(--info-color);
}
html .new-style .bg-f9 {
  background-color: var(--sInfo-color);
}
html .new-style {
  --disabled-text-color: #CCCCCC;
  --box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  --el-dropdown-menu-box-shadow: var(--box-shadow);
}
html .new-style .CopyToClip {
  color: var(--disabled-text-color);
}
html .new-style .CopyToClip:hover {
  color: #2649EF;
}
html .new-style .c-dInfo {
  color: var(--color-dInfo);
}
html .new-style {
  --el-text-color-placeholder: #CCCCCC;
}
html .new-style .el-select--small,
html .new-style .el-input--small,
html .new-style .el-date-editor--small {
  --el-select-input-color: #CCCCCC;
  --el-font-size-base: 14px;
}
html .new-style .el-select--small .el-input__wrapper,
html .new-style .el-input--small .el-input__wrapper,
html .new-style .el-date-editor--small .el-input__wrapper {
  --el-font-size-base: 14px;
  font-size: var(--el-font-size-base) !important;
}
html .new-style .el-button--info {
  color: #16151A;
}
html .new-style .el-form-item.is-required .el-form-item__label:before {
  content: "";
  display: none !important;
}
html .new-style .phone-item .area-code .el-input__wrapper {
  border-radius: 8px 0 0 8px !important;
}
html .new-style .phone-item .phone {
  flex: 1;
}
html .new-style .phone-item .phone .el-input__wrapper {
  border-radius: 0px 8px 8px 0px !important;
}
html .new-style .bg-lInfo {
  background-color: var(--input-bg-color) !important;
}
html .new-style .bg-sInfo {
  background-color: var(--sInfo-color) !important;
}
html .new-style .c-lInfo {
  color: var(--input-bg-color) !important;
}
html .new-style .c-sInfo {
  color: var(--sInfo-color) !important;
}
html .new-style .ol-line {
  background-color: #EBEBEB !important;
}
html .new-style .bg-info {
  background-color: var(--info-color) !important;
}
html .new-style .c-info {
  color: var(--info-color) !important;
}
html .new-style .c-border {
  color: var(--disabled-bg-color) !important;
}
html .new-style .bg-border {
  background-color: var(--disabled-bg-color) !important;
}
html .new-style .bg-hover-border {
  transition: all 0.3s;
}
html .new-style .bg-hover-border:hover {
  background-color: var(--disabled-bg-color) !important;
}
html .new-style .border {
  border: 1px solid var(--disabled-bg-color) !important;
}
html .new-style .bg-border {
  background-color: var(--disabled-bg-color);
}
html .new-style .border-t {
  border-top: 1px solid var(--disabled-bg-color);
}
html .new-style .border-b {
  border-bottom: 1px solid var(--disabled-bg-color) !important;
}
html .new-style .border-l {
  border-left: 1px solid var(--disabled-bg-color) !important;
}
html .new-style .border-c-sInfo {
  border-color: var(--sInfo-color) !important;
}
html .new-style .border-r {
  border-right: 1px solid var(--disabled-bg-color);
}
html .new-style .el-input.is-disabled .el-input__wrapper {
  --el-disabled-bg-color: var(--input-bg-color);
  --el-disabled-border-color: var(--input-bg-color);
}
html .new-style .el-checkbox__inner {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border-color: #CCCCCC !important;
}
html .new-style .el-date-editor .el-range__icon {
  display: none;
}
html .new-style .is-checked .el-checkbox__inner::after {
  top: 3px;
  left: 5px;
  transition: none;
  --el-checkbox-checked-icon-color: #fff;
  --el-checkbox-disabled-checked-icon-color: #fff;
}
html .new-style .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: var(--disabled-text-color) !important;
}
html .new-style .el-input--small,
html .new-style .el-range-editor--small,
html .new-style .el-select--small {
  --el-input-height: 36px;
  --el-component-size-small: 36px;
}
html .new-style .el-input--small .el-select__wrapper,
html .new-style .el-range-editor--small .el-select__wrapper,
html .new-style .el-select--small .el-select__wrapper {
  line-height: var(--el-input-height) !important;
  height: var(--el-input-height) !important;
}
html .new-style .el-select .el-select__wrapper {
  height: var(--el-input-height);
}
html .new-style .el-input__wrapper,
html .new-style .el-date-editor,
html .new-style .el-select__wrapper {
  --el-input-bg-color: var(--input-bg-color);
  --el-input-border-color: var(--input-bg-color);
  --el-fill-color-blank: var(--input-bg-color);
  border-radius: 8px;
  box-sizing: border-box;
}
html .new-style .el-input__wrapper .el-input__inner::placeholder,
html .new-style .el-input__wrapper .el-range-input::placeholder,
html .new-style .el-date-editor .el-input__inner::placeholder,
html .new-style .el-date-editor .el-range-input::placeholder,
html .new-style .el-select__wrapper .el-input__inner::placeholder,
html .new-style .el-select__wrapper .el-range-input::placeholder {
  color: var(--disabled-text-color) !important;
  font-size: 14px;
}
html .new-style .el-input__wrapper {
  padding-left: 12px;
  padding-right: 12px;
}
html .new-style .el-date-editor--daterange .el-range-input:nth-child(2) {
  position: relative;
  left: -8px;
  text-align: left !important;
  bottom: -1px;
}
html .new-style .el-date-editor--daterange .el-range-input:nth-child(4) {
  position: relative;
  text-align: right !important;
  bottom: -1px;
}
html .new-style .el-textarea .el-textarea__inner {
  padding: 12px 16px;
  --el-input-bg-color: var(--input-bg-color);
  --el-input-border-color: var(--input-bg-color);
  border-radius: 8px;
}
html .new-style .el-textarea .el-textarea__inner .el-input__inner::placeholder {
  color: var(--info-color) !important;
  font-size: 14px;
}
html .new-style .tabs-bar-small .el-tabs__active-bar {
  display: flex !important;
  background-color: transparent !important;
  justify-content: center !important;
  align-items: center !important;
  height: 3px !important;
}
html .new-style .tabs-bar-small .el-tabs__active-bar::after {
  content: "" !important;
  height: 3px !important;
  width: 16px !important;
  border-radius: 1px !important;
  background-color: var(--el-color-primary) !important;
}
html .new-style .el-button--primary {
  --el-button-disabled-bg-color: var(--disabled-bg-color);
  --el-button-disabled-border-color: var(--disabled-bg-color);
  --el-button-disabled-text-color: var(--info-color);
}
html .new-style .el-button {
  --el-border-radius-base: 40px;
}
html .new-style .box-shadow {
  box-shadow: var(--box-shadow);
}
html .new-style .el-popper {
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
html .new-style .el-table {
  --el-table-row-hover-bg-color: #F9F9F9;
}
html .new-style .el-table .cell {
  padding: 0 10px;
}
html .new-style .el-table .el-table__body {
  --el-table-row-hover-bg-color: var(--sInfo-color);
}
html .new-style .el-table .el-table__body .el-table__row:hover {
  overflow: hidden;
  border-radius: 8px !important;
}
html .new-style .el-table .el-table__header .el-table__cell {
  color: var(--info-color) !important;
  border-bottom: 0px !important;
}
html .new-style .el-table .hover-row {
  --el-table-row-hover-bg-color: #F9F9F9;
}
html .new-style .el-table .hover-row .el-table__cell:first-child {
  border-radius: 8px 0 0 8px;
}
html .new-style .el-table .hover-row .el-table__cell:last-child {
  border-radius: 0 8px 8px 0;
}
@font-face {
  font-family: "Harmony";
  font-display: swap;
  src: url("/fontFamily/HarmonyOS_Sans_Regular.ttf");
}
@font-face {
  font-family: "PingFang";
  font-display: swap;
  src: url("/fontFamily/PingFang-Medium.ttf");
}
.app-language-en_us {
  font-family: "Harmony", "PingFang" !important;
  word-break: break-word;
}
.app-language-en_us button,
.app-language-en_us input,
.app-language-en_us input::placeholder {
  font-family: "Harmony", "PingFang" !important;
}
.app-language-zh_cn,
.app-language-zh_tw {
  font-family: "Harmony", "PingFang" !important;
}
.app-language-zh_cn button,
.app-language-zh_cn input,
.app-language-zh_cn input::placeholder,
.app-language-zh_tw button,
.app-language-zh_tw input,
.app-language-zh_tw input::placeholder {
  font-family: "Harmony", "PingFang" !important;
}
.trade-style-0 .c-buy {
  transition: all 0.3s;
  color: #01BD8B !important;
}
.trade-style-0 .c-sell {
  transition: all 0.3s;
  color: #FF5555 !important;
}
.trade-style-0 .tab-buy {
  transition: all 0.3s;
  background-color: rgba(1, 189, 139, 0.1) !important;
  color: #01BD8B !important;
  padding: 2px 5px;
}
.trade-style-0 .tab-sell {
  transition: all 0.3s;
  background-color: rgba(255, 85, 85, 0.1) !important;
  color: #FF5555 !important;
  padding: 2px 5px;
}
.trade-style-1 .c-buy {
  transition: all 0.3s;
  color: #FF5555 !important;
}
.trade-style-1 .c-sell {
  transition: all 0.3s;
  color: #01BD8B !important;
}
.trade-style-1 .tab-buy {
  transition: all 0.3s;
  background-color: rgba(255, 85, 85, 0.1) !important;
  color: #FF5555 !important;
  padding: 2px 5px;
}
.trade-style-1 .tab-sell {
  transition: all 0.3s;
  background-color: rgba(1, 189, 139, 0.1) !important;
  color: #01BD8B !important;
  padding: 2px 5px;
}
.light .c-color-9b,
html .c-color-9b {
  color: #9B9B9B !important;
}
.light .c-color-9b-50,
html .c-color-9b-50 {
  color: rgba(155, 155, 155, 0.5) !important;
}
.light .c-grayeb,
html .c-grayeb {
  color: #EBEBEB !important;
}
.light .c-grayeb-50,
html .c-grayeb-50 {
  color: rgba(235, 235, 235, 0.5) !important;
}
.light .c-grayf4,
html .c-grayf4 {
  color: #F4F4F4 !important;
}
.light .c-grayf4-50,
html .c-grayf4-50 {
  color: rgba(244, 244, 244, 0.5) !important;
}
.light .c-gray,
html .c-gray {
  color: #CCCCCC !important;
}
.light .c-gray-50,
html .c-gray-50 {
  color: rgba(204, 204, 204, 0.5) !important;
}
.light .c-temGray1,
html .c-temGray1 {
  color: #F7F9FC !important;
}
.light .c-temGray1-50,
html .c-temGray1-50 {
  color: rgba(247, 249, 252, 0.5) !important;
}
.light .c-temRed1,
html .c-temRed1 {
  color: #F94A7A !important;
}
.light .c-temRed1-50,
html .c-temRed1-50 {
  color: rgba(249, 74, 122, 0.5) !important;
}
.light .c-darkFont,
html .c-darkFont {
  color: #CEE2FC !important;
}
.light .c-darkFont-50,
html .c-darkFont-50 {
  color: rgba(206, 226, 252, 0.5) !important;
}
.light .c-placeholder,
html .c-placeholder {
  color: #DADDEA !important;
}
.light .c-placeholder-50,
html .c-placeholder-50 {
  color: rgba(218, 221, 234, 0.5) !important;
}
.light .c-line,
html .c-line {
  color: #f7f9fc !important;
}
.light .c-line-50,
html .c-line-50 {
  color: rgba(247, 249, 252, 0.5) !important;
}
.light .c-dark,
html .c-dark {
  color: #16151A !important;
}
.light .c-dark-50,
html .c-dark-50 {
  color: rgba(22, 21, 26, 0.5) !important;
}
.light .c-cyan,
html .c-cyan {
  color: #06F0C6 !important;
}
.light .c-cyan-50,
html .c-cyan-50 {
  color: rgba(6, 240, 198, 0.5) !important;
}
.light .c-lGrey,
html .c-lGrey {
  color: #EBF2FA !important;
}
.light .c-lGrey-50,
html .c-lGrey-50 {
  color: rgba(235, 242, 250, 0.5) !important;
}
.light .c-icon,
html .c-icon {
  color: #61688A !important;
}
.light .c-icon-50,
html .c-icon-50 {
  color: rgba(97, 104, 138, 0.5) !important;
}
.light .c-lInfo2,
html .c-lInfo2 {
  color: #F9F9F9 !important;
}
.light .c-lInfo2-50,
html .c-lInfo2-50 {
  color: rgba(249, 249, 249, 0.5) !important;
}
.light .c-lInfo,
html .c-lInfo {
  color: #F9F9F9 !important;
}
.light .c-lInfo-50,
html .c-lInfo-50 {
  color: rgba(249, 249, 249, 0.5) !important;
}
.light .c-info,
html .c-info {
  color: #9A9FB5 !important;
}
.light .c-info-50,
html .c-info-50 {
  color: rgba(154, 159, 181, 0.5) !important;
}
.light .c-error,
html .c-error {
  color: #FF5555 !important;
}
.light .c-error-50,
html .c-error-50 {
  color: rgba(255, 85, 85, 0.5) !important;
}
.light .c-danger,
html .c-danger {
  color: #FF5555 !important;
}
.light .c-danger-50,
html .c-danger-50 {
  color: rgba(255, 85, 85, 0.5) !important;
}
.light .c-warning,
html .c-warning {
  color: #FAAD3A !important;
}
.light .c-warning-50,
html .c-warning-50 {
  color: rgba(250, 173, 58, 0.5) !important;
}
.light .c-success,
html .c-success {
  color: #01BD8B !important;
}
.light .c-success-50,
html .c-success-50 {
  color: rgba(1, 189, 139, 0.5) !important;
}
.light .c-primary,
html .c-primary {
  color: #2649EF !important;
}
.light .c-primary-50,
html .c-primary-50 {
  color: rgba(38, 73, 239, 0.5) !important;
}
.light .c-lBlack,
html .c-lBlack {
  color: #253247 !important;
}
.light .c-lBlack-50,
html .c-lBlack-50 {
  color: rgba(37, 50, 71, 0.5) !important;
}
.light .c-black,
html .c-black {
  color: #000000 !important;
}
.light .c-black-50,
html .c-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.light .c-white,
html .c-white {
  color: #ffffff !important;
}
.light .c-white-50,
html .c-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.light .c-hover-color-9b,
html .c-hover-color-9b {
  transition: all 0.3s;
}
.light .c-hover-color-9b:hover,
html .c-hover-color-9b:hover {
  transition: all 0.3s;
  color: #9B9B9B !important;
}
.light .bg-hover-color-9b,
html .bg-hover-color-9b {
  transition: all 0.3s;
}
.light .c-color-9b-btn,
html .c-color-9b-btn {
  transition: all 0.3s;
  color: #9B9B9B !important;
  cursor: pointer;
}
.light .c-color-9b-btn:hover,
html .c-color-9b-btn:hover {
  color: rgba(155, 155, 155, 0.5) !important;
}
.light .bg-hover-color-9b:hover,
html .bg-hover-color-9b:hover {
  background-color: #9B9B9B !important;
}
.light .c-hover-grayeb,
html .c-hover-grayeb {
  transition: all 0.3s;
}
.light .c-hover-grayeb:hover,
html .c-hover-grayeb:hover {
  transition: all 0.3s;
  color: #EBEBEB !important;
}
.light .bg-hover-grayeb,
html .bg-hover-grayeb {
  transition: all 0.3s;
}
.light .c-grayeb-btn,
html .c-grayeb-btn {
  transition: all 0.3s;
  color: #EBEBEB !important;
  cursor: pointer;
}
.light .c-grayeb-btn:hover,
html .c-grayeb-btn:hover {
  color: rgba(235, 235, 235, 0.5) !important;
}
.light .bg-hover-grayeb:hover,
html .bg-hover-grayeb:hover {
  background-color: #EBEBEB !important;
}
.light .c-hover-grayf4,
html .c-hover-grayf4 {
  transition: all 0.3s;
}
.light .c-hover-grayf4:hover,
html .c-hover-grayf4:hover {
  transition: all 0.3s;
  color: #F4F4F4 !important;
}
.light .bg-hover-grayf4,
html .bg-hover-grayf4 {
  transition: all 0.3s;
}
.light .c-grayf4-btn,
html .c-grayf4-btn {
  transition: all 0.3s;
  color: #F4F4F4 !important;
  cursor: pointer;
}
.light .c-grayf4-btn:hover,
html .c-grayf4-btn:hover {
  color: rgba(244, 244, 244, 0.5) !important;
}
.light .bg-hover-grayf4:hover,
html .bg-hover-grayf4:hover {
  background-color: #F4F4F4 !important;
}
.light .c-hover-gray,
html .c-hover-gray {
  transition: all 0.3s;
}
.light .c-hover-gray:hover,
html .c-hover-gray:hover {
  transition: all 0.3s;
  color: #CCCCCC !important;
}
.light .bg-hover-gray,
html .bg-hover-gray {
  transition: all 0.3s;
}
.light .c-gray-btn,
html .c-gray-btn {
  transition: all 0.3s;
  color: #CCCCCC !important;
  cursor: pointer;
}
.light .c-gray-btn:hover,
html .c-gray-btn:hover {
  color: rgba(204, 204, 204, 0.5) !important;
}
.light .bg-hover-gray:hover,
html .bg-hover-gray:hover {
  background-color: #CCCCCC !important;
}
.light .c-hover-temGray1,
html .c-hover-temGray1 {
  transition: all 0.3s;
}
.light .c-hover-temGray1:hover,
html .c-hover-temGray1:hover {
  transition: all 0.3s;
  color: #F7F9FC !important;
}
.light .bg-hover-temGray1,
html .bg-hover-temGray1 {
  transition: all 0.3s;
}
.light .c-temGray1-btn,
html .c-temGray1-btn {
  transition: all 0.3s;
  color: #F7F9FC !important;
  cursor: pointer;
}
.light .c-temGray1-btn:hover,
html .c-temGray1-btn:hover {
  color: rgba(247, 249, 252, 0.5) !important;
}
.light .bg-hover-temGray1:hover,
html .bg-hover-temGray1:hover {
  background-color: #F7F9FC !important;
}
.light .c-hover-temRed1,
html .c-hover-temRed1 {
  transition: all 0.3s;
}
.light .c-hover-temRed1:hover,
html .c-hover-temRed1:hover {
  transition: all 0.3s;
  color: #F94A7A !important;
}
.light .bg-hover-temRed1,
html .bg-hover-temRed1 {
  transition: all 0.3s;
}
.light .c-temRed1-btn,
html .c-temRed1-btn {
  transition: all 0.3s;
  color: #F94A7A !important;
  cursor: pointer;
}
.light .c-temRed1-btn:hover,
html .c-temRed1-btn:hover {
  color: rgba(249, 74, 122, 0.5) !important;
}
.light .bg-hover-temRed1:hover,
html .bg-hover-temRed1:hover {
  background-color: #F94A7A !important;
}
.light .c-hover-darkFont,
html .c-hover-darkFont {
  transition: all 0.3s;
}
.light .c-hover-darkFont:hover,
html .c-hover-darkFont:hover {
  transition: all 0.3s;
  color: #CEE2FC !important;
}
.light .bg-hover-darkFont,
html .bg-hover-darkFont {
  transition: all 0.3s;
}
.light .c-darkFont-btn,
html .c-darkFont-btn {
  transition: all 0.3s;
  color: #CEE2FC !important;
  cursor: pointer;
}
.light .c-darkFont-btn:hover,
html .c-darkFont-btn:hover {
  color: rgba(206, 226, 252, 0.5) !important;
}
.light .bg-hover-darkFont:hover,
html .bg-hover-darkFont:hover {
  background-color: #CEE2FC !important;
}
.light .c-hover-placeholder,
html .c-hover-placeholder {
  transition: all 0.3s;
}
.light .c-hover-placeholder:hover,
html .c-hover-placeholder:hover {
  transition: all 0.3s;
  color: #DADDEA !important;
}
.light .bg-hover-placeholder,
html .bg-hover-placeholder {
  transition: all 0.3s;
}
.light .c-placeholder-btn,
html .c-placeholder-btn {
  transition: all 0.3s;
  color: #DADDEA !important;
  cursor: pointer;
}
.light .c-placeholder-btn:hover,
html .c-placeholder-btn:hover {
  color: rgba(218, 221, 234, 0.5) !important;
}
.light .bg-hover-placeholder:hover,
html .bg-hover-placeholder:hover {
  background-color: #DADDEA !important;
}
.light .c-hover-line,
html .c-hover-line {
  transition: all 0.3s;
}
.light .c-hover-line:hover,
html .c-hover-line:hover {
  transition: all 0.3s;
  color: #f7f9fc !important;
}
.light .bg-hover-line,
html .bg-hover-line {
  transition: all 0.3s;
}
.light .c-line-btn,
html .c-line-btn {
  transition: all 0.3s;
  color: #f7f9fc !important;
  cursor: pointer;
}
.light .c-line-btn:hover,
html .c-line-btn:hover {
  color: rgba(247, 249, 252, 0.5) !important;
}
.light .bg-hover-line:hover,
html .bg-hover-line:hover {
  background-color: #f7f9fc !important;
}
.light .c-hover-dark,
html .c-hover-dark {
  transition: all 0.3s;
}
.light .c-hover-dark:hover,
html .c-hover-dark:hover {
  transition: all 0.3s;
  color: #16151A !important;
}
.light .bg-hover-dark,
html .bg-hover-dark {
  transition: all 0.3s;
}
.light .c-dark-btn,
html .c-dark-btn {
  transition: all 0.3s;
  color: #16151A !important;
  cursor: pointer;
}
.light .c-dark-btn:hover,
html .c-dark-btn:hover {
  color: rgba(22, 21, 26, 0.5) !important;
}
.light .bg-hover-dark:hover,
html .bg-hover-dark:hover {
  background-color: #16151A !important;
}
.light .c-hover-cyan,
html .c-hover-cyan {
  transition: all 0.3s;
}
.light .c-hover-cyan:hover,
html .c-hover-cyan:hover {
  transition: all 0.3s;
  color: #06F0C6 !important;
}
.light .bg-hover-cyan,
html .bg-hover-cyan {
  transition: all 0.3s;
}
.light .c-cyan-btn,
html .c-cyan-btn {
  transition: all 0.3s;
  color: #06F0C6 !important;
  cursor: pointer;
}
.light .c-cyan-btn:hover,
html .c-cyan-btn:hover {
  color: rgba(6, 240, 198, 0.5) !important;
}
.light .bg-hover-cyan:hover,
html .bg-hover-cyan:hover {
  background-color: #06F0C6 !important;
}
.light .c-hover-lGrey,
html .c-hover-lGrey {
  transition: all 0.3s;
}
.light .c-hover-lGrey:hover,
html .c-hover-lGrey:hover {
  transition: all 0.3s;
  color: #EBF2FA !important;
}
.light .bg-hover-lGrey,
html .bg-hover-lGrey {
  transition: all 0.3s;
}
.light .c-lGrey-btn,
html .c-lGrey-btn {
  transition: all 0.3s;
  color: #EBF2FA !important;
  cursor: pointer;
}
.light .c-lGrey-btn:hover,
html .c-lGrey-btn:hover {
  color: rgba(235, 242, 250, 0.5) !important;
}
.light .bg-hover-lGrey:hover,
html .bg-hover-lGrey:hover {
  background-color: #EBF2FA !important;
}
.light .c-hover-icon,
html .c-hover-icon {
  transition: all 0.3s;
}
.light .c-hover-icon:hover,
html .c-hover-icon:hover {
  transition: all 0.3s;
  color: #61688A !important;
}
.light .bg-hover-icon,
html .bg-hover-icon {
  transition: all 0.3s;
}
.light .c-icon-btn,
html .c-icon-btn {
  transition: all 0.3s;
  color: #61688A !important;
  cursor: pointer;
}
.light .c-icon-btn:hover,
html .c-icon-btn:hover {
  color: rgba(97, 104, 138, 0.5) !important;
}
.light .bg-hover-icon:hover,
html .bg-hover-icon:hover {
  background-color: #61688A !important;
}
.light .c-hover-lInfo2,
html .c-hover-lInfo2 {
  transition: all 0.3s;
}
.light .c-hover-lInfo2:hover,
html .c-hover-lInfo2:hover {
  transition: all 0.3s;
  color: #F9F9F9 !important;
}
.light .bg-hover-lInfo2,
html .bg-hover-lInfo2 {
  transition: all 0.3s;
}
.light .c-lInfo2-btn,
html .c-lInfo2-btn {
  transition: all 0.3s;
  color: #F9F9F9 !important;
  cursor: pointer;
}
.light .c-lInfo2-btn:hover,
html .c-lInfo2-btn:hover {
  color: rgba(249, 249, 249, 0.5) !important;
}
.light .bg-hover-lInfo2:hover,
html .bg-hover-lInfo2:hover {
  background-color: #F9F9F9 !important;
}
.light .c-hover-lInfo,
html .c-hover-lInfo {
  transition: all 0.3s;
}
.light .c-hover-lInfo:hover,
html .c-hover-lInfo:hover {
  transition: all 0.3s;
  color: #F9F9F9 !important;
}
.light .bg-hover-lInfo,
html .bg-hover-lInfo {
  transition: all 0.3s;
}
.light .c-lInfo-btn,
html .c-lInfo-btn {
  transition: all 0.3s;
  color: #F9F9F9 !important;
  cursor: pointer;
}
.light .c-lInfo-btn:hover,
html .c-lInfo-btn:hover {
  color: rgba(249, 249, 249, 0.5) !important;
}
.light .bg-hover-lInfo:hover,
html .bg-hover-lInfo:hover {
  background-color: #F9F9F9 !important;
}
.light .c-hover-info,
html .c-hover-info {
  transition: all 0.3s;
}
.light .c-hover-info:hover,
html .c-hover-info:hover {
  transition: all 0.3s;
  color: #9A9FB5 !important;
}
.light .bg-hover-info,
html .bg-hover-info {
  transition: all 0.3s;
}
.light .c-info-btn,
html .c-info-btn {
  transition: all 0.3s;
  color: #9A9FB5 !important;
  cursor: pointer;
}
.light .c-info-btn:hover,
html .c-info-btn:hover {
  color: rgba(154, 159, 181, 0.5) !important;
}
.light .bg-hover-info:hover,
html .bg-hover-info:hover {
  background-color: #9A9FB5 !important;
}
.light .c-hover-error,
html .c-hover-error {
  transition: all 0.3s;
}
.light .c-hover-error:hover,
html .c-hover-error:hover {
  transition: all 0.3s;
  color: #FF5555 !important;
}
.light .bg-hover-error,
html .bg-hover-error {
  transition: all 0.3s;
}
.light .c-error-btn,
html .c-error-btn {
  transition: all 0.3s;
  color: #FF5555 !important;
  cursor: pointer;
}
.light .c-error-btn:hover,
html .c-error-btn:hover {
  color: rgba(255, 85, 85, 0.5) !important;
}
.light .bg-hover-error:hover,
html .bg-hover-error:hover {
  background-color: #FF5555 !important;
}
.light .c-hover-danger,
html .c-hover-danger {
  transition: all 0.3s;
}
.light .c-hover-danger:hover,
html .c-hover-danger:hover {
  transition: all 0.3s;
  color: #FF5555 !important;
}
.light .bg-hover-danger,
html .bg-hover-danger {
  transition: all 0.3s;
}
.light .c-danger-btn,
html .c-danger-btn {
  transition: all 0.3s;
  color: #FF5555 !important;
  cursor: pointer;
}
.light .c-danger-btn:hover,
html .c-danger-btn:hover {
  color: rgba(255, 85, 85, 0.5) !important;
}
.light .bg-hover-danger:hover,
html .bg-hover-danger:hover {
  background-color: #FF5555 !important;
}
.light .c-hover-warning,
html .c-hover-warning {
  transition: all 0.3s;
}
.light .c-hover-warning:hover,
html .c-hover-warning:hover {
  transition: all 0.3s;
  color: #FAAD3A !important;
}
.light .bg-hover-warning,
html .bg-hover-warning {
  transition: all 0.3s;
}
.light .c-warning-btn,
html .c-warning-btn {
  transition: all 0.3s;
  color: #FAAD3A !important;
  cursor: pointer;
}
.light .c-warning-btn:hover,
html .c-warning-btn:hover {
  color: rgba(250, 173, 58, 0.5) !important;
}
.light .bg-hover-warning:hover,
html .bg-hover-warning:hover {
  background-color: #FAAD3A !important;
}
.light .c-hover-success,
html .c-hover-success {
  transition: all 0.3s;
}
.light .c-hover-success:hover,
html .c-hover-success:hover {
  transition: all 0.3s;
  color: #01BD8B !important;
}
.light .bg-hover-success,
html .bg-hover-success {
  transition: all 0.3s;
}
.light .c-success-btn,
html .c-success-btn {
  transition: all 0.3s;
  color: #01BD8B !important;
  cursor: pointer;
}
.light .c-success-btn:hover,
html .c-success-btn:hover {
  color: rgba(1, 189, 139, 0.5) !important;
}
.light .bg-hover-success:hover,
html .bg-hover-success:hover {
  background-color: #01BD8B !important;
}
.light .c-hover-primary,
html .c-hover-primary {
  transition: all 0.3s;
}
.light .c-hover-primary:hover,
html .c-hover-primary:hover {
  transition: all 0.3s;
  color: #2649EF !important;
}
.light .bg-hover-primary,
html .bg-hover-primary {
  transition: all 0.3s;
}
.light .c-primary-btn,
html .c-primary-btn {
  transition: all 0.3s;
  color: #2649EF !important;
  cursor: pointer;
}
.light .c-primary-btn:hover,
html .c-primary-btn:hover {
  color: rgba(38, 73, 239, 0.5) !important;
}
.light .bg-hover-primary:hover,
html .bg-hover-primary:hover {
  background-color: #2649EF !important;
}
.light .c-hover-lBlack,
html .c-hover-lBlack {
  transition: all 0.3s;
}
.light .c-hover-lBlack:hover,
html .c-hover-lBlack:hover {
  transition: all 0.3s;
  color: #253247 !important;
}
.light .bg-hover-lBlack,
html .bg-hover-lBlack {
  transition: all 0.3s;
}
.light .c-lBlack-btn,
html .c-lBlack-btn {
  transition: all 0.3s;
  color: #253247 !important;
  cursor: pointer;
}
.light .c-lBlack-btn:hover,
html .c-lBlack-btn:hover {
  color: rgba(37, 50, 71, 0.5) !important;
}
.light .bg-hover-lBlack:hover,
html .bg-hover-lBlack:hover {
  background-color: #253247 !important;
}
.light .c-hover-black,
html .c-hover-black {
  transition: all 0.3s;
}
.light .c-hover-black:hover,
html .c-hover-black:hover {
  transition: all 0.3s;
  color: #000000 !important;
}
.light .bg-hover-black,
html .bg-hover-black {
  transition: all 0.3s;
}
.light .c-black-btn,
html .c-black-btn {
  transition: all 0.3s;
  color: #000000 !important;
  cursor: pointer;
}
.light .c-black-btn:hover,
html .c-black-btn:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}
.light .bg-hover-black:hover,
html .bg-hover-black:hover {
  background-color: #000000 !important;
}
.light .c-hover-white,
html .c-hover-white {
  transition: all 0.3s;
}
.light .c-hover-white:hover,
html .c-hover-white:hover {
  transition: all 0.3s;
  color: #ffffff !important;
}
.light .bg-hover-white,
html .bg-hover-white {
  transition: all 0.3s;
}
.light .c-white-btn,
html .c-white-btn {
  transition: all 0.3s;
  color: #ffffff !important;
  cursor: pointer;
}
.light .c-white-btn:hover,
html .c-white-btn:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}
.light .bg-hover-white:hover,
html .bg-hover-white:hover {
  background-color: #ffffff !important;
}
.dark:not(.no-dark) .c-white {
  color: #ffffff !important;
}
.dark:not(.no-dark) .c-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.dark:not(.no-dark) .c-black {
  color: #000000 !important;
}
.dark:not(.no-dark) .c-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.dark:not(.no-dark) .c-lBlack {
  color: #253247 !important;
}
.dark:not(.no-dark) .c-lBlack-50 {
  color: rgba(37, 50, 71, 0.5) !important;
}
.dark:not(.no-dark) .c-primary {
  color: #3B5AF0 !important;
}
.dark:not(.no-dark) .c-primary-50 {
  color: rgba(59, 90, 240, 0.5) !important;
}
.dark:not(.no-dark) .c-success {
  color: #01BD8B !important;
}
.dark:not(.no-dark) .c-success-50 {
  color: rgba(1, 189, 139, 0.5) !important;
}
.dark:not(.no-dark) .c-warning {
  color: #FAAD3A !important;
}
.dark:not(.no-dark) .c-warning-50 {
  color: rgba(250, 173, 58, 0.5) !important;
}
.dark:not(.no-dark) .c-danger {
  color: #FF5555 !important;
}
.dark:not(.no-dark) .c-danger-50 {
  color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .c-error {
  color: #FF5555 !important;
}
.dark:not(.no-dark) .c-error-50 {
  color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .c-info {
  color: #9A9FB5 !important;
}
.dark:not(.no-dark) .c-info-50 {
  color: rgba(154, 159, 181, 0.5) !important;
}
.dark:not(.no-dark) .c-lInfo {
  color: #F9F9F9 !important;
}
.dark:not(.no-dark) .c-lInfo-50 {
  color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .c-lInfo2 {
  color: #F9F9F9 !important;
}
.dark:not(.no-dark) .c-lInfo2-50 {
  color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .c-icon {
  color: #61688A !important;
}
.dark:not(.no-dark) .c-icon-50 {
  color: rgba(97, 104, 138, 0.5) !important;
}
.dark:not(.no-dark) .c-lGrey {
  color: #EBF2FA !important;
}
.dark:not(.no-dark) .c-lGrey-50 {
  color: rgba(235, 242, 250, 0.5) !important;
}
.dark:not(.no-dark) .c-cyan {
  color: #06F0C6 !important;
}
.dark:not(.no-dark) .c-cyan-50 {
  color: rgba(6, 240, 198, 0.5) !important;
}
.dark:not(.no-dark) .c-dark {
  color: #16151A !important;
}
.dark:not(.no-dark) .c-dark-50 {
  color: rgba(22, 21, 26, 0.5) !important;
}
.dark:not(.no-dark) .c-line {
  color: #f7f9fc !important;
}
.dark:not(.no-dark) .c-line-50 {
  color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .c-placeholder {
  color: #DADDEA !important;
}
.dark:not(.no-dark) .c-placeholder-50 {
  color: rgba(218, 221, 234, 0.5) !important;
}
.dark:not(.no-dark) .c-darkFont {
  color: #CEE2FC !important;
}
.dark:not(.no-dark) .c-darkFont-50 {
  color: rgba(206, 226, 252, 0.5) !important;
}
.dark:not(.no-dark) .c-temRed1 {
  color: #F94A7A !important;
}
.dark:not(.no-dark) .c-temRed1-50 {
  color: rgba(249, 74, 122, 0.5) !important;
}
.dark:not(.no-dark) .c-temGray1 {
  color: #F7F9FC !important;
}
.dark:not(.no-dark) .c-temGray1-50 {
  color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .c-gray {
  color: #CCCCCC !important;
}
.dark:not(.no-dark) .c-gray-50 {
  color: rgba(204, 204, 204, 0.5) !important;
}
.dark:not(.no-dark) .c-grayf4 {
  color: #F4F4F4 !important;
}
.dark:not(.no-dark) .c-grayf4-50 {
  color: rgba(244, 244, 244, 0.5) !important;
}
.dark:not(.no-dark) .c-grayeb {
  color: #EBEBEB !important;
}
.dark:not(.no-dark) .c-grayeb-50 {
  color: rgba(235, 235, 235, 0.5) !important;
}
.dark:not(.no-dark) .c-color-9b {
  color: #9B9B9B !important;
}
.dark:not(.no-dark) .c-color-9b-50 {
  color: rgba(155, 155, 155, 0.5) !important;
}
.dark:not(.no-dark) .c-hover-white {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-white:hover {
  transition: all 0.3s;
  color: #ffffff !important;
}
.dark:not(.no-dark) .bg-hover-white {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-white-btn {
  transition: all 0.3s;
  color: #ffffff !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-white-btn:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-white:hover {
  background-color: #ffffff !important;
}
.dark:not(.no-dark) .c-hover-black {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-black:hover {
  transition: all 0.3s;
  color: #000000 !important;
}
.dark:not(.no-dark) .bg-hover-black {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-black-btn {
  transition: all 0.3s;
  color: #000000 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-black-btn:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-black:hover {
  background-color: #000000 !important;
}
.dark:not(.no-dark) .c-hover-lBlack {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-lBlack:hover {
  transition: all 0.3s;
  color: #253247 !important;
}
.dark:not(.no-dark) .bg-hover-lBlack {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-lBlack-btn {
  transition: all 0.3s;
  color: #253247 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-lBlack-btn:hover {
  color: rgba(37, 50, 71, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-lBlack:hover {
  background-color: #253247 !important;
}
.dark:not(.no-dark) .c-hover-primary {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-primary:hover {
  transition: all 0.3s;
  color: #3B5AF0 !important;
}
.dark:not(.no-dark) .bg-hover-primary {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-primary-btn {
  transition: all 0.3s;
  color: #3B5AF0 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-primary-btn:hover {
  color: rgba(59, 90, 240, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-primary:hover {
  background-color: #3B5AF0 !important;
}
.dark:not(.no-dark) .c-hover-success {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-success:hover {
  transition: all 0.3s;
  color: #01BD8B !important;
}
.dark:not(.no-dark) .bg-hover-success {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-success-btn {
  transition: all 0.3s;
  color: #01BD8B !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-success-btn:hover {
  color: rgba(1, 189, 139, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-success:hover {
  background-color: #01BD8B !important;
}
.dark:not(.no-dark) .c-hover-warning {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-warning:hover {
  transition: all 0.3s;
  color: #FAAD3A !important;
}
.dark:not(.no-dark) .bg-hover-warning {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-warning-btn {
  transition: all 0.3s;
  color: #FAAD3A !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-warning-btn:hover {
  color: rgba(250, 173, 58, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-warning:hover {
  background-color: #FAAD3A !important;
}
.dark:not(.no-dark) .c-hover-danger {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-danger:hover {
  transition: all 0.3s;
  color: #FF5555 !important;
}
.dark:not(.no-dark) .bg-hover-danger {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-danger-btn {
  transition: all 0.3s;
  color: #FF5555 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-danger-btn:hover {
  color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-danger:hover {
  background-color: #FF5555 !important;
}
.dark:not(.no-dark) .c-hover-error {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-error:hover {
  transition: all 0.3s;
  color: #FF5555 !important;
}
.dark:not(.no-dark) .bg-hover-error {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-error-btn {
  transition: all 0.3s;
  color: #FF5555 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-error-btn:hover {
  color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-error:hover {
  background-color: #FF5555 !important;
}
.dark:not(.no-dark) .c-hover-info {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-info:hover {
  transition: all 0.3s;
  color: #9A9FB5 !important;
}
.dark:not(.no-dark) .bg-hover-info {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-info-btn {
  transition: all 0.3s;
  color: #9A9FB5 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-info-btn:hover {
  color: rgba(154, 159, 181, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-info:hover {
  background-color: #9A9FB5 !important;
}
.dark:not(.no-dark) .c-hover-lInfo {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-lInfo:hover {
  transition: all 0.3s;
  color: #F9F9F9 !important;
}
.dark:not(.no-dark) .bg-hover-lInfo {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-lInfo-btn {
  transition: all 0.3s;
  color: #F9F9F9 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-lInfo-btn:hover {
  color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-lInfo:hover {
  background-color: #F9F9F9 !important;
}
.dark:not(.no-dark) .c-hover-lInfo2 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-lInfo2:hover {
  transition: all 0.3s;
  color: #F9F9F9 !important;
}
.dark:not(.no-dark) .bg-hover-lInfo2 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-lInfo2-btn {
  transition: all 0.3s;
  color: #F9F9F9 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-lInfo2-btn:hover {
  color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-lInfo2:hover {
  background-color: #F9F9F9 !important;
}
.dark:not(.no-dark) .c-hover-icon {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-icon:hover {
  transition: all 0.3s;
  color: #61688A !important;
}
.dark:not(.no-dark) .bg-hover-icon {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-icon-btn {
  transition: all 0.3s;
  color: #61688A !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-icon-btn:hover {
  color: rgba(97, 104, 138, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-icon:hover {
  background-color: #61688A !important;
}
.dark:not(.no-dark) .c-hover-lGrey {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-lGrey:hover {
  transition: all 0.3s;
  color: #EBF2FA !important;
}
.dark:not(.no-dark) .bg-hover-lGrey {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-lGrey-btn {
  transition: all 0.3s;
  color: #EBF2FA !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-lGrey-btn:hover {
  color: rgba(235, 242, 250, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-lGrey:hover {
  background-color: #EBF2FA !important;
}
.dark:not(.no-dark) .c-hover-cyan {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-cyan:hover {
  transition: all 0.3s;
  color: #06F0C6 !important;
}
.dark:not(.no-dark) .bg-hover-cyan {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-cyan-btn {
  transition: all 0.3s;
  color: #06F0C6 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-cyan-btn:hover {
  color: rgba(6, 240, 198, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-cyan:hover {
  background-color: #06F0C6 !important;
}
.dark:not(.no-dark) .c-hover-dark {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-dark:hover {
  transition: all 0.3s;
  color: #16151A !important;
}
.dark:not(.no-dark) .bg-hover-dark {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-dark-btn {
  transition: all 0.3s;
  color: #16151A !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-dark-btn:hover {
  color: rgba(22, 21, 26, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-dark:hover {
  background-color: #16151A !important;
}
.dark:not(.no-dark) .c-hover-line {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-line:hover {
  transition: all 0.3s;
  color: #f7f9fc !important;
}
.dark:not(.no-dark) .bg-hover-line {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-line-btn {
  transition: all 0.3s;
  color: #f7f9fc !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-line-btn:hover {
  color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-line:hover {
  background-color: #f7f9fc !important;
}
.dark:not(.no-dark) .c-hover-placeholder {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-placeholder:hover {
  transition: all 0.3s;
  color: #DADDEA !important;
}
.dark:not(.no-dark) .bg-hover-placeholder {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-placeholder-btn {
  transition: all 0.3s;
  color: #DADDEA !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-placeholder-btn:hover {
  color: rgba(218, 221, 234, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-placeholder:hover {
  background-color: #DADDEA !important;
}
.dark:not(.no-dark) .c-hover-darkFont {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-darkFont:hover {
  transition: all 0.3s;
  color: #CEE2FC !important;
}
.dark:not(.no-dark) .bg-hover-darkFont {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-darkFont-btn {
  transition: all 0.3s;
  color: #CEE2FC !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-darkFont-btn:hover {
  color: rgba(206, 226, 252, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-darkFont:hover {
  background-color: #CEE2FC !important;
}
.dark:not(.no-dark) .c-hover-temRed1 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-temRed1:hover {
  transition: all 0.3s;
  color: #F94A7A !important;
}
.dark:not(.no-dark) .bg-hover-temRed1 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-temRed1-btn {
  transition: all 0.3s;
  color: #F94A7A !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-temRed1-btn:hover {
  color: rgba(249, 74, 122, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-temRed1:hover {
  background-color: #F94A7A !important;
}
.dark:not(.no-dark) .c-hover-temGray1 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-temGray1:hover {
  transition: all 0.3s;
  color: #F7F9FC !important;
}
.dark:not(.no-dark) .bg-hover-temGray1 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-temGray1-btn {
  transition: all 0.3s;
  color: #F7F9FC !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-temGray1-btn:hover {
  color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-temGray1:hover {
  background-color: #F7F9FC !important;
}
.dark:not(.no-dark) .c-hover-gray {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-gray:hover {
  transition: all 0.3s;
  color: #CCCCCC !important;
}
.dark:not(.no-dark) .bg-hover-gray {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-gray-btn {
  transition: all 0.3s;
  color: #CCCCCC !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-gray-btn:hover {
  color: rgba(204, 204, 204, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-gray:hover {
  background-color: #CCCCCC !important;
}
.dark:not(.no-dark) .c-hover-grayf4 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-grayf4:hover {
  transition: all 0.3s;
  color: #F4F4F4 !important;
}
.dark:not(.no-dark) .bg-hover-grayf4 {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-grayf4-btn {
  transition: all 0.3s;
  color: #F4F4F4 !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-grayf4-btn:hover {
  color: rgba(244, 244, 244, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-grayf4:hover {
  background-color: #F4F4F4 !important;
}
.dark:not(.no-dark) .c-hover-grayeb {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-grayeb:hover {
  transition: all 0.3s;
  color: #EBEBEB !important;
}
.dark:not(.no-dark) .bg-hover-grayeb {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-grayeb-btn {
  transition: all 0.3s;
  color: #EBEBEB !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-grayeb-btn:hover {
  color: rgba(235, 235, 235, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-grayeb:hover {
  background-color: #EBEBEB !important;
}
.dark:not(.no-dark) .c-hover-color-9b {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-hover-color-9b:hover {
  transition: all 0.3s;
  color: #9B9B9B !important;
}
.dark:not(.no-dark) .bg-hover-color-9b {
  transition: all 0.3s;
}
.dark:not(.no-dark) .c-color-9b-btn {
  transition: all 0.3s;
  color: #9B9B9B !important;
  cursor: pointer;
}
.dark:not(.no-dark) .c-color-9b-btn:hover {
  color: rgba(155, 155, 155, 0.5) !important;
}
.dark:not(.no-dark) .bg-hover-color-9b:hover {
  background-color: #9B9B9B !important;
}
.light .c-high,
html .c-high {
  color: #16151A !important;
}
.light .text-wrap,
html .text-wrap {
  overflow-wrap: anywhere;
}
.dark:not(.no-dark) .c-high {
  color: #fff !important;
}
.bold {
  font-weight: bold !important;
}
.bold .num-f {
  font-weight: bold !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-500 .num-f {
  font-weight: 500 !important;
}
.weight-600 {
  font-weight: 600 !important;
}
.weight-600 .num-f {
  font-weight: 600 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-700 .num-f {
  font-weight: 700 !important;
}
.num-f.bold {
  font-weight: bold !important;
}
.no-bold {
  font-weight: 400 !important;
}
.label-sm {
  font-size: 12px;
}
.label-sm .el-input__inner::placeholder {
  font-size: 12px !important;
}
.label {
  font-size: 14px;
}
.label .el-input__inner::placeholder {
  font-size: 14px !important;
}
.label-lg {
  font-size: 16px;
}
.label-lg .el-input__inner::placeholder {
  font-size: 16px !important;
}
.title-sm {
  font-size: 18px;
}
.title-sm .el-input__inner::placeholder {
  font-size: 18px !important;
}
.title:not(.op) {
  font-size: 20px;
}
.title:not(.op) .el-input__inner::placeholder {
  font-size: 20px !important;
}
.title-lg {
  font-size: 22px;
}
.title-lg .el-input__inner::placeholder {
  font-size: 22px !important;
}
.text-left {
  text-align: left;
}
.text-left input {
  text-align: left !important;
}
.text-center {
  text-align: center;
}
.text-center input {
  text-align: center !important;
}
.text-right {
  text-align: right;
}
.text-right input {
  text-align: right !important;
}
.text-nowrap {
  white-space: nowrap;
}
.ellipsis {
  display: block;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis span {
  display: block;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis-1 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis-1 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-2 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis-3 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis-4 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ellipsis-4 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ellipsis-5 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.ellipsis-5 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.ellipsis-6 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.ellipsis-6 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.ellipsis-7 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.ellipsis-7 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.ellipsis-8 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.ellipsis-8 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.ellipsis-9 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.ellipsis-9 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.ellipsis-10 {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.ellipsis-10 span {
  display: -webkit-box;
  overflow: hidden;
  /*文本不会换行*/
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.trade-style-0 .bg-buy {
  transition: all 0.3s;
  background-color: #01BD8B !important;
}
.trade-style-0 .bg-sell {
  transition: all 0.3s;
  background-color: #FF5555 !important;
}
.trade-style-0 .bg-buy-10 {
  transition: all 0.3s;
  background-color: rgba(1, 189, 139, 0.1) !important;
}
.trade-style-0 .bg-sell-10 {
  transition: all 0.3s;
  background-color: rgba(255, 85, 85, 0.1) !important;
}
.trade-style-0 .buy-primary {
  --el-color-primary: #01BD8B;
}
.trade-style-0 .sell-primary {
  --el-color-primary: #FF5555;
}
.trade-style-1 .bg-buy {
  transition: all 0.3s;
  background-color: #FF5555 !important;
}
.trade-style-1 .bg-sell-10 {
  transition: all 0.3s;
  background-color: rgba(1, 189, 139, 0.1) !important;
}
.trade-style-1 .bg-buy-10 {
  transition: all 0.3s;
  background-color: rgba(255, 85, 85, 0.1) !important;
}
.trade-style-1 .bg-sell {
  transition: all 0.3s;
  background-color: #01BD8B !important;
}
.trade-style-1 .buy-primary {
  --el-color-primary: #FF5555;
}
.trade-style-1 .sell-primary {
  --el-color-primary: #01BD8B;
}
.light .bg-color-9b, html .bg-color-9b {
  background-color: #9B9B9B !important;
}
.light .bg-color-9b-10, html .bg-color-9b-10 {
  background-color: rgba(155, 155, 155, 0.1) !important;
}
.light .bg-color-9b-20, html .bg-color-9b-20 {
  background-color: rgba(155, 155, 155, 0.2) !important;
}
.light .bg-color-9b-30, html .bg-color-9b-30 {
  background-color: rgba(155, 155, 155, 0.2) !important;
}
.light .bg-color-9b-50, html .bg-color-9b-50 {
  background-color: rgba(155, 155, 155, 0.5) !important;
}
.light .bg-color-9b-80, html .bg-color-9b-80 {
  background-color: rgba(155, 155, 155, 0.8) !important;
}
.light .border-c-color-9b, html .border-c-color-9b {
  border-color: #9B9B9B !important;
}
.light .border-c-color-9b-10, html .border-c-color-9b-10 {
  border-color: rgba(155, 155, 155, 0.1) !important;
}
.light .border-c-color-9b-20, html .border-c-color-9b-20 {
  border-color: rgba(155, 155, 155, 0.2) !important;
}
.light .border-c-color-9b-50, html .border-c-color-9b-50 {
  border-color: rgba(155, 155, 155, 0.5) !important;
}
.light .border-c-color-9b-50, html .border-c-color-9b-50 {
  border-color: rgba(155, 155, 155, 0.5) !important;
}
.light .tab-color-9b, html .tab-color-9b {
  background-color: rgba(155, 155, 155, 0.1) !important;
  color: #9B9B9B !important;
  padding: 2px 5px;
}
.light .bg-grayeb, html .bg-grayeb {
  background-color: #EBEBEB !important;
}
.light .bg-grayeb-10, html .bg-grayeb-10 {
  background-color: rgba(235, 235, 235, 0.1) !important;
}
.light .bg-grayeb-20, html .bg-grayeb-20 {
  background-color: rgba(235, 235, 235, 0.2) !important;
}
.light .bg-grayeb-30, html .bg-grayeb-30 {
  background-color: rgba(235, 235, 235, 0.2) !important;
}
.light .bg-grayeb-50, html .bg-grayeb-50 {
  background-color: rgba(235, 235, 235, 0.5) !important;
}
.light .bg-grayeb-80, html .bg-grayeb-80 {
  background-color: rgba(235, 235, 235, 0.8) !important;
}
.light .border-c-grayeb, html .border-c-grayeb {
  border-color: #EBEBEB !important;
}
.light .border-c-grayeb-10, html .border-c-grayeb-10 {
  border-color: rgba(235, 235, 235, 0.1) !important;
}
.light .border-c-grayeb-20, html .border-c-grayeb-20 {
  border-color: rgba(235, 235, 235, 0.2) !important;
}
.light .border-c-grayeb-50, html .border-c-grayeb-50 {
  border-color: rgba(235, 235, 235, 0.5) !important;
}
.light .border-c-grayeb-50, html .border-c-grayeb-50 {
  border-color: rgba(235, 235, 235, 0.5) !important;
}
.light .tab-grayeb, html .tab-grayeb {
  background-color: rgba(235, 235, 235, 0.1) !important;
  color: #EBEBEB !important;
  padding: 2px 5px;
}
.light .bg-grayf4, html .bg-grayf4 {
  background-color: #F4F4F4 !important;
}
.light .bg-grayf4-10, html .bg-grayf4-10 {
  background-color: rgba(244, 244, 244, 0.1) !important;
}
.light .bg-grayf4-20, html .bg-grayf4-20 {
  background-color: rgba(244, 244, 244, 0.2) !important;
}
.light .bg-grayf4-30, html .bg-grayf4-30 {
  background-color: rgba(244, 244, 244, 0.2) !important;
}
.light .bg-grayf4-50, html .bg-grayf4-50 {
  background-color: rgba(244, 244, 244, 0.5) !important;
}
.light .bg-grayf4-80, html .bg-grayf4-80 {
  background-color: rgba(244, 244, 244, 0.8) !important;
}
.light .border-c-grayf4, html .border-c-grayf4 {
  border-color: #F4F4F4 !important;
}
.light .border-c-grayf4-10, html .border-c-grayf4-10 {
  border-color: rgba(244, 244, 244, 0.1) !important;
}
.light .border-c-grayf4-20, html .border-c-grayf4-20 {
  border-color: rgba(244, 244, 244, 0.2) !important;
}
.light .border-c-grayf4-50, html .border-c-grayf4-50 {
  border-color: rgba(244, 244, 244, 0.5) !important;
}
.light .border-c-grayf4-50, html .border-c-grayf4-50 {
  border-color: rgba(244, 244, 244, 0.5) !important;
}
.light .tab-grayf4, html .tab-grayf4 {
  background-color: rgba(244, 244, 244, 0.1) !important;
  color: #F4F4F4 !important;
  padding: 2px 5px;
}
.light .bg-gray, html .bg-gray {
  background-color: #CCCCCC !important;
}
.light .bg-gray-10, html .bg-gray-10 {
  background-color: rgba(204, 204, 204, 0.1) !important;
}
.light .bg-gray-20, html .bg-gray-20 {
  background-color: rgba(204, 204, 204, 0.2) !important;
}
.light .bg-gray-30, html .bg-gray-30 {
  background-color: rgba(204, 204, 204, 0.2) !important;
}
.light .bg-gray-50, html .bg-gray-50 {
  background-color: rgba(204, 204, 204, 0.5) !important;
}
.light .bg-gray-80, html .bg-gray-80 {
  background-color: rgba(204, 204, 204, 0.8) !important;
}
.light .border-c-gray, html .border-c-gray {
  border-color: #CCCCCC !important;
}
.light .border-c-gray-10, html .border-c-gray-10 {
  border-color: rgba(204, 204, 204, 0.1) !important;
}
.light .border-c-gray-20, html .border-c-gray-20 {
  border-color: rgba(204, 204, 204, 0.2) !important;
}
.light .border-c-gray-50, html .border-c-gray-50 {
  border-color: rgba(204, 204, 204, 0.5) !important;
}
.light .border-c-gray-50, html .border-c-gray-50 {
  border-color: rgba(204, 204, 204, 0.5) !important;
}
.light .tab-gray, html .tab-gray {
  background-color: rgba(204, 204, 204, 0.1) !important;
  color: #CCCCCC !important;
  padding: 2px 5px;
}
.light .bg-temGray1, html .bg-temGray1 {
  background-color: #F7F9FC !important;
}
.light .bg-temGray1-10, html .bg-temGray1-10 {
  background-color: rgba(247, 249, 252, 0.1) !important;
}
.light .bg-temGray1-20, html .bg-temGray1-20 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.light .bg-temGray1-30, html .bg-temGray1-30 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.light .bg-temGray1-50, html .bg-temGray1-50 {
  background-color: rgba(247, 249, 252, 0.5) !important;
}
.light .bg-temGray1-80, html .bg-temGray1-80 {
  background-color: rgba(247, 249, 252, 0.8) !important;
}
.light .border-c-temGray1, html .border-c-temGray1 {
  border-color: #F7F9FC !important;
}
.light .border-c-temGray1-10, html .border-c-temGray1-10 {
  border-color: rgba(247, 249, 252, 0.1) !important;
}
.light .border-c-temGray1-20, html .border-c-temGray1-20 {
  border-color: rgba(247, 249, 252, 0.2) !important;
}
.light .border-c-temGray1-50, html .border-c-temGray1-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.light .border-c-temGray1-50, html .border-c-temGray1-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.light .tab-temGray1, html .tab-temGray1 {
  background-color: rgba(247, 249, 252, 0.1) !important;
  color: #F7F9FC !important;
  padding: 2px 5px;
}
.light .bg-temRed1, html .bg-temRed1 {
  background-color: #F94A7A !important;
}
.light .bg-temRed1-10, html .bg-temRed1-10 {
  background-color: rgba(249, 74, 122, 0.1) !important;
}
.light .bg-temRed1-20, html .bg-temRed1-20 {
  background-color: rgba(249, 74, 122, 0.2) !important;
}
.light .bg-temRed1-30, html .bg-temRed1-30 {
  background-color: rgba(249, 74, 122, 0.2) !important;
}
.light .bg-temRed1-50, html .bg-temRed1-50 {
  background-color: rgba(249, 74, 122, 0.5) !important;
}
.light .bg-temRed1-80, html .bg-temRed1-80 {
  background-color: rgba(249, 74, 122, 0.8) !important;
}
.light .border-c-temRed1, html .border-c-temRed1 {
  border-color: #F94A7A !important;
}
.light .border-c-temRed1-10, html .border-c-temRed1-10 {
  border-color: rgba(249, 74, 122, 0.1) !important;
}
.light .border-c-temRed1-20, html .border-c-temRed1-20 {
  border-color: rgba(249, 74, 122, 0.2) !important;
}
.light .border-c-temRed1-50, html .border-c-temRed1-50 {
  border-color: rgba(249, 74, 122, 0.5) !important;
}
.light .border-c-temRed1-50, html .border-c-temRed1-50 {
  border-color: rgba(249, 74, 122, 0.5) !important;
}
.light .tab-temRed1, html .tab-temRed1 {
  background-color: rgba(249, 74, 122, 0.1) !important;
  color: #F94A7A !important;
  padding: 2px 5px;
}
.light .bg-darkFont, html .bg-darkFont {
  background-color: #CEE2FC !important;
}
.light .bg-darkFont-10, html .bg-darkFont-10 {
  background-color: rgba(206, 226, 252, 0.1) !important;
}
.light .bg-darkFont-20, html .bg-darkFont-20 {
  background-color: rgba(206, 226, 252, 0.2) !important;
}
.light .bg-darkFont-30, html .bg-darkFont-30 {
  background-color: rgba(206, 226, 252, 0.2) !important;
}
.light .bg-darkFont-50, html .bg-darkFont-50 {
  background-color: rgba(206, 226, 252, 0.5) !important;
}
.light .bg-darkFont-80, html .bg-darkFont-80 {
  background-color: rgba(206, 226, 252, 0.8) !important;
}
.light .border-c-darkFont, html .border-c-darkFont {
  border-color: #CEE2FC !important;
}
.light .border-c-darkFont-10, html .border-c-darkFont-10 {
  border-color: rgba(206, 226, 252, 0.1) !important;
}
.light .border-c-darkFont-20, html .border-c-darkFont-20 {
  border-color: rgba(206, 226, 252, 0.2) !important;
}
.light .border-c-darkFont-50, html .border-c-darkFont-50 {
  border-color: rgba(206, 226, 252, 0.5) !important;
}
.light .border-c-darkFont-50, html .border-c-darkFont-50 {
  border-color: rgba(206, 226, 252, 0.5) !important;
}
.light .tab-darkFont, html .tab-darkFont {
  background-color: rgba(206, 226, 252, 0.1) !important;
  color: #CEE2FC !important;
  padding: 2px 5px;
}
.light .bg-placeholder, html .bg-placeholder {
  background-color: #DADDEA !important;
}
.light .bg-placeholder-10, html .bg-placeholder-10 {
  background-color: rgba(218, 221, 234, 0.1) !important;
}
.light .bg-placeholder-20, html .bg-placeholder-20 {
  background-color: rgba(218, 221, 234, 0.2) !important;
}
.light .bg-placeholder-30, html .bg-placeholder-30 {
  background-color: rgba(218, 221, 234, 0.2) !important;
}
.light .bg-placeholder-50, html .bg-placeholder-50 {
  background-color: rgba(218, 221, 234, 0.5) !important;
}
.light .bg-placeholder-80, html .bg-placeholder-80 {
  background-color: rgba(218, 221, 234, 0.8) !important;
}
.light .border-c-placeholder, html .border-c-placeholder {
  border-color: #DADDEA !important;
}
.light .border-c-placeholder-10, html .border-c-placeholder-10 {
  border-color: rgba(218, 221, 234, 0.1) !important;
}
.light .border-c-placeholder-20, html .border-c-placeholder-20 {
  border-color: rgba(218, 221, 234, 0.2) !important;
}
.light .border-c-placeholder-50, html .border-c-placeholder-50 {
  border-color: rgba(218, 221, 234, 0.5) !important;
}
.light .border-c-placeholder-50, html .border-c-placeholder-50 {
  border-color: rgba(218, 221, 234, 0.5) !important;
}
.light .tab-placeholder, html .tab-placeholder {
  background-color: rgba(218, 221, 234, 0.1) !important;
  color: #DADDEA !important;
  padding: 2px 5px;
}
.light .bg-line, html .bg-line {
  background-color: #f7f9fc !important;
}
.light .bg-line-10, html .bg-line-10 {
  background-color: rgba(247, 249, 252, 0.1) !important;
}
.light .bg-line-20, html .bg-line-20 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.light .bg-line-30, html .bg-line-30 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.light .bg-line-50, html .bg-line-50 {
  background-color: rgba(247, 249, 252, 0.5) !important;
}
.light .bg-line-80, html .bg-line-80 {
  background-color: rgba(247, 249, 252, 0.8) !important;
}
.light .border-c-line, html .border-c-line {
  border-color: #f7f9fc !important;
}
.light .border-c-line-10, html .border-c-line-10 {
  border-color: rgba(247, 249, 252, 0.1) !important;
}
.light .border-c-line-20, html .border-c-line-20 {
  border-color: rgba(247, 249, 252, 0.2) !important;
}
.light .border-c-line-50, html .border-c-line-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.light .border-c-line-50, html .border-c-line-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.light .tab-line, html .tab-line {
  background-color: rgba(247, 249, 252, 0.1) !important;
  color: #f7f9fc !important;
  padding: 2px 5px;
}
.light .bg-dark, html .bg-dark {
  background-color: #16151A !important;
}
.light .bg-dark-10, html .bg-dark-10 {
  background-color: rgba(22, 21, 26, 0.1) !important;
}
.light .bg-dark-20, html .bg-dark-20 {
  background-color: rgba(22, 21, 26, 0.2) !important;
}
.light .bg-dark-30, html .bg-dark-30 {
  background-color: rgba(22, 21, 26, 0.2) !important;
}
.light .bg-dark-50, html .bg-dark-50 {
  background-color: rgba(22, 21, 26, 0.5) !important;
}
.light .bg-dark-80, html .bg-dark-80 {
  background-color: rgba(22, 21, 26, 0.8) !important;
}
.light .border-c-dark, html .border-c-dark {
  border-color: #16151A !important;
}
.light .border-c-dark-10, html .border-c-dark-10 {
  border-color: rgba(22, 21, 26, 0.1) !important;
}
.light .border-c-dark-20, html .border-c-dark-20 {
  border-color: rgba(22, 21, 26, 0.2) !important;
}
.light .border-c-dark-50, html .border-c-dark-50 {
  border-color: rgba(22, 21, 26, 0.5) !important;
}
.light .border-c-dark-50, html .border-c-dark-50 {
  border-color: rgba(22, 21, 26, 0.5) !important;
}
.light .tab-dark, html .tab-dark {
  background-color: rgba(22, 21, 26, 0.1) !important;
  color: #16151A !important;
  padding: 2px 5px;
}
.light .bg-cyan, html .bg-cyan {
  background-color: #06F0C6 !important;
}
.light .bg-cyan-10, html .bg-cyan-10 {
  background-color: rgba(6, 240, 198, 0.1) !important;
}
.light .bg-cyan-20, html .bg-cyan-20 {
  background-color: rgba(6, 240, 198, 0.2) !important;
}
.light .bg-cyan-30, html .bg-cyan-30 {
  background-color: rgba(6, 240, 198, 0.2) !important;
}
.light .bg-cyan-50, html .bg-cyan-50 {
  background-color: rgba(6, 240, 198, 0.5) !important;
}
.light .bg-cyan-80, html .bg-cyan-80 {
  background-color: rgba(6, 240, 198, 0.8) !important;
}
.light .border-c-cyan, html .border-c-cyan {
  border-color: #06F0C6 !important;
}
.light .border-c-cyan-10, html .border-c-cyan-10 {
  border-color: rgba(6, 240, 198, 0.1) !important;
}
.light .border-c-cyan-20, html .border-c-cyan-20 {
  border-color: rgba(6, 240, 198, 0.2) !important;
}
.light .border-c-cyan-50, html .border-c-cyan-50 {
  border-color: rgba(6, 240, 198, 0.5) !important;
}
.light .border-c-cyan-50, html .border-c-cyan-50 {
  border-color: rgba(6, 240, 198, 0.5) !important;
}
.light .tab-cyan, html .tab-cyan {
  background-color: rgba(6, 240, 198, 0.1) !important;
  color: #06F0C6 !important;
  padding: 2px 5px;
}
.light .bg-lGrey, html .bg-lGrey {
  background-color: #EBF2FA !important;
}
.light .bg-lGrey-10, html .bg-lGrey-10 {
  background-color: rgba(235, 242, 250, 0.1) !important;
}
.light .bg-lGrey-20, html .bg-lGrey-20 {
  background-color: rgba(235, 242, 250, 0.2) !important;
}
.light .bg-lGrey-30, html .bg-lGrey-30 {
  background-color: rgba(235, 242, 250, 0.2) !important;
}
.light .bg-lGrey-50, html .bg-lGrey-50 {
  background-color: rgba(235, 242, 250, 0.5) !important;
}
.light .bg-lGrey-80, html .bg-lGrey-80 {
  background-color: rgba(235, 242, 250, 0.8) !important;
}
.light .border-c-lGrey, html .border-c-lGrey {
  border-color: #EBF2FA !important;
}
.light .border-c-lGrey-10, html .border-c-lGrey-10 {
  border-color: rgba(235, 242, 250, 0.1) !important;
}
.light .border-c-lGrey-20, html .border-c-lGrey-20 {
  border-color: rgba(235, 242, 250, 0.2) !important;
}
.light .border-c-lGrey-50, html .border-c-lGrey-50 {
  border-color: rgba(235, 242, 250, 0.5) !important;
}
.light .border-c-lGrey-50, html .border-c-lGrey-50 {
  border-color: rgba(235, 242, 250, 0.5) !important;
}
.light .tab-lGrey, html .tab-lGrey {
  background-color: rgba(235, 242, 250, 0.1) !important;
  color: #EBF2FA !important;
  padding: 2px 5px;
}
.light .bg-icon, html .bg-icon {
  background-color: #61688A !important;
}
.light .bg-icon-10, html .bg-icon-10 {
  background-color: rgba(97, 104, 138, 0.1) !important;
}
.light .bg-icon-20, html .bg-icon-20 {
  background-color: rgba(97, 104, 138, 0.2) !important;
}
.light .bg-icon-30, html .bg-icon-30 {
  background-color: rgba(97, 104, 138, 0.2) !important;
}
.light .bg-icon-50, html .bg-icon-50 {
  background-color: rgba(97, 104, 138, 0.5) !important;
}
.light .bg-icon-80, html .bg-icon-80 {
  background-color: rgba(97, 104, 138, 0.8) !important;
}
.light .border-c-icon, html .border-c-icon {
  border-color: #61688A !important;
}
.light .border-c-icon-10, html .border-c-icon-10 {
  border-color: rgba(97, 104, 138, 0.1) !important;
}
.light .border-c-icon-20, html .border-c-icon-20 {
  border-color: rgba(97, 104, 138, 0.2) !important;
}
.light .border-c-icon-50, html .border-c-icon-50 {
  border-color: rgba(97, 104, 138, 0.5) !important;
}
.light .border-c-icon-50, html .border-c-icon-50 {
  border-color: rgba(97, 104, 138, 0.5) !important;
}
.light .tab-icon, html .tab-icon {
  background-color: rgba(97, 104, 138, 0.1) !important;
  color: #61688A !important;
  padding: 2px 5px;
}
.light .bg-lInfo2, html .bg-lInfo2 {
  background-color: #F9F9F9 !important;
}
.light .bg-lInfo2-10, html .bg-lInfo2-10 {
  background-color: rgba(249, 249, 249, 0.1) !important;
}
.light .bg-lInfo2-20, html .bg-lInfo2-20 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.light .bg-lInfo2-30, html .bg-lInfo2-30 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.light .bg-lInfo2-50, html .bg-lInfo2-50 {
  background-color: rgba(249, 249, 249, 0.5) !important;
}
.light .bg-lInfo2-80, html .bg-lInfo2-80 {
  background-color: rgba(249, 249, 249, 0.8) !important;
}
.light .border-c-lInfo2, html .border-c-lInfo2 {
  border-color: #F9F9F9 !important;
}
.light .border-c-lInfo2-10, html .border-c-lInfo2-10 {
  border-color: rgba(249, 249, 249, 0.1) !important;
}
.light .border-c-lInfo2-20, html .border-c-lInfo2-20 {
  border-color: rgba(249, 249, 249, 0.2) !important;
}
.light .border-c-lInfo2-50, html .border-c-lInfo2-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.light .border-c-lInfo2-50, html .border-c-lInfo2-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.light .tab-lInfo2, html .tab-lInfo2 {
  background-color: rgba(249, 249, 249, 0.1) !important;
  color: #F9F9F9 !important;
  padding: 2px 5px;
}
.light .bg-lInfo, html .bg-lInfo {
  background-color: #F9F9F9 !important;
}
.light .bg-lInfo-10, html .bg-lInfo-10 {
  background-color: rgba(249, 249, 249, 0.1) !important;
}
.light .bg-lInfo-20, html .bg-lInfo-20 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.light .bg-lInfo-30, html .bg-lInfo-30 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.light .bg-lInfo-50, html .bg-lInfo-50 {
  background-color: rgba(249, 249, 249, 0.5) !important;
}
.light .bg-lInfo-80, html .bg-lInfo-80 {
  background-color: rgba(249, 249, 249, 0.8) !important;
}
.light .border-c-lInfo, html .border-c-lInfo {
  border-color: #F9F9F9 !important;
}
.light .border-c-lInfo-10, html .border-c-lInfo-10 {
  border-color: rgba(249, 249, 249, 0.1) !important;
}
.light .border-c-lInfo-20, html .border-c-lInfo-20 {
  border-color: rgba(249, 249, 249, 0.2) !important;
}
.light .border-c-lInfo-50, html .border-c-lInfo-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.light .border-c-lInfo-50, html .border-c-lInfo-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.light .tab-lInfo, html .tab-lInfo {
  background-color: rgba(249, 249, 249, 0.1) !important;
  color: #F9F9F9 !important;
  padding: 2px 5px;
}
.light .bg-info, html .bg-info {
  background-color: #9A9FB5 !important;
}
.light .bg-info-10, html .bg-info-10 {
  background-color: rgba(154, 159, 181, 0.1) !important;
}
.light .bg-info-20, html .bg-info-20 {
  background-color: rgba(154, 159, 181, 0.2) !important;
}
.light .bg-info-30, html .bg-info-30 {
  background-color: rgba(154, 159, 181, 0.2) !important;
}
.light .bg-info-50, html .bg-info-50 {
  background-color: rgba(154, 159, 181, 0.5) !important;
}
.light .bg-info-80, html .bg-info-80 {
  background-color: rgba(154, 159, 181, 0.8) !important;
}
.light .border-c-info, html .border-c-info {
  border-color: #9A9FB5 !important;
}
.light .border-c-info-10, html .border-c-info-10 {
  border-color: rgba(154, 159, 181, 0.1) !important;
}
.light .border-c-info-20, html .border-c-info-20 {
  border-color: rgba(154, 159, 181, 0.2) !important;
}
.light .border-c-info-50, html .border-c-info-50 {
  border-color: rgba(154, 159, 181, 0.5) !important;
}
.light .border-c-info-50, html .border-c-info-50 {
  border-color: rgba(154, 159, 181, 0.5) !important;
}
.light .tab-info, html .tab-info {
  background-color: rgba(154, 159, 181, 0.1) !important;
  color: #9A9FB5 !important;
  padding: 2px 5px;
}
.light .bg-error, html .bg-error {
  background-color: #FF5555 !important;
}
.light .bg-error-10, html .bg-error-10 {
  background-color: rgba(255, 85, 85, 0.1) !important;
}
.light .bg-error-20, html .bg-error-20 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.light .bg-error-30, html .bg-error-30 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.light .bg-error-50, html .bg-error-50 {
  background-color: rgba(255, 85, 85, 0.5) !important;
}
.light .bg-error-80, html .bg-error-80 {
  background-color: rgba(255, 85, 85, 0.8) !important;
}
.light .border-c-error, html .border-c-error {
  border-color: #FF5555 !important;
}
.light .border-c-error-10, html .border-c-error-10 {
  border-color: rgba(255, 85, 85, 0.1) !important;
}
.light .border-c-error-20, html .border-c-error-20 {
  border-color: rgba(255, 85, 85, 0.2) !important;
}
.light .border-c-error-50, html .border-c-error-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.light .border-c-error-50, html .border-c-error-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.light .tab-error, html .tab-error {
  background-color: rgba(255, 85, 85, 0.1) !important;
  color: #FF5555 !important;
  padding: 2px 5px;
}
.light .bg-danger, html .bg-danger {
  background-color: #FF5555 !important;
}
.light .bg-danger-10, html .bg-danger-10 {
  background-color: rgba(255, 85, 85, 0.1) !important;
}
.light .bg-danger-20, html .bg-danger-20 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.light .bg-danger-30, html .bg-danger-30 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.light .bg-danger-50, html .bg-danger-50 {
  background-color: rgba(255, 85, 85, 0.5) !important;
}
.light .bg-danger-80, html .bg-danger-80 {
  background-color: rgba(255, 85, 85, 0.8) !important;
}
.light .border-c-danger, html .border-c-danger {
  border-color: #FF5555 !important;
}
.light .border-c-danger-10, html .border-c-danger-10 {
  border-color: rgba(255, 85, 85, 0.1) !important;
}
.light .border-c-danger-20, html .border-c-danger-20 {
  border-color: rgba(255, 85, 85, 0.2) !important;
}
.light .border-c-danger-50, html .border-c-danger-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.light .border-c-danger-50, html .border-c-danger-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.light .tab-danger, html .tab-danger {
  background-color: rgba(255, 85, 85, 0.1) !important;
  color: #FF5555 !important;
  padding: 2px 5px;
}
.light .bg-warning, html .bg-warning {
  background-color: #FAAD3A !important;
}
.light .bg-warning-10, html .bg-warning-10 {
  background-color: rgba(250, 173, 58, 0.1) !important;
}
.light .bg-warning-20, html .bg-warning-20 {
  background-color: rgba(250, 173, 58, 0.2) !important;
}
.light .bg-warning-30, html .bg-warning-30 {
  background-color: rgba(250, 173, 58, 0.2) !important;
}
.light .bg-warning-50, html .bg-warning-50 {
  background-color: rgba(250, 173, 58, 0.5) !important;
}
.light .bg-warning-80, html .bg-warning-80 {
  background-color: rgba(250, 173, 58, 0.8) !important;
}
.light .border-c-warning, html .border-c-warning {
  border-color: #FAAD3A !important;
}
.light .border-c-warning-10, html .border-c-warning-10 {
  border-color: rgba(250, 173, 58, 0.1) !important;
}
.light .border-c-warning-20, html .border-c-warning-20 {
  border-color: rgba(250, 173, 58, 0.2) !important;
}
.light .border-c-warning-50, html .border-c-warning-50 {
  border-color: rgba(250, 173, 58, 0.5) !important;
}
.light .border-c-warning-50, html .border-c-warning-50 {
  border-color: rgba(250, 173, 58, 0.5) !important;
}
.light .tab-warning, html .tab-warning {
  background-color: rgba(250, 173, 58, 0.1) !important;
  color: #FAAD3A !important;
  padding: 2px 5px;
}
.light .bg-success, html .bg-success {
  background-color: #01BD8B !important;
}
.light .bg-success-10, html .bg-success-10 {
  background-color: rgba(1, 189, 139, 0.1) !important;
}
.light .bg-success-20, html .bg-success-20 {
  background-color: rgba(1, 189, 139, 0.2) !important;
}
.light .bg-success-30, html .bg-success-30 {
  background-color: rgba(1, 189, 139, 0.2) !important;
}
.light .bg-success-50, html .bg-success-50 {
  background-color: rgba(1, 189, 139, 0.5) !important;
}
.light .bg-success-80, html .bg-success-80 {
  background-color: rgba(1, 189, 139, 0.8) !important;
}
.light .border-c-success, html .border-c-success {
  border-color: #01BD8B !important;
}
.light .border-c-success-10, html .border-c-success-10 {
  border-color: rgba(1, 189, 139, 0.1) !important;
}
.light .border-c-success-20, html .border-c-success-20 {
  border-color: rgba(1, 189, 139, 0.2) !important;
}
.light .border-c-success-50, html .border-c-success-50 {
  border-color: rgba(1, 189, 139, 0.5) !important;
}
.light .border-c-success-50, html .border-c-success-50 {
  border-color: rgba(1, 189, 139, 0.5) !important;
}
.light .tab-success, html .tab-success {
  background-color: rgba(1, 189, 139, 0.1) !important;
  color: #01BD8B !important;
  padding: 2px 5px;
}
.light .bg-primary, html .bg-primary {
  background-color: #2649EF !important;
}
.light .bg-primary-10, html .bg-primary-10 {
  background-color: rgba(38, 73, 239, 0.1) !important;
}
.light .bg-primary-20, html .bg-primary-20 {
  background-color: rgba(38, 73, 239, 0.2) !important;
}
.light .bg-primary-30, html .bg-primary-30 {
  background-color: rgba(38, 73, 239, 0.2) !important;
}
.light .bg-primary-50, html .bg-primary-50 {
  background-color: rgba(38, 73, 239, 0.5) !important;
}
.light .bg-primary-80, html .bg-primary-80 {
  background-color: rgba(38, 73, 239, 0.8) !important;
}
.light .border-c-primary, html .border-c-primary {
  border-color: #2649EF !important;
}
.light .border-c-primary-10, html .border-c-primary-10 {
  border-color: rgba(38, 73, 239, 0.1) !important;
}
.light .border-c-primary-20, html .border-c-primary-20 {
  border-color: rgba(38, 73, 239, 0.2) !important;
}
.light .border-c-primary-50, html .border-c-primary-50 {
  border-color: rgba(38, 73, 239, 0.5) !important;
}
.light .border-c-primary-50, html .border-c-primary-50 {
  border-color: rgba(38, 73, 239, 0.5) !important;
}
.light .tab-primary, html .tab-primary {
  background-color: rgba(38, 73, 239, 0.1) !important;
  color: #2649EF !important;
  padding: 2px 5px;
}
.light .bg-lBlack, html .bg-lBlack {
  background-color: #253247 !important;
}
.light .bg-lBlack-10, html .bg-lBlack-10 {
  background-color: rgba(37, 50, 71, 0.1) !important;
}
.light .bg-lBlack-20, html .bg-lBlack-20 {
  background-color: rgba(37, 50, 71, 0.2) !important;
}
.light .bg-lBlack-30, html .bg-lBlack-30 {
  background-color: rgba(37, 50, 71, 0.2) !important;
}
.light .bg-lBlack-50, html .bg-lBlack-50 {
  background-color: rgba(37, 50, 71, 0.5) !important;
}
.light .bg-lBlack-80, html .bg-lBlack-80 {
  background-color: rgba(37, 50, 71, 0.8) !important;
}
.light .border-c-lBlack, html .border-c-lBlack {
  border-color: #253247 !important;
}
.light .border-c-lBlack-10, html .border-c-lBlack-10 {
  border-color: rgba(37, 50, 71, 0.1) !important;
}
.light .border-c-lBlack-20, html .border-c-lBlack-20 {
  border-color: rgba(37, 50, 71, 0.2) !important;
}
.light .border-c-lBlack-50, html .border-c-lBlack-50 {
  border-color: rgba(37, 50, 71, 0.5) !important;
}
.light .border-c-lBlack-50, html .border-c-lBlack-50 {
  border-color: rgba(37, 50, 71, 0.5) !important;
}
.light .tab-lBlack, html .tab-lBlack {
  background-color: rgba(37, 50, 71, 0.1) !important;
  color: #253247 !important;
  padding: 2px 5px;
}
.light .bg-black, html .bg-black {
  background-color: #000000 !important;
}
.light .bg-black-10, html .bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.light .bg-black-20, html .bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.light .bg-black-30, html .bg-black-30 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.light .bg-black-50, html .bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.light .bg-black-80, html .bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.light .border-c-black, html .border-c-black {
  border-color: #000000 !important;
}
.light .border-c-black-10, html .border-c-black-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.light .border-c-black-20, html .border-c-black-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.light .border-c-black-50, html .border-c-black-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.light .border-c-black-50, html .border-c-black-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.light .tab-black, html .tab-black {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
  padding: 2px 5px;
}
.light .bg-white, html .bg-white {
  background-color: #ffffff !important;
}
.light .bg-white-10, html .bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.light .bg-white-20, html .bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.light .bg-white-30, html .bg-white-30 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.light .bg-white-50, html .bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.light .bg-white-80, html .bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.light .border-c-white, html .border-c-white {
  border-color: #ffffff !important;
}
.light .border-c-white-10, html .border-c-white-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.light .border-c-white-20, html .border-c-white-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.light .border-c-white-50, html .border-c-white-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.light .border-c-white-50, html .border-c-white-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.light .tab-white, html .tab-white {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-white {
  background-color: #ffffff !important;
}
.dark:not(.no-dark) .bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark:not(.no-dark) .bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.dark:not(.no-dark) .bg-white-30 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.dark:not(.no-dark) .bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.dark:not(.no-dark) .bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.dark:not(.no-dark) .border-c-white {
  border-color: #ffffff !important;
}
.dark:not(.no-dark) .border-c-white-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark:not(.no-dark) .border-c-white-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.dark:not(.no-dark) .border-c-white-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.dark:not(.no-dark) .border-c-white-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.dark:not(.no-dark) .tab-white {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-black {
  background-color: #000000 !important;
}
.dark:not(.no-dark) .bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.dark:not(.no-dark) .bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.dark:not(.no-dark) .bg-black-30 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.dark:not(.no-dark) .bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.dark:not(.no-dark) .bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.dark:not(.no-dark) .border-c-black {
  border-color: #000000 !important;
}
.dark:not(.no-dark) .border-c-black-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.dark:not(.no-dark) .border-c-black-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.dark:not(.no-dark) .border-c-black-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.dark:not(.no-dark) .border-c-black-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.dark:not(.no-dark) .tab-black {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-lBlack {
  background-color: #253247 !important;
}
.dark:not(.no-dark) .bg-lBlack-10 {
  background-color: rgba(37, 50, 71, 0.1) !important;
}
.dark:not(.no-dark) .bg-lBlack-20 {
  background-color: rgba(37, 50, 71, 0.2) !important;
}
.dark:not(.no-dark) .bg-lBlack-30 {
  background-color: rgba(37, 50, 71, 0.2) !important;
}
.dark:not(.no-dark) .bg-lBlack-50 {
  background-color: rgba(37, 50, 71, 0.5) !important;
}
.dark:not(.no-dark) .bg-lBlack-80 {
  background-color: rgba(37, 50, 71, 0.8) !important;
}
.dark:not(.no-dark) .border-c-lBlack {
  border-color: #253247 !important;
}
.dark:not(.no-dark) .border-c-lBlack-10 {
  border-color: rgba(37, 50, 71, 0.1) !important;
}
.dark:not(.no-dark) .border-c-lBlack-20 {
  border-color: rgba(37, 50, 71, 0.2) !important;
}
.dark:not(.no-dark) .border-c-lBlack-50 {
  border-color: rgba(37, 50, 71, 0.5) !important;
}
.dark:not(.no-dark) .border-c-lBlack-50 {
  border-color: rgba(37, 50, 71, 0.5) !important;
}
.dark:not(.no-dark) .tab-lBlack {
  background-color: rgba(37, 50, 71, 0.1) !important;
  color: #253247 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-primary {
  background-color: #3B5AF0 !important;
}
.dark:not(.no-dark) .bg-primary-10 {
  background-color: rgba(59, 90, 240, 0.1) !important;
}
.dark:not(.no-dark) .bg-primary-20 {
  background-color: rgba(59, 90, 240, 0.2) !important;
}
.dark:not(.no-dark) .bg-primary-30 {
  background-color: rgba(59, 90, 240, 0.2) !important;
}
.dark:not(.no-dark) .bg-primary-50 {
  background-color: rgba(59, 90, 240, 0.5) !important;
}
.dark:not(.no-dark) .bg-primary-80 {
  background-color: rgba(59, 90, 240, 0.8) !important;
}
.dark:not(.no-dark) .border-c-primary {
  border-color: #3B5AF0 !important;
}
.dark:not(.no-dark) .border-c-primary-10 {
  border-color: rgba(59, 90, 240, 0.1) !important;
}
.dark:not(.no-dark) .border-c-primary-20 {
  border-color: rgba(59, 90, 240, 0.2) !important;
}
.dark:not(.no-dark) .border-c-primary-50 {
  border-color: rgba(59, 90, 240, 0.5) !important;
}
.dark:not(.no-dark) .border-c-primary-50 {
  border-color: rgba(59, 90, 240, 0.5) !important;
}
.dark:not(.no-dark) .tab-primary {
  background-color: rgba(59, 90, 240, 0.1) !important;
  color: #3B5AF0 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-success {
  background-color: #01BD8B !important;
}
.dark:not(.no-dark) .bg-success-10 {
  background-color: rgba(1, 189, 139, 0.1) !important;
}
.dark:not(.no-dark) .bg-success-20 {
  background-color: rgba(1, 189, 139, 0.2) !important;
}
.dark:not(.no-dark) .bg-success-30 {
  background-color: rgba(1, 189, 139, 0.2) !important;
}
.dark:not(.no-dark) .bg-success-50 {
  background-color: rgba(1, 189, 139, 0.5) !important;
}
.dark:not(.no-dark) .bg-success-80 {
  background-color: rgba(1, 189, 139, 0.8) !important;
}
.dark:not(.no-dark) .border-c-success {
  border-color: #01BD8B !important;
}
.dark:not(.no-dark) .border-c-success-10 {
  border-color: rgba(1, 189, 139, 0.1) !important;
}
.dark:not(.no-dark) .border-c-success-20 {
  border-color: rgba(1, 189, 139, 0.2) !important;
}
.dark:not(.no-dark) .border-c-success-50 {
  border-color: rgba(1, 189, 139, 0.5) !important;
}
.dark:not(.no-dark) .border-c-success-50 {
  border-color: rgba(1, 189, 139, 0.5) !important;
}
.dark:not(.no-dark) .tab-success {
  background-color: rgba(1, 189, 139, 0.1) !important;
  color: #01BD8B !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-warning {
  background-color: #FAAD3A !important;
}
.dark:not(.no-dark) .bg-warning-10 {
  background-color: rgba(250, 173, 58, 0.1) !important;
}
.dark:not(.no-dark) .bg-warning-20 {
  background-color: rgba(250, 173, 58, 0.2) !important;
}
.dark:not(.no-dark) .bg-warning-30 {
  background-color: rgba(250, 173, 58, 0.2) !important;
}
.dark:not(.no-dark) .bg-warning-50 {
  background-color: rgba(250, 173, 58, 0.5) !important;
}
.dark:not(.no-dark) .bg-warning-80 {
  background-color: rgba(250, 173, 58, 0.8) !important;
}
.dark:not(.no-dark) .border-c-warning {
  border-color: #FAAD3A !important;
}
.dark:not(.no-dark) .border-c-warning-10 {
  border-color: rgba(250, 173, 58, 0.1) !important;
}
.dark:not(.no-dark) .border-c-warning-20 {
  border-color: rgba(250, 173, 58, 0.2) !important;
}
.dark:not(.no-dark) .border-c-warning-50 {
  border-color: rgba(250, 173, 58, 0.5) !important;
}
.dark:not(.no-dark) .border-c-warning-50 {
  border-color: rgba(250, 173, 58, 0.5) !important;
}
.dark:not(.no-dark) .tab-warning {
  background-color: rgba(250, 173, 58, 0.1) !important;
  color: #FAAD3A !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-danger {
  background-color: #FF5555 !important;
}
.dark:not(.no-dark) .bg-danger-10 {
  background-color: rgba(255, 85, 85, 0.1) !important;
}
.dark:not(.no-dark) .bg-danger-20 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.dark:not(.no-dark) .bg-danger-30 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.dark:not(.no-dark) .bg-danger-50 {
  background-color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .bg-danger-80 {
  background-color: rgba(255, 85, 85, 0.8) !important;
}
.dark:not(.no-dark) .border-c-danger {
  border-color: #FF5555 !important;
}
.dark:not(.no-dark) .border-c-danger-10 {
  border-color: rgba(255, 85, 85, 0.1) !important;
}
.dark:not(.no-dark) .border-c-danger-20 {
  border-color: rgba(255, 85, 85, 0.2) !important;
}
.dark:not(.no-dark) .border-c-danger-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .border-c-danger-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .tab-danger {
  background-color: rgba(255, 85, 85, 0.1) !important;
  color: #FF5555 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-error {
  background-color: #FF5555 !important;
}
.dark:not(.no-dark) .bg-error-10 {
  background-color: rgba(255, 85, 85, 0.1) !important;
}
.dark:not(.no-dark) .bg-error-20 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.dark:not(.no-dark) .bg-error-30 {
  background-color: rgba(255, 85, 85, 0.2) !important;
}
.dark:not(.no-dark) .bg-error-50 {
  background-color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .bg-error-80 {
  background-color: rgba(255, 85, 85, 0.8) !important;
}
.dark:not(.no-dark) .border-c-error {
  border-color: #FF5555 !important;
}
.dark:not(.no-dark) .border-c-error-10 {
  border-color: rgba(255, 85, 85, 0.1) !important;
}
.dark:not(.no-dark) .border-c-error-20 {
  border-color: rgba(255, 85, 85, 0.2) !important;
}
.dark:not(.no-dark) .border-c-error-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .border-c-error-50 {
  border-color: rgba(255, 85, 85, 0.5) !important;
}
.dark:not(.no-dark) .tab-error {
  background-color: rgba(255, 85, 85, 0.1) !important;
  color: #FF5555 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-info {
  background-color: #9A9FB5 !important;
}
.dark:not(.no-dark) .bg-info-10 {
  background-color: rgba(154, 159, 181, 0.1) !important;
}
.dark:not(.no-dark) .bg-info-20 {
  background-color: rgba(154, 159, 181, 0.2) !important;
}
.dark:not(.no-dark) .bg-info-30 {
  background-color: rgba(154, 159, 181, 0.2) !important;
}
.dark:not(.no-dark) .bg-info-50 {
  background-color: rgba(154, 159, 181, 0.5) !important;
}
.dark:not(.no-dark) .bg-info-80 {
  background-color: rgba(154, 159, 181, 0.8) !important;
}
.dark:not(.no-dark) .border-c-info {
  border-color: #9A9FB5 !important;
}
.dark:not(.no-dark) .border-c-info-10 {
  border-color: rgba(154, 159, 181, 0.1) !important;
}
.dark:not(.no-dark) .border-c-info-20 {
  border-color: rgba(154, 159, 181, 0.2) !important;
}
.dark:not(.no-dark) .border-c-info-50 {
  border-color: rgba(154, 159, 181, 0.5) !important;
}
.dark:not(.no-dark) .border-c-info-50 {
  border-color: rgba(154, 159, 181, 0.5) !important;
}
.dark:not(.no-dark) .tab-info {
  background-color: rgba(154, 159, 181, 0.1) !important;
  color: #9A9FB5 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-lInfo {
  background-color: #F9F9F9 !important;
}
.dark:not(.no-dark) .bg-lInfo-10 {
  background-color: rgba(249, 249, 249, 0.1) !important;
}
.dark:not(.no-dark) .bg-lInfo-20 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.dark:not(.no-dark) .bg-lInfo-30 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.dark:not(.no-dark) .bg-lInfo-50 {
  background-color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .bg-lInfo-80 {
  background-color: rgba(249, 249, 249, 0.8) !important;
}
.dark:not(.no-dark) .border-c-lInfo {
  border-color: #F9F9F9 !important;
}
.dark:not(.no-dark) .border-c-lInfo-10 {
  border-color: rgba(249, 249, 249, 0.1) !important;
}
.dark:not(.no-dark) .border-c-lInfo-20 {
  border-color: rgba(249, 249, 249, 0.2) !important;
}
.dark:not(.no-dark) .border-c-lInfo-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .border-c-lInfo-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .tab-lInfo {
  background-color: rgba(249, 249, 249, 0.1) !important;
  color: #F9F9F9 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-lInfo2 {
  background-color: #F9F9F9 !important;
}
.dark:not(.no-dark) .bg-lInfo2-10 {
  background-color: rgba(249, 249, 249, 0.1) !important;
}
.dark:not(.no-dark) .bg-lInfo2-20 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.dark:not(.no-dark) .bg-lInfo2-30 {
  background-color: rgba(249, 249, 249, 0.2) !important;
}
.dark:not(.no-dark) .bg-lInfo2-50 {
  background-color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .bg-lInfo2-80 {
  background-color: rgba(249, 249, 249, 0.8) !important;
}
.dark:not(.no-dark) .border-c-lInfo2 {
  border-color: #F9F9F9 !important;
}
.dark:not(.no-dark) .border-c-lInfo2-10 {
  border-color: rgba(249, 249, 249, 0.1) !important;
}
.dark:not(.no-dark) .border-c-lInfo2-20 {
  border-color: rgba(249, 249, 249, 0.2) !important;
}
.dark:not(.no-dark) .border-c-lInfo2-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .border-c-lInfo2-50 {
  border-color: rgba(249, 249, 249, 0.5) !important;
}
.dark:not(.no-dark) .tab-lInfo2 {
  background-color: rgba(249, 249, 249, 0.1) !important;
  color: #F9F9F9 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-icon {
  background-color: #61688A !important;
}
.dark:not(.no-dark) .bg-icon-10 {
  background-color: rgba(97, 104, 138, 0.1) !important;
}
.dark:not(.no-dark) .bg-icon-20 {
  background-color: rgba(97, 104, 138, 0.2) !important;
}
.dark:not(.no-dark) .bg-icon-30 {
  background-color: rgba(97, 104, 138, 0.2) !important;
}
.dark:not(.no-dark) .bg-icon-50 {
  background-color: rgba(97, 104, 138, 0.5) !important;
}
.dark:not(.no-dark) .bg-icon-80 {
  background-color: rgba(97, 104, 138, 0.8) !important;
}
.dark:not(.no-dark) .border-c-icon {
  border-color: #61688A !important;
}
.dark:not(.no-dark) .border-c-icon-10 {
  border-color: rgba(97, 104, 138, 0.1) !important;
}
.dark:not(.no-dark) .border-c-icon-20 {
  border-color: rgba(97, 104, 138, 0.2) !important;
}
.dark:not(.no-dark) .border-c-icon-50 {
  border-color: rgba(97, 104, 138, 0.5) !important;
}
.dark:not(.no-dark) .border-c-icon-50 {
  border-color: rgba(97, 104, 138, 0.5) !important;
}
.dark:not(.no-dark) .tab-icon {
  background-color: rgba(97, 104, 138, 0.1) !important;
  color: #61688A !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-lGrey {
  background-color: #EBF2FA !important;
}
.dark:not(.no-dark) .bg-lGrey-10 {
  background-color: rgba(235, 242, 250, 0.1) !important;
}
.dark:not(.no-dark) .bg-lGrey-20 {
  background-color: rgba(235, 242, 250, 0.2) !important;
}
.dark:not(.no-dark) .bg-lGrey-30 {
  background-color: rgba(235, 242, 250, 0.2) !important;
}
.dark:not(.no-dark) .bg-lGrey-50 {
  background-color: rgba(235, 242, 250, 0.5) !important;
}
.dark:not(.no-dark) .bg-lGrey-80 {
  background-color: rgba(235, 242, 250, 0.8) !important;
}
.dark:not(.no-dark) .border-c-lGrey {
  border-color: #EBF2FA !important;
}
.dark:not(.no-dark) .border-c-lGrey-10 {
  border-color: rgba(235, 242, 250, 0.1) !important;
}
.dark:not(.no-dark) .border-c-lGrey-20 {
  border-color: rgba(235, 242, 250, 0.2) !important;
}
.dark:not(.no-dark) .border-c-lGrey-50 {
  border-color: rgba(235, 242, 250, 0.5) !important;
}
.dark:not(.no-dark) .border-c-lGrey-50 {
  border-color: rgba(235, 242, 250, 0.5) !important;
}
.dark:not(.no-dark) .tab-lGrey {
  background-color: rgba(235, 242, 250, 0.1) !important;
  color: #EBF2FA !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-cyan {
  background-color: #06F0C6 !important;
}
.dark:not(.no-dark) .bg-cyan-10 {
  background-color: rgba(6, 240, 198, 0.1) !important;
}
.dark:not(.no-dark) .bg-cyan-20 {
  background-color: rgba(6, 240, 198, 0.2) !important;
}
.dark:not(.no-dark) .bg-cyan-30 {
  background-color: rgba(6, 240, 198, 0.2) !important;
}
.dark:not(.no-dark) .bg-cyan-50 {
  background-color: rgba(6, 240, 198, 0.5) !important;
}
.dark:not(.no-dark) .bg-cyan-80 {
  background-color: rgba(6, 240, 198, 0.8) !important;
}
.dark:not(.no-dark) .border-c-cyan {
  border-color: #06F0C6 !important;
}
.dark:not(.no-dark) .border-c-cyan-10 {
  border-color: rgba(6, 240, 198, 0.1) !important;
}
.dark:not(.no-dark) .border-c-cyan-20 {
  border-color: rgba(6, 240, 198, 0.2) !important;
}
.dark:not(.no-dark) .border-c-cyan-50 {
  border-color: rgba(6, 240, 198, 0.5) !important;
}
.dark:not(.no-dark) .border-c-cyan-50 {
  border-color: rgba(6, 240, 198, 0.5) !important;
}
.dark:not(.no-dark) .tab-cyan {
  background-color: rgba(6, 240, 198, 0.1) !important;
  color: #06F0C6 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-dark {
  background-color: #16151A !important;
}
.dark:not(.no-dark) .bg-dark-10 {
  background-color: rgba(22, 21, 26, 0.1) !important;
}
.dark:not(.no-dark) .bg-dark-20 {
  background-color: rgba(22, 21, 26, 0.2) !important;
}
.dark:not(.no-dark) .bg-dark-30 {
  background-color: rgba(22, 21, 26, 0.2) !important;
}
.dark:not(.no-dark) .bg-dark-50 {
  background-color: rgba(22, 21, 26, 0.5) !important;
}
.dark:not(.no-dark) .bg-dark-80 {
  background-color: rgba(22, 21, 26, 0.8) !important;
}
.dark:not(.no-dark) .border-c-dark {
  border-color: #16151A !important;
}
.dark:not(.no-dark) .border-c-dark-10 {
  border-color: rgba(22, 21, 26, 0.1) !important;
}
.dark:not(.no-dark) .border-c-dark-20 {
  border-color: rgba(22, 21, 26, 0.2) !important;
}
.dark:not(.no-dark) .border-c-dark-50 {
  border-color: rgba(22, 21, 26, 0.5) !important;
}
.dark:not(.no-dark) .border-c-dark-50 {
  border-color: rgba(22, 21, 26, 0.5) !important;
}
.dark:not(.no-dark) .tab-dark {
  background-color: rgba(22, 21, 26, 0.1) !important;
  color: #16151A !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-line {
  background-color: #f7f9fc !important;
}
.dark:not(.no-dark) .bg-line-10 {
  background-color: rgba(247, 249, 252, 0.1) !important;
}
.dark:not(.no-dark) .bg-line-20 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.dark:not(.no-dark) .bg-line-30 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.dark:not(.no-dark) .bg-line-50 {
  background-color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .bg-line-80 {
  background-color: rgba(247, 249, 252, 0.8) !important;
}
.dark:not(.no-dark) .border-c-line {
  border-color: #f7f9fc !important;
}
.dark:not(.no-dark) .border-c-line-10 {
  border-color: rgba(247, 249, 252, 0.1) !important;
}
.dark:not(.no-dark) .border-c-line-20 {
  border-color: rgba(247, 249, 252, 0.2) !important;
}
.dark:not(.no-dark) .border-c-line-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .border-c-line-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .tab-line {
  background-color: rgba(247, 249, 252, 0.1) !important;
  color: #f7f9fc !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-placeholder {
  background-color: #DADDEA !important;
}
.dark:not(.no-dark) .bg-placeholder-10 {
  background-color: rgba(218, 221, 234, 0.1) !important;
}
.dark:not(.no-dark) .bg-placeholder-20 {
  background-color: rgba(218, 221, 234, 0.2) !important;
}
.dark:not(.no-dark) .bg-placeholder-30 {
  background-color: rgba(218, 221, 234, 0.2) !important;
}
.dark:not(.no-dark) .bg-placeholder-50 {
  background-color: rgba(218, 221, 234, 0.5) !important;
}
.dark:not(.no-dark) .bg-placeholder-80 {
  background-color: rgba(218, 221, 234, 0.8) !important;
}
.dark:not(.no-dark) .border-c-placeholder {
  border-color: #DADDEA !important;
}
.dark:not(.no-dark) .border-c-placeholder-10 {
  border-color: rgba(218, 221, 234, 0.1) !important;
}
.dark:not(.no-dark) .border-c-placeholder-20 {
  border-color: rgba(218, 221, 234, 0.2) !important;
}
.dark:not(.no-dark) .border-c-placeholder-50 {
  border-color: rgba(218, 221, 234, 0.5) !important;
}
.dark:not(.no-dark) .border-c-placeholder-50 {
  border-color: rgba(218, 221, 234, 0.5) !important;
}
.dark:not(.no-dark) .tab-placeholder {
  background-color: rgba(218, 221, 234, 0.1) !important;
  color: #DADDEA !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-darkFont {
  background-color: #CEE2FC !important;
}
.dark:not(.no-dark) .bg-darkFont-10 {
  background-color: rgba(206, 226, 252, 0.1) !important;
}
.dark:not(.no-dark) .bg-darkFont-20 {
  background-color: rgba(206, 226, 252, 0.2) !important;
}
.dark:not(.no-dark) .bg-darkFont-30 {
  background-color: rgba(206, 226, 252, 0.2) !important;
}
.dark:not(.no-dark) .bg-darkFont-50 {
  background-color: rgba(206, 226, 252, 0.5) !important;
}
.dark:not(.no-dark) .bg-darkFont-80 {
  background-color: rgba(206, 226, 252, 0.8) !important;
}
.dark:not(.no-dark) .border-c-darkFont {
  border-color: #CEE2FC !important;
}
.dark:not(.no-dark) .border-c-darkFont-10 {
  border-color: rgba(206, 226, 252, 0.1) !important;
}
.dark:not(.no-dark) .border-c-darkFont-20 {
  border-color: rgba(206, 226, 252, 0.2) !important;
}
.dark:not(.no-dark) .border-c-darkFont-50 {
  border-color: rgba(206, 226, 252, 0.5) !important;
}
.dark:not(.no-dark) .border-c-darkFont-50 {
  border-color: rgba(206, 226, 252, 0.5) !important;
}
.dark:not(.no-dark) .tab-darkFont {
  background-color: rgba(206, 226, 252, 0.1) !important;
  color: #CEE2FC !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-temRed1 {
  background-color: #F94A7A !important;
}
.dark:not(.no-dark) .bg-temRed1-10 {
  background-color: rgba(249, 74, 122, 0.1) !important;
}
.dark:not(.no-dark) .bg-temRed1-20 {
  background-color: rgba(249, 74, 122, 0.2) !important;
}
.dark:not(.no-dark) .bg-temRed1-30 {
  background-color: rgba(249, 74, 122, 0.2) !important;
}
.dark:not(.no-dark) .bg-temRed1-50 {
  background-color: rgba(249, 74, 122, 0.5) !important;
}
.dark:not(.no-dark) .bg-temRed1-80 {
  background-color: rgba(249, 74, 122, 0.8) !important;
}
.dark:not(.no-dark) .border-c-temRed1 {
  border-color: #F94A7A !important;
}
.dark:not(.no-dark) .border-c-temRed1-10 {
  border-color: rgba(249, 74, 122, 0.1) !important;
}
.dark:not(.no-dark) .border-c-temRed1-20 {
  border-color: rgba(249, 74, 122, 0.2) !important;
}
.dark:not(.no-dark) .border-c-temRed1-50 {
  border-color: rgba(249, 74, 122, 0.5) !important;
}
.dark:not(.no-dark) .border-c-temRed1-50 {
  border-color: rgba(249, 74, 122, 0.5) !important;
}
.dark:not(.no-dark) .tab-temRed1 {
  background-color: rgba(249, 74, 122, 0.1) !important;
  color: #F94A7A !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-temGray1 {
  background-color: #F7F9FC !important;
}
.dark:not(.no-dark) .bg-temGray1-10 {
  background-color: rgba(247, 249, 252, 0.1) !important;
}
.dark:not(.no-dark) .bg-temGray1-20 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.dark:not(.no-dark) .bg-temGray1-30 {
  background-color: rgba(247, 249, 252, 0.2) !important;
}
.dark:not(.no-dark) .bg-temGray1-50 {
  background-color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .bg-temGray1-80 {
  background-color: rgba(247, 249, 252, 0.8) !important;
}
.dark:not(.no-dark) .border-c-temGray1 {
  border-color: #F7F9FC !important;
}
.dark:not(.no-dark) .border-c-temGray1-10 {
  border-color: rgba(247, 249, 252, 0.1) !important;
}
.dark:not(.no-dark) .border-c-temGray1-20 {
  border-color: rgba(247, 249, 252, 0.2) !important;
}
.dark:not(.no-dark) .border-c-temGray1-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .border-c-temGray1-50 {
  border-color: rgba(247, 249, 252, 0.5) !important;
}
.dark:not(.no-dark) .tab-temGray1 {
  background-color: rgba(247, 249, 252, 0.1) !important;
  color: #F7F9FC !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-gray {
  background-color: #CCCCCC !important;
}
.dark:not(.no-dark) .bg-gray-10 {
  background-color: rgba(204, 204, 204, 0.1) !important;
}
.dark:not(.no-dark) .bg-gray-20 {
  background-color: rgba(204, 204, 204, 0.2) !important;
}
.dark:not(.no-dark) .bg-gray-30 {
  background-color: rgba(204, 204, 204, 0.2) !important;
}
.dark:not(.no-dark) .bg-gray-50 {
  background-color: rgba(204, 204, 204, 0.5) !important;
}
.dark:not(.no-dark) .bg-gray-80 {
  background-color: rgba(204, 204, 204, 0.8) !important;
}
.dark:not(.no-dark) .border-c-gray {
  border-color: #CCCCCC !important;
}
.dark:not(.no-dark) .border-c-gray-10 {
  border-color: rgba(204, 204, 204, 0.1) !important;
}
.dark:not(.no-dark) .border-c-gray-20 {
  border-color: rgba(204, 204, 204, 0.2) !important;
}
.dark:not(.no-dark) .border-c-gray-50 {
  border-color: rgba(204, 204, 204, 0.5) !important;
}
.dark:not(.no-dark) .border-c-gray-50 {
  border-color: rgba(204, 204, 204, 0.5) !important;
}
.dark:not(.no-dark) .tab-gray {
  background-color: rgba(204, 204, 204, 0.1) !important;
  color: #CCCCCC !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-grayf4 {
  background-color: #F4F4F4 !important;
}
.dark:not(.no-dark) .bg-grayf4-10 {
  background-color: rgba(244, 244, 244, 0.1) !important;
}
.dark:not(.no-dark) .bg-grayf4-20 {
  background-color: rgba(244, 244, 244, 0.2) !important;
}
.dark:not(.no-dark) .bg-grayf4-30 {
  background-color: rgba(244, 244, 244, 0.2) !important;
}
.dark:not(.no-dark) .bg-grayf4-50 {
  background-color: rgba(244, 244, 244, 0.5) !important;
}
.dark:not(.no-dark) .bg-grayf4-80 {
  background-color: rgba(244, 244, 244, 0.8) !important;
}
.dark:not(.no-dark) .border-c-grayf4 {
  border-color: #F4F4F4 !important;
}
.dark:not(.no-dark) .border-c-grayf4-10 {
  border-color: rgba(244, 244, 244, 0.1) !important;
}
.dark:not(.no-dark) .border-c-grayf4-20 {
  border-color: rgba(244, 244, 244, 0.2) !important;
}
.dark:not(.no-dark) .border-c-grayf4-50 {
  border-color: rgba(244, 244, 244, 0.5) !important;
}
.dark:not(.no-dark) .border-c-grayf4-50 {
  border-color: rgba(244, 244, 244, 0.5) !important;
}
.dark:not(.no-dark) .tab-grayf4 {
  background-color: rgba(244, 244, 244, 0.1) !important;
  color: #F4F4F4 !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-grayeb {
  background-color: #EBEBEB !important;
}
.dark:not(.no-dark) .bg-grayeb-10 {
  background-color: rgba(235, 235, 235, 0.1) !important;
}
.dark:not(.no-dark) .bg-grayeb-20 {
  background-color: rgba(235, 235, 235, 0.2) !important;
}
.dark:not(.no-dark) .bg-grayeb-30 {
  background-color: rgba(235, 235, 235, 0.2) !important;
}
.dark:not(.no-dark) .bg-grayeb-50 {
  background-color: rgba(235, 235, 235, 0.5) !important;
}
.dark:not(.no-dark) .bg-grayeb-80 {
  background-color: rgba(235, 235, 235, 0.8) !important;
}
.dark:not(.no-dark) .border-c-grayeb {
  border-color: #EBEBEB !important;
}
.dark:not(.no-dark) .border-c-grayeb-10 {
  border-color: rgba(235, 235, 235, 0.1) !important;
}
.dark:not(.no-dark) .border-c-grayeb-20 {
  border-color: rgba(235, 235, 235, 0.2) !important;
}
.dark:not(.no-dark) .border-c-grayeb-50 {
  border-color: rgba(235, 235, 235, 0.5) !important;
}
.dark:not(.no-dark) .border-c-grayeb-50 {
  border-color: rgba(235, 235, 235, 0.5) !important;
}
.dark:not(.no-dark) .tab-grayeb {
  background-color: rgba(235, 235, 235, 0.1) !important;
  color: #EBEBEB !important;
  padding: 2px 5px;
}
.dark:not(.no-dark) .bg-color-9b {
  background-color: #9B9B9B !important;
}
.dark:not(.no-dark) .bg-color-9b-10 {
  background-color: rgba(155, 155, 155, 0.1) !important;
}
.dark:not(.no-dark) .bg-color-9b-20 {
  background-color: rgba(155, 155, 155, 0.2) !important;
}
.dark:not(.no-dark) .bg-color-9b-30 {
  background-color: rgba(155, 155, 155, 0.2) !important;
}
.dark:not(.no-dark) .bg-color-9b-50 {
  background-color: rgba(155, 155, 155, 0.5) !important;
}
.dark:not(.no-dark) .bg-color-9b-80 {
  background-color: rgba(155, 155, 155, 0.8) !important;
}
.dark:not(.no-dark) .border-c-color-9b {
  border-color: #9B9B9B !important;
}
.dark:not(.no-dark) .border-c-color-9b-10 {
  border-color: rgba(155, 155, 155, 0.1) !important;
}
.dark:not(.no-dark) .border-c-color-9b-20 {
  border-color: rgba(155, 155, 155, 0.2) !important;
}
.dark:not(.no-dark) .border-c-color-9b-50 {
  border-color: rgba(155, 155, 155, 0.5) !important;
}
.dark:not(.no-dark) .border-c-color-9b-50 {
  border-color: rgba(155, 155, 155, 0.5) !important;
}
.dark:not(.no-dark) .tab-color-9b {
  background-color: rgba(155, 155, 155, 0.1) !important;
  color: #9B9B9B !important;
  padding: 2px 5px;
}
.light .bg-hover-d:hover, html .bg-hover-d:hover {
  background-color: #f7f9fc;
}
.w-1920 {
  width: 1920px;
  box-sizing: border-box;
}
.W {
  width: 1200px;
  box-sizing: border-box;
}
.min-W {
  min-width: 1200px;
  box-sizing: border-box;
}
.w-min-auto {
  min-width: auto !important;
}
.lh-no {
  line-height: normal !important;
}
.h-inherit {
  height: inherit !important;
}
.h-auto {
  height: auto !important;
}
.h-min-auto {
  min-height: auto !important;
}
.m-auto {
  margin: auto;
}
.absolute-fill {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.radius {
  border-radius: 4px;
}
.radius-50b {
  border-radius: 50%;
}
.border-box {
  box-sizing: border-box !important;
}
.flex {
  display: flex;
  box-sizing: border-box;
}
.f-wrap {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.f-center {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.f-x-center {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.f-y-center {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.f-x-end {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
}
.f-y-start {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.f-x-start {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}
.f-y-end {
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
}
.f-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
.f-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
}
.f-between {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.f-around {
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
}
.f-x-around {
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
}
.f-y-around {
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
}
.f-sb {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.f-x-sb {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.f-row {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.flex-row-stretch {
  display: flex;
  flex-direction: row;
  align-items: stretch !important;
  box-sizing: border-box;
}
.f-column {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.row {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.f-inner {
  display: inline-flex;
}
.f-wrap {
  flex-wrap: wrap;
}
.column {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.f-1 {
  flex: 1;
}
.f-2 {
  flex: 2;
}
.f-3 {
  flex: 3;
}
.f-4 {
  flex: 4;
}
.f-5 {
  flex: 5;
}
.f-6 {
  flex: 6;
}
.f-7 {
  flex: 7;
}
.m-form .form-item {
  width: 556px;
  margin-bottom: 18px;
  flex-direction: column;
}
.m-form .form-item .el-form-item__label {
  line-height: inherit;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 5px;
  height: auto;
}
.input-append {
  position: relative;
}
.input-append .el-input__inner,
.input-append .el-input__wrapper {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.input-append .el-input-group__append {
  position: absolute;
  height: calc(100% - 2px);
  min-height: calc(100% - 2px);
  top: 1px;
  right: 1px;
  bottom: 1px;
  box-shadow: none !important;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-right: 10px;
  box-shadow: none !important;
}
.input-append .el-input-group__append .icon {
  width: 16px;
  height: 16px;
}
.dialog-m-center .el-overlay-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.dialog-m-center .el-overlay-dialog .el-dialog {
  margin: auto !important;
}
.dialog-80b {
  height: 80%;
  margin-top: 10%;
  margin-bottom: 0 !important;
}
.dialog-d {
  margin-bottom: 0 !important;
}
.dialog-d .el-dialog__header {
  font-size: 22px;
  padding: 20px 30px 0 30px !important;
  margin: 0 !important;
  height: 50px;
  display: flex;
  align-self: center;
  flex: 1;
  justify-content: space-between;
}
.dialog-d .el-dialog__header .el-dialog__headerbtn {
  top: 0;
  right: 0;
}
.dialog-d .el-dialog__body {
  padding: 10px 30px 30px 30px !important;
}
.dialog-header-p-0 .el-dialog__header {
  padding: 0;
}
.dialog-body-p-0 .el-dialog__body {
  padding: 0;
}
.dialog-footer-p-0 .el-dialog__footer {
  padding: 0;
}
.el-dialog {
  border-radius: 12px;
}
.dialog-body-scroll {
  display: flex;
  flex-direction: column;
}
.dialog-body-scroll .el-dialog__body {
  flex: 1;
}
.el-dialog__header {
  padding-bottom: 16px;
}
.el-dialog__body {
  padding-top: 0px;
}
.el-dialog__headerbtn {
  margin-top: 20px;
}
.com-dia .el-dialog__header {
  padding: 44px 40px 0px 40px !important;
  margin: 0px;
}
.com-dia .el-dialog__header .com-dia-title {
  font-size: 24px;
  font-weight: bold;
}
.com-dia .el-dialog__body {
  padding: 0px 40px 0px 40px !important;
  margin-top: 20px;
}
.com-dia .el-dialog__body .com-dia-button-box {
  margin-top: 30px;
  margin-bottom: 40px;
  width: 100%;
}
.com-dia .el-dialog__body .com-dia-button-box .com-dia-button {
  padding: 0 40px 0 40px;
  font-size: 18px;
  font-weight: 400;
}
.n-com-dia .el-dialog__header {
  padding: 20px 30px 0px 30px !important;
  margin: 0px;
}
.n-com-dia .el-dialog__header .com-dia-title {
  font-size: 16px;
  font-weight: bold;
}
.n-com-dia .el-dialog__body {
  padding: 0px 30px 0px 30px !important;
  margin-top: 20px;
}
.n-com-dia .el-dialog__body .com-dia-button-box {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.n-com-dia .el-dialog__body .com-dia-button-box .com-dia-button {
  width: 50%;
  height: 36px;
  border-radius: 18px;
  font-size: 14px;
}
.n-com-dia .el-dialog__body .com-dia-button-box .com-dia-button:nth-child(1) {
  margin-right: 10px;
  background-color: #EBEBEB;
}
.position-r {
  position: relative;
}
.position-a {
  position: absolute !important;
}
.position-a-tl {
  position: absolute !important;
  top: 0;
  left: 0;
}
.position-a-bl {
  position: absolute !important;
  bottom: 0;
  left: 0;
}
.position-a-tr {
  position: absolute !important;
  top: 0;
  right: 0;
}
.position-a-br {
  position: absolute !important;
  bottom: 0;
  right: 0;
}
.pane-legend-item-value {
  font-size: 12px !important;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=file] {
  color: transparent;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  -webkit-text-fill-color: #3E3E3E !important;
}
.is-right .cell {
  text-align: right !important;
}
.el-dropdown__popper .el-dropdown__list {
  padding: 10px 0;
}
.el-dropdown-menu {
  padding: 0px 0;
}
.el-dropdown-menu .el-dropdown-menu__item {
  min-width: 166px;
  transition: all 0.3s;
  height: 48px;
  line-height: 48px;
  padding: 0px 18px;
  box-sizing: border-box;
}
.caret-wrapper {
  margin-top: -1px;
}
.el-select .el-input__suffix-inner {
  --el-select-input-font-size: 12px;
}
.el-checkbox__inner {
  background-color: transparent !important;
}
.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color) !important;
}
.el-progress-bar__outer {
  height: 8px !important;
}
.el-progress__text {
  min-width: auto !important;
  margin-left: 10px;
}
.el-tabs__item {
  transition: all 0.3s;
}
th {
  font-weight: 400;
}
.el-button + .el-button {
  margin-left: 0;
}
.el-button:focus-visible {
  outline: 0px;
}
.el-input-group__prepend,
.el-input-group__append {
  background-color: transparent !important;
}
:focus-visible {
  outline: 0px !important;
}
.el-date-table-cell__text {
  text-align: center;
}
.el-picker-panel__icon-btn {
  --el-datepicker-icon-color: $font-color;
}
div:focus-visible,
.el-tabs__item:focus-visible,
div {
  outline: 0px !important;
}
div,
span {
  text-align: left;
}
.fix-el .el-input-append-clean .el-input-group__append {
  border: 0 !important;
}
.fix-el .el-input-append-clean .el-input-group__prepend .el-input-border-0 .el-input__wrapper {
  box-shadow: 0 0 0 0 !important;
}
.fix-el .el-input-append-clean .el-input-group__prepend .el-input-border-0 .is-focus {
  box-shadow: 0 0 0 0 !important;
}
.fix-el .el-input-append-clean .el-input-group__prepend .el-input-border-0 .is-focus .el-input__wrapper {
  box-shadow: 0 0 0 0 !important;
}
.fix-el .el-input-append-clean .el-input-group__prepend .el-input-border-0:hover .el-input__wrapper {
  box-shadow: 0 0 0 0 !important;
}
.fix-el .el-input-append-clean .el-input-group__prepend .el-input-border-0:hover .is-focus {
  box-shadow: 0 0 0 0 !important;
}
.fix-el .el-input-append-clean .el-input-group__prepend .el-input-border-0:hover .is-focus .el-input__wrapper {
  box-shadow: 0 0 0 0 !important;
}
.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border: none !important;
}
.el-table__empty-text {
  text-align: center;
}
.el-select-dropdown__item {
  transition: background-color 0.2s ease;
}
.el-select-dropdown__item:hover {
  background-color: #F9F9F9 !important;
}
.el-select-dropdown__item:not(:hover) {
  background-color: transparent !important;
}
.pointer {
  cursor: pointer !important;
}
.not-pointer {
  cursor: not-allowed;
}
.error-initial .el-form-item__error {
  position: initial !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.transition-0\.1 {
  transition: all 0.1s;
}
.transition {
  transition: all 0.3s;
}
.o-hidden {
  overflow: hidden;
}
.opacity-0 {
  opacity: 0;
}
.input-center .el-input__inner {
  text-align: center;
}
.el-popper-box-p-b-0 .el-dropdown__list {
  padding-bottom: 0px !important;
}
.el-popper-box-p-0 .el-dropdown__list {
  padding: 0px !important;
}
.text-no-select {
  user-select: none;
}
.hide-error-x .el-form-item__label:before {
  display: none !important;
}
.w-fit {
  width: fit-content !important;
}
.w-auto {
  width: auto !important;
}
.w-min-auto {
  min-width: auto !important;
}
.w-min-100b {
  min-width: 100% !important;
}
.rotateZ-180 {
  transition: all 0.3s;
  transform: rotateZ(-180deg);
}
.rotateZ-90 {
  transition: all 0.3s;
  transform: rotateZ(-90deg);
}
.inline {
  display: inline !important;
}
.hide {
  display: none;
}
.hover-node {
  pointer-events: none !important;
}
.box-shadow-none {
  box-shadow: none !important;
}
.user-type {
  height: 50px;
  padding: 2px;
  background-color: #F4F4F4 !important;
  box-sizing: border-box !important;
  --el-font-size-base: 16px;
}
.user-type .el-radio-button__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  background-color: #F4F4F4 !important;
  color: #9B9B9B !important;
  border: 0 !important;
  box-shadow: none !important;
}
.user-type .is-active .el-radio-button__inner {
  background-color: #fff !important;
  color: #16151A !important;
  border: 0 !important;
  box-shadow: none !important;
}
.uc-tab {
  box-shadow: 0px 0px 20px 1px rgba(38, 73, 239, 0.08);
  border-radius: 8px 8px 8px 8px;
  border: none !important;
}
.uc-tab .el-tabs__header {
  border: none !important;
}
.uc-tab .el-tabs__item {
  height: 72px;
  border: none !important;
  font-size: 24px !important;
  line-height: 72px;
}
.check-right {
  background-color: rgba(1, 189, 139, 0.1) !important;
  color: #01BD8B;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-weight: bold;
}
.check-error {
  background-color: rgba(255, 85, 85, 0.1) !important;
  color: #FF5555;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-weight: bold;
}
.user-center-content {
  padding: 76px 310px 76px 310px;
}
.bg-size-100b {
  background-size: 100% !important;
}
.no-repeat {
  background-repeat: no-repeat !important;
}
.underline {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.text-underline {
  text-decoration: underline;
}
.clear-input-border .el-input__wrapper {
  box-shadow: 0 0 0 0 !important;
}
.el-dialog__close,
.el-drawer__close {
  font-size: 26px !important;
  transition: all 0.3s;
}
.table-12 .cell {
  font-size: 12px !important;
}
.el-empty__description p {
  color: #DADDEA !important;
}
.el-empty__description {
  margin-top: 5px !important;
}
.el-dialog__title {
  font-weight: bold;
}
.el-dialog .el-dialog__body,
.el-dialog .el-dialog__header {
  padding-left: 30px;
  padding-right: 30px;
}
.el-dialog .el-dialog__headerbtn {
  margin-right: 20px;
}
.cell-lr-0 .cell {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.dropdown-no-arrow .el-popper__arrow {
  display: none !important;
}
.cell-left .cell {
  padding-left: 0;
}
.cell-right .cell {
  padding-right: 0;
}
.el-popper {
  border: none !important;
}
.el-popper .el-menu--horizontal {
  border: none !important;
}
input::placeholder,
textarea::placeholder {
  color: #DADDEA !important;
  font-size: 16px !important;
}
.is-checked .el-checkbox__inner {
  border: none !important;
}
.is-checked .el-checkbox__inner::after {
  top: 2px;
  left: 5px;
  transition: none;
}
.sel-none {
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
}
.break-word {
  word-break: break-word;
}
.break-normal {
  word-break: normal;
}
.flow-auto {
  overflow: auto;
}
.hover-primary:hover {
  color: #2649EF;
}
.ai-stretch {
  align-items: stretch;
}
.no-scrollbar {
  -ms-overflow-style: none !important;
  /* IE 10+ */
  scrollbar-width: none !important;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.contents {
  display: contents;
}
.an1 {
  transform: translateY(-10px) scaleY(0.9);
}
:root {
  --animation-duration: 0.3s;
  --animation-m-bg-0: rgba(0, 0, 0, 0);
  --animation-m-bg-1: rgba(0, 0, 0, 0.5);
}
.a-box-in {
  animation-name: box-in;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
.a-box-out {
  animation-name: box-out;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
.a-box-show {
  animation-name: show;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
.a-box-hide {
  animation-name: hide;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
.a-height-show {
  transform-origin: 0 0;
  animation-name: height-show;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
.a-height-hide {
  transform-origin: 0 0;
  animation-name: height-hide;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
.a-page-in {
  animation-name: page-in;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
.a-page-out {
  animation-name: page-out;
  animation-duration: var(--animation-duration);
  animation-iteration-count: 1;
}
@keyframes rotateY {
0% {
    transform: rotateY(0deg);
}
50% {
    transform: rotateY(180deg);
}
100% {
    transform: rotateY(360deg);
}
}
@keyframes show {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes hide {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes box-in {
0% {
    transform: translateY(10px);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
@keyframes box-out {
0% {
    transform: translateY(0);
    opacity: 1;
}
100% {
    transform: translateY(10px);
    opacity: 0;
}
}
@keyframes page-in {
0% {
    transform: translateY(10px);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
@keyframes page-out {
0% {
    transform: translateY(0);
    opacity: 1;
}
100% {
    transform: translateY(10px);
    opacity: 0;
}
}
@keyframes height-show {
0% {
    transform: scaleY(0);
}
100% {
    transform: scaleY(1);
}
}
@keyframes height-hide {
0% {
    transform: scaleY(1);
}
100% {
    transform: scaleY(0);
}
}
/*
 * @Author: ken yang
 * @Date: 2025-07-25 16:50:00
 * @LastEditTime: 2025-07-25 16:50:00
 * @LastEditors: ken yang
 * @Description: View Transition API 全局样式
 * @FilePath: /uexch_pc/src/sass/viewTransition.scss
 */
/* View Transition API 支持 */
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
  display: block;
}
::view-transition-image-pair(root) {
  isolation: auto;
}
::view-transition-old(root) {
  z-index: 1;
}
::view-transition-new(root) {
  z-index: 999;
}
body::-webkit-scrollbar {
  display: none;
}
body {
  -ms-overflow-style: none;
}
html,
body,
#app {
  margin: 0;
  padding: 0;
  word-break: break-word;
}
iframe {
  border: 0px;
}
span, div {
  word-break: break-word;
}
.group-2JyOhh7Z- {
  background-color: transparent !important;
}
.hide-zendesk iframe[title=用于启动消息传送窗口的按钮，正在对话] {
  display: none !important;
}
.hide-zendesk div[role=presentation] {
  display: none !important;
}
.app-scrollbar > .is-horizontal {
  display: none !important;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: var(--color-default);
}/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
  }

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.viewer-container::-moz-selection, .viewer-container *::-moz-selection {
    background-color: transparent;
  }

.viewer-container::selection,
  .viewer-container *::selection {
    background-color: transparent;
  }

.viewer-container:focus {
    outline: 0;
  }

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
  }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
  }

.viewer-list > li:focus,
    .viewer-list > li:hover {
      opacity: 0.75;
    }

.viewer-list > li:focus {
      outline: 0;
    }

.viewer-list > li + li {
      margin-left: 1px;
    }

.viewer-list > .viewer-loading {
    position: relative;
  }

.viewer-list > .viewer-loading::after {
      border-width: 2px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      width: 20px;
    }

.viewer-list > .viewer-active,
  .viewer-list > .viewer-active:focus,
  .viewer-list > .viewer-active:hover {
    opacity: 1;
  }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
  }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
  }

.viewer-toolbar > ul > li {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
      float: left;
      height: 24px;
      overflow: hidden;
      transition: background-color 0.15s;
      width: 24px;
    }

.viewer-toolbar > ul > li:focus,
      .viewer-toolbar > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

.viewer-toolbar > ul > li:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
        position: relative;
        z-index: 1;
      }

.viewer-toolbar > ul > li::before {
        margin: 2px;
      }

.viewer-toolbar > ul > li + li {
        margin-left: 1px;
      }

.viewer-toolbar > ul > .viewer-small {
      height: 18px;
      margin-bottom: 3px;
      margin-top: 3px;
      width: 18px;
    }

.viewer-toolbar > ul > .viewer-small::before {
        margin: -1px;
      }

.viewer-toolbar > ul > .viewer-large {
      height: 30px;
      margin-bottom: -3px;
      margin-top: -3px;
      width: 30px;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 5px;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
  }

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
  .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
  }

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
  }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{max-width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}[content~="\$t\.replace\("]{align-content:var(--t\.replace\();}[content~="\$t\("]{align-content:var(--t\();}.group:hover .group-hover\:visible,.visible{visibility:visible;}.invisible{visibility:hidden;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.-left-\[21px\]{left:-21px;}.-right-\[26px\]{right:-26px;}.bottom--263px{bottom:-263px;}.bottom-\[3px\]{bottom:3px;}.left-\[-2px\]{left:-2px;}.left-\[21px\]{left:21px;}.left-300px{left:300px;}.left-30px{left:30px;}.left-50\%{left:50%;}.top-\[-6px\]{top:-6px;}.top-\[2px\]{top:2px;}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px);}.top-191px{top:191px;}[top~="\30 vh"]{top:0vh;}[top~="\31 5vh"]{top:15vh;}[top~="\32 0vh"]{top:20vh;}[top~="\35 vh"]{top:5vh;}.m-auto{margin:auto;}.m\[props\.payType\]{margin:props.payType;}.mx-10px{margin-left:10px;margin-right:10px;}.mx-auto{margin-left:auto;margin-right:auto;}.my{margin-top:1rem;margin-bottom:1rem;}.m-t-\$\{headerHeigth\}{margin-top:var(--\{headerHeigth\});}.mb-20px{margin-bottom:20px;}.mb-40px{margin-bottom:40px;}.mb-48px{margin-bottom:48px;}.mb-4px{margin-bottom:4px;}.mb-5{margin-bottom:1.25rem;}.ml-100px{margin-left:100px;}.ml-20px{margin-left:20px;}.ml-2px{margin-left:2px;}.ml-4px{margin-left:4px;}.ml-60px{margin-left:60px;}.ml-8px{margin-left:8px;}.mr-20px{margin-right:20px;}.mt-10px{margin-top:10px;}.mt-12px{margin-top:12px;}.mt-16px{margin-top:16px;}.mt-20px{margin-top:20px;}.mt-24px{margin-top:24px;}.mt-28px{margin-top:28px;}.mt-3{margin-top:0.75rem;}.mt-40px{margin-top:40px;}.mt-4px{margin-top:4px;}.mt-60px{margin-top:60px;}.mt-8px{margin-top:8px;}.box-border{box-sizing:border-box;}.inline{display:inline;}.block{display:block;}.block\!{display:block !important;}.inline-block{display:inline-block;}.contents{display:contents;}.list-item{display:list-item;}.hidden{display:none;}.h-\[36px\]{height:36px;}.h-\[48px\],.h-48px{height:48px;}.h-120px{height:120px;}.h-12px{height:12px;}.h-140px{height:140px;}.h-14px{height:14px;}.h-16px{height:16px;}.h-20px{height:20px;}.h-22px{height:22px;}.h-28px{height:28px;}.h-300px{height:300px;}.h-3px{height:3px;}.h-40px{height:40px;}.h-468px{height:468px;}.h-56px{height:56px;}.h-62px{height:62px;}.h-680px{height:680px;}.h-72px{height:72px;}.h-76px{height:76px;}.h-78px{height:78px;}.h-814px{height:814px;}.h-88px{height:88px;}.h-auto{height:auto;}.h-full{height:100%;}.h-inherit{height:inherit;}.h1{height:0.25rem;}.h2{height:0.5rem;}.max-h-848px{max-height:848px;}.max-w-1040px{max-width:1040px;}.max-w-1200px{max-width:1200px;}.max-w-740px{max-width:740px;}.min-h-174px{min-height:174px;}.min-h-190{min-height:47.5rem;}.min-h-600px{min-height:600px;}.min-w-\[73px\]{min-width:73px;}.min-w-0{min-width:0rem;}.min-w-1200px{min-width:1200px;}.w-\[140px\],.w-140px{width:140px;}.w-\[275px\]{width:275px;}.w-\$\{listWidth\}{width:var(--\{listWidth\});}.w-100px{width:100px;}.w-1200px{width:1200px;}.w-120px{width:120px;}.w-12px{width:12px;}.w-14px{width:14px;}.w-160px{width:160px;}.w-16px{width:16px;}.w-1920px{width:1920px;}.w-200px{width:200px;}.w-20px{width:20px;}.w-22px{width:22px;}.w-340px{width:340px;}.w-400px{width:400px;}.w-40px{width:40px;}.w-4px{width:4px;}.w-58px{width:58px;}.w-60px{width:60px;}.w-620px{width:620px;}.w-62px{width:62px;}.w-740px{width:740px;}.w-750px{width:750px;}.w-78px{width:78px;}.w-80px{width:80px;}.w-88px{width:88px;}.w-992px{width:992px;}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-full,[w-full=""]{width:100%;}.flex,[flex=""]{display:flex;}.flex-1,[flex-1=""]{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.shrink{flex-shrink:1;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table,[table=""]{display:table;}.-translate-x-50\%{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-110{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.preserve-3d{transform-style:preserve-3d;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;}.cursor-pointer{cursor:pointer;}.cursor-not-allowed\!{cursor:not-allowed !important;}.resize{resize:both;}.list-disc{list-style-type:disc;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.self-stretch{align-self:stretch;}.gap-100px{grid-gap:100px;gap:100px;}.gap-10px{grid-gap:10px;gap:10px;}.gap-12px{grid-gap:12px;gap:12px;}.gap-16px{grid-gap:16px;gap:16px;}.gap-20px{grid-gap:20px;gap:20px;}.gap-28px{grid-gap:28px;gap:28px;}.gap-2px{grid-gap:2px;gap:2px;}.gap-32px{grid-gap:32px;gap:32px;}.gap-4px{grid-gap:4px;gap:4px;}.gap-6px{grid-gap:6px;gap:6px;}.gap-8px{grid-gap:8px;gap:8px;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.scroll-smooth{scroll-behavior:smooth;}.whitespace-nowrap{white-space:nowrap;}.break-normal{overflow-wrap:normal;word-break:normal;}.break-all{word-break:break-all;}.b,.border,.border-1,.border-1px,[b=""],[border~="\31 "]{border-width:1px;border-style:solid;}.border-0{border-width:0px;border-style:solid;}.border-2{border-width:2px;border-style:solid;}.border-b,.border-b-1{border-bottom-width:1px;border-bottom-style:solid;}.border-b-0{border-bottom-width:0px;border-bottom-style:solid;}.border-b-1\!{border-bottom-width:1px !important;border-bottom-style:solid !important;}.border-b-292{border-bottom-width:292px;border-bottom-style:solid;}.border-l{border-left-width:1px;border-left-style:solid;}.border-r{border-right-width:1px;border-right-style:solid;}.border-t,.border-t-1{border-top-width:1px;border-top-style:solid;}.border-t-0{border-top-width:0px;border-top-style:solid;}.border-t-0\!{border-top-width:0px !important;border-top-style:solid !important;}.border-\[\#F4F4F4\]\!{--un-border-opacity:1 !important;border-color:rgba(244,244,244,var(--un-border-opacity)) !important;}.border-\#f4f4f4{--un-border-opacity:1;border-color:rgba(244,244,244,var(--un-border-opacity));}.border-\#F5222D\!{--un-border-opacity:1 !important;border-color:rgba(245,34,45,var(--un-border-opacity)) !important;}.border-transparent{border-color:transparent;}.border-white{--un-border-opacity:1;border-color:rgba(255,255,255,var(--un-border-opacity));}.border-t-transparent{border-top-color:transparent;}.border-rd-\[32px\],.rd-32px,.rounded-32px{border-radius:32px;}.rd-12px{border-radius:12px;}.rd-16px{border-radius:16px;}.rd-20px{border-radius:20px;}.rd-2px{border-radius:2px;}.rd-40px{border-radius:40px;}.rd-4px,.rounded-4px{border-radius:4px;}.rd-8px{border-radius:8px;}.rounded-\[24px\]{border-radius:24px;}.rounded-12{border-radius:3rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-md{border-radius:0.375rem;}.rounded-none{border-radius:0rem;}.border-none{border-style:none;}.bg-\[\#2C2C2C\]{--un-bg-opacity:1;background-color:rgba(44,44,44,var(--un-bg-opacity));}.bg-\[rgba\(38\,73\,239\,0\.06\)\]{--un-bg-opacity:0.06;background-color:rgba(38,73,239,var(--un-bg-opacity));}.bg-\#ebebeb{--un-bg-opacity:1;background-color:rgba(235,235,235,var(--un-bg-opacity));}.bg-\#f4f4f4{--un-bg-opacity:1;background-color:rgba(244,244,244,var(--un-bg-opacity));}.bg-\#f5f8fa{--un-bg-opacity:1;background-color:rgba(245,248,250,var(--un-bg-opacity));}.bg-\#f9f9f9{--un-bg-opacity:1;background-color:rgba(249,249,249,var(--un-bg-opacity));}.bg-\#faad3a{--un-bg-opacity:1;background-color:rgba(250,173,58,var(--un-bg-opacity));}.bg-\$\{type\}{background-color:var(--\{type\});}.bg-black{--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));}.bg-cyan{--un-bg-opacity:1;background-color:rgba(34,211,238,var(--un-bg-opacity));}.bg-dark{--un-bg-opacity:1;background-color:rgba(34,34,34,var(--un-bg-opacity));}.bg-gray{--un-bg-opacity:1;background-color:rgba(156,163,175,var(--un-bg-opacity));}.bg-transparent{background-color:transparent;}.bg-white{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}.hover\:bg-\[\#3E5CF1\]:hover{--un-bg-opacity:1;background-color:rgba(62,92,241,var(--un-bg-opacity));}.hover\:bg-\#1e3cd0:hover{--un-bg-opacity:1;background-color:rgba(30,60,208,var(--un-bg-opacity));}.bg-contain{background-size:contain;}.bg-center{background-position:center;}.bg-no-repeat{background-repeat:no-repeat;}[fill~="\#2649EF"]{--un-fill-opacity:1;fill:rgba(38,73,239,var(--un-fill-opacity));}[fill~="none"]{fill:none;}[stroke-width~="\32 "]{stroke-width:2px;}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.p-12px{padding:12px;}.p-20px{padding:20px;}.p-28px{padding:28px;}.p-40px{padding:40px;}.p\[0\]{padding:0;}.p-y-\[16px\]{padding-top:16px;padding-bottom:16px;}.px,[px=""]{padding-left:1rem;padding-right:1rem;}.px-10px{padding-left:10px;padding-right:10px;}.px-12px{padding-left:12px;padding-right:12px;}.px-16px{padding-left:16px;padding-right:16px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-6px{padding-left:6px;padding-right:6px;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-10px{padding-top:10px;padding-bottom:10px;}.py-120px{padding-top:120px;padding-bottom:120px;}.py-140px{padding-top:140px;padding-bottom:140px;}.py-28px{padding-top:28px;padding-bottom:28px;}.py-40px{padding-top:40px;padding-bottom:40px;}.p-b-80px,.pb-80px{padding-bottom:80px;}.p-b-28,.pb-28px\!{padding-bottom:28px !important;}.pb-32px{padding-bottom:32px;}.pb-40px{padding-bottom:40px;}.pb-60px{padding-bottom:60px;}.pl-21px{padding-left:21px;}.pt-0\!{padding-top:0rem !important;}.pt-60px{padding-top:60px;}.pie{padding-inline-end:1rem;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}.text-\[12px\],.text-12px{font-size:12px;}.text-\[14px\],.text-14px{font-size:14px;}.text-16px{font-size:16px;}.text-18px{font-size:18px;}.text-20px{font-size:20px;}.text-24px{font-size:24px;}.text-28px{font-size:28px;}.text-32px{font-size:32px;}.text-34px{font-size:34px;}.text-40px{font-size:40px;}.text-60px{font-size:60px;}.text-64px{font-size:64px;}.text-xs{font-size:0.75rem;line-height:1rem;}.font-bold{font-weight:700;}.font-bold\!,.font-w-700,.weight-700{font-weight:700 !important;}.font-medium,.fw-500{font-weight:500;}.leading-100\%{line-height:100%;}.leading-120\%{line-height:120%;}.leading-18px{line-height:18px;}.leading-20{line-height:5rem;}.leading-20px{line-height:20px;}.leading-24px{line-height:24px;}.leading-28px{line-height:28px;}.leading-6{line-height:1.5rem;}.leading-normal{line-height:1.5;}.tracking-0{letter-spacing:0rem;}.uppercase{text-transform:uppercase;}.oblique{font-style:oblique;}.c-\#9b9b9b{--un-text-opacity:1;color:rgba(155,155,155,var(--un-text-opacity));}.c-\#ccc{--un-text-opacity:1;color:rgba(204,204,204,var(--un-text-opacity));}.c-\#F5222D{--un-text-opacity:1;color:rgba(245,34,45,var(--un-text-opacity));}.c-\$\{history\.direction{color:var(--\{history\.direction);}.c-\$\{type\}{color:var(--\{type\});}.c-black{--un-text-opacity:1;color:rgba(0,0,0,var(--un-text-opacity));}.c-cyan{--un-text-opacity:1;color:rgba(34,211,238,var(--un-text-opacity));}.c-dark,[color~="dark"]{--un-text-opacity:1;color:rgba(34,34,34,var(--un-text-opacity));}.c-gray{--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity));}.c-white,.text-white,[color~="\#fff"]{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}[color~="\#3B5AF0"]{--un-text-opacity:1;color:rgba(59,90,240,var(--un-text-opacity));}[color~="\#F3F3F3"]{--un-text-opacity:1;color:rgba(243,243,243,var(--un-text-opacity));}[color~="\#f4f4f4"]{--un-text-opacity:1;color:rgba(244,244,244,var(--un-text-opacity));}[color~="\#F5D89D"]{--un-text-opacity:1;color:rgba(245,216,157,var(--un-text-opacity));}[color~="\$theme\.error"]{color:var(--theme\.error);}[color~="\$theme\.fontDefault"]{color:var(--theme\.fontDefault);}[color~="\$theme\.lGrey"]{color:var(--theme\.lGrey);}[color~="\$theme\.placeholder"]{color:var(--theme\.placeholder);}[color~="\$theme\.primary"]{color:var(--theme\.primary);}[color~="\$theme\.success"]{color:var(--theme\.success);}[placeholder~="\$t\("]::placeholder,[text~="\$t\("]{color:var(--t\();}.underline{text-decoration-line:underline;}.underline-offset-2px{text-underline-offset:2px;}.underline-offset-3px{text-underline-offset:3px;}.underline-dotted{text-decoration-style:dotted;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;}.tab,[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.mix-blend-darken{mix-blend-mode:darken;}.hover-shadow:hover,.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[-2px_-2px_4px_rgba\(0\,0\,0\,0\.04\)\]{--un-shadow:-2px -2px 4px var(--un-shadow-color, rgba(0,0,0,0.04));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\]{--un-shadow:0 4px 20px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline-none{outline:2px solid transparent;outline-offset:2px;}.backdrop-blur-6px{--un-backdrop-blur:blur(6px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}[filter=""]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[duration~="\31 00"]{transition-duration:100ms;}[duration~="\33 0"]{transition-duration:30ms;}.ease,.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}[placeholder~="\$\{\$t\("]::placeholder{color:var(--\{\$t\();}[placeholder~="\$\{coinData\?\.coinName\}"]::placeholder{color:var(--\{coinData\?\.coinName\});}[placeholder~="\$\{coinData\?\.lowLimit\}"]::placeholder{color:var(--\{coinData\?\.lowLimit\});}[placeholder~="\$\{coinData\.coinName\}"]::placeholder{color:var(--\{coinData\.coinName\});}[placeholder~="\$\{coinData\.lowLimit\}"]::placeholder{color:var(--\{coinData\.lowLimit\});}[placeholder~="\$\{lowestAmount\}"]::placeholder{color:var(--\{lowestAmount\});}.f-size-102{flex:0 0 102px !important;}.f-size-109{flex:0 0 109px !important;}.f-size-12{flex:0 0 12px !important;}.f-size-1200{flex:0 0 1200px !important;}.f-size-140{flex:0 0 140px !important;}.f-size-144{flex:0 0 144px !important;}.f-size-150{flex:0 0 150px !important;}.f-size-16{flex:0 0 16px !important;}.f-size-24{flex:0 0 24px !important;}.f-size-26{flex:0 0 26px !important;}.f-size-28{flex:0 0 28px !important;}.f-size-30{flex:0 0 30px !important;}.f-size-320{flex:0 0 320px !important;}.f-size-380{flex:0 0 380px !important;}.f-size-40{flex:0 0 40px !important;}.f-size-42{flex:0 0 42px !important;}.f-size-420{flex:0 0 420px !important;}.f-size-48{flex:0 0 48px !important;}.f-size-49{flex:0 0 49px !important;}.f-size-50{flex:0 0 50px !important;}.f-size-92{flex:0 0 92px !important;}.w-0{width:0px !important;}.w-1{width:1px !important;}.w-10{width:10px !important;}.w-100{width:100px !important;}.w-1000{width:1000px !important;}.w-102{width:102px !important;}.w-104{width:104px !important;}.w-1040{width:1040px !important;}.w-106{width:106px !important;}.w-107{width:107px !important;}.w-1080{width:1080px !important;}.w-109{width:109px !important;}.w-110{width:110px !important;}.w-1100{width:1100px !important;}.w-1120{width:1120px !important;}.w-114{width:114px !important;}.w-1140{width:1140px !important;}.w-116{width:116px !important;}.w-1160{width:1160px !important;}.w-118{width:118px !important;}.w-12{width:12px !important;}.w-120{width:120px !important;}.w-1200{width:1200px !important;}.w-1214{width:1214px !important;}.w-1224{width:1224px !important;}.w-128{width:128px !important;}.w-130{width:130px !important;}.w-132{width:132px !important;}.w-133{width:133px !important;}.w-134{width:134px !important;}.w-14{width:14px !important;}.w-140{width:140px !important;}.w-144{width:144px !important;}.w-148{width:148px !important;}.w-15{width:15px !important;}.w-150{width:150px !important;}.w-155{width:155px !important;}.w-16{width:16px !important;}.w-160{width:160px !important;}.w-17{width:17px !important;}.w-170{width:170px !important;}.w-172{width:172px !important;}.w-176{width:176px !important;}.w-18{width:18px !important;}.w-180{width:180px !important;}.w-186{width:186px !important;}.w-190{width:190px !important;}.w-1920{width:1920px !important;}.w-2{width:2px !important;}.w-20{width:20px !important;}.w-200{width:200px !important;}.w-204{width:204px !important;}.w-21{width:21px !important;}.w-210{width:210px !important;}.w-214{width:214px !important;}.w-215{width:215px !important;}.w-216{width:216px !important;}.w-22{width:22px !important;}.w-220{width:220px !important;}.w-224{width:224px !important;}.w-226{width:226px !important;}.w-228{width:228px !important;}.w-230{width:230px !important;}.w-232{width:232px !important;}.w-233{width:233px !important;}.w-236{width:236px !important;}.w-24{width:24px !important;}.w-240{width:240px !important;}.w-242{width:242px !important;}.w-244{width:244px !important;}.w-248{width:248px !important;}.w-25{width:25px !important;}.w-250{width:250px !important;}.w-251{width:251px !important;}.w-260{width:260px !important;}.w-27{width:27px !important;}.w-270{width:270px !important;}.w-275{width:275px !important;}.w-28{width:28px !important;}.w-280{width:280px !important;}.w-282{width:282px !important;}.w-285{width:285px !important;}.w-290{width:290px !important;}.w-3{width:3px !important;}.w-30{width:30px !important;}.w-300{width:300px !important;}.w-310{width:310px !important;}.w-314{width:314px !important;}.w-32{width:32px !important;}.w-320{width:320px !important;}.w-325{width:325px !important;}.w-326{width:326px !important;}.w-330{width:330px !important;}.w-333{width:333px !important;}.w-34{width:34px !important;}.w-340{width:340px !important;}.w-342{width:342px !important;}.w-35{width:35px !important;}.w-350{width:350px !important;}.w-357{width:357px !important;}.w-36{width:36px !important;}.w-360{width:360px !important;}.w-375{width:375px !important;}.w-376{width:376px !important;}.w-378{width:378px !important;}.w-38{width:38px !important;}.w-380{width:380px !important;}.w-384{width:384px !important;}.w-385{width:385px !important;}.w-388{width:388px !important;}.w-4{width:4px !important;}.w-40{width:40px !important;}.w-400{width:400px !important;}.w-410{width:410px !important;}.w-418{width:418px !important;}.w-42{width:42px !important;}.w-420{width:420px !important;}.w-430{width:430px !important;}.w-440{width:440px !important;}.w-448{width:448px !important;}.w-45{width:45px !important;}.w-46{width:46px !important;}.w-460{width:460px !important;}.w-470{width:470px !important;}.w-476{width:476px !important;}.w-48{width:48px !important;}.w-480{width:480px !important;}.w-488{width:488px !important;}.w-50{width:50px !important;}.w-500{width:500px !important;}.w-502{width:502px !important;}.w-504{width:504px !important;}.w-505{width:505px !important;}.w-519{width:519px !important;}.w-52{width:52px !important;}.w-530{width:530px !important;}.w-54{width:54px !important;}.w-540{width:540px !important;}.w-55{width:55px !important;}.w-555{width:555px !important;}.w-56{width:56px !important;}.w-560{width:560px !important;}.w-566{width:566px !important;}.w-570{width:570px !important;}.w-58{width:58px !important;}.w-580{width:580px !important;}.w-586{width:586px !important;}.w-588{width:588px !important;}.w-6{width:6px !important;}.w-60{width:60px !important;}.w-600{width:600px !important;}.w-620{width:620px !important;}.w-621{width:621px !important;}.w-630{width:630px !important;}.w-638{width:638px !important;}.w-640{width:640px !important;}.w-645{width:645px !important;}.w-66{width:66px !important;}.w-660{width:660px !important;}.w-670{width:670px !important;}.w-674{width:674px !important;}.w-675{width:675px !important;}.w-68{width:68px !important;}.w-680{width:680px !important;}.w-690{width:690px !important;}.w-7{width:7px !important;}.w-70{width:70px !important;}.w-700{width:700px !important;}.w-72{width:72px !important;}.w-720{width:720px !important;}.w-73{width:73px !important;}.w-734{width:734px !important;}.w-760{width:760px !important;}.w-780{width:780px !important;}.w-790{width:790px !important;}.w-8{width:8px !important;}.w-80{width:80px !important;}.w-800{width:800px !important;}.w-820{width:820px !important;}.w-84{width:84px !important;}.w-876{width:876px !important;}.w-88{width:88px !important;}.w-90{width:90px !important;}.w-900{width:900px !important;}.w-91{width:91px !important;}.w-92{width:92px !important;}.w-96{width:96px !important;}.w-960{width:960px !important;}.w-98{width:98px !important;}.w-0b{width:0% !important;}.w-100\%,.w-100b{width:100% !important;}.w-40b{width:40% !important;}.w-48b{width:48% !important;}.w-4b{width:4% !important;}.w-50b{width:50% !important;}.w-60b{width:60% !important;}.w-72b{width:72% !important;}.w-90b{width:90% !important;}.w-99b{width:99% !important;}.w-min-100{min-width:100px !important;}.w-min-110{min-width:110px !important;}.w-min-114{min-width:114px !important;}.w-min-118{min-width:118px !important;}.w-min-120{min-width:120px !important;}.w-min-128{min-width:128px !important;}.w-min-132{min-width:132px !important;}.w-min-14{min-width:14px !important;}.w-min-150{min-width:150px !important;}.w-min-160{min-width:160px !important;}.w-min-164{min-width:164px !important;}.w-min-200{min-width:200px !important;}.w-min-248{min-width:248px !important;}.w-min-280{min-width:280px !important;}.w-min-306{min-width:306px !important;}.w-min-400{min-width:400px !important;}.w-min-420{min-width:420px !important;}.w-min-48{min-width:48px !important;}.w-min-500{min-width:500px !important;}.w-min-60{min-width:60px !important;}.w-min-64{min-width:64px !important;}.w-min-76{min-width:76px !important;}.w-min-80{min-width:80px !important;}.w-min-85{min-width:85px !important;}.w-min-88{min-width:88px !important;}.w-max-186{max-width:186px !important;}.h-0{height:0px !important;}.h-1{height:1px !important;}.h-10{height:10px !important;}.h-100{height:100px !important;}.h-102{height:102px !important;}.h-107{height:107px !important;}.h-108{height:108px !important;}.h-110{height:110px !important;}.h-12{height:12px !important;}.h-120{height:120px !important;}.h-124{height:124px !important;}.h-128{height:128px !important;}.h-132{height:132px !important;}.h-136{height:136px !important;}.h-138{height:138px !important;}.h-14{height:14px !important;}.h-140{height:140px !important;}.h-148{height:148px !important;}.h-15{height:15px !important;}.h-150{height:150px !important;}.h-158{height:158px !important;}.h-16{height:16px !important;}.h-162{height:162px !important;}.h-17{height:17px !important;}.h-18{height:18px !important;}.h-180{height:180px !important;}.h-190{height:190px !important;}.h-192{height:192px !important;}.h-196{height:196px !important;}.h-198{height:198px !important;}.h-2{height:2px !important;}.h-20{height:20px !important;}.h-200{height:200px !important;}.h-210{height:210px !important;}.h-22{height:22px !important;}.h-23{height:23px !important;}.h-236{height:236px !important;}.h-24{height:24px !important;}.h-25{height:25px !important;}.h-258{height:258px !important;}.h-26{height:26px !important;}.h-260{height:260px !important;}.h-27{height:27px !important;}.h-272{height:272px !important;}.h-28{height:28px !important;}.h-280{height:280px !important;}.h-3{height:3px !important;}.h-30{height:30px !important;}.h-300{height:300px !important;}.h-306{height:306px !important;}.h-32{height:32px !important;}.h-33{height:33px !important;}.h-330{height:330px !important;}.h-335{height:335px !important;}.h-336{height:336px !important;}.h-34{height:34px !important;}.h-340{height:340px !important;}.h-342{height:342px !important;}.h-345{height:345px !important;}.h-350{height:350px !important;}.h-36{height:36px !important;}.h-360{height:360px !important;}.h-364{height:364px !important;}.h-366{height:366px !important;}.h-38{height:38px !important;}.h-380{height:380px !important;}.h-4{height:4px !important;}.h-40{height:40px !important;}.h-400{height:400px !important;}.h-406{height:406px !important;}.h-410{height:410px !important;}.h-42{height:42px !important;}.h-44{height:44px !important;}.h-440{height:440px !important;}.h-450{height:450px !important;}.h-456{height:456px !important;}.h-46{height:46px !important;}.h-460{height:460px !important;}.h-468{height:468px !important;}.h-470{height:470px !important;}.h-48{height:48px !important;}.h-480{height:480px !important;}.h-49{height:49px !important;}.h-50{height:50px !important;}.h-500{height:500px !important;}.h-510{height:510px !important;}.h-516{height:516px !important;}.h-52{height:52px !important;}.h-520{height:520px !important;}.h-528{height:528px !important;}.h-530{height:530px !important;}.h-534{height:534px !important;}.h-54{height:54px !important;}.h-550{height:550px !important;}.h-56{height:56px !important;}.h-572{height:572px !important;}.h-58{height:58px !important;}.h-6{height:6px !important;}.h-60{height:60px !important;}.h-618{height:618px !important;}.h-62{height:62px !important;}.h-64{height:64px !important;}.h-640{height:640px !important;}.h-666{height:666px !important;}.h-68{height:68px !important;}.h-70{height:70px !important;}.h-710{height:710px !important;}.h-712{height:712px !important;}.h-72{height:72px !important;}.h-74{height:74px !important;}.h-75{height:75px !important;}.h-76{height:76px !important;}.h-78{height:78px !important;}.h-8{height:8px !important;}.h-80{height:80px !important;}.h-86{height:86px !important;}.h-88{height:88px !important;}.h-90{height:90px !important;}.h-95{height:95px !important;}.h-954{height:954px !important;}.h-98{height:98px !important;}.h-100\%,.h-100b{height:100% !important;}.h-50b{height:50% !important;}.h-min-14{min-height:14px !important;}.h-min-218{min-height:218px !important;}.h-min-294{min-height:294px !important;}.h-min-335{min-height:335px !important;}.h-min-370{min-height:370px !important;}.h-min-420{min-height:420px !important;}.h-min-430{min-height:430px !important;}.h-min-434{min-height:434px !important;}.h-min-445{min-height:445px !important;}.h-min-460{min-height:460px !important;}.h-min-500{min-height:500px !important;}.h-min-540{min-height:540px !important;}.h-min-600{min-height:600px !important;}.h-min-616{min-height:616px !important;}.lh-14{line-height:14px !important;}.lh-16{line-height:16px !important;}.lh-17{line-height:17px !important;}.lh-18{line-height:18px !important;}.lh-20{line-height:20px !important;}.lh-22{line-height:22px !important;}.lh-24{line-height:24px !important;}.lh-25{line-height:25px !important;}.lh-26{line-height:26px !important;}.lh-27{line-height:27px !important;}.lh-28{line-height:28px !important;}.lh-30{line-height:30px !important;}.lh-32{line-height:32px !important;}.lh-36{line-height:36px !important;}.lh-40{line-height:40px !important;}.lh-42{line-height:42px !important;}.lh-48{line-height:48px !important;}.lh-50{line-height:50px !important;}.lh-52{line-height:52px !important;}.m-0{margin:0px !important;}.m-30{margin:30px !important;}.-m-l-1{margin-left:-1px !important;}.-m-l-12{margin-left:-12px !important;}.-m-l-20{margin-left:-20px !important;}.-m-l-26{margin-left:-26px !important;}.-m-l-40{margin-left:-40px !important;}.m-l-1{margin-left:1px !important;}.m-l-10{margin-left:10px !important;}.m-l-12{margin-left:12px !important;}.m-l-14{margin-left:14px !important;}.m-l-15{margin-left:15px !important;}.m-l-16{margin-left:16px !important;}.m-l-18{margin-left:18px !important;}.m-l-19{margin-left:19px !important;}.m-l-2{margin-left:2px !important;}.m-l-20{margin-left:20px !important;}.m-l-23{margin-left:23px !important;}.m-l-24{margin-left:24px !important;}.m-l-28{margin-left:28px !important;}.m-l-3{margin-left:3px !important;}.m-l-30{margin-left:30px !important;}.m-l-300{margin-left:300px !important;}.m-l-35{margin-left:35px !important;}.m-l-36{margin-left:36px !important;}.m-l-4{margin-left:4px !important;}.m-l-40{margin-left:40px !important;}.m-l-48{margin-left:48px !important;}.m-l-5{margin-left:5px !important;}.m-l-55{margin-left:55px !important;}.m-l-6{margin-left:6px !important;}.m-l-60{margin-left:60px !important;}.m-l-70{margin-left:70px !important;}.m-l-8{margin-left:8px !important;}.m-l-88{margin-left:88px !important;}.m-l-9{margin-left:9px !important;}.-m-r-10{margin-right:-10px !important;}.-m-r-4{margin-right:-4px !important;}.m-r-0{margin-right:0px !important;}.m-r-10{margin-right:10px !important;}.m-r-100{margin-right:100px !important;}.m-r-110{margin-right:110px !important;}.m-r-12{margin-right:12px !important;}.m-r-124{margin-right:124px !important;}.m-r-14{margin-right:14px !important;}.m-r-15{margin-right:15px !important;}.m-r-16{margin-right:16px !important;}.m-r-18{margin-right:18px !important;}.m-r-2{margin-right:2px !important;}.m-r-20{margin-right:20px !important;}.m-r-25{margin-right:25px !important;}.m-r-26{margin-right:26px !important;}.m-r-28{margin-right:28px !important;}.m-r-3{margin-right:3px !important;}.m-r-30{margin-right:30px !important;}.m-r-32{margin-right:32px !important;}.m-r-36{margin-right:36px !important;}.m-r-4{margin-right:4px !important;}.m-r-40{margin-right:40px !important;}.m-r-45{margin-right:45px !important;}.m-r-48{margin-right:48px !important;}.m-r-5{margin-right:5px !important;}.m-r-50{margin-right:50px !important;}.m-r-56{margin-right:56px !important;}.m-r-6{margin-right:6px !important;}.m-r-60{margin-right:60px !important;}.m-r-8{margin-right:8px !important;}.m-r-80{margin-right:80px !important;}.m-r-9{margin-right:9px !important;}.-m-t-10{margin-top:-10px !important;}.-m-t-15{margin-top:-15px !important;}.-m-t-2{margin-top:-2px !important;}.-m-t-3{margin-top:-3px !important;}.-m-t-34{margin-top:-34px !important;}.-m-t-4{margin-top:-4px !important;}.-m-t-43{margin-top:-43px !important;}.-m-t-5{margin-top:-5px !important;}.-m-t-6{margin-top:-6px !important;}.-m-t-8{margin-top:-8px !important;}.m-t-0{margin-top:0px !important;}.m-t-1{margin-top:1px !important;}.m-t-10{margin-top:10px !important;}.m-t-100{margin-top:100px !important;}.m-t-102{margin-top:102px !important;}.m-t-108{margin-top:108px !important;}.m-t-11{margin-top:11px !important;}.m-t-110{margin-top:110px !important;}.m-t-12{margin-top:12px !important;}.m-t-120{margin-top:120px !important;}.m-t-125{margin-top:125px !important;}.m-t-130{margin-top:130px !important;}.m-t-134{margin-top:134px !important;}.m-t-138{margin-top:138px !important;}.m-t-14{margin-top:14px !important;}.m-t-15{margin-top:15px !important;}.m-t-16{margin-top:16px !important;}.m-t-18{margin-top:18px !important;}.m-t-180{margin-top:180px !important;}.m-t-186{margin-top:186px !important;}.m-t-2{margin-top:2px !important;}.m-t-20{margin-top:20px !important;}.m-t-22{margin-top:22px !important;}.m-t-23{margin-top:23px !important;}.m-t-24{margin-top:24px !important;}.m-t-25{margin-top:25px !important;}.m-t-26{margin-top:26px !important;}.m-t-276{margin-top:276px !important;}.m-t-28{margin-top:28px !important;}.m-t-3{margin-top:3px !important;}.m-t-30{margin-top:30px !important;}.m-t-32{margin-top:32px !important;}.m-t-34{margin-top:34px !important;}.m-t-36{margin-top:36px !important;}.m-t-38{margin-top:38px !important;}.m-t-4{margin-top:4px !important;}.m-t-40{margin-top:40px !important;}.m-t-42{margin-top:42px !important;}.m-t-43{margin-top:43px !important;}.m-t-44{margin-top:44px !important;}.m-t-45{margin-top:45px !important;}.m-t-46{margin-top:46px !important;}.m-t-48{margin-top:48px !important;}.m-t-5{margin-top:5px !important;}.m-t-50{margin-top:50px !important;}.m-t-52{margin-top:52px !important;}.m-t-54{margin-top:54px !important;}.m-t-56{margin-top:56px !important;}.m-t-58{margin-top:58px !important;}.m-t-6{margin-top:6px !important;}.m-t-60{margin-top:60px !important;}.m-t-64{margin-top:64px !important;}.m-t-68{margin-top:68px !important;}.m-t-7{margin-top:7px !important;}.m-t-70{margin-top:70px !important;}.m-t-76{margin-top:76px !important;}.m-t-78{margin-top:78px !important;}.m-t-8{margin-top:8px !important;}.m-t-80{margin-top:80px !important;}.m-t-83{margin-top:83px !important;}.m-t-86{margin-top:86px !important;}.m-t-90{margin-top:90px !important;}.m-t-98{margin-top:98px !important;}.last\:m-b-0:last-child,.m-b-0{margin-bottom:0px !important;}.m-b-10{margin-bottom:10px !important;}.m-b-100{margin-bottom:100px !important;}.m-b-110{margin-bottom:110px !important;}.m-b-12{margin-bottom:12px !important;}.m-b-120{margin-bottom:120px !important;}.m-b-14{margin-bottom:14px !important;}.m-b-142{margin-bottom:142px !important;}.m-b-15{margin-bottom:15px !important;}.m-b-150{margin-bottom:150px !important;}.m-b-16{margin-bottom:16px !important;}.m-b-18{margin-bottom:18px !important;}.m-b-180{margin-bottom:180px !important;}.m-b-2{margin-bottom:2px !important;}.m-b-20{margin-bottom:20px !important;}.m-b-22{margin-bottom:22px !important;}.m-b-24{margin-bottom:24px !important;}.m-b-25{margin-bottom:25px !important;}.m-b-26{margin-bottom:26px !important;}.m-b-28{margin-bottom:28px !important;}.m-b-3{margin-bottom:3px !important;}.m-b-30{margin-bottom:30px !important;}.m-b-32{margin-bottom:32px !important;}.m-b-34{margin-bottom:34px !important;}.m-b-35{margin-bottom:35px !important;}.m-b-36{margin-bottom:36px !important;}.m-b-38{margin-bottom:38px !important;}.m-b-4{margin-bottom:4px !important;}.m-b-40{margin-bottom:40px !important;}.m-b-42{margin-bottom:42px !important;}.m-b-45{margin-bottom:45px !important;}.m-b-48{margin-bottom:48px !important;}.m-b-5{margin-bottom:5px !important;}.m-b-50{margin-bottom:50px !important;}.m-b-52{margin-bottom:52px !important;}.m-b-54{margin-bottom:54px !important;}.m-b-58{margin-bottom:58px !important;}.m-b-6{margin-bottom:6px !important;}.m-b-60{margin-bottom:60px !important;}.m-b-8{margin-bottom:8px !important;}.m-b-80{margin-bottom:80px !important;}.m-b-82{margin-bottom:82px !important;}.m-b-85{margin-bottom:85px !important;}.m-b-90{margin-bottom:90px !important;}.m-lr-10{margin-left:10px !important;margin-right:10px !important;}.m-lr-12{margin-left:12px !important;margin-right:12px !important;}.m-lr-15{margin-left:15px !important;margin-right:15px !important;}.m-lr-16{margin-left:16px !important;margin-right:16px !important;}.m-lr-18{margin-left:18px !important;margin-right:18px !important;}.m-lr-2{margin-left:2px !important;margin-right:2px !important;}.m-lr-20{margin-left:20px !important;margin-right:20px !important;}.m-lr-3{margin-left:3px !important;margin-right:3px !important;}.m-lr-30{margin-left:30px !important;margin-right:30px !important;}.m-lr-4{margin-left:4px !important;margin-right:4px !important;}.m-lr-40{margin-left:40px !important;margin-right:40px !important;}.m-lr-5{margin-left:5px !important;margin-right:5px !important;}.m-lr-6{margin-left:6px !important;margin-right:6px !important;}.m-lr-8{margin-left:8px !important;margin-right:8px !important;}.m-tb-10{margin-top:10px !important;margin-bottom:10px !important;}.m-tb-100{margin-top:100px !important;margin-bottom:100px !important;}.m-tb-12{margin-top:12px !important;margin-bottom:12px !important;}.m-tb-2{margin-top:2px !important;margin-bottom:2px !important;}.m-tb-20{margin-top:20px !important;margin-bottom:20px !important;}.m-tb-22{margin-top:22px !important;margin-bottom:22px !important;}.m-tb-25{margin-top:25px !important;margin-bottom:25px !important;}.m-tb-28{margin-top:28px !important;margin-bottom:28px !important;}.m-tb-30{margin-top:30px !important;margin-bottom:30px !important;}.m-tb-35{margin-top:35px !important;margin-bottom:35px !important;}.m-tb-40{margin-top:40px !important;margin-bottom:40px !important;}.m-tb-54{margin-top:54px !important;margin-bottom:54px !important;}.m-tb-60{margin-top:60px !important;margin-bottom:60px !important;}.p-0{padding:0px !important;}.p-10{padding:10px !important;}.p-12{padding:12px !important;}.p-14{padding:14px !important;}.p-15{padding:15px !important;}.p-16{padding:16px !important;}.p-2{padding:2px !important;}.p-20{padding:20px !important;}.p-24{padding:24px !important;}.p-25{padding:25px !important;}.p-28{padding:28px !important;}.p-30{padding:30px !important;}.p-40{padding:40px !important;}.p-5{padding:5px !important;}.p-7{padding:7px !important;}.p-l-10{padding-left:10px !important;}.p-l-12{padding-left:12px !important;}.p-l-124{padding-left:124px !important;}.p-l-14{padding-left:14px !important;}.p-l-16{padding-left:16px !important;}.p-l-18{padding-left:18px !important;}.p-l-20{padding-left:20px !important;}.p-l-24{padding-left:24px !important;}.p-l-26{padding-left:26px !important;}.p-l-29{padding-left:29px !important;}.p-l-30{padding-left:30px !important;}.p-l-34{padding-left:34px !important;}.p-l-4{padding-left:4px !important;}.p-l-40{padding-left:40px !important;}.p-l-50{padding-left:50px !important;}.p-l-64{padding-left:64px !important;}.p-l-70{padding-left:70px !important;}.p-l-80{padding-left:80px !important;}.p-r-12{padding-right:12px !important;}.p-r-16{padding-right:16px !important;}.p-r-20{padding-right:20px !important;}.p-r-24{padding-right:24px !important;}.p-r-30{padding-right:30px !important;}.p-r-4{padding-right:4px !important;}.p-r-40{padding-right:40px !important;}.p-r-50{padding-right:50px !important;}.p-r-6{padding-right:6px !important;}.p-r-60{padding-right:60px !important;}.p-r-8{padding-right:8px !important;}.p-t-0{padding-top:0px !important;}.p-t-10{padding-top:10px !important;}.p-t-100{padding-top:100px !important;}.p-t-105{padding-top:105px !important;}.p-t-108{padding-top:108px !important;}.p-t-110{padding-top:110px !important;}.p-t-118{padding-top:118px !important;}.p-t-12{padding-top:12px !important;}.p-t-128{padding-top:128px !important;}.p-t-14{padding-top:14px !important;}.p-t-15{padding-top:15px !important;}.p-t-16{padding-top:16px !important;}.p-t-18{padding-top:18px !important;}.p-t-2{padding-top:2px !important;}.p-t-20{padding-top:20px !important;}.p-t-24{padding-top:24px !important;}.p-t-25{padding-top:25px !important;}.p-t-26{padding-top:26px !important;}.p-t-28{padding-top:28px !important;}.p-t-30{padding-top:30px !important;}.p-t-34{padding-top:34px !important;}.p-t-38{padding-top:38px !important;}.p-t-40{padding-top:40px !important;}.p-t-42{padding-top:42px !important;}.p-t-44{padding-top:44px !important;}.p-t-46{padding-top:46px !important;}.p-t-54{padding-top:54px !important;}.p-t-6{padding-top:6px !important;}.p-t-60{padding-top:60px !important;}.p-t-80{padding-top:80px !important;}.p-t-96{padding-top:96px !important;}.p-b-10{padding-bottom:10px !important;}.p-b-100{padding-bottom:100px !important;}.p-b-12{padding-bottom:12px !important;}.p-b-140{padding-bottom:140px !important;}.p-b-15{padding-bottom:15px !important;}.p-b-18{padding-bottom:18px !important;}.p-b-20{padding-bottom:20px !important;}.p-b-22{padding-bottom:22px !important;}.p-b-24{padding-bottom:24px !important;}.p-b-25{padding-bottom:25px !important;}.p-b-30{padding-bottom:30px !important;}.p-b-35{padding-bottom:35px !important;}.p-b-40{padding-bottom:40px !important;}.p-b-50{padding-bottom:50px !important;}.p-b-6{padding-bottom:6px !important;}.p-b-64{padding-bottom:64px !important;}.p-b-8{padding-bottom:8px !important;}.p-b-80{padding-bottom:80px !important;}.p-b-85{padding-bottom:85px !important;}.p-b-90{padding-bottom:90px !important;}.p-b-94{padding-bottom:94px !important;}.p-lr-0{padding-left:0px !important;padding-right:0px !important;}.p-lr-10{padding-left:10px !important;padding-right:10px !important;}.p-lr-12{padding-left:12px !important;padding-right:12px !important;}.p-lr-13{padding-left:13px !important;padding-right:13px !important;}.p-lr-14{padding-left:14px !important;padding-right:14px !important;}.p-lr-15{padding-left:15px !important;padding-right:15px !important;}.p-lr-16{padding-left:16px !important;padding-right:16px !important;}.p-lr-18{padding-left:18px !important;padding-right:18px !important;}.p-lr-2{padding-left:2px !important;padding-right:2px !important;}.p-lr-20{padding-left:20px !important;padding-right:20px !important;}.p-lr-24{padding-left:24px !important;padding-right:24px !important;}.p-lr-25{padding-left:25px !important;padding-right:25px !important;}.p-lr-28{padding-left:28px !important;padding-right:28px !important;}.p-lr-30{padding-left:30px !important;padding-right:30px !important;}.p-lr-35{padding-left:35px !important;padding-right:35px !important;}.p-lr-370{padding-left:370px !important;padding-right:370px !important;}.p-lr-4{padding-left:4px !important;padding-right:4px !important;}.p-lr-40{padding-left:40px !important;padding-right:40px !important;}.p-lr-5{padding-left:5px !important;padding-right:5px !important;}.p-lr-50{padding-left:50px !important;padding-right:50px !important;}.p-lr-56{padding-left:56px !important;padding-right:56px !important;}.p-lr-6{padding-left:6px !important;padding-right:6px !important;}.p-lr-60{padding-left:60px !important;padding-right:60px !important;}.p-lr-64{padding-left:64px !important;padding-right:64px !important;}.p-lr-8{padding-left:8px !important;padding-right:8px !important;}.p-lr-85{padding-left:85px !important;padding-right:85px !important;}.p-tb-0{padding-top:0px !important;padding-bottom:0px !important;}.p-tb-1{padding-top:1px !important;padding-bottom:1px !important;}.p-tb-10{padding-top:10px !important;padding-bottom:10px !important;}.p-tb-11{padding-top:11px !important;padding-bottom:11px !important;}.p-tb-110{padding-top:110px !important;padding-bottom:110px !important;}.p-tb-12{padding-top:12px !important;padding-bottom:12px !important;}.p-tb-13{padding-top:13px !important;padding-bottom:13px !important;}.p-tb-14{padding-top:14px !important;padding-bottom:14px !important;}.p-tb-15{padding-top:15px !important;padding-bottom:15px !important;}.p-tb-16{padding-top:16px !important;padding-bottom:16px !important;}.p-tb-18{padding-top:18px !important;padding-bottom:18px !important;}.p-tb-180{padding-top:180px !important;padding-bottom:180px !important;}.p-tb-185{padding-top:185px !important;padding-bottom:185px !important;}.p-tb-2{padding-top:2px !important;padding-bottom:2px !important;}.p-tb-20{padding-top:20px !important;padding-bottom:20px !important;}.p-tb-24{padding-top:24px !important;padding-bottom:24px !important;}.p-tb-25{padding-top:25px !important;padding-bottom:25px !important;}.p-tb-26{padding-top:26px !important;padding-bottom:26px !important;}.p-tb-28{padding-top:28px !important;padding-bottom:28px !important;}.p-tb-30{padding-top:30px !important;padding-bottom:30px !important;}.p-tb-32{padding-top:32px !important;padding-bottom:32px !important;}.p-tb-4{padding-top:4px !important;padding-bottom:4px !important;}.p-tb-40{padding-top:40px !important;padding-bottom:40px !important;}.p-tb-42{padding-top:42px !important;padding-bottom:42px !important;}.p-tb-5{padding-top:5px !important;padding-bottom:5px !important;}.p-tb-6{padding-top:6px !important;padding-bottom:6px !important;}.p-tb-60{padding-top:60px !important;padding-bottom:60px !important;}.p-tb-7{padding-top:7px !important;padding-bottom:7px !important;}.p-tb-8{padding-top:8px !important;padding-bottom:8px !important;}.p-tb-80{padding-top:80px !important;padding-bottom:80px !important;}.p-tb-95{padding-top:95px !important;padding-bottom:95px !important;}.gap-10,[gap~="\31 0"]{gap:10px !important;}.gap-12{gap:12px !important;}.gap-14{gap:14px !important;}.gap-160{gap:160px !important;}.gap-2{gap:2px !important;}.gap-20{gap:20px !important;}.gap-28{gap:28px !important;}.gap-3{gap:3px !important;}.gap-4{gap:4px !important;}.gap-58{gap:58px !important;}.gap-6{gap:6px !important;}.gap-62{gap:62px !important;}.gap-80{gap:80px !important;}.font-10{font-size:10px !important;}.font-11{font-size:11px !important;}.font-12{font-size:12px !important;}.font-13{font-size:13px !important;}.font-14{font-size:14px !important;}.font-15{font-size:15px !important;}.font-16{font-size:16px !important;}.font-18{font-size:18px !important;}.font-20{font-size:20px !important;}.font-22{font-size:22px !important;}.font-228{font-size:228px !important;}.font-24{font-size:24px !important;}.font-26{font-size:26px !important;}.font-28{font-size:28px !important;}.font-30{font-size:30px !important;}.font-32{font-size:32px !important;}.font-34{font-size:34px !important;}.font-36{font-size:36px !important;}.font-38{font-size:38px !important;}.font-40{font-size:40px !important;}.font-42{font-size:42px !important;}.font-44{font-size:44px !important;}.font-46{font-size:46px !important;}.font-48{font-size:48px !important;}.font-50{font-size:50px !important;}.font-52{font-size:52px !important;}.font-54{font-size:54px !important;}.font-56{font-size:56px !important;}.font-58{font-size:58px !important;}.font-6{font-size:6px !important;}.font-68{font-size:68px !important;}.font-7{font-size:7px !important;}.font-8{font-size:8px !important;}.font-80{font-size:80px !important;}            .font-placeholder-12::placeholder {              font-size: 12px !important;            }            .font-placeholder-12 {              font-size: 12px !important;              .el-input__wrapper,.el-date-editor {                .el-input__inner::placeholder,.el-range-input::placeholder {                  font-size: 12px !important;                }              }            }                        .font-placeholder-14::placeholder {              font-size: 14px !important;            }            .font-placeholder-14 {              font-size: 14px !important;              .el-input__wrapper,.el-date-editor {                .el-input__inner::placeholder,.el-range-input::placeholder {                  font-size: 14px !important;                }              }            }            .font-w-400,.weight-400{font-weight:400 !important;}.font-w-500,.weight-500{font-weight:500 !important;}.font-w-600,.weight-600{font-weight:600 !important;}.font-w-900{font-weight:900 !important;}.z-1{z-index:1 !important;}.z-10{z-index:10 !important;}.z-100{z-index:100 !important;}.z-2{z-index:2 !important;}.z-20{z-index:20 !important;}.z-40{z-index:40 !important;}.z-50{z-index:50 !important;}.z-80{z-index:80 !important;}.z-90{z-index:90 !important;}.z-99{z-index:99 !important;}.-top-1{top:-1px !important;}.-top-10{top:-10px !important;}.-top-2{top:-2px !important;}.-top-24{top:-24px !important;}.-top-4{top:-4px !important;}.-top-40{top:-40px !important;}.-top-48{top:-48px !important;}.top-0{top:0px !important;}.top-10{top:10px !important;}.top-114{top:114px !important;}.top-13{top:13px !important;}.top-14{top:14px !important;}.top-16{top:16px !important;}.top-18{top:18px !important;}.top-2{top:2px !important;}.top-220{top:220px !important;}.top-23{top:23px !important;}.top-24{top:24px !important;}.top-25{top:25px !important;}.top-30{top:30px !important;}.top-34{top:34px !important;}.top-35{top:35px !important;}.top-423{top:423px !important;}.top-44{top:44px !important;}.top-5{top:5px !important;}.top-54{top:54px !important;}.top-8{top:8px !important;}.top-90{top:90px !important;}.-bottom-2{bottom:-2px !important;}.-bottom-20{bottom:-20px !important;}.-bottom-5{bottom:-5px !important;}.-bottom-75{bottom:-75px !important;}.bottom-0{bottom:0px !important;}.bottom-1{bottom:1px !important;}.bottom-15{bottom:15px !important;}.bottom-2{bottom:2px !important;}.bottom-20{bottom:20px !important;}.bottom-25{bottom:25px !important;}.bottom-4{bottom:4px !important;}.bottom-40{bottom:40px !important;}[bottom~="\31 00"]{bottom:100px !important;}.-left-10{left:-10px !important;}.-left-16{left:-16px !important;}.-left-2{left:-2px !important;}.-left-67{left:-67px !important;}.-left-72{left:-72px !important;}.left-0{left:0px !important;}.left-134{left:134px !important;}.left-20{left:20px !important;}.left-45{left:45px !important;}.left-5{left:5px !important;}.left-9{left:9px !important;}.-right-1{right:-1px !important;}.-right-2{right:-2px !important;}.-right-28{right:-28px !important;}.-right-72{right:-72px !important;}.right-0{right:0px !important;}.right-10{right:10px !important;}.right-12{right:12px !important;}.right-122{right:122px !important;}.right-14{right:14px !important;}.right-2{right:2px !important;}.right-20{right:20px !important;}.right-3{right:3px !important;}.right-30{right:30px !important;}.right-40{right:40px !important;}.right-5{right:5px !important;}.radius-1{                   border-radius: 1px !important;                 }                 .radius-1.el-input{                 .el-input__wrapper{                    border-radius: 1px !important;                  }                }                   .radius-10{                   border-radius: 10px !important;                 }                 .radius-10.el-input{                 .el-input__wrapper{                    border-radius: 10px !important;                  }                }                   .radius-12{                   border-radius: 12px !important;                 }                 .radius-12.el-input{                 .el-input__wrapper{                    border-radius: 12px !important;                  }                }                   .radius-14{                   border-radius: 14px !important;                 }                 .radius-14.el-input{                 .el-input__wrapper{                    border-radius: 14px !important;                  }                }                   .radius-16{                   border-radius: 16px !important;                 }                 .radius-16.el-input{                 .el-input__wrapper{                    border-radius: 16px !important;                  }                }                   .radius-18{                   border-radius: 18px !important;                 }                 .radius-18.el-input{                 .el-input__wrapper{                    border-radius: 18px !important;                  }                }                   .radius-2{                   border-radius: 2px !important;                 }                 .radius-2.el-input{                 .el-input__wrapper{                    border-radius: 2px !important;                  }                }                   .radius-20{                   border-radius: 20px !important;                 }                 .radius-20.el-input{                 .el-input__wrapper{                    border-radius: 20px !important;                  }                }                   .radius-22{                   border-radius: 22px !important;                 }                 .radius-22.el-input{                 .el-input__wrapper{                    border-radius: 22px !important;                  }                }                   .radius-24{                   border-radius: 24px !important;                 }                 .radius-24.el-input{                 .el-input__wrapper{                    border-radius: 24px !important;                  }                }                   .radius-25{                   border-radius: 25px !important;                 }                 .radius-25.el-input{                 .el-input__wrapper{                    border-radius: 25px !important;                  }                }                   .radius-26{                   border-radius: 26px !important;                 }                 .radius-26.el-input{                 .el-input__wrapper{                    border-radius: 26px !important;                  }                }                   .radius-28{                   border-radius: 28px !important;                 }                 .radius-28.el-input{                 .el-input__wrapper{                    border-radius: 28px !important;                  }                }                   .radius-30{                   border-radius: 30px !important;                 }                 .radius-30.el-input{                 .el-input__wrapper{                    border-radius: 30px !important;                  }                }                   .radius-32{                   border-radius: 32px !important;                 }                 .radius-32.el-input{                 .el-input__wrapper{                    border-radius: 32px !important;                  }                }                   .radius-36{                   border-radius: 36px !important;                 }                 .radius-36.el-input{                 .el-input__wrapper{                    border-radius: 36px !important;                  }                }                   .radius-38{                   border-radius: 38px !important;                 }                 .radius-38.el-input{                 .el-input__wrapper{                    border-radius: 38px !important;                  }                }                   .radius-4{                   border-radius: 4px !important;                 }                 .radius-4.el-input{                 .el-input__wrapper{                    border-radius: 4px !important;                  }                }                   .radius-40{                   border-radius: 40px !important;                 }                 .radius-40.el-input{                 .el-input__wrapper{                    border-radius: 40px !important;                  }                }                   .radius-50{                   border-radius: 50px !important;                 }                 .radius-50.el-input{                 .el-input__wrapper{                    border-radius: 50px !important;                  }                }                   .radius-52{                   border-radius: 52px !important;                 }                 .radius-52.el-input{                 .el-input__wrapper{                    border-radius: 52px !important;                  }                }                   .radius-6{                   border-radius: 6px !important;                 }                 .radius-6.el-input{                 .el-input__wrapper{                    border-radius: 6px !important;                  }                }                   .radius-60{                   border-radius: 60px !important;                 }                 .radius-60.el-input{                 .el-input__wrapper{                    border-radius: 60px !important;                  }                }                   .radius-69{                   border-radius: 69px !important;                 }                 .radius-69.el-input{                 .el-input__wrapper{                    border-radius: 69px !important;                  }                }                   .radius-7{                   border-radius: 7px !important;                 }                 .radius-7.el-input{                 .el-input__wrapper{                    border-radius: 7px !important;                  }                }                   .radius-8{                   border-radius: 8px !important;                 }                 .radius-8.el-input{                 .el-input__wrapper{                    border-radius: 8px !important;                  }                }                   .radius-80{                   border-radius: 80px !important;                 }                 .radius-80.el-input{                 .el-input__wrapper{                    border-radius: 80px !important;                  }                }                   .radius-9{                   border-radius: 9px !important;                 }                 .radius-9.el-input{                 .el-input__wrapper{                    border-radius: 9px !important;                  }                }                   [radius~="\31 0"]{                   border-radius: 10px !important;                 }                 [radius~="\31 0"].el-input{                 .el-input__wrapper{                    border-radius: 10px !important;                  }                }                   .radius-l-8{border-radius:8px 0 0 8px !important;}.radius-r-8{border-radius:0 8px 8px 0 !important;}.radius-bl-8{border-radius:0 0 0 8px !important;}.group:hover .group-hover\:opacity-100{opacity:1 !important;}.hover\:opacity-90:hover{opacity:0.9 !important;}.opacity-0{opacity:0 !important;}.opacity-80{opacity:0.8 !important;}.border-b-f4and33{border-bottom-color:var(--f4and33, #F4F4F4);}.bg-EBand33{background-color:var(--EBand33, #EBEBEB);}.border-ccc{border-color:var(--ccc, #cccccc);}.text-51AandWhite{color:var(--51AandWhite, #16151A);}