@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);.modal{z-index:8}.modal,.modal .overlay{position:fixed;height:100vh;top:0;left:0}.modal .overlay{width:100vw;z-index:9;cursor:pointer;-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.modal .modal-content{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-height:50px;background-color:var(--bg-box);border-radius:13px;z-index:10;-webkit-animation-name:fadeinfromtop;animation-name:fadeinfromtop;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.modal .modal-content .close-button{position:absolute;right:15px;top:15px;cursor:pointer}.modal .modal-content .close-button-new-outside{position:absolute;right:-1px;top:-25px;cursor:pointer;color:var(--text-color-15)}.modal .modal-content .box{padding:0;border:1px solid var(--border-grid)}.modal .modal-content .box .box-header{margin-top:0;margin-bottom:0;padding:15px;border:1px solid var(--border);background:var(--separator);border-radius:13px 13px 0 0}.modal .modal-content .box .box-body{padding:20px}@-webkit-keyframes fadein{0%{background-color:initial}to{background-color:var(--bg-fade-in)}}@keyframes fadein{0%{background-color:initial}to{background-color:var(--bg-fade-in)}}@-webkit-keyframes fadeinfromtop{0%{top:20%;opacity:0}50%{opacity:.4}to{top:50%;opacity:1}}@keyframes fadeinfromtop{0%{top:20%;opacity:0}50%{opacity:.4}to{top:50%;opacity:1}}.notification{flex-direction:row;align-items:flex-start;padding:10px;border-radius:8px;max-width:300px;min-height:70px;display:flex;align-items:center}.notification.sell-order-toast{background-color:#e74c3c}.notification.sell-order-toast .icon svg path:last-child{stroke:var(--text-color-white)}.notification.buy-order-toast.error{background-color:#07bc0c}.notification.buy-order-toast.error .icon svg path:last-child{stroke:var(--text-color-white)}.notification .title{margin-bottom:5px}.notification .icon{margin-right:15px}.notification .close{cursor:pointer;position:absolute;right:5px;top:5px}.notification .content{color:var(--text-color-white)!important}.notification.error .title,.notification.info .title,.notification.success .title,.notification.warning .title{color:var(--text-color-white)}.notification.error .close svg path,.notification.error .icon svg path,.notification.info .close svg path,.notification.info .icon svg path,.notification.success .close svg path,.notification.success .icon svg path,.notification.warning .close svg path,.notification.warning .icon svg path{fill:var(--text-color-white)}.notification.error{background:var(--bg-error)}.notification.info{background:var(--bg-success)}.number-input .number-input-label{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:14px;color:var(--text-color-1)!important;font-size:14px}.number-input .suffix{width:26px}.number-input .suffix .btn{background:var(--separator);flex:1 1;margin:1px 0;width:22px;height:16.5px;max-height:16.5px;cursor:pointer}.number-input .suffix .btn svg path{fill:var(--text-color-3)}.number-input .suffix .btn:hover:not(.disabled) svg path{fill:var(--primary-color)}.number-input .suffix .btn svg{width:12px;height:12px}.number-input .suffix .btn:first-child{border-radius:6px 6px 0 0}.number-input .suffix .btn:last-child{border-radius:0 0 6px 6px}.number-input .suffix .btn.disabled{opacity:.3}.select{position:relative}.select .select-label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select.form-field .select-trigger{height:38px;border:2px solid var(--border-input);box-shadow:var(--shadow);border-radius:8px;display:flex;align-items:center;padding:10px;line-height:14px}.select.form-field .select-menu{width:100%}.select .select-trigger:not(.custom-trigger) svg{width:18px;height:18px;margin-left:auto}.select .select-trigger:not(.custom-trigger) svg path{fill:var(--text-color-3)}.select .select-menu{position:absolute;top:40px;left:0;background-color:var(--bg-box);border:1px solid var(--icon-disabled);border-radius:8px;width:170px;z-index:3}.select .select-menu .select-header{font-size:14px;font-weight:700;text-align:center;padding:5px;color:var(--text-color-2);background-color:var(--bg-box);border-radius:8px}.select .select-menu .item{height:40px;background-color:var(--bg-item);padding:0 10px;margin-bottom:1px;color:var(--text-color-3)!important}.select .select-menu .item.error{color:var(--text-color-4)!important}.select .select-menu .item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.select .select-menu .item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin:0}.select .select-menu .item.active{color:var(--primary-color)!important}.select .select-menu .item.focused,.select .select-menu .item:hover{background-color:var(--bg-hover)}.preload{width:100%;height:100%;align-items:center;justify-content:center;display:flex}.preload .spinning{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border-top:5px solid var(--border);border:5px solid var(--border);border-top-color:var(--primary-color);border-radius:50%;width:60px;height:60px;position:absolute}.preload .mini-logo{width:36px;height:36px;background-size:contain;background-repeat:no-repeat}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.field-container{margin-bottom:15px}.field-container .label{color:var(--text-color-2);margin:5px 5px 5px 0}.field-container .error-message{color:var(--text-color-4)}.change-password .prompt-modal{min-width:37rem}.change-password .prompt-modal .list{padding:10px;background-color:initial}.change-password .prompt-modal .box-header{font-size:16px}.change-password .prompt-modal .account-picker .custom-select__input{top:0}.change-password .prompt-modal .account-picker .input-container{width:100%;margin-bottom:-2px}.change-password .prompt-modal .select-trigger{background-color:var(--bg)!important;height:44px!important}.change-password .prompt-modal .notification{bottom:100%}.change-password .password-des{font-style:italic;font-size:1.2rem;max-width:36rem;color:var(--text-color-6);line-height:130%}.change-password .error-message{font-size:1.2rem!important}.change-password-success{padding:20px}.change-password-success .box-header{background-color:initial!important}.change-password-success form{border-radius:0}@media (max-width:700px){.change-password .prompt-modal{min-width:31.5rem}.change-password .error-message{font-size:1.2rem!important}}.language-picker{display:flex}.language-picker .item{cursor:pointer;opacity:.3}.language-picker .item.active{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.language-picker .item svg{margin:0 10px!important}.notification-list{position:relative;font-size:1.4rem;display:flex;margin-right:10px;justify-content:center;color:var(--text-color-1)}.notification-list .notification-menu{position:absolute;top:40px;right:0;width:300px;height:400px;background-color:var(--bg-box);border-radius:5px;z-index:10;box-shadow:var(--shadow);border-bottom:1px solid var(--border)}.notification-list .notification-menu .mark{position:absolute;top:-5px;right:17px;color:var(--bg-box)}.notification-list .notification-menu .notification-item{width:100%;display:flex;justify-content:space-between;height:50px;border-bottom:1px solid var(--border);padding:5px 20px}.notification-list .notification-menu .notification-item .left,.notification-list .notification-menu .notification-item .right{height:100%;display:flex;flex-direction:column;justify-content:space-around}.notification-list .notification-menu .notification-item .left .time{font-size:12px;color:var(--text-color-2)}.notification-list .notification-menu .notification-item .left .action{color:var(--up)}.notification-list .notification-menu .notification-item .right{font-size:12px}.notification-list .notification-count{position:absolute;background-color:var(--bg-info);color:var(--text-color-1);width:16px;height:16px;border-radius:9px;font-size:.8rem;font-weight:500;display:flex;align-items:center;justify-content:center;right:2px;top:2px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.notification-list .list>div{padding-bottom:40px}.notification-list .empty{height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;font-style:italic}.notification-list .clear-all{height:40px;padding:8px 10px;background:var(--bg-header);position:absolute;bottom:0;width:100%;color:var(--text-color-1);display:flex;align-items:center;justify-content:center;cursor:pointer}@media only screen and (max-width:1400px) and (min-width:768px){.notification-list .notification-menu{top:42px!important}.notification-list .mark{right:14px!important}}.toast-setting{justify-content:space-between;width:100%}.toast-setting,.toast-setting .text{display:flex;align-items:center}.web-shell{display:flex;flex-direction:column;background:var(--bg-screen)}.web-shell .menu{display:flex;align-items:center;background-color:var(--bg-menu-header);height:40px;min-height:40px;box-shadow:var(--shadow-2)}.web-shell .menu .logo{margin-left:15px;width:150px;height:35px;background-size:contain;background-repeat:no-repeat}.web-shell .menu .menu-list{display:flex;margin-left:30px}.web-shell .menu .menu-list .icon-new{padding-left:3px}.web-shell .menu .menu-item{padding:0 15px;text-decoration:none;font-weight:500;cursor:pointer;margin:0 1px}.web-shell .menu .menu-item.active{background-color:var(--primary-color);color:var(--text-color-white)!important}.web-shell .menu .menu-right{margin-left:auto;margin-right:18px}.web-shell .menu .menu-right .header-noti{color:#000;text-decoration:none;font-size:1.2rem;line-height:1.4rem;font-weight:600;margin-right:2rem;border-radius:8px;background:linear-gradient(135deg,#ffe259,#ffa751);background:var(--Brand,linear-gradient(135deg,#ffe259,#ffa751));overflow:hidden}.web-shell .menu .menu-right .header-noti .header-wrap{max-width:500px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.6rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.web-shell .menu .menu-right .header-noti .header-wrap .ml-50{padding-left:6rem}.web-shell .menu .menu-right .header-noti .header-wrap .scrollable{display:flex;white-space:nowrap;padding-left:100%;-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.web-shell .menu .menu-right .header-noti .header-wrap .scrollable:after{content:attr(data-text);display:inline-block;padding-left:100%}.web-shell .menu .theme-switcher .react-switch-bg{background-color:var(--icon-disabled)!important}.web-shell .menu .theme-switcher .react-switch-bg>div,.web-shell .menu .theme-switcher .react-switch-handle>div{display:flex;align-items:center!important;justify-content:center!important}.web-shell .menu .theme-switcher .inactive path{stroke:var(--icon-disabled)}.web-shell .menu .language-picker{height:24px;margin:0 15px}.web-shell .menu .language-picker .item svg{margin:0!important}.web-shell .menu .language-picker .item.active{-webkit-transform:none!important;transform:none!important}.web-shell .menu .profile{position:relative;border-radius:8px;border:1px solid transparent}.web-shell .menu .profile .info{width:100%;height:100%;padding:2px 5px}.web-shell .menu .profile svg{margin-right:5px}.web-shell .menu .profile:hover:not(.active){border:1px solid var(--icon-disabled);border-radius:8px}.web-shell .menu .profile.active{background-color:var(--primary-color)}.web-shell .menu .profile.active .info svg path{stroke:var(--text-color-1)}.web-shell .menu .profile .profile-menu{position:absolute;top:36px;right:0;width:230px;overflow:hidden;border-radius:8px;border:1px solid var(--icon-disabled);z-index:22}.web-shell .menu .profile .profile-menu .toast-setting{color:var(--text-color-3)}.web-shell .menu .profile .profile-menu .profile-menu-item{display:flex;flex-direction:row;align-items:center;padding:9px 10px;background-color:var(--separator);color:var(--text-color-3);height:42px}.web-shell .menu .profile .profile-menu .profile-menu-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.web-shell .menu .profile .profile-menu .profile-menu-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.web-shell .menu .profile .profile-menu .profile-menu-item:hover{background-color:var(--bg-hover)}.web-shell .menu .profile .profile-menu .profile-menu-item svg{width:24px;height:24px;margin-right:10px}.web-shell .body{height:calc(100% - 40px)}.header-noti-web{display:block}.header-noti-tablet{display:none!important}.scrollableEn{display:flex;white-space:nowrap;padding-left:100%;-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.scrollableEn:after{content:attr(data-text);display:inline-block;padding-left:100%}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}@media (max-width:1200px){.header-wrap{font-size:1rem}}@media (max-width:1100px){.header-wrap{font-size:1rem}}@media (max-width:1000px){.header-wrap{font-size:1.2rem}.header-noti-web{display:none!important}.header-noti-tablet{display:block!important}.header-noti{color:#000;text-decoration:none;font-size:1.2rem;line-height:1.4rem;font-weight:600;margin-top:1.2rem!important;margin:0 15px;border-radius:8px;background:linear-gradient(135deg,#ffe259,#ffa751);background:var(--Brand,linear-gradient(135deg,#ffe259,#ffa751));overflow:hidden}.header-noti .header-wrap{width:100%;padding:.6rem 1.5rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.header-noti .header-wrap .ml-50{padding-left:6rem}.header-noti .header-wrap .scrollable{width:100%;display:flex;white-space:nowrap;padding-left:100%;-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.header-noti .header-wrap .scrollable:after{content:attr(data-text);display:inline-block;padding-left:100%}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}}.symbol-picker.custom-recent{width:calc(100% - 40px)}.symbol-picker .custom-select__control{min-height:unset;background:var(--bg);border-radius:8px;border:1px solid var(--primary-color);height:40px}.symbol-picker .custom-select__control:hover{border:1px solid var(--primary-color)}.symbol-picker .custom-select__control--is-focused{box-shadow:0 0 0 1px var(--icon-disabled)}.symbol-picker .custom-select__indicator{position:absolute;right:0;top:5px}.symbol-picker .custom-select__indicator svg{width:9px;height:9px}.symbol-picker .custom-select__clear-indicator{cursor:pointer}.symbol-picker .custom-select__clear-indicator svg{width:13px;height:13px}.symbol-picker .custom-select__indicator-separator{display:none}.symbol-picker .custom-select__value-container{overflow:initial;padding:0 0 0 10px;height:100%}.symbol-picker .custom-select__value-container>div{margin:0;padding:0}.symbol-picker .custom-select__placeholder{font-size:14px}.symbol-picker .custom-select__input{position:absolute;left:10px;top:10px;color:var(--text-color-1);font-size:14px;height:100%;width:100%}.symbol-picker .custom-select__input input{width:100%}.symbol-picker .custom-select__single-value{max-width:unset;width:100%;color:var(--text-color-1);font-size:14px;line-height:16px;text-overflow:unset;white-space:unset;overflow:hidden;position:static;-webkit-transform:none;transform:none;height:100%;display:flex;align-items:center}.symbol-picker .custom-select__menu{width:100%!important;min-width:350px!important}.symbol-picker .search-icon{margin:10px}.symbol-picker .symbol-picker-label{display:inline-grid;width:calc(100% - 30px)}.symbol-picker .symbol-picker-label .symbol{color:var(--text-color-3);padding-right:10px}.symbol-picker .symbol-picker-label .name{color:var(--text-color-2)}.symbol-picker-recent{position:absolute;right:0;top:0}.symbol-picker-recent .select-menu{left:unset;right:0;top:45px}.mobile-shell{display:flex;flex-direction:column;background:var(--bg-screen);position:relative}.mobile-shell .menu-top{display:flex;background-color:var(--bg-menu-header);height:40px;min-height:40px;box-shadow:var(--shadow-2);justify-content:space-between;align-items:center}.mobile-shell .menu-top .logo{margin-left:16px;width:36px;height:36px;background-size:contain;background-repeat:no-repeat}.mobile-shell .menu-top .symbol-search-box{width:calc(100% - 176px);height:30px;min-width:190px}.mobile-shell .menu-top .symbol-search-box .symbol-picker .custom-select__control{height:30px;flex-direction:row-reverse}.mobile-shell .menu-top .symbol-search-box .symbol-picker .custom-select__control .search-icon{margin:0 10px}.mobile-shell .menu-top .symbol-search-box .symbol-picker .custom-select__placeholder{font-size:12px;line-height:14px;display:flex;align-items:center}.mobile-shell .menu-top .symbol-search-box .symbol-picker .custom-select__dropdown-indicator{display:none}.mobile-shell .menu-top .symbol-search-box .symbol-picker .custom-select__input{top:5px}.mobile-shell .menu-top .icon-menu-toggle{width:30px;height:30px;margin-right:16px;background:var(--bg-box);border-radius:5px;cursor:pointer}.mobile-shell .menu-top .icon-menu-toggle path{stroke:var(--icon)}.mobile-shell .header-noti{color:#000;text-decoration:none;margin-top:1.2rem!important;font-size:1.2rem;line-height:1.4rem;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#ffe259,#ffa751);background:var(--Brand,linear-gradient(135deg,#ffe259,#ffa751));margin:0 15px;overflow:hidden}.mobile-shell .header-noti .header-wrap{width:100%;padding:.6rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.mobile-shell .header-noti .header-wrap .ml-50{padding-left:4rem}.mobile-shell .menu-bottom{height:53px;width:100%;background-color:var(--bg-header);position:absolute;bottom:0;left:0}.mobile-shell .menu-bottom .menu-list{display:flex;height:100%;justify-content:center;align-items:center}.mobile-shell .menu-bottom .menu-item{flex:1 1;cursor:pointer;text-decoration:none;height:100%;display:flex;flex-direction:column;align-items:center}.mobile-shell .menu-bottom .menu-item .link-text{margin-top:5px;font-weight:400}.mobile-shell .menu-bottom .menu-item .link-icon{width:24px;height:24px;background-repeat:no-repeat;background-size:contain}.mobile-shell .menu-bottom .menu-item.active{background-color:var(--primary-color);color:var(--text-color-white)!important}.mobile-shell .menu-bottom .menu-item.active path{stroke:var(--text-color-white)}.mobile-shell .body{height:calc(100% - 93px);padding-bottom:10px}.mobile-shell .footer{display:none}.mobile-shell .category{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.mobile-shell .category-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);opacity:.9;transition:opacity 2s}@-webkit-keyframes animate{0%{right:-100%}to{right:0}}@keyframes animate{0%{right:-100%}to{right:0}}.mobile-shell .category-body{position:absolute;top:0;right:0;height:100%;width:332px;background:var(--bg-box);border-radius:8px 0 0 8px;z-index:1;-webkit-animation-name:animate;animation-name:animate;-webkit-animation-duration:.5s;animation-duration:.5s}.mobile-shell .category-body .category-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 16px;width:100%;height:54px;box-shadow:var(--shadow-2)}.mobile-shell .category-body .category-header .logo{width:34px;height:34px;background-size:contain;background-repeat:no-repeat}.mobile-shell .category-body .category-header .btn-close{width:16px;height:16px;background-size:contain;background-repeat:no-repeat;cursor:pointer}.mobile-shell .category-body .category-item{width:100%;height:40px;box-shadow:var(--shadow-2);cursor:pointer;display:flex;flex-direction:row;align-items:center;padding:10px 16px}.mobile-shell .category-body .category-item .toast-setting{font-size:14px;color:var(--text-color-3)}.mobile-shell .category-body .category-item:hover{background-color:var(--bg-hover)}.mobile-shell .category-body .category-item .category-icon{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;margin-right:18px}.mobile-shell .category-body .category-item .category-text{font-style:normal;font-weight:400;font-size:14px;color:var(--text-color-3)}.mobile-shell .category-body .theme-switcher .react-switch-bg{background-color:var(--icon-disabled)!important}.mobile-shell .category-body .theme-switcher .react-switch-bg>div,.mobile-shell .category-body .theme-switcher .react-switch-handle>div{display:flex;align-items:center!important;justify-content:center!important}.mobile-shell .category-body .theme-switcher .inactive path{stroke:var(--icon-disabled)}.mobile-shell .biz-container{height:100%!important}@media (max-width:640px){.mobile-shell .header-wrap{width:auto!important;font-size:1.2rem!important}.mobile-shell .scrollable{width:auto!important;display:flex;white-space:nowrap;padding-left:100%;-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.mobile-shell .scrollable:after{content:attr(data-text);display:inline-block;padding-left:100%}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}}.swipeable-tabs{width:100%}.verify-otp{width:320px}.verify-otp .box-body{padding-top:3.2rem!important}.verify-otp .otp-index-container{display:flex}.verify-otp .otp-index{background-color:var(--primary-color);border-radius:8px;height:36px;padding:10px 15px}.verify-otp .otp-input{width:100%;justify-content:space-between}.verify-otp .otp-input input{color:var(--text-color-1);font-size:18px;width:46px!important;height:46px;background-color:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;-webkit-text-security:disc}.verify-otp .button{margin-top:20px}.verify-otp .notification{left:-20px!important;min-width:300px;padding-right:35px;bottom:calc(100% - 10px)}.verify-otp .view-mode-btn{text-decoration:none!important}.verify-otp .tab .tabs{padding:0}.verify-otp .tab .react-horizontal-scrolling-menu--scroll-container{height:100%;background:var(--separator)}.verify-otp .tab .react-horizontal-scrolling-menu--item{flex:1 1;display:flex;justify-content:center;align-items:center}.verify-otp .tab .react-horizontal-scrolling-menu--item .tab-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--separator);cursor:pointer}.verify-otp .tab .react-horizontal-scrolling-menu--item .tab-item.disabled{cursor:default;opacity:.2}.verify-otp .tab .react-horizontal-scrolling-menu--item .active{border:1px solid var(--separator);border-bottom:none;background-color:var(--bg-box)}.session-timeout{padding:20px}.session-timeout .box-header{background-color:initial!important}.session-timeout form{border-radius:0}.symbol-info-modal .close-button{width:24px;height:24px;right:-10px!important;top:-10px!important;background-color:var(--separator)!important;border-radius:50%}.symbol-info-modal .modal-content{justify-content:center;width:100vw}@media only screen and (min-width:576px){.symbol-info-modal .modal-content{max-width:1700px;margin:1.75rem auto}}@media only screen and (min-width:1921px){.symbol-info-modal .modal-content{max-width:1700px}}@media only screen and (max-width:1920px){.symbol-info-modal .modal-content{max-width:1617px}}@media only screen and (max-width:1600px){.symbol-info-modal .modal-content{max-width:1350px}}@media only screen and (max-width:1366px){.symbol-info-modal .modal-content{max-width:1300px}.symbol-info-modal .modal-content>.modal-content>.modal-body>.symbol-info>.info-section{flex:4 1}.symbol-info-modal .modal-content>.modal-content>.modal-body>.symbol-info>.info-section>.body-section{width:auto}}.symbol-info-modal .modal-content>div:not(.close-button){background-color:var(--separator)!important;border-radius:8px!important;overflow:hidden;padding:0;height:593px}.symbol-info-modal .symbol-info-header{background-color:var(--bg-menu-header);margin-bottom:4px}.symbol-info-modal .symbol-info-header .symbol-info-title{padding:5px 10px;font-size:12px;color:var(--text-color-1);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.symbol-info-modal .symbol-info-header .symbol-info-title:after{position:absolute;content:"";background:var(--primary-color);width:19px;height:2px;bottom:2px;left:calc(50% - 10px)}.symbol-info-modal .symbol-info{display:flex;height:100%;padding:10px}.symbol-info-modal .symbol-info>.chart-section{flex:5 1;margin-right:10px;border:1px solid var(--separator-2)}.symbol-info-modal .symbol-info>.chart-section .trading-view{height:100%}.symbol-info-modal .symbol-info>.info-section{display:flex;height:100%;width:560px}.symbol-info-modal .symbol-info>.info-section>.summary-section{flex:9 1;margin-right:10px;display:flex;flex-direction:column}.symbol-info-modal .symbol-info>.info-section>.summary-section .symbol-price-depth-section{background-color:var(--bg-menu-header);border-radius:3px;color:var(--text-color-1);flex:1 1;display:flex;flex-direction:column}.symbol-info-modal .symbol-info>.info-section>.summary-section .symbol-price-depth-section .price-depth-content{flex:1 1}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary{font-size:1.2rem;display:flex;flex-direction:column;margin-bottom:10px;border-radius:3px;background-color:var(--bg-box);padding:5px 10px;height:197px;justify-content:space-between;color:var(--text-color-1)}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.company-title{display:flex;justify-content:space-between;align-items:center}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.company-title>.symbol{display:flex;align-items:center}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.company-title>.symbol>p{font-size:1.3rem;font-weight:500;margin-right:5px;margin-bottom:0}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.company-title>.symbol>.cash-dividend{cursor:pointer;margin-right:5px}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.company-title>.symbol>.market{color:var(--primary-color);margin-right:5px;white-space:nowrap}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.company-name{color:var(--gray-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px;margin-bottom:5px}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-content,.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-title{display:flex;justify-content:space-between;align-items:center}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-title{margin-bottom:7px}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-title>.sub-title{color:var(--primary-color);font-weight:500}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-title>.content{height:20px;width:20px;background-color:var(--bg-box);border-radius:3px;cursor:pointer;display:flex}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-title>.content svg{margin:auto}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-content{margin-bottom:5px}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-content>.sub-title{font-weight:500;color:var(--text-color-1)}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-content>.content{text-align:right}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-content>.content>span:not(:last-child){margin-right:5px}.symbol-info-modal .symbol-info>.info-section>.summary-section>.summary>.summary-content>.content .price{cursor:pointer}.symbol-info-modal .symbol-info>.info-section>.quote-section{flex:11 1;display:flex;flex-direction:column;background-color:var(--bg-menu-header)}.symbol-info-modal .symbol-info>.info-section>.quote-section>div{border-radius:3px}.symbol-info-modal .symbol-info>.info-section>.quote-section .symbol-info-table{flex:1 1}.symbol-info-modal .symbol-info>.info-section>.quote-section .symbol-info-table>div{width:100%;height:100%}.symbol-info-modal .symbol-info>.info-section>.quote-section .symbol-info-table>div .ag-center-cols-viewport{background-color:var(--bg-box)}.no-row-overlay{color:var(--text-color-3)}.toggle-group-header{height:100%;display:flex;color:var(--text-color-5)!important}.toggle-group-header,.toggle-group-header>div{justify-content:center;align-items:center;width:100%}.toggle-group-header>div{display:flex!important}.toggle-group-header>div span{white-space:break-spaces;text-align:center}.toggle-group-header .ag-icon{float:right;margin-left:-5px}.toggle-group-header svg{width:14px;height:14px;min-width:14px}.toggle-group-header svg path{fill:var(--text-color-5)!important}.quote-table{flex:1 1}.quote-table .ag-header{height:17px!important;min-height:17px!important;font-size:12px!important}.quote-table .ag-header-row:last-child{margin-top:-17px;z-index:2}.quote-table .ag-cell{font-size:12px;line-height:14px}.quote-table .ag-row{background:var(--bg-box)}.quote-table .ag-row:hover{background:var(--bg-hover)}.quote-table .toggle-group-header svg{width:14px;height:14px;margin:-3px 3px}.symbol-price-depth{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(12,20px);grid-column-gap:2px;grid-row-gap:2px}.symbol-price-depth .buy-header{background-color:var(--buy)}.symbol-price-depth .buy-header,.symbol-price-depth .sell-header{display:flex;justify-content:center;align-items:center;font-size:12px;line-height:14px}.symbol-price-depth .sell-header{background-color:var(--sell)}.symbol-price-depth>div{background-color:var(--bg-box);height:20px;display:flex;align-items:center;padding:0 10px;font-size:12px}.symbol-price-depth .justify-between{justify-content:space-between}.symbol-price-depth .div1{grid-area:1/1/2/2}.symbol-price-depth .div2{grid-area:1/2/2/3}.symbol-price-depth .div3{grid-area:2/1/3/2}.symbol-price-depth .div4{grid-area:2/2/3/3}.symbol-price-depth .div5{grid-area:3/1/4/2}.symbol-price-depth .div6{grid-area:4/1/5/2}.symbol-price-depth .div7{grid-area:5/1/6/2}.symbol-price-depth .div8{grid-area:6/1/7/2}.symbol-price-depth .div9{grid-area:7/1/8/2}.symbol-price-depth .div10{grid-area:8/1/9/2}.symbol-price-depth .div11{grid-area:9/1/10/2}.symbol-price-depth .div12{grid-area:10/1/11/2}.symbol-price-depth .div13{grid-area:11/1/12/2}.symbol-price-depth .div14{grid-area:12/1/13/2}.symbol-price-depth .div15{grid-area:3/2/4/3}.symbol-price-depth .div16{grid-area:4/2/5/3}.symbol-price-depth .div17{grid-area:5/2/6/3}.symbol-price-depth .div18{grid-area:6/2/7/3}.symbol-price-depth .div19{grid-area:7/2/8/3}.symbol-price-depth .div20{grid-area:8/2/9/3}.symbol-price-depth .div21{grid-area:9/2/10/3}.symbol-price-depth .div22{grid-area:10/2/11/3}.symbol-price-depth .div23{grid-area:11/2/12/3}.symbol-price-depth .div24{grid-area:12/2/13/3}.noti-cccd-modal{padding:1.6rem 3.5rem;text-align:center;font-size:14px;font-weight:500;color:var(--text-color-10);border-radius:10px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fa9528,#f76f08);background:var(--brand-night,linear-gradient(180deg,#fa9528,#f76f08));box-shadow:0 -1px 5px 0 rgba(255,250,233,.03),0 3px 5px 2px rgba(255,250,233,.03)}.noti-cccd-modal .noti-cccd-header{text-align:center;font-size:16px;font-weight:600;margin-bottom:1.5rem}.noti-cccd-modal .cccd-content{text-align:left;line-height:150%}.noti-cccd-modal .content-container{grid-gap:1.5rem;gap:1.5rem}.noti-cccd-modal .cccd-method,.noti-cccd-modal .content-container{width:100%;display:flex;justify-content:flex-start;flex-direction:column}.noti-cccd-modal .cccd-method{grid-gap:.6rem;gap:.6rem}.noti-cccd-modal .cccd-method div{text-align:left}.noti-cccd-modal .cccd-contact{margin-top:2rem}.noti-cccd-modal .cccd-contact a{color:#284e9e;text-decoration:underline}.noti-cccd-modal .mb-20{margin-bottom:2rem}.noti-cccd-modal .cccd-btn-update{text-align:center;padding-top:8px;padding-bottom:8px;width:30%;font-size:1.4rem;background:var(--text-color-10);border-radius:8px;color:var(--primary-color);cursor:pointer;margin-top:1.6rem}.noti-cccd-modal .w-5{width:5px;margin-right:1rem}@media (max-width:640px){.noti-cccd-modal,.noti-cccd-modal .noti-cccd-header{font-size:1.2rem}.noti-cccd-modal .cccd-btn-update{width:50%}.noti-cccd-modal .mb-20{margin-bottom:1rem}}.modal-notification-change-taxcd{border-radius:8px;border:1px solid var(--border-2);background:var(--linear-1);box-shadow:5px 5px 5px 0 rgba(0,0,0,.25),-5px -5px 5px 0 rgba(0,0,0,.25);font-family:"Quicksand",sans-serif}.modal-notification-change-taxcd .title{color:var(--text-color-17);text-align:center;font-size:20px;font-weight:600;line-height:40px;padding:24px 16px 16px;border-bottom:2px solid var(--border-2)}.modal-notification-change-taxcd .iframe-container{padding:16px;border-bottom:2px solid var(--border-2);height:30.5rem}.modal-notification-change-taxcd .detail{padding:1.6rem 1.8rem;color:var(--text-color-1);text-align:justify;font-size:14px;font-weight:500;line-height:30px;height:6rem}.modal-notification-change-taxcd .detail .detail-link{color:#57a4cf;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;cursor:pointer}.modal-notification-change-taxcd .button-agree{margin:2.4rem 5rem;height:5rem;border-radius:8px;border:1px solid #1c1c1c;border:1px solid var(--Border,#1c1c1c);background:var(--bg-6);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center;color:var(--text-color-16);text-align:center;font-size:20px;font-style:normal;font-weight:500;line-height:14px;cursor:pointer}@media (max-width:768px){.modal-notification-change-taxcd{width:80vw}.title{font-size:1.8rem!important;line-height:2.4rem!important}.detail{height:auto!important;font-size:12px!important;font-weight:500!important;line-height:1.6rem!important}.button-agree{margin:.4rem 1.8rem 1.8rem!important;font-size:1.4rem!important}}.noti-change-pass{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-3);border-radius:.8rem;padding:2rem .8rem;min-width:30rem;max-width:47.5rem;box-shadow:var(--shadow-4)}.noti-change-pass .noti-warning{padding:8px;background-color:var(--bg-5);border-radius:100%;width:4rem;height:4rem}.noti-change-pass .noti-warning svg{color:var(--bg-4)}.noti-change-pass .msg-change-pass{font-size:1.4rem;margin-top:1.5rem;font-weight:500;text-align:center;padding:0 1rem;color:var(--text-color-15)}.noti-change-pass .title-change-pass{font-size:2.4rem;margin-top:1.5rem;font-weight:500;color:var(--text-color-15);line-height:2.4rem}.noti-change-pass .list-btn{width:100%;display:flex;flex-direction:row;justify-content:center;margin-top:1rem;grid-gap:1.5rem;gap:1.5rem}.noti-change-pass .list-btn .btn-change-pass{cursor:pointer;background:linear-gradient(180deg,#fa9528,#f76f08);background:var(--brand-night,linear-gradient(180deg,#fa9528,#f76f08));border-radius:8px;font-size:1.6rem;color:var(--text-color-1);font-weight:500;padding:1.5rem 1.2rem;text-align:center;color:var(--text-color-10);width:100%;max-width:27rem}@media (max-width:700px){.noti-change-pass .msg-change-pass{font-size:1.4rem;margin-top:.6rem}.noti-change-pass .title-change-pass{font-size:1.8rem;margin-top:.6rem;font-weight:500}.noti-change-pass .list-btn .btn-change-pass{font-size:1.4rem}}.banner-modal .close-button{right:-15px!important;top:-15px!important}.banner-modal .banner-image{cursor:pointer;max-width:74rem}@media screen and (max-width:767px){.banner-image{cursor:pointer;max-width:80vw!important}}:root{--primary-color:#ff6a24;--primary-color-rgb:255,106,36;--secondary-color:#141285;--shadow:0px 3px 7px rgba(0,0,0,0.05);--bg-white:#fff;--bg-fade-in:rgba(0,0,0,0.45);--bg-separator:#313743;--bg-noti:#606672;--text-color-white:#fff;--bg-button-submit:#eb554c;--bg-overlay:#0d1014}.app.light,body.light{--bg:#edf0f4;--bg-screen:#fff;--bg-error:#e04036;--bg-success:#0bcb96;--bg-warning:#ff6a24;--bg-info:#ff6a24;--bg-box:#edf1f7;--bg-menu-header:#dee2e6;--bg-header:#dae0e9;--bg-hover:#e8ecf1;--bg-item:#f5f5f5;--bg-selected:#8691b3;--bg-disabled:#dee2e6;--bg-row-toggle:#c9d5e6;--bg-cell-toggle:#b4c0dc;--bg-1:#141414;--bg-2:#dee2e6;--bg-3:#fff;--bg-4:#ffb628;--bg-5:#fff0d3;--bg-6:#000;--text-color-1:#000;--text-color-2:#8691b3;--text-color-3:#333;--text-color-4:#e04036;--text-color-5:#1a3241;--text-color-6:#333;--text-color-7:#06bb89;--text-color-8:grey;--text-color-9:#000;--text-color-11:#fff;--text-color-10:#fff;--text-color-12:#000;--text-color-13:#ed3636;--text-color-14:#09e384;--text-color-15:#484848;--text-color-16:#ff842c;--text-color-17:#fff;--text-title:#53677f;--text-disabled:#8691b3;--text-content:#333;--border:#e8ecf1;--border-input:#becae5;--border-grid:#becae5;--border-grid-toggle:#dee6f1;--icon-disabled:#becae5;--separator:#f5f5f5;--separator-rgb:245,245,245;--up:#00db86;--down:#e04036;--ceiling:#b413ec;--floor:#1bc6be;--ref:#fcaf17;--sell:#e7435d;--hnx:#fcaf17;--bid-rgb:0,219,134;--offer-rgb:224,64,54;--icon:#333;--board-highlight:#e9ecef;--scroll:#53677f;--shadow-2:0px 1px 0px #e8ecf1;--board-even:#edf1f7;--board-odd:#e8ecf1;--board-font-weight:400;--board-filter:1;--shadow-3:0px -1px 5px 0px rgba(148,107,27,0.03),0px 5px 10px 0px rgba(148,107,27,0.1);--shadow-4:0px -1px 5px 0px rgba(148,107,27,0.03),0px 5px 10px 0px rgba(148,107,27,0.1);--border-1:#c1c1c1;--border-2:rgba(255,106,36,0.55);--linear-1:linear-gradient(180deg,#ffb030,#ff842c)}.app.dark,.app.light,body.dark,body.light{--buy:#00db86;--hose:#00db86;--upcom:#e04036;--error:#e04036}.app.dark,body.dark{--bg:#0d1014;--bg-screen:#0d1014;--bg-error:#e04036;--bg-success:#0bcb96;--bg-warning:#ff6a24;--bg-info:#ff6a24;--bg-box:#1e232c;--bg-header:#252c39;--bg-menu-header:#252c39;--bg-hover:#232a35;--bg-item:#313743;--bg-selected:#8e97a1;--bg-disabled:#606672;--bg-row-toggle:#424a59;--bg-cell-toggle:#59606c;--bg-1:#141414;--bg-2:#141414;--bg-3:#101010;--bg-4:#f2b132;--bg-5:#4a1d1d;--bg-6:linear-gradient(135deg,#fa9528,#f76f08);--text-color-1:#fff;--text-color-2:#8e97a1;--text-color-3:#dedede;--text-color-4:#e04036;--text-color-5:#c7d4e7;--text-color-6:#dce2ed;--text-color-7:#06bb89;--text-color-8:#d1d1d6;--text-color-9:#fff;--text-color-10:#000;--text-color-11:#141414;--text-color-12:grey;--text-color-13:#ed3636;--text-color-14:#09e384;--text-color-15:#fff;--text-color-16:#000;--text-color-17:#ffab30;--text-title:#fff;--text-disabled:#8e97a1;--text-content:#dedede;--border:#232a35;--border-input:#232a35;--border-grid:#343a40;--border-grid-toggle:#313743;--icon-disabled:#606672;--separator:#313743;--separator-rgb:49,55,67;--up:#0f0;--down:red;--ceiling:#e833f5;--floor:#1eeeee;--ref:#e0bd49;--sell:#e04036;--hnx:#e0bd49;--bid-rgb:161,210,191;--offer-rgb:200,141,138;--icon:#dedede;--board-highlight:linear-gradient(0deg,hsla(0,0%,100%,0.06),hsla(0,0%,100%,0.06)),#0c0c0c;--scroll:#8e97a1;--shadow-2:0px 1px 0px #232a35;--board-even:#000;--board-odd:#0c0c0c;--board-font-weight:500;--board-filter:1.6;--shadow-3:none;--shadow-4:0px -1px 5px 1px rgba(255,250,233,0.03),0px 1px 3px 1px rgba(255,250,233,0.03);--border-1:#1a1a1a;--border-2:#1c1c1c;--linear-1:#000}.d-flex{display:flex}.flex-1{flex:1 1}.d-flex-center{display:flex;justify-content:center;align-items:center}.flex-column{flex-direction:column}.d-none{display:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.align-center{align-items:center!important}.align-left{align-items:flex-start!important}.align-right{align-items:flex-end!important}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.w-100{width:100%}.h-100{height:100%}.text-medium{font-size:14px;line-height:16px}.text-medium,.text-small{color:var(--text-color-1)}.text-small{font-size:12px;line-height:14px}.text-big{font-size:16px!important;line-height:18px!important}.text-big,.text-bigger{color:var(--text-color-1)}.text-bigger{font-size:18px!important;line-height:20px!important}.text-huge{color:var(--text-color-1);font-size:24px;line-height:26px}.text-normal{font-weight:400}.text-bold{font-weight:700!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box,.position-relative{position:relative}.box{background-color:var(--bg-box);padding:20px;border-radius:13px}.box .notification{bottom:calc(100% - 20px);left:20px;position:absolute;width:calc(100% - 40px);z-index:1}.box .box-header{color:var(--text-color-1);font-size:24px;line-height:26px;margin-top:10px;margin-bottom:40px}.input-container{height:44px;margin:5px 0;position:relative}.input-container input{outline:none;height:100%;width:100%;color:var(--text-color-1)!important;background-color:var(--bg)!important;border:2px solid var(--border-input);box-shadow:0 3px 7px rgba(0,0,0,.05);box-shadow:var(--shadow);border-radius:8px;padding:0 14px}.input-container input:disabled,.input-container input:read-only{background-color:var(--bg-disabled)!important}.input-container.has-prefix input{padding-left:44px}.input-container .prefix,.input-container .suffix{position:absolute;height:100%;width:30px;display:flex;align-items:center;top:0}.input-container .prefix svg,.input-container .suffix svg{width:18px;height:18px}.input-container .prefix{left:13px}.input-container .suffix{right:0}.button{height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;line-height:16px;cursor:pointer}.button:hover:not(.disabled){-webkit-filter:brightness(92.5%);filter:brightness(92.5%)}.button.disabled{opacity:.65;cursor:not-allowed;position:relative}.button.disabled:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:hsla(0,0%,100%,.35);border-radius:8px}.bg-primary{color:var(--text-color-1);background-color:#ff6a24;background-color:var(--primary-color)}.bg-secondary{color:var(--text-color-5);background-color:var(--separator);border:1px solid var(--icon-disabled)}.bg-secondary:hover:not(.disabled){border:none;color:var(--text-color-1);background-color:var(--bg-error)}.bg-reset{color:var(--text-color-5);background-color:var(--bg-header);border:1px solid var(--icon-disabled)}.bg-transparent{color:var(--text-color-1);background-color:initial;font-weight:400}.bg-transparent:hover{text-decoration:underline}.border-primary{border:1px solid #ff6a24;border:1px solid var(--primary-color)}.cursor-pointer{cursor:pointer}.up{color:var(--up)!important}.down{color:var(--down)!important}.ceiling{color:var(--ceiling)!important}.floor{color:var(--floor)!important}.ref{color:var(--ref)!important}.bg-up{background:var(--up)!important}.bg-down{background:var(--down)!important}.buy{color:var(--buy)!important}.sell{color:var(--sell)!important}.HOSE{color:var(--hose)}.HNX{color:var(--hnx)}.UPCOM{color:var(--upcom)}.tabs{padding:10px 10px 0;height:36px;display:flex;background:var(--bg-box)}.tabs .tab-item{color:var(--text-color-5);font-size:14px;line-height:16px;padding:0 15px;cursor:pointer;height:26px;width:-webkit-max-content;width:max-content}.tabs .tab-item.active{position:relative;color:#ff6a24;color:var(--primary-color)}.tabs .tab-item.active:after{position:absolute;content:"";background:#ff6a24;background:var(--primary-color);width:19px;height:2px;bottom:2px;left:calc(50% - 10px)}.tabs.header{background:var(--bg-menu-header);border-radius:8px 8px 0 0}.prompt-modal{min-width:315px}.prompt-modal .box-body{padding:15px 0!important}.prompt-modal .title{color:var(--text-color-6);padding:0 10px;margin-bottom:20px}.prompt-modal .title>div{padding:15px 0}.prompt-modal .list{border-color:var(--separator);border-width:1px 0;background:var(--separator);margin-bottom:20px;padding:1px 0}.prompt-modal .list .item{padding:10px;margin:1px 0;background:var(--bg-box)}.prompt-modal .list .label{color:var(--text-color-6)}.prompt-modal .list .value{color:var(--text-color-3)}.prompt-modal .button{margin:0 10px}.custom-select__menu{background-color:var(--bg-box)!important;border:1px solid var(--icon-disabled);border-radius:8px!important;width:100%!important;min-width:170px!important;margin-top:5px!important;z-index:3!important}.custom-select__menu ::-webkit-scrollbar-thumb{background-color:var(--icon-disabled)}.custom-select__menu-list{padding-bottom:0!important;padding-top:0!important;overflow-x:hidden}.custom-select__option{background-color:var(--bg-item)!important;color:var(--text-color-3)!important;font-size:14px!important;margin-bottom:1px;height:40px;padding:0 10px!important;display:flex!important;align-items:center}.custom-select__option.sellable-option{height:60px;justify-content:center}.custom-select__option.sellable-option .sellable{margin-top:5px}.custom-select__option:hover{background-color:var(--bg-hover)!important}.custom-select__option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.custom-select__option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin:0}.custom-select__option .symbol{width:60px;min-width:60px}.custom-select__option .symbol.long-symbol{font-size:11px!important;display:flex;align-items:center}.custom-select__option .market{width:55px;min-width:55px;font-size:12px}.custom-select__option .company{text-align:left;font-size:12px;margin-top:5px;line-height:12px;color:var(--text-color-2)}.custom-select__option--is-focused{background-color:var(--bg-hover)!important}.custom-select__option--is-selected{color:#ff6a24!important;color:var(--primary-color)!important}.icon path.theme{stroke:var(--icon)}.transition-enter-done{height:100%}.transition-enter{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);display:flex;flex-direction:column}.transition-enter-active{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.transition-enter-active,.transition-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.transition-exit-active{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.right-transition-enter{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.right-transition-enter-active{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.right-transition-enter-active,.right-transition-exit{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.right-transition-exit-active{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.left-transition-enter{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}.left-transition-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.left-transition-exit{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}.left-transition-exit-active{opacity:0;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.bg-lighter:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:hsla(0,0%,100%,.35)}.z-50{z-index:50}.text-disable{color:#8b8181!important}html{overflow:hidden;font-size:10px}html ::-webkit-scrollbar{width:10px;height:10px;background-color:var(--icon-disabled)}html ::-webkit-scrollbar-thumb{background-color:var(--scroll);border-radius:10px;background-clip:padding-box}#root,.app,body,html{height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:not(input,textarea){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-color-1)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}#popover-container .custom-select__menu-portal{z-index:4}#popover-container #symbol-picker .custom-select__menu{min-width:350px!important}.ag-overlay{z-index:2}.ag-root-wrapper{border:none!important}.ag-center-cols-viewport,.ag-overlay-loading-wrapper,.ag-root-wrapper{background:var(--separator)}.ag-header{border-bottom-color:var(--border-grid)!important}.ag-header,.ag-header-container{background-color:var(--bg-header)!important}.ag-row{border-color:var(--border-grid);background-color:var(--border-grid)!important}.ag-ltr .ag-cell{border-right-color:var(--border-grid)!important}.ag-pinned-left-header{border-right:none!important}.header-word-wrap .ag-header-cell-label .ag-header-cell-text{white-space:normal!important;text-align:center;line-height:16px}.ag-header-cell{padding:0;justify-content:center;cursor:pointer;border-top-color:var(--border-grid)!important;border-top:1px solid}.ag-header-cell:after{height:100%!important;top:0!important;background-color:var(--border-grid)!important}.ag-header-cell.border-right-none:after{display:none}.ag-header-cell.ag-header-cell .ag-header-select-all{margin-right:0!important}.ag-header-cell-label,.only-group-header{justify-content:center}.only-group-header{z-index:3;border-top:none;border-left:none}.ag-cell{color:var(--text-color-3)}.ag-cell.cell-error{text-align:right!important}.ag-header-cell-text{line-height:20px}.ag-header-cell-text,.ag-header-group-text{color:var(--text-color-5)!important}.ag-root{background:var(--separator)}.ag-root .group-header,.ag-root .header{padding-left:5px;padding-right:5px;border-left:none!important;border-top:none!important}.ag-root .group-header:after,.ag-root .header:after,.ag-root .no-group-header{display:none}.ag-root .has-group-header{border-top:none!important}.ag-root .has-toggle-group-header,.ag-root .only-toggle-group-header{z-index:3}.ag-root .ag-header-group-cell{padding:0;justify-content:center}.ag-root .ag-header-group-cell:after{margin-top:0;height:100%;top:0;background-color:initial}.ag-root .ag-header-group-cell.border-right{border-right:1px solid var(--border-grid)!important}.ag-root .ag-header-group-cell.border-left{border-left:1px solid var(--border-grid)!important}.ag-root .ag-header-group-cell.border-left-none{border-left:none!important}.ag-root .ag-header-group-cell.border-right-none{border-right:none!important}.ag-root .only-group-header{border-top:1px solid var(--border-grid)!important}.ag-root .only-group-header:after{background-color:var(--border-grid)!important}.ag-root .ag-header-group-cell-label{justify-content:center;z-index:1}.ag-root .ag-header-expand-icon{display:none}.ag-root .ag-header-row .header{border:1px solid var(--border-grid)!important;border-left:0!important;border-top:0!important}.ag-root .ag-cell-data-changed-animation{transition-duration:0s!important}.ag-root .ag-horizontal-right-spacer{overflow:hidden}.ag-root .ag-react-container{width:100%;padding:0!important;height:100%;display:flex;align-items:center;justify-content:center}.ag-root .ag-checkbox-input-wrapper{box-shadow:none!important;background:transparent!important}.ag-root .ag-checkbox-input-wrapper:after{color:var(--text-color-5)!important}.ag-root .ag-checkbox-input-wrapper.ag-checked{background:#ff6a24!important;background:var(--primary-color)!important}.ag-root .ag-checkbox-input-wrapper.ag-checked:after{color:#fff!important;color:var(--text-color-white)!important}.ag-root .ag-checkbox-input{color:var(--icon-disabled)!important}.ag-root .ag-row{border-color:var(--border-grid)!important}.ag-root .ag-row .ag-cell{background:var(--bg-box);display:flex;align-items:center;justify-content:center;flex-direction:column}.ag-root .ag-row .ag-cell.summary-row{font-weight:700}.ag-root .ag-row .ag-cell.summary-row.label{color:#ff6a24;color:var(--primary-color)}.ag-root .ag-row .ag-cell:not(.align-right){padding-left:5px!important;padding-right:0!important}.ag-root .ag-row .ag-cell:not(.align-left){padding-right:5px!important;padding-left:0!important}.ag-root .ag-row .ag-cell.align-center{padding-left:5px!important;padding-right:5px!important}.ag-root .ag-row .ag-cell.border-right{border-right:1px solid var(--border-grid)!important}.ag-root .ag-row .ag-cell.border-left{border-left:1px solid var(--border-grid)!important}.ag-root .ag-row .ag-cell.border-left-none{border-left:none!important}.ag-root .ag-row .ag-cell.border-right-none{border-right:none!important}.ag-root .ag-row:hover .ag-cell{background:var(--separator)}.ag-root .ag-row.ag-row-selected .ag-cell{background:var(--bg-selected)!important}.ag-root .ag-row-odd .ag-cell{background:var(--bg-hover)}.ag-root .ag-cell-wrapper{justify-content:center}.ag-root .ag-selection-checkbox{margin-right:0!important}.ag-root .checkbox-header .ag-cell-label-container{display:none}.ag-root .ag-row-hover .ag-icon-cross{display:inline-block!important}.ag-root .ag-row-hover .ag-row-drag{opacity:1!important}.ag-root .ag-row-drag{position:absolute;right:2px;height:24px;width:24px;min-width:unset;z-index:1;opacity:0;color:var(--text-color-3)}.ag-root .ag-row-drag>.ag-icon-grip:before{content:"\f102"}.Toastify__toast-container{max-width:300px}.Toastify__toast{border-radius:8px;min-height:unset}.Toastify__toast,.Toastify__toast-body{padding:0!important}.Toastify__toast-container--bottom-right{bottom:4rem}.rc-tooltip .rc-tooltip-inner{background-color:var(--bg-box)}.rc-tooltip .rc-tooltip-arrow{border-top-color:var(--bg-box)!important}.login-screen{background:linear-gradient(0deg,rgba(13,16,20,.5),rgba(13,16,20,.5)),url(/static/media/login-bg.9b193c05.png);background-blend-mode:darken,hard-light}.login-screen .company-logo.vi{background-image:url(/static/media/logo_vn_darkmode.8dc68c1b.png)}.login-screen .company-logo.en{background-image:url(/static/media/logo_en_dardmode.1c557779.png)}.mobile-shell .logo,.preload .mini-logo{background-image:url(data:image/png;base64,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)}.app.light.vi .web-shell .menu .logo{background-image:url(/static/media/logo_vn_lightmode.fcfe88c0.png)}.app.light.en .web-shell .menu .logo{background-image:url(/static/media/logo_en_lightmode.510b907e.png)}.app.dark.en .web-shell .menu .logo{background-image:url(/static/media/logo_en_dardmode.1c557779.png)}.app.dark.vi .web-shell .menu .logo{background-image:url(/static/media/logo_vn_darkmode.8dc68c1b.png)}