@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://use.typekit.net/deg1gtp.css");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");#footer {
  box-sizing: border-box;
  line-height: 58px;
  height: 58px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 26px;
  font-size: 12px;
  text-transform: uppercase;
  color: #3b5865;
  font-weight: 600;
  letter-spacing: 1px;
  user-select: none;
}
#footer .menu {
  float: right;
}
#footer .menu .infoLink {
  display: inline-block;
  margin-left: 14px;
  cursor: pointer;
}
#footer .menu .infoLink:active {
  color: #4b6876;
}
#footer .menu .social {
  height: 26px;
  width: 26px;
  background: #3b5865;
  display: inline-block;
  margin-left: 12px;
  border-radius: 100%;
  margin-bottom: -8px;
  background-size: cover;
  cursor: pointer;
}
#footer .menu .social.discord {
  background-image: url("social/footer/discord.png");
}
#footer .menu .social.discord:hover {
  background-color: #5663f7;
}
#footer .menu .social.discord:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
#footer .menu .social.telegram {
  background-image: url("social/footer/telegram.png");
}
#footer .menu .social.telegram:hover {
  background-color: #08c;
}
#footer .menu .social.telegram:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
#footer .menu .social.twitter {
  background-image: url("social/footer/twitter.png");
}
#footer .menu .social.twitter:hover {
  background-color: #1da1f2;
}
#footer .menu .social.twitter:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
#footer .menu .social.medium {
  background-image: url("social/footer/medium.png");
}
#footer .menu .social.medium:hover {
  background-color: #00ab6c;
}
#footer .menu .social.medium:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
@media (max-width: 900px) {
  #footer {
    padding: 0 14px;
  }
  #footer .infoLink {
    display: none !important;
  }
}.custom-toast-top-right {
  top: 100px !important;
  right: 0px !important;
}.guideline {
  border-top: 1px solid #0b2b36;
  position: relative;
  padding: 9px 0;
  padding-left: 40px;
}
.guideline .icon {
  background: #694f23;
  color: #c5e5f4;
  font-size: 12px;
  font-weight: 700;
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
  border-radius: 13px;
  position: absolute;
  top: 9px;
  left: 0px;
}
.walletHeader {
  background: #0b2b36;
  padding: 0 14px;
  height: 60px;
  padding-top: 9px;
  box-sizing: border-box;
  color: #a1bfce;
  border-left: 1px solid #1b3945;
  border-right: 1px solid #1b3945;
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  z-index: 10000;
}
.walletHeader .address {
  border: 1px solid #1b3945;
  height: 42px;
  line-height: 42px;
  padding: 0px 9px;
  width: calc(100% - 128px);
  box-sizing: border-box;
  border-radius: 9px;
  overflow: hidden;
}
.walletHeader .address img {
  height: 22px;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -3px;
}
.walletHeader .addressText {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 74px);
  vertical-align: top;
}
.walletHeader .copyIcon {
  margin-right: -14px;
  padding: 0 9px;
  height: 42px;
  float: right;
  border-left: 1px solid #1b3945;
  cursor: pointer;
}
.walletHeader .copyIcon img {
  height: 18px !important;
}
.walletHeader .copyIcon:active {
  background: #1b3945;
}
.walletHeader .button {
  height: 42px;
  line-height: 42px;
  background: #684c4e;
  text-align: center;
  box-shadow: inset 0 0 0 1px #795c5e, 0 0 0 1px #001d28;
  border-radius: 9px;
  margin-bottom: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  display: inline-block;
  padding: 0 14px;
  float: right;
}
.walletHeader .button:active {
  background: #795c5e;
}
.walletHeader .button.disabled {
  background: #d8f8ff;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #1b3945;
  color: #a1bfce;
  cursor: not-allowed;
}
#modal_body .menu_header {
  background: #000f1a;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-weight: 500;
  color: #c5e5f4;
  box-shadow: inset 1px 0 0 #001d28, inset -1px 0 0 #001d28, inset 0 1px 0 0 #001d28;
  border-radius: 9px 9px 0 0;
}
#modal_body .menu_title {
  line-height: 42px;
  background: #0b2b36;
  padding-left: 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #7d9baa;
  border-left: 1px solid #1b3945;
  border-right: 1px solid #1b3945;
  margin-top: -1px;
  position: relative;
  z-index: 9999;
}
#modal_body .menu_option {
  border-bottom: 1px solid #0b2b36;
  line-height: 22px;
  padding: 9px 14px;
  position: relative;
  padding-left: 42px;
  min-height: 24px;
  color: #7d9baa;
  cursor: pointer;
}
#modal_body .menu_option:active {
  background: #0b2b36;
  color: #8fadbc;
}
#modal_body .menu_option strong {
  color: #b3d2e1;
}
#modal_body .menu_option .icon {
  background-color: #2b4855 !important;
}
#modal_body .menu_option strong {
  color: #a1bfce;
  font-weight: 500;
}
#modal_body .menu_option .icon {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 9px;
  left: 9px;
  background: #1b3945;
  background-size: cover;
  border-radius: 24px;
}#modal {
  background: rgba(0,0,0,0);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999999999;
  transition: 300ms;
  pointer-events: none;
  overflow: hidden;
  color: #fff;
  color: #8fadbc;
}
#modal strong {
  color: #6c8a98;
}
#modal a {
  color: #466495;
  text-decoration: none;
}
#modal #modal_popIn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: 300ms;
  transform: scale(0.38, 0.38);
}
#modal .modal_body {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #1b3945;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #001d28;
  overflow: hidden;
  overflow-y: scroll;
  border-radius: 0 0 20px 20px;
}
#modal .modal_body .modal_scrollArea {
  height: calc(100% - 42px);
  overflow: hidden;
  overflow-y: scroll;
}
#modal .modal_body .modal_button {
  margin: 7px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-style: bold;
}
#modal .modal_body.blue {
  background: rgba(70,100,149,0.5);
  border-color: #466495 !important;
  box-shadow: inset 0 0 0 1px #466495, 0 0 0 1px rgba(0,0,0,0.3);
}
#modal .modal_body.blue * {
  border-color: #466495 !important;
}
#modal .modal_body .text {
  padding: 10px 14px;
  line-height: 22px;
  color: #a1bfce;
  height: 100%;
  width: 100%;
  overflow: scroll;
  box-sizing: border-box;
}
#modal .modal_body .text strong {
  color: #c5e5f4;
  font-weight: 500;
}
#modal .modal_body .header {
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #085f49;
  box-shadow: inset 1px 0 0 #227059, inset -1px 0 0 #227059, inset 0px 1px 0 #227059;
  font-weight: 500;
  position: sticky;
  top: 0;
  z-index: 10000;
  overflow: hidden;
}
#modal .modal_body .header .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  color: rgba(255,255,255,0.6);
  font-weight: 500;
}
#modal .modal_body .header .close div {
  height: 10px;
  width: 2px;
  background: #9ebfca;
  position: absolute;
  top: 16px;
  right: 20px;
}
#modal .modal_body .header .close div:nth-child(1) {
  transform: rotate(45deg);
}
#modal .modal_body .header .close div:nth-child(2) {
  transform: rotate(-45deg);
}
#modal .modal_body .header .close:active {
  background: #227059;
}
#modal .modal_body .header.blue {
  background: #005983;
  box-shadow: inset 1px 0 0 #246994, inset -1px 0 0 #246994, inset 0px 1px 0 #246994;
}
#modal .modal_body .header.blue .close:active {
  background: #246994;
}
#modal .modal_body .header.slate {
  background: #395862;
  box-shadow: inset 1px 0 0 #496872, inset -1px 0 0 #496872, inset 0px 1px 0 #496872;
}
#modal .modal_body .header.slate .close:active {
  background: #496872;
}
#modal .modal_body_desc {
  height: 500px;
  width: 800px;
  margin: auto;
  margin-top: 10%;
  background: #1b3945;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #001d28;
  overflow: hidden;
  overflow-y: scroll;
  border-radius: 0 0 20px 20px;
}
@media (max-width: 800px) {
  #modal .modal_body_desc {
    width: 85%;
  }
}
#modal .modal_body_desc .modal_scrollArea {
  height: calc(100% - 80px);
  overflow: hidden;
  overflow-y: scroll;
}
#modal .modal_body_desc .modal_button {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 1000;
  margin: 7px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-style: bold;
}
@media (max-width: 800px) {
  #modal .modal_body_desc .modal_button {
    font-size: 0.7rem;
  }
}
#modal .modal_body_desc.blue {
  background: rgba(70,100,149,0.5);
  border-color: #466495 !important;
  box-shadow: inset 0 0 0 1px #466495, 0 0 0 1px rgba(0,0,0,0.3);
}
#modal .modal_body_desc.blue * {
  border-color: #466495 !important;
}
#modal .modal_body_desc .text {
  padding: 10px 14px;
  line-height: 22px;
  color: #a1bfce;
  height: 100%;
  width: 100%;
  overflow: scroll;
  box-sizing: border-box;
}
#modal .modal_body_desc .text strong {
  color: #c5e5f4;
  font-weight: 500;
}
#modal .modal_body_desc .header {
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #085f49;
  box-shadow: inset 1px 0 0 #227059, inset -1px 0 0 #227059, inset 0px 1px 0 #227059;
  font-weight: 500;
  position: sticky;
  top: 0;
  z-index: 10000;
  overflow: hidden;
}
#modal .modal_body_desc .header .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  color: rgba(255,255,255,0.6);
  font-weight: 500;
}
#modal .modal_body_desc .header .close div {
  height: 10px;
  width: 2px;
  background: #9ebfca;
  position: absolute;
  top: 16px;
  right: 20px;
}
#modal .modal_body_desc .header .close div:nth-child(1) {
  transform: rotate(45deg);
}
#modal .modal_body_desc .header .close div:nth-child(2) {
  transform: rotate(-45deg);
}
#modal .modal_body_desc .header .close:active {
  background: #227059;
}
#modal .modal_body_desc .header.blue {
  background: #005983;
  box-shadow: inset 1px 0 0 #246994, inset -1px 0 0 #246994, inset 0px 1px 0 #246994;
}
#modal .modal_body_desc .header.blue .close:active {
  background: #246994;
}
#modal .modal_body_desc .header.slate {
  background: #395862;
  box-shadow: inset 1px 0 0 #496872, inset -1px 0 0 #496872, inset 0px 1px 0 #496872;
}
#modal .modal_body_desc .header.slate .close:active {
  background: #496872;
}
#modal.show {
  background: rgba(0,0,0,0.6);
  pointer-events: auto;
}
#modal.show #modal_popIn {
  transform: scale(1, 1);
  opacity: 1;
}
#modal.supportsBlur {
  -webkit-backdrop-filter: saturate(1) blur(0px);
  backdrop-filter: saturate(1) blur(0px);
}
#modal.supportsBlur.show {
  background: rgba(0,0,0,0.3);
  -webkit-backdrop-filter: saturate(1.8) blur(20px);
  backdrop-filter: saturate(1.8) blur(20px);
}
@media (max-width: 986px) {
  .modal_body {
    top: 14px !important;
    left: 14px !important;
    width: calc(100% - 28px) !important;
    height: calc(100% - 28px) !important;
    margin: 0px !important;
  }
  .modal_body span {
    display: none;
  }
}#navbar {
  height: 68px;
  line-height: 68px;
  user-select: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0,29,40,0.9);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: 99999999;
  user-select: none;
}
#navbar.hidden {
  display: none;
}
#navbar .logo {
  cursor: pointer;
}
#navbar .logo:active {
  opacity: 0.6;
}
#navbar .logo img {
  height: 24px;
  margin-top: 22px;
  margin-left: 14px;
  float: left;
}
#navbar .logo .logoText {
  color: #fff;
  font-size: 30px;
  float: left;
  font-weight: 500;
  margin-left: 9px;
}
#navbar .menu {
  float: right;
  padding-right: 5px;
  font-weight: 500;
}
#navbar .menu .link {
  color: #8fadbc;
  display: inline-block;
  margin-right: 15px;
}
#navbar .menu .button {
  display: inline-block;
  margin-right: 5px;
}
#navbar .menu .link.clickable {
  cursor: pointer;
}
#navbar .menu .link.clickable:active,
#navbar .menu .link.clickable.active {
  color: #d8f8ff;
}
#navbar .menu .link.active {
  color: #fff;
}
#navbar .menu .popup {
  position: relative;
}
#navbar .menu .popup .popupmenu {
  opacity: 0;
  transform: scale(0, 0);
  transform-origin: 50% 0%;
}
#navbar .menu .popup:hover .popupmenu {
  opacity: 1;
  transform: scale(1, 1);
}
#navbar .menu .popupmenu {
  height: 470px;
  overflow: hidden;
  width: 300px;
  position: absolute;
  top: 34px;
  right: -130px;
  z-index: 99999999;
  transition: 300ms;
  transition-property: opacity, transform;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 9px;
  box-shadow: inset 0 0 0 1px #0b2b36, 0 0 0 1px #000f1a;
  font-weight: 400;
  background: #001d28;
}
#navbar .menu .popupmenu:active,
#navbar .menu .popupmenu:hover {
  opacity: 1;
  transform: scale(1, 1);
}
#navbar .menu .popupmenu .header {
  background: #000f1a;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-weight: 500;
  color: #b3d2e1;
  box-shadow: inset 1px 0 0 #001d28, inset -1px 0 0 #001d28, inset 0 1px 0 0 #001d28;
  border-radius: 9px 9px 0 0;
}
#navbar .menu .popupmenu .option {
  border-bottom: 1px solid #0b2b36;
  line-height: 22px;
  padding: 9px 14px;
  position: relative;
  padding-left: 42px;
  min-height: 24px;
  color: #7d9baa;
  cursor: pointer;
}
#navbar .menu .popupmenu .option .external {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 16px;
  right: 14px;
  background-image: url("fcon/external.png");
  background-size: cover;
}
#navbar .menu .popupmenu .option:active {
  background: #0b2b36;
  color: #8fadbc;
}
#navbar .menu .popupmenu .option:active strong {
  color: #b3d2e1;
}
#navbar .menu .popupmenu .option:active .icon {
  background-color: #2b4855 !important;
}
#navbar .menu .popupmenu .option strong {
  color: #a1bfce;
  font-weight: 500;
}
#navbar .menu .popupmenu .option .icon {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 9px;
  left: 9px;
  background: #1b3945;
  background-size: cover;
  border-radius: 24px;
}
#navbar .menu .menu {
  height: 42px;
  width: 42px;
  padding: 0px;
  background: #3b5865;
  box-shadow: inset 0 0 0 1px #4b6876, 0 0 0 1px #000f1a;
  display: inline-block;
  margin-top: 14px;
  margin-left: 5px;
  margin-right: 10px;
  border-radius: 9px;
  position: relative;
  cursor: pointer;
  display: none;
}
#navbar .menu .menu .dot {
  height: 4px;
  width: 4px;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  box-shadow: 0 0 0 1px #2b4855;
}
#navbar .menu .menu .dot:nth-child(1) {
  margin-left: -10px;
}
#navbar .menu .menu .dot:nth-child(2) {
  margin-left: -2px;
}
#navbar .menu .menu .dot:nth-child(3) {
  margin-left: 6px;
}
#navbar .menu .menu:active {
  background: #4b6876;
}
#navbar .menu .menu:active .dot {
  box-shadow: 0 0 0 1px #3b5865;
}
#navbar .menu .button {
  height: 42px;
  line-height: 42px;
  background: #227059;
  color: #fff;
  padding: 0 10px;
  border-radius: 9px;
  box-shadow: inset 0 0 0 1px #358169, 0 0 0 1px #000f1a;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
