._root_1plzf_1 {
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 20px
}

@media screen and (max-width: 768px) {
    ._root_1plzf_1 {
        padding: 16px
    }
}

._TitleAndTvl_1plzf_12 {
    display: flex;
    justify-content: space-around;
    gap: 18px;
    margin-top: 10px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    ._TitleAndTvl_1plzf_12 {
        flex-direction: column
    }
}

._CurrentPriceMgp_1plzf_25,
._MarketCapMgp_1plzf_29,
._TVL_1plzf_33 {
    flex: 1
}

@media screen and (max-width: 768px) {
    ._TVL_1plzf_33 {
        margin-bottom: 20px
    }
}

._title_1plzf_42 {
    color: #137ce7;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px
}

._banner_1plzf_50 {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

._paragraph_1plzf_56 {
    color: #3b3765;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 40px
}

._AssetOverview_1plzf_63,
._RewardDistributionHistory_1plzf_67 {
    margin-bottom: 40px
}

._HistoricalContribution_1plzf_71 {
    margin-bottom: 60px
}

._vlMGPInfo_1plzf_75 {
    display: flex;
    gap: 18px;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    ._vlMGPInfo_1plzf_75 {
        flex-direction: column
    }
}

._VLMGPAction_1plzf_86 {
    display: flex;
    gap: 12px;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    ._VLMGPAction_1plzf_86 {
        flex-direction: column
    }
}

._VlMGPBalance_1plzf_97 {
    flex: 1
}

._MagpieBnbImage_1plzf_101 {
    flex: 2
}

._MagpieBnbImage_1plzf_101 a {
    display: block;
    height: 100%;
    background: url(../images/magpie-bnb-BbHOoFZc.png) left top no-repeat;
    background-size: cover;
    border-radius: 12px
}

@media screen and (max-width: 768px) {
    ._MagpieBnbImage_1plzf_101 a {
        width: 100%;
        height: 160px
    }
}

._VlMGPUSD_1plzf_118,
._VlMGPApr_1plzf_122,
._LockMgp_1plzf_126,
._VlMGPSubDAORewards_1plzf_130 {
    flex: 1
}

.dark ._paragraph_1plzf_56 {
    color: #fff
}

._root_93v0a_1 {
    display: flex;
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 2px solid #137CE7;
    color: #0b366b;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.dark ._root_93v0a_1 {
    background-color: #30345b
}

.dark ._root_93v0a_1 ._value_93v0a_18 {
    color: #137ce7
}

.dark ._root_93v0a_1 ._text_93v0a_21 {
    color: #fff
}

._root_1i9ou_1 {
    border-radius: 12px;
    border: 2px solid #137CE7
}

._header_1i9ou_6 {
    display: flex;
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px 12px 0 0;
    background: #e4edff;
    color: #0b366b;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    gap: 12px
}

._content_1i9ou_22 {
    padding: 24px 20px;
    border-radius: 0 0 12px 12px;
    background: #fff
}

._TreauryValue_1i9ou_28,
._AssetAllocationChart_1i9ou_32 {
    margin-bottom: 24px
}

.dark ._header_1i9ou_6 {
    background-color: #30345b;
    color: #137ce7
}

.dark ._content_1i9ou_22 {
    background-color: #232644
}

._root_22nma_1 {
    display: flex
}

._assetItem_22nma_5 {
    display: flex;
    flex-direction: column;
    gap: 11px;
    justify-content: center;
    align-items: center;
    min-width: 40px
}

._assetItem_22nma_5 img {
    width: 50px
}

._assetItemName_22nma_18 {
    width: 100%;
    height: 44px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center
}

._PNP_22nma_31 ._assetItemName_22nma_18 {
    background: #2bb1ba
}

._RDP_22nma_35 ._assetItemName_22nma_18 {
    background: #6048e6
}

._CKP_22nma_39 ._assetItemName_22nma_18 {
    background: #d1884f
}

._EGP_22nma_43 ._assetItemName_22nma_18 {
    background: #1a0c6d
}

._table_1w9tx_1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 18px
}

