#my-wallet-info{
    padding-top: 35px;
}
#my-wallet-info-title{
    color: #737373;
    font-size: 18px;
    font-weight: 700;    
    margin-bottom: 10px;
}

#my-wallet-info-content{
    padding: 10px;
    background-color: #ff55b2;
    border-radius: 5px;
}

#my-wallet-info-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
}

#my-wallet-symbol{
    font-size: 18px;
    color: #fff;
    font-weight: 700;   
}

#my-wallet-address{
    padding-top: 13px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
}

#my-wallet-info-icon{
    padding: 15px;
}

#my-wallet-info-balance{
    margin-top: 20px;
    border-radius: 5px;
    background-color: #ffabd9;
    padding: 20px;
}

#my-wallet-info-balance > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-bottom: calc(10px * var(--tw-space-x-reverse));
    margin-top: calc(10px * calc(1 - var(--tw-space-x-reverse)));
}

.balance-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.balance-list span{
    color: #fff;
}

.balance-title{
    font-size: 16px;
}
.balance-amount{
    font-size: 12px;
}

#my-wallet-qrcode{    
	padding: 20px 15px;
    margin-top: 15px;
    background-color: #eaeaea;
    border-radius: 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

#qrcode-title{
    font-size: 18px;
    font-weight: 700;
    color: #595959;   
    display: flex;
    align-items: center;
    justify-content: center;
}

#qrcode-img{
    text-align: center;
}



.wallet-box {display: flex;align-items: center;font-family: 'Pretendard', sans-serif;color: #857f7f;border:1px solid #000;margin-top:10px;}
.logo-box {width: 30%;height: 80px;display: flex;align-items: center;justify-content: center;}
.logo-text {font-size: 14px;}
.info-box {display: flex;flex-direction: column;gap: 6px;width: 70%;align-items: center;}
.info-row {display: flex;justify-content: space-between;width: 100%;font-size: 14px;}
.label {flex: 1;text-align: left;}
.value {flex: 1;text-align: right;}

.other_head {font-size: 20px;color:#857f7f;margin-top:15px;font-weight: 600;}

@media all and (max-width: 640px) {
    #my-wallet-info-top{flex-direction: column;}
}