@media (max-width: 700px) {
  #navbar .menu .button {
    font-size: 0.9rem;
  }
}
#navbar .menu .button:active {
  background: #358169;
}
#navbar .menu .button.blue {
  width: 70px;
  text-align: center;
  background: #005983;
  box-shadow: inset 0 0 0 1px #246994, 0 0 0 1px #000f1a;
}
#navbar .menu .button.blue:active {
  background: #246994;
}
#navbar .menu .button.red {
  background: #7b5f33;
  box-shadow: inset 0 0 0 1px #8d6f42, 0 0 0 1px #000f1a;
  margin-left: 10px;
}
#navbar .menu .button.red:active {
  background: #8d6f42;
}
#navbar .menu .button .notification {
  background: #a56065;
  box-shadow: inset 0 0 0 1px #b87176, 0 0 0 1px rgba(0,0,0,0.2);
  position: absolute;
  top: -6.6px;
  right: -6.6px;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  border-radius: 100%;
  transform: scale(0, 0);
  transition: 300ms;
}
#navbar .menu .button .notification.show {
  transform: scale(1, 1);
}
@media (max-width: 986px) {
  #navbar .link {
    display: none !important;
  }
  #navbar .menu {
    display: inline-block !important;
  }
}
@media (max-width: 609px) {
  #navbar .logoText {
    display: none !important;
  }
}.widget_button {
  height: 42px;
  line-height: 42px;
  background: #227059;
  color: #fff;
  user-select: none;
  padding: 0 14px;
  margin: 0 14px;
  margin-top: 14px;
  text-align: center;
  border-radius: 9px;
  box-shadow: inset 0 0 0 1px #358169, 0 0 0 1px #0b2b36;
  cursor: pointer;
  font-weight: 500;
}
@media (max-width: 700px) {
  .widget_button {
    font-size: 0.9rem;
  }
}
.widget_button:active {
  background: #358169;
}
.widget_button.blue {
  background: #345484;
  box-shadow: inset 0 0 0 1px #466495, 0 0 0 1px #0b2b36;
}
.widget_button.blue:active {
  background: #466495;
}
.widget_button.disable {
  background: #0b2b36;
  box-shadow: inset 0 0 0 1px #1b3945, 0 0 0 1px #0b2b36;
  color: #7d9baa;
  cursor: disable;
  pointer-events: none;
}
.widget_button.slate {
  background: #355d6e;
  box-shadow: inset 0 0 0 1px #466d7f, 0 0 0 1px #0b2b36;
}
.widget_button.slate:active {
  background: #466d7f !important;
}
.widget_button:hover {
  transform: scale(1.02);
  cursor: pointer;
}
.widget_button_stick {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1b3945;
  padding-bottom: 14px;
  padding-top: 1px;
  box-shadow: inset 0 0 0 1px #2b4855;
  border-radius: 0 0 20px 20px;
}.widget_select_lp {
  display: flex;
  justify-content: space-between;
  margin: 5px 30px;
}
.widget_select_lp .lp_name {
  margin: auto 0;
}
.widget_select_lp .coins .coin {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.widget_select_lp .coins .coin:nth-child(1) {
  z-index: 1000;
}
.widget_select_lp .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.widget_select_lp .coins .coin .coins {
  position: absolute;
}
.widget_coin_scrollableContainer {
  height: calc(100% - 112px);
  overflow-y: scroll;
}
.widget_coin_header {
  height: 26px;
  line-height: 26px;
  background: #23404d;
  border-left: 1px solid #2b4855;
  border-right: 1px solid #2b4855;
  position: sticky;
  top: 40px;
  padding: 0 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  z-index: 1000;
}
.widget_select_container {
  position: relative;
  border-bottom: 1px solid #2b4855;
}
.widget_select_coin_holder {
  position: relative;
  cursor: pointer;
}
.widget_select_coin_holder .badgeHolder {
  height: 42px;
  padding: 0 14px;
  position: absolute;
  top: 0;
  right: 0;
}
.widget_select_coin_holder .badgeHolder .badge {
  height: 16px;
  width: 16px;
  display: inline-block;
  background: #0b2b36;
  line-height: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #8fadbc;
  margin-top: 13px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.widget_select_coin_holder .badgeHolder .badge div {
  height: 2px;
  width: 2px;
  background: #2b4855;
  margin-left: 7px;
}
.widget_select_coin_holder .badgeHolder .badge div:first-child {
  margin-top: 4px;
}
.widget_select_coin_holder .badgeHolder .badge div:last-child {
  margin-top: 1px;
  height: 5px;
}
.widget_select_coin_holder .badgeHolder:active .badge {
  background: #001d28;
}
.widget_select_coin_holder .badgeHolder:active .badge div {
  background-color: #3b5865 !important;
}
.widget_select_coin_holder:last-child .widget_select_coin {
  border-bottom: 0px solid #2b4855;
}
.widget_select_coin {
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #2b4855;
  padding-left: 14px;
  cursor: pointer;
}
.widget_select_coin:active {
  background: #2b4855;
}
.widget_select_coin:active .icon {
  background: #3b5865;
}
.widget_select_coin .icon {
  height: 26px;
  width: 26px;
  float: left;
  background: #3b5865;
  background-size: cover;
  border-radius: 13px;
  margin-top: 8px;
  margin-right: 9px;
}
.widget_select_coin .symbol {
  float: right;
  margin-right: 43px;
}
.widget_coin_search {
  display: flex;
  line-height: 42px;
  padding-left: 10px;
  color: #4b6876;
  cursor: text;
  position: sticky;
  top: 0;
  background: #1b3945;
  margin: 0 1px;
  z-index: 1000;
  border-bottom: 1px solid #2b4855;
}
.widget_coin_search:active {
  background: #0b2b36;
}
img {
  height: 16px;
  margin: auto;
  vertical-align: top;
}
#SwapTokenAddress {
  width: 335px;
  height: 15px;
  margin: 10px 5px 10px 5px;
  font-size: 8px;
}
.widget_coin_new {
  display: flex;
  line-height: 42px;
  padding-left: 10px;
  color: #4b6876;
  cursor: text;
  position: sticky;
  top: 0;
  background: #1b3945;
  margin: 0 1px;
  z-index: 1000;
  border-bottom: 1px solid #2b4855;
}
.widget_coin_new:active {
  background: #0b2b36;
}
img {
  height: 16px;
  margin: auto;
  vertical-align: top;
}
#NewTokenAddress {
  width: 335px;
  height: 15px;
  margin: 10px 5px 10px 5px;
  font-size: 8px;
}.widget_wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.widget_frame {
  height: 363px;
  width: 363px;
  max-width: calc(100% - 28px);
  margin: 0 auto;
  margin-top: 34px;
  background: #1b3945;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #001d28;
  color: #8fadbc;
  font-weight: 300;
  border-radius: 20px;
  overflow: hidden;
  transition: 300ms;
  user-select: none;
}
.widget_frame .screenHolder {
  width: 1000%;
  height: 100%;
  transition: 300ms;
}
.widget_frame .screenHolder .screen {
  height: 100%;
  overflow: hidden;
  width: 10%;
  float: left;
  border-right: 1px solid #2b4855;
  position: relative;
}
.widgetContainer {
  height: 100%;
  width: 100%;
}.widget_header {
  line-height: 58px;
  text-align: center;
  border-bottom: 1px solid #2b4855;
  font-size: 22px;
  font-weight: 500;
  user-select: none;
  position: relative;
  color: #c5e5f4;
}
@media (max-width: 700px) {
  .widget_header {
    font-size: 1.2rem;
  }
}
.widget_header .backIcon {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 21px;
  left: 14px;
  background-color: #2b4855;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1000000;
  background-size: cover;
  transition: 300ms;
  overflow: hidden;
  transition-property: left, right;
}
.widget_header .backIcon .icon {
  height: 3px;
  width: 3px;
  border: 2px solid #7d9baa;
  border-bottom-color: transparent;
  border-right-color: transparent;
  transform: rotate(-45deg);
  margin-top: 9.5px;
  margin-left: 11px;
  border-radius: 2px 0 0 0;
}
.widget_header .backIcon:active {
  background-color: #3b5865;
}
.widget_header .backIcon:active .icon {
  border-color: #8fadbc;
  border-bottom-color: transparent;
  border-right-color: transparent;
}.widget_row {
  line-height: 42px;
  padding-left: 14px;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  .widget_row {
    font-size: 0.8rem;
  }
}
.widget_row .coin {
  height: 26px;
  width: 26px;
  border-radius: 100%;
  float: left;
  margin-top: 8px;
  margin-right: 9px;
  background-size: cover;
}
.widget_row .pool_x {
  height: 26px;
  width: 26px;
  border-radius: 100%;
  float: left;
  margin-top: 8px;
  margin-right: 9px;
  background-size: cover;
}
.widget_row .pool_y {
  height: 26px;
  width: 26px;
  position: relative;
  right: 12px;
  border-radius: 100%;
  float: left;
  margin-top: 8px;
  margin-right: 9px;
  background-size: cover;
}
.widget_row .info {
  float: right;
  padding-right: 14px;
}
@media (max-width: 700px) {
  .widget_row .info {
    font-size: 0.88rem;
  }
}
.widget_row .badge {
  height: 16px;
  width: 16px;
  display: inline-block;
  background: #0b2b36;
  line-height: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #8fadbc;
  margin-top: 13px;
  margin-left: 2px;
  vertical-align: top;
  cursor: pointer;
  box-sizing: border-box;
}
.widget_row .badge div {
  height: 2px;
  width: 2px;
  background: #2b4855;
  margin-left: 7px;
}
.widget_row .badge div:first-child {
  margin-top: 4px;
}
.widget_row .badge div:last-child {
  margin-top: 1px;
  height: 5px;
}
.widget_row .badge:active {
  background: #001d28;
}
.widget_row .badge:active div {
  background-color: #3b5865 !important;
}
.widget_row .toggleButtons {
  height: 26px;
  float: right;
  margin-left: 9px;
}
.widget_row .toggleButtons .up,
.widget_row .toggleButtons .down {
  background: #2b4855;
  height: 26px;
  width: 26px;
  float: right;
  margin-left: 1px;
  margin-top: 8px;
  cursor: pointer;
  position: relative;
}
.widget_row .toggleButtons .up:active,
.widget_row .toggleButtons .down:active {
  background-color: #3b5865;
}
.widget_row .toggleButtons .up:active .minus,
.widget_row .toggleButtons .down:active .minus,
.widget_row .toggleButtons .up:active .plus,
.widget_row .toggleButtons .down:active .plus {
  background: #7d9baa;
}
.widget_row .toggleButtons .down {
  border-radius: 9px 0 0 9px;
}
.widget_row .toggleButtons .up {
  border-radius: 0 9px 9px 0;
}
.widget_row .toggleButtons .minus {
  height: 2px;
  width: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -4px;
  background: #6c8a98;
}
.widget_row .toggleButtons .plus {
  height: 8px;
  width: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -1px;
  background: #6c8a98;
}
.widget_row_roundBar {
  height: 26px;
  margin-bottom: 14px;
  background: #2b4855;
  width: 415px;
  cursor: pointer;
}
@media (max-width: 800px) {
  .widget_row_roundBar {
    width: 95%;
  }
}
.widget_row_roundBar:active .active {
  background: #00503f !important;
  transition: 0s;
}
.widget_row_roundBar .widget_row_roundBar_option {
  height: 26px;
  box-sizing: content-box;
  width: calc(100% / 30);
  border-right: 1px solid #1b3945;
  box-sizing: border-box;
  float: left;
  transition: 150ms;
}
.widget_row_roundBar .widget_row_roundBar_option.active {
  background: #0d604e;
}
.widget_row_roundBar .widget_row_roundBar_option:last-child {
  border-right: 0px solid transparent;
}.widget_stickyHeader {
  display: flex;
  justify-content: space-between;
  background: #23404d;
  border-left: 1px solid #2b4855;
  border-right: 1px solid #2b4855;
  font-size: 12px;
  line-height: 26px;
  position: sticky;
  top: 0px;
  padding: 0 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  z-index: 10000;
  color: #8fadbc;
}
.widget_stickyHeader .unit_div {
  color: #c5e5f4;
  padding-right: 20px;
}
@media (max-width: 700px) {
  .widget_stickyHeader .unit_div {
    font-size: 0.7rem;
  }
}
.widget_nonstickyHeader {
  display: flex;
  justify-content: space-between;
  background: #23404d;
  border-left: 1px solid #2b4855;
  border-right: 1px solid #2b4855;
  font-size: 12px;
  line-height: 26px;
  top: 0px;
  padding: 0 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  z-index: 10000;
  color: #8fadbc;
}
.widget_stickyHeader_container {
  position: relative;
  border-bottom: 1px solid #2b4855;
}#intro_faq {
  padding-bottom: 42px;
  padding-top: 16px;
  background: #0b2b36;
}
#intro_faq .splitView {
  position: relative;
  text-align: right;
}
#intro_faq .splitView .left {
  color: #b3d2e1;
  line-height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  line-height: 24px;
}
#intro_faq .splitView .left .title {
  color: #c5e5f4;
  padding-top: 24px;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 16px;
}
#intro_faq .splitView .left .button {
  margin-top: 14px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  background: #76492b;
  box-shadow: inset 0 0 0 1px #88593a, 0 0 0 1px #17191f;
  padding: 0 14px;
  border-radius: 9px;
  color: #fff;
  font-weight: 500;
  background: #524e7f;
  box-shadow: inset 0 0 0 1px #555f91, 0 0 0 1px #17191f;
  cursor: pointer;
  background: #465182;
}
#intro_faq .splitView .left .button:active {
  box-shadow: inset 0 0 0 1px #555f91, 0 0 0 1px #0b2b36;
  background: #555f91;
}
#intro_faq .splitView .right {
  text-align: left;
  display: inline-block;
  width: calc(50% - 7px);
}
#intro_faq .splitView .right .accordion {
  margin-top: 26px;
  border: 1px solid #2b4855;
  background: #1b3945;
  box-shadow: 0 0 0 1px #001d28;
  border-radius: 9px;
  overflow: hidden;
}
#intro_faq .splitView .right .accordion * {
  box-sizing: content-box;
}
#intro_faq .splitView .right .accordion .title {
  line-height: 42px;
  color: #b3d2e1;
  border-bottom: 1px solid #2b4855;
  padding: 0 14px;
  font-weight: 500;
}
#intro_faq .splitView .right .accordion .row {
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  color: #8fadbc;
  border-bottom: 1px solid #2b4855;
  padding: 0 14px;
  position: relative;
  cursor: pointer;
  transition: 300ms;
  transition-property: height;
}
#intro_faq .splitView .right .accordion .row:last-child {
  border-bottom: 0px solid #1b3945;
}
#intro_faq .splitView .right .accordion .row .arrow {
  height: 0px;
  width: 0px;
  border: 5px solid transparent;
  border-right: 5px solid #0b2b36;
  position: absolute;
  right: 14px;
  top: 16px;
  transition: 300ms;
  transition-property: transform;
}
#intro_faq .splitView .right .accordion .row:active {
  background: #2b4855;
}
#intro_faq .splitView .right .accordion .row:active .answer {
  border-color: #3b5865;
}
#intro_faq .splitView .right .accordion .row:active .arrow {
  border-right-color: #0b2b36;
}
#intro_faq .splitView .right .accordion .row.active {
  height: 253px;
}
#intro_faq .splitView .right .accordion .row.active .arrow {
  transform: rotate(-90deg) translate(-2px, -1px);
}
#intro_faq .splitView .right .accordion .row .question {
  height: 42px;
}
#intro_faq .splitView .right .accordion .row .answer {
  text-align: left;
  letter-spacing: 0px;
  line-height: 24px;
  padding-bottom: 9px;
  border-top: 1px solid #2b4855;
  padding-top: 9px;
}
@media (max-width: 986px) {
  #intro_faq {
    padding-top: 0px;
    padding-bottom: 14px;
  }
  #intro_faq .splitView {
    padding: 0 14px;
  }
  #intro_faq .splitView .left,
  #intro_faq .splitView .right {
    width: 100%;
    position: relative;
  }
  #intro_faq .splitView .accordion {
    margin-top: 20px !important;
  }
}#intro_footer {
  height: 68px;
  line-height: 68px;
  font-size: 12px;
  text-transform: uppercase;
  color: #2b4855;
  font-weight: 600;
  letter-spacing: 1px;
  user-select: none;
  background: #000f1a;
}
#intro_footer .container {
  position: relative;
}
#intro_footer .copyright {
  float: left;
}
#intro_footer .socialLinks {
  position: absolute;
  top: 0;
  right: 0;
}
#intro_footer .socialLinks .social {
  height: 26px;
  width: 26px;
  background: #1b3945;
  display: inline-block;
  margin-left: 12px;
  border-radius: 100%;
  margin-bottom: -8px;
  background-size: cover;
  cursor: pointer;
}
#intro_footer .socialLinks .social.discord {
  background-image: url("social/discord.png");
}
#intro_footer .socialLinks .social.discord:hover {
  background-color: #5663f7;
}
#intro_footer .socialLinks .social.discord:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
#intro_footer .socialLinks .social.telegram {
  background-image: url("social/telegram.png");
}
#intro_footer .socialLinks .social.telegram:hover {
  background-color: #08c;
}
#intro_footer .socialLinks .social.telegram:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
#intro_footer .socialLinks .social.twitter {
  background-image: url("social/twitter.png");
}
#intro_footer .socialLinks .social.twitter:hover {
  background-color: #1da1f2;
}
#intro_footer .socialLinks .social.twitter:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
#intro_footer .socialLinks .social.medium {
  background-image: url("social/medium.png");
}
#intro_footer .socialLinks .social.medium:hover {
  background-color: #00ab6c;
}
#intro_footer .socialLinks .social.medium:active {
  box-shadow: inset 0 0 0 14px rgba(0,0,0,0.3);
}
#intro_footer .menu {
  position: absolute;
  right: 177px;
  top: 0;
}
#intro_footer .menu .infoLink {
  display: inline-block;
  margin-left: 14px;
  cursor: pointer;
}
#intro_footer .menu .infoLink:active {
  color: #3b5865;
}
@media (max-width: 986px) {
  #intro_footer {
    padding: 0 14px;
    height: auto;
  }
  #intro_footer .copyright {
    float: initial;
  }
  #intro_footer .menu,
  #intro_footer .socialLinks {
    position: relative !important;
    top: initial;
    right: initial;
    display: block;
  }
  #intro_footer .menu .infoLink:first-child,
  #intro_footer .socialLinks .infoLink:first-child {
    margin-left: 0px;
  }
  #intro_footer .menu .social:first-child,
  #intro_footer .socialLinks .social:first-child {
    margin-left: 0px;
  }
  #intro_footer .copyright,
  #intro_footer .menu {
    border-bottom: 1px solid #001d28;
  }
}#intro_hero {
  background: #1b3945;
  display: flex;
  align-items: center;
  justify-content: left;
  text-align: center;
  position: relative;
  padding-top: 70px;
}
#intro_hero .content {
  width: 70%;
  max-width: 1000px;
  padding: 50px 0;
  padding-bottom: 80px;
  text-align: center;
  margin: 0 auto;
}
#intro_hero .content #dashboard {
  padding-top: 10px;
  font-family: 'Open Sans', sans-serif;
}
#intro_hero .content #dashboard .dashboard_title {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 24px;
  color: #fff;
  text-align: left;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header {
  display: flex;
  justify-content: left;
  margin-top: 16px;
  padding-bottom: 10px;
  border-bottom: 3px solid #0b2b36;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .display_small_show {
  display: none !important;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #c5e5f4;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .text_center {
  justify-content: center;
  text-align: center;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .text_left {
  justify-content: left;
  text-align: left;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .text_right {
  justify-content: right;
  text-align: right;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .small {
  width: 3%;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .normal {
  width: 12%;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_header .large {
  width: 18%;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info {
  overflow-y: scroll;
  height: 200px;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row {
  display: flex;
  justify-content: left;
  height: 24px;
  padding: 5px 0;
  margin: auto;
  border-radius: 5px;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #fff;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .icon {
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .swap_btn {
  height: 30px;
  width: 75px;
  padding: 1px 7px;
  background: #28597f;
  color: #fff;
  border: 0.5px #000;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .swap_btn:hover {
  transform: scale(1.02);
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .cross_btn {
  height: 30px;
  width: 85px;
  padding: 1px 0;
  background: #8742b1;
  color: #fff;
  border: 0.5px #000;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .cross_btn:hover {
  transform: scale(1.02);
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .small {
  width: 100px;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .normal {
  width: 12%;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .large {
  width: 20%;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_center {
  justify-content: center;
  text-align: center;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_left {
  justify-content: left;
  text-align: left;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_right {
  justify-content: right;
  text-align: right;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .contents_center {
  justify-content: center;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .contents_left {
  justify-content: left;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_left {
  justify-content: left;
  text-align: left;
}
#intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row:hover {
  background-color: rgba(0,29,40,0.5);
}
#intro_hero .content #stsw_dashboard {
  font-family: 'Open Sans', sans-serif;
}
#intro_hero .content #stsw_dashboard .dashboard_title {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 24px;
  color: #fff;
  text-align: left;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header {
  display: flex;
  justify-content: left;
  margin-top: 16px;
  padding-bottom: 10px;
  border-bottom: 3px solid #0b2b36;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .display_small_show {
  display: none !important;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #c5e5f4;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .text_center {
  justify-content: center;
  text-align: center;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .text_left {
  justify-content: left;
  text-align: left;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .text_right {
  justify-content: right;
  text-align: right;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .small {
  width: 3%;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .normal {
  width: 12%;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .large {
  width: 18%;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info {
  overflow-y: scroll;
  height: 180px;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row {
  display: flex;
  justify-content: left;
  height: 24px;
  padding: 5px 0;
  margin: auto;
  border-radius: 5px;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #fff;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .icon {
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .swap_btn {
  height: 30px;
  width: 75px;
  padding: 1px 7px;
  background: #28597f;
  color: #fff;
  border: 0.5px #000;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .swap_btn:hover {
  transform: scale(1.02);
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .stsw_swap_btn {
  height: 30px;
  width: 75px;
  padding: 1px 7px;
  background: #28597f;
  color: #fff;
  border: 0.5px #000;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .stsw_swap_btn:hover {
  transform: scale(1.02);
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .cross_btn {
  height: 30px;
  width: 85px;
  padding: 1px 0;
  background: #8742b1;
  color: #fff;
  border: 0.5px #000;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title .cross_btn:hover {
  transform: scale(1.02);
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .small {
  width: 100px;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .normal {
  width: 12%;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .large {
  width: 20%;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_center {
  justify-content: center;
  text-align: center;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_left {
  justify-content: left;
  text-align: left;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_right {
  justify-content: right;
  text-align: right;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .contents_center {
  justify-content: center;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .contents_left {
  justify-content: left;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .text_left {
  justify-content: left;
  text-align: left;
}
#intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row:hover {
  background-color: rgba(0,29,40,0.5);
}
#intro_hero hr {
  margin: 0px;
  border: 0px solid transparent;
  display: block;
}
#intro_hero .text {
  font-size: 30px;
  line-height: 42px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 0 9px;
  text-shadow: 1px 1px 0 #0b2b36;
}
#intro_hero .buttons {
  margin-bottom: 14px;
  margin-top: 16px;
}
#intro_hero .buttons .button {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  background: #7b5f33;
  box-shadow: inset 0 0 0 1px #8d6f42, 0 0 0 1px #0b2b36;
  padding: 0 14px;
  border-radius: 9px;
  color: #d8f8ff;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
#intro_hero .buttons .button:active {
  background: #8d6f42;
}
#intro_hero .buttons .button.purple {
  background: #465182;
  box-shadow: inset 0 0 0 1px #576193, 0 0 0 1px #0b2b36;
}
#intro_hero .buttons .button.purple:active {
  background: #576193;
}
#intro_hero .buttons .button.green {
  background: #227059;
  box-shadow: inset 0 0 0 1px #358169, 0 0 0 1px #0b2b36;
}
#intro_hero .buttons .button.green:active {
  background: #358169;
}
#intro_hero .buttons .button:nth-child(2) {
  margin-left: 11px;
}
#intro_hero .poweredBy {
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 24px;
  color: #fff;
  background: #001d28;
  display: inline-block;
  box-sizing: border-box;
  height: 26px;
  vertical-align: middle;
  opacity: 0.6;
  height: 26px;
  overflow: hidden;
  width: 190px;
  transition: 300ms;
  transition-property: transform, width;
  cursor: pointer;
  user-select: none;
  margin-top: 10px;
  padding-top: 5px;
}
#intro_hero .poweredBy .row {
  transition: 300ms;
  width: 190px;
}
#intro_hero .poweredBy:active {
  background: #000f1a;
}
#intro_hero .poweredBy img {
  height: 11px;
  margin-top: -2px;
  margin-right: 4px;
  vertical-align: middle;
}
@media (max-width: 986px) {
  #intro_hero hr {
    display: none;
  }
  #intro_hero .content {
    width: 95%;
    padding-bottom: 112px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_header {
    justify-content: space-between;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_header .title {
    font-size: 18px;
    font-weight: 600;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_header .display_small_show {
    display: flex !important;
    width: 100px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_header .display_small_none {
    display: none;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_header .display_small_normal {
    padding: 0 !important;
    min-width: 80px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_header .display_small_small {
    min-width: 50px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_header .display_small_wide {
    width: 20%;
    min-width: 120px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_info {
    font-size: 14px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row {
    justify-content: space-between;
    font-weight: 100;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .title {
    font-size: 18px;
    font-weight: 600;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_none {
    display: none;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_normal {
    padding: 0 !important;
    justify-content: left;
    min-width: 80px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_small {
    min-width: 50px;
  }
  #intro_hero .content #dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_wide {
    width: 20%;
    min-width: 120px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header {
    justify-content: space-between;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .title {
    font-size: 18px;
    font-weight: 600;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .display_small_show {
    display: flex !important;
    width: 100px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .display_small_none {
    display: none;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .display_small_normal {
    padding: 0 !important;
    min-width: 100px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .display_small_small {
    min-width: 50px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_header .display_small_wide {
    width: 15%;
    min-width: 100px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info {
    font-size: 14px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row {
    justify-content: space-between;
    font-weight: 100;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .title {
    font-size: 18px;
    font-weight: 600;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_none {
    display: none;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_normal {
    padding: 0 !important;
    justify-content: left;
    min-width: 80px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_small {
    min-width: 50px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_wide {
    width: 20%;
    min-width: 120px;
  }
  #intro_hero .content #stsw_dashboard .dashboard_content .dashboard_info .dashboard_info_row .display_small_text_center {
    justify-content: center;
    text-align: center;
  }
}#intro_products {
  background: #0b2b36;
  box-shadow: 0px -1px 0px 0 #1b3945, 0px -2px 0px 0 #001d28;
  position: relative;
  z-index: 1000;
}
#intro_products .title {
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  padding-top: 0px;
  color: #c5e5f4;
  font-weight: 600;
  line-height: 100px;
  line-height: 34px;
  padding: 33px 14px;
}
#intro_products .notice {
  color: #8fadbc;
  line-height: 68px;
  line-height: 24px;
  padding: 0px 14px;
  margin-top: -2px;
  text-align: center;
  line-height: 94px;
  line-height: 24px;
  padding: 35px 14px;
}
#intro_products .notice span {
  color: #b3d2e1;
  border-bottom: 1px solid #2b4855;
  padding-bottom: 2px;
  cursor: pointer;
}
#intro_products .notice span:hover {
  color: #d8f8ff !important;
  border-color: #d8f8ff;
}
#intro_products .notice span:active {
  color: #99d3ff !important;
  border-bottom: 1px solid #99d3ff;
}
#intro_products .columns {
  letter-spacing: -5px;
}
#intro_products .columns .column {
  display: inline-block;
  width: calc(25% - 10.5px);
  background: #1b3945;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #001d28;
  color: #8fadbc;
  letter-spacing: 0px;
  padding: 9px 14px;
  line-height: 22px;
  box-sizing: border-box;
  overflow: hidden;
  height: 196px;
  margin-left: 14px;
  border-radius: 9px;
  user-select: none;
}
#intro_products .columns .column:first-child,
#intro_products .columns .column:nth-child(5) {
  margin-left: 0px;
}
#intro_products .columns .column:nth-child(5),
#intro_products .columns .column:nth-child(6),
#intro_products .columns .column:nth-child(7),
#intro_products .columns .column:nth-child(8) {
  margin-top: 10px;
}
#intro_products .columns .column .arrow {
  height: 5px;
  width: 5px;
  border-top: 2px solid #7d9baa;
  border-right: 2px solid #7d9baa;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0;
  transform: rotate(45deg);
  border-radius: 0 2px 0 0;
  display: none;
}
#intro_products .columns .column .wrapper {
  transition: 300ms;
  position: relative;
}
#intro_products .columns .column:hover .wrapper {
  margin-top: -110px;
}
#intro_products .columns .column:hover .name {
  transform: translate(0, -9px);
}
#intro_products .columns .column:hover .button {
  transform: translate(0, 0);
}
#intro_products .columns .column .name {
  color: #b3d2e1;
  font-weight: 600;
  transition: 300ms;
}
#intro_products .columns .column .description {
  line-height: 22px;
  padding-bottom: 9px;
}
#intro_products .columns .column .icon {
  height: 74px;
  width: 74px;
  background: #2b4855;
  margin-top: 5px;
  margin-bottom: 9px;
  border-radius: 5px;
}
#intro_products .columns .column .button {
  height: 42px;
  transform: translate(0, 3px);
  transition: 300ms;
  transition-property: transform;
  line-height: 42px;
  padding-left: 14px;
  background: #345484;
  margin-bottom: 5px;
  margin-top: 0px;
  color: #fff;
  background: #256993;
  font-weight: 500;
  box-shadow: inset 0 0 0 1px #466495, 0 0 0 1px #0b2b36;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #3878a3, 0 0 0 1px #0b2b36;
  margin-top: 14px;
}
#intro_products .columns .column .button:active {
  background: #3878a3;
}
#intro_products .columns .column .button.primary {
  background: #217059;
  box-shadow: inset 0 0 0 1px #327f67, 0 0 0 1px #0b2b36;
  margin-top: 0px;
}
#intro_products .columns .column .button.primary:active {
  background: #327f67;
}
@media (max-width: 986px) {
  #intro_products .title {
    margin-bottom: -12px;
  }
  #intro_products .notice {
    margin-top: -12px;
  }
  #intro_products .columns .column {
    width: calc(100% - 28px) !important;
    height: 100px;
    display: block;
    margin: 0px;
    margin: 12px !important;
    cursor: pointer;
  }
  #intro_products .columns .column .arrow {
    display: block;
  }
  #intro_products .columns .column .wrapper {
    height: auto;
    padding: 0px;
    padding-left: 88px;
    position: relative;
  }
  #intro_products .columns .column .wrapper .description {
    padding-bottom: 0px;
  }
  #intro_products .columns .column .wrapper .icon {
    position: absolute;
    top: 2px;
    left: 0;
  }
  #intro_products .columns .column:active {
    background: #2b4855;
  }
  #intro_products .columns .column .button {
    display: none;
  }
  #intro_products .columns .column:hover .wrapper {
    margin-top: initial;
  }
  #intro_products .columns .column:hover .name {
    transform: initial;
  }
  #intro_products .columns .column:hover .button {
    transform: initial;
  }
}#intro_subFooter {
  background: #001d28;
  overflow: hidden;
}
#intro_subFooter .splitView {
  position: relative;
  text-align: right;
  color: #7d9baa;
}
#intro_subFooter .splitView .title {
  line-height: 68px;
  font-weight: 500;
  border-bottom: 1px solid #0b2b36;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #a1bfce;
}
#intro_subFooter .splitView .title .button {
  float: right;
  color: #6a97bd;
  cursor: pointer;
}
#intro_subFooter .splitView .title .button:active {
  color: #86c0f0;
}
#intro_subFooter .splitView .left {
  line-height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}
#intro_subFooter .splitView .left .title {
  width: calc(50% - 14px);
}
#intro_subFooter .splitView .left .description {
  width: calc(50% - 23px);
  padding: 9px 0;
  padding-right: 14px;
  margin-right: 9px;
}
#intro_subFooter .splitView .left .button {
  margin-top: 14px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  background: #76492b;
  box-shadow: inset 0 0 0 1px #88593a, 0 0 0 1px #17191f;
  padding: 0 14px;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  background: #524e7f;
  box-shadow: inset 0 0 0 1px #635e90, 0 0 0 1px #17191f;
}
#intro_subFooter .splitView .right {
  text-align: left;
  display: inline-block;
  width: calc(50% - 7px);
  position: relative;
}
#intro_subFooter .splitView .right .row {
  line-height: 24px;
  padding: 9px 14px;
  padding-left: 0px;
  border-bottom: 1px solid #0b2b36;
  cursor: pointer;
}
#intro_subFooter .splitView .right .row:active {
  color: #86c0f0;
}
#intro_subFooter .splitView .right .row:last-child {
  border-bottom: 0px solid transparent;
  margin-bottom: 24px;
}
#intro_subFooter .splitView .right .row .timestamp {
  width: 100px;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #7d9baa;
  margin-right: 9px;
  margin-top: 1px;
  opacity: 0.6;
  font-family: "Menlo", Courier, Courier New, monospace;
}
@media (max-width: 986px) {
  #intro_subFooter .splitView .left,
  #intro_subFooter .splitView .right {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 14px;
  }
  #intro_subFooter .splitView .left .title,
  #intro_subFooter .splitView .left .description {
    width: auto;
  }
  #intro_subFooter .splitView .left .description {
    border-bottom: 1px solid #0b2b36;
  }
  #intro_subFooter .splitView .right .row:last-child {
    margin-bottom: 0px;
  }
}#intro_technicalLinks {
  height: 114px;
  background: #001d28;
}
#intro_technicalLinks .element {
  width: calc(25% - 10.5px);
  margin-right: 14px;
  float: left;
  background: #f00;
  margin-top: 26px;
  line-height: 22px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 14px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  border-radius: 9px;
  color: rgba(255,255,255,0.6);
}
#intro_technicalLinks .element .icon {
  height: 28px;
  height: 34px;
  vertical-align: top;
  float: left;
  margin-top: 8px;
  margin-top: 5px;
  margin-right: 12px;
  opacity: 0.6;
}
#intro_technicalLinks .element:nth-child(1) {
  background: #7b405e;
  box-shadow: inset 0 0 0 1px #8d506e, 0 0 0 1px #000f1a;
}
#intro_technicalLinks .element:nth-child(1):active {
  background: #8d506e;
}
#intro_technicalLinks .element:nth-child(2) {
  background: #6a4f23;
  box-shadow: inset 0 0 0 1px #7c5f32, 0 0 0 1px #000f1a;
}
#intro_technicalLinks .element:nth-child(2):active {
  background: #7c5f32;
}
#intro_technicalLinks .element:nth-child(3) {
  background: #075f49;
  box-shadow: inset 0 0 0 1px #217059, 0 0 0 1px #000f1a;
}
#intro_technicalLinks .element:nth-child(3):active {
  background: #217059;
}
#intro_technicalLinks .element:nth-child(4) {
  background: #035982;
  box-shadow: inset 0 0 0 1px #256993, 0 0 0 1px #000f1a;
}
#intro_technicalLinks .element:nth-child(4):active {
  background: #256993;
}
#intro_technicalLinks .element:last-child {
  margin-right: 0px;
}
#intro_technicalLinks .element .title {
  color: #fff;
  font-weight: 500;
}
@media (max-width: 986px) {
  #intro_technicalLinks {
    height: auto;
    padding: 14px;
  }
  #intro_technicalLinks .element {
    width: 100%;
    float: initial;
    margin-top: 14px;
  }
  #intro_technicalLinks .element:first-child {
    margin-top: 0px;
  }
}#coinInfo .description {
  padding: 9px 14px;
  padding-bottom: 80px;
  line-height: 24px;
}
#coinInfo .approvedRow {
  border-bottom: 1px solid #2b4855;
  padding: 9px 14px;
  line-height: 24px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
