.banner{flex:1}.banner .loader{height:100%}.banner .banner-items{height:100%;display:flex;flex-direction:row;grid-gap:14px;gap:14px}.banner .banner-items .banner-item img{height:100%;width:100%}.banner .empty-result{text-align:center;width:100%;padding:48px 0 0}.banner .empty-result .svg{width:80px;height:70px}.banner .empty-result span{display:block;padding-top:4px;font-style:normal;font-weight:400;font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-1)}.my-stocks[data-v-3257f5f8]{min-height:60px;border-radius:4px;color:var(--text-color-1)}.my-stocks.have-border[data-v-3257f5f8]{border:.2px solid var(--border-color)}.my-stocks .btn[data-v-3257f5f8]{border-radius:4px;padding:5px 8px}.my-stocks .btn-primary[data-v-3257f5f8]{background:var(--btn-fill-bg-color);border:1px solid transparent}.my-stocks .stock[data-v-3257f5f8]{padding:0 8px 12px 0;border-bottom:.5px solid var(--border-color)}.my-stocks .no-data-inner[data-v-3257f5f8]{display:flex;flex-direction:column;justify-content:center;align-items:center}.banner .banner-items .banner-item[data-v-11f8b680]{max-width:calc(50% - 7px)}.event{--header-font-size:1rem;--header-line-height:1.2rem;--filter-button-font-size:1rem;--filter-button-line-height:1.2rem;--filter-checkbox-font-size:1rem;--filter-checkbox-line-height:2.1rem;--item-time-font-size:1rem;--item-time-line-height:1.2rem;--item-font-size:1rem;--item-line-height:1.2rem;--item-button-font-size:1rem;--item-button-line-height:1.2rem;display:flex;flex-direction:column;align-content:stretch;justify-content:flex-start}.event .event-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8px}.event .event-header .event-header-inner{width:100%}.event .event-header .event-header-inner .event-header-item{margin-right:16px}.event .event-header .event-header-inner .custom-checkbox .custom-control-label{font-size:1.2rem;padding-top:0;line-height:16px}.event .event-header .event-header-inner .custom-checkbox .custom-control-label:after,.event .event-header .event-header-inner .custom-checkbox .custom-control-label:before{left:-18px;height:12px;width:12px}.event .event-header .close-icon,.event .event-header span{display:flex}.event .event-header .close-icon{visibility:hidden;color:var(--text-color-1);width:12px;height:12px}.event .event-header span{font-style:normal;font-weight:400;font-size:var(--header-font-size);line-height:var(--header-line-height);letter-spacing:.2px;color:var(--text-color-1)}.event .event-body{display:flex;flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px;height:100%}.event .event-body .custom-checkbox .custom-control-label:after,.event .event-body .custom-checkbox .custom-control-label:before{top:2px}.event .event-body .loader{height:100%;width:100%}.event .event-body .event-list{display:flex;width:100%}.event .event-body .event-filter{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;grid-gap:8px;gap:8px;padding:0}.event .event-body .event-filter .btn,.event .event-body .event-filter .btn-group{display:flex;border-radius:32px;border:none;flex:1;text-align:center;justify-content:center}.event .event-body .event-filter .btn .text-12{font-style:normal;font-weight:400;font-size:var(--filter-button-font-size);line-height:var(--filter-button-line-height);text-align:center;letter-spacing:.2px;color:var(--text-color-1)}.event .event-body .event-filter .btn-primary{background-color:var(--btn-fill-bg-color-active)}.event .event-body .event-filter .btn-primary .text-12{color:var(--btn-fill-color)}.event .event-body .event-filter .btn-primary:focus{box-shadow:none}.event .event-body .event-filter .btn-outline-primary{background-color:var(--bg-color-9)}.event .event-body .event-filter .btn-outline-primary:focus{box-shadow:none}.event .event-body .event-filter .custom-checkbox{display:flex;padding-left:15px}.event .event-body .event-filter .custom-checkbox label.custom-control-label{font-style:normal;font-weight:400;font-size:var(--filter-checkbox-font-size);line-height:var(--filter-checkbox-line-height);text-align:center;color:var(--text-color-1);padding-top:2px}.event .event-body .event-items{display:flex;flex-direction:column;align-items:flex-start;overflow-x:hidden;overflow-y:auto;overflow-y:overlay}.event .event-body .event-items .item{display:flex;flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px;width:100%}.event .event-body .event-items .item .item-top{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.event .event-body .event-items .item .item-top .item-time{display:flex;padding:0;line-height:var(--item-time-line-height);font-style:normal;font-weight:400;font-size:var(--item-time-font-size);letter-spacing:.2px;color:var(--text-color-1)}.event .event-body .event-items .item .item-time{font-size:1.2rem;line-height:16px;color:var(--text-color-1)}.event .event-body .event-items .item .item-image{display:flex}.event .event-body .event-items .item .item-image img{width:100%;border-radius:4px}.event .event-body .event-items .item:last-child{border-bottom:none}.event .event-body .event-items .item-active{background:var(--bg-notice-detail--active)!important}.event .event-body .event-items .event-item_it{padding:8px;border-bottom:1px solid var(--border-color)}.event .event-body .event-detail{display:flex;flex:1 0 273px;padding:0 0 4px 8px;height:100%;visibility:hidden}.event .event-body .event-detail .item-detail{display:flex;flex-direction:column;align-items:flex-start;padding:25px 0 0;height:calc(100% - 28px)}.event .event-body .event-detail .item-detail .item-title{font-style:normal;font-weight:700;font-size:var(--item-font-size);line-height:var(--item-line-height);letter-spacing:.2px;color:var(--text-color-1)}.event .event-body .event-detail .item-detail .item-content{overflow-x:hidden;overflow-y:auto;overflow-y:overlay;width:100%}.event .event-body .event-detail .item-detail .item-content a,.event .event-body .event-detail .item-detail .item-content h2,.event .event-body .event-detail .item-detail .item-content h3,.event .event-body .event-detail .item-detail .item-content h4,.event .event-body .event-detail .item-detail .item-content h5,.event .event-body .event-detail .item-detail .item-content i,.event .event-body .event-detail .item-detail .item-content p,.event .event-body .event-detail .item-detail .item-content span,.event .event-body .event-detail .item-detail .item-content strong,.event .event-body .event-detail .item-detail .item-content table,.event .event-body .event-detail .item-detail .item-content td,.event .event-body .event-detail .item-detail .item-content th{font-size:var(--item-font-size);line-height:var(--item-line-height);letter-spacing:.2px;color:var(--text-color-1)}.event .event-body .event-detail .item-detail .item-content a,.event .event-body .event-detail .item-detail .item-content a span,.event .event-body .event-detail .item-detail .item-content a strong{color:var(--text-color-6)}.event .event-body .event-detail .item-detail .item-content figure.image img,.event .event-body .event-detail .item-detail .item-content img{max-width:100%}.event .event-body .event-detail .event-button{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding-top:4px;grid-gap:16px;gap:16px;width:100%}.event .event-body .event-detail .event-button div{display:flex}.event .event-body .event-detail .event-button div .btn{padding:6px 10px;background-color:var(--bg-color-15);border-radius:4px;border:none;font-style:normal;font-weight:500;font-size:var(--filter-button-font-size);line-height:var(--filter-button-line-height);letter-spacing:.2px;color:var(--text-color-5)}.event .empty-result{text-align:center;width:100%;padding:48px 0 0}.event .empty-result .svg{width:80px;height:70px}.event .empty-result span{display:block;padding-top:4px;font-style:normal;font-weight:400;font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-1)}.event-active .event .event-body .event-detail,.event-active .event .event-header .close-icon{visibility:visible}.custom-control-label{padding-top:2px}.event-notice{flex-wrap:wrap}.event-notice .event{height:calc(100% - 30px)}.event-notice .event-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8px}.event-notice .event-header .btn-prizes{border:.5px solid var(--border-color);background:var(--bg-color-23);color:var(--text-color-21);border-radius:24px}.event-notice .event-header .event-header-inner{justify-content:space-between;width:100%}.event-notice .event-header .event-header-inner .event-header-item{margin-right:16px}.event-notice .event-header .event-header-inner .custom-checkbox .custom-control-label{font-size:1.2rem;padding-top:0;line-height:16px}.event-notice .event-header .event-header-inner .custom-checkbox .custom-control-label:after,.event-notice .event-header .event-header-inner .custom-checkbox .custom-control-label:before{left:-18px;height:12px;width:12px}.event-notice .event-header .close-icon,.event-notice .event-header span{display:flex}.event-notice .event-header .close-icon{visibility:hidden;color:var(--text-color-1);width:12px;height:12px}.event-notice .event-header span{font-style:normal;font-weight:400;font-size:var(--header-font-size);line-height:var(--header-line-height);letter-spacing:.2px;color:var(--text-color-1)}.notice-detail-background{background:var(--bg-notice-detail)!important;display:flex;justify-content:space-between}.notice-detail-background .item-detail{padding:0!important;margin-bottom:8px}.notice-detail-background .item-content{font-weight:400;font-size:1.2rem;line-height:16px;color:var(--color-1)!important}.notice-detail-background .item-content *{font-size:1.2rem;line-height:16px}.notice-detail-background .item-content .table{font-weight:400;font-size:1.2rem;line-height:16px;color:var(--color-1)!important}.notice-detail-background .event-button{background:var(--bg-event-btn);position:absolute;bottom:0;right:0;padding:8px 12px;display:flex;grid-gap:8px;gap:8px;border-top-left-radius:8px}.notice-detail-background .event-button .btn.btn-primary{background-color:var(--btn-fill-bg-color);border-color:var(--btn-fill-bg-color)}.event .item-detail .item-title span{font-size:1.4rem!important;line-height:18px!important;font-weight:700;color:var(--color-1)!important}.gap-10px{grid-gap:10px;gap:10px}.ca-popup-modal{width:400px!important}.ca-popup-modal .head-title{font-size:1.2rem!important}.ca-popup-modal .modal-header{width:100%;display:flex;justify-content:center;align-content:center;font-weight:600;padding:24px 36px 0 24px!important}.ca-popup-modal .modal-title{margin-left:20%}.ca-popup-modal .modal-body{padding:1rem 1rem 24px!important}.ca-popup-modal-block-link{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.ca-popup-modal-block-link p{color:var(--text-color-2)}.ca-popup-modal-block-link a{color:var(--text-color-6)}.ca-popup-modal-block-link a:hover{color:var(--text-color-6);text-decoration:underline}.ca-popup-modal-content{display:flex;flex-direction:column;justify-content:center;align-content:center;grid-gap:24px;gap:24px;padding:0 30px}.ca-popup-modal-content .ca-popup-modal-block-text{color:var(--text-color-2);display:flex;text-align:center}.ca-popup-modal-block-button{display:flex;justify-content:center;align-items:center;grid-gap:8px;gap:8px}.ca-popup-modal-block-button button{padding:6px 50px;border-radius:4px;font-size:.9rem;font-weight:500}.ca-popup-modal-block-button .ca_btn_close{background:none;border:.4px solid #a0aec0;color:var(--white)}.ca-popup-modal-block-button .ca_btn_submit{background:var(--btn-fill-bg-color-active);border:none;color:var(--white)}.my-asset{position:relative;display:flex;flex-direction:column;padding:8px!important;border-radius:4px;height:100%!important}.my-asset.single-full-screen-my-asset{width:70%;max-width:820px;margin:3px auto auto;background-color:var(--bg-single-mdi)}.my-asset .heading-my-asset{font-weight:600;line-height:16px;color:var(--text-color-1);margin-bottom:0;font-size:1.2rem}.my-asset .toggle-my-asset{z-index:1;display:flex;align-items:center;justify-content:space-between;height:14px;border-radius:20px;cursor:pointer;margin:0 0 4px!important}.my-asset .toggle-my-asset .toggle-my-asset-hide,.my-asset .toggle-my-asset .toggle-my-asset-show{line-height:16px;font-size:1.2rem;color:var(--text-color-1)}.my-asset .toggle-my-asset .toggle-my-asset-hide svg,.my-asset .toggle-my-asset .toggle-my-asset-show svg{position:relative;top:-1px}.my-asset .toggle-my-asset .toggle-action{position:relative;align-items:center;height:100%;background-color:var(--bg-color-13);border-radius:20px;cursor:pointer;width:74px}.my-asset .toggle-my-asset .toggle-action.max-width-vi{width:90px}.my-asset .toggle-my-asset .toggle-action.max-width-en{width:80px}.my-asset .toggle-my-asset .toggle-active{transition:all .4s ease-out;position:absolute;top:62%;left:2px;transform:translate(1px,-50%);width:12px;height:12px;border-radius:100%;background:var(--btn-switch-active-color)}.my-asset .toggle-my-asset .toggle-content{width:100%;line-height:14px;font-weight:500;letter-spacing:.2px;flex:1;text-align:center;color:var(--text-color-3);background:var(--purple-pr);padding:2px 4px;border-radius:20px;font-size:1.2rem}.my-asset .toggle.asset{background:var(--btn-switch-active);flex-direction:row-reverse;width:67px}.my-asset .toggle.asset .toggle-content{width:-moz-fit-content;width:fit-content}.my-asset .acc .toggle-action{background-color:var(--btn-switch-active);flex-direction:row-reverse}.my-asset .acc .toggle-action .toggle-active{left:calc(100% - 15px);background-color:var(--mss-bg-me)}.my-asset .acc .toggle-action .toggle-content{padding-left:5px;color:var(--mss-bg-me);font-size:1.2rem;background:#e1d4fc;text-align:left}.my-asset .title-switch{margin-top:14px}.my-asset .total-value{height:24px!important;margin-top:4px}.my-asset .total-value .totalDataCss{line-height:24px}.my-asset .content{height:100%;max-height:calc(100% - 80px);margin-top:16px}.my-asset .content .container-chart-total{height:100%}.my-asset.all-in-one-section{height:100%;overflow:auto;padding:8px}.my-asset.new-version-3 .container-chart-total .table-data .default-table{padding:0;height:30px}.my-asset.new-version-3 .default-table .default .header{height:30px}.my-asset.new-version-3 .default-table .block_percent{height:22px;padding:0;display:flex;align-items:center;justify-content:center}.my-asset.new-version-3 .table-data_cash_withdraw{margin-top:auto}.my-asset.new-version-3 .table-data_cash_withdraw .block_cash_advance,.my-asset.new-version-3 .table-data_cash_withdraw .block_withdraw{border-radius:4px;height:63px}.my-asset.new-version-3 .table-data_cash_withdraw .block_cash_advance span,.my-asset.new-version-3 .table-data_cash_withdraw .block_withdraw span{line-height:20px}.mt-18px{margin-top:18px}.mb-10px{margin-bottom:10px}.chart_type_icon:hover{filter:brightness(150%)}.new-my-assets .chart-inner .block__chart{margin-right:8px}.new-my-assets .container-chart{min-width:160px!important}.new-my-assets .content-center-chart{max-width:200px;max-height:200px}.new-my-assets .default{grid-gap:0!important;gap:0!important}.new-my-assets .content-center-chart .title{color:#a0aec0!important}.new-my-assets .dashed-bottom .value{font-size:1.4rem}.title_new_chart{color:var(--text-my-assets-t5);font-size:1.2rem}.totalDataCss{font-size:2rem!important;font-weight:600;color:var(--text-color-5)}.mt-14px{margin-top:14px}.default-table{display:flex;flex-wrap:wrap;padding:8px;background:var(--background-modal);border-radius:4px}.default-table .default{flex:1;width:100%;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.default-table .default .header{display:flex;justify-content:space-between}.default-table .default .data{margin:0;padding:0;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.default-table .default .data .row{margin:0;display:flex;width:100%;padding-bottom:8px;justify-content:space-between;border-bottom:1px solid var(--t-2)}.default-table .default .data .row .item-title{color:#718096}.default-table .default .data .row .icon-cs{display:flex;align-items:center}.default-table .default .data .row:last-child{border-bottom:none}.default-table .default .data .row:last-child span:first-child{padding-left:8px}.default-table .default .data .row span.red,.default-table .default .data .row span.red *{color:var(--red)!important}.default-table .default .data .row span.green,.default-table .default .data .row span.green *{color:var(--green)!important}.default-table .block_percent{padding:2px 4px;color:#161a28;background:#ffa23a;border-radius:4px;font-size:1.2rem;margin-right:4px;text-align:center;max-width:60px;min-width:60px}.default-table span{font-weight:500}.default-table .header span{font-size:1.2rem!important;font-weight:600}.default-table .header{justify-content:unset!important;align-items:center}.default-table .header .titleHeaderDefaultTable{width:100%;text-overflow:ellipsis;overflow:hidden}.default-table .header .twoline{overflow:hidden;width:100%;display:grid}.default-table .header span.gl-highlight{order:3;text-align:right}.header__account[data-v-6ea37ddd]{cursor:pointer}.header__account[data-v-6ea37ddd]:hover{color:var(--text-color-6)}.data-changed[data-v-6ea37ddd],.gl-highlight[data-v-6ea37ddd]{transition-duration:.7s}.data-changed[data-v-6ea37ddd]{color:var(--black)!important;background-color:var(--white)!important}.data-changed.green[data-v-6ea37ddd]{background-color:var(--bg-green)!important;color:var(--black)!important}.data-changed.red[data-v-6ea37ddd]{background-color:var(--bg-red)!important;color:var(--white)!important}.color-icon-red[data-v-6ea37ddd]{color:red!important}.color-icon-green[data-v-6ea37ddd]{color:green!important}.container-chart-total{display:flex}.container-chart-total .gl-highlight{transition-duration:.7s}.container-chart-total .data-changed{color:var(--black)!important;background-color:var(--white)!important;transition-duration:.7s}.container-chart-total .data-changed.green{background-color:var(--bg-green)!important;color:var(--black)!important}.container-chart-total .data-changed.red{background-color:var(--bg-red)!important;color:var(--white)!important}.container-chart-total .block__chart{position:relative}.container-chart-total .block__chart .overlay-chart-pie{position:absolute;top:0;left:0;width:100%;height:100%}.container-chart-total .container-chart{min-width:160px!important;width:30%;position:relative;min-height:300px}.container-chart-total .container-chart .chart-inner{width:100%;height:230px;position:relative}.container-chart-total .container-chart .chart{width:100%;height:100%;position:relative;z-index:2}.container-chart-total .container-chart .chart>div{width:100%;height:100%}.container-chart-total .container-chart .chart .highcharts-container{width:100%!important;height:100%!important}.container-chart-total .container-chart .fl{min-width:150px;display:flex;flex-direction:column;align-items:center}.container-chart-total .container-chart .fl .gain-loss .green{color:var(--green)}.container-chart-total .container-chart .fl .gain-loss .red{color:var(--red)}.container-chart-total .container-chart .content-center-chart{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.container-chart-total .container-chart .content-center-chart .part{display:flex;flex-direction:column;text-align:center;color:var(--text-color-1)!important;margin-top:8px}.container-chart-total .container-chart .content-center-chart .vol .value{color:var(--text-color-1)!important;font-weight:500}.container-chart-total .container-chart .content-center-chart .dashed-bottom{border-bottom:1px dashed #a0aec0}.container-chart-total .container-chart .content-center-chart .dashed-bottom .value{padding:0 4px;font-weight:500;font-size:1.4rem}.container-chart-total .legend{bottom:0;left:0;width:100%;justify-content:center;display:flex}.container-chart-total .legend .w-20p{width:20%}.container-chart-total .legend .cash,.container-chart-total .legend .stock{margin:0 8px 24px;width:-moz-fit-content;width:fit-content;display:flex;color:var(--text-color-1)!important}.container-chart-total .legend .cash .value,.container-chart-total .legend .stock .value{font-weight:500}.container-chart-total .legend .cash .col,.container-chart-total .legend .stock .col{padding:0;display:flex;flex-direction:column}.container-chart-total .legend .cash .col .cirlce,.container-chart-total .legend .stock .col .cirlce{width:6px;height:6px;border-radius:50%}.container-chart-total .legend .cash .col .cirlce.circle-stock,.container-chart-total .legend .stock .col .cirlce.circle-stock{background-color:var(--yellow)}.container-chart-total .legend .cash .col .cirlce.circle-stock.zero-value,.container-chart-total .legend .stock .col .cirlce.circle-stock.zero-value{background-color:var(--chart-color-31)}.container-chart-total .legend .cash .col .cirlce.circle-cash,.container-chart-total .legend .stock .col .cirlce.circle-cash{background-color:var(--bl-cash)}.container-chart-total .legend .cash .col .cirlce.circle-cash.zero-value,.container-chart-total .legend .stock .col .cirlce.circle-cash.zero-value{background-color:var(--chart-color-31)}.container-chart-total .legend .cash .col .green,.container-chart-total .legend .stock .col .green{color:var(--green)!important}.container-chart-total .legend .cash .col .per,.container-chart-total .legend .stock .col .per{padding-left:1px}.container-chart-total .legend .cash .col .title,.container-chart-total .legend .stock .col .title{display:flex;grid-gap:4px;gap:4px;align-items:center}.container-chart-total .legend .cash .col-right,.container-chart-total .legend .stock .col-right{text-align:right}.container-chart-total .middle-item{display:flex;justify-content:flex-end}.container-chart-total .middle-item .list-acccount-picker{width:120px}.container-chart-total .middle-item .list-acccount-picker .account-picker{width:100%}.container-chart-total .middle-item .account-vol-info{display:flex;grid-gap:45px;gap:45px}.container-chart-total .middle-item .account-vol-info .item{display:flex;flex-direction:column;text-align:right}.container-chart-total .middle-item .account-vol-info .item .title{color:var(--color-2)}.container-chart-total .middle-item .account-vol-info .item .value{color:var(--color-1)!important;font-weight:500}.container-chart-total .mb-4{margin-bottom:0!important}.container-chart-total .table-data{width:100%;height:100%;margin-top:20px;display:flex;grid-gap:8px;gap:8px;overflow:auto;flex-direction:column;flex-wrap:unset}.container-chart-total .table-data.row{margin:0}.container-chart-total .table-data .default-table{width:100%;flex:unset}.container-chart-total .table-data .row:last-child span:first-child:not(span.in-total){padding-left:0!important}.container-chart-total .table-data .child-data{padding-left:8px}@keyframes animateThis{0%{width:20px}to{width:100%}}.gl-highlight{transition-duration:.7s}.chart_line_data{margin-bottom:16px}.chart_line_data span{font-size:1.2rem!important}.chart_line_data .total_value_chart_line{font-size:2rem!important;font-weight:600;color:var(--text-my-assets-t12)}.chart_line_data .green{color:var(--green)!important}.chart_line_data .red{color:var(--red)!important}.chart_line_data .gain-loss-line-chart{margin-top:4px;font-size:12px;font-weight:400;margin-bottom:16px}.chart_line_data .divLineChart{height:20px;border-radius:4px;width:20px;-webkit-animation:animateThis 1s ease-in;-webkit-animation-fill-mode:forwards}.button_view_detail_chart{position:relative;z-index:1;padding:8px 16px;color:#a0aec0;border-radius:36px;background:transparent;border:1px solid #4a5568!important;opacity:.9;font-size:1.2rem;pointer-events:unset}.button_view_detail_chart:hover{opacity:1;cursor:pointer}.gap-30px{grid-gap:30px;gap:30px}.gap-26px{grid-gap:26px;gap:26px}.container-chart-total .left-chart{min-width:150px;width:150px;margin-right:24px}.container-chart-total .left-chart .block__chart{position:relative}.container-chart-total .left-chart .block__chart .overlay-chart-pie{position:absolute;top:0;left:0;width:100%;height:100%}.account-asset-info{height:100%;display:flex;overflow:auto;overflow:overlay}.account-asset-info .container-chart{min-width:320px;width:30%;min-height:300px;position:relative}.account-asset-info .container-chart .gl-highlight{transition-duration:.7s}.account-asset-info .container-chart .data-changed{color:var(--black)!important;background-color:var(--white)!important;transition-duration:.7s}.account-asset-info .container-chart .data-changed.green{background-color:var(--bg-green)!important;color:var(--black)!important}.account-asset-info .container-chart .data-changed.red{background-color:var(--bg-red)!important;color:var(--white)!important}.account-asset-info .container-chart .chart-inner{width:100%;height:230px;position:relative}.account-asset-info .container-chart .chart{z-index:2;width:100%;height:100%;position:relative}.account-asset-info .container-chart .chart>div{width:100%;height:100%}.account-asset-info .container-chart .chart .highcharts-container{width:100%!important;height:100%!important}.account-asset-info .container-chart .fl{min-width:150px;display:flex;flex-direction:column;align-items:center}.account-asset-info .container-chart .fl .gain-loss .green{color:var(--green)}.account-asset-info .container-chart .fl .gain-loss .red{color:var(--red)}.account-asset-info .container-chart .content-center-chart{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.account-asset-info .container-chart .content-center-chart .part{display:flex;flex-direction:column;text-align:center;color:var(--text-my-assets-t5)!important;margin-top:8px}.account-asset-info .container-chart .content-center-chart .vol .value{color:var(--text-color-1)!important;font-weight:500}.account-asset-info .container-chart .content-center-chart .dashed-bottom{border-bottom:1px dashed #a0aec0}.account-asset-info .container-chart .content-center-chart .dashed-bottom .value{font-weight:500;font-size:1.4rem}.account-asset-info .table-data{width:100%;height:100%;display:flex;grid-gap:8px;gap:8px;flex-direction:column;overflow:auto;margin-top:0!important}.account-asset-info .legend{width:90%;margin:6px auto;display:flex;flex-wrap:wrap}.account-asset-info .legend .stock{min-width:-moz-fit-content;min-width:fit-content}.account-asset-info .legend .stock:nth-child(2n){margin-left:auto}.account-asset-info .legend .w-20p{width:20%}.account-asset-info .legend .stock{margin-bottom:24px;display:inline-flex;width:calc(50% - 32px);border-bottom:1px dashed var(--t-2);color:var(--text-color-1)}.account-asset-info .legend .stock .value{font-weight:500}.account-asset-info .legend .stock .col-stock{padding:0;display:flex;flex-direction:column}.account-asset-info .legend .stock .col-stock .type-sub-account{display:inline-block;text-align:center;padding:0 4px;border-radius:10px;background-color:var(--bg-color-6);margin-left:4px}.account-asset-info .legend .stock .col-stock .cirlce{width:6px;height:6px;border-radius:50%}.account-asset-info .legend .stock .col-stock .cirlce.circle-stock{background-color:var(--yellow)}.account-asset-info .legend .stock .col-stock .cirlce.circle-cash{background-color:var(--bl-cash)}.account-asset-info .legend .stock .col-stock .green{color:var(--green)!important}.account-asset-info .legend .stock .col-stock .per{padding-left:1px}.account-asset-info .legend .stock .col-stock .title{display:flex;grid-gap:4px;gap:4px;align-items:center}.account-asset-info .legend .stock.has-tooltip-table{cursor:pointer;position:relative}.account-asset-info .legend .stock.has-tooltip-table .tooltip-table{position:absolute;bottom:15px;left:-20%;z-index:10}.account-asset-info .label-for-legend{font-size:1rem;font-weight:500}.account-asset-info .label-for-legend .type-sub-account{display:inline-block;text-align:center;padding:0 4px;border-radius:10px;background-color:var(--bg-color-6);margin-left:4px}.account-asset-info .asset-chart-section{width:100%;display:flex;justify-content:center}.account-asset-info .asset-chart-section .chart-container{position:relative;min-width:500px;height:220px}.account-asset-info .asset-chart-section .chart-container>div:first-child{position:absolute;z-index:0;top:50%;left:60%;transform:translate(-50%,-50%)}.account-asset-info .asset-chart-section .chart-container .content{padding-right:5px;width:50%;height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;z-index:1}.account-asset-info .asset-chart-section .chart-container .content .item{width:-moz-fit-content;width:fit-content}.account-asset-info .asset-chart-section .chart-container .content .flex{min-width:150px;display:flex;flex-direction:column;align-items:center}.account-asset-info .asset-chart-section .chart-container .item{display:flex;align-items:center;flex-direction:column}.account-asset-info .asset-chart-section .chart-container .item:first-child{padding-bottom:10px;border-bottom:1px dashed var(--color-1)}.account-asset-info .asset-chart-section .chart-container .item:last-child{padding-top:10px}.account-asset-info .asset-chart-section .chart-container .item .price,.account-asset-info .asset-chart-section .chart-container .item .title{color:var(--color-1);font-weight:500}.account-asset-info .asset-chart-section .chart-container .item .gain-loss.green{color:var(--green)}.account-asset-info .asset-chart-section .chart-container .item .gain-loss.red{color:var(--red)}.account-asset-info .mb-4{margin-bottom:8px!important}.account-asset-info .content-table{position:relative;top:-15px;padding:8px;grid-gap:8px;gap:8px;z-index:1;width:100%;height:50%;display:flex;flex-wrap:wrap;overflow-y:auto;overflow-y:overlay}.account-asset-info .content-table .table{width:50%;padding:0 5px}.block_chart_line{flex-direction:column}.account-asset-info .chart_line_data{margin-bottom:16px}.account-asset-info .chart_line_data span{font-size:1.2rem!important}.account-asset-info .chart_line_data .total_value_chart_line{font-size:2rem!important;font-weight:600;color:var(--text-my-assets-t12)}.account-asset-info .chart_line_data .green{color:var(--green)!important}.account-asset-info .chart_line_data .red{color:var(--red)!important}.account-asset-info .chart_line_data .gain-loss-line-chart{margin-top:4px;font-size:12px;font-weight:400;margin-bottom:16px}.account-asset-info .chart_line_data .divLineChart{height:20px;border-radius:4px;width:20px;-webkit-animation:animateThis 1s ease-in;-webkit-animation-fill-mode:forwards}.account-asset-info .container-chart{min-width:210px!important}.account-asset-info .content-center-chart{max-width:200px;max-height:200px}.block_cash_advance,.block_withdraw{padding:8px;background:var(--background-modal);width:49%}.chart_line_data[data-v-3dedb792]{margin-bottom:0!important;color:var(--text-color-1)}.image-my-asset[data-v-3dedb792]{flex:1;margin-top:4px}.image-my-asset .image-my-asset-inner[data-v-3dedb792]{height:100%;width:100%;border-radius:12px;background-image:url(/_nuxt/img/finavi_trade_banner.ba741df.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}