@keyframes _spin_19rt2_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

._seamlessMainWallet_19rt2_9, ._availableToBetMainWallet_19rt2_10 {
    width: 50%
}

._mainWallet_19rt2_14, ._availableToWithdrawWallet_19rt2_15, ._lockedBonusWallet_19rt2_16 {
    flex: 1
}

._mainWallet_19rt2_14 {
    height: .82rem;
    padding: .2rem .3rem;
    background: #fff;
    border-radius: .08rem
}

._mainWallet_19rt2_14 ._mainWalletTitle_19rt2_26 {
    color: #8697a2;
    font-size: .14rem
}

._mainWallet_19rt2_14 ._mainWalletAmountContainer_19rt2_30 {
    display: flex;
    align-items: center;
    gap: .1rem;
    height: .3rem
}

._mainWallet_19rt2_14 ._mainWalletAmountContainer_19rt2_30 ._mainWalletAmount_19rt2_30 {
    font-weight: 600;
    color: #0071e3;
    display: flex;
    align-items: center;
    gap: .05rem;
    font-size: .22rem
}

._mainWallet_19rt2_14 ._mainWalletAmountContainer_19rt2_30 ._mainWalletRestoreButton_19rt2_44 {
    background: #0071e3;
    display: flex;
    justify-content: center;
    margin: 0 .31rem;
    border-radius: .2rem;
    padding: .05rem .2rem;
    cursor: pointer
}

._mainWallet_19rt2_14 ._mainWalletAmountContainer_19rt2_30 ._mainWalletRestoreButton_19rt2_44 span {
    margin: 0 .06rem;
    align-content: center;
    color: #fff;
    font-size: .12rem
}