#coinInfo .approvedRow .arrow {
  height: 14px;
  width: 8px;
  border-right: 2px solid #227059;
  border-bottom: 2px solid #227059;
  transform: rotate(45deg);
  margin-left: 5px;
  margin-right: 9px;
  display: inline-block;
}
#coinInfo .tokenRow {
  height: 69px;
  box-sizing: border-box;
  border-bottom: 1px solid #2b4855;
  box-shadow: inset 1px 0 0 #2b4855, inset -1px 0 0 #2b4855;
  position: sticky;
  top: 0;
  background: #1b3945;
  z-index: 1000;
}
#coinInfo .tokenRow .small {
  font-size: 11px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5c7987;
}
#coinInfo .tokenRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
}
#coinInfo .tokenRow .coinInfo {
  position: relative;
  padding-top: 14px;
  color: #c5e5f4;
}
#coinInfo .tokenRow .coinInfo .big {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
#coinInfo .tokenRow .coinInfo .small {
  padding: 0px;
  margin-top: -4px;
}
#coinInfo .tokenRow .coinInfo .input {
  float: right;
  width: 38%;
  cursor: text;
}
#coinInfo .tokenRow .coinType {
  height: 68px;
  line-height: 68px;
  padding: 0px;
  border-radius: 34px 0 0 34px;
}
#coinInfo .tokenRow .coinType .coinIcon {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 13px;
  margin-right: 14px;
  margin-left: 14px;
}.connect_disclaimer {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0b2b36;
  padding: 0 14px;
  box-sizing: border-box;
  border: 1px solid #1b3945;
  border-top: 1px solid transparent;
  border-radius: 0 0 20px 20px;
}
.connect_disclaimer .button {
  margin-top: 14px;
  height: 42px;
  line-height: 42px;
  background: #075f49;
  box-sizing: border-box;
  text-align: center;
  box-shadow: inset 0 0 0 1px #217059, 0 0 0 1px #001d28;
  border-radius: 9px;
  margin-bottom: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
}
.connect_disclaimer .button:active {
  background: #217059;
}
.connect_disclaimer .connect_disclaimer_text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  font-weight: 500;
  color: #6c8a98;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 7px;
}.contactArea {
  height: calc(100% - 42px);
  box-sizing: border-box;
  padding: 0px;
}
.contactArea .paragraph {
  padding: 9px 14px;
  line-height: 24px;
  color: #a1bfce;
}
.contactArea .paragraph a {
  color: #6a97bd;
  cursor: pointer;
}
.contactArea .paragraph a:active {
  color: #86c0f0;
}
.contactArea input[type="text"],
.contactArea input[type="email"],
.contactArea textarea {
  line-height: 24px;
  font-size: inherit;
  font-family: inherit;
  width: calc(100% - 28px);
  background: #3b5865;
  border: 1px solid #4b6876;
  margin: 0 14px;
  margin-bottom: 14px;
  padding-left: 14px;
  border-radius: 9px;
  box-shadow: 0px 0px 0 1px #0b2b36;
  box-sizing: border-box;
  color: #a1bfce;
}
.contactArea input[type="text"]::placeholder,
.contactArea input[type="email"]::placeholder,
.contactArea textarea::placeholder {
  color: #7d9baa;
}
.contactArea input[type="text"]:focus,
.contactArea input[type="email"]:focus,
.contactArea textarea:focus {
  outline: none;
  background: #4b6876;
}
.contactArea input[type="text"]:focus::placeholder,
.contactArea input[type="email"]:focus::placeholder,
.contactArea textarea:focus::placeholder {
  color: #8fadbc;
}
.contactArea input[type="text"],
.contactArea input[type="email"] {
  height: 42px;
}
.contactArea textarea {
  height: calc(100% - 230px) !important;
  padding-top: 9px;
  resize: none;
  margin-bottom: 14px;
  vertical-align: top;
}
.contactArea input[type="submit"] {
  font-family: inherit;
  margin-top: 0px;
  height: 42px;
  line-height: 42px;
  background: #075f49;
  box-sizing: border-box;
  text-align: center;
  box-shadow: inset 0 0 0 1px #217059, 0 0 0 1px #001d28;
  border-radius: 9px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  border: 0px solid transparent;
  width: calc(100% - 28px);
  box-sizing: border-box;
  margin: 0 14px;
  color: #d8f8ff;
  font-size: 16px;
  font-weight: 500;
}
.contactArea input[type="submit"]:active {
  background: #217059;
}#modal_menu .menu_title {
  line-height: 42px;
  background: #0b2b36;
  padding-left: 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #7d9baa;
  border-left: 1px solid #1b3945;
  border-right: 1px solid #1b3945;
  margin-top: -1px;
  position: relative;
  z-index: 9999;
}
#modal_menu .menu_option {
  border-bottom: 1px solid #0b2b36;
  line-height: 22px;
  padding: 9px 14px;
  position: relative;
  padding-left: 42px;
  min-height: 24px;
  color: #7d9baa;
  cursor: pointer;
}
#modal_menu .menu_option:active {
  background: #2b4855;
  color: #8fadbc;
}
#modal_menu .menu_option:active .icon {
  background-color: #3b5865 !important;
}
#modal_menu .menu_option strong {
  color: #b3d2e1;
}
#modal_menu .menu_option strong {
  color: #a1bfce;
  font-weight: 500;
}
#modal_menu .menu_option .icon {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 9px;
  left: 9px;
  background: #2b4855;
  background-size: cover;
  border-radius: 24px;
}#modal_network .content {
  height: calc(100% - 42px);
  color: #c5e5f4;
}
#modal_network .content .title {
  padding: 9px 14px;
  border-bottom: 1px solid #2b4855;
  line-height: 24px;
  margin-left: 14px;
  padding-left: 0px;
  color: #c5e5f4;
  font-weight: 500;
}
#modal_network .content .title .alt {
  float: right;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #7d9baa;
}
#modal_network .content .paragraph {
  padding: 9px 14px;
  margin-bottom: -10px;
  color: #a1bfce;
}
#modal_network .content .option {
  margin: 14px;
  background: #2b4855;
  border-radius: 14px;
}
#modal_network .content .option .row {
  padding: 0px;
  line-height: 42px;
  font-weight: 500;
  border-bottom: 1px solid #1b3945;
  margin-right: 14px;
  color: #c5e5f4;
}
#modal_network .content .option .content {
  padding: 9px 14px;
  color: #a1bfce;
  line-height: 22px;
}
#modal_network .content .option .button {
  margin-top: 9px;
  height: 42px;
  line-height: 42px;
  background: #075f49;
  text-align: center;
  box-shadow: inset 0 0 0 1px #217059, 0 0 0 1px #1b3945;
  border-radius: 9px;
  margin-bottom: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
}
#modal_network .content .option .button:active {
  background: #217059;
}
#modal_network .content .option .button.disabled {
  background: #1b3945;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #1b3945;
  color: #a1bfce;
  cursor: not-allowed;
}
#modal_network .content .progressBar {
  height: 14px;
  background: #3b5865;
  margin: 0 14px;
  border-radius: 9px;
  overflow: hidden;
}
#modal_network .content .progressBar .progress {
  background: #236b91;
  width: 60%;
  height: 14px;
}
#modal_network .content .tip {
  width: calc(100% - 56px);
  color: #fff;
  line-height: 42px;
  text-align: center;
  background: #007ade;
  cursor: pointer;
  line-height: 24px;
  padding: 9px 14px;
  margin: 0 14px;
  border-radius: 9px;
  background: #655322;
  box-shadow: inset 0 0 0 1px #766331, 0 0 0 1px #0b2b36;
}
#modal_network .content .tip strong {
  font-weight: 500;
}
#modal_network .content .tip:active {
  background: #766331;
}#modal_notice .scrollable_lp {
  height: calc(100% - 20px);
  overflow: scroll;
}
#modal_notice .content {
  height: calc(100% - 42px);
  color: #c5e5f4;
}
#modal_notice .content .title {
  padding: 9px 14px;
  border-bottom: 1px solid #2b4855;
  line-height: 24px;
  margin-left: 14px;
  padding-left: 0px;
  color: #c5e5f4;
  font-weight: 500;
}
#modal_notice .content .title .alt {
  float: right;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #7d9baa;
}
#modal_notice .content .paragraph {
  padding: 9px 14px;
  margin-bottom: -10px;
  color: #a1bfce;
}
#modal_notice .content .option {
  margin: 14px;
  background: #2b4855;
  border-radius: 14px;
}
#modal_notice .content .option .row {
  padding: 0px;
  line-height: 42px;
  font-weight: 500;
  border-bottom: 1px solid #1b3945;
  margin-right: 14px;
  color: #c5e5f4;
}
#modal_notice .content .option .content {
  padding: 9px 14px;
  color: #a1bfce;
  line-height: 22px;
}
#modal_notice .content .option .button {
  margin-top: 9px;
  height: 42px;
  line-height: 42px;
  background: #075f49;
  text-align: center;
  box-shadow: inset 0 0 0 1px #217059, 0 0 0 1px #1b3945;
  border-radius: 9px;
  margin-bottom: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
}
#modal_notice .content .option .button:active {
  background: #217059;
}
#modal_notice .content .option .button.disabled {
  background: #1b3945;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #1b3945;
  color: #a1bfce;
  cursor: not-allowed;
}
#modal_notice .content .progressBar {
  height: 14px;
  background: #3b5865;
  margin: 0 14px;
  border-radius: 9px;
  overflow: hidden;
}
#modal_notice .content .progressBar .progress {
  background: #236b91;
  width: 60%;
  height: 14px;
}
#modal_notice .content .tip {
  width: calc(100% - 56px);
  color: #fff;
  line-height: 42px;
  text-align: center;
  background: #007ade;
  cursor: pointer;
  line-height: 24px;
  padding: 9px 14px;
  margin: 0 14px;
  border-radius: 9px;
  background: #655322;
  box-shadow: inset 0 0 0 1px #766331, 0 0 0 1px #0b2b36;
}
#modal_notice .content .tip strong {
  font-weight: 500;
}
#modal_notice .content .tip:active {
  background: #766331;
}
#modal_notice .content .modal_notify_button {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding-top: 10px;
  margin: 7px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-style: bold;
}
@media (max-width: 800px) {
  #modal_notice .content .modal_notify_button {
    font-size: 0.7rem;
  }
}#modal_wallet .content {
  height: calc(100% - 42px);
  color: #c5e5f4;
}
#modal_wallet .content .title {
  padding: 12px 9px;
  border-bottom: 1px solid #2b4855;
  line-height: 24px;
  margin-left: 14px;
  padding-left: 0px;
  color: #c5e5f4;
  font-weight: 500;
}
#modal_wallet .content .title .title_split {
  font-size: 14px;
  text-align: left;
  width: 50%;
  float: left;
}
#modal_wallet .content .title .portfolio_delta {
  font-size: 14px;
  text-align: right;
  width: 50%;
  margin-left: auto;
}
#modal_wallet .content .row {
  padding: 9px 14px;
  border-bottom: 1px solid #2b4855;
  width: 100%;
  line-height: 24px;
  margin-left: 14px;
  padding-left: 0px;
  color: #a1bfce;
  position: relative;
  display: inline-flex;
}
#modal_wallet .content .row .lp_logos .lp_logo_1 {
  height: 42px;
  position: absolute;
  border-radius: 100%;
  background-color: #2b4855;
  z-index: 1000;
}
#modal_wallet .content .row .lp_logos .lp_logo_2 {
  height: 42px;
  border-radius: 100%;
  background-color: $g18;
  margin-left: 25px;
}
#modal_wallet .content .row .button {
  position: absolute;
  top: 9px;
  right: 14px;
  height: 42px;
  line-height: 42px;
  padding: 0 14px;
  background: #045982;
  border-radius: 9px;
  font-weight: 500;
  box-shadow: inset 0 0 0 1px #256993, 0 0 0 1px #0b2b36;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}
#modal_wallet .content .row .button:active {
  background: #256993;
}
#modal_wallet .content .row .button.disabled {
  background: #0b2b36;
  box-shadow: inset 0 0 0 1px #1b3945, 0 0 0 1px #0b2b36;
  pointer-events: none;
  cursor: not-allowed;
}
#modal_wallet .content .row .state {
  position: absolute;
  right: 205px;
  height: 42px;
  line-height: 42px;
  margin-right: 14px;
  border-radius: 21px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 600;
}
#modal_wallet .content .tip {
  width: calc(100% - 56px);
  color: #fff;
  line-height: 42px;
  text-align: center;
  background: #007ade;
  cursor: pointer;
  line-height: 24px;
  padding: 9px 14px;
  margin: 0 14px;
  border-radius: 9px;
  background: #655322;
  box-shadow: inset 0 0 0 1px #766331, 0 0 0 1px #0b2b36;
}
#modal_wallet .content .tip strong {
  font-weight: 500;
}
#modal_wallet .content .tip:active {
  background: #766331;
}
#modal_wallet .content .details {
  font-size: 12px;
  padding: 0px 14px;
  line-height: 20px;
  margin-left: 14px;
  padding-left: 0px;
  color: #a1bfce;
  position: relative;
}
#modal_wallet .content .wallet_balance {
  font-size: 18px;
  padding: 4px 14px;
  line-height: 24px;
  margin-left: 14px;
  padding-left: 0px;
  color: #fff;
  position: relative;
}
#modal_wallet .content .asset_logo {
  position: relative;
  height: 42px;
  padding: 0;
  margin: auto 0;
}
#modal_wallet .content .asset_name {
  padding-left: 8px;
  font-size: 12px;
  line-height: 22px;
}
#modal_wallet .content .asset_name .primary {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}
#modal_wallet .content .asset_balance {
  text-align: right;
  padding-right: 30px;
  font-size: 12px;
  margin-left: auto;
  line-height: 22px;
}
#modal_wallet .content .asset_balance .primary {
  font-weight: bold;
  color: #fff;
  font-size: 15px;
}
#modal_wallet .content .asset_delta {
  font-size: 12px;
  text-align: right;
  width: 55px;
  margin: auto 0;
  padding-right: 25px;
}#bridge {
  height: 1000px;
  width: 443px;
}
@media (max-height: 1000px) {
  #bridge {
    height: 75%;
  }
}
#bridge.bridge_view {
  height: 1000px;
  width: 443px;
}
@media (max-height: 1000px) {
  #bridge.bridge_view {
    height: 75%;
  }
}
#bridge.bridge_view #bridge_pick_token_list {
  display: none;
}
#bridge.bridge_view #bridge_pick_network_list {
  display: none;
}
#bridge .scrollable {
  height: calc(100% - 69px);
  overflow: scroll;
}
#bridge .floatingFooter {
  position: sticky;
  bottom: 0;
  left: 0;
  background: #1b3945;
  padding-bottom: 14px;
  padding-top: 1px;
  z-index: 1000;
  box-shadow: inset 0 0 0 1px #2b4855;
  border-radius: 0 0 20px 20px;
  margin-top: -1px;
}
#bridge.bridge_pick_token_list #bridge_view {
  display: none;
}
#bridge.bridge_pick_token_list #bridge_pick_network_list {
  display: none;
}
#bridge.bridge_pick_network_list #bridge_view {
  display: none;
}
#bridge.bridge_pick_network_list #bridge_pick_token_list {
  display: none;
}
#bridge.bridge_dashboard {
  width: 1200px;
  height: 480px;
}
@media (max-width: 1200px) {
  #bridge.bridge_dashboard {
    width: 90%;
  }
}
#bridge.bridge_dashboard .screenHolder {
  margin-left: calc(-100% - 3px);
}
#bridge.bridge_dashboard .screenHolder .screen {
  overflow: auto;
}
#bridge.bridge_claim {
  height: 480px;
}
@media (max-width: 1200px) {
  #bridge.bridge_claim {
    width: 90%;
  }
}
#bridge.bridge_claim .screenHolder {
  margin-left: calc(-200% - 3px);
}
#bridge.bridge_claim .screenHolder .screen {
  overflow: auto;
}
#bridge .settingsIcon {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 21px;
  right: 14px;
  background-color: #2b4855;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1000000;
  background-size: cover;
  transition: 300ms;
  overflow: hidden;
  transition-property: left, right;
}
#bridge .settingsIcon .icon1 {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 4px;
  left: 4px;
  background-size: contain;
}
#bridge .settingsIcon:active {
  background-color: #3b5865;
}
#bridge .bridge_row {
  display: flex;
}
#bridge .bridge_column {
  flex: 50%;
}
#bridge .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#bridge .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#bridge .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#bridge .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#bridge .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#bridge .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#bridge .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}
.asset_dev {
  padding: 10px;
  margin-bottom: 2%;
}
.asset_dev .info_area {
  display: flex;
  justify-content: flex-start;
  padding: 5px 20px 5px 20px;
  widht: 100%;
}
.asset_dev .info_area .title_area {
  width: 60px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #7d9baa;
  mix-blend-mode: normal;
}
.asset_dev .info_area .token_area {
  display: flex;
  justify-content: flex-start;
  width: 50%;
  padding-right: 10px;
}
.asset_dev .info_area .token_area:hover {
  background-color: #808080;
}
.asset_dev .info_area .token_area .token_symbol {
  margin: auto 0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 19px;
  color: #c5e5f4;
}
.asset_dev .info_area .token_area .token_img {
  padding-right: 10px;
  margin: auto 0 auto 20px;
}
.asset_dev .info_area .token_area .token_img img {
  width: 35px;
  height: 35px;
}
.network_area {
  display: flex;
  justify-content: flex-start;
  width: 50%;
  padding-right: 10px;
}
.network_area:hover {
  background-color: #808080;
}
.network_area .network_symbol {
  margin: auto 0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 19px;
  color: #c5e5f4;
}
.network_area .network_img {
  padding-right: 10px;
  margin: auto 0 auto 20px;
}
.network_area .network_img img {
  width: 35px;
  height: 35px;
}
.input_area {
  display: flex;
  justify-content: space-between;
  padding: 5px 20px 12px 20px;
}
.input_area .input_div {
  width: 80%;
}
.input_area .input_div input {
  height: 30px;
  width: 100%;
  text-align: right;
  font-size: 1.2em;
  font-weight: 500;
  color: #fff;
  border: 1px solid #577b70;
  background-color: #0b2b36;
}
.input_area .input_end {
  margin: auto 5px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #c5e5f4;
}
.input_area.disabled {
  word-break: break-all;
}
.input_area.disabled .input_div {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
  text-align: right;
}
.input_area.disabled .input_div input {
  background-color: #1b3945;
  border: 0;
}
.input_area.disabled .input_div input::placeholder {
  color: #8fadbc;
}
.bridge_wallet_div {
  padding: 10px;
  padding-top: 0px;
  margin-bottom: 2%;
}
.bridge_wallet_div .title_area {
  padding: 10px 20px;
  padding-top: 0px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #c5e5f4;
}
.bridge_wallet_div .wallet_input_area {
  margin: auto;
  padding: 10px 15px;
  widht: 100%;
}
.bridge_wallet_div .wallet_input_area input {
  width: 100%;
  height: 30px;
  text-align: right;
  color: #fff;
  border: 1px solid #577b70;
  background-color: #0b2b36;
}
.bridge_wallet_div .wallet_input_area.disabled {
  font-size: 1.2em;
  font-weight: 500;
  text-align: right;
  background-color: #0b2b36;
  word-break: break-all;
}
.bridge_wallet_div .info_area {
  text-align: center;
  color: #fff;
}
#bridge_pick_token_list .window {
  width: 30%;
  height: 75%;
  margin: 5% auto;
  padding-right: 10px;
  background: #87cefa;
  box-shadow: 0 4px 40px rgba(0,0,0,0.15);
  border-radius: 10px;
}
#bridge_pick_token_list .header_div {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
#bridge_pick_token_list .header_div .padding_box {
  width: 20px;
  height: 20px;
}
#bridge_pick_token_list .header_div .title_area {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 19px;
  text-align: center;
}
#bridge_pick_token_list .scroll_div {
  height: calc(100% - 80px);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 10px 0;
}
#bridge_pick_token_list .token_layer {
  display: flex;
  justify-content: flex-start;
  padding: 5px 10px;
  border-bottom: 0.5px solid #577b70;
}
#bridge_pick_token_list .token_layer .img_area {
  margin: auto;
  height: 35px;
  width: 35px;
  background-size: cover;
}
#bridge_pick_token_list .token_layer .img_area img {
  height: 35px;
  width: 35px;
}
#bridge_pick_token_list .token_layer .token_symbol {
  width: 20%;
  margin: auto;
  text-align: left;
}
#bridge_pick_token_list .token_layer .token_name {
  width: 45%;
  margin: auto;
  text-align: left;
}
#bridge_pick_network_list .window {
  width: 30%;
  height: 75%;
  margin: 5% auto;
  padding-right: 10px;
  background: #87cefa;
  box-shadow: 0 4px 40px rgba(0,0,0,0.15);
  border-radius: 10px;
}
#bridge_pick_network_list .header_div {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
#bridge_pick_network_list .header_div .padding_box {
  width: 20px;
  height: 20px;
}
#bridge_pick_network_list .header_div .title_area {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 19px;
  text-align: center;
}
#bridge_pick_network_list .scroll_div {
  height: calc(100% - 80px);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 10px 0;
}
#bridge_pick_network_list .network_layer {
  display: flex;
  justify-content: flex-start;
  padding: 5px 10px;
  border-bottom: 0.5px solid #577b70;
}
#bridge_pick_network_list .network_layer .img_area {
  margin: auto;
  height: 35px;
  width: 35px;
  background-size: cover;
}
#bridge_pick_network_list .network_layer .img_area img {
  height: 35px;
  width: 35px;
}
#bridge_pick_network_list .network_layer .network_symbol {
  width: 20%;
  margin: auto;
  text-align: left;
}
#bridge_pick_network_list .network_layer .network_name {
  width: 45%;
  margin: auto;
  text-align: left;
}
#bridge_dashboard {
  overflow: auto;
}
#bridge_dashboard .widget_header {
  width: 100%;
  position: sticky;
  left: 0;
}
#bridge_dashboard .dd_toggle_div {
  position: sticky;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
}
#bridge_dashboard .dd_toggle_div .toggle_component {
  font-size: 1.2vmin;
  padding: 0 calc((100% - 78px) / 4);
}
#bridge_dashboard .dd_toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#bridge_dashboard .dd_toggle_div .toggle_component:hover {
  transform: scale(1.05);
  cursor: pointer;
}
#bridge_dashboard .dd_round_info {
  width: 1200px;
  white-space: nowrap;
  overflow-x: scroll;
  padding: 5px 0;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  #bridge_dashboard .dd_round_info {
    font-size: 0.8rem;
  }
}
#bridge_dashboard .dd_round_info .dd_round_info_header {
  position: relative;
  top: 0;
  left: 0;
  vertical-align: middle;
  display: flex;
  justify-content: space-around;
  padding: 5px;
  border-bottom: 1px solid #2b4855;
}
#bridge_dashboard .dd_round_info .dd_round_info_header .title {
  height: 100%;
  vertical-align: middle;
  color: #3ba5d5;
  font-weight: 500;
  text-align: center;
}
#bridge_dashboard .dd_round_info .dd_round_info_content_total {
  height: 320px;
  overflow-y: scroll;
}
#bridge_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content,
#bridge_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content_my {
  display: flex;
  justify-content: space-around;
  margin: 15px 3px;
}
#bridge_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content:hover,
#bridge_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content_my:hover {
  background-color: rgba(217,141,0,0.43);
}
#bridge_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content .info,
#bridge_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content_my .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}.toggle_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
}
.toggle_div .toggle_component {
  padding: 10px 20%;
}
@media (max-width: 800px) {
  .toggle_div .toggle_component {
    padding: 10px 20%;
  }
}
.toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#farm {
  height: 535px;
  width: 363px;
  width: 406px;
  width: 443px;
}
#farm.farm_view {
  height: 453px;
}
#farm.farm_view .screenHolder {
  margin-left: calc(-100% - 1px);
}
#farm.farm_stakeLP {
  height: 508px;
  width: 443px;
}
#farm.farm_stakeLP .screenHolder {
  margin-left: calc(-200% - 2px);
}
#farm.farm_stakeLP #farm_claim {
  display: none;
}
#farm.farm_unstakeLP {
  height: 398px;
  width: 443px;
}
#farm.farm_unstakeLP .screenHolder {
  margin-left: calc(-300% - 2px);
}
#farm.farm_unstakeLP #farm_claim,
#farm.farm_unstakeLP #farm_stakeLP {
  display: none;
}
#farm.farm_claim {
  height: 363px;
}
#farm.farm_claim .screenHolder {
  margin-left: calc(-200% - 2px);
}
#farm.farm_claim #farm_stakeLP {
  display: none;
}
#farm.farm_confirm {
  height: 398px;
}
#farm.farm_confirm .screenHolder {
  margin-left: calc(-300% - 3px);
}
#farm #farm_start .scrollable {
  height: calc(100% - 69px);
  overflow: scroll;
}
#farm #farm_start .toggle_btn_div {
  display: inline-flex;
  justify-content: flex-end;
  margin: 10px 20px 10px 20px;
  align-content: center;
  border: 1px #000 solid;
  border-radius: 16px;
}
#farm #farm_start .toggle_btn_div button {
  padding: 0 16px;
  border: 0;
  border-radius: 16px;
  background-color: transparent;
  color: #fff;
}
#farm #farm_start .toggle_btn_div button.toggled {
  background-color: #fff;
  color: #000;
}
#farm .row {
  height: 42px;
  line-height: 42;
}
#farm .farmRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
  cursor: pointer;
}
#farm .farmRow.hasLPTokens .misc {
  margin-top: -24px !important;
}
#farm .farmRow.hasLPTokens .misc .lpAmount {
  display: block;
}
#farm .farmRow:active {
  background: #2b4855;
}
#farm .farmRow:active .chevron {
  border-color: #3b5865;
}
#farm .farmRow .chevron {
  position: absolute;
  top: 30px;
  right: 14px;
  height: 5px;
  width: 5px;
  border: 2px solid #2b4855;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
}
#farm .farmRow .misc {
  position: absolute;
  top: 50%;
  right: 31px;
  text-align: right;
  line-height: 16px;
  margin-top: -16px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #c5e5f4;
}
#farm .farmRow .misc .lpAmount {
  display: none;
  color: #8fadbc;
}
#farm .farmRow .type {
  font-size: 18px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