._table_1w9tx_1 th {
    color: #658aaf;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

._table_1w9tx_1 tr {
    margin-bottom: 18px
}

._itemInfo_1w9tx_18 {
    display: flex;
    align-items: center
}

._itemName_1w9tx_23 {
    display: flex;
    gap: 11px;
    color: #0b366b;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    align-items: center;
    width: 130px
}

._itemName_1w9tx_23 img {
    width: 32px
}

._AssetAllocationInfo_1w9tx_38 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._AssetAllocationBar_1w9tx_48 {
    height: 16px;
    border-radius: 200px;
    background: #137ce7;
    position: relative
}

._AssetAllocationVestedBar_1w9tx_55 {
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 0px;
    border-radius: 200px
}

._TokenCol_1w9tx_64 {
    text-align: left
}

._VestedColHeader_1w9tx_68,
._VestingColHeader_1w9tx_75 {
    display: flex;
    gap: 3px;
    align-items: center;
    justify-content: right
}

._VestedCol_1w9tx_68,
._VestedColValue_1w9tx_82,
._VestingCol_1w9tx_75,
._VestingColValue_1w9tx_87 {
    text-align: right;
    width: 120px
}

._itemName_1w9tx_23 ._PNP_1w9tx_92 {
    color: #2bb1ba
}

._itemName_1w9tx_23 ._CKP_1w9tx_96 {
    color: #d1884f
}

._itemName_1w9tx_23 ._RDP_1w9tx_100 {
    color: #6048e6
}

._itemName_1w9tx_23 ._CMP_1w9tx_104 {
    color: #f0bf3a
}

._itemName_1w9tx_23 ._EGP_1w9tx_108 {
    color: #1b106b
}

._itemName_1w9tx_23 ._LTP_1w9tx_112 {
    color: #f0bf3a
}

._PNP_1w9tx_92 ._VestedColValue_1w9tx_82 {
    color: #2bb1ba
}

._CKP_1w9tx_96 ._VestedColValue_1w9tx_82 {
    color: #d1884f
}

._RDP_1w9tx_100 ._VestedColValue_1w9tx_82 {
    color: #6048e6
}

._CMP_1w9tx_104 ._VestedColValue_1w9tx_82 {
    color: #cd9808
}

._EGP_1w9tx_108 ._VestedColValue_1w9tx_82,
._LTP_1w9tx_112 ._VestedColValue_1w9tx_82 {
    color: #1b106b
}

._VestedColValue_1w9tx_82 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._VestingColValue_1w9tx_87 {
    color: #137ce7;
    font-size: 16px;
    font-weight: 500
}

._comingSoon_1w9tx_153 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._PNP_1w9tx_92 ._comingSoon_1w9tx_153 {
    color: #2bb1ba
}

._CKP_1w9tx_96 ._comingSoon_1w9tx_153 {
    color: #d1884f
}

._RDP_1w9tx_100 ._comingSoon_1w9tx_153 {
    color: #6048e6
}

._CMP_1w9tx_104 ._comingSoon_1w9tx_153 {
    color: #cd9808
}

._EGP_1w9tx_108 ._comingSoon_1w9tx_153 {
    color: #1b106b
}

._LTP_1w9tx_112 ._comingSoon_1w9tx_153 {
    color: #cd9808
}

._PNP_1w9tx_92 ._AssetAllocationValue_1w9tx_184 {
    color: #2bb1ba
}

._CKP_1w9tx_96 ._AssetAllocationValue_1w9tx_184 {
    color: #d1884f
}

._RDP_1w9tx_100 ._AssetAllocationValue_1w9tx_184 {
    color: #6048e6
}

._CMP_1w9tx_104 ._AssetAllocationValue_1w9tx_184 {
    color: #cd9808
}

._EGP_1w9tx_108 ._AssetAllocationValue_1w9tx_184 {
    color: #1b106b
}

._LTP_1w9tx_112 ._AssetAllocationValue_1w9tx_184 {
    color: #cd9808
}

._PNP_1w9tx_92 ._AssetAllocationVestedBar_1w9tx_55 {
    background-color: #2bb1ba
}

._CKP_1w9tx_96 ._AssetAllocationVestedBar_1w9tx_55 {
    background-color: #d1884f
}

._RDP_1w9tx_100 ._AssetAllocationVestedBar_1w9tx_55 {
    background-color: #6048e6
}

._CMP_1w9tx_104 ._AssetAllocationVestedBar_1w9tx_55 {
    background-color: #cd9808
}

._EGP_1w9tx_108 ._AssetAllocationVestedBar_1w9tx_55 {
    background-color: #1b106b
}

._LTP_1w9tx_112 ._AssetAllocationVestedBar_1w9tx_55 {
    background-color: #cd9808
}

.dark ._TokenCol_1w9tx_64 {
    color: #fff
}

.dark ._itemName_1w9tx_23 ._PNP_1w9tx_92 {
    color: #2bb1ba
}

.dark ._itemName_1w9tx_23 ._CKP_1w9tx_96 {
    color: #d1884f
}

.dark ._itemName_1w9tx_23 ._RDP_1w9tx_100 {
    color: #6048e6
}

.dark ._itemName_1w9tx_23 ._CMP_1w9tx_104 {
    color: #f0bf3a
}

.dark ._itemName_1w9tx_23 ._EGP_1w9tx_108,
.dark ._EGP_1w9tx_108 ._VestedColValue_1w9tx_82,
.dark ._EGP_1w9tx_108 ._AssetAllocationValue_1w9tx_184 {
    color: #c4c4e6
}

.dark ._itemName_1w9tx_23 ._LTP_1w9tx_112,
.dark ._LTP_1w9tx_112 ._VestedColValue_1w9tx_82 {
    color: #f0bf3a
}

._root_pcdio_1 {
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #fff;
    padding: 20px
}

._header_pcdio_8 {
    color: #137ce7;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 4px
}

@media screen and (max-width: 768px) {
    ._content_pcdio_20 {
        flex-direction: column;
        gap: 20px
    }
}

._assetItem_pcdio_26 {
    border-radius: 8px;
    background: #e4edff;
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 20px;
    justify-content: space-between
}

._assetInfo_pcdio_36 {
    display: flex;
    gap: 10px
}

._assetName_pcdio_41 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

._PNP_pcdio_48 ._assetName_pcdio_41 {
    color: #2bb1ba
}

._CKP_pcdio_52 ._assetName_pcdio_41 {
    color: #d1884f
}

._RDP_pcdio_56 ._assetName_pcdio_41 {
    color: #6048e6
}

._startMonth_pcdio_60 {
    color: #3b3765;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._assetIcon_pcdio_68 {
    width: 46px
}

._reward_pcdio_72 {
    color: #3b3765;
    font-size: 20px;
    font-weight: 600
}

._comingsoon_pcdio_78 {
    color: #3b3765;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px
}

._PNP_pcdio_48 {
    border-radius: 12px;
    background: #e7feff
}

._RDP_pcdio_56 {
    border-radius: 12px;
    background: #f3f1ff
}

._CKP_pcdio_52,
._CMP_pcdio_100 {
    border-radius: 12px;
    background: #fff6ee
}

._paging_pcdio_105 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

._paging_pcdio_105 ._enabled_pcdio_110 {
    color: #3b3765
}

._paging_pcdio_105 ._disabled_pcdio_113 {
    color: #c4c3d1
}

._pagingItem_pcdio_117 {
    cursor: pointer;
    color: #c4c3d1;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center
}

.dark ._root_pcdio_1 {
    background-color: #30345b;
    color: #137ce7
}

.dark ._startMonth_pcdio_60,
.dark ._reward_pcdio_72 {
    color: #fff
}

.dark ._PNP_pcdio_48 {
    background-color: #517274;
    border: 2px solid #2BB1BA
}

.dark ._CKP_pcdio_52 {
    background-color: #81756c
}

.dark ._RDP_pcdio_56 {
    background-color: #807e8f
}

.dark ._CMP_pcdio_100 {
    background-color: #a28871
}

._root0_9wj61_1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

._root_9wj61_1 {
    padding: 20px;
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #fff
}

._header_9wj61_15 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px
}

