@media (min-width: 1024px) {
  .styles_grid__omRS8 {
    display: grid;
    grid-template-columns: 1fr 340px;
    grid-gap: 80px;
    gap: 80px;
    padding-right: 70px;
  }
}
.styles_wrapper__besmI {
  min-height: 100vh;
  background: url(/img/openstaking-sm.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding: 64px 10px 44px;
}
@media (min-width: 1024px) {
  .styles_wrapper__besmI {
    padding: 100px 10px 44px;
  }
}
@media (min-width: 1440px) {
  .styles_wrapper__besmI {
    background-image: url(/img/openstaking-lg.jpg);
  }
}
.styles_wrapperLocked__wUB7R {
  background-image: url(/img/openstaking-locked-sm.jpg);
}
@media (min-width: 1440px) {
  .styles_wrapperLocked__wUB7R {
    background-image: url(/img/openstaking-locked-lg.jpg);
  }
}
.styles_wrapperClaim__PuvyQ {
  background-image: url(/img/claim-sm.jpg);
}
@media (min-width: 1440px) {
  .styles_wrapperClaim__PuvyQ {
    background-image: url(/img/claim-lg.jpg);
  }
}
.styles_btnWrapper__KQGtg {
  margin-top: 20px;
  padding: 0 20px;
}
@media (min-width: 1024px) {
  .styles_btnWrapper__KQGtg {
    margin-top: 80px;
  }
}
.styles_btnModal__YOl_D {
  padding: 0 20px;
  margin-top: 96px;
}
@media (min-width: 768px) {
  .styles_btnModal__YOl_D {
    margin-top: 112px;
  }
}
@media (min-width: 1024px) {
  .styles_btnModal__YOl_D {
    display: none;
  }
}
.styles_claimBtn__asyFe.styles_claimBtn__asyFe {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto !important;
  padding: 2px 2px 2px 24px !important;
}
.styles_claimBtn__asyFe.styles_claimBtn__asyFe path {
  fill: #cccc3e !important;
}
.styles_claimBtn__asyFe.styles_claimBtn__asyFe * {
  color: var(--label-primary-on-light);
}
@media (min-width: 1024px) {
  .styles_claimBtn__asyFe.styles_claimBtn__asyFe {
    width: 445px;
  }
}
@media (min-width: 1920px) {
  .styles_claimBtn__asyFe.styles_claimBtn__asyFe {
    width: 685px;
  }
}
.styles_wrapper__eBTf6 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 20px;
  margin-top: 80px;
}
@media (min-width: 768px) {
  .styles_wrapper__eBTf6 {
    margin-top: 112px;
  }
}
.styles_rateGrid__j_2Bn {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 1024px) {
  .styles_rateGrid__j_2Bn {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 100px;
    gap: 10px 100px;
  }
}
@media (min-width: 1440px) {
  .styles_rateGrid__j_2Bn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 100px;
  }
}
.styles_input__CUS6u {
  display: block;
  padding: 42px 108px 10px 10px;
  border-radius: 10px;
  transition: 0.2s ease-in;
  font-size: 2.5rem;
  font-weight: 400;
  width: 100%;
  color: var(--label-primary);
  background: var(--fill-secondary);
  border: 1px solid var(--fill-secondary);
}
.styles_input__CUS6u::placeholder {
  color: var(--label-quaternary);
}
.styles_input__CUS6u:focus {
  border: 1px solid var(--border-primary);
  background: var(--fill-primary);
}
.styles_inputWrapper__NsCwW {
  position: relative;
}
.styles_inputError__zDMyy {
  background: var(--fill-negative);
  border: 1px solid var(--fill-negative);
  color: var(--label-negative);
}
.styles_inputError__zDMyy:focus {
  background: var(--fill-primary);
  border: 1px solid var(--border-negative);
}
.styles_inputError__zDMyy::placeholder {
  color: var(--label-negative);
  opacity: 0.3;
}
.styles_selectSection__L5IRD {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  gap: 5px;
}
.styles_comment__9gDZw {
  position: absolute;
  top: 10px;
  cursor: pointer;
  text-transform: uppercase;
}
.styles_commentLeft__Wih74 {
  left: 10px;
}
.styles_commentRight__b0TBL {
  right: 10px;
  font-weight: 500;
}
.styles_tokenLabel__dIFq_,
.styles_tokenSelect___JsZ4 {
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.styles_tokenLabel__dIFq_ {
  padding: 4px;
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
}
.styles_lendBtn__n1I2l {
  border-radius: 10px;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fill-invert);
  margin-top: auto;
  transition: 0.2s ease-in;
  cursor: pointer;
}
.styles_lendBtn__n1I2l span {
  color: var(--label-primary-on-invert);
}
.styles_lendBtn__n1I2l:hover {
  background: var(--fill-accent);
}
.styles_lendBtn__n1I2l:hover span {
  color: var(--label-primary-on-light);
}
.styles_supplyInfo__yCpH_ {
  padding: 5px 10px;
}
.styles_levvaLabel__usVDW {
  display: block;
  margin-right: 10px;
}
.styles_mobileNav__6T_1a {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  max-width: 100vw;
  background-color: var(--fill-primary);
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.styles_mobileNav__6T_1a.styles_open__z_hDC {
  transform: translateX(0);
}
.styles_mobileHat___izOD {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styles_topSide__SEqjZ {
  display: flex;
  align-items: center;
  gap: var(--gap-m);
}
.styles_tabsWrapper__hgQto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-xl);
  padding: 10px;
  height: calc(100% - 80px);
}
.styles_overlay__46bpC {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.styles_overlay__46bpC.styles_open__z_hDC {
  opacity: 1;
  pointer-events: auto;
}
.styles_close__i6cSQ {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.styles_close__i6cSQ svg path {
  fill: var(--fill-invert);
}
.styles_navLink__FQGCu {
  text-decoration: none;
}
.styles_navLink__FQGCu:hover .styles_mainPart__E_hRN {
  color: var(--label-primary);
}
.styles_navLink__FQGCu:hover .styles_lendPart__xnkCO {
  background-color: var(--label-primary);
}
.styles_navLink__FQGCu .styles_mainPart__E_hRN {
  display: flex;
  gap: 5px;
  align-items: center;
}
.styles_navLink__FQGCu .styles_lendPart__xnkCO {
  background-color: var(--label-tertiary);
  color: var(--label-primary-on-invert);
  transition: 0.3s ease-in;
  border-radius: 2px;
  padding: 0 5px;
}
.styles_navLink__FQGCu.styles_active__lJ_Hh .styles_mainPart__E_hRN {
  color: var(--label-primary);
}
.styles_navLink__FQGCu.styles_active__lJ_Hh .styles_lendPart__xnkCO {
  background-color: var(--label-primary);
}
.styles_headerContainer__9y00A {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 0 10px;
  background-color: var(--fill-primary);
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
@media (min-width: 1024px) {
  .styles_headerContainer__9y00A {
    z-index: 110;
  }
}
.styles_divider__bOL_s {
  height: 20px;
  width: 2px;
  background-color: var(--border-tertiary);
}
.styles_burger__k7yHC {
  width: 24px;
}
.styles_burger__k7yHC path {
  fill: var(--label-primary);
}
.styles_headerContent__itwI1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid var(--border-tertiary);
  height: 70px;
}
@media (min-width: 1024px) {
  .styles_headerContent__itwI1 {
    padding: 10px 0;
  }
}
.styles_logo__IWytD {
  -webkit-margin-end: 3.125rem;
  margin-inline-end: 3.125rem;
  color: #000;
  /* color: var(--label-primary); */
  font-weight: 700;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_logo__IWytD svg path {
  fill: #fff;
}
@media (min-width: 1024px) {
  .styles_logo__IWytD img,
  .styles_logo__IWytD svg {
    width: 88px;
    height: 50px;
    object-fit: contain;
  }
}
.styles_desktopMenu__B_5jP {
  flex: 1 1;
  display: none;
}
@media (min-width: 1024px) {
  .styles_desktopMenu__B_5jP {
    display: flex;
    justify-content: center;
    gap: 16px;
  }
}
.styles_nav__nL3Q0 {
  display: flex;
  gap: 50px;
  align-items: center;
}
.styles_menuButton__QcyIG {
  color: var(--label-primary);
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
@media (min-width: 1024px) {
  .styles_menuButton__QcyIG {
    display: none;
  }
}
.styles_headerPrimaryContent__CM91r {
  display: flex;
  align-items: center;
}
.styles_headerSecondaryContent__TlK_N {
  display: flex;
  align-items: center;
  gap: var(--gap-m);
}
.styles_networkIcon___jyhH path {
  fill: var(--label-primary);
}
.styles_wrapper__ITCYH {
  border-radius: 5px;
  background: var(--fill-secondary);
  padding: 4px 15px 4px 10px;
  position: relative;
  isolation: isolate;
  transition: 0.2s ease-in;
}
.styles_walletBadge__LLQsy {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(3px, -50%);
  height: 14px;
  width: 12px;
  background-position: 50%;
  background-size: contain;
}
.styles_walletBadge__LLQsy path {
  fill: var(--fill-tertiary) !important;
}
.styles_wrapperActive__M0O1N {
  opacity: 0.3;
}
.styles_address__p2z5f {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: -2px;
}
.styles_address__p2z5f div,
.styles_address__p2z5f p {
  color: var(--label-primary);
}
.styles_body__yHqx2 {
  position: relative;
  z-index: 99;
}
.styles_balance__JV6Bx {
  border-radius: 20px;
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 5px 10px;
  background-color: var(--fill-invert);
}
.styles_balance__JV6Bx p {
  color: var(--label-primary-on-invert);
}
@media (min-width: 1024px) {
  .styles_balance__JV6Bx {
    height: 40px;
    box-sizing: border-box;
    padding: 2px 15px;
  }
}
.styles_balance__JV6Bx.styles_balanceActive__T8ACA {
  background-color: var(--fill-accent);
}
.styles_balance__JV6Bx.styles_balanceActive__T8ACA p {
  color: var(--label-primary-on-light);
}
.styles_connectButton__D3jx_ {
  background-color: var(--fill-invert);
  padding: 4px 10px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.styles_connectButton__D3jx_ p {
  color: var(--label-primary-on-invert);
}
.styles_connectButton__D3jx_:hover {
  background-color: var(--border-primary);
}
@media (min-width: 1024px) {
  .styles_connectButton__D3jx_ {
    padding: 0 15px;
    height: 40px;
  }
}
.styles_positions__XnPa0.styles_positions__XnPa0 {
  border-radius: 10px;
  background: var(--fill-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  min-width: 20px;
  color: var(--label-primary-on-light);
}
.styles_balanceActive__T8ACA .styles_positions__XnPa0.styles_positions__XnPa0 {
  background: var(--label-primary-on-light);
  color: var(--label-primary-on-dark);
}
.styles_wrapper__P1dXv {
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 300px;
  transform: translateY(100%);
  border-radius: 15px;
  border: 1px solid var(--border-secondary);
  background: var(--fill-secondary);
  padding: 10px;
  z-index: 199;
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}
.styles_wrapper__P1dXv:before {
  content: " ";
  position: absolute;
  right: -4px;
  bottom: 10px;
  height: 30px;
  width: 26px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Subtract' fill-rule='evenodd' clip-rule='evenodd' d='M3.25722 2.11667L3.25721 2.11667C2.2635 2.81227 1.76664 3.16008 1.45182 3.47716C-0.483941 5.42684 -0.483941 8.57316 1.45182 10.5228C1.76664 10.8399 2.2635 11.1877 3.25721 11.8833C3.68873 12.1854 3.90449 12.3364 4.11733 12.47C5.56575 13.3791 7.2231 13.9015 8.931 13.9874C9.18197 14 9.43863 14 9.95194 14C10.2576 14 10.4104 14 10.5388 13.9833C11.4389 13.8663 12.1474 13.1579 12.2644 12.2577C12.281 12.1294 12.281 11.9766 12.281 11.6709V2.32909C12.281 2.02342 12.281 1.87059 12.2644 1.74225C12.1474 0.842131 11.4389 0.133656 10.5388 0.0166782C10.4104 0 10.2576 0 9.95194 0C9.43863 0 9.18197 0 8.931 0.0126208C7.2231 0.0985089 5.56575 0.620941 4.11733 1.53C3.90449 1.66358 3.68873 1.81461 3.25722 2.11667ZM5 10C6.65686 10 8 8.65685 8 7C8 5.34315 6.65686 4 5 4C3.34315 4 2 5.34315 2 7C2 8.65685 3.34315 10 5 10Z' fill='%23DDDBD3'/%3E%3C/svg%3E%0A");
}
.styles_tabs__3oOYV {
  border-radius: 10px;
  background: var(--fill-tertiary);
  padding: 2px;
  display: flex;
}
.styles_tabsItem__3HkfI {
  border-radius: 8px;
  transition: 0.2s ease-in;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
  flex: 1 1 33.33%;
  cursor: pointer;
}
.styles_tabsItem__3HkfI p {
  margin: 0;
  transition: 0.2s ease-in;
  font-size: 10px;
  color: var(--label-secondary);
  font-weight: 400;
}
.styles_tabsItem__3HkfI svg path {
  transition: 0.2s ease-in;
  fill: var(--label-secondary);
}
.styles_tabsItemActive__5l77U {
  background: var(--fill-primary);
}
.styles_tabsItemActive__5l77U p {
  color: var(--label-primary);
}
.styles_tabsItemActive__5l77U svg path {
  fill: var(--label-primary);
}
.styles_walletRow__bmQa3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.styles_walletRowLink__si8N1 {
  cursor: pointer;
}
.styles_disconnect__M1Vny {
  color: var(--label-negative) !important;
}
.styles_wrapper__l3tXK.styles_wrapper__l3tXK {
  border-radius: 10px;
  background: var(--fill-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  min-width: 20px;
  color: var(--label-primary-on-light);
}
.styles_isActive__nM6fx.styles_isActive__nM6fx.styles_isActive__nM6fx {
  background: var(--label-primary-on-light);
  color: var(--label-primary-on-dark);
}
.styles_banner__BuRER {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--border-tertiary);
  background: var(--fill-primary);
  gap: 10px;
  margin-bottom: 40px;
  cursor: pointer;
  padding: 2px 6px 2px 2px;
}
.styles_banner__BuRER p {
  line-height: 125% !important;
}
.styles_image__lXprq {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
}
.styles_image__lXprq:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(90deg, #cccc3e, #dde0a5);
  filter: blur(7.5px);
  z-index: -1;
}
.styles_wrapper__EnEHR {
  width: 98px;
  height: 44px;
  border-radius: 5px;
  background: var(--fill-secondary);
}
@media (min-width: 1024px) {
  .styles_wrapper__EnEHR {
    height: 43px;
  }
}
.styles_balance__WfH1Q {
  width: 70px;
  height: 26px;
  border-radius: 20px;
  border: 1px solid transparent;
  background: var(--fill-secondary);
}
@media (min-width: 1024px) {
  .styles_balance__WfH1Q {
    width: 80px;
    height: 40px;
    padding: 2px 15px;
  }
  .styles_wrapper__dB6bW {
    display: grid;
    grid-template-columns: 1fr 340px;
    grid-gap: 10px;
    gap: 10px;
  }
}
@keyframes styles_slideIn__tj3ni {
  0% {
    transform: translateX(110%);
  }
  to {
    transform: translateX(0);
  }
}
.styles_wrapper__LNTF3 {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: var(--fill-primary);
  animation: styles_slideIn__tj3ni 0.3s ease-out;
}
@media (min-width: 1024px) {
  .styles_wrapper__LNTF3 {
    border-radius: 20px;
    position: -webkit-sticky;
    top: 80px;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid var(--border-tertiary);
    position: sticky;
  }
}
.styles_close__1PAgp {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 2;
}
.styles_close__1PAgp path {
  fill: var(--label-primary);
}
.styles_content__jYCnm {
  position: relative;
  z-index: 1;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .styles_content__jYCnm {
    min-height: 548px;
  }
}
.styles_input__ns9A_ {
  display: block;
  padding: 42px 140px 10px 10px;
  border-radius: 10px;
  transition: 0.2s ease-in;
  font-size: 2.5rem;
  font-weight: 400;
  width: 100%;
  color: var(--label-primary);
  background: var(--fill-secondary);
  border: 1px solid var(--fill-secondary);
}
.styles_input__ns9A_::placeholder {
  color: var(--label-quaternary);
}
.styles_input__ns9A_:focus {
  border: 1px solid var(--border-primary);
  background: var(--fill-primary);
}
.styles_inputWrapper__Ae_8E {
  position: relative;
}
.styles_inputError___OKvs {
  background: var(--fill-negative);
  border: 1px solid var(--fill-negative);
  color: var(--label-negative);
}
.styles_inputError___OKvs:focus {
  background: var(--fill-primary);
  border: 1px solid var(--border-negative);
}
.styles_inputError___OKvs::placeholder {
  color: var(--label-negative);
  opacity: 0.3;
}
.styles_comment__93iAR {
  position: absolute;
  top: 10px;
  cursor: pointer;
  text-transform: uppercase;
}
.styles_commentLeft__V0RDM {
  left: 10px;
}
.styles_commentRight__UYuO4 {
  right: 10px;
}
.styles_tokenSelect__Gu8ct {
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.styles_tokenLabel__bitHL {
  max-width: 120px;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
}
.styles_tokenLabel__bitHL p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}