#farm .farmRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#farm .farmRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#farm .farmRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
#farm .farmRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#farm .farmRow .coins .coin .coins {
  position: absolute;
}
#farm .farmStakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
#farm .farmStakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
}
#farm .farmStakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#farm .farmStakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#farm .farmStakeRow .big[placeholder]:empty:before {
  display: block;
  content: attrs(placeholder);
  color: #a6a6a6;
}
#farm .farmStakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
#farm .farmStakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#farm .farmStakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#farm .farmStakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
#farm .farmStakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
#farm .farmStakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#farm .farmStakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#farm .farmStakeRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
#farm .farmStakeRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#farm .farmStakeRow .coins .coin .coins {
  position: absolute;
}
#farm .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#farm .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#farm .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#farm .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#farm .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#farm .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#farm .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}.scrollable_single {
  height: calc(100% - 300px);
  overflow: scroll;
}
.scrollable_single_staking {
  height: calc(100% - 300px);
  overflow: scroll;
}
.scrollable_lp {
  height: calc(100% - 300px);
  overflow: scroll;
}
.scrollable_lp_staking {
  height: calc(100% - 250px);
  overflow: scroll;
}
.scrollable_nft {
  height: calc(100% - 310px);
  overflow: scroll;
}
.scrollable_nft_staking {
  height: calc(100% - 280px);
  overflow: scroll;
}
.toggle_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-top: 1px solid #2b4855;
  border-bottom: 1px solid #2b4855;
  height: 40px;
}
.toggle_div .toggle_component {
  padding: 10px 14%;
}
@media (max-width: 800px) {
  .toggle_div .toggle_component {
    padding: 10px 20%;
  }
}
.toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
.toggle_div .toggle_component3 {
  padding: 10px 12.5%;
}
.toggle_div .toggle_component3.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
.toggle_div .toggle_component3:hover {
  cursor: pointer;
}
#farm_group {
  height: 535px;
  width: 443px;
}
@media (max-height: 700px) {
  #farm_group {
    height: 75%;
  }
}
#farm_group.farm_group_single_stake_view .screenHolder {
  margin-left: calc(-100% - 1px);
}
#farm_group.farm_group_single_stake_view #farm_group_lp_stake_view {
  display: none;
}
#farm_group.farm_group_single_stake_view #farm_group_nft_stake_view {
  display: none;
}
#farm_group.farm_group_lp_stake_view .screenHolder {
  margin-left: calc(-100% - 1px);
}
#farm_group.farm_group_lp_stake_view #farm_group_single_stake_view {
  display: none;
}
#farm_group.farm_group_lp_stake_view #farm_group_nft_stake_view {
  display: none;
}
#farm_group.farm_group_nft_stake_view .screenHolder {
  margin-left: calc(-100% - 1px);
}
#farm_group.farm_group_nft_stake_view #farm_group_lp_stake_view {
  display: none;
}
#farm_group.farm_group_nft_stake_view #farm_group_single_stake_view {
  display: none;
}
#farm_group.farm_group_single_staking .screenHolder {
  margin-left: calc(-200% - 1px);
}
#farm_group.farm_group_single_staking #farm_group_lp_staking {
  display: none;
}
#farm_group.farm_group_single_staking #farm_group_nft_staking {
  display: none;
}
#farm_group.farm_group_lp_staking .screenHolder {
  margin-left: calc(-200% - 1px);
}
#farm_group.farm_group_lp_staking #farm_group_single_staking {
  display: none;
}
#farm_group.farm_group_lp_staking #farm_group_nft_staking {
  display: none;
}
#farm_group.farm_group_nft_staking .screenHolder {
  margin-left: calc(-200% - 1px);
}
#farm_group.farm_group_nft_staking #farm_group_single_staking {
  display: none;
}
#farm_group.farm_group_nft_staking #farm_group_lp_staking {
  display: none;
}
#farm_group.farm_group_single_claim .screenHolder {
  margin-left: calc(-300% - 1px);
}
#farm_group.farm_group_single_claim #farm_group_lp_claim {
  display: none;
}
#farm_group.farm_group_single_claim #farm_group_nft_claim {
  display: none;
}
#farm_group.farm_group_lp_claim .screenHolder {
  margin-left: calc(-300% - 1px);
}
#farm_group.farm_group_lp_claim #farm_group_single_claim {
  display: none;
}
#farm_group.farm_group_lp_claim #farm_group_nft_claim {
  display: none;
}
#farm_group.farm_group_nft_claim .screenHolder {
  margin-left: calc(-300% - 1px);
}
#farm_group.farm_group_nft_claim #farm_group_single_claim {
  display: none;
}
#farm_group.farm_group_nft_claim #farm_group_lp_claim {
  display: none;
}
#farm_group.farm_group_confirm {
  height: 398px;
}
#farm_group.farm_group_confirm .screenHolder {
  margin-left: calc(-300% - 3px);
}
#farm_group #farm_group_start .scrollable {
  height: calc(100% - 120px);
  overflow: scroll;
}
#farm_group #farm_group_start .hot_image {
  height: calc(100% - 10px);
  width: 100%;
}
#farm_group #farm_group_start .hot_image:hover {
  background: #0b2b36;
  transform: scale(1.01);
  cursor: pointer;
}
.toggle_btn_div {
  display: inline-flex;
  justify-content: flex-end;
  margin: 10px 20px 20px 20px;
  align-content: center;
  border: 1px #000 solid;
  border-radius: 16px;
}
.toggle_btn_div button {
  padding: 0 16px;
  border: 0;
  border-radius: 16px;
  background-color: transparent;
  color: #fff;
}
.toggle_btn_div button.toggled {
  background-color: #fff;
  color: #000;
}
.row {
  height: 42px;
}
.farm_group_Row {
  position: relative;
  height: 62px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
  cursor: pointer;
}
.farm_group_Row.hasLPTokens .misc {
  margin-top: -24px !important;
}
.farm_group_Row.hasLPTokens .misc .lpAmount {
  display: block;
}
.farm_group_Row:active {
  background: #2b4855;
}
.farm_group_Row:active .chevron {
  border-color: #3b5865;
}
.farm_group_Row .chevron {
  position: absolute;
  top: 30px;
  right: 14px;
  height: 5px;
  width: 5px;
  border: 2px solid #2b4855;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
}
.farm_group_Row .misc {
  position: absolute;
  top: 50%;
  right: 31px;
  text-align: right;
  line-height: 16px;
  margin-top: -16px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #c5e5f4;
}
@media (max-width: 700px) {
  .farm_group_Row .misc {
    font-size: 0.7rem;
  }
}
.farm_group_Row .misc .lpAmount {
  display: none;
  color: #8fadbc;
}
.farm_group_Row .type {
  font-size: 18px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 91px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 700px) {
  .farm_group_Row .type {
    font-size: 1rem;
  }
}
.farm_group_Row .coins {
  margin-left: 14px;
  margin-top: 14px;
}
.farm_group_Row .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.farm_group_Row .coins .coin:nth-child(1) {
  z-index: 1000;
}
.farm_group_Row .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.farm_group_Row .coins .coin .coins {
  position: absolute;
}
.farm_group_StakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
.farm_group_StakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
  text-align: right;
}
@media (max-width: 800px) {
  .farm_group_StakeRow .big {
    width: 70%;
  }
}
.farm_group_StakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_group_StakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_group_StakeRow .big[placeholder]:empty:before {
  display: block;
  content: attrs(placeholder);
  color: #a6a6a6;
}
.farm_group_StakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
.farm_group_StakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_group_StakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_group_StakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
.farm_group_StakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 800px) {
  .farm_group_StakeRow .type {
    font-size: 0.95rem;
  }
}
.farm_group_StakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
.farm_group_StakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.farm_group_StakeRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
.farm_group_StakeRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.farm_group_StakeRow .coins .coin .coins {
  position: absolute;
}
#farm_group .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#farm_group .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#farm_group .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#farm_group .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#farm_group .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#farm_group .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#farm_group .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}
#farm_group .farm_group_title {
  display: table-cell;
  vertical-align: middle;
  width: 443px;
  height: 36px;
  padding: 5px 35%;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #c5e5f4;
}
#farm_group #farm_group_nft_stake_view .target_coin:hover {
  background-color: rgba(0,29,40,0.9);
  cursor: pointer;
}
#farm_group #farm_group_nft_stake_view .nft_stake_explanation:hover {
  background-color: rgba(0,29,40,0.9);
  cursor: pointer;
}
#farm_group #farm_group_nft_stake_view .nft_img {
  display: none;
  border: 1px solid #2b4855;
}
#farm_group #farm_group_nft_stake_view .nft_img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: contain;
  background-color: rgba(0,29,40,0.9);
}
#farm_group #farm_group_nft_stake_view .nft_grid {
  display: none;
  background-color: rgba(0,29,40,0.9);
  grid-template-rows: 100px 30px 30px 30px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  margin: auto;
  align-items: start;
  align-content: center;
  border: 1px solid #2b4855;
}
#farm_group #farm_group_nft_stake_view .nft_grid .title {
  font-weight: 500;
  color: #d8f8ff;
}
#farm_group #farm_group_nft_stake_view .nft_grid .nft_grid_item {
  margin: auto;
  text-align: center;
}
#farm_group #farm_group_nft_stake_view .nft_grid .nft_grid_item:nth-child(11) {
  grid-column: 2/span 2;
  grid-row: 4;
}
.target_coin {
  display: flex;
  padding-bottom: 5px;
}
.target_coin .coins {
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 14px;
}
.target_coin .coins .coin {
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.target_coin .coins .coin:nth-child(1) {
  z-index: 1000;
}
.target_coin .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.target_coin .coins .coin .coins {
  position: absolute;
}
.target_coin .coinIcon {
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 10px;
  margin-right: 14px;
  margin-left: 14px;
}
.target_coin .coinIcon2 {
  height: 60px;
  width: 60px;
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 10px;
  margin-right: 14px;
  margin-left: 14px;
}
.target_coin .coinInfo {
  position: relative;
  padding-top: 10px;
  color: #c5e5f4;
}
.target_coin .coinInfo .arrow {
  border: 5px solid transparent;
  border-top: 5px solid #0b2b36;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -1px;
  margin-right: 3px;
}
.target_coin .coinInfo .big {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
  font-size: 1.1rem;
  line-height: 30px;
  font-weight: 600;
  border-radius: 5px;
}
@media (max-width: 700px) {
  .target_coin .coinInfo .big {
    font-size: 1.2rem;
  }
}
.target_coin .coinInfo .small {
  padding-bottom: 5px;
  font-size: 0.9rem;
}
.blockProgressbar_group {
  padding: 0 14px;
  line-height: 42px;
  border-bottom: 1px solid #2b4855;
}
.blockProgressbar_group .info {
  float: right;
  line-height: 26px;
  margin-top: 9px;
}
.blockProgressbar_group .progressBar {
  height: 14px;
  margin-bottom: 14px;
  background: #2b4855;
  border-radius: 9px;
  overflow: hidden;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #b3d2e1;
}
.blockProgressbar_group .progressBar .complete {
  width: 0%;
  background: #005b80;
  height: 100%;
  line-height: 14px;
  padding-left: 9px;
}
.farm_group_LP_StakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
.farm_group_LP_StakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
  text-align: right;
}
@media (max-width: 800px) {
  .farm_group_LP_StakeRow .big {
    width: 70%;
  }
}
.farm_group_LP_StakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_group_LP_StakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_group_LP_StakeRow .big[placeholder]:empty:before {
  display: block;
  content: attrs(placeholder);
  color: #a6a6a6;
}
.farm_group_LP_StakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
.farm_group_LP_StakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_group_LP_StakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_group_LP_StakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
.farm_group_LP_StakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 800px) {
  .farm_group_LP_StakeRow .type {
    font-size: 0.95rem;
  }
}
.farm_group_LP_StakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
.farm_group_LP_StakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.farm_group_LP_StakeRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
.farm_group_LP_StakeRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.farm_group_LP_StakeRow .coins .coin .coins {
  position: absolute;
}
#div_load_more:hover {
  transform: scale(1.05);
  background-color: rgba(0,29,40,0.9);
  cursor: pointer;
}
#reward_info_click:hover {
  transform: scale(1.05);
  background-color: rgba(0,29,40,0.9);
  cursor: pointer;
}.toggle_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
}
.toggle_div .toggle_component {
  padding: 10px 20%;
}
@media (max-width: 800px) {
  .toggle_div .toggle_component {
    padding: 10px 20%;
  }
}
.toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#farm_v2 {
  height: 535px;
  width: 363px;
  width: 406px;
  width: 443px;
}
@media (max-height: 700px) {
  #farm_v2 {
    height: 75%;
  }
}
#farm_v2.farm_v2_view {
  height: 520px;
}
#farm_v2.farm_v2_view .screenHolder {
  margin-left: calc(-100% - 1px);
}
#farm_v2.farm_v2_stakeLP {
  height: 468px;
  width: 443px;
}
#farm_v2.farm_v2_stakeLP .screenHolder {
  margin-left: calc(-200% - 2px);
}
#farm_v2.farm_v2_stakeLP #farm_v2_claim {
  display: none;
}
#farm_v2.farm_v2_unstakeLP {
  height: 309px;
  width: 443px;
}
#farm_v2.farm_v2_unstakeLP .screenHolder {
  margin-left: calc(-300% - 2px);
}
#farm_v2.farm_v2_unstakeLP #farm_v2_claim,
#farm_v2.farm_v2_unstakeLP #farm_v2_stakeLP {
  display: none;
}
#farm_v2.farm_v2_claim {
  height: 363px;
}
#farm_v2.farm_v2_claim .screenHolder {
  margin-left: calc(-200% - 2px);
}
#farm_v2.farm_v2_claim #farm_v2_stakeLP {
  display: none;
}
#farm_v2.farm_v2_confirm {
  height: 398px;
}
#farm_v2.farm_v2_confirm .screenHolder {
  margin-left: calc(-300% - 3px);
}
#farm_v2.farm_v2_dashboard {
  width: 1000px;
}
@media (max-width: 1000px) {
  #farm_v2.farm_v2_dashboard {
    width: 90%;
  }
}
#farm_v2.farm_v2_dashboard .screenHolder {
  margin-left: calc(-500% - 3px);
}
#farm_v2.farm_v2_dashboard .screenHolder .screen {
  overflow: auto;
}
#farm_v2 #farm_v2_start .scrollable {
  height: calc(100% - 150px);
  overflow: scroll;
}
#farm_v2 #farm_v2_start .toggle_btn_div {
  display: inline-flex;
  justify-content: flex-end;
  margin: 10px 20px 20px 20px;
  align-content: center;
  border: 1px #000 solid;
  border-radius: 16px;
}
#farm_v2 #farm_v2_start .toggle_btn_div button {
  padding: 0 16px;
  border: 0;
  border-radius: 16px;
  background-color: transparent;
  color: #fff;
}
#farm_v2 #farm_v2_start .toggle_btn_div button.toggled {
  background-color: #fff;
  color: #000;
}
.row {
  height: 42px;
}
.farmRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
  cursor: pointer;
}
.farmRow.hasLPTokens .misc {
  margin-top: -24px !important;
}
.farmRow.hasLPTokens .misc .lpAmount {
  display: block;
}
.farmRow:active {
  background: #2b4855;
}
.farmRow:active .chevron {
  border-color: #3b5865;
}
.farmRow .chevron {
  position: absolute;
  top: 30px;
  right: 14px;
  height: 5px;
  width: 5px;
  border: 2px solid #2b4855;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
}
.farmRow .misc {
  position: absolute;
  top: 50%;
  right: 31px;
  text-align: right;
  line-height: 16px;
  margin-top: -16px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #c5e5f4;
}
@media (max-width: 700px) {
  .farmRow .misc {
    font-size: 0.7rem;
  }
}
.farmRow .misc .lpAmount {
  display: none;
  color: #8fadbc;
}
.farmRow .type {
  font-size: 18px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 91px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 700px) {
  .farmRow .type {
    font-size: 1rem;
  }
}
.farmRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
.farmRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.farmRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
.farmRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.farmRow .coins .coin .coins {
  position: absolute;
}
.farm_v2_StakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
.farm_v2_StakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
  text-align: right;
}
@media (max-width: 800px) {
  .farm_v2_StakeRow .big {
    width: 35vw;
  }
}
.farm_v2_StakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_v2_StakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_v2_StakeRow .big[placeholder]:empty:before {
  display: block;
  content: attrs(placeholder);
  color: #a6a6a6;
}
.farm_v2_StakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
.farm_v2_StakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_v2_StakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_v2_StakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
.farm_v2_StakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 800px) {
  .farm_v2_StakeRow .type {
    font-size: 0.95rem;
  }
}
.farm_v2_StakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
.farm_v2_StakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.farm_v2_StakeRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
.farm_v2_StakeRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.farm_v2_StakeRow .coins .coin .coins {
  position: absolute;
}
#farm_v2 .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#farm_v2 .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#farm_v2 .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#farm_v2 .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#farm_v2 .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#farm_v2 .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#farm_v2 .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}
#farm_v2 .round_info {
  line-height: 20px;
  padding: 5px 14px;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  #farm_v2 .round_info {
    font-size: 0.8rem;
  }
}
#farm_v2 .round_info:hover {
  cursor: pointer;
  transform: scale(1.01);
  background-color: #0b2b36;
}
#farm_v2 .round_info .round_info_header {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
#farm_v2 .round_info .round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
}
#farm_v2 .round_info .round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
#farm_v2 .round_info .round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}
#farm_v2_dashboard {
  overflow: auto;
}
#farm_v2_dashboard .widget_header {
  width: 100%;
  position: sticky;
  left: 0;
}
#farm_v2_dashboard .dd_toggle_div {
  position: sticky;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
}
#farm_v2_dashboard .dd_toggle_div .toggle_component {
  font-size: 1.2vmin;
  padding: 0 calc((100% - 78px) / 4);
}
#farm_v2_dashboard .dd_toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#farm_v2_dashboard .dd_toggle_div .toggle_component:hover {
  transform: scale(1.05);
  cursor: pointer;
}
#farm_v2_dashboard .dd_round_info {
  width: 1000px;
  white-space: nowrap;
  overflow-x: scroll;
  padding: 5px 0;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  #farm_v2_dashboard .dd_round_info {
    font-size: 0.8rem;
  }
}
#farm_v2_dashboard .dd_round_info .dd_round_info_header {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  padding: 5px;
  border-bottom: 1px solid #2b4855;
}
#farm_v2_dashboard .dd_round_info .dd_round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
  text-align: center;
}
#farm_v2_dashboard .dd_round_info .dd_round_info_content_total {
  height: 320px;
  overflow-y: scroll;
}
#farm_v2_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 5px 3px;
}
#farm_v2_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content:hover {
  background-color: rgba(217,141,0,0.43);
}
#farm_v2_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}.toggle_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
}
.toggle_div .toggle_component {
  padding: 10px 20%;
}
@media (max-width: 800px) {
  .toggle_div .toggle_component {
    padding: 10px 20%;
  }
}
.toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#farm_v3 {
  height: 535px;
  width: 363px;
  width: 406px;
  width: 443px;
}
@media (max-height: 700px) {
  #farm_v3 {
    height: 75%;
  }
}
#farm_v3.farm_v3_view {
  height: 540px;
}
#farm_v3.farm_v3_view .screenHolder {
  margin-left: calc(-100% - 1px);
}
#farm_v3.farm_v3_stakeLP {
  height: 368px;
  width: 443px;
}
#farm_v3.farm_v3_stakeLP .screenHolder {
  margin-left: calc(-200% - 2px);
}
#farm_v3.farm_v3_stakeLP #farm_v3_unstakeLP,
#farm_v3.farm_v3_stakeLP #farm_v3_claimReward {
  display: none;
}
#farm_v3.farm_v3_unstakeLP {
  height: 459px;
  width: 443px;
}
#farm_v3.farm_v3_unstakeLP .screenHolder {
  margin-left: calc(-300% - 2px);
}
#farm_v3.farm_v3_unstakeLP #farm_v3_claimReward,
#farm_v3.farm_v3_unstakeLP #farm_v3_stakeLP {
  display: none;
}
#farm_v3.farm_v3_claimReward {
  height: 259px;
  width: 443px;
}
#farm_v3.farm_v3_claimReward .screenHolder {
  margin-left: calc(-400% - 2px);
}
#farm_v3.farm_v3_claimReward #farm_v3_unstakeLP,
#farm_v3.farm_v3_claimReward #farm_v3_stakeLP {
  display: none;
}
#farm_v3.farm_v3_confirm {
  height: 398px;
}
#farm_v3.farm_v3_confirm .screenHolder {
  margin-left: calc(-500% - 3px);
}
#farm_v3.farm_v3_dashboard {
  width: 1000px;
}
@media (max-width: 1000px) {
  #farm_v3.farm_v3_dashboard {
    width: 90%;
  }
}
#farm_v3.farm_v3_dashboard .screenHolder {
  margin-left: calc(-600% - 3px);
}
#farm_v3.farm_v3_dashboard .screenHolder .screen {
  overflow: auto;
}
#farm_v3 #farm_v3_start .scrollable {
  height: calc(100% - 150px);
  overflow: scroll;
}
#farm_v3 #farm_v3_start .toggle_btn_div {
  display: inline-flex;
  justify-content: flex-end;
  margin: 10px 20px 20px 20px;
  align-content: center;
  border: 1px #000 solid;
  border-radius: 16px;
}
#farm_v3 #farm_v3_start .toggle_btn_div button {
  padding: 0 16px;
  border: 0;
  border-radius: 16px;
  background-color: transparent;
  color: #fff;
}
#farm_v3 #farm_v3_start .toggle_btn_div button.toggled {
  background-color: #fff;
  color: #000;
}
.row {
  height: 42px;
}
.farmRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
  cursor: pointer;
}
.farmRow.hasLPTokens .misc {
  margin-top: -24px !important;
}
.farmRow.hasLPTokens .misc .lpAmount {
  display: block;
}
.farmRow:active {
  background: #2b4855;
}
.farmRow:active .chevron {
  border-color: #3b5865;
}
.farmRow .chevron {
  position: absolute;
  top: 30px;
  right: 14px;
  height: 5px;
  width: 5px;
  border: 2px solid #2b4855;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
}
.farmRow .misc {
  position: absolute;
  top: 50%;
  right: 31px;
  text-align: right;
  line-height: 16px;
  margin-top: -16px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #c5e5f4;
}
@media (max-width: 700px) {
  .farmRow .misc {
    font-size: 0.7rem;
  }
}
.farmRow .misc .lpAmount {
  display: none;
  color: #8fadbc;
}
.farmRow .type {
  font-size: 18px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 91px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 700px) {
  .farmRow .type {
    font-size: 1rem;
  }
}
.farmRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
.farmRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.farmRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
.farmRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.farmRow .coins .coin .coins {
  position: absolute;
}
.farm_v3_StakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
.farm_v3_StakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
  text-align: right;
}
@media (max-width: 800px) {
  .farm_v3_StakeRow .big {
    width: 35vw;
  }
}
.farm_v3_StakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_v3_StakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_v3_StakeRow .big[placeholder]:empty:before {
  display: block;
  content: attrs(placeholder);
  color: #a6a6a6;
}
.farm_v3_StakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
.farm_v3_StakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
.farm_v3_StakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
.farm_v3_StakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
.farm_v3_StakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 800px) {
  .farm_v3_StakeRow .type {
    font-size: 0.95rem;
  }
}
.farm_v3_StakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
.farm_v3_StakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.farm_v3_StakeRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
.farm_v3_StakeRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
.farm_v3_StakeRow .coins .coin .coins {
  position: absolute;
}
._farm_v3_UnstakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
._farm_v3_UnstakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
  text-align: right;
}
@media (max-width: 800px) {
  ._farm_v3_UnstakeRow .big {
    width: 35vw;
  }
}
._farm_v3_UnstakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
._farm_v3_UnstakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
._farm_v3_UnstakeRow .big[placeholder]:empty:before {
  display: block;
  content: attrs(placeholder);
  color: #a6a6a6;
}
._farm_v3_UnstakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
._farm_v3_UnstakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
._farm_v3_UnstakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
._farm_v3_UnstakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
._farm_v3_UnstakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 800px) {
  ._farm_v3_UnstakeRow .type {
    font-size: 0.95rem;
  }
}
._farm_v3_UnstakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
._farm_v3_UnstakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
._farm_v3_UnstakeRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
._farm_v3_UnstakeRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
._farm_v3_UnstakeRow .coins .coin .coins {
  position: absolute;
}
#farm_v3 .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#farm_v3 .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#farm_v3 .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#farm_v3 .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#farm_v3 .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#farm_v3 .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#farm_v3 .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}
#farm_v3 .round_info {
  line-height: 20px;
  padding: 5px 14px;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  #farm_v3 .round_info {
    font-size: 0.8rem;
  }
}
#farm_v3 .round_info:hover {
  cursor: pointer;
  transform: scale(1.01);
  background-color: #0b2b36;
}
#farm_v3 .round_info .round_info_header {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
#farm_v3 .round_info .round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
}
#farm_v3 .round_info .round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
#farm_v3 .round_info .round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}
#farm_v3_dashboard {
  overflow: auto;
}
#farm_v3_dashboard .widget_header {
  width: 100%;
  position: sticky;
  left: 0;
}
#farm_v3_dashboard .dd_toggle_div {
  position: sticky;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
}
#farm_v3_dashboard .dd_toggle_div .toggle_component {
  font-size: 1.2vmin;
  padding: 0 calc((100% - 78px) / 4);
}
#farm_v3_dashboard .dd_toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#farm_v3_dashboard .dd_toggle_div .toggle_component:hover {
  transform: scale(1.05);
  cursor: pointer;
}
#farm_v3_dashboard .dd_round_info {
  width: 1000px;
  white-space: nowrap;
  overflow-x: scroll;
  padding: 5px 0;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  #farm_v3_dashboard .dd_round_info {
    font-size: 0.8rem;
  }
}
#farm_v3_dashboard .dd_round_info .dd_round_info_header {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  padding: 5px;
  border-bottom: 1px solid #2b4855;
}
#farm_v3_dashboard .dd_round_info .dd_round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
  text-align: center;
}
#farm_v3_dashboard .dd_round_info .dd_round_info_content_total {
  height: 320px;
  overflow-y: scroll;
}
#farm_v3_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 5px 3px;
}
#farm_v3_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content:hover {
  background-color: rgba(217,141,0,0.43);
}
#farm_v3_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}#governance {
  height: 550px;
  width: 378px;
}
@media (max-height: 600px) {
  #governance {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #governance {
    width: 90%;
  }
}
#governance.governance_config {
  height: 500px;
  width: 378px;
}
@media (max-height: 600px) {
  #governance.governance_config {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #governance.governance_config {
    width: 90%;
  }
}
#governance.governance_proposal {
  height: 530px;
  width: 378px;
}
@media (max-height: 600px) {
  #governance.governance_proposal {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #governance.governance_proposal {
    width: 90%;
  }
}
#governance.governance_proposal .screenHolder {
  margin-left: calc(-100% - 1px);
}
#governance.governance_submit {
  height: 300px;
  width: 378px;
}
@media (max-height: 600px) {
  #governance.governance_submit {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #governance.governance_submit {
    width: 90%;
  }
}
#governance.governance_submit .screenHolder {
  margin-left: calc(-200% - 2px);
}
#governance .unscrollable {
  height: calc(100% - 139px);
  overflow: hidden;
}
#governance .unscrollable .function_div {
  border-bottom: 1px solid #2b4855;
  padding: 5px;
  padding-bottom: 10px;
}
#governance .unscrollable .function_div .subText {
  width: 90%;
  margin: auto;
  padding: 3px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 19px;
  text-align: center;
  color: #9ebfca;
}
#governance .scrollable {
  height: calc(100% - 100px);
  overflow: scroll;
}
#governance .scrollable .governance_div {
  border-bottom: 1px solid #2b4855;
  padding: 5px;
  padding-bottom: 10px;
  display: flex;
  flex-display: row;
  justify-content: space-between;
  height: 100px;
}
#governance .scrollable .governance_div :hover {
  cursor: pointer;
}
#governance .scrollable .governance_div .vote_status_div {
  border: 0;
  width: calc(30% -10px);
  margin: auto;
}
#governance .scrollable .governance_div .vote_status {
  width: 47px;
  height: 19px;
  text-align: center;
  border: 2px solid #a9c4b9;
  border-radius: 15px;
  padding: 5px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  margin: auto;
  margin-left: 2%;
}
#governance .scrollable .governance_div .vote_status_proposal {
  width: 47px;
  height: 19px;
  text-align: center;
  border: 2px solid #a9c4b9;
  border-radius: 15px;
  padding: 5px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  margin: auto;
  margin-right: 5%;
}
#governance .scrollable .governance_div .vote_info_flex {
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  padding-left: 4%;
  width: 600px;
}
#governance .scrollable .governance_div .vote_info_flex .vote_title {
  font-size: 16px;
  font-weight: 350;
}
#governance .scrollable .governance_div .vote_info_flex .vote_blocks {
  font-size: 16px;
  font-weight: 350;
  padding-top: 10px;
}
#governance .scrollable .governance_div .chevron {
  width: 20px;
  font-size: 30px;
  font-weight: 500;
  margin: auto 0;
}
#governance .scrollable .governance_div .vote_title_proposal {
  font-size: 24px;
  font-weight: 600;
  margin: auto 0;
  margin-left: 5%;
}
#governance .scrollable .governance_div .large_text {
  font-size: 24px;
  font-weight: 600;
  margin: auto;
}
#governance .vstsw_balance {
  font-size: 12px;
  font-weight: 500;
  padding-top: 13px;
}
#governance .vstsw_balance .float-left {
  float: left;
  padding-left: 15px;
}
#governance .vstsw_balance .float-right {
  float: right;
  padding-right: 15px;
}
#governance .governance_input_row {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
#governance .governance_input_row .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
  text-align: right;
}
@media (max-width: 800px) {
  #governance .governance_input_row .big {
    width: 35vw;
  }
}
#governance .governance_input_row .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#governance .governance_input_row .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#governance .governance_input_row .big[placeholder]:empty:before {
  display: block;
  content: attrs(placeholder);
  color: #a6a6a6;
}
#governance .governance_input_row .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
#governance .governance_input_row .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#governance .governance_input_row .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#governance .governance_input_row .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
#governance .governance_input_row .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 800px) {
  #governance .governance_input_row .type {
    font-size: 0.95rem;
  }
}
#governance .governance_input_row .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#governance .governance_input_row .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#governance .governance_input_row .coins .coin:nth-child(1) {
  z-index: 1000;
}
#governance .governance_input_row .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#governance .governance_input_row .coins .coin .coins {
  position: absolute;
}
.blockProgressbar {
  padding: 0 14px;
  line-height: 42px;
  border-bottom: 1px solid #2b4855;
}
.blockProgressbar .info {
  float: right;
  line-height: 26px;
  margin-top: 9px;
}
.blockProgressbar .progressBar {
  height: 14px;
  margin-bottom: 14px;
  background: #2b4855;
  border-radius: 9px;
  overflow: hidden;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #b3d2e1;
}
.blockProgressbar .progressBar .complete {
  width: 0%;
  background: #005b80;
  height: 100%;
  line-height: 14px;
  padding-left: 9px;
}
.blockProgressbar .forAgainst {
  height: 14px;
  margin-bottom: 14px;
  background: #f44336;
  border-radius: 9px;
  overflow: hidden;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #f44336;
}
.blockProgressbar .forAgainst .complete {
  width: 0%;
  background: #4caf50;
  height: 100%;
  line-height: 14px;
  padding-left: 9px;
}#launchpad {
  width: 378px;
  height: 579px;
}
@media (max-height: 700px) {
  #launchpad {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #launchpad {
    width: 90%;
  }
}
#launchpad #launchpad_start {
  width: 378px;
  height: 579px;
}
@media (max-width: 800px) {
  #launchpad #launchpad_start {
    width: 100%;
  }
}
@media (max-height: 700px) {
  #launchpad #launchpad_start {
    height: 100%;
  }
}
#launchpad.launchpad_selectTokenType .screenHolder {
  margin-left: calc(-100% - 1px);
}
#launchpad.launchpad_tokenForm {
  width: 378px;
  height: 600px;
}
@media (max-height: 700px) {
  #launchpad.launchpad_tokenForm {
    height: 75%;
  }
}
#launchpad.launchpad_tokenForm .screenHolder {
  margin-left: calc(-200% - 2px);
}
#launchpad.launchpad_tokenForm3 {
  width: 378px;
  height: 600px;
}
@media (max-height: 700px) {
  #launchpad.launchpad_tokenForm3 {
    height: 75%;
  }
}
#launchpad.launchpad_tokenForm3 .screenHolder {
  margin-left: calc(-300% - 2px);
}
#launchpad.launchpad_tokenForm4 {
  width: 378px;
  height: 579px;
}
@media (max-height: 700px) {
  #launchpad.launchpad_tokenForm4 {
    height: 75%;
  }
}
#launchpad.launchpad_tokenForm4 .screenHolder {
  margin-left: calc(-400% - 2px);
}
#launchpad.launchpad_tokenForm5 {
  width: 378px;
  height: 850px;
}
@media (max-height: 700px) {
  #launchpad.launchpad_tokenForm5 {
    height: 75%;
  }
}
#launchpad.launchpad_tokenForm5 .screenHolder {
  margin-left: calc(-500% - 5px);
}
#launchpad.launchpad_confirm .screenHolder {
  margin-left: calc(-300% - 3px);
}
#launchpad.launchpad_GroupFarming_SetInfo .screenHolder {
  margin-left: calc(-600% - 5px);
}
#launchpad.launchpad_GroupFarming_SetInfo_selectToken #launchpad_GroupFarming_SetInfo {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetInfo_selectToken .screenHolder {
  margin-left: calc(-600% - 5px);
}
#launchpad.launchpad_GroupFarming_SetReward0 #launchpad_GroupFarming_SetReward1 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward0 #launchpad_GroupFarming_SetReward2 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward0 #launchpad_GroupFarming_SetReward3 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward0 #launchpad_GroupFarming_SetReward_selectToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward0 #launchpad_GroupFarming_SetReward_selectLPToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward0 .screenHolder {
  margin-left: calc(-700% - 5px);
}
#launchpad.launchpad_GroupFarming_SetReward1 #launchpad_GroupFarming_SetReward0 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward1 #launchpad_GroupFarming_SetReward2 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward1 #launchpad_GroupFarming_SetReward3 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward1 #launchpad_GroupFarming_SetReward_selectToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward1 #launchpad_GroupFarming_SetReward_selectLPToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward1 .screenHolder {
  margin-left: calc(-700% - 5px);
}
#launchpad.launchpad_GroupFarming_SetReward2 #launchpad_GroupFarming_SetReward0 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward2 #launchpad_GroupFarming_SetReward1 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward2 #launchpad_GroupFarming_SetReward3 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward2 #launchpad_GroupFarming_SetReward_selectToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward2 #launchpad_GroupFarming_SetReward_selectLPToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward2 .screenHolder {
  margin-left: calc(-700% - 5px);
}
#launchpad.launchpad_GroupFarming_SetReward3 #launchpad_GroupFarming_SetReward0 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward3 #launchpad_GroupFarming_SetReward1 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward3 #launchpad_GroupFarming_SetReward2 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward3 #launchpad_GroupFarming_SetReward_selectToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward3 #launchpad_GroupFarming_SetReward_selectLPToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward3 .screenHolder {
  margin-left: calc(-700% - 5px);
}
#launchpad.launchpad_GroupFarming_SetReward_selectToken #launchpad_GroupFarming_SetReward0 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectToken #launchpad_GroupFarming_SetReward1 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectToken #launchpad_GroupFarming_SetReward2 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectToken #launchpad_GroupFarming_SetReward3 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectToken #launchpad_GroupFarming_SetReward_selectLPToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectToken .screenHolder {
  margin-left: calc(-700% - 5px);
}
#launchpad.launchpad_GroupFarming_SetReward_selectLPToken #launchpad_GroupFarming_SetReward0 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectLPToken #launchpad_GroupFarming_SetReward1 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectLPToken #launchpad_GroupFarming_SetReward2 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectLPToken #launchpad_GroupFarming_SetReward3 {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectLPToken #launchpad_GroupFarming_SetReward_selectToken {
  display: none;
}
#launchpad.launchpad_GroupFarming_SetReward_selectLPToken .screenHolder {
  margin-left: calc(-700% - 5px);
}
#launchpad.launchpad_GroupFarming_Summary .screenHolder {
  margin-left: calc(-800% - 9px);
}
#launchpad .scrollable {
  height: calc(100% - 139px);
  overflow: scroll;
}
@media (max-height: 700px) {
  #launchpad .scrollable {
    height: calc(70% + 10px);
  }
}
#launchpad .row {
  height: 69px;
  box-sizing: border-box;
  border-bottom: 1px solid #2b4855;
  position: relative;
}
#launchpad .row .small {
  font-size: 11px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5c7987;
}
#launchpad .row .big {
  font-weight: 400;
  border-radius: 5px;
}
@media (min-width: 800px) {
  #launchpad .row .big {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 800px) {
  #launchpad .row .big {
    font-size: 1.15rem;
    line-height: 1.4rem;
  }
}
#launchpad .row .big.clickable:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#launchpad .row .big.clickable:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#launchpad .row .coinInfo {
  position: relative;
  padding-top: 14px;
  color: #c5e5f4;
}
#launchpad .row .coinInfo .big {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
#launchpad .row .coinInfo .big:hover .arrow {
  border-top: 5px solid #c5e5f4;
}
#launchpad .row .coinInfo .small {
  padding: 0px;
  margin-top: -4px;
}
#launchpad .row .coinInfo .removeLP_input {
  margin-left: 10px;
}
#launchpad .row .coinInfo .input {
  float: right;
  width: 38%;
  cursor: text;
}
#launchpad .row .coinInfo .arrow {
  border: 5px solid transparent;
  border-top: 5px solid #3b5865;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -1px;
  margin-right: 3px;
}
#launchpad .row .amount {
  float: right;
  text-align: right;
  padding-right: 14px;
  padding-top: 13px;
  position: relative;
  z-index: 1000;
  vertical-align: top;
}
#launchpad .row .amount .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
#launchpad .row .amount .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#launchpad .row .amount .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#launchpad .row .amount .big {
  display: block;
  padding-top: 0px;
  margin-top: -4px;
  cursor: text;
}
#launchpad .row .amount .big.input_div {
  text-align: right;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
}
#launchpad .row .coinType {
  height: 68px;
  line-height: 68px;
  padding: 0px;
  border-radius: 34px 0 0 34px;
}
#launchpad .row .coinType .coinIcon {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 13px;
  margin-right: 14px;
  margin-left: 14px;
}
#launchpad .row .coinType .coins {
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 13px;
  margin-right: 14px;
  margin-left: 14px;
}
#launchpad .row .coinType .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#launchpad .row .coinType .coins .coin:nth-child(1) {
  z-index: 1000;
}
#launchpad .row .coinType .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#launchpad .row .coinType .coins .coin .coins {
  position: absolute;
}
#launchpad .unscrollable {
  height: calc(100% - 139px);
  overflow: hidden;
}
#launchpad .unscrollable .function_div {
  border-bottom: 1px solid #2b4855;
}
#launchpad .unscrollable .function_div .launchText {
  width: 90%;
  margin: auto;
  padding: 3px 0;
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 19px;
  text-align: center;
  color: #9ebfca;
}
#launchpad .dockedFooter {
  height: 70px;
  padding-bottom: 14px;
  padding-top: 1px;
  z-index: 10000000;
  border-top: 1px solid #2b4855;
  border-radius: 0 0 20px 20px;
  margin-top: -1px;
  position: relative;
}
#launchpad .dockedFooter.snapToBottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-bottom: 0px;
}
#launchpad .settingsIcon {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 21px;
  right: 14px;
  background-color: #2b4855;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1000000;
  background-size: cover;
  transition: 300ms;
  overflow: hidden;
  transition-property: left, right;
}
#launchpad .settingsIcon .icon1,
#launchpad .settingsIcon .icon2 {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  transition: 180ms;
  transition: 300m;
}
#launchpad .settingsIcon .icon2 {
  left: 26px;
}
#launchpad .settingsIcon:active {
  background-color: #3b5865;
}
#launchpad .launchpadSelectorRow {
  padding-left: 14px;
  text-align: right;
  position: relative;
  box-shadow: inset 0 -1px 0 #2b4855;
}
#launchpad .launchpadSelectorRow .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
  text-indent: 35px;
}
#launchpad .launchpadSelectorRow .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#launchpad .launchpadSelectorRow .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#launchpad .launchpadSelectorRow .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: 0;
  transition: 300ms;
}
#launchpad .launchpadSelectorRow .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#launchpad .launchpadSelectorRow .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}
#launchpad .launchpadInputRow,
#launchpad .launchpadTextareaRow,
#launchpad .launchpadIconInputRow {
  border-bottom: 1px solid #2b4855;
  box-sizing: content-box;
  position: relative;
  text-align: left;
  height: 72px;
  margin-left: 12px;
  margin-right: 12px;
}
@media (min-width: 800px) {
  #launchpad .launchpadInputRow,
  #launchpad .launchpadTextareaRow,
  #launchpad .launchpadIconInputRow {
    width: 344px;
  }
}
@media (max-width: 800px) {
  #launchpad .launchpadInputRow,
  #launchpad .launchpadTextareaRow,
  #launchpad .launchpadIconInputRow {
    width: 90%;
  }
}
#launchpad .launchpadInputRow .name,
#launchpad .launchpadTextareaRow .name,
#launchpad .launchpadIconInputRow .name {
  position: static;
  width: 100%;
  height: 19px;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 0;
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 400;
/* identical to box height */
  display: flex;
  align-items: center;
  color: #fff;
}
@media (min-width: 800px) {
  #launchpad .launchpadInputRow .name,
  #launchpad .launchpadTextareaRow .name,
  #launchpad .launchpadIconInputRow .name {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 800px) {
  #launchpad .launchpadInputRow .name,
  #launchpad .launchpadTextareaRow .name,
  #launchpad .launchpadIconInputRow .name {
    font-size: 1.01rem;
    line-height: 1.013rem;
  }
}
#launchpad .launchpadInputRow .divider,
#launchpad .launchpadTextareaRow .divider,
#launchpad .launchpadIconInputRow .divider {
  position: absolute;
  right: calc(62% - 1px);
  top: 14px;
  height: calc(100% - 28px);
  width: 1px;
  border-left: 1px dotted #2b4855;
}
#launchpad .launchpadInputRow input,
#launchpad .launchpadTextareaRow input,
#launchpad .launchpadIconInputRow input,
#launchpad .launchpadInputRow textarea,
#launchpad .launchpadTextareaRow textarea,
#launchpad .launchpadIconInputRow textarea {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 100%;
  height: 42px;
  border: 0px solid transparent;
  box-sizing: border-box;
  margin: 5px;
  padding: 0px;
  outline: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  margin-right: 1px;
  text-indent: 14px;
  position: relative;
  border-radius: 5px;
  background-color: #0b2b36;
  color: #c5e5f4;
}
#launchpad .launchpadInputRow input::placeholder,
#launchpad .launchpadTextareaRow input::placeholder,
#launchpad .launchpadIconInputRow input::placeholder,
#launchpad .launchpadInputRow textarea::placeholder,
#launchpad .launchpadTextareaRow textarea::placeholder,
#launchpad .launchpadIconInputRow textarea::placeholder {
  color: #3b5865;
}
#launchpad .launchpadInputRow input:hover,
#launchpad .launchpadTextareaRow input:hover,
#launchpad .launchpadIconInputRow input:hover,
#launchpad .launchpadInputRow textarea:hover,
#launchpad .launchpadTextareaRow textarea:hover,
#launchpad .launchpadIconInputRow textarea:hover {
  background: #13323d;
  z-index: 10000;
}
#launchpad .launchpadInputRow input:focus,
#launchpad .launchpadTextareaRow input:focus,
#launchpad .launchpadIconInputRow input:focus,
#launchpad .launchpadInputRow textarea:focus,
#launchpad .launchpadTextareaRow textarea:focus,
#launchpad .launchpadIconInputRow textarea:focus {
  background: #13323d;
  z-index: 10000;
}
#launchpad .launchpadInputRow .imageLabel,
#launchpad .launchpadTextareaRow .imageLabel,
#launchpad .launchpadIconInputRow .imageLabel {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 100%;
  height: 42px;
  border: 0px solid transparent;
  box-sizing: border-box;
  margin: 5px;
  padding-top: 10px;
  background: transparent;
  outline: none;
  background: transparent;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  margin-right: 1px;
  color: inherit;
  text-indent: 14px;
  position: relative;
}
#launchpad .launchpadInputRow .imageLabel::placeholder,
#launchpad .launchpadTextareaRow .imageLabel::placeholder,
#launchpad .launchpadIconInputRow .imageLabel::placeholder {
  color: #3b5865;
}
#launchpad .launchpadInputRow .imageLabel:hover,
#launchpad .launchpadTextareaRow .imageLabel:hover,
#launchpad .launchpadIconInputRow .imageLabel:hover {
  background: #13323d;
  z-index: 10000;
}
#launchpad .launchpadInputRow .imageLabel:focus,
#launchpad .launchpadTextareaRow .imageLabel:focus,
#launchpad .launchpadIconInputRow .imageLabel:focus {
  background: #13323d;
  z-index: 10000;
}
#launchpad .launchpadInputRow .file,
#launchpad .launchpadTextareaRow .file,
#launchpad .launchpadIconInputRow .file {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#launchpad .launchpadInputRow .coins,
#launchpad .launchpadTextareaRow .coins,
#launchpad .launchpadIconInputRow .coins {
  vertical-align: top;
  horiz-align: right;
  left: 290px;
  top: 6px;
}
#launchpad .launchpadInputRow .coins .coin,
#launchpad .launchpadTextareaRow .coins .coin,
#launchpad .launchpadIconInputRow .coins .coin {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  background-color: #2b4855;
  float: right;
  position: relative;
  background-size: cover;
}
#launchpad .launchpadInputRow .coins .coin:nth-child(1),
#launchpad .launchpadTextareaRow .coins .coin:nth-child(1),
#launchpad .launchpadIconInputRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
#launchpad .launchpadInputRow .coins .coin:nth-child(2),
#launchpad .launchpadTextareaRow .coins .coin:nth-child(2),
#launchpad .launchpadIconInputRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#launchpad .launchpadTokenRow {
  position: relative;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
  cursor: pointer;
}
#launchpad .launchpadTokenRow.selected .content .select {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#launchpad .launchpadTokenRow.selected:active .selected {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#launchpad .launchpadTokenRow:active {
  background: #2b4855;
}
#launchpad .launchpadTokenRow:active .content .select {
  box-shadow: inset 0 0 0 13px #3b5865;
}
#launchpad .launchpadTokenRow .content {
  padding: 9px 14px;
  width: calc(100% - 32px);
  box-sizing: border-box;
  padding-left: 54px;
}
#launchpad .launchpadTokenRow .content .select {
  height: 26px;
  width: 26px;
  box-shadow: inset 0 0 0 1px #2b4855;
  position: absolute;
  top: 9px;
  left: 14px;
  border-radius: 100%;
}
#launchpad .launchpadTokenRow .chevron {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 14px;
  height: 5px;
  width: 5px;
  border: 2px solid #2b4855;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
}
#launchpad .launchpadRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
  cursor: pointer;
}
#launchpad .launchpadRow.hasLPTokens .misc {
  margin-top: -24px !important;
}
#launchpad .launchpadRow.hasLPTokens .misc .lpAmount {
  display: block;
}
#launchpad .launchpadRow:active {
  background: #2b4855;
}
#launchpad .launchpadRow:active .chevron {
  border-color: #3b5865;
}
#launchpad .launchpadRow .chevron {
  position: absolute;
  top: 30px;
  right: 14px;
  height: 5px;
  width: 5px;
  border: 2px solid #2b4855;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
}
#launchpad .launchpadRow .misc {
  position: absolute;
  top: 50%;
  right: 31px;
  text-align: right;
  line-height: 16px;
  margin-top: -16px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