@media (max-width: 768px) {
    ._mainWallet_19rt2_14 ._mainWalletAmountContainer_19rt2_30 ._mainWalletRestoreButton_19rt2_44 span {
        font-size: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessMainWallet_19rt2_9, ._availableToWithdrawWallet_19rt2_15, ._availableToBetWallet_19rt2_68, ._lockedBonusWallet_19rt2_16 {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas: "left1  right""left2  right";
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: .82rem;
    padding: .12rem .2rem;
    background: #fff
}

._seamlessMainWallet_19rt2_9 ._upperSection_19rt2_82, ._availableToWithdrawWallet_19rt2_15 ._upperSection_19rt2_82, ._availableToBetWallet_19rt2_68 ._upperSection_19rt2_82, ._lockedBonusWallet_19rt2_16 ._upperSection_19rt2_82 {
    display: flex;
    justify-content: start;
    gap: .08rem;
    grid-area: left1
}

._seamlessMainWallet_19rt2_9 ._lowerSection_19rt2_91, ._availableToWithdrawWallet_19rt2_15 ._lowerSection_19rt2_91, ._availableToBetWallet_19rt2_68 ._lowerSection_19rt2_91, ._lockedBonusWallet_19rt2_16 ._lowerSection_19rt2_91 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .1rem;
    height: .3rem;
    grid-area: left2
}

._seamlessMainWallet_19rt2_9 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30, ._availableToWithdrawWallet_19rt2_15 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30, ._availableToBetWallet_19rt2_68 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30, ._lockedBonusWallet_19rt2_16 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 {
    font-weight: 600;
    color: #0071e3;
    display: flex;
    align-items: center;
    gap: .05rem
}

._seamlessMainWallet_19rt2_9 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._amountCurrency_19rt2_112, ._availableToWithdrawWallet_19rt2_15 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._amountCurrency_19rt2_112, ._availableToBetWallet_19rt2_68 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._amountCurrency_19rt2_112, ._lockedBonusWallet_19rt2_16 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._amountCurrency_19rt2_112 {
    font-size: .12rem;
    font-weight: 400
}

._seamlessMainWallet_19rt2_9 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._mainWalletAmount_19rt2_30, ._availableToWithdrawWallet_19rt2_15 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._mainWalletAmount_19rt2_30, ._availableToBetWallet_19rt2_68 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._mainWalletAmount_19rt2_30, ._lockedBonusWallet_19rt2_16 ._lowerSection_19rt2_91 ._mainWalletAmountContainer_19rt2_30 ._mainWalletAmount_19rt2_30 {
    font-size: .2rem
}

._seamlessMainWallet_19rt2_9 ._mainWalletRestoreButton_19rt2_44, ._availableToWithdrawWallet_19rt2_15 ._mainWalletRestoreButton_19rt2_44, ._availableToBetWallet_19rt2_68 ._mainWalletRestoreButton_19rt2_44, ._lockedBonusWallet_19rt2_16 ._mainWalletRestoreButton_19rt2_44 {
    height: .24rem;
    grid-area: right;
    background: #0071e3;
    display: flex;
    justify-content: center;
    border-radius: .2rem;
    padding: .05rem .2rem;
    cursor: pointer
}

._seamlessMainWallet_19rt2_9 ._mainWalletRestoreButton_19rt2_44 span, ._availableToWithdrawWallet_19rt2_15 ._mainWalletRestoreButton_19rt2_44 span, ._availableToBetWallet_19rt2_68 ._mainWalletRestoreButton_19rt2_44 span, ._lockedBonusWallet_19rt2_16 ._mainWalletRestoreButton_19rt2_44 span {
    margin: 0 .06rem;
    align-content: center;
    color: #fff;
    font-size: .12rem
}

@media (max-width: 768px) {
    ._seamlessMainWallet_19rt2_9 ._mainWalletRestoreButton_19rt2_44 span, ._availableToWithdrawWallet_19rt2_15 ._mainWalletRestoreButton_19rt2_44 span, ._availableToBetWallet_19rt2_68 ._mainWalletRestoreButton_19rt2_44 span, ._lockedBonusWallet_19rt2_16 ._mainWalletRestoreButton_19rt2_44 span {
        font-size: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessMainWallet_19rt2_9 ._eyeIcon_19rt2_156, ._availableToWithdrawWallet_19rt2_15 ._eyeIcon_19rt2_156, ._availableToBetWallet_19rt2_68 ._eyeIcon_19rt2_156, ._lockedBonusWallet_19rt2_16 ._eyeIcon_19rt2_156 {
    width: .181rem;
    height: .126rem;
    grid-area: right
}

._seamlessMainWallet_19rt2_9 ._eyeIcon_19rt2_156 svg path, ._availableToWithdrawWallet_19rt2_15 ._eyeIcon_19rt2_156 svg path, ._availableToBetWallet_19rt2_68 ._eyeIcon_19rt2_156 svg path, ._lockedBonusWallet_19rt2_16 ._eyeIcon_19rt2_156 svg path {
    fill: #8697a2
}

._seamlessMainWallet_19rt2_9 ._mainWalletTitle_19rt2_26, ._availableToWithdrawWallet_19rt2_15 ._mainWalletTitle_19rt2_26, ._availableToBetWallet_19rt2_68 ._mainWalletTitle_19rt2_26, ._lockedBonusWallet_19rt2_16 ._mainWalletTitle_19rt2_26 {
    color: #8697a2;
    font-size: .14rem
}

._availableToBetWallet_19rt2_68 {
    border-radius: .08rem 0 0 .08rem
}

._lockedBonusWallet_19rt2_16 {
    border-radius: 0 .08rem .08rem 0
}

._mainWalletDetails_19rt2_186 {
    font-size: .14rem;
    color: #0071e3;
    cursor: pointer
}

@media (max-width: 768px) {
    ._mainWalletDetails_19rt2_186 {
        font-size: calc(14 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._separateLine_19rt2_197 {
    width: .01rem;
    height: 80%;
    border: 1px #dbe0e4;
    border-style: none none none solid
}

._seamlessFloatingWallet_19rt2_204 {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    width: 3.9rem;
    padding: .15rem;
    background: #ffffff;
    box-shadow: 0 .02rem .08rem #0000004d;
    border-radius: .08rem;
    position: absolute;
    right: -.6rem;
    top: .55rem
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 {
        gap: calc(10 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f5f6;
    border-radius: .08rem;
    padding: .15rem
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 1fr 2fr;
    grid-template-areas: "title  icon""button  button";
    grid-gap: .08rem
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._contentTitle_19rt2_237 {
    grid-area: title
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._eyeIcon_19rt2_156 {
    grid-area: icon
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._mainWalletRestoreButton_19rt2_44 {
    display: flex;
    background: #0071e3;
    align-items: center;
    border-radius: 20px;
    padding: 5px 20px;
    width: max-content;
    grid-area: button;
    cursor: pointer
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._mainWalletRestoreButton_19rt2_44 span {
    margin: 0 6px;
    align-content: center;
    color: #fff;
    font-size: .12rem
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._mainWalletRestoreButton_19rt2_44 span {
        font-size: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._eyeIcon_19rt2_156 {
    width: .1785rem
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._eyeIcon_19rt2_156 {
        width: calc(17.85 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 ._leftSection_19rt2_230 ._eyeIcon_19rt2_156 svg {
    width: 100% !important;
    height: 100% !important
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 ._contentWrapper_19rt2_222 {
        padding: calc(15 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem);
        border-radius: calc(8 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 {
    background: #f3f5f6;
    border-radius: .08rem;
    padding: .15rem
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 {
        padding: calc(15 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem);
        border-radius: calc(8 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletHeader_19rt2_293 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 {
    max-height: 2.45rem;
    overflow-y: scroll;
    background: #ffffff;
    border-radius: .06rem;
    margin: .1rem 0 0;
    scrollbar-width: thin
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298::-webkit-scrollbar {
    width: 6px
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 {
        height: calc(245 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem);
        margin: calc(10 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem) 0 0;
        max-height: unset
    }
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 ._providerDetails_19rt2_327 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .12rem;
    height: .35rem;
    font-size: .14rem
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 ._providerDetails_19rt2_327 {
        font-size: calc(14 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

@media (max-width: 768px) {
    ._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 ._providerDetails_19rt2_327 {
        padding: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem);
        height: calc(35 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 ._providerDetails_19rt2_327:not(:first-child) {
    border-top: .01rem solid #dbe0e4
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 ._providerDetails_19rt2_327 ._providerName_19rt2_349 {
    color: #8697a2
}

._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 ._providerDetails_19rt2_327 ._providerBalance_19rt2_352 {
    color: #0071e3
}

._seamlessMainWallet_19rt2_9 ._seamlessFloatingWalletWrapper_19rt2_356 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #aeaeae4d;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center
}

._seamlessMainWallet_19rt2_9 ._seamlessFloatingWalletWrapper_19rt2_356 ._seamlessFloatingWallet_19rt2_204 {
    position: relative;
    left: unset;
    top: unset;
    right: unset
}

._mainWalletRefresh_19rt2_375 {
    display: flex;
    cursor: pointer
}

._mainWalletRefresh_19rt2_375 svg {
    width: .16rem !important
}

@media (max-width: 768px) {
    ._mainWalletRefresh_19rt2_375 svg {
        width: 16px !important
    }
}

._mainWalletRefresh_19rt2_375._active_19rt2_387 {
    animation: _spin_19rt2_1 1s linear infinite
}

._amountContainer_19rt2_391 {
    display: flex;
    align-items: center;
    gap: .1rem;
    color: #0071e3
}

@media (max-width: 768px) {
    ._amountContainer_19rt2_391 ._amountCurrency_19rt2_112 {
        font-size: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

@media (max-width: 768px) {
    ._amountContainer_19rt2_391 ._mainWalletAmount_19rt2_30, ._amountContainer_19rt2_391 ._seamlessWalletBalance_19rt2_404 {
        font-size: calc(22 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._contentTitle_19rt2_237 {
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width: 768px) {
    ._contentTitle_19rt2_237 {
        font-size: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._drawerOverlay_19rt2_420 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    z-index: 1
}

._drawerTrigger_19rt2_432 {
    color: #8697a2;
    background: unset
}

._drawerContent_19rt2_437 {
    position: fixed;
    display: flex;
    flex-direction: column;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483644;
    padding: .15rem;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    max-height: 630px;
    height: auto
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 {
    position: static;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 {
    height: 100%
}

@media (max-width: 768px) {
    ._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._providerWalletWrapper_19rt2_282 ._providerWalletContent_19rt2_298 {
        height: max-content
    }
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._mainWalletBalanceWrapper_19rt2_475 ._leftSection_19rt2_230 {
    display: flex;
    align-items: center;
    gap: .1rem
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._mainWalletBalanceWrapper_19rt2_475 ._leftSection_19rt2_230 ._headerLeft_19rt2_480 {
    display: flex;
    align-items: center
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._mainWalletBalanceWrapper_19rt2_475 ._leftSection_19rt2_230 ._title_19rt2_484 {
    color: #0f161f;
    word-break: unset;
    white-space: nowrap
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._mainWalletBalanceWrapper_19rt2_475 ._leftSection_19rt2_230 ._eyeIcon_19rt2_156 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color .2s ease
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._mainWalletBalanceWrapper_19rt2_475 ._leftSection_19rt2_230 ._eyeIcon_19rt2_156 svg {
    width: 16px !important;
    height: 16px !important
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._mainWalletBalanceWrapper_19rt2_475 ._leftSection_19rt2_230 ._eyeIcon_19rt2_156 svg:not(:root) {
    overflow: visible
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._mainWalletBalanceWrapper_19rt2_475 ._rightSection_19rt2_504 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .1rem;
    padding: .08rem .26rem;
    background: #fff;
    border-radius: .3rem;
    width: 4rem
}

@media (max-width: 768px) {
    ._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._availableToBetWrapper_19rt2_515 {
        padding-top: calc(25 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem);
        padding-bottom: calc(25 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._availableToBetWrapper_19rt2_515 ._leftSection_19rt2_230 {
    display: flex;
    gap: 10px
}

@media (max-width: 768px) {
    ._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._availableToBetWrapper_19rt2_515 ._leftSection_19rt2_230 {
        flex-direction: column
    }
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._availableToBetWrapper_19rt2_515 ._mainWalletRestoreButton_19rt2_44 {
    background: #0071e3;
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 5px 20px;
    width: max-content
}

._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._availableToBetWrapper_19rt2_515 ._mainWalletRestoreButton_19rt2_44 span {
    margin: 0 6px;
    align-content: center;
    color: #fff;
    font-size: .12rem
}

@media (max-width: 768px) {
    ._drawerContent_19rt2_437 ._seamlessFloatingWallet_19rt2_204 ._availableToBetWrapper_19rt2_515 ._mainWalletRestoreButton_19rt2_44 span {
        font-size: calc(12 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._mainWalletRestore_19rt2_44 {
    width: .16rem
}

@media (max-width: 768px) {
    ._mainWalletRestore_19rt2_44 {
        width: calc(16 / (var(--figma-mobile-width, 390) / 768 * 100) * 1rem)
    }
}

._mainWalletRestore_19rt2_44 svg {
    width: 100%;
    height: 100%
}

._recentTransactionContainer_yt0gb_1 {
    background: #fff;
    border-radius: .08rem
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 {
    padding: 0 .2rem .12rem
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5._hide_yt0gb_8 {
    display: none
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 {
    width: 100%
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 thead ._recentTransactionRow_yt0gb_14 {
    background: #f7f7f7;
    border-radius: .1rem;
    color: #0f161f
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 thead ._recentTransactionRow_yt0gb_14 th {
    padding: .1rem 0;
    width: 25%;
    text-align: center;
    font-weight: 400
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 thead ._recentTransactionRow_yt0gb_14 th:first-child {
    border-radius: .1rem 0 0 .1rem
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 thead ._recentTransactionRow_yt0gb_14 th:last-child {
    border-radius: 0 .1rem .1rem 0
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 tbody td {
    padding: .1rem 0;
    width: 25%;
    text-align: center
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 tbody ._A_yt0gb_36 {
    color: #0071e3
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._recentTransactionTable_yt0gb_5 ._emptyRecord_yt0gb_39 {
    height: 1rem;
    text-align: center
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._viewMore_yt0gb_43 {
    display: flex;
    align-items: center;
    padding: .08rem .4rem .2rem;
    color: #0051d6;
    justify-content: center;
    font-size: .12rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    cursor: pointer
}

._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._viewMore_yt0gb_43 span {
    text-decoration: underline;
    cursor: pointer
}

@media (max-width: 768px) {
    ._recentTransactionContainer_yt0gb_1 ._recentTransactionTableContainer_yt0gb_5 ._viewMore_yt0gb_43 {
        font-size:unset
    }
}

._transactionTitle_hzg77_1 {
    color: #8697a2;
    margin: 0 0 .1rem
}

@media (max-width: 768px) {
    ._transactionTitle_hzg77_1 {
        color:#0f161f;
        font-weight: 600;
        font-size: .3rem
    }
}

._referralDetailFloating_jlh8j_1 {
    top: 72%;
    left: unset;
    position: relative
}

._referralDetailFloating_jlh8j_1 ._triangle_jlh8j_6 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -.12rem;
    width: .24rem;
    height: .12rem;
    overflow: hidden
}

._referralDetailFloating_jlh8j_1 ._triangle_jlh8j_6:after {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    left: 50%;
    transform: translate(-50%,50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 .01rem .06rem #0000004d
}	

._referralDetailContainer_1w7kh_1 {
    background: url(https://www.bk8thaifan.win/public/html/images/referral/referral-background.png) no-repeat;
    background-size: 100% 100%;
    height: 3.33rem;
    padding: .28rem .3rem
}

@media (max-width: 768px) {
    ._referralDetailContainer_1w7kh_1 {
        display:grid;
        background: url(https://www.bk8thaifan.win/public/html/images/referral/m-referral-background.png) no-repeat;
        border-radius: .08rem;
        font-size: .2rem;
        padding: .5rem .4rem;
        margin: .4rem 0;
        background-size: cover;
        background-position: center center
    }

    ._referralDetailContainer_1w7kh_1 p {
        width: 50%
    }
}

._referralDetailContainer_1w7kh_1 ._referralDetailContainerTitle_1w7kh_22 {
    font-size: 20px;
    font-weight: 600
}

@media (max-width: 768px) {
    ._referralDetailContainer_1w7kh_1 ._referralDetailContainerTitle_1w7kh_22 {
        font-size:.29rem
    }
}

._referralDetailContainer_1w7kh_1 ._referralCopyDetailContainer_1w7kh_31 ._referralCopyDetail_1w7kh_31 {
    display: flex;
    justify-content: space-between;
    background: rgba(255,255,255,.3019607843);
    border-radius: 100px;
    padding: .08rem .14rem
}

@media (max-width: 768px) {
    ._referralDetailContainer_1w7kh_1 ._referralCopyDetailContainer_1w7kh_31 ._referralCopyDetail_1w7kh_31 {
        width:50%;
        height: .55rem;
        align-items: center;
        padding: 0 .3rem
    }
}

._referralDetailContainer_1w7kh_1 ._referralCopyDetailContainer_1w7kh_31 ._referralCopyDetail_1w7kh_31 ._arrow_1w7kh_46 svg {
    width: .1rem;
    fill: #fff
}

@media (max-width: 768px) {
    ._referralDetailContainer_1w7kh_1 ._referralCopyDetailContainer_1w7kh_31 ._referralCopyDetail_1w7kh_31 ._arrow_1w7kh_46 svg {
        width:.15rem
    }
}

@media (max-width: 768px) {
    p._referralDetailContainerTitle_beta_1w7kh_57 {
        width:65%
    }
}

._passwordEyes_197f3_1 {
    position: absolute;
    margin: 0;
    border-radius: 100%;
    padding: .03rem;
    right: .4rem;
    z-index: 1
}

@media (max-width: 768px) {
    ._passwordEyes_197f3_1 {
        transform:translateY(-50%);
        top: .4rem;
        margin: 0 .15rem
    }
}

._passwordEyes_197f3_1 svg {
    fill: #afb3b6;
    width: .21rem;
    height: .21rem;
    cursor: pointer
}

@media (max-width: 768px) {
    ._passwordEyes_197f3_1 svg {
        height:.46rem;
        width: .46rem
    }
}