.ak1fsdl{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;background-color:#fff;position:relative}@media (min-width:768px){.ak1fsdl{margin:16px 16px 12px}}.ak1fsdl .icon{width:24px;height:24px;background:url(https://static.chotot.com/storage/dt-balance/speaker.svg) no-repeat 50%;background-size:contain}.ak1fsdl .message{font-size:.75rem;font-weight:400;line-height:1.25rem;color:#222}.ak1fsdl .close{position:absolute;top:0;right:0;padding:8px;cursor:pointer;font-size:1.25rem}.ag8bdeq{width:100%;background:url(https://static.chotot.com/storage/dt-balance/account-background.webp) no-repeat 50%;background-size:cover;border-radius:24px;padding:16px 8px 8px;position:relative;overflow:visible}.ag8bdeq .infoSection{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;padding:0 8px;position:relative}.ag8bdeq .infoSection .infoText{flex:1 1}.ag8bdeq .infoSection .infoText .infoTitle{font-size:1rem;font-weight:700;line-height:1.5;color:#222;margin:0 0 4px}.ag8bdeq .infoSection .infoText .infoDescription{font-size:.75rem;font-weight:400;line-height:1.5;color:#595959;margin:0}.ag8bdeq .infoSection .mascot{width:140px;height:140px;object-fit:contain;flex-shrink:0;position:absolute;right:-36px;top:-37px}.ag8bdeq .whiteSection{background-color:#fff;border-radius:24px;padding:16px;position:relative;z-index:2;display:flex;flex-direction:column;gap:24px}.ag8bdeq .whiteSection .greeting{font-size:1rem;font-weight:700;line-height:1.5;color:#222;margin:0;text-align:center}.ag8bdeq .whiteSection .balanceSection{display:flex;flex-direction:column;align-items:center}.ag8bdeq .whiteSection .balanceSection .balanceHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ag8bdeq .whiteSection .balanceSection .balanceHeader .balanceLabel{font-size:.75rem;font-weight:700;line-height:1.5;color:#8c8c8c;text-transform:uppercase;margin:0}.ag8bdeq .whiteSection .balanceSection .balanceHeader .divider{width:2px;height:18px;background-color:#ddd;margin:0 8px}.ag8bdeq .whiteSection .balanceSection .balanceHeader .detailLink{display:flex;align-items:center;font-size:.75rem;font-weight:700;color:#222;text-transform:uppercase;background:none;border:none;cursor:pointer;padding:0}.ag8bdeq .whiteSection .balanceSection .balanceHeader .detailLink .chevronIcon{font-size:1rem;font-weight:700}.ag8bdeq .whiteSection .balanceSection .balanceDisplay{display:flex;align-items:center;gap:5px}.ag8bdeq .whiteSection .balanceSection .balanceDisplay .balanceNumber{font-size:24px;font-weight:700;line-height:32px;color:#222;margin:0}.ag8bdeq .whiteSection .balanceSection .balanceDisplay .coinIcon{width:24px;height:24px;object-fit:contain}.ag8bdeq .whiteSection .actionsRow{display:flex;justify-content:space-around;gap:12px}.ag8bdeq .whiteSection .actionsRow .actionButton{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;flex:1 1;max-width:90px}.ag8bdeq .whiteSection .actionsRow .actionButton .iconCircle{width:48px;height:48px;border-radius:50%;background-color:#ffd400;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease}.ag8bdeq .whiteSection .actionsRow .actionButton .iconCircle:active{transform:scale(.95)}.ag8bdeq .whiteSection .actionsRow .actionButton .iconCircle .icon{font-size:24px;color:#222}.ag8bdeq .whiteSection .actionsRow .actionButton .label{font-size:.75rem;font-weight:400;line-height:1.5;color:#595959;text-align:center;margin:0}.ag8bdeq .whiteSection .vaSection{justify-content:space-between;border-radius:12px;background-color:#f4f4f4;padding:8px 12px}.ag8bdeq .whiteSection .vaSection,.ag8bdeq .whiteSection .vaSection .vaInfo{display:flex;align-items:center;gap:12px}.ag8bdeq .whiteSection .vaSection .vaInfo .vaIcon{width:32px;height:32px;object-fit:contain}.ag8bdeq .whiteSection .vaSection .vaInfo .vaContent .vaLabel{font-size:.625rem;font-weight:700;line-height:1.5;color:#8c8c8c;margin:0 0 2px;text-transform:uppercase}.ag8bdeq .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow{display:flex;align-items:center;gap:4px}.ag8bdeq .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow .vaNumber{font-size:.875rem;font-weight:700;line-height:1.5;color:#222;margin:0}.ag8bdeq .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow .copyButton{background:none;border:none;cursor:pointer;padding:0;color:#595959;display:flex;align-items:center}.ag8bdeq .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow .copyButton .copyIcon{font-size:16px}.ag8bdeq .whiteSection .nearlyExpiredSection{display:flex;align-items:center;gap:8px;color:#f0325e;font-size:.75rem;cursor:pointer;text-align:center;margin-top:8px}.ag8bdeq .whiteSection .nearlyExpiredSection span{flex:1 1}.s1jyckna{display:inline-block;position:relative;overflow:hidden;height:var(--height);width:var(--width);background-color:#c2cfd6;border-radius:var(--border-radius);opacity:.8}.s1jyckna:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));animation:wave-s1jyckna 2s infinite;content:""}@keyframes skeleton-loading-s1jyckna{0%{background-color:#85a0ad}to{background-color:#c2cfd6}}@keyframes wave-s1jyckna{to{transform:translateX(100%)}}.sxhpfwg{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.sxhpfwg .title{padding:24px 16px;width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.sxhpfwg .title>span{font-size:1.125rem;font-weight:700;line-height:1.5;color:#222}.sxhpfwg .title .viewMore{color:#222}.sxhpfwg .title .moreVerticalIcon{font-size:1.25rem}.sxhpfwg .serviceItems{display:flex;padding:16px 12px;overflow-x:auto;justify-content:space-around;gap:12px}@media (min-width:768px){.sxhpfwg .serviceItems{padding:16px 24px;align-items:flex-start}}.sxhpfwg .serviceItems>button{padding:0}.sxhpfwg .item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:4px;color:#222;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;position:relative;width:25%}@media (min-width:768px){.sxhpfwg .item{width:16.7%}.sxhpfwg .item:first-child:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;height:61%;background-color:#e8e8e8}}.sxhpfwg .item img{width:32px;height:32px}.sxhpfwg .item .serviceIcon{width:32px;height:32px;border-radius:8px;background-color:#e8e8e8}.sxhpfwg .item>span{font-size:.75rem;font-weight:500;line-height:1.25rem;color:#595959}@media (min-width:768px){.sxhpfwg .item>span{font-size:1rem;line-height:1.5}}.sxhpfwg .item .moreIcon{font-size:1.5rem;margin:4px;color:#8c8c8c;font-weight:700}.a18p24ex{display:flex;flex-direction:column;padding:12px 0}@media (min-width:768px){.a18p24ex{padding:0}}.a18p24ex .item{display:flex;align-items:center;color:#222;-webkit-text-decoration:none;text-decoration:none;padding:12px 0}.a18p24ex .item img{width:24px;height:24px}.a18p24ex .item>span{margin-left:8px;font-size:1rem;font-weight:400;line-height:1.5}.m1uhhtyz{z-index:2;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.15);border-radius:6px;position:absolute;right:20px;top:50px}.m1uhhtyz .item{display:flex;flex-direction:row;align-items:center;padding:8px 16px;-webkit-text-decoration:none;text-decoration:none;color:#222;font-size:.875rem;font-weight:400;line-height:1.25rem;border-bottom:1px solid #e8e8e8;cursor:pointer;width:100%}@media (min-width:768px){.m1uhhtyz .item:first-child:after{content:none}.m1uhhtyz .item:last-child{border-bottom:none}.m1uhhtyz .item:hover{background-color:#e8e8e8}.m1uhhtyz .item img{width:24px;height:24px}}.oy9k5c3{width:100%;display:flex;flex-direction:column;border-radius:8px;background-color:#fff}@media (min-width:768px){.oy9k5c3{max-width:425px}}.oy9k5c3 .offerContent{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}@media (min-width:768px){.oy9k5c3 .offerContent{padding:12px}}.oy9k5c3 .offerContent .leftSide{display:flex;align-items:center;gap:12px}.oy9k5c3 .offerContent .leftSide .image{width:40px;height:40px;min-width:40px}.oy9k5c3 .offerContent .info,.oy9k5c3 .offerContent .rightSide{display:flex;flex-direction:column;gap:4px}.oy9k5c3 .offerContent .rightSide{align-items:flex-end}.oqis4c7{width:100%;display:flex;flex-direction:column;border-radius:8px;background-color:#fff}@media (min-width:768px){.oqis4c7{max-width:425px}}.oqis4c7 .offerContent{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}@media (min-width:768px){.oqis4c7 .offerContent{padding:12px}}.oqis4c7 .offerContent .leftSide{display:flex;align-items:center;gap:12px}.oqis4c7 .offerContent .leftSide .image{width:40px;height:40px;border-radius:8px;overflow:hidden}.oqis4c7 .offerContent .leftSide .image img{width:100%;height:100%;object-fit:contain}.oqis4c7 .offerContent p{margin:0}.oqis4c7 .offerContent .info{display:flex;flex-direction:column}.oqis4c7 .offerContent .info .title{font-size:.875rem;font-weight:400;line-height:1.5;color:#222}@media (min-width:768px){.oqis4c7 .offerContent .info .title{font-size:1rem}}.oqis4c7 .offerContent .info .description{font-size:.625rem;font-weight:400;line-height:1.5;color:#8c8c8c}@media (min-width:768px){.oqis4c7 .offerContent .info .description{font-size:.75rem;line-height:1.5}}.oqis4c7 .offerContent .rightSide{display:flex;flex-direction:column;align-items:flex-end}.oqis4c7 .offerContent .rightSide .price{font-size:.875rem;font-weight:600;line-height:1.5;color:#222}@media (min-width:768px){.oqis4c7 .offerContent .rightSide .price{font-size:1rem}}.oqis4c7 .offerContent .rightSide .discountPrice{font-size:.625rem;color:#12a154}@media (min-width:768px){.oqis4c7 .offerContent .rightSide .discountPrice{font-size:.875rem}}.oqo1us{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:12px;background-color:#fff}@media (min-width:768px){.oqo1us{border-radius:0;background-color:transparent;gap:12px;border-top:1px dashed #e8e8e8;padding:12px 0 0;margin:12px 0 0}}.oqo1us .header{display:flex;justify-content:space-between;align-items:center}.oqo1us .header .title{font-size:1rem;font-weight:700;line-height:1.5;color:#222}@media (min-width:768px){.oqo1us .header .title{font-weight:600}}.oqo1us .header .viewAll{font-size:.75rem;font-weight:400;line-height:1.25rem;color:#306bd9;cursor:pointer}.oqo1us .offersContainer{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.oqo1us .offersContainer{flex-direction:row;overflow-x:auto;gap:16px;margin:0 -16px;padding:0 16px}.oqo1us .offersContainer::-webkit-scrollbar{height:8px}.oqo1us .offersContainer::-webkit-scrollbar-track{background:#f4f4f4;border-radius:8px}.oqo1us .offersContainer::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:8px}.oqo1us .offersContainer::-webkit-scrollbar-thumb:hover{background:#8c8c8c}}.oqo1us .offerItemWrapper{flex-shrink:0}@media (min-width:768px){.oqo1us .offerItemWrapper{width:425px}}.oqo1us .offersScrollWrapper{position:relative}.s138cqzv{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:8px;border-radius:50%;border:1px solid #e8e8e8;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.s138cqzv[data-position=left]{left:0}.s138cqzv[data-position=right]{right:0}.s138cqzv:hover{background-color:#f4f4f4}.s138cqzv svg{width:16px;height:16px;color:#222}.r1bgsdzf{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background-color:#fff;margin-bottom:16px}@media (min-width:768px){.r1bgsdzf{padding:16px}}.r1bgsdzf .header{display:flex;justify-content:space-between;align-items:center}.r1bgsdzf .body{display:flex;flex-direction:column}.r1bgsdzf .transaction{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}.r1bgsdzf .transaction .transactionInfo{display:flex;gap:12px;width:calc(100% - 123px)}.r1bgsdzf .transaction .transactionIcon{width:40px;height:40px;min-width:40px}.r1bgsdzf .transaction .transactionText{display:flex;flex-direction:column;gap:4px;flex:1 1}.r1bgsdzf .transaction .transactionAmount{min-width:115px}.r195zv5b{display:flex;flex-direction:column;padding:16px;gap:12px;border-radius:12px;background-color:#fff;margin-bottom:16px}@media (min-width:768px){.r195zv5b{padding:16px}}.r195zv5b .header{display:flex;justify-content:space-between;align-items:center}.r195zv5b .header .title{font-size:1rem;font-weight:700;line-height:1.5;color:#222}@media (min-width:768px){.r195zv5b .header .title{font-size:1.25rem;font-weight:600}}.r195zv5b .header .viewAll{font-size:.75rem;font-weight:400;line-height:1.25rem;color:#306bd9;cursor:pointer}.r195zv5b .body,.r195zv5b .emptyStateWrapper{display:flex;flex-direction:column}.r195zv5b .emptyStateWrapper{align-items:center;text-align:center;padding:16px 0}.r195zv5b .emptyStateText{font-size:.875rem;font-weight:400;line-height:1.5;color:#595959;margin:0}.r195zv5b .transaction{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}.r195zv5b .transaction:last-child{border-bottom:none}.r195zv5b .transaction .transactionInfo{display:flex;gap:12px;width:calc(100% - 123px)}.r195zv5b .transaction .transactionIcon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;min-width:40px;border-radius:12px;overflow:hidden}.r195zv5b .transaction .transactionIcon img{width:100%;height:100%;object-fit:contain}.r195zv5b .transaction .transactionText{display:flex;flex-direction:column;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.r195zv5b .transaction .transactionText .transactionName{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#222;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-text-decoration:none;text-decoration:none}.r195zv5b .transaction .transactionText .transactionName:hover{-webkit-text-decoration:underline;text-decoration:underline}.r195zv5b .transaction .transactionText .transactionTime{font-size:.625rem;font-weight:400;line-height:1rem;color:#8c8c8c}.r195zv5b .transaction .transactionAmount{font-size:.875rem;font-weight:600;line-height:1.25rem;color:#222;text-align:right}@media (min-width:768px){.r195zv5b .transaction .transactionAmount{min-width:115px}}.r195zv5b .transaction .transactionAmount.positive{color:#12a154}.a7y1tbj{display:flex;flex-direction:column;border-radius:8px;background-color:#fff;border:1px solid #e8e8e8}.a7y1tbj .header{justify-content:space-between;padding:12px 0;margin:0 12px;cursor:pointer}.a7y1tbj .header,.a7y1tbj .header .accountTitle{display:flex;align-items:center}.a7y1tbj .header .accountTitle .icon{width:30px;height:30px;margin-right:8px;position:relative;border-radius:12px;overflow:hidden;display:block}.a7y1tbj .header .accountTitle .icon.expired:after{content:"";display:block;position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background-color:#f0325e}.a7y1tbj .header .accountTitle .icon img{width:100%;height:100%;object-fit:contain}.a7y1tbj .header .accountTitle .name{font-size:.875rem;font-weight:700;line-height:1.25rem;color:#222}.a7y1tbj .header .balance{display:flex;align-items:center;gap:4px}.a7y1tbj .header .balance span{font-size:1rem;font-weight:700;line-height:1.5rem;color:#222}.a7y1tbj .descriptionSection{display:flex;flex-direction:column;border-top:1px dashed #e8e8e8}.a7y1tbj .descriptionSection.collapsed{padding:12px}.a7y1tbj .descriptionSection.expanded{padding:12px 12px 0}.a7y1tbj .descriptionSection .descriptionAccount{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#8c8c8c}.a7y1tbj .contentAccount{display:flex;flex-direction:column;gap:12px;padding:12px;overflow:hidden;transition:all .3s ease-in-out}.a7y1tbj .contentAccount.hide{max-height:0;padding:0 12px}.a7y1tbj .contentAccount .balanceDetail{display:flex;flex-direction:column;gap:12px}.a7y1tbj .contentAccount .balanceDetailItem{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;color:#222;-webkit-text-decoration:none;text-decoration:none}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo{display:flex;align-items:center;gap:8px}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo .balanceDetailIcon{display:flex;width:26px;height:26px;overflow:hidden;padding:6px;border-radius:16px;background-color:#f4f4f4}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo .balanceDetailIcon img{width:100%;height:100%;object-fit:contain}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo .balanceDetailText{display:flex;flex-direction:column}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo .balanceDetailText .balanceDetailName{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#222}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo .balanceDetailText .balanceDetailName>span>span{-webkit-text-decoration:underline;text-decoration:underline}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo .balanceDetailText .balanceDetailTime{font-size:.75rem;font-weight:400;line-height:1.25rem;color:#8c8c8c}.a7y1tbj .contentAccount .balanceDetailItem .balanceDetailInfo .balanceDetailText .balanceDetailTime.expired{color:#f0325e}.a7y1tbj .contentAccount .balanceDetailItem.disabled{cursor:not-allowed;color:#8c8c8c}.a7y1tbj .contentAccount .balanceDetailItem.disabled .balanceDetailInfo .balanceDetailText .balanceDetailName,.a7y1tbj .contentAccount .balanceDetailItem.disabled .balanceDetailInfo .balanceDetailText .balanceDetailTime{color:#8c8c8c}.a7y1tbj .contentAccount .balanceDetailItem.disabled .balanceDetailInfo .balanceDetailText .balanceDetailTime.frozen{color:#f0325e}.a7y1tbj .contentAccount .balanceDetailItem.disabled .balanceDetailAmount{color:#8c8c8c}.a7y1tbj .contentAccount .balanceDetailAmount{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#222}.a7y1tbj .contentAccount .balanceDetailAH{display:flex;flex-direction:column;gap:12px}.a7y1tbj .contentAccount .balanceDetailAH .balanceDetailAHItem{display:flex;justify-content:space-between;align-items:center;gap:12px}.a7y1tbj .contentAccount .balanceDetailAH .balanceDetailAHItem span{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#222}.a7y1tbj .toggle{display:flex;justify-content:center;align-items:center;padding:8px 12px;background-color:#f4f4f4}.aiu75xu{max-height:70vh;overflow-y:auto}.aiu75xu .totalAccount{display:flex;flex-direction:column;padding:16px;border-radius:12px;background-color:#f4f4f4;margin-bottom:24px}.aiu75xu .totalAccount .totalAccountInfo{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.aiu75xu .totalAccount .totalAccountInfo .totalAccountInfoTitle{font-size:.75rem;font-weight:700;line-height:1.5;color:#8c8c8c}.aiu75xu .totalAccount .totalAccountInfo .totalAccountInfoValue{display:flex;align-items:center;gap:8px}.aiu75xu .totalAccount .totalAccountInfo .totalAccountInfoValue span{font-size:20px;font-weight:700;line-height:28px;color:#222}.aiu75xu .totalAccount .totalAccountInfo .totalAccountInfoValue img{width:24px;height:24px;object-fit:contain}.aiu75xu .totalAccount .burnDTInstruction{display:flex;flex-direction:column;margin-top:12px}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionTitle{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:400;line-height:1.5;cursor:pointer}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionTitle span{color:#595959;display:flex;align-items:center;gap:8px}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent{display:flex;justify-content:center;overflow:hidden;width:100%;transition:max-height .3s ease-in-out;max-height:0;margin-top:12px}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent.show{max-height:150px}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent.hide{max-height:0}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent .burnFlow{display:flex;align-items:flex-start;justify-content:center;gap:8px;width:100%;padding-top:8px}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent .burnFlow .burnFlowItem{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent .burnFlow .burnFlowItem img{width:32px;height:32px;object-fit:contain;border-radius:13px;overflow:hidden;display:block}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent .burnFlow .burnFlowItem span{font-size:.625rem;font-weight:400;line-height:1.5;color:#595959;text-align:center;max-width:80px}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent .burnFlow .burnFlowArrow{flex-shrink:0}.aiu75xu .totalAccount .burnDTInstruction .burnDTInstructionContent .burnFlow .burnFlowArrow img{width:44px;height:32px;object-fit:contain}.aiu75xu .accountDetail{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.aiu75xu .accountDetail>div{height:100%}.p1rsyr2s{display:flex;justify-content:space-between;align-items:center;border-radius:12px;border:1px solid #e8e8e8;background-color:#fff}.p1rsyr2s .promotionInfo{display:flex;align-items:center;gap:8px;padding:12px 0 12px 12px;border-right:2px dashed #e8e8e8;width:calc(100% - 90px)}.p1rsyr2s .promotionInfo .promotionIcon{width:48px;height:48px;display:flex;justify-content:center;align-items:center}.p1rsyr2s .promotionInfo .detail{display:flex;flex-direction:column;padding-right:12px;width:calc(100% - 50px)}.p1rsyr2s .promotionInfo .detail>p{margin:0}.p1rsyr2s .promotionInfo .detail .title{font-size:.625rem;font-weight:700;line-height:16px;color:#8c8c8c}.p1rsyr2s .promotionInfo .detail .name{font-weight:600;color:#222;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.p1rsyr2s .promotionInfo .detail .expired{font-size:.625rem;font-weight:400;line-height:16px;color:#8c8c8c}.p1rsyr2s .applyBtn{justify-content:center;padding:12px}.a1uwlb9u,.p1rsyr2s .applyBtn{display:flex;align-items:center}.a1uwlb9u{flex-direction:column;width:100%;gap:12px;padding-bottom:12px}.a1uwlb9u p{font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:#595959}.a1uwlb9u .popupTitle{font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.5;color:#222;margin-top:12px;text-align:center}.a1uwlb9u .popupDescription{width:100%;text-align:center}.re0ch81{padding:0;background-color:#f4f4f4}.rf4honr{display:flex;flex-direction:column;width:100%;padding-bottom:16px}@media (min-width:768px){.rf4honr{max-height:70vh;overflow-y:auto}}.rf4honr .promotionInput{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rf4honr .promotionInput p{min-height:0}.rf4honr .promotionInput .description{font-size:.75rem;font-weight:400;line-height:1.25rem;color:#595959;font-style:italic;margin:0}.rf4honr .promotions{display:flex;flex-direction:column;gap:12px;margin:12px;padding:16px;background-color:#fff;border-radius:12px}.rf4honr .promotions .title{font-size:1rem;font-weight:600;line-height:1.25rem;color:#222;margin:0}.rf4honr .promotions .emptyPromotionWrapper{text-align:center;display:flex;flex-direction:column;align-items:center}.rf4honr .promotions .emptyPromotion{font-size:.75rem;font-weight:400;line-height:1.25rem;color:#595959;margin:0}.aalorc3{justify-content:center;padding:16px;background-color:#fff;position:-webkit-sticky;position:sticky;bottom:0;z-index:5;border-top:1px solid #e8e8e8}.aalorc3,.fnsbkt{display:flex;width:100%}.fnsbkt{flex-direction:column;align-items:center;gap:12px}.fnsbkt p{font-style:normal;font-weight:400;line-height:1.5;margin:0 0 8px}.fnsbkt ol{margin:0;padding-left:24px}.fnsbkt ol li{font-style:normal;font-weight:400;line-height:1.5;margin-bottom:8px}.fnsbkt ol li:last-child{margin-bottom:0}.fnsbkt .image{display:flex;justify-content:center;border-radius:8px;overflow:hidden;width:100%}.fnsbkt .image>img{width:100%;height:auto}.fnsbkt .description{width:100%}.dw4to86{background-color:#f7f7f7;min-height:100vh}.dw4to86 .titleWrapper{padding:16px 12px;width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;background-color:#fff}.dw4to86 .titleWrapper .title{font-size:1.125rem;font-weight:700;line-height:1.5;color:#222}.dw4to86 .titleWrapper .faqButton{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;color:#222}.dw4to86 .titleWrapper .faqIcon{font-size:1.5rem}.dw4to86 .content{display:flex;flex-direction:column;gap:16px;padding:16px 12px}.dw4to86 .servicesSection{background-color:#fff;border-radius:12px}.a12ylo1n{width:389px;margin-bottom:16px}.a12ylo1n .breadcrumbs{margin-bottom:10px}.a12ylo1n .breadcrumbs a{font-size:.75rem;font-weight:400;line-height:1.25rem;color:#8c8c8c;-webkit-text-decoration:none;text-decoration:none}.a12ylo1n .yellowCard{background:url(https://static.chotot.com/storage/dt-balance/account-background.webp) no-repeat 50%;background-size:cover;border-radius:16px;padding:12px 16px 16px;position:relative;overflow:visible}.a12ylo1n .yellowCard .infoSection{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.a12ylo1n .yellowCard .infoSection .infoText{flex:1 1}.a12ylo1n .yellowCard .infoSection .infoText .infoTitle{font-size:1rem;font-weight:700;line-height:1.5;color:#222;margin:0 0 4px}.a12ylo1n .yellowCard .infoSection .infoText .infoDescription{font-size:.75rem;font-weight:400;line-height:1.5;color:#595959;margin:0}.a12ylo1n .yellowCard .infoSection .mascot{width:140px;height:140px;object-fit:contain;flex-shrink:0;position:absolute;right:-27px;top:-24px}.a12ylo1n .yellowCard .whiteSection{background-color:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}.a12ylo1n .yellowCard .whiteSection .greeting{font-size:1rem;font-weight:700;line-height:1.5;color:#222;margin:0}.a12ylo1n .yellowCard .whiteSection .vaSection{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#f4f4f4;padding:8px 12px}.a12ylo1n .yellowCard .whiteSection .vaSection .vaInfo{display:flex;align-items:center;gap:12px}.a12ylo1n .yellowCard .whiteSection .vaSection .vaInfo .vaIcon{width:36px;height:36px;object-fit:contain}.a12ylo1n .yellowCard .whiteSection .vaSection .vaInfo .vaContent .vaLabel{font-size:.625rem;font-weight:700;line-height:1.5;color:#8c8c8c;margin:0 0 1px;text-transform:uppercase}.a12ylo1n .yellowCard .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow{display:flex;align-items:center;gap:4px}.a12ylo1n .yellowCard .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow .vaNumber{font-size:.875rem;font-weight:700;line-height:1.5;color:#222;margin:0}.a12ylo1n .yellowCard .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow .copyButton{background:none;border:none;cursor:pointer;padding:0;color:#595959;display:flex;align-items:center}.a12ylo1n .yellowCard .whiteSection .vaSection .vaInfo .vaContent .vaNumberRow .copyButton .copyIcon{font-size:16px}.s13n4syp{background-color:#fff;border-radius:12px;padding:16px;width:389px}.s13n4syp .serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.s13n4syp .item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:4px;color:#222;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;position:relative;padding:0;border-radius:8px;transition:opacity .2s ease;width:72px;height:72px}.s13n4syp .item:hover{opacity:.8}.s13n4syp .item img{width:32px;height:32px;object-fit:contain}.s13n4syp .item .serviceIcon{width:32px;height:32px;border-radius:8px;background-color:#e8e8e8}.s13n4syp .item .label{font-size:.75rem;font-weight:500;line-height:1.5;color:#595959;margin:0}.dpp1dgw{display:flex;flex-direction:column;gap:8px;padding:12px 0}.dpp1dgw .item{display:flex;align-items:center;gap:16px;padding:12px 16px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.dpp1dgw .item:hover{background-color:#f4f4f4}.dpp1dgw .item img{width:32px;height:32px;object-fit:contain}.dpp1dgw .item .serviceIcon{width:32px;height:32px;border-radius:4px;background-color:#e8e8e8}.dpp1dgw .item .label{font-size:1rem;font-weight:400;line-height:1.5;color:#222;margin:0}.b15t8xlg{background-color:#f4f4f4;border-radius:12px;padding:16px;margin:16px}.b15t8xlg .balanceHeader{display:flex;justify-content:space-between;align-items:center}.b15t8xlg .balanceHeader .balanceInfo{flex:1 1}.b15t8xlg .balanceHeader .balanceInfo .balanceLabel{font-size:.625rem;font-weight:700;line-height:1.25rem;color:#8c8c8c;margin:0;text-transform:uppercase}.b15t8xlg .balanceHeader .balanceInfo .balanceDisplay{display:flex;align-items:center;gap:4px;margin-bottom:12px}.b15t8xlg .balanceHeader .balanceInfo .balanceDisplay .balanceNumber{font-size:32px;font-weight:700;line-height:40px;color:#222;margin:0}.b15t8xlg .balanceHeader .balanceInfo .balanceDisplay .coinIcon{width:32px;height:32px;object-fit:contain}.b15t8xlg .balanceHeader .balanceInfo .warningMessages{display:flex;flex-direction:column;gap:8px}.b15t8xlg .balanceHeader .balanceInfo .warningMessages .warningText{font-size:.875rem;font-weight:400;line-height:1.5;color:#f0325e;margin:0;cursor:pointer}.b15t8xlg .balanceHeader .balanceInfo .warningMessages .warningText:hover{-webkit-text-decoration:underline;text-decoration:underline}.b15t8xlg .balanceHeader .actions{display:flex;gap:8px}.gkqcv5p{background-color:#fff;border-radius:12px;padding:16px 24px;margin-bottom:16px}.gkqcv5p .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gkqcv5p .header .title{font-size:1.25rem;font-weight:600;line-height:1.5;color:#222;margin:0}.gkqcv5p .cardsScrollWrapper{position:relative}.gkqcv5p .cardsContainer{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.gkqcv5p .cardsContainer::-webkit-scrollbar{height:4px}.gkqcv5p .cardsContainer::-webkit-scrollbar-track{background:#f4f4f4;border-radius:2px}.gkqcv5p .cardsContainer::-webkit-scrollbar-thumb{background:#dadada;border-radius:2px}.scb08vr{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:8px;border-radius:50%;border:1px solid #e8e8e8;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.scb08vr[data-position=left]{left:0}.scb08vr[data-position=right]{right:0}.scb08vr:hover{background-color:#f4f4f4}.scb08vr svg{width:16px;height:16px;color:#222}.aprtxej{border:1px solid #e8e8e8;border-radius:8px;padding:12px;display:flex;flex-direction:column;width:340px;flex-shrink:0}.aprtxej .cardHeader{justify-content:space-between;margin:4px 0 12px;padding-bottom:12px;border-bottom:1px dashed #e8e8e8}.aprtxej .cardHeader,.aprtxej .cardHeader .headerLeft{display:flex;align-items:center;gap:12px}.aprtxej .cardHeader .headerLeft .iconWrapper{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.aprtxej .cardHeader .headerLeft .iconWrapper img{width:100%;height:100%;object-fit:contain}.aprtxej .cardHeader .headerLeft .accountName,.aprtxej .cardHeader .totalAmount{font-size:.875rem;font-weight:700;line-height:1.5;color:#222;margin:0}.aprtxej .cardHeader .totalAmount{white-space:nowrap}.aprtxej .description{font-weight:400;line-height:1.5;color:#8c8c8c;margin:0 0 16px}.aprtxej .balanceList{display:flex;flex-direction:column;flex:1 1}.aprtxej .balanceItem{display:flex;justify-content:space-between;align-items:center;gap:12px}.aprtxej .balanceItem .itemInfo{display:flex;align-items:center;gap:8px}.aprtxej .balanceItem .itemInfo .itemIcon{width:26px;height:26px;border-radius:16px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aprtxej .balanceItem .itemInfo .itemIcon img{width:14px;height:14px;object-fit:contain}.aprtxej .balanceItem .itemInfo .itemText{display:flex;flex-direction:column}.aprtxej .balanceItem .itemInfo .itemText .itemName{font-size:.875rem;font-weight:400;line-height:1.5;color:#222;margin:0}.aprtxej .balanceItem .itemInfo .itemText .itemExpiry{font-size:.75rem;font-weight:400;line-height:1.5;color:#8c8c8c;margin:0}.aprtxej .balanceItem .itemInfo .itemText .itemExpiry.expired{color:#f0325e}.aprtxej .balanceItem .itemAmount{font-size:.875rem;font-weight:400;line-height:1.5;color:#222;margin:0;white-space:nowrap}.aprtxej .viewMoreWrapper{display:flex;justify-content:center;background-color:#e8e8e8;margin:-12px;padding:8px 12px;border-radius:0 0 8px 8px}.aprtxej .emptyState{font-size:.875rem;text-align:left;margin:0}.dgr2d13 .description{font-size:.875rem;font-weight:400;line-height:1.5;color:#595959;margin:0 0 24px;padding:0 16px}.dfpx43u{background-color:#f7f7f7;min-height:100vh;padding:32px 0}.dfpx43u .container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:16px}@media (max-width:1024px){.dfpx43u .container{flex-direction:column}}@media (min-width:1200px){.dfpx43u .container{padding:0}}.dfpx43u .leftSidebar{width:389px;flex-shrink:0}@media (max-width:1024px){.dfpx43u .leftSidebar{width:100%}}.dfpx43u .rightContent{flex:1 1;min-width:0;background-color:#fff;border-radius:12px}.o1yi8lvz{align-items:center;width:100%;font-style:normal;font-weight:600;line-height:1.5;color:#222;text-align:center}.o1yi8lvz,.o1yi8lvz .slide{display:flex;flex-direction:column;gap:12px}.o1yi8lvz p{font-style:normal;font-weight:400;line-height:1.5;color:#595959;text-align:left;margin:0}.o1yi8lvz .title{font-size:1.125rem}.o1yi8lvz .image{display:flex;justify-content:center;border-radius:8px;overflow:hidden}.o1yi8lvz .image>img{width:100%;height:auto}.o1yi8lvz .description{width:100%}.o1yi8lvz .note{font-size:.75rem;font-style:normal;font-weight:400;line-height:1.25rem;color:#8c8c8c}.o1yi8lvz .indicator{display:flex;align-items:center;gap:8px;padding-top:16px}.o1yi8lvz .indicator .item{width:8px;height:8px;border-radius:50%;background-color:#e8e8e8}.o1yi8lvz .indicator .itemActive{width:16px;background-color:#ffba00;border-radius:8px}.o1yi8lvz hr{width:calc(100% + 40px);border:none;border-top:1px solid #e8e8e8;margin:4px}.tuwhy5p{display:flex;align-items:center;gap:4px}.tuwhy5p>span{color:#8c8c8c;margin-right:4px}.c1dbesim{display:flex;flex-direction:column}.c1dbesim p{margin:0}.c1dbesim .converterInput{padding:16px 0;display:flex;flex-direction:column;background:#fff}.c1dbesim .converterInput .converterTitle{font-size:16px;font-weight:700;color:#222;margin-bottom:16px}.c1dbesim .converterInput .converter{display:flex;align-items:center;gap:8px;color:#cc8f00;font-weight:700;line-height:20px;margin-top:8px}.c1dbesim .converterInput .converter>svg{font-size:16px;font-weight:700;transform:scaleY(-1);color:#cc8f00}.c1dbesim .converterInput .suggestion{display:flex;gap:8px;margin-top:16px}.c1dbesim .converterInput .suggestion .suggestionLabel{color:#8c8c8c;white-space:nowrap;flex-shrink:0;align-self:center}.c1dbesim .converterInput .suggestion .suggestionItemsWrapper{position:relative;flex:1 1;overflow:hidden}.c1dbesim .converterInput .suggestion .suggestionItemsWrapper:after,.c1dbesim .converterInput .suggestion .suggestionItemsWrapper:before{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:1}.c1dbesim .converterInput .suggestion .suggestionItemsWrapper:after{right:0;background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.c1dbesim .converterInput .suggestion .suggestionItems{display:flex;gap:4px;overflow-x:auto;padding:0 4px}.c1dbesim .converterInput .suggestion .suggestionItems>*{white-space:nowrap;flex-shrink:0}.c1dbesim .converterInput .suggestion .suggestionItem{padding:16px;border-radius:8px;border:1px solid #e8e8e8;display:flex;align-items:center;gap:5px}.c1dbesim .converterInput .suggestion .suggestionItem.selected{border-color:#12a154;background:#ecf9f1}.c1dbesim .break{width:calc(100% + 48px);height:8px;margin:0 -24px;background:#f4f4f4}.c1dbesim .topupInfo{padding:16px 0;display:flex;flex-direction:column;gap:16px;background:#fff}.c1dbesim .topupInfo .converterTitle{font-size:16px;font-weight:700;color:#222}.c1dbesim .topupInfo .convertRate{display:flex;justify-content:space-around;align-items:center;gap:12px;width:80%;margin:0 auto}.c1dbesim .topupInfo .convertRate.dongtot{flex-direction:row-reverse}.c1dbesim .topupInfo .convertRate .item{display:flex;flex-direction:column;align-items:center;gap:4px}.c1dbesim .topupInfo .convertRate .item>svg{font-size:32px;color:#12a154}.c1dbesim .topupInfo .convertRate .item p{font-size:12px;color:#8c8c8c}.c1dbesim .topupInfo .convertRate .item .value{font-size:16px;color:#222}.c1dbesim .topupInfo .convertRate svg{font-size:24px;color:#8c8c8c}.c1dbesim .topupInfo .convertDetail{padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:4px;background:#f7f7f7;overflow:hidden}.c1dbesim .topupInfo .convertDetail .convertItem{display:flex;justify-content:space-between;font-size:12px;color:#595959}.c1dbesim .topupInfo .convertDetail .convertResult{display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:#222;padding-top:8px;margin-top:4px;border-top:1px solid #e8e8e8}.c1dbesim .topupInfo .convertDetail .expiryStrip{margin:0 -16px -16px;height:26px;padding:4px 16px;display:flex;justify-content:center;align-items:center;background:#e8e8e8;color:#222;font-size:12px;font-weight:400;line-height:18px}.c1dbesim .footer,.c1dbesim .topupInfo .vatNote{font-size:12px;color:#595959}.c1dbesim .footer{margin:0 -24px;padding:8px 16px 24px;background:#f4f4f4;text-align:center}.c1dbesim .footer>a{color:#222}.c1snq6iq{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;padding:16px 24px;background:#fff;position:-webkit-sticky;position:sticky;bottom:0;border-top:1px solid #e8e8e8;margin:0 -24px}.c1snq6iq .footer{font-size:12px;color:#595959;text-align:center}.c1snq6iq .footer>a{color:#222}.c1bdmy7h{width:100%;margin-right:auto;margin-left:auto;flex:1 1}@media (max-width:940px){.c1bdmy7h{max-width:100%}}