#launchpad .launchpadRow .misc .lpAmount {
  display: none;
  color: #8fadbc;
}
#launchpad .launchpadRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 70px;
  font-weight: 500;
  top: 0;
}
#launchpad .launchpadRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#launchpad .launchpadRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#launchpad .launchpadRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
#launchpad .launchpadRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#launchpad .badge {
  height: 16px;
  width: 16px;
  display: inline-block;
  background: #0b2b36;
  line-height: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #8fadbc;
  margin-top: 2px;
  margin-left: 2px;
  vertical-align: top;
  cursor: pointer;
  box-sizing: border-box;
}
#launchpad .badge div {
  height: 2px;
  width: 2px;
  background: #2b4855;
  margin-left: 7px;
}
#launchpad .badge div:first-child {
  margin-top: 4px;
}
#launchpad .badge div:last-child {
  margin-top: 1px;
  height: 5px;
}
#launchpad .badge:active {
  background: #001d28;
}
#launchpad .badge:active div {
  background-color: #3b5865 !important;
}
#launchpad .process_layer {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #9ebfca;
}
#launchpad .process_layer .process {
  width: 33.33%;
  padding: 5px;
  color: #d8f8ff;
  text-align: center;
}
#launchpad .process_layer .process.active {
  background-color: rgba(0,29,40,0.9);
}
#launchpad .process_layer .process:hover {
  cursor: pointer;
}
#launchpad .scrollable0 {
  height: calc(100% - 240px);
  overflow: scroll;
}
#launchpad .scrollable2 {
  height: calc(100% - 240px);
  overflow: scroll;
}
#launchpad .scrollable3 {
  height: calc(100% - 320px);
  overflow: scroll;
}
#launchpad .scrollable4 {
  height: calc(100% - 350px);
  overflow: scroll;
}
#launchpad .target_coin {
  display: flex;
  padding-bottom: 5px;
}
#launchpad .target_coin .coins {
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 14px;
}
#launchpad .target_coin .coins .coin {
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#launchpad .target_coin .coins .coin:nth-child(1) {
  z-index: 1000;
}
#launchpad .target_coin .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#launchpad .target_coin .coins .coin .coins {
  position: absolute;
}
#launchpad .target_coin .coinIcon {
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 10px;
  margin-right: 14px;
  margin-left: 14px;
}
#launchpad .target_coin .coinInfo {
  position: relative;
  padding-top: 10px;
  color: #c5e5f4;
}
#launchpad .target_coin .coinInfo .arrow {
  border: 5px solid transparent;
  border-top: 5px solid #0b2b36;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -1px;
  margin-right: 3px;
}
#launchpad .target_coin .coinInfo .big {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
  font-size: 1.1rem;
  line-height: 30px;
  font-weight: 600;
  border-radius: 5px;
}
@media (max-width: 700px) {
  #launchpad .target_coin .coinInfo .big {
    font-size: 1.2rem;
  }
}
#launchpad .target_coin .coinInfo .big:hover,
#launchpad .target_coin .coinInfo .big:active {
  background: #0b2b36;
}
#launchpad .target_coin .coinInfo .big:hover .arrow,
#launchpad .target_coin .coinInfo .big:active .arrow {
  border-top: 5px solid #c5e5f4;
}
#launchpad .target_coin .coinInfo .small {
  padding-bottom: 5px;
  font-size: 0.9rem;
}
#launchpad .dockedFooter {
  height: 70px;
  padding-bottom: 14px;
  padding-top: 1px;
  z-index: 10000000;
  border-top: 1px solid #2b4855;
  border-radius: 0 0 20px 20px;
  margin-top: -1px;
  position: relative;
}
#launchpad .delete_div {
  display: table-cell;
  margin: auto 5px;
}
#launchpad .reward_div .title_div {
  display: flex;
  justify-content: space-between;
  margin: 5px 20px;
  font-weight: 700;
  color: #c5e5f4;
}
#launchpad .reward_div .title_div img {
  height: 20px;
  width: 20px;
}
#launchpad .reward_div .reward_token {
  display: flex;
  justify-content: space-between;
}
#launchpad .amount {
  text-align: right;
  padding-top: 10px;
}
#launchpad .amount .small {
  padding-bottom: 15px;
  margin-top: 4px;
  margin-bottom: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  font-size: 0.8rem;
}
#launchpad .amount .big {
  padding-top: 0;
  margin-top: 2px;
  cursor: text;
  height: 25px;
}
#launchpad .amount .big .input_div {
  background-color: #0b2b36;
  outline: 0;
  border-radius: 5px;
  text-align: right;
  color: #fff;
  height: 20px;
}#nft {
  height: 550px;
  width: 378px;
}
@media (max-height: 600px) {
  #nft {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft {
    width: 90%;
  }
}
#nft.nft_config {
  height: 500px;
  width: 378px;
}
@media (max-height: 600px) {
  #nft.nft_config {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.nft_config {
    width: 90%;
  }
}
#nft.nft_marketplace {
  height: 500px;
  width: 378px;
}
@media (max-height: 600px) {
  #nft.nft_marketplace {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.nft_marketplace {
    width: 90%;
  }
}
#nft.nft_marketplace #nft_myCollection {
  display: none;
}
#nft.nft_marketplace .screenHolder {
  margin-left: calc(-100% - 1px);
}
#nft.nft_myCollection {
  height: 500px;
  width: 378px;
}
@media (max-height: 600px) {
  #nft.nft_myCollection {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.nft_myCollection {
    width: 90%;
  }
}
#nft.nft_myCollection #nft_marketplace {
  display: none;
}
#nft.nft_myCollection .screenHolder {
  margin-left: calc(-100% - 1px);
}
#nft.nft_mint {
  height: 500px;
  width: 378px;
}
#nft.nft_mint #nft_buy {
  display: none;
}
#nft.nft_mint #retouchburn_artintelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.nft_mint {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.nft_mint {
    width: 90%;
  }
}
#nft.nft_mint .screenHolder {
  margin-left: calc(-200% - 2px);
}
#nft.nft_buy {
  height: 500px;
  width: 378px;
}
#nft.nft_buy #nft_mint {
  display: none;
}
#nft.nft_buy #retouchburn_artintelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.nft_buy {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.nft_buy {
    width: 90%;
  }
}
#nft.nft_buy .screenHolder {
  margin-left: calc(-200% - 2px);
}
#nft.manage_artintelligence {
  height: 530px;
  width: 378px;
}
#nft.manage_artintelligence #nft_buy {
  display: none;
}
#nft.manage_artintelligence #nft_mint {
  display: none;
}
@media (max-height: 600px) {
  #nft.manage_artintelligence {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.manage_artintelligence {
    width: 90%;
  }
}
#nft.manage_artintelligence .screenHolder {
  margin-left: calc(-200% - 2px);
}
#nft.mint_goldpass {
  height: 530px;
  width: 378px;
}
#nft.mint_goldpass #mint_silverPass {
  display: none;
}
#nft.mint_goldpass #mint_artintelligence {
  display: none;
}
#nft.mint_goldpass #marketlisting_artIntelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.mint_goldpass {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.mint_goldpass {
    width: 90%;
  }
}
#nft.mint_goldpass .screenHolder {
  margin-left: calc(-300% - 3px);
}
#nft.mint_silverpass {
  height: 530px;
  width: 378px;
}
#nft.mint_silverpass #mint_goldPass {
  display: none;
}
#nft.mint_silverpass #mint_artintelligence {
  display: none;
}
#nft.mint_silverpass #marketlisting_artIntelligence {
  display: none;
}
#nft.mint_silverpass #retouch_artintelligence {
  display: none;
}
#nft.mint_silverpass #burn_artintelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.mint_silverpass {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.mint_silverpass {
    width: 90%;
  }
}
#nft.mint_silverpass .screenHolder {
  margin-left: calc(-300% - 3px);
}
#nft.mint_artintelligence {
  height: 530px;
  width: 378px;
}
#nft.mint_artintelligence #mint_goldPass {
  display: none;
}
#nft.mint_artintelligence #mint_silverPass {
  display: none;
}
#nft.mint_artintelligence #marketlisting_artIntelligence {
  display: none;
}
#nft.mint_artintelligence #retouch_artintelligence {
  display: none;
}
#nft.mint_artintelligence #burn_artintelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.mint_artintelligence {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.mint_artintelligence {
    width: 90%;
  }
}
#nft.mint_artintelligence .screenHolder {
  margin-left: calc(-300% - 3px);
}
#nft.marketlisting_artIntelligence {
  height: 530px;
  width: 378px;
}
#nft.marketlisting_artIntelligence #mint_goldPass {
  display: none;
}
#nft.marketlisting_artIntelligence #mint_silverPass {
  display: none;
}
#nft.marketlisting_artIntelligence #mint_artintelligence {
  display: none;
}
#nft.marketlisting_artIntelligence #retouch_artintelligence {
  display: none;
}
#nft.marketlisting_artIntelligence #burn_artintelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.marketlisting_artIntelligence {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.marketlisting_artIntelligence {
    width: 90%;
  }
}
#nft.marketlisting_artIntelligence .screenHolder {
  margin-left: calc(-300% - 3px);
}
#nft.retouch_artintelligence {
  height: 530px;
  width: 378px;
}
#nft.retouch_artintelligence #mint_goldPass {
  display: none;
}
#nft.retouch_artintelligence #mint_silverPass {
  display: none;
}
#nft.retouch_artintelligence #mint_artintelligence {
  display: none;
}
#nft.retouch_artintelligence #marketlisting_artIntelligence {
  display: none;
}
#nft.retouch_artintelligence #burn_artintelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.retouch_artintelligence {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.retouch_artintelligence {
    width: 90%;
  }
}
#nft.retouch_artintelligence .screenHolder {
  margin-left: calc(-300% - 3px);
}
#nft.burn_artintelligence {
  height: 530px;
  width: 378px;
}
#nft.burn_artintelligence #mint_goldPass {
  display: none;
}
#nft.burn_artintelligence #mint_silverPass {
  display: none;
}
#nft.burn_artintelligence #mint_artintelligence {
  display: none;
}
#nft.burn_artintelligence #marketlisting_artIntelligence {
  display: none;
}
#nft.burn_artintelligence #retouch_artintelligence {
  display: none;
}
@media (max-height: 600px) {
  #nft.burn_artintelligence {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.burn_artintelligence {
    width: 90%;
  }
}
#nft.burn_artintelligence .screenHolder {
  margin-left: calc(-300% - 3px);
}
#nft.buy_artIntelligence {
  height: 530px;
  width: 378px;
}
@media (max-height: 600px) {
  #nft.buy_artIntelligence {
    height: 75%;
  }
}
@media (max-width: 800px) {
  #nft.buy_artIntelligence {
    width: 90%;
  }
}
#nft.buy_artIntelligence .screenHolder {
  margin-left: calc(-400% - 4px);
}
#nft .unscrollable {
  height: calc(100% - 139px);
  overflow: hidden;
}
#nft .unscrollable .function_div {
  border-bottom: 1px solid #2b4855;
  padding: 5px;
  padding-bottom: 10px;
}
#nft .unscrollable .function_div .subText {
  width: 90%;
  margin: auto;
  padding: 3px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 19px;
  text-align: center;
  color: #9ebfca;
}
#nft .scrollable {
  height: calc(100% - 100px);
  overflow: scroll;
}
#nft .scrollable .function_div {
  border-bottom: 1px solid #2b4855;
  padding: 5px;
  padding-bottom: 10px;
}
#nft .scrollable .function_div .subText {
  width: 90%;
  margin: auto;
  padding: 3px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12.5px;
  line-height: 19px;
  text-align: center;
  color: #9ebfca;
}
#nft .mint_row {
  border-bottom: 1px solid #2b4855;
  padding: 5px;
  padding-bottom: 10px;
  height: 100px;
  display: flex;
  cursor: pointer;
}
#nft .mint_row :hover {
  cursor: pointer;
}
#nft .mint_text {
  width: 60%;
  margin: auto;
}
#nft .mint_text .large_text {
  font-size: 24px;
  padding-bottom: 10px;
}
#nft .mint_text .small_text {
  font-size: 12.5px;
}
#nft .image_right {
  width: 35%;
}
#nft .listed_item {
  padding: 5px;
  height: 240px;
  display: inline-block;
}
#nft .listed_item .listed_image {
  margin: 0 5%;
  height: 90%;
  width: 90%;
}
#nft .listed_item .listing_info {
  font-size: 14px;
  padding: 15px;
}
#nft .listed_item .listing_details {
  font-size: 16px;
  font-weight: bolder;
  padding-left: 15px;
}
#nft .listed_item .listing_flex {
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}
#nft .listed_item .listing_flex .flex_left {
  font-size: 16px;
  width: 40%;
  text-align: left;
}
#nft .listed_item .listing_flex .flex_right {
  font-size: 13px;
  width: 65%;
  text-align: right;
  align-self: center;
}
#nft .grid_listing {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  align-items: start;
  width: 100%;
  margin: 2px auto 0;
  align-content: center;
}
#nft .grid_listing .grid_card,
#nft .grid_listing .grid_card_owned {
  width: 160px;
  height: 250px;
  margin: auto;
  cursor: pointer;
}
#nft .grid_listing .grid_card .card_image,
#nft .grid_listing .grid_card_owned .card_image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 60%;
}
#nft .grid_listing .grid_card .card_caption,
#nft .grid_listing .grid_card_owned .card_caption {
  font-size: 10px;
}
#nft .grid_listing .grid_card .card_title,
#nft .grid_listing .grid_card_owned .card_title {
  font-size: 15px;
  margin: 8px 0;
  text-align: center;
}
#nft .grid_listing .grid_card .card_info,
#nft .grid_listing .grid_card_owned .card_info {
  display: flex;
  justify-content: space-between;
}
#nft .grid_listing .grid_card .card_info .card_info_left,
#nft .grid_listing .grid_card_owned .card_info .card_info_left {
  font-size: 12px;
  width: 30%;
  text-align: left;
}
#nft .grid_listing .grid_card .card_info .card_info_right,
#nft .grid_listing .grid_card_owned .card_info .card_info_right {
  font-size: 12px;
  width: 65%;
  text-align: right;
}#pool {
  height: 565px;
  width: 363px;
  width: 406px;
  width: 443px;
  height: calc(100% - 154px);
}
#pool.pool_config_from_pick #pool_confirmed {
  display: none;
}
#pool.pool_pick {
  height: calc(100% - 140px);
  margin-top: 28px;
}
#pool.pool_pick #pool_view,
#pool.pool_pick #pool_confirmed,
#pool.pool_pick #pool_addLiquidity,
#pool.pool_pick #pool_claim,
#pool.pool_pick #pool_removeLiquidity,
#pool.pool_pick #pool_customPool {
  display: none;
}
#pool.pool_pick .screenHolder {
  margin-left: calc(-500% - 3px);
}
#pool.pool_view {
  height: 453px;
}
#pool.pool_view .screenHolder {
  margin-left: calc(-100% - 2px);
}
#pool.pool_stakeLP {
  height: 640px;
}
#pool.pool_stakeLP .screenHolder {
  margin-left: calc(-200% - 2px);
}
#pool.pool_stakeLP #pool_addLiquidity,
#pool.pool_stakeLP #pool_claim,
#pool.pool_stakeLP #pool_pick {
  display: none;
}
#pool.pool_addLiquidity {
  height: 420px;
}
#pool.pool_addLiquidity .screenHolder {
  margin-left: calc(-200% - 2px);
}
#pool.pool_addLiquidity #pool_stakeLP,
#pool.pool_addLiquidity #pool_claim,
#pool.pool_addLiquidity #pool_seedLiquidity,
#pool.pool_addLiquidity #pool_removeLiquidity,
#pool.pool_addLiquidity #pool_pick {
  display: none;
}
#pool.pool_removeLiquidity {
  height: 250px;
}
#pool.pool_removeLiquidity .screenHolder {
  margin-left: calc(-300% - 2px);
}
#pool.pool_removeLiquidity #pool_stakeLP,
#pool.pool_removeLiquidity #pool_claim,
#pool.pool_removeLiquidity #pool_seedLiquidity,
#pool.pool_removeLiquidity #pool_addLiquidity,
#pool.pool_removeLiquidity #pool_pick {
  display: none;
}
#pool.pool_claim {
  height: 363px;
}
#pool.pool_claim .screenHolder {
  margin-left: calc(-100% - 2px);
}
#pool.pool_claim #pool_stakeLP,
#pool.pool_claim #pool_addLiquidity,
#pool.pool_claim #pool_pick {
  display: none;
}
#pool.pool_view_from_pool_stakeLP #pool_addLiquidity,
#pool.pool_view_from_pool_stakeLP #pool_claim,
#pool.pool_view_from_pool_stakeLP #pool_pick {
  display: none;
}
#pool.pool_view_from_pool_addLiquidity #pool_stakeLP,
#pool.pool_view_from_pool_addLiquidity #pool_claim,
#pool.pool_view_from_pool_addLiquidity #pool_pick {
  display: none;
}
#pool.pool_view_from_pool_removeLiquidity #pool_stakeLP,
#pool.pool_view_from_pool_removeLiquidity #pool_claim,
#pool.pool_view_from_pool_removeLiquidity #pool_addLiquidity,
#pool.pool_view_from_pool_removeLiquidity #pool_pick {
  display: none;
}
#pool.pool_view_from_pool_claim #pool_stakeLP,
#pool.pool_view_from_pool_claim #pool_addLiquidity,
#pool.pool_view_from_pool_claim #pool_pick {
  display: none;
}
#pool.pool_confirm {
  height: 250px;
}
#pool.pool_confirm .screenHolder {
  margin-left: calc(-400% - 3px);
}
#pool.pool_customPool {
  height: 277px;
}
#pool.pool_customPool #pool_view {
  display: none;
}
#pool.pool_customPool .screenHolder {
  margin-left: calc(-100% - 1px);
}
#pool.pool_seedLiquidity {
  height: 372px;
}
#pool.pool_seedLiquidity .screenHolder {
  margin-left: calc(-200% - 2px);
}
#pool.pool_seedLiquidity #pool_addLiquidity {
  display: none;
}
#pool #pool_start .scrollable {
  height: calc(100% - 69px);
  overflow: scroll;
}
#pool #pool_start .floatingFooter {
  position: sticky;
  bottom: 0;
  left: 0;
  background: #1b3945;
  padding-bottom: 14px;
  padding-top: 1px;
  z-index: 1000;
  box-shadow: inset 0 0 0 1px #2b4855;
  border-radius: 0 0 20px 20px;
  margin-top: -1px;
}
#pool .row {
  height: 42px;
  line-height: 42;
}
#pool .row .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
}
#pool .row .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#pool .row .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#pool .poolRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
  cursor: pointer;
}
#pool .poolRow:last-child {
  border-bottom: 0px solid #2b4855;
}
#pool .poolRow:active {
  background: #2b4855;
}
#pool .poolRow:active .chevron {
  border-color: #3b5865;
}
#pool .poolRow .chevron {
  position: absolute;
  top: 30px;
  right: 14px;
  height: 5px;
  width: 5px;
  border: 2px solid #2b4855;
  border-left: 0px;
  border-bottom: 0px;
  transform: rotate(45deg);
}
#pool .poolRow .misc {
  position: absolute;
  top: 50%;
  right: 31px;
  text-align: right;
  line-height: 18px;
  margin-top: -9px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #c5e5f4;
}
@media (max-width: 700px) {
  #pool .poolRow .misc {
    font-size: 0.7rem;
  }
}
#pool .poolRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 700px) {
  #pool .poolRow .type {
    font-size: 1.1rem;
  }
}
#pool .poolRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#pool .poolRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#pool .poolRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
#pool .poolRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#pool .poolRow .coins .coin .coins {
  position: absolute;
}
#pool .poolStakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
#pool .poolStakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
}
#pool .poolStakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#pool .poolStakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#pool .poolStakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
#pool .poolStakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#pool .poolStakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#pool .poolStakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6a7b83;
}
#pool .poolStakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 96px;
  font-weight: 500;
  top: 0;
}
#pool .poolStakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#pool .poolStakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#pool .poolStakeRow .coins .coin:nth-child(1) {
  z-index: 1000;
}
#pool .poolStakeRow .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#pool .poolStakeRow .coins .coin .coins {
  position: absolute;
}
#pool .row {
  height: 69px;
  box-sizing: border-box;
  border-bottom: 1px solid #2b4855;
  position: relative;
}
#pool .row .small {
  font-size: 11px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5c7987;
}
#pool .row .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
}
#pool .row .big.clickable:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#pool .row .big.clickable:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#pool .row .coinInfo {
  position: relative;
  padding-top: 14px;
  color: #c5e5f4;
}
#pool .row .coinInfo .big {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
#pool .row .coinInfo .big:hover .arrow {
  border-top: 5px solid #c5e5f4;
}
#pool .row .coinInfo .small {
  padding: 0px;
  margin-top: -4px;
}
#pool .row .coinInfo .removeLP_input {
  margin-left: 10px;
}
#pool .row .coinInfo .input {
  float: right;
  width: 38%;
  cursor: text;
}
#pool .row .coinInfo .arrow {
  border: 5px solid transparent;
  border-top: 5px solid #3b5865;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -1px;
  margin-right: 3px;
}
#pool .row .amount {
  float: right;
  text-align: right;
  padding-right: 14px;
  padding-top: 13px;
  position: relative;
  z-index: 1000;
  vertical-align: top;
}
#pool .row .amount .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
#pool .row .amount .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#pool .row .amount .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#pool .row .amount .big {
  display: block;
  padding-top: 0px;
  margin-top: -4px;
  cursor: text;
}
#pool .row .amount .big.input_div {
  text-align: right;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
}
#pool .row .coinType {
  height: 68px;
  line-height: 68px;
  padding: 0px;
  border-radius: 34px 0 0 34px;
}
#pool .row .coinType .coinIcon {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 13px;
  margin-right: 14px;
  margin-left: 14px;
}
#pool .row .coinType .coins {
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 13px;
  margin-right: 14px;
  margin-left: 14px;
}
#pool .row .coinType .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
#pool .row .coinType .coins .coin:nth-child(1) {
  z-index: 1000;
}
#pool .row .coinType .coins .coin:nth-child(2) {
  background-color: #3b5865;
  margin-left: -14px;
}
#pool .row .coinType .coins .coin .coins {
  position: absolute;
}
#pool .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#pool .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#pool .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#pool .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#pool .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#pool .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#pool .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}.toggle_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
}
.toggle_div .toggle_component {
  padding: 10px 20%;
}
@media (max-width: 800px) {
  .toggle_div .toggle_component {
    padding: 10px 20%;
  }
}
.toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
.blockProgressbar {
  padding: 0 14px;
  line-height: 42px;
  border-bottom: 1px solid #2b4855;
}
.blockProgressbar .info {
  float: right;
  line-height: 26px;
  margin-top: 9px;
}
.blockProgressbar .progressBar {
  height: 14px;
  margin-bottom: 14px;
  background: #2b4855;
  border-radius: 9px;
  overflow: hidden;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #b3d2e1;
}
.blockProgressbar .progressBar .complete {
  width: 0%;
  background: #005b80;
  height: 100%;
  line-height: 14px;
  padding-left: 9px;
}
.scrollable {
  overflow: scroll;
}
#stake {
  height: 600px;
  width: 363px;
  width: 406px;
  width: 425px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake {
    height: 75%;
  }
}
#stake.stake_stake {
  height: 558px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake.stake_stake {
    height: 75%;
  }
}
#stake.stake_stake .screenHolder {
  margin-left: calc(-100% - 1px);
}
#stake.stake_unstake {
  height: 458px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake.stake_unstake {
    height: 75%;
  }
}
#stake.stake_unstake .screenHolder {
  margin-left: calc(-200% - 1px);
}
#stake.stake_claim {
  height: 238px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake.stake_claim {
    height: 75%;
  }
}
#stake.stake_claim .screenHolder {
  margin-left: calc(-300% - 1px);
}
#stake.stake_confirm {
  height: 196px;
}
#stake.stake_confirm .screenHolder {
  margin-left: calc(-400% - 2px);
}
#stake.stake_dashboard {
  width: 1200px;
  height: 480px;
}
@media (max-width: 1200px) {
  #stake.stake_dashboard {
    width: 90%;
  }
}
#stake.stake_dashboard .screenHolder {
  margin-left: calc(-500% - 5px);
}
#stake.stake_dashboard .screenHolder .screen {
  overflow: auto;
}
#stake .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#stake .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#stake .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#stake .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#stake .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#stake .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#stake .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}
#stake .stakeStakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
#stake .stakeStakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
}
@media (max-width: 800px) {
  #stake .stakeStakeRow .big {
    width: 65%;
  }
}
#stake .stakeStakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#stake .stakeStakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#stake .stakeStakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
#stake .stakeStakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#stake .stakeStakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#stake .stakeStakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#stake .stakeStakeRow .misc .apr {
  margin-top: 3px;
}
#stake .stakeStakeRow .misc .apr button {
  background-color: #6c8a98;
  color: rgba(0,29,40,0.9);
  border: 0;
  outline: 0;
  border-radius: 3px;
}
#stake .stakeStakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 70px;
  font-weight: 500;
  top: 0;
}
@media (max-width: 800px) {
  #stake .stakeStakeRow .type {
    font-size: 1.1rem;
  }
}
#stake .stakeStakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#stake .stakeStakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.widget_stake_row_roundBar {
  height: 14px;
  margin-bottom: 14px;
  background: #2b4855;
  cursor: pointer;
  width: 415px;
}
@media (max-width: 800px) {
  .widget_stake_row_roundBar {
    width: 95%;
  }
}
.widget_stake_row_roundBar:active .active {
  background: #00503f !important;
  transition: 0s;
}
.widget_stake_row_roundBar .widget_stake_row_roundBar_option {
  height: 14px;
  box-sizing: content-box;
  border-right: 1px solid #1b3945;
  box-sizing: border-box;
  float: left;
  transition: 150ms;
}
@media (min-width: 800px) {
  .widget_stake_row_roundBar .widget_stake_row_roundBar_option {
    width: 11.52px;
  }
}
@media (max-width: 800px) {
  .widget_stake_row_roundBar .widget_stake_row_roundBar_option {
    width: calc(100% / 36);
  }
}
.widget_stake_row_roundBar .widget_stake_row_roundBar_option.active {
  background: #0d604e;
}
.widget_stake_row_roundBar .widget_stake_row_roundBar_option:last-child {
  border-right: 0px solid transparent;
}
.widget_stake_row {
  line-height: 42px;
  padding-left: 14px;
  border-bottom: 1px solid #2b4855;
}
.widget_stake_row .coin {
  height: 26px;
  width: 26px;
  border-radius: 100%;
  float: left;
  margin-top: 8px;
  margin-right: 9px;
  background-size: cover;
}
.widget_stake_row .info {
  float: right;
  padding-right: 14px;
}
.widget_stake_row .badge {
  height: 16px;
  width: 16px;
  display: inline-block;
  background: #0b2b36;
  line-height: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #8fadbc;
  margin-top: 13px;
  margin-left: 2px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  margin-left: 6px;
  cursor: pointer;
}
.widget_stake_row .badge div {
  height: 2px;
  width: 2px;
  background: #2b4855;
  margin-left: 7px;
}
.widget_stake_row .badge div:first-child {
  margin-top: 4px;
}
.widget_stake_row .badge div:last-child {
  margin-top: 1px;
  height: 5px;
}
.widget_stake_row .badge:active {
  background: #001d28;
}
.widget_stake_row .badge:active div {
  background-color: #3b5865 !important;
}
.widget_stake_row .toggleButtons {
  height: 26px;
  float: right;
  margin-left: 9px;
}
.widget_stake_row .toggleButtons .up,
.widget_stake_row .toggleButtons .down {
  background: #2b4855;
  height: 26px;
  width: 26px;
  float: right;
  margin-left: 1px;
  margin-top: 8px;
  cursor: pointer;
  position: relative;
}
.widget_stake_row .toggleButtons .up:active,
.widget_stake_row .toggleButtons .down:active {
  background-color: #3b5865;
}
.widget_stake_row .toggleButtons .up:active .minus,
.widget_stake_row .toggleButtons .down:active .minus,
.widget_stake_row .toggleButtons .up:active .plus,
.widget_stake_row .toggleButtons .down:active .plus {
  background: #7d9baa;
}
.widget_stake_row .toggleButtons .down {
  border-radius: 9px 0 0 9px;
}
.widget_stake_row .toggleButtons .up {
  border-radius: 0 9px 9px 0;
}
.widget_stake_row .toggleButtons .minus {
  height: 2px;
  width: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -4px;
  background: #6c8a98;
}
.widget_stake_row .toggleButtons .plus {
  height: 8px;
  width: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -1px;
  background: #6c8a98;
}
.round_info {
  line-height: 20px;
  padding: 5px 14px;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  .round_info {
    font-size: 0.8rem;
  }
}
.round_info:hover {
  cursor: pointer;
  transform: scale(1.01);
  background-color: #0b2b36;
}
.round_info .round_info_header {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
.round_info .round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
}
.round_info .round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
.round_info .round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}
#stake_dashboard {
  overflow: auto;
}
#stake_dashboard .widget_header {
  width: 100%;
  position: sticky;
  left: 0;
}
#stake_dashboard .dd_toggle_div {
  position: sticky;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
}
#stake_dashboard .dd_toggle_div .toggle_component {
  font-size: 1.2vmin;
  padding: 0 calc((100% - 78px) / 4);
}
#stake_dashboard .dd_toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#stake_dashboard .dd_toggle_div .toggle_component:hover {
  transform: scale(1.05);
  cursor: pointer;
}
#stake_dashboard .dd_round_info {
  width: 1200px;
  white-space: nowrap;
  overflow-x: scroll;
  padding: 5px 0;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  #stake_dashboard .dd_round_info {
    font-size: 0.8rem;
  }
}
#stake_dashboard .dd_round_info .dd_round_info_header {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  padding: 5px;
  border-bottom: 1px solid #2b4855;
}
#stake_dashboard .dd_round_info .dd_round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
  text-align: center;
}
#stake_dashboard .dd_round_info .dd_round_info_content_total {
  height: 320px;
  overflow-y: scroll;
}
#stake_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 15px 3px;
}
#stake_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content:hover {
  background-color: rgba(217,141,0,0.43);
}
#stake_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}.toggle_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
}
.toggle_div .toggle_component {
  padding: 10px 20%;
}
@media (max-width: 800px) {
  .toggle_div .toggle_component {
    padding: 10px 20%;
  }
}
.toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
.toggle_div .toggle_component:hover {
  transform: scale(1.02);
  cursor: pointer;
}
.blockProgressbar {
  padding: 0 14px;
  line-height: 42px;
  border-bottom: 1px solid #2b4855;
}
.blockProgressbar .info {
  float: right;
  line-height: 26px;
  margin-top: 9px;
}
.blockProgressbar .progressBar {
  height: 14px;
  margin-bottom: 14px;
  background: #2b4855;
  border-radius: 9px;
  overflow: hidden;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #b3d2e1;
}
.blockProgressbar .progressBar .complete {
  width: 0%;
  background: #005b80;
  height: 100%;
  line-height: 14px;
  padding-left: 9px;
}
.scrollable {
  overflow: scroll;
}
#stake_lbtc {
  height: 600px;
  width: 363px;
  width: 406px;
  width: 425px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake_lbtc {
    height: 75%;
  }
}
#stake_lbtc.stake_lbtc_stake {
  height: 558px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake_lbtc.stake_lbtc_stake {
    height: 75%;
  }
}
#stake_lbtc.stake_lbtc_stake .screenHolder {
  margin-left: calc(-100% - 1px);
}
#stake_lbtc.stake_lbtc_unstake {
  height: 458px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake_lbtc.stake_lbtc_unstake {
    height: 75%;
  }
}
#stake_lbtc.stake_lbtc_unstake .screenHolder {
  margin-left: calc(-200% - 1px);
}
#stake_lbtc.stake_lbtc_claim {
  height: 238px;
  width: 443px;
}
@media (max-height: 700px) {
  #stake_lbtc.stake_lbtc_claim {
    height: 75%;
  }
}
#stake_lbtc.stake_lbtc_claim .screenHolder {
  margin-left: calc(-300% - 1px);
}
#stake_lbtc.stake_lbtc_confirm {
  height: 196px;
}
#stake_lbtc.stake_lbtc_confirm .screenHolder {
  margin-left: calc(-400% - 2px);
}
#stake_lbtc.stake_lbtc_dashboard {
  width: 1200px;
  height: 480px;
}
@media (max-width: 1200px) {
  #stake_lbtc.stake_lbtc_dashboard {
    width: 90%;
  }
}
#stake_lbtc.stake_lbtc_dashboard .screenHolder {
  margin-left: calc(-500% - 3px);
}
#stake_lbtc.stake_lbtc_dashboard .screenHolder .screen {
  overflow: auto;
}
#stake_lbtc .selector {
  padding-left: 14px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #2b4855;
}
#stake_lbtc .selector .select {
  width: calc(60% + 21px);
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #2b4855;
  line-height: 42px;
  position: relative;
}
#stake_lbtc .selector .select.active div {
  box-shadow: inset 0 0 0 13px #227059 !important;
}
#stake_lbtc .selector .select:last-child {
  border-bottom: 0px solid #2b4855;
}
#stake_lbtc .selector .select div {
  height: 26px;
  width: 26px;
  position: absolute;
  box-shadow: inset 0 0 0 1px #2b4855;
  box-sizing: border-box;
  border-radius: 100%;
  top: 8px;
  left: -35px;
  transition: 300ms;
}
#stake_lbtc .selector .select:active div {
  box-shadow: inset 0 0 0 13px #2b4855;
}
#stake_lbtc .selector .name {
  position: absolute;
  top: 0;
  left: 14px;
  line-height: 42px;
}
#stake_lbtc .stake_lbtc_StakeRow {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #2b4855;
  overflow: hidden;
}
#stake_lbtc .stake_lbtc_StakeRow .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
  width: 180px;
  background-color: #0b2b36;
  color: #a1bfce;
}
#stake_lbtc .stake_lbtc_StakeRow .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#stake_lbtc .stake_lbtc_StakeRow .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#stake_lbtc .stake_lbtc_StakeRow .small {
  padding-top: 0px;
  margin-top: -3px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  padding-top: 1px;
}
#stake_lbtc .stake_lbtc_StakeRow .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#stake_lbtc .stake_lbtc_StakeRow .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#stake_lbtc .stake_lbtc_StakeRow .misc {
  position: absolute;
  top: 50%;
  right: 14px;
  text-align: right;
  line-height: 18px;
  margin-top: -25px;
  color: #a1bfce;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#stake_lbtc .stake_lbtc_StakeRow .misc .apr {
  margin-top: 3px;
}
#stake_lbtc .stake_lbtc_StakeRow .misc .apr button {
  background-color: #6c8a98;
  color: rgba(0,29,40,0.9);
  border: 0;
  outline: 0;
  border-radius: 3px;
}
#stake_lbtc .stake_lbtc_StakeRow .type {
  font-size: 22px;
  line-height: 30px;
  line-height: 70px;
  position: absolute;
  left: 70px;
  font-weight: 500;
  top: 0;
}
#stake_lbtc .stake_lbtc_StakeRow .coins {
  margin-left: 14px;
  margin-top: 14px;
}
#stake_lbtc .stake_lbtc_StakeRow .coins .coin {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: #2b4855;
  float: left;
  position: relative;
  background-size: cover;
}
.widget_stake_lbtc_row_roundBar {
  height: 14px;
  margin-bottom: 14px;
  background: #2b4855;
  cursor: pointer;
  width: 415px;
}
@media (max-width: 800px) {
  .widget_stake_lbtc_row_roundBar {
    width: 95%;
  }
}
.widget_stake_lbtc_row_roundBar:active .active {
  background: #00503f !important;
  transition: 0s;
}
.widget_stake_lbtc_row_roundBar .widget_stake_lbtc_row_roundBar_option {
  height: 14px;
  box-sizing: content-box;
  border-right: 1px solid #1b3945;
  box-sizing: border-box;
  float: left;
  transition: 150ms;
}
@media (min-width: 800px) {
  .widget_stake_lbtc_row_roundBar .widget_stake_lbtc_row_roundBar_option {
    width: 11.52px;
  }
}
@media (max-width: 800px) {
  .widget_stake_lbtc_row_roundBar .widget_stake_lbtc_row_roundBar_option {
    width: calc(100% / 36);
  }
}
.widget_stake_lbtc_row_roundBar .widget_stake_lbtc_row_roundBar_option.active {
  background: #0d604e;
}
.widget_stake_lbtc_row_roundBar .widget_stake_lbtc_row_roundBar_option:last-child {
  border-right: 0px solid transparent;
}
.widget_stake_lbtc_row {
  line-height: 42px;
  padding-left: 14px;
  border-bottom: 1px solid #2b4855;
}
.widget_stake_lbtc_row .coin {
  height: 26px;
  width: 26px;
  border-radius: 100%;
  float: left;
  margin-top: 8px;
  margin-right: 9px;
  background-size: cover;
}
.widget_stake_lbtc_row .info {
  float: right;
  padding-right: 14px;
}
.widget_stake_lbtc_row .badge {
  height: 16px;
  width: 16px;
  display: inline-block;
  background: #0b2b36;
  line-height: 16px;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #8fadbc;
  margin-top: 13px;
  margin-left: 2px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  margin-left: 6px;
  cursor: pointer;
}
.widget_stake_lbtc_row .badge div {
  height: 2px;
  width: 2px;
  background: #2b4855;
  margin-left: 7px;
}
.widget_stake_lbtc_row .badge div:first-child {
  margin-top: 4px;
}
.widget_stake_lbtc_row .badge div:last-child {
  margin-top: 1px;
  height: 5px;
}
.widget_stake_lbtc_row .badge:active {
  background: #001d28;
}
.widget_stake_lbtc_row .badge:active div {
  background-color: #3b5865 !important;
}
.widget_stake_lbtc_row .toggleButtons {
  height: 26px;
  float: right;
  margin-left: 9px;
}
.widget_stake_lbtc_row .toggleButtons .up,
.widget_stake_lbtc_row .toggleButtons .down {
  background: #2b4855;
  height: 26px;
  width: 26px;
  float: right;
  margin-left: 1px;
  margin-top: 8px;
  cursor: pointer;
  position: relative;
}
.widget_stake_lbtc_row .toggleButtons .up:active,
.widget_stake_lbtc_row .toggleButtons .down:active {
  background-color: #3b5865;
}
.widget_stake_lbtc_row .toggleButtons .up:active .minus,
.widget_stake_lbtc_row .toggleButtons .down:active .minus,
.widget_stake_lbtc_row .toggleButtons .up:active .plus,
.widget_stake_lbtc_row .toggleButtons .down:active .plus {
  background: #7d9baa;
}
.widget_stake_lbtc_row .toggleButtons .down {
  border-radius: 9px 0 0 9px;
}
.widget_stake_lbtc_row .toggleButtons .up {
  border-radius: 0 9px 9px 0;
}
.widget_stake_lbtc_row .toggleButtons .minus {
  height: 2px;
  width: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -4px;
  background: #6c8a98;
}
.widget_stake_lbtc_row .toggleButtons .plus {
  height: 8px;
  width: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -1px;
  background: #6c8a98;
}
.round_info {
  line-height: 20px;
  padding: 5px 14px;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  .round_info {
    font-size: 0.8rem;
  }
}
.round_info:hover {
  cursor: pointer;
  transform: scale(1.01);
  background-color: #0b2b36;
}
.round_info .round_info_header {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
.round_info .round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
}
.round_info .round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 3px 0;
}
.round_info .round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}
#stake_lbtc_dashboard {
  overflow: auto;
}
#stake_lbtc_dashboard .widget_header {
  width: 100%;
  position: sticky;
  left: 0;
}
#stake_lbtc_dashboard .dd_toggle_div {
  position: sticky;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  border-bottom: 1px solid #2b4855;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
}
#stake_lbtc_dashboard .dd_toggle_div .toggle_component {
  font-size: 1.2vmin;
  padding: 0 calc((100% - 78px) / 4);
}
#stake_lbtc_dashboard .dd_toggle_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
#stake_lbtc_dashboard .dd_toggle_div .toggle_component:hover {
  transform: scale(1.05);
  cursor: pointer;
}
#stake_lbtc_dashboard .dd_round_info {
  width: 1200px;
  white-space: nowrap;
  overflow-x: scroll;
  padding: 5px 0;
  border-bottom: 1px solid #2b4855;
}
@media (max-width: 700px) {
  #stake_lbtc_dashboard .dd_round_info {
    font-size: 0.8rem;
  }
}
#stake_lbtc_dashboard .dd_round_info .dd_round_info_header {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  padding: 5px;
  border-bottom: 1px solid #2b4855;
}
#stake_lbtc_dashboard .dd_round_info .dd_round_info_header .title {
  height: 100%;
  color: #3ba5d5;
  font-weight: 500;
  text-align: center;
}
#stake_lbtc_dashboard .dd_round_info .dd_round_info_content_total {
  height: 320px;
  overflow-y: scroll;
}
#stake_lbtc_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content {
  display: flex;
  justify-content: space-around;
  margin: 15px 3px;
}
#stake_lbtc_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content:hover {
  background-color: rgba(217,141,0,0.43);
}
#stake_lbtc_dashboard .dd_round_info .dd_round_info_content_total .dd_round_info_content .info {
  height: 100%;
  text-align: center;
  font-weight: 300;
}#swap {
  height: 355px;
  width: 382px;
}
#swap.swap_config_from_pick #swap_confirmed {
  display: none;
}
#swap.swap_pick {
  height: calc(100% - 140px);
  margin-top: 28px;
}
#swap.swap_pick #swap_confirmed {
  display: none;
}
#swap.swap_pick .screenHolder {
  margin-left: calc(-100% - 1px);
}
#swap.swap_confirm {
  height: 370px;
}
#swap.swap_confirm #swap_pick {
  display: none;
}
#swap.swap_confirm .screenHolder {
  margin-left: calc(-100% - 1px);
}
#swap.swap_confirm #swap_pick {
  display: none;
}
#swap.swap_confirmed {
  height: 354px;
}
#swap.swap_confirmed #swap_pick {
  display: none;
}
#swap.swap_confirmed .screenHolder {
  margin-left: calc(-200% - 2px);
}
#swap .swapIcon {
  height: 26px;
  width: 26px;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  top: 135px;
  background-color: #2b4855;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1000000;
  background-size: cover;
  overflow: hidden;
}
#swap .swapIcon .icon {
  height: 3px;
  width: 3px;
  border: 2px solid #6c8a98;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  transition: 150ms;
  transition-property: top, left, bottom, right;
  border-radius: 2px 0 0 0;
}
#swap .swapIcon .icon:first-child {
  transform: rotate(45deg);
  top: -4px;
  right: 9.5px;
}
#swap .swapIcon .icon:last-child {
  transform: rotate(225deg);
  bottom: 10px;
  right: 9.5px;
}
#swap .swapIcon:hover .icon:first-child,
#swap .swapIcon:active .icon:first-child {
  top: 8px;
}
#swap .swapIcon:hover .icon:last-child,
#swap .swapIcon:active .icon:last-child {
  bottom: 8px;
}
#swap .swapIcon:active {
  background-color: #3b5865;
}
#swap .swapIcon:active .icon:first-child {
  border-top-color: #7d9baa;
  border-left-color: #7d9baa;
}
#swap .swapIcon:active .icon:last-child {
  border-top-color: #7d9baa;
  border-left-color: #7d9baa;
}
#swap .settingsIcon {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 21px;
  right: 14px;
  background-color: #2b4855;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1000000;
  background-size: cover;
  transition: 300ms;
  overflow: hidden;
  transition-property: left, right;
}
#swap .settingsIcon .icon1,
#swap .settingsIcon .icon2 {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  transition: 180ms;
  transition: 300m;
}
#swap .settingsIcon .icon2 {
  left: 26px;
}
#swap .settingsIcon:active {
  background-color: #3b5865;
}
#swap .row {
  height: 87px;
  box-sizing: border-box;
  border-bottom: 1px solid #2b4855;
  position: relative;
}
#swap .row .small {
  font-size: 11px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5c7987;
}
#swap .row .big {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  border-radius: 5px;
}
#swap .row .big .input_div {
  text-align: right;
  height: 25px;
  width: 160px;
  outline: 0;
  border-radius: 5px;
  background-color: #0b2b36;
  font-size: 15px;
  color: #c5e5f4;
  margin-top: 10px;
}
#swap .row .big:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#swap .row .big:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#swap .row .coinInfo {
  position: relative;
  padding-top: 14px;
  color: #c5e5f4;
}
#swap .row .coinInfo .big {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
@media (max-width: 700px) {
  #swap .row .coinInfo .big {
    font-size: 1.2rem;
  }
}
#swap .row .coinInfo .big:hover .arrow,
#swap .row .coinInfo .big:active .arrow {
  border-top: 5px solid #c5e5f4;
}
#swap .row .coinInfo .small {
  padding: 0px;
  margin-top: -4px;
}
#swap .row .coinInfo .input {
  float: right;
  width: 38%;
  cursor: text;
}
#swap .row .coinInfo .arrow {
  border: 5px solid transparent;
  border-top: 5px solid #0b2b36;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -1px;
  margin-right: 3px;
}
#swap .row .amount {
  float: right;
  text-align: right;
  padding-right: 14px;
  position: relative;
  z-index: 1000;
  vertical-align: top;
}
#swap .row .amount .small {
  padding-bottom: 15px;
  margin-top: 4px;
  margin-bottom: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
}
#swap .row .amount .small button {
  background-color: #6c8a98;
  color: rgba(0,29,40,0.9);
  border: 0;
  outline: 0;
  border-radius: 3px;
}
#swap .row .amount .small:hover {
  background: #0b2b36;
  box-shadow: 6px 0 0 0px #0b2b36, -6px 0 0 0px #0b2b36;
  cursor: pointer;
}
#swap .row .amount .small:active {
  background: #001d28;
  box-shadow: 6px 0 0 0px #001d28, -6px 0 0 0px #001d28;
}
#swap .row .amount .big {
  padding-top: 0px;
  margin-top: 2px;
  cursor: text;
}
#swap .row .amount .big .y_token {
  margin-top: 25px;
}
#swap .row .coinType {
  height: 78px;
  line-height: 68px;
  padding: 0px;
  border-radius: 34px 0 0 34px;
}
#swap .row .coinType .coinIcon {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-size: cover;
  float: left;
  margin-top: 13px;
  margin-right: 14px;
  margin-left: 14px;
}#exchange {
  width: 400px;
  height: 700px;
}
#exchange.exchange_config #pick_token_list {
  display: none;
}
#exchange.pick_token_list #exchange_config {
  display: none;
}
#exchange.exchange_confirmed .screenHolder {
  margin-left: calc(-100%);
}
#exchange.exchange_tx_status .screenHolder {
  margin-left: calc(-200% - 1px);
}
#exchange.exchange_my_tx_list .screenHolder {
  margin-left: calc(-300% - 3px);
}
.scroll_exchange {
  height: calc(100% - 220px);
  overflow: scroll;
}
.scroll_tx {
  height: calc(100% - 260px);
  overflow: scroll;
}
.scroll_token_list {
  height: calc(100% - 70px);
  overflow: scroll;
}
.scroll_tx_list {
  height: calc(100% - 260px);
  overflow: scroll;
}
.toggle_exchange_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  height: 40px;
  border-top: 1px solid #40444a;
  border-bottom: 1px solid #40444a;
}
.toggle_exchange_div:hover {
  cursor: s-resize;
}
.toggle_exchange_div .toggle_component {
  padding: 10px 7.5%;
  white-space: nowrap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #7d9baa;
}
.toggle_exchange_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #c5e5f4;
}
.toggle_exchange_direction_div {
  display: flex;
  justify-content: space-evenly;
  vertical-align: center;
  height: 25px;
  margin-bottom: 10px;
  border-top: 1px solid #40444a;
  border-bottom: 2px solid #577b70;
}
.toggle_exchange_direction_div:hover {
  cursor: pointer;
}
.toggle_exchange_direction_div .toggle_component {
  padding: 10px 17.5%;
  white-space: nowrap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #7d9baa;
}
.toggle_exchange_direction_div .toggle_component.active {
  background-color: rgba(0,29,40,0.9);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #c5e5f4;
}
.toggle_component3.active {
  background-color: rgba(0,29,40,0.9);
  color: #d8f8ff;
}
.toggle_component3:hover {
  cursor: pointer;
}
.token_dev {
  padding: 10px;
  margin-bottom: 2%;
  border-bottom: 1px solid #40444a;
}
.token_dev .info_area {
  display: flex;
  justify-content: flex-start;
  padding: 5px 20px 5px 20px;
  widht: 100%;
}
.token_dev .info_area .title_area {
  width: 60px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #7d9baa;
  mix-blend-mode: normal;
}
.token_dev .info_area .token_area {
  display: flex;
  justify-content: flex-start;
  width: 50%;
  padding-right: 10px;
}
.token_dev .info_area .token_area:hover {
  background-color: #808080;
}
.token_dev .info_area .token_area .token_symbol {
  margin: auto 0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 19px;
  color: #c5e5f4;
}
.token_dev .info_area .token_area .token_img {
  padding-right: 10px;
  margin: auto 0 auto 20px;
}
.token_dev .info_area .token_area .token_img img {
  width: 35px;
  height: 35px;
}
.token_dev .input_area {
  display: flex;
  justify-content: space-between;
  padding: 5px 20px 12px 20px;
}
.token_dev .input_area .input_div {
  width: 80%;
}
.token_dev .input_area .input_div input {
  height: 30px;
  width: 100%;
  text-align: right;
  font-size: 1.2em;
  font-weight: 500;
  color: #fff;
  border: 1px solid #577b70;
  background-color: #0b2b36;
}
.token_dev .input_area .input_end {
  margin: auto 5px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #c5e5f4;
}
.token_dev .input_area.disabled {
  word-break: break-all;
}
.token_dev .input_area.disabled .input_div {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
  text-align: right;
}
.token_dev .input_area.disabled .input_div input {
  background-color: #1b3945;
  border: 0;
}
.token_dev .input_area.disabled .input_div input::placeholder {
  color: #8fadbc;
}
.token_dev .min_amt_area {
  padding: 5px 20px;
  text-align: right;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #7d9baa;
}
.wallet_div {
  padding: 10px;
  margin-bottom: 2%;
  border-bottom: 1px solid #40444a;
}
.wallet_div .title_area {
  padding: 10px 20px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #c5e5f4;
}
.wallet_div .input_area {
  margin: auto;
  padding: 10px 15px;
  widht: 100%;
}
.wallet_div .input_area input {
  width: 100%;
  height: 30px;
  text-align: right;
  color: #fff;
  border: 1px solid #577b70;
  background-color: #0b2b36;
}
.wallet_div .input_area.disabled {
  font-size: 1.2em;
  font-weight: 500;
  text-align: right;
  background-color: #0b2b36;
  word-break: break-all;
}
.wallet_div .info_area {
  text-align: center;
  color: #fff;
}
#exchange_tx_status .search_div {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  margin-bottom: 2%;
  border-bottom: 2px solid #577b70;
}
#exchange_tx_status .search_div .title_area {
  margin: 0;
  color: #d3d3d3;
  text-align: left;
  font-size: 1.2em;
}
#exchange_tx_status .search_div .input_area {
  margin: auto;
  width: 60%;
}
#exchange_tx_status .search_div .input_area input {
  width: 100%;
  height: 25px;
  text-align: right;
  background-color: #0b2b36;
  border: 1px solid #000;
  color: #fff;
}
#exchange_tx_status .search_div .icon_area {
  margin: 0;
  color: #fff;
}
#exchange_tx_status .search_div .icon_area img {
  width: 25px;
  height: 25px;
}
#exchange_tx_status .info_div {
  display: flex;
  justify-content: space-between;
  padding: 5px 20px;
}
#exchange_tx_status .info_div .key_area {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 17px;
  text-align: left;
  width: 30%;
  color: #7d9baa;
}
#exchange_tx_status .info_div .value_area {
  margin: auto;
  width: 65%;
  word-break: break-all;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  color: #808080;
}
#exchange_tx_status .info_div .value_area_highlight_copy {
  margin: auto;
  width: 65%;
  color: #8ad6ef;
  font-weight: 700;
  word-break: break-all;
}
#exchange_tx_status .info_div .value_area_highlight_copy:hover {
  color: #fff;
  cursor: pointer;
}
#exchange_tx_status .info_div .value_area_highlight {
  margin: auto;
  width: 65%;
  color: #8ad6ef;
  font-weight: 300;
  word-break: break-all;
}
#exchange_tx_status .explain_div {
  padding: 5px 20px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  border-top: 1px solid #40444a;
  border-bottom: 1px solid #40444a;
}
#exchange_tx_status .arrow_div {
  width: 100%;
  margin: auto;
  text-align: center;
  color: #fff;
  font-size: 15px;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  top: 70px; /* 30px from the bottom */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 70px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    top: 70px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