._inputWrapper_9wj61_21 {
    position: relative;
    height: 50px;
    width: 100%;
    background: #f9fbff;
    border: 1px solid #d6dff2;
    border-radius: 6px;
    color: #0b366b;
    cursor: text;
    display: inline-flex;
    padding: 10px 14px;
    font-size: 20px;
    align-items: center;
    margin-bottom: 20px
}

._inputWrapper_9wj61_21 img {
    width: 28px;
    height: 28px;
    margin-left: 8px
}

._input_9wj61_21 {
    width: 100%;
    border: 0;
    color: #0b366b !important;
    background: none;
    box-sizing: border-box;
    padding-left: 0
}

._inputMax_9wj61_51 {
    margin-left: 8px;
    height: .01em;
    display: flex;
    max-height: 2em;
    align-items: center;
    white-space: nowrap
}

._max_9wj61_60 {
    width: auto;
    height: 28px;
    color: #fff;
    background-color: #137ce7;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    box-shadow: none;
    border-radius: 37px;
    border: none;
    cursor: pointer
}

._mgpLockText_9wj61_74 {
    color: var(--deep-blue, #0B366B);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

._mgpLockValue_9wj61_82 {
    color: var(--Blue, #137CE7);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._btnGroup_9wj61_90 {
    display: flex;
    justify-content: space-between;
    gap: 18px
}

._btn_9wj61_90 {
    flex: 1;
    display: flex;
    height: 44px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--Blue, #137CE7);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none;
    border: 0px;
    width: 100%;
    cursor: pointer
}

._lockBtn_9wj61_116 {
    flex: 2
}

._btn_9wj61_90:disabled {
    opacity: .4
}

._UnlockingWarn_9wj61_124 {
    color: #137ce7;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .2px;
    text-decoration-line: underline;
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 12px;
    gap: 5px
}

.dark ._root_9wj61_1 {
    background-color: #232644
}

.dark ._root_9wj61_1 ._mgpLockValue_9wj61_82 {
    color: #137ce7
}

.dark ._root_9wj61_1 ._mgpLockText_9wj61_74 {
    color: #fff
}

.dark ._root_9wj61_1 ._inputWrapper_9wj61_21 {
    background-color: #30345b
}

.dark ._root_9wj61_1 ._input_9wj61_21 {
    color: #137ce7 !important
}

._root_1af0k_1 {
    padding: 14px 20px;
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #fff
}

._header_1af0k_8 {
    display: flex;
    justify-content: right
}

.dark ._root_1af0k_1 {
    background-color: #232644
}

._root_1n5e1_1 {
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #fff;
    position: relative
}

._content1_1n5e1_8 {
    padding: 20px
}

._header_1n5e1_12 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px
}

._inputWrapper_1n5e1_18 {
    position: relative;
    height: 50px;
    width: 100%;
    background: #f9fbff;
    border: 1px solid #d6dff2;
    border-radius: 6px;
    color: #0b366b;
    cursor: text;
    display: inline-flex;
    padding: 10px 14px;
    font-size: 20px;
    align-items: center;
    margin-bottom: 20px
}

._inputWrapper_1n5e1_18 img {
    width: 28px;
    height: 28px;
    margin-left: 8px
}

._input_1n5e1_18 {
    width: 100%;
    border: 0;
    color: #0b366b !important;
    background: none;
    box-sizing: border-box;
    padding-left: 0
}

._inputMax_1n5e1_48 {
    margin-left: 8px;
    height: .01em;
    display: flex;
    max-height: 2em;
    align-items: center;
    white-space: nowrap
}

._max_1n5e1_57 {
    width: auto;
    height: 28px;
    color: #fff;
    background-color: #137ce7;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    box-shadow: none;
    border-radius: 37px;
    border: none;
    cursor: pointer
}

._mgpLockText_1n5e1_71 {
    color: var(--deep-blue, #0B366B);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

._mgpLockValue_1n5e1_79 {
    color: var(--Blue, #137CE7);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 3px
}

._btnGroup_1n5e1_90 {
    display: flex;
    justify-content: space-between;
    gap: 18px
}

._btn_1n5e1_90 {
    display: flex;
    height: 44px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--Blue, #137CE7);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none;
    border: 0px;
    width: 100%;
    cursor: pointer
}

._btn_1n5e1_90:disabled {
    opacity: .4
}

._openLockMgp_1n5e1_119 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #137ce7;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .32px;
    text-decoration-line: underline;
    margin-bottom: 10px;
    cursor: pointer
}

._openLockMgp_1n5e1_119 img {
    width: 18px
}

._UnlockingWarn_1n5e1_137 {
    color: #137ce7;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .2px;
    text-decoration-line: underline;
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 12px;
    gap: 5px
}

._list_1ue72_1 {
    background-color: #e4edff;
    border-radius: 0 0 12px 12px;
    padding: 10px 20px
}

._itemContent_1ue72_7 {
    border-radius: 4px;
    background: #fff
}

._listHeader_1ue72_12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    height: 45px;
    font-size: 10px;
    line-height: 17px;
    color: #0b366b
}

@media screen and (max-width: 768px) {
    ._listHeader_1ue72_12 {
        width: fit-content
    }
}

._listHeaderItem1_1ue72_28 {
    width: 110px
}

._listHeaderItem2_1ue72_32 {
    width: 100px
}

._listHeaderItem3_1ue72_36 {
    width: 60px
}

._listHeaderItem4_1ue72_40 {
    width: 100px
}

._listHeaderItem5_1ue72_44 {
    width: 100px;
    display: flex;
    text-align: center;
    justify-content: center
}

._lockedBlock_1ue72_51 {
    padding: 0 24px
}

._lockedBlock_1ue72_51:last-child>div {
    border-bottom: 0px
}

._mlockedBlock_1ue72_58 {
    border: 1.4px solid #c1def7;
    border-radius: 6px;
    margin-bottom: 20px
}

._mlockedValueList_1ue72_64 {
    background: #eaf1ff;
    padding: 10px 12px
}

._locked_1ue72_51 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #0b366b;
    border-bottom: 1px solid #c1def7
}

@media screen and (max-width: 768px) {
    ._locked_1ue72_51 {
        width: fit-content
    }
}

._locked_1ue72_51 ._lockedDateItem_1ue72_85 {
    width: 110px
}

._locked_1ue72_51 ._lockedItem_1ue72_88 {
    width: 100px
}

._locked_1ue72_51 ._lockedItem2_1ue72_91 {
    width: 256px
}

._locked_1ue72_51 ._lockedItem3_1ue72_94 {
    width: 170px
}

._locked_1ue72_51 ._alignRight_1ue72_97 {
    text-align: right
}

._locked_1ue72_51 ._inputWrapper_1ue72_100 {
    position: relative;
    height: 50px;
    width: 90%;
    background: #f9fbff;
    border: 1px solid #d6dff2;
    border-radius: 6px;
    color: #0b366b;
    cursor: text;
    display: inline-flex;
    padding: 10px 14px;
    font-size: 20px;
    align-items: center
}

._locked_1ue72_51 ._inputWrapper_1ue72_100 img {
    width: 28px;
    height: 28px;
    margin-left: 8px
}

._locked_1ue72_51 ._input_1ue72_100 {
    width: 100%;
    border: 0;
    color: #0b366b !important;
    background: none;
    box-sizing: border-box;
    padding-left: 0
}

._locked_1ue72_51 ._inputMax_1ue72_127 {
    margin-left: 8px;
    height: .01em;
    display: flex;
    max-height: 2em;
    align-items: center;
    white-space: nowrap
}

._locked_1ue72_51 ._max_1ue72_135 {
    width: auto;
    height: 28px;
    color: #fff;
    background-color: #137ce7;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    box-shadow: none;
    border-radius: 37px;
    border: none;
    cursor: pointer
}

._sectionUnlockBtn_1ue72_149 {
    color: #fff;
    border: 0;
    font-weight: 500;
    background-color: #137ce7;
    padding: 0 10px;
    font-size: 12px;
    line-height: 30px;
    box-shadow: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    height: 30px;
    margin-right: 5px;
    box-sizing: border-box
}

._sectionUnlockBtn_1ue72_149:disabled {
    background-color: #137ce7
}

._mlockedValueRow_1ue72_170 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px
}

._mbuttons_1ue72_176 {
    display: flex;
    padding: 10px 12px
}

._mlockedValue_1ue72_64 {
    font-weight: 600;
    font-size: 14px;
    color: #0b366b
}

._mlockedRightValue_1ue72_187 {
    font-weight: 600;
    font-size: 14px;
    color: #0b366b;
    text-align: right
}

._mlockedText_1ue72_194 {
    font-weight: 500;
    font-size: 10px;
    color: #5f7fc1
}

._mlockedRightText_1ue72_200 {
    font-weight: 500;
    font-size: 10px;
    color: #5f7fc1;
    text-align: right
}

.dark ._listHeader_1ue72_12 {
    background: #30345b;
    color: #5f7fc1;
    border-bottom: none
}

.dark ._locked_1ue72_51 {
    color: #e3e3e3;
    border-bottom: 1px solid #444977
}

.dark ._mlockedValueList_1ue72_64 {
    background: #232644
}

.dark ._mlockedValue_1ue72_64,
.dark ._mlockedRightValue_1ue72_187 {
    color: #e3e3e3
}

.dark ._sectionUnlockBtn_1ue72_149:disabled {
    color: #e3e3e3;
    background-color: #2bb1ba;
    opacity: .4
}

._root_1cc70_1 {
    border-radius: 12px;
    background: #fff;
    width: 340px;
    padding: 20px;
    color: #0b366b;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._mask_1cc70_14 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #05284c80;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

._btnGroup_1cc70_27 {
    display: flex;
    justify-content: space-between;
    gap: 18px
}

._btn_1cc70_27 {
    display: flex;
    height: 44px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--Blue, #137CE7);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none;
    border: 0px;
    width: 100%;
    cursor: pointer
}

._btn_1cc70_27:disabled {
    opacity: .4
}

._root_1bjvd_1 {
    border-radius: 12px;
    background: #fff;
    width: 340px;
    padding: 20px;
    color: #0b366b;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._mask_1bjvd_14 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #05284c80;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

._btnGroup_1bjvd_27 {
    display: flex;
    justify-content: space-between;
    gap: 18px
}

._btn_1bjvd_27 {
    display: flex;
    height: 44px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--Blue, #137CE7);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none;
    border: 0px;
    width: 100%;
    cursor: pointer
}

._btn_1bjvd_27:disabled {
    opacity: .4
}

._title_1bjvd_56 {
    color: #137ce7;
    font-weight: 600;
    margin-bottom: 10px
}

._content_1bjvd_62 {
    margin-bottom: 10px
}

._content_1bjvd_62 a {
    text-decoration: underline
}

._root_35xk5_1 {
    border-radius: 12px;
    border: 2px solid #137CE7
}

._header_35xk5_6 {
    padding: 12px 20px;
    border-radius: 12px 12px 0 0;
    background: #e4edff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._headerTitle_35xk5_15 {
    color: var(--deep-blue, #0B366B);
    font-size: 18px;
    font-style: normal;
    font-weight: 600
}

._content_35xk5_22 {
    padding: 20px;
    border-radius: 0 0 12px 12px;
    background: #fff
}

._rewardIcon_35xk5_28 {
    width: 26px
}

._tokenInfo_35xk5_32 {
    display: flex;
    gap: 6px;
    align-items: center
}

._table_35xk5_38 {
    border-collapse: separate;
    border-spacing: 0px 18px;
    width: 100%
}

._line_35xk5_44 {
    background-color: #d7e3fa;
    height: 1.5px;
    width: 100%
}

._table_35xk5_38 th {
    color: #658aaf;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._btn_35xk5_58 {
    display: flex;
    width: 100%;
    outline: none;
    height: 44px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--Blue, #137CE7);
    border: 0px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer
}

._EarnColumn_35xk5_77 {
    text-align: left;
    width: 33%
}

._TokenPriceColumn_35xk5_82 {
    text-align: center;
    width: 33%
}

._TokenValueColumn_35xk5_87 {
    text-align: right;
    width: 33%
}

._TokenPrice_35xk5_82 {
    color: #0b366b;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

._TokenValue_35xk5_87 {
    color: #0b366b;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: right
}

._TokenEarned_35xk5_110 {
    color: #0b366b;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._TokenSymbol_35xk5_118 {
    color: #0b366b;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._totalRewards_35xk5_126 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 13px;
    margin-bottom: 13px
}

._totalRewards_35xk5_126 ._text_35xk5_133 {
    color: #137ce7;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._totalRewards_35xk5_126 ._value_35xk5_140 {
    color: #137ce7;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.dark ._root_35xk5_1 ._header_35xk5_6 {
    background-color: #30345b
}

.dark ._root_35xk5_1 ._headerTitle_35xk5_15 {
    color: #137ce7
}

.dark ._root_35xk5_1 ._content_35xk5_22 {
    background-color: #232644
}

.dark ._root_35xk5_1 ._TokenEarned_35xk5_110,
.dark ._root_35xk5_1 ._TokenSymbol_35xk5_118,
.dark ._root_35xk5_1 ._TokenPrice_35xk5_82,
.dark ._root_35xk5_1 ._TokenValue_35xk5_87 {
    color: #fff
}

._root_1n7mw_1 {
    padding: 14px 20px;
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #f2f6ff;
    display: flex;
    flex-direction: column;
    gap: 12px
}

._value_1n7mw_11 {
    color: #137ce7;
    font-size: 20px;
    font-style: normal;
    font-weight: 600
}

._text_1n7mw_18 {
    color: #658aaf;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

.dark ._root_1n7mw_1 {
    background-color: #232644
}

.dark ._root_1n7mw_1 ._value_1n7mw_11 {
    color: #137ce7
}

.dark ._root_1n7mw_1 ._text_1n7mw_18 {
    color: #fff
}

._root_1igzc_1 {
    padding: 14px 20px;
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #f2f6ff;
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media screen and (max-width: 768px) {
    ._root_1igzc_1 {
        width: 100%
    }
}

._totalTvlWrapper_1igzc_16 {
    display: flex;
    align-items: center;
    gap: 12px
}

._text_1igzc_22 {
    color: #658aaf;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

._value_1igzc_30 {
    color: #137ce7;
    font-size: 20px;
    font-style: normal;
    font-weight: 600
}

._imageSection_1igzc_37 {
    display: flex;
    width: 100%;
    justify-content: space-between
}

._imageSection_1igzc_37 img {
    height: 32px
}

.dark ._root_1igzc_1 {
    background-color: #232644
}

.dark ._root_1igzc_1 ._value_1igzc_30 {
    color: #137ce7
}

.dark ._root_1igzc_1 ._text_1igzc_22 {
    color: #fff
}

._root_6r1p7_1 {
    width: 100%;
    padding: 14px 20px;
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #f2f6ff;
    display: flex;
    flex-direction: column;
    gap: 12px
}

._value_6r1p7_12 {
    color: #137ce7;
    font-size: 20px;
    font-style: normal;
    font-weight: 600
}

._text_6r1p7_19 {
    color: #658aaf;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

.dark ._root_6r1p7_1 {
    background-color: #232644
}

.dark ._root_6r1p7_1 ._value_6r1p7_12 {
    color: #137ce7
}

.dark ._root_6r1p7_1 ._text_6r1p7_19 {
    color: #fff
}

._root_2hpma_1 {
    padding: 14px 20px;
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #f2f6ff;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

._value_2hpma_12 {
    color: #137ce7;
    font-size: 20px;
    font-style: normal;
    font-weight: 600
}

._text_2hpma_19 {
    color: #658aaf;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

.dark ._root_2hpma_1 {
    background-color: #232644
}

.dark ._root_2hpma_1 ._value_2hpma_12 {
    color: #137ce7
}

.dark ._root_2hpma_1 ._text_2hpma_19 {
    color: #fff
}

._root_8u9qk_1 {
    padding: 14px 20px;
    border-radius: 12px;
    border: 2px solid #137CE7;
    background: #f2f6ff;
    display: flex;
    flex-direction: column;
    gap: 12px
}

._value_8u9qk_11 {
    color: #137ce7;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px
}

._text_8u9qk_21 {
    color: #658aaf;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

.dark ._root_8u9qk_1 {
    background-color: #232644
}

.dark ._root_8u9qk_1 ._value_8u9qk_11 {
    color: #137ce7
}

.dark ._root_8u9qk_1 ._text_8u9qk_21 {
    color: #fff
}