#pick_token_list .window {
  width: 30%;
  height: 75%;
  margin: 5% auto;
  padding-right: 10px;
  background: #87cefa;
  box-shadow: 0 4px 40px rgba(0,0,0,0.15);
  border-radius: 10px;
}
#pick_token_list .header_div {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
#pick_token_list .header_div .padding_box {
  width: 20px;
  height: 20px;
}
#pick_token_list .header_div .title_area {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 19px;
  text-align: center;
}
#pick_token_list .search_div {
  margin: auto;
  padding: 5px 15px;
  text-align: center;
}
#pick_token_list .search_div input {
  width: 90%;
}
#pick_token_list .scroll_div {
  height: calc(100% - 80px);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 10px 0;
}
#pick_token_list .token_layer {
  display: flex;
  justify-content: flex-start;
  padding: 5px 10px;
  border-bottom: 0.5px solid #577b70;
}
#pick_token_list .token_layer .img_area {
  margin: auto;
  height: 35px;
  width: 35px;
  background-size: cover;
}
#pick_token_list .token_layer .img_area img {
  height: 35px;
  width: 35px;
}
#pick_token_list .token_layer .token_symbol {
  width: 20%;
  margin: auto;
  text-align: left;
}
#pick_token_list .token_layer .token_name {
  width: 45%;
  margin: auto;
  text-align: left;
}
.tx_layer {
  display: flex;
  justify-content: space-between;
  padding: 7px 20px;
  border-bottom: 1px solid #40444a;
}
.tx_layer:hover {
  cursor: pointer;
  background-color: #006400;
}
.tx_layer .tx_hash {
  font-size: 20px;
  line-height: 19px;
  text-align: left;
}
.tx_layer .tx_status {
  font-size: 12px;
  line-height: 19px;
  text-align: right;
}
.tx_layer_header {
  background-color: #0b2b36;
  padding: 5px 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #577b70;
}
@-moz-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 70px;
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 70px;
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 70px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 70px;
    opacity: 1;
  }
}
@-moz-keyframes fadeout {
  from {
    top: 70px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  from {
    top: 70px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
@-o-keyframes fadeout {
  from {
    top: 70px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    top: 70px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}.pc_widget_wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.pc_widget_frame {
  width: 90%;
  margin: auto;
  margin-top: 100px;
  color: #8fadbc;
  transition: 300ms;
}
.board {
  margin-top: 10px;
}
.board .board_title {
  padding: 3px 30px;
  text-align: left;
  color: #a1bfce;
}
.board .board_content {
  background: #1b3945;
  box-shadow: inset 0 0 0 1px #2b4855, 0 0 0 1px #001d28;
  border-radius: 20px;
}
.board .board_content .board_header {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.board .board_content .board_header div {
  width: 14.28%;
}
.board .board_content .board_info {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.board .board_content .board_info div {
  width: 14.28%;
}
.board .board_content .board_info details {
  width: 100%;
}
.board .board_content .board_info details summary {
  display: flex;
  justify-content: space-between;
}
.board .board_content .board_info details summary:hover {
  background-color: #000;
  cursor: pointer;
}
.board .board_content .board_info details .details_content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 900px) {
  #intro_v2_body_section1 {
    background-color: #000 !important;
    background-image: url("intro_v2/homebg_1.png");
    background-repeat: no-repeat;
    background-size: 100% 1087px;
    background-position: center -100px;
    width: 100vw;
    height: 1087px;
    justify-content: center;
  }
  #intro_v2_body_section1 .contents {
    width: 770px;
    height: 685px;
    padding-top: 121px;
    margin: auto;
    color: #fff;
  }
  #intro_v2_body_section1 .contents .title_div {
    margin-top: 10px;
    justify-content: center;
    color: #fff;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .title_div .row {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 40px;
    line-height: 48.84px;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .logo_div {
    margin-top: 0;
    justify-content: center;
    color: #fff;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .logo_div img {
    width: 344px;
    height: 261px;
  }
  #intro_v2_body_section1 .contents .button_div {
    margin-top: 0;
    justify-content: center;
    color: #fff;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .button_div .button_launch {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: 44px;
    padding: 14px 45px;
    margin: 0 13.5px;
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    border-radius: 20px 0 20px 20px;
    border: 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 16px;
  }
  #intro_v2_body_section1 .contents .button_div .button_launch:hover {
    cursor: pointer;
    filter: drop-shadow(0px 4px 5px #86f7aa);
    font-weight: 500;
  }
  #intro_v2_body_section1 .contents .button_div .button_gitbook {
    width: 210px;
    height: 44px;
    border-radius: 16px;
    border: 2.5px solid transparent;
    border-radius: 0 20px 20px 20px;
    background-image: linear-gradient(90deg, #86f7aa, #1e26e5), linear-gradient(90deg, #86f7aa, #1e26e5);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #000 inset;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 16px;
  }
  #intro_v2_body_section1 .contents .button_div .button_gitbook:hover {
    cursor: pointer;
    filter: drop-shadow(0px 4px 4px #86f7aa);
    font-weight: 500;
  }
  #intro_v2_body_section1 .contents .explain_div {
    margin: 37px auto auto auto;
    justify-content: center;
    vertical-align: middle;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
  }
  #intro_v2_body_section1 .contents .explain_div img {
    vertical-align: middle;
  }
}
@media (max-width: 900px) {
  #intro_v2_body_section1 {
    background-color: #000 !important;
    background-image: url("intro_v2/homebg_1.png");
    background-repeat: no-repeat;
    background-size: 100% 1087px;
    background-position: center -100px;
    width: 100vw;
    height: 1087px;
    justify-content: center;
  }
  #intro_v2_body_section1 .contents {
    width: 100%;
    height: 685px;
    padding-top: 121px;
    margin: auto;
    color: #fff;
  }
  #intro_v2_body_section1 .contents .title_div {
    width: 80%;
    margin: 10px auto;
    justify-content: center;
    color: #fff;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .title_div .row {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .logo_div {
    margin-top: 0;
    justify-content: center;
    color: #fff;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .logo_div img {
    width: 344px;
    height: 261px;
  }
  #intro_v2_body_section1 .contents .button_div {
    display: block;
    margin: auto;
    color: #fff;
    text-align: center;
  }
  #intro_v2_body_section1 .contents .button_div .button_launch {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: 44px;
    padding: 14px 45px;
    margin: 10px 13.5px;
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    border-radius: 20px 0 20px 20px;
    border: 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 16px;
  }
  #intro_v2_body_section1 .contents .button_div .button_launch:hover {
    cursor: pointer;
    filter: drop-shadow(0px 4px 5px #86f7aa);
    font-weight: 500;
  }
  #intro_v2_body_section1 .contents .button_div .button_gitbook {
    width: 210px;
    height: 44px;
    border-radius: 16px;
    border: 2.5px solid transparent;
    border-radius: 0 20px 20px 20px;
    background-image: linear-gradient(90deg, #86f7aa, #1e26e5), linear-gradient(90deg, #86f7aa, #1e26e5);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #000 inset;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 16px;
  }
  #intro_v2_body_section1 .contents .button_div .button_gitbook:hover {
    cursor: pointer;
    filter: drop-shadow(0px 4px 4px #86f7aa);
    font-weight: 500;
  }
  #intro_v2_body_section1 .contents .explain_div {
    margin: 37px auto auto auto;
    justify-content: center;
    vertical-align: middle;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
  }
  #intro_v2_body_section1 .contents .explain_div img {
    vertical-align: middle;
  }
}
@media (min-width: 1700px) {
  #intro_v2_body_section2 {
    background-color: #000 !important;
    background-image: url("intro_v2/homebg_2.png");
    background-repeat: no-repeat;
    background-size: 100vw 1248px;
    background-position: center 50px;
    width: 100vw;
    min-height: 1248px;
    justify-content: center;
  }
  #intro_v2_body_section2 .contents {
    width: 80%;
    color: #fff;
    margin: auto;
    justify-content: center;
  }
  #intro_v2_body_section2 .contents .title_div {
    margin-bottom: 89px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
  }
  #intro_v2_body_section2 .contents .card_div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1680px;
    margin: auto auto 65px auto;
  }
  #intro_v2_body_section2 .contents .card_div span {
    white-space: normal;
  }
  #intro_v2_body_section2 .contents .explain_div {
    margin-bottom: 261px;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  #intro_v2_body_section2 .contents .button_div {
    display: flex;
    justify-content: space-between;
    width: 50%;
    max-width: 900px;
    height: 112px;
    margin: 261px auto 241px auto;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg1 {
    background: radial-gradient(rgba(255,255,255,0.3) 0%, rgba(123,97,255,0.04) 100.92%);
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg1:hover {
    filter: drop-shadow(0px 4px 4px #86f7aa);
    cursor: pointer;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg2 {
    background: radial-gradient(rgba(255,255,255,0.3) 0%, rgba(123,97,255,0.04) 100.92%);
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg2:hover {
    filter: drop-shadow(0px 4px 4px #86f7aa);
    cursor: pointer;
  }
  #intro_v2_body_section2 .contents .button_div button {
    width: 293px;
    height: 112px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-family: 'Aileron';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
  }
  #_functionRow {
    width: 40%;
    max-width: 420px;
    height: 420px;
    margin: auto 20px;
    justify-content: center;
    background: linear-gradient(135.52deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 20px;
  }
  #_functionRow ._icon_div {
    width: 112px;
    height: 112px;
    margin: 37px auto auto auto;
    background: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 15px;
  }
  #_functionRow ._icon_div img {
    width: 100%;
    height: 100%;
  }
  #_functionRow ._title_div {
    margin-top: 15px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  #_functionRow ._explain_div {
    height: 80px;
    margin-top: 16px;
    padding: 0 30px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
  #_functionRow ._button_div {
    width: 80%;
    min-width: 250px;
    height: 71px;
    margin: 30px auto 10px auto;
    justify-content: center;
  }
  #_functionRow ._button_div button {
    border: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 60px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: light;
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  #_functionRow ._button_div button:hover {
    cursor: pointer;
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media (max-width: 1700px) {
  #intro_v2_body_section2 {
    background-color: #000 !important;
    background-image: url("intro_v2/homebg_2.png");
    background-repeat: no-repeat;
    background-size: 100vw 1248px;
    background-position: center 50px;
    width: 100vw;
    min-height: 1550px;
    justify-content: center;
  }
  #intro_v2_body_section2 .contents {
    width: 80%;
    color: #fff;
    margin: auto;
    justify-content: center;
  }
  #intro_v2_body_section2 .contents .title_div {
    margin-bottom: 89px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
  }
  #intro_v2_body_section2 .contents .card_div {
    width: 60%;
    margin: auto;
    margin-bottom: 65px;
    overflow-x: auto;
  }
  #intro_v2_body_section2 .contents .card_div span {
    white-space: normal;
  }
  #intro_v2_body_section2 .contents .explain_div {
    margin-bottom: 261px;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  #intro_v2_body_section2 .contents .button_div {
    display: flex;
    justify-content: space-between;
    width: 50%;
    min-width: 650px;
    height: 112px;
    margin: 261px auto 241px auto;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg1 {
    background: radial-gradient(rgba(255,255,255,0.3) 0%, rgba(123,97,255,0.04) 100.92%);
    margin-right: 10px;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg1:hover {
    filter: drop-shadow(0px 4px 4px #86f7aa);
    cursor: pointer;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg2 {
    background: radial-gradient(rgba(255,255,255,0.3) 0%, rgba(123,97,255,0.04) 100.92%);
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg2:hover {
    filter: drop-shadow(0px 4px 4px #86f7aa);
    cursor: pointer;
  }
  #intro_v2_body_section2 .contents .button_div button {
    width: 293px;
    height: 112px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-family: 'Aileron';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
  }
  #_functionRow {
    display: flex;
    width: 100%;
    height: 150px;
    margin-bottom: 20px;
    justify-content: center;
    background: linear-gradient(135.52deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 20px;
  }
  #_functionRow ._icon_div {
    width: 25%;
    max-width: 112px;
    margin: auto 20px;
    background: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 15px;
  }
  #_functionRow ._icon_div img {
    width: 100%;
    height: 100%;
  }
  #_functionRow ._title_div {
    margin: auto;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  #_functionRow ._explain_div {
    width: 45%;
    margin: auto;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
  #_functionRow ._button_div {
    width: 30%;
    max-width: 250px;
    height: 71px;
    margin: auto 10px;
    justify-content: center;
  }
  #_functionRow ._button_div button {
    border: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 60px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: light;
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  #_functionRow ._button_div button:hover {
    cursor: pointer;
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media (max-width: 1100px) {
  #intro_v2_body_section2 {
    background-color: #000 !important;
    background-image: url("intro_v2/homebg_2.png");
    background-repeat: no-repeat;
    background-size: 100vw 1248px;
    background-position: center 50px;
    width: 100vw;
    min-height: 1550px;
    justify-content: center;
  }
  #intro_v2_body_section2 .contents {
    width: 95%;
    color: #fff;
    margin: auto;
    justify-content: center;
  }
  #intro_v2_body_section2 .contents .title_div {
    width: 90%;
    margin-bottom: 89px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
  #intro_v2_body_section2 .contents .card_div {
    width: 85%;
    margin: auto;
    margin-bottom: 35px;
    overflow-x: auto;
  }
  #intro_v2_body_section2 .contents .card_div span {
    white-space: normal;
  }
  #intro_v2_body_section2 .contents .explain_div {
    width: 80%;
    margin: auto 10px 161px 10px;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  #intro_v2_body_section2 .contents .button_div {
    display: block;
    width: 80%;
    min-width: 100px;
    height: 300px;
    margin: auto 10px;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg1 {
    display: block;
    background: radial-gradient(rgba(255,255,255,0.3) 0%, rgba(123,97,255,0.04) 100.92%);
    margin: 10px;
    width: 100%;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg1:hover {
    filter: drop-shadow(0px 4px 4px #86f7aa);
    cursor: pointer;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg2 {
    display: block;
    background: radial-gradient(rgba(255,255,255,0.3) 0%, rgba(123,97,255,0.04) 100.92%);
    margin: 10px;
    width: 100%;
  }
  #intro_v2_body_section2 .contents .button_div .btn_bg2:hover {
    filter: drop-shadow(0px 4px 4px #86f7aa);
    cursor: pointer;
  }
  #intro_v2_body_section2 .contents .button_div button {
    width: 200px;
    height: 112px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-family: 'Aileron';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
  }
  #_functionRow {
    display: flex;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    justify-content: center;
    background: linear-gradient(135.52deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 20px;
  }
  #_functionRow ._icon_div {
    width: 25%;
    max-width: 80px;
    margin: auto 20px;
    background: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 15px;
  }
  #_functionRow ._icon_div img {
    width: 100%;
    height: 100%;
  }
  #_functionRow ._title_div {
    margin: auto;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  #_functionRow ._explain_div {
    display: none;
    width: 45%;
    margin: auto;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
  #_functionRow ._button_div {
    width: 35%;
    max-width: 200px;
    height: 70px;
    margin: auto 10px;
    justify-content: center;
  }
  #_functionRow ._button_div button {
    border: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border-radius: 60px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: light;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  #_functionRow ._button_div button:hover {
    cursor: pointer;
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
#intro_v2_body_section3 {
  background-color: #000 !important;
  background-image: url("intro_v2/homebg_3.png");
  background-repeat: no-repeat;
  background-size: 100vw 1664px;
  width: 100vw;
  min-height: 1664px;
  justify-content: center;
}
#intro_v2_body_section3 .contents {
  width: 87.5%;
  height: 1664px;
  margin: auto;
  justify-content: center;
}
#intro_v2_body_section3 .contents .title_div {
  margin: auto;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  color: #fff;
}
#intro_v2_body_section3 .contents .contents_div {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
#intro_v2_body_section3 .contents .contents_div img {
  display: block;
  width: 65%;
  max-width: 1088px;
  height: 30%;
  max-height: 742px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1700px) {
  #intro_v2_body_section3 .contents .card_div {
    display: flex;
    justify-content: space-between;
    margin: 101px auto 0 auto;
    width: 100%;
    max-width: 1680px;
    overflow-x: auto;
  }
}
@media (max-width: 1700px) {
  #intro_v2_body_section3 .contents .card_div {
    display: block;
    margin-top: 101px;
    width: 100%;
    overflow-x: auto;
  }
}
@media (min-width: 1700px) {
  #_advisorRow {
    width: 400px;
    height: 400px;
    justify-content: center;
    background-image: linear-gradient(135.52deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0) 100.92%);
    border-radius: 20px;
  }
  #_advisorRow ._picture_div {
    z-index: 1;
    margin: 42px auto auto auto;
    width: 112px;
    height: 112px;
    transform: scale(1);
  }
  #_advisorRow ._picture_div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
  }
  #_advisorRow ._picture_div:hover {
    cursor: pointer;
    transform: scale(1.3);
  }
  #_advisorRow ._title_div {
    z-index: 1;
    margin: 29px auto 15px auto;
    width: 370px;
    height: 62px;
    background-image: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border: 3px solid transparent;
    border-image: linear-gradient(to right, #1a31ee, #86f7aa) 30;
  }
  #_advisorRow:hover {
    cursor: pointer;
  }
  #_advisorRow:hover ._name_div {
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #_advisorRow:hover ._position_div {
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #_advisorRow ._name_div {
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
  }
  #_advisorRow ._position_div {
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
  }
  ._explain_div {
    z-index: 1;
    padding: 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #fff;
  }
}
@media (max-width: 1700px) {
  #_advisorRow {
    width: 80%;
    margin: 15px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(135.52deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0) 100.92%);
    border-radius: 20px;
  }
  #_advisorRow ._picture_div {
    z-index: 1;
    margin: 15px auto;
    width: 15%;
    height: auto;
    transform: scale(1);
  }
  #_advisorRow ._picture_div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
  }
  #_advisorRow ._picture_div:hover {
    cursor: pointer;
    transform: scale(1.1);
  }
  #_advisorRow ._title_div {
    z-index: 1;
    margin: auto;
    width: 370px;
    height: 62px;
    background-image: linear-gradient(135.52deg, rgba(134,247,170,0.2) 0%, rgba(123,97,255,0.04) 100.92%);
    backdrop-filter: blur(30px);
    border: 3px solid transparent;
    border-image: linear-gradient(to right, #1a31ee, #86f7aa) 30;
  }
  #_advisorRow ._title_div:hover {
    cursor: pointer;
  }
  #_advisorRow ._title_div:hover ._name_div {
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #_advisorRow ._title_div:hover ._position_div {
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #_advisorRow ._title_div ._name_div {
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
  }
  #_advisorRow ._title_div ._position_div {
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
  }
  #_advisorRow ._explain_div {
    display: none;
    z-index: 1;
    padding: 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #fff;
  }
}
@media (min-width: 1700px) {
  #intro_v2_body_section4 {
    background-color: #000 !important;
    background-image: url("intro_v2/homebg_4.png");
    background-repeat: no-repeat;
    background-size: 100vw 964px;
    width: 100vw;
    min-height: 964px;
    justify-content: center;
  }
  #intro_v2_body_section4 .contents {
    width: 761px;
    margin: auto;
  }
  #intro_v2_body_section4 .contents .title_div {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #fff;
  }
  #intro_v2_body_section4 .contents .img_div {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
  }
  #intro_v2_body_section4 .contents .img_div img {
    display: block;
    width: 325px;
    height: 80px;
  }
  #intro_v2_body_section4 .contents .contents_div {
    margin-top: 62px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    color: #fff;
  }
}
@media (max-width: 1700px) {
  #intro_v2_body_section4 {
    background-color: #000 !important;
    background-image: url("intro_v2/homebg_4.png");
    background-repeat: no-repeat;
    background-size: 100vw 964px;
    width: 100vw;
    min-height: 964px;
    justify-content: center;
  }
  #intro_v2_body_section4 .contents {
    width: 40%;
    margin: auto;
  }
  #intro_v2_body_section4 .contents .title_div {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2.3rem;
    line-height: 44px;
    text-align: center;
    color: #fff;
  }
  #intro_v2_body_section4 .contents .img_div {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
  }
  #intro_v2_body_section4 .contents .img_div img {
    display: block;
    width: 41%;
    height: auto;
  }
  #intro_v2_body_section4 .contents .contents_div {
    margin-top: 62px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 37px;
    text-align: center;
    color: #fff;
  }
}
.border_color1 {
  position: relative;
  --border-color: #1a31ee;
  --blur-size: 6px;
}
.border_color1:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.7;
  background: transparent;
  border-radius: 20px;
  box-shadow: inset 0 0 0 var(--border-line-width, 3px) var(--border-color);
  -webkit-mask-image: radial-gradient(at -31% -58%, rgba(0,0,0,0.5) 34%, transparent 60%), linear-gradient(270deg, rgba(0,0,0,0.2) 0, transparent 13%), linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.05));
}
.border_color2 {
  position: relative;
  --border-color: #fff;
  --blur-size: 6px;
}
.border_color2:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.7;
  background: transparent;
  border-radius: 20px;
  box-shadow: inset 0 0 0 var(--border-line-width, 3px) var(--border-color);
  -webkit-mask-image: radial-gradient(at -31% -58%, rgba(0,0,0,0.5) 34%, transparent 60%), linear-gradient(270deg, rgba(0,0,0,0.2) 0, transparent 13%), linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.05));
}
.btn_border_color1 {
  position: relative;
  --border-color: #86f7aa;
  --blur-size: 6px;
}
.btn_border_color1:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.7;
  background: transparent;
  border-radius: 60px;
  box-shadow: inset 0 0 0 var(--border-line-width, 3px) var(--border-color);
  -webkit-mask-image: radial-gradient(at -31% -58%, rgba(0,0,0,0.5) 34%, transparent 60%), linear-gradient(270deg, rgba(0,0,0,0.2) 0, transparent 13%), linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.05));
}#intro_v2_footer {
  display: table-cell;
  vertical-align: middle;
  width: 100vw;
  height: 105px;
  background-color: #000 !important;
  color: #fff;
}
#intro_v2_footer .contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 320px;
}
#intro_v2_footer .contents img {
  display: block;
  width: 35px;
  height: 35px;
}
#intro_v2_footer .contents img:hover {
  cursor: pointer;
}
.font_low {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-style: normal;
}
#intro_v2_header {
  background-color: #000 !important;
  width: 100vw;
  height: 156px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media (min-width: 1000px) {
  #intro_v2_header .menu_section {
    background-color: #000;
    width: 895px;
  }
  #intro_v2_header .menu_section .menu_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #intro_v2_header .menu_section .menu_row .element {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #intro_v2_header .menu_section .menu_row .element .img_div {
    margin: auto 11px auto 20px;
  }
  #intro_v2_header .menu_section .menu_row .element .company_name {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  #intro_v2_header .menu_section .menu_row .element .button_grad_color {
    color: #fff;
    font-weight: 300;
    border-radius: 16px;
    border: 2.5px solid transparent;
    background-image: linear-gradient(90deg, #86f7aa, #1e26e5), linear-gradient(90deg, #86f7aa, #1e26e5);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #000 inset;
  }
  #intro_v2_header .menu_section .menu_row .element .button_grad_color:hover {
    cursor: pointer;
    background-origin: border-box;
    box-shadow: 2px 1000px 1px transparent inset;
    background-image: linear-gradient(90deg, #86f7aa, #1e26e5), linear-gradient(90deg, #86f7aa, #1e26e5);
    font-weight: 500;
  }
  #intro_v2_header .menu_section .menu_row .element .button_bottom_color {
    color: #fff;
    margin: 0 -9px;
    padding: 0 12px;
    background-color: transparent;
    border: 0;
    border-bottom: 2.5px solid #1e26e5;
  }
  #intro_v2_header .menu_section .menu_row .element .button_launch {
    width: 194px;
    height: 49px;
    margin: 10px -9px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    border-radius: 20px 0 20px 20px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  #intro_v2_header .menu_section .menu_row .element .button_launch:hover {
    cursor: pointer;
    filter: drop-shadow(0px 4px 5px #86f7aa);
    font-weight: 500;
  }
}
@media (max-width: 1000px) {
  #intro_v2_header .menu_section {
    display: flex;
    justify-content: space-between;
    background-color: #000;
    width: 80%;
  }
  #intro_v2_header .menu_section .menu_row {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #intro_v2_header .menu_section .menu_row .element {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #intro_v2_header .menu_section .menu_row .element .img_div {
    margin: auto 11px auto 20px;
  }
  #intro_v2_header .menu_section .menu_row .element .button_div {
    display: none;
  }
  #intro_v2_header .menu_section .menu_row .element .company_name {
    display: none;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  #intro_v2_header .menu_section .menu_row .element .button_grad_color {
    color: #fff;
    font-weight: 300;
    border-radius: 16px;
    border: 2.5px solid transparent;
    background-image: linear-gradient(90deg, #86f7aa, #1e26e5), linear-gradient(90deg, #86f7aa, #1e26e5);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #000 inset;
  }
  #intro_v2_header .menu_section .menu_row .element .button_grad_color:hover {
    cursor: pointer;
    background-origin: border-box;
    box-shadow: 2px 1000px 1px transparent inset;
    background-image: linear-gradient(90deg, #86f7aa, #1e26e5), linear-gradient(90deg, #86f7aa, #1e26e5);
    font-weight: 500;
  }
  #intro_v2_header .menu_section .menu_row .element .button_bottom_color {
    color: #fff;
    margin: 0 -9px;
    padding: 0 12px;
    background-color: transparent;
    border: 0;
    border-bottom: 2.5px solid #1e26e5;
  }
  #intro_v2_header .menu_section .menu_row .element .button_launch {
    width: 194px;
    height: 49px;
    margin: 10px -9px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    background: linear-gradient(270deg, #1e26e5 -3.05%, #86f7aa 110.31%);
    border-radius: 20px 0 20px 20px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  #intro_v2_header .menu_section .menu_row .element .button_launch:hover {
    cursor: pointer;
    filter: drop-shadow(0px 4px 5px #86f7aa);
    font-weight: 500;
  }
}body {
  padding: 10px;
  font-family: sans-serif;
}
::-webkit-scrollbar {
  display: none;
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
* ::-webkit-scrollbar {
  width: 0 !important;
}
* {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body,
html {
  height: 100%;
}
body {
  padding: 0px;
  margin: 0px;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  background: #0b2b36;
}
strong {
  font-weight: 600;
}
.container {
  max-width: 1024px;
  max-width: 986px;
  margin: 0 auto;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #000; /* If you want dots under the hoverable text */
  overflow: visible !important;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  word-wrap: break-word;
  white-space: pre-line;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  top: -5px;
  left: 125%;
/* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 9999999;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #000 transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}