@font-face{font-family:Inter;src:local("Inter"),url(https://p-stc.zdn.vn/media/Inter-Regular.f531a3ca57a72100071e.ttf) format("truetype")}@font-face{font-family:Inter;src:local("Inter"),url(https://p-stc.zdn.vn/media/Inter-Regular.d09e9c6a2ea8ad717eb2.eot) format("embedded-opentype")}@font-face{font-family:Inter;src:local("Inter"),url(https://p-stc.zdn.vn/media/Inter-Regular.14eb94309ed41d1cb84a.woff) format("woff")}@font-face{font-family:Inter;src:local("Inter"),url(https://p-stc.zdn.vn/media/Inter-Regular.ab945c53cca7263f39f9.woff2) format("woff2")}@font-face{font-family:Inter-SemiBold;src:local("Inter-SemiBold"),url(https://p-stc.zdn.vn/media/Inter-SemiBold.c59ec6f6fa374947c9cb.ttf) format("truetype")}@font-face{font-family:Inter-SemiBold;src:local("Inter-SemiBold"),url(https://p-stc.zdn.vn/media/Inter-SemiBold.81eea219c54a61f58191.eot) format("embedded-opentype")}@font-face{font-family:Inter-SemiBold;src:local("Inter-SemiBold"),url(https://p-stc.zdn.vn/media/Inter-SemiBold.32d2b120ef93cc3476b5.woff) format("woff")}@font-face{font-family:Inter-SemiBold;src:local("Inter-SemiBold"),url(https://p-stc.zdn.vn/media/Inter-SemiBold.3752195ecfc6873de6cf.woff2) format("woff2")}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#fff;min-height:100vh}body,input,p,span,textarea{color:#081c36;font-family:Inter;margin:0;padding:0}input,p,span,textarea{font-size:14px;font-style:normal;font-weight:400;line-height:21px;white-space:pre-line}.text--white{color:#fff}.text--secondary{color:#476285}.text--placeholder{color:#667c99}.text--error{color:#d91b1b}.text--primary{color:#0068ff;cursor:pointer}.text--promotion{color:#37b361}.text--disabled{color:#b6bec9;cursor:pointer}.text--strong{font-family:Inter-SemiBold}.text--center{text-align:center}.text--delete{text-decoration:line-through}.text--underline{text-decoration:underline}.text--uppercase{text-transform:uppercase}.text--cursor{cursor:pointer}.text--xs{font-size:12px;line-height:150%}.text--sm{font-size:13px;line-height:18px}.text--md{font-size:15px;line-height:22px}.text--lg{font-size:16px;line-height:24px}.text--xlg{font-size:18px;line-height:24px}.text--2xlg{font-size:20px;line-height:150%}.text--3xlg{font-size:24px;line-height:32px}.text--4xlg{font-size:28px;line-height:34px}.error-page{align-items:center;display:flex;flex-direction:column;margin:30px auto;max-width:520px;width:calc(100% - 24px)}@media (min-width:481px){.error-page{margin:40px auto}}.error-page__title{margin-bottom:8px;margin-top:16px}.error-page__cta{align-items:center;display:flex;flex-direction:column;margin-top:32px;width:100%}.error-page__cta .btn{margin-top:16px;width:100%}.error-page__cta .btn:first-child{margin-top:0}@media (min-width:481px){.error-page__cta .btn{width:300px}}.spin{animation:spin 2s linear infinite;border:4px solid #dbebff;border-radius:50%;border-top-color:#0068ff;height:24px;margin:0 auto;width:24px}.spin--small{border:2px solid #dbebff;border-radius:50%;border-top-color:#0068ff;height:20px;margin-top:0;width:20px}.spin--x-small{border:4px solid #dbebff;border-radius:50%;border-top-color:#0068ff;height:16px;margin-top:0;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{align-items:center;display:flex;justify-content:center}.footer__container{padding:16px;width:100%}@media (min-width:768px){.footer__container{max-width:860px}}@media (min-width:960px){.footer__container{padding:15px}}.footer__container__terms{grid-gap:8px;align-items:center;display:flex;flex-direction:column;padding:7px 0}@media (min-width:841px){.footer__container__terms{flex-direction:row}}.footer__container--terms-copyright{align-items:center;display:flex;justify-content:center}@media (min-width:841px){.footer__container--terms-copyright{justify-content:space-between}}.footer--terms-copyright{background-color:#003474}.dropdown{cursor:pointer;display:inline-block;height:-webkit-fit-content;height:fit-content;padding:8px 0;position:relative}.dropdown__content{background:#fff;border-radius:4px;box-shadow:0 2px 6px #0d0d0d24;display:none;margin-top:8px;padding:4px 0;position:absolute;right:0;width:208px;z-index:9}.dropdown__content--open{display:block}.dropdown__content__item{cursor:pointer;padding:12px 16px}.dropdown__content__item:hover{background:#f3f5f6}.dropdown__content__item:hover .text{color:#081c36}.dropdown__content__item--selected .text,.dropdown__content__item--selected:hover .text{color:#0068ff}.dropdown--block{width:100%}.dropdown--block .dropdown__content{margin-top:0;width:100%}.modal{align-items:center;background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99}.modal,.modal__content{display:flex;overscroll-behavior:contain}.modal__content{background-color:#fff;box-shadow:0 2px 8px #00000040;flex-direction:column;height:100%;width:100%}@media (orientation:landscape) and (max-height:450px){.modal__content{border-radius:4px;height:calc(100vh - 72px);width:480px}}@media (min-width:769px){.modal__content{border-radius:4px;height:auto;max-height:72vh;width:480px}}.modal__content__header{align-items:center;display:flex;justify-content:space-between;padding:12px 24px}@media (min-width:769px){.modal__content__header{border-bottom:1px solid #dfe2e7}}.modal__content__header--hidden-btm-header{border-bottom:none;padding-bottom:0}.modal__content__header__close-icon{cursor:pointer;padding:8px}.modal__content__header__close-icon:hover{align-items:center;background-color:#dfe2e7;border-radius:50%;display:flex;justify-content:center}.modal__content__body{flex:1 1;overflow:auto;padding:12px 24px 0}.modal__content__body::-webkit-scrollbar{display:none}.modal__content__body--shadow-scroll{background:linear-gradient(#fff 30%,#fff0),linear-gradient(#fff0,#fff 70%) 0 100%,radial-gradient(50% 0,farthest-side,#0003,#0000),radial-gradient(50% 100%,farthest-side,#0003,#0000) 0 100%;background:linear-gradient(#fff 30%,#fff0),linear-gradient(#fff0,#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,#0003,#0000),radial-gradient(farthest-side at 50% 100%,#0003,#0000) 0 100%;background-attachment:local,local,scroll,scroll;background-color:#fff;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px}.modal__content__body--none-footer{margin-bottom:2px;padding:24px}.modal__content__footer{grid-gap:12px;align-items:center;display:flex;justify-content:flex-end;padding:24px}@media (orientation:landscape) and (max-height:450px){.modal__content__footer{padding:16px 24px}}.modal__content__footer--center{justify-content:center}.modal__content--auto-height{border-radius:8px;height:auto}.modal__content--auto-height .modal__content__header{border-bottom:1px solid #dfe2e7}.btn{align-items:center;background-color:#dfe2e7;border:none;border-radius:4px;color:#081c36;cursor:pointer;display:flex;font-family:Inter-SemiBold;font-size:16px;height:48px;justify-content:center;line-height:24px;outline:none;padding:14px 24px;white-space:nowrap}.btn--block{width:100%}.btn--primary{background-color:#0068ff;color:#fff}.btn--ghost{background-color:initial;border:1px solid #0000}.btn--ghost-primary{background-color:initial;border:1px solid #0068ff;color:#0068ff}.btn--ghost-danger{background-color:initial;border:1px solid #0000;color:#d91b1b}.btn--ghost-secondary{background-color:initial;border:1px solid #d8dbdf;color:#081c36}.btn--danger{background-color:#fbdfdf;color:#d91b1b}.btn--blue{background:#dbebff;color:#0045ad}.btn--disabled{opacity:.3;pointer-events:none}.btn--medium{border-radius:3px;height:40px;padding:8px 16px}.btn--middle{height:36px;padding:7px 16px}.btn--small{height:32px;padding:10.5px 16px}.image{border-radius:4px;object-fit:contain}.code-card-mobile{border:1px solid #dfe2e7;border-radius:8px;margin-top:6px;padding:12px;width:calc(100% - 24px)}.code-card-mobile:first-child{margin-top:0}.code-card-mobile__top{display:flex;justify-content:space-between}.code-card-mobile__top__name{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.code-card-mobile__top__right,.code-card-mobile__top__right__expired{align-items:center;display:flex}.code-card-mobile__top__right__expired__hsd{margin-right:3px;opacity:.6}.code-card-mobile__top__right__info{align-items:center;display:flex;position:relative}.code-card-mobile__top__right__info:hover{cursor:pointer}.code-card-mobile__top__right__info:hover .code-card-mobile__top__right__info__tooltip{cursor:default;opacity:1;z-index:1}.code-card-mobile__top__right__info__tooltip{background:#233549;border-radius:8px;display:flex;flex-direction:column;max-width:224px;opacity:0;padding:8px 12px;position:absolute;right:0;top:0;transform:translate(12px,-104%);transition:.5s;z-index:-1}.code-card-mobile__top__right__info__tooltip .text{white-space:nowrap}.code-card-mobile__bottom{margin-top:12px}.code-card-mobile__bottom,.code-card-mobile__bottom__code{align-items:center;display:flex;justify-content:space-between}.code-card-mobile__bottom__code{background:#dfe2e7;border-radius:4px;max-width:248px;min-width:186px;position:relative}.code-card-mobile__bottom__code__text{cursor:pointer;padding:6px 8px}.code-card-mobile__bottom__code__tooltip{background:#233549;border-radius:6px;left:0;opacity:0;padding:5px 16px;position:absolute;top:0;transform:translate(50%,calc(-50% + 2px));z-index:-1}.code-card-mobile__bottom__code__tooltip--copied{animation-duration:1s;animation-fill-mode:backwards;animation-name:show-tooltip;z-index:1}.code-card-mobile__bottom__status{text-wrap:nowrap;color:#081c36;text-align:right}.code-card-mobile--activated .code-card-mobile__top__name,.code-card-mobile--activated .code-card-mobile__top__right__expired{opacity:.3}.code-card-mobile--activated .code-card-mobile__bottom__code{opacity:.3;pointer-events:none}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}.code-card-desktop{width:100%}.code-card-desktop__row{align-items:center;border:1px solid #dfe2e7;border-radius:8px;display:flex;justify-content:space-between;margin-top:6px;padding:12px}.code-card-desktop__row:first-child{padding:0 12px}.code-card-desktop__row:nth-child(2){margin-top:0}.code-card-desktop__row--title{border:1px solid #0000}.code-card-desktop__row__code{align-items:center;background:#dfe2e7;border-radius:4px;display:flex;height:36px;justify-content:space-between;margin-right:8px;padding:6px 8px;position:relative;width:180px}.code-card-desktop__row__code--none{background:none}.code-card-desktop__row__code__tooltip{background:#233549;border-radius:6px;left:0;opacity:0;padding:5px 16px;position:absolute;top:0;transform:translate(50%,calc(-50% + 2px));transition:.5s}.code-card-desktop__row__code__tooltip--copied{opacity:1}.code-card-desktop__row__code__text{cursor:pointer}.code-card-desktop__row__service{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:224px;word-break:break-word}.code-card-desktop__row__date,.code-card-desktop__row__status{align-items:center;display:flex;width:90px}.code-card-desktop__row__status{justify-content:end;text-align:right}.code-card-desktop__row--activated .code-card-desktop__row__code{opacity:.3;pointer-events:none}.code-card-desktop__row--activated .code-card-desktop__row__date,.code-card-desktop__row--activated .code-card-desktop__row__service{opacity:.3}.code-card-desktop__row--activated .code-card-desktop__row__status{opacity:1;position:relative}.code-card-desktop__row--activated .code-card-desktop__row__status__tooltip{background:#233549;border-radius:8px;max-width:254px;opacity:0;padding:8px 12px;position:absolute;right:0;text-align:center;top:0;transform:translate(5%,-104%);transition:.5s;z-index:-1}.code-card-desktop__row--activated .code-card-desktop__row__status__tooltip .text{white-space:nowrap}.code-card-desktop__row--activated .code-card-desktop__row__status--activated:hover{cursor:pointer}.code-card-desktop__row--activated .code-card-desktop__row__status--activated:hover .code-card-desktop__row__status__tooltip{cursor:default;opacity:1;z-index:1}.filter-dropdown .dropdown{padding:0}.filter-dropdown .dropdown .dropdown__content{margin-top:0;width:100%}.filter-dropdown__content{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px 0 0 4px;border-right:none;display:flex;justify-content:space-between;padding:5px 12px;width:132px}.filter-dropdown__content--block,.filter-dropdown__content--init{border-radius:4px;border-right:1px solid #ddd}.filter-dropdown__content--block{width:calc(100% - 24px)}.export-btn{display:inline;pointer-events:auto}.export-btn--disabled{opacity:.3;pointer-events:none}.filter-modal__body{display:flex;flex-direction:column}.filter-modal__body__dropdown{margin-bottom:24px;margin-top:8px}.filter-modal__body__tooltip{align-items:flex-start;display:flex;margin-bottom:16px}.filter-modal__body__tooltip .image{padding-top:2px}.filter-modal__body__tooltip__content{display:flex;flex-direction:column;margin-left:6px}.filter-codes{align-items:center;display:flex;justify-content:end;margin-bottom:8px;margin-top:24px}@media (min-width:991px){.filter-codes{margin-bottom:12px}}.filter-codes__export-btn{border-bottom-left-radius:0;border-top-left-radius:0;color:#0068ff}.filter-codes__tooltip{margin-left:16px}.filter-codes__tooltip__content{display:flex;flex-direction:column}.filter-codes__tooltip__content .text{text-wrap:nowrap}.filter-codes__tooltip .tooltip__content{top:0;transform:translate(-96%,32px)}.tooltip{cursor:pointer;display:inline-flex;position:relative}.tooltip__content{align-items:center;background:#233549;border-radius:16px;display:none;justify-content:center;left:50%;min-width:164px;padding:12px 16px;position:absolute;top:50%;transform:translate(-50%,-108%);z-index:9}@media (min-width:1036px){.tooltip__content{transform:translate(-50%,14%)}}.tooltip:hover .tooltip__content{cursor:none;display:flex}.tooltip:hover .tooltip__content .text{font-size:14px;line-height:171.429%}.manage-code--table{max-width:800px}.manage-code__wrapper{display:flex;justify-content:space-between}.manage-code__wrapper__title-desc__description{margin-top:8px}.manage-code__cards{align-items:center;display:flex;flex-direction:column}@media (min-width:991px){.manage-code__cards{margin-top:4px}}.manage-code__cards__empty-img{margin-bottom:16px;margin-top:56px}.manage-code__load-more{display:flex;justify-content:center;padding:24px}.label{background:#dbebff;border-radius:3px;color:#0068ff;padding:2px 10px}.label--success{background-color:#e8f7ed;color:#37b361}.label--processing{background-color:#fff7db;color:#e0ac00}.label--fail,.label--unknown{background-color:#fbdfdf;color:#d91b1b}.label--expired{background-color:#fdeeaf;border-radius:6px;color:#705a00}.label--promotion{background-color:initial;background-image:url(https://res-zalo.zadn.vn/upload/media/2024/5/20/promotion_tag_1716191875600_349388.svg);background-repeat:no-repeat;background-size:contain;border-radius:none;height:18px;justify-content:center;padding:0 8px 0 0;width:40px}.field-select,.label--promotion{align-items:center;display:inline-flex}.field-select{position:relative}.field-select__input{cursor:pointer;height:24px;opacity:0;width:24px}.field-select__input__icon{height:24px;pointer-events:none;position:absolute;width:24px}.field-select__label{cursor:pointer;margin-left:12px}.field__textarea{background:#fff;border:1px solid #b9bdc1;border-radius:4px;padding:8px 12px;resize:vertical}.field__textarea--error{border:1px solid #dc1f18;box-shadow:0 0 2px 0 #dc1f1840}.field__textarea:focus{outline:none}.field__textarea::placeholder{color:#b9bdc1}.field__errors-limit{align-items:center;display:flex;justify-content:space-between;margin-top:4px}@media (min-width:769px){.cancel-extend{padding:0 8px}}.cancel-extend__reasons{border-top:1px solid #dfe2e7;margin-top:32px;padding-bottom:24px;padding-top:32px}.cancel-extend__reasons__form{margin-top:12px}.cancel-extend__reasons__form__item{padding:6px 0}.cancel-extend__reasons__form__textarea{display:flex;flex-direction:column;margin-left:36px;margin-top:6px}.cancel-extend-modal .modal__content{max-width:640px;width:100%}.cancel-extend-modal .modal__content__header{border-bottom:initial;padding-bottom:0;padding-right:8px}@media (min-width:641px){.cancel-extend-modal .modal__content__header{padding:24px 16px 0 32px}}.cancel-extend-modal .modal__content__body{max-height:calc(100vh - 52px)}.auto-extend{cursor:pointer}.history-transactions__title{margin-bottom:16px}.history-transactions__item{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.history-transactions__item__column{flex:1 1;width:0}.history-transactions__item__column--right{text-align:right}.history-transactions__footer{border-top:1px solid #d8dbdf;display:flex;justify-content:center;margin-top:16px;padding-top:16px}.manage-service-detail{max-width:800px}.manage-service-detail__title{grid-gap:8px;align-items:center;display:flex;margin-bottom:24px}.manage-service-detail__card{border:1px solid #d8dbdf;border-radius:8px;margin-bottom:16px;padding:12px}@media (min-width:768px){.manage-service-detail__card{padding:24px 32px}}.manage-service-detail__card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}@media (min-width:768px){.manage-service-detail__card__body__info{align-items:center;display:inline-flex}}.manage-service-detail__card__body__info__time{align-items:center;display:flex;margin-bottom:12px;margin-right:24px}@media (min-width:768px){.manage-service-detail__card__body__info__time{margin-bottom:0}}.manage-service-detail__card__body__info__time img{margin-right:12px}.manage-service-detail__card__body__warning{grid-gap:12px;align-items:center;background-color:#fff7db;border-radius:4px;display:flex;margin-top:16px;padding:12px 16px}.manage-service-detail__card__body__payment-method__card{padding-top:16px}.manage-service-detail__card__body__payment-method__card__number{margin-right:24px}.manage-service-detail__card__footer{border-top:1px solid #d8dbdf;display:flex;justify-content:center;margin-top:16px;padding-top:16px}.manage-service__empty{grid-gap:24px;align-items:center;display:flex;flex-direction:column;margin-top:16px}@media (min-width:768px){.manage-service__empty{margin-top:80px}}.manage-service__description{margin-top:8px}.manage-service__status{padding-bottom:16px;padding-top:16px}.manage-service__list{max-width:800px}.manage-service__list__item{border:1px solid #d8dbdf;border-radius:8px;display:flex;flex-direction:column;margin-bottom:16px;padding:12px}@media (min-width:768px){.manage-service__list__item{padding:20px 32px}}.manage-service__list__item__info{display:flex;flex:1 1;flex-direction:column}@media (min-width:768px){.manage-service__list__item__info{align-items:center;flex-direction:row}}.manage-service__list__item__info__column{align-items:center;display:flex}@media (min-width:768px){.manage-service__list__item__info__column{flex:1 1;width:0}}.manage-service__list__item__info__column--renew-price{align-items:start;display:flex;flex-direction:column;margin-top:12px}.manage-service__list__item__info__column--renew-price__time{margin-bottom:12px}@media (min-width:768px){.manage-service__list__item__info__column--renew-price__time{margin-bottom:4px}.manage-service__list__item__info__column--renew-price{margin:initial}}.manage-service__list__item__info__column--action{border-top:1px solid #dfe2e7;justify-content:center;margin-top:16px;padding-top:16px}@media (min-width:768px){.manage-service__list__item__info__column--action{border-top:initial;flex:initial;justify-content:flex-end;margin-top:0;padding-top:0;width:auto}}.manage-service__list__item__info__column--product__avatar{border-radius:4px;height:40px;margin-right:16px;object-fit:contain;width:40px}.manage-service__list__item__info__column--product__name-month{display:flex;flex:1 1;flex-direction:column}.manage-service__list__item__info__column--product__name-month__name{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.manage-service__list__item__warning{grid-gap:16px;align-items:center;background-color:#fff7db;border-radius:4px;display:flex;margin-top:24px;padding:12px 16px}.payment-history-detail__body{align-items:center;display:flex;flex-direction:column;padding:8px 0}.payment-history-detail__body__avatar{margin-bottom:12px}.payment-history-detail__body__item{display:flex;justify-content:space-between;padding-top:16px;width:100%}.payment-history-detail__body__item--divider{border-top:1px dashed #dfe2e7;margin-top:24px;padding-bottom:0;padding-top:24px}.payment-history-detail__body__item:last-child{padding-bottom:16px}.payment-history-detail__body__item--center{align-items:center}.field__input{background:#fff;border:1px solid #b9bdc1;border-radius:4px;padding:8px 12px}.field__input--error{border:1px solid #dc1f18;box-shadow:0 0 2px 0 #dc1f1840;margin-bottom:4px}.field__input:focus{outline:none}.field__input::placeholder{color:#b9bdc1}.field__input:disabled{background:#eeeff2;border:1px solid #eeeff2;border-radius:4px;color:#97a4b5}.receipt-modal--create{grid-gap:8px;align-items:center;display:flex;flex-direction:column}.receipt-modal--create>img{margin-bottom:24px}.receipt-modal__form{grid-gap:16px;display:flex;flex-direction:column}.receipt-modal__form__claim{grid-gap:8px;background:#e5efff;border-radius:4px;display:flex;padding:10px 16px}.receipt-modal__form__claim--success{align-items:center;background:#e7f5ef;padding:9px 16px}.receipt-modal__form__group{grid-gap:4px;display:flex;flex:1 1;flex-direction:column}.receipt-modal__form__group--horizontal{align-items:center;display:flex;flex-direction:row}.receipt-modal__form__group--receipt{grid-gap:24px}.receipt-modal__form__group--email-phone{grid-gap:16px;width:100%}.field-dropdown{display:flex;flex-direction:column}.field-dropdown__select{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-top:4px;padding:6px 12px;width:calc(100% - 24px)}.field-dropdown__select--error{border:1px solid #dc1f18;box-shadow:0 0 2px 0 #dc1f1840}.confirm-receipt__modal__claim{background:#fba8211a;border-radius:4px;display:flex;padding:6px 8px}.confirm-receipt__modal__claim img{margin-right:8px}.confirm-receipt__modal__info{display:flex;justify-content:space-between;margin-top:24px}.confirm-receipt__modal__info__left{width:40%}.confirm-receipt__modal__info__right{overflow-wrap:break-word;padding-left:8px;text-align:right;width:60%}.receipt__breadcrumb{grid-gap:8px;align-items:center;display:flex}.receipt__form{grid-gap:16px;display:flex;flex-direction:column;margin-top:32px;max-width:500px}.receipt__form__group{grid-gap:4px;display:flex;flex:1 1;flex-direction:column}.receipt__form__group--receipt{grid-gap:24px}.receipt__form__group__email-phone{display:flex;flex:1 1;flex-direction:column}.receipt__form__claim{grid-gap:8px;background:#fba8211a;border-radius:4px;display:flex;padding:10px}.receipt__form__buttons{grid-gap:16px;align-items:center;display:flex;justify-content:flex-end}.payment-history{position:relative}.payment-history__empty{grid-gap:16px;align-items:center;display:flex;flex-direction:column;margin-top:48px}@media (min-width:768px){.payment-history__empty{margin-top:80px}}.payment-history__list{margin-top:16px}@media (min-width:768px){.payment-history__list{margin-top:40px}}.payment-history__list__row{align-items:center;border-top:1px solid #dfe2e7;display:flex;margin-top:0}.payment-history__list__row:hover{background-color:#f3f5f6}.payment-history__list__row:first-child{background-color:initial;border-top:1px solid #0000;display:flex}.payment-history__list__row__column{align-items:center;display:flex;flex:1 1;padding:24px;width:0}.payment-history__list__row__column--is-two{flex:2 1}.payment-history__list__row__column--right{justify-content:flex-end}.payment-history__list__row__column__amount{margin-right:25%}.payment-history__list__row__column__action{border-right:1px solid #dfe2e7;padding-left:12px;padding-right:12px}.payment-history__list__row__column__action--code{cursor:default;opacity:.5}.payment-history__list__row__column__action:last-of-type{border:none;padding-right:0}.payment-history__list__row__column__product{align-items:center;display:flex;justify-content:center}.payment-history__list__row__column__product__name-month{display:flex;flex:1 1;flex-direction:column;margin-left:16px;margin-right:8px}.payment-history__list__row__column__product__name-month .name{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.payment-history__list__column{grid-gap:10px;border:1px solid #b1b5b9;border-radius:8px;display:flex;flex-direction:column;margin-top:16px;padding:12px}.payment-history__list__column__top{align-items:center;display:flex;justify-content:space-between}.payment-history__list__column__top__right{grid-gap:8px;align-items:center;display:flex}.payment-history__list__column__top__right__code{cursor:default;opacity:.5}.payment-history__list__column__bottom{align-items:flex-end;display:flex;justify-content:space-between}.payment-history__list__column__bottom__product{grid-gap:12px;align-items:center;display:flex}.payment-history__list__column__bottom__product__name-month{display:flex;flex:1 1;flex-direction:column;margin-right:8px}.payment-history__list__column__bottom__product__name-month .name{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.payment-history__loading-detail-receipt{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99}.cancel-card__text{display:flex;justify-content:center;width:100%}.cancel-card__info-card{grid-gap:16px;align-items:center;display:flex}.payment-method__container{max-width:800px}.payment-method__container--empty{grid-gap:16px;align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:80px;max-width:none}.payment-method__container__info{border:1px solid #d8dbdf;border-radius:8px;display:flex;flex-direction:column;margin-top:16px;padding:12px}@media (min-width:768px){.payment-method__container__info{align-items:center;flex-direction:row;height:78px;justify-content:space-between;margin-top:24px;padding:0 24px 0 32px}}.payment-method__container__info__card{grid-gap:10px;align-items:center;border-bottom:1px solid #d8dbdf;display:flex;margin-bottom:16px;padding-bottom:16px}@media (min-width:768px){.payment-method__container__info__card{grid-gap:16px}}.payment-method__container__info__card>img{align-items:center;display:flex;justify-content:center;width:84px}.payment-method__container__info__card__name-time{grid-gap:4px;display:flex;flex:1 1;flex-direction:column}@media (min-width:768px){.payment-method__container__info__card{align-items:center;border-bottom:initial;display:flex;margin-bottom:0;padding-bottom:0}}.payment-method__container__privacy{align-items:start;display:flex;margin-top:16px}@media (min-width:768px){.payment-method__container__privacy{align-items:center;margin-top:24px}}.header{align-items:center;background-color:#fff;border-bottom:1px solid #dfe2e7;display:flex;height:61px;justify-content:space-between;padding:0 12px}.header__left{grid-gap:12px;display:flex}.header__left>img{cursor:pointer}.header__right{align-items:center;display:flex}.header__right__activate-code-btn{margin-right:32px}.header__right__profile{align-items:center;display:inline-flex}.header__right__profile__avatar{border-radius:50%}.header__right__profile__name{display:none}.header__right__profile__down-arrow{margin-left:6px}@media (min-width:769px){.header{height:71px;padding:0 40px}.header__right__profile__name{display:inline-flex;margin-left:12px}}.toast{align-items:center;display:flex;height:40px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.toast--success{background-color:#e7f5ef}.toast--fail{background-color:#fbdfdf}.toast--fail .text{color:#d91b1b}.toast--info{background-color:#e5efff}.toast--info .text{color:#081c36}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__container{flex:1 1}.layout__container__loading{margin-top:48px}.count-down-lib--qr-pay,.count-down-lib__hh-mm{align-items:center;display:flex}.count-down-lib__hh-mm{background:#fff;border-radius:6px;height:32px;justify-content:center;width:32px}.count-down-lib__colon{margin:0 6px}.result-payment{align-items:center;display:flex;flex-direction:column;margin:30px auto;max-width:520px;width:calc(100% - 24px)}@media (min-width:481px){.result-payment{margin:40px auto}}.result-payment__title{margin-top:12px;text-align:center}@media (min-width:480px){.result-payment__title{margin-top:16px}}.result-payment__description{margin-top:8px;text-align:center}.result-payment__card{border:1px solid #d8dbdf;border-radius:8px;margin-top:16px;padding:0 16px 32px;position:relative;width:calc(100% - 32px)}@media (min-width:480px){.result-payment__card{margin-top:32px;padding:0 24px 24px;width:calc(100% - 48px)}}.result-payment__card:before{left:-19.0155px;width:18.11px}.result-payment__card:after,.result-payment__card:before{background-color:#fff;content:"";height:21.11px;position:absolute;top:61.8px;z-index:9}.result-payment__card:after{left:100.3%;width:10.555px}.result-payment__card__item{display:flex;justify-content:space-between;margin-top:16px}.result-payment__card__item:first-of-type{align-items:center;border-bottom:1px dashed #dfe2e7;margin-bottom:24px;margin-top:24px;padding-bottom:24px;position:relative}.result-payment__card__item:first-of-type:before{background-color:#fff;border:1px solid #dfe2e7;border-radius:50%;bottom:-22%;content:"";height:18.11px;left:-27.165px;position:absolute;width:18.11px;z-index:1}@media (min-width:480px){.result-payment__card__item:first-of-type:before{left:-34.409px}}.result-payment__card__item:first-of-type:after{background-color:#fff;border:1px solid #dfe2e7;border-radius:50%;bottom:-22%;content:"";height:18.11px;position:absolute;right:-27.165px;width:18.11px;z-index:1}@media (min-width:480px){.result-payment__card__item:first-of-type:after{right:-34.409px}}.result-payment__card__item:nth-child(2){margin-top:0}.result-payment__card__item--center-align{justify-content:center}.result-payment__card__item__right{grid-gap:4px;align-items:end;display:flex;flex:1 1;flex-direction:column;padding-left:12px;text-align:right}.result-payment__export-receipt{grid-gap:4px;display:flex;flex-direction:column;margin-top:16px}.result-payment__buttons{grid-gap:12px;align-items:center;display:flex;flex-direction:column;margin-bottom:12px;margin-top:32px;width:100%}@media (min-width:480px){.result-payment__buttons{margin-bottom:16px;width:300px}}.result-payment--success{max-width:400px}.result-payment--success .result-payment__buttons{margin-top:16px}@media (min-width:480px){.result-payment--success .result-payment__buttons{width:100%}}.radio-checkbox{height:24px;opacity:1;width:24px}.radio-checkbox--show{display:block}.radio-checkbox--hidden{display:none}.radio-checkbox__uncheck--show{display:block}.radio-checkbox__uncheck--hidden{display:none}.radio-checkbox--disabled{opacity:.5}.method-option{grid-gap:8px;align-items:center;background:#fff;border:1px solid #d8dbdf;border-radius:4px;cursor:pointer;display:flex;height:68px;justify-content:space-between;margin-top:16px;padding:0 24px;position:relative;z-index:1}.method-option--activated{background-color:#f0f7ff;border:1px solid #0068ff}.method-option--disabled{background:#f3f5f680;cursor:none;pointer-events:none}.method-option__left{grid-gap:12px;align-items:center;display:flex}.method-option__left__radio{height:24px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:24px}@media (min-width:480px){.method-option__left__radio{left:auto;position:relative;top:auto;transform:none}}.method-option__right{grid-gap:2px;align-items:center;display:flex;margin-top:4px}@media (min-width:480px){.method-option__right{margin-top:0}}.otp-input{grid-gap:12px;align-items:center;display:flex}.otp-input__input{border:1px solid #b9bdc1;border-radius:8px;color:#006af5;font-size:28px;height:48px;text-align:center;width:40px}.otp-input__input:focus{border:1px solid #006af5;color:#006af5;outline:1px solid #006af5}.banner{align-items:center;background-color:#f0f7ff;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-top:16px;padding:20px 24px 22px}.banner__left{display:flex;flex-direction:column}.banner__left__click-link{align-items:center;display:flex;margin-top:6px}.banner__left__click-link .text{font-weight:700;margin-right:8px}.qr-guide{align-items:center;display:flex;justify-content:center}.qr-guide__body-modal{align-items:center;display:flex;flex-direction:column;padding:12px 0 24px}.qr-guide__body-modal__description{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:48px}.qr-guide__body-modal__swipes{padding:16px 0;width:100%}.qr-guide__body-modal__claim{align-items:center;background:#fef7ea;border-radius:6px;display:flex;min-height:20px;padding:6px 8px}.qr-guide__body-modal__claim--empty{visibility:hidden}.carousel__slide{align-items:center;display:flex;justify-content:space-between}.carousel__slide__guide-img{display:none}.carousel__slide__guide-img--active{display:block}.carousel__slide__prev-next{background:#fff;border:1px solid #f0f0f0;border-radius:70px;padding:12px}.carousel__slide__prev-next--disabled{opacity:.3;pointer-events:none}.carousel__pagination{align-items:center;display:flex;justify-content:center;margin-top:16px}.carousel__pagination__bullet{background-color:#0068ff4d;border-radius:100%;cursor:pointer;height:9px;margin-left:12px;width:9px}.carousel__pagination__bullet:first-of-type{margin-left:0}.carousel__pagination__bullet--active{background-color:#0068ff}[data-rsbs-overlay]{background:#fff;background:var(--rsbs-bg,#fff);border-top-left-radius:16px;border-top-left-radius:var(--rsbs-overlay-rounded,16px);border-top-right-radius:16px;border-top-right-radius:var(--rsbs-overlay-rounded,16px);display:flex;flex-direction:column;height:0;height:var(--rsbs-overlay-h,0);transform:translateZ(0);transform:translate3d(0,var(--rsbs-overlay-translate-y,0),0);will-change:height}[data-rsbs-overlay]:focus{outline:none}[data-rsbs-is-blocking=false] [data-rsbs-overlay]{box-shadow:0 -5px 60px 0 #2659731c,0 -1px 0 #2659730d}[data-rsbs-overlay],[data-rsbs-root]:after{margin-left:env(safe-area-inset-left);margin-left:var(--rsbs-ml,env(safe-area-inset-left));margin-right:env(safe-area-inset-right);margin-right:var(--rsbs-mr,env(safe-area-inset-right));max-width:auto;max-width:var(--rsbs-max-w,auto)}[data-rsbs-backdrop],[data-rsbs-overlay],[data-rsbs-root]:after{-ms-scroll-chaining:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;left:0;overscroll-behavior:none;position:fixed;right:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}[data-rsbs-backdrop]{background-color:#0009;background-color:var(--rsbs-backdrop-bg,#0009);bottom:-60px;cursor:pointer;opacity:1;top:-60px;will-change:opacity}[data-rsbs-is-dismissable=false] [data-rsbs-backdrop]{cursor:ns-resize}[data-rsbs-root]:after{background:#fff;background:var(--rsbs-bg,#fff);content:"";height:1px;pointer-events:none;transform:scaleY(0);transform:scaleY(var(--rsbs-antigap-scale-y,0));transform-origin:bottom;will-change:transform}[data-rsbs-footer],[data-rsbs-header]{cursor:ns-resize;flex-shrink:0;padding:16px}[data-rsbs-header]{box-shadow:0 1px 0 rgba(46,59,66,.125);box-shadow:0 1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity,1)*.125));padding-bottom:8px;padding-top:calc(20px + env(safe-area-inset-top));text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}[data-rsbs-header]:before{background-color:#00000024;background-color:var(--rsbs-handle-bg,#00000024);border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:calc(8px + env(safe-area-inset-top));transform:translateX(-50%);width:36px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){[data-rsbs-header]:before{transform:translateX(-50%) scaleY(.75)}}[data-rsbs-has-header=false] [data-rsbs-header]{box-shadow:none;padding-top:calc(12px + env(safe-area-inset-top))}[data-rsbs-scroll]{-webkit-tap-highlight-color:revert;-webkit-touch-callout:revert;-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;flex-grow:1;flex-shrink:1;overflow:auto;overscroll-behavior:contain;-webkit-user-select:auto;-ms-user-select:auto;-moz-user-select:auto;user-select:auto}[data-rsbs-scroll]:focus{outline:none}[data-rsbs-has-footer=false] [data-rsbs-content]{padding-bottom:env(safe-area-inset-bottom)}[data-rsbs-content]{overflow:hidden}[data-rsbs-footer]{box-shadow:0 -1px 0 rgba(46,59,66,.125),0 2px 0 #fff;box-shadow:0 -1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity,1)*.125)),0 2px 0 var(--rsbs-bg,#fff);overflow:hidden;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:1}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=true] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=true] [data-rsbs-header]>*,[data-rsbs-is-dismissable=true] [data-rsbs-scroll]>*{opacity:1;opacity:var(--rsbs-content-opacity,1)}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-backdrop],[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-backdrop],[data-rsbs-is-dismissable=true] [data-rsbs-backdrop]{opacity:1;opacity:var(--rsbs-backdrop-opacity,1)}[data-rsbs-state=closed],[data-rsbs-state=closing]{pointer-events:none}.qr-v2{flex-direction:column}.qr-v2,.qr-v2__scan{align-items:center;display:flex}.qr-v2__scan{background-image:url(https://res-zalo.zadn.vn/upload/media/2024/7/3/border_qr_1720000661245_203529.svg);background-repeat:no-repeat;justify-content:center;margin:9.5px 0;padding:10px}.qr-v2__scan .image{border-radius:6.054px;display:block;height:160px;margin-left:auto;margin-right:auto;max-height:100%;max-width:100%;width:160px}.qr-v2__claim{margin-top:16px;text-align:center}@media (max-width:360px){.qr-v2__claim .text{white-space:normal}}.qr-v2__save-qr{max-width:260px;width:100%}.qr-guide-v2{align-items:center;display:flex;justify-content:center}.qr-guide-v2__body-modal,.qr-guide-v2__body-modal__description{align-items:center;display:flex;flex-direction:column}.qr-guide-v2__body-modal__description{justify-content:center;min-height:48px}.qr-guide-v2__body-modal__swipes{padding:16px 0;width:100%}.qr-guide-v2__body-modal__claim{align-items:center;background:#fef7ea;border-radius:6px;display:flex;min-height:20px;padding:6px 8px}.qr-guide-v2__body-modal__claim--empty{visibility:hidden}.use-qr-code{background-color:#f3f5f6;border-radius:4px;padding:0 16px}.use-qr-code__title{align-items:center;border-bottom:1px solid #11356526;display:flex;justify-content:space-between;padding:16px 0}.use-qr-code__title__switch{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px 8px 4px 4px}.use-qr-code__title__switch .text{color:#476285;margin-left:2px}.use-qr-code__title__switch--activated{background-color:#0068ff}.use-qr-code__title__switch--activated .text{color:#fff}.use-qr-code__body{padding:16px 0}.use-qr-code__body__content{display:none}.use-qr-code__body__content--activated{display:block}.bank-apps{background-color:#f3f5f6;border-radius:4px;margin-bottom:6px;padding:16px 16px 0;position:relative}.bank-apps__title{align-items:center;display:inline-flex;margin-bottom:12px}.bank-apps__title__tooltip{align-items:center;display:inline-flex;margin-left:4px}.bank-apps__title__tooltip__content{background-color:#081c36;border-radius:6px;bottom:0;color:#fff;left:0;opacity:0;padding:8px 12px;position:absolute;text-align:center;transform:translateY(-50%);transition:opacity .5s ease-out;visibility:hidden;z-index:0}.bank-apps__title__tooltip:hover>.bank-apps__title__tooltip__content{opacity:1;visibility:visible;z-index:1}.bank-apps__apps{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:scroll;padding-bottom:16px;scrollbar-width:none;white-space:nowrap}.bank-apps__apps::-webkit-scrollbar{display:none}.bank-apps__apps__app{align-items:center;background:#fff;border:1px solid #e5ecf5;border-radius:4px;display:inline-flex;height:48px;margin-left:8px;padding:0 14px 0 10px}.bank-apps__apps__app--loading{opacity:.3}.bank-apps__apps__app:first-child{margin-left:0}.bank-apps__apps__app__icon{margin-right:6px}.qr-bottom-sheet__header{align-items:center;display:flex;justify-content:space-between;padding-bottom:4px}.qr-bottom-sheet__header__icon{background-color:#0000000d;border-radius:36px;padding:6px}.qr-bottom-sheet__body{padding:4px 16px 16px}[data-rsbs-header][data-rsbs-header]{box-shadow:none}[data-rsbs-overlay][data-rsbs-overlay]{-webkit-touch-callout:default;z-index:99}[data-rsbs-root]:after{-webkit-touch-callout:default}.qr{display:grid;transition:grid-template-rows .3s ease}.qr--open{grid-template-rows:1fr}.qr--close{grid-template-rows:0fr}.qr__container{overflow:hidden}.qr__container__content{align-items:center;background:#f0f7ff;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:8px;padding:48px 24px 24px;position:relative}@media (min-width:1036px){.qr__container__content{margin-top:12px;padding-bottom:30px;padding-top:20px}}.qr__container__content__code{align-items:center;background-image:url(https://res-zalo.zadn.vn/upload/media/2024/3/20/border_qr_1710901724982_82382.svg);background-repeat:no-repeat;display:flex;justify-content:center;margin-bottom:16px;margin-top:16px;padding:14.5px}.qr__container__content__code .image{border-radius:6.054px;display:block;height:196px;margin-left:auto;margin-right:auto;max-height:100%;max-width:100%;width:196px}.qr__container__content__label{align-items:center;background-color:#fef7ea;display:flex;margin-top:12px;padding:6px 8px}.qr__container__content__label--is-mobile{width:calc(100% - 16px)}.qr__container__content__guide{background:#dbebff;border-radius:0 4px 0 18px;padding:6px 12px;position:absolute;right:0;top:0}.upgrade{overflow-x:hidden;padding-bottom:24px;padding-top:24px}.upgrade__supplier{background-color:#f3f5f6;border-radius:4px;margin-bottom:16px;padding:16px 24px}.upgrade__supplier__info{grid-gap:16px;align-items:center;display:flex;margin-top:36px}.upgrade__supplier__info__avatar{border:1px solid #dfe2e7;border-radius:50%}.upgrade__method-payment{background-color:#fff;border-radius:8px;padding:0 12px}.upgrade__method-payment__claim{grid-gap:8px;display:flex;margin-top:16px}.upgrade__right{padding:32px 12px 0}.upgrade__right__supplier{align-items:center;background-color:#f3f5f6;border-radius:4px;display:flex;justify-content:space-between;margin-top:16px;padding:16px}.upgrade__right__supplier__info{align-items:center;display:flex;justify-content:flex-end;padding-left:20px;text-align:right;width:calc(100% - 172px)}.upgrade__right__supplier__info__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;padding-right:12px;text-overflow:ellipsis;word-break:break-word}.upgrade__right__supplier__info__avatar{border:1px solid #dfe2e7;border-radius:50%}.upgrade__right__info-payment{background-color:#f3f5f6;border-radius:4px;margin-top:6px;padding:16px}.upgrade__right__info-payment__amount,.upgrade__right__info-payment__item{align-items:center;display:flex;justify-content:space-between}.upgrade__right__info-payment__item{margin-top:12px}.upgrade__right__info-payment__item--total-price{align-items:flex-start;border-top:1px solid #dfe2e7;padding-top:16px}.upgrade__right__info-payment__item--subscription{grid-gap:4px;justify-content:flex-start;margin-top:4px}.upgrade__right__info-payment__item__left{grid-gap:4px;display:flex;flex:1 1;flex-wrap:wrap;min-width:0}.upgrade__right__info-payment__item__left__name-duration{grid-gap:4px;align-items:center;display:inline-flex;width:100%}.upgrade__right__info-payment__item__left__name-duration__name{cursor:pointer;max-width:calc(100% - 78px);position:relative}.upgrade__right__info-payment__item__left__name-duration__name__text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.upgrade__right__info-payment__item__left__name-duration__name:hover .upgrade__right__info-payment__item__left__name-duration__name__tooltip{display:block}.upgrade__right__info-payment__item__left__name-duration__name__tooltip{background-color:#081c36;border-radius:6px;bottom:132%;color:#fff;display:none;left:50%;margin-left:-50%;padding:6px;position:absolute;text-align:center;width:100%;z-index:1}.upgrade__right__info-payment__item__left__name-duration__name__tooltip:after{border:5px solid #0000;border-top-color:#081c36;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.upgrade__right__info-payment__item__left__expired-info{display:flex;flex-direction:column}.upgrade__right__info-payment__item__left__expired-info__item{display:flex;flex-direction:column;margin-top:12px}.upgrade__right__info-payment__item__left__expired-info__item:first-child{margin-top:0}.upgrade__right__info-payment__item__left__expired-info__item .text{color:#fff;white-space:nowrap}.upgrade__right__info-payment__item__left__expired-info__item .text:first-child{margin-right:8px}.upgrade__right__info-payment__item__total-price{align-items:flex-end;display:flex;flex-direction:column}.upgrade__right__info-payment__promotion{border-bottom:1px solid #dfe2e7;margin-bottom:4px;margin-top:12px;padding-bottom:16px}.upgrade__right__info-payment__promotion--none-border-btm{border-bottom:initial;margin-bottom:0;padding-bottom:0}.upgrade__right__info-payment__promotion__info{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.upgrade__right__privacy-terms{grid-gap:12px;align-items:flex-start;border-radius:4px;cursor:default;display:flex;outline:none;padding:16px 0 24px}@media (min-width:481px){.upgrade__right__privacy-terms{cursor:pointer}}.upgrade__right__privacy-terms__checkbox{content:url(https://res-zalo.zadn.vn/upload/media/2023/10/27/checkbox_1698403504827_51392.svg);height:24px;opacity:1;width:24px}.upgrade__right__privacy-terms__checkbox--agree{content:url(https://res-zalo.zadn.vn/upload/media/2023/10/27/checkbox_checked_1698403722690_53298.svg)}.upgrade__right__privacy-terms__checkbox--disabled{opacity:.5}.upgrade__right__fixed-bottom{background:#fff;bottom:0;box-shadow:0 -4px 4px 0 #0000001a;display:flex;flex-direction:column;left:0;padding:16px 12px;position:fixed;width:calc(100% - 24px);z-index:9}.upgrade__right__fixed-bottom__total-price{display:flex;justify-content:space-between}.upgrade__right__fixed-bottom__total-price__right{align-items:flex-end;display:flex;flex-direction:column}@media (min-width:769px){.upgrade__free-trial-modal .modal__content{border-radius:8px}}@media (orientation:landscape) and (max-height:450px){.upgrade__free-trial-modal .modal__content{border-radius:8px}}.upgrade__free-trial-modal .modal__content__header{border-bottom:initial;padding-bottom:0;padding-top:24px}.upgrade__free-trial-modal .modal__content__body{padding-top:16px}@media (min-width:1036px){.upgrade{grid-gap:24px;display:flex;padding:40px calc(50% - 518px)}.upgrade__supplier{display:none}.upgrade__method-payment{height:-webkit-fit-content;height:fit-content;padding:0;width:612px}.upgrade__method-payment__claim{align-items:center}.upgrade__right{padding:0;width:400px}.upgrade__right__detail-tranx{margin-top:0}.upgrade__right__supplier{display:inline-flex;padding:16px 24px;width:calc(100% - 48px)}.upgrade__right__info-payment{padding:16px 24px}.upgrade__right__info-payment__item__left__expired-info__item{flex-direction:row;flex-wrap:nowrap;margin-top:0}.upgrade__right__fixed-bottom{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;box-shadow:none;padding:initial;position:relative;width:auto}.upgrade__right__fixed-bottom__total-price{display:none}}.success{align-items:center;display:flex;flex-direction:column;margin:48px auto;max-width:345px}.success__title{margin-top:24px;text-align:center}.success__description{margin-top:16px;text-align:center}.success__btn{margin-bottom:16px;margin-top:24px}.wallet-confirm-payment{align-items:center;display:flex;flex-direction:column;margin:24px auto;width:calc(100% - 24px)}@media (min-width:480px){.wallet-confirm-payment{margin:40px auto;max-width:403px}}.wallet-confirm-payment__title{text-align:center}.wallet-confirm-payment__card{border:1px solid #d8dbdf;border-radius:8px;margin-top:16px;padding:0 16px 32px;position:relative;width:calc(100% - 32px)}@media (min-width:480px){.wallet-confirm-payment__card{margin-bottom:24px;margin-top:24px;padding:24px;width:calc(100% - 48px)}}.wallet-confirm-payment__card__item{border-top:1px solid #d8dbdf;display:flex;justify-content:space-between;padding-bottom:16px;padding-top:16px}.wallet-confirm-payment__card__item:first-of-type{border-top:initial;padding-top:0}.wallet-confirm-payment__card__item:last-child{padding-bottom:0}.wallet-confirm-payment__card__item--center-align{justify-content:center}.wallet-confirm-payment__card__item__right{grid-gap:4px;align-items:end;display:flex;flex-direction:column}.wallet-confirm-payment__buttons{grid-gap:16px;align-items:center;display:flex;justify-content:flex-end;width:100%}.buy-package-service{grid-gap:16px;align-items:center;display:flex;flex-direction:column;margin:30px auto;max-width:520px;width:calc(100% - 24px)}@media (min-width:481px){.buy-package-service{margin:40px auto}}.buy-package-service__card{border:1px solid #d8dbdf;border-radius:8px;margin-top:16px;padding:24px;width:calc(100% - 48px)}.buy-package-service__card__item{display:flex;justify-content:space-between;margin-top:12px}.buy-package-service__card__item:first-child{margin-top:0}.buy-package-service__card__item__key{white-space:nowrap}.buy-package-service__card__item__value{margin-left:12px;text-align:right}.buy-package-service .btn{margin-top:16px;width:100%}@media (min-width:481px){.buy-package-service .btn{width:300px}}.change-service-v2{align-items:center;display:flex;flex-direction:column;margin:88px auto 48px;max-width:648px}.change-service-v2__container{margin-bottom:32px;margin-top:24px;width:100%}.change-service-v2__container__block{grid-gap:8px;align-items:center;display:flex;justify-content:center;margin-bottom:24px}.change-service-v2__container__block__package{grid-gap:8px;border:2px solid #0000;border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:24px}.change-service-v2__container__block__package--old{background:#f3f5f6}.change-service-v2__container__block__package--new{background:#fff;border:2px solid #0068ff}.change-service-v2__container__block__right-arrow{height:32px;width:32px}.change-service-v2__container__privacy-terms{grid-gap:12px;align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.change-service-v2__footer{grid-gap:8px;align-items:center;display:flex;justify-content:end;width:100%}.home--loading{margin-top:48px}.tabs{display:flex;flex-wrap:nowrap}.tabs__sidebar{animation-duration:.3s;animation-fill-mode:forwards;animation-name:sidebar-open;background-color:#fff;min-height:100vh;width:240px}@media (min-width:768px){.tabs__sidebar{min-height:0;min-height:auto;padding-top:24px;width:258px}}.tabs__sidebar--close{animation-name:sidebar-close}.tabs__sidebar__header{align-items:center;border-bottom:1px solid #dfe2e7;display:flex;height:72px;margin-bottom:24px;padding-left:16px}.tabs__sidebar__link{align-items:center;cursor:pointer;display:flex;height:48px;padding-left:4px}@media (min-width:768px){.tabs__sidebar__link{padding-left:16px}}.tabs__sidebar__link__right-chevron{height:16px;margin-right:8px;width:16px}.tabs__sidebar__link__text:hover{color:#0068ff}.tabs__content{flex:1 1;overflow-y:auto;padding:16px}@media (min-width:768px){.tabs__content{padding:32px}}.overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.overlay--close{animation-delay:.3s;animation-fill-mode:forwards;animation-name:overlay-close}@keyframes sidebar-open{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes sidebar-close{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes overlay-close{to{background-color:initial;z-index:-9}}.activation{align-items:center;border:1px solid #d8dbdf;border-radius:20px;display:flex;flex-direction:column;margin:0 auto;max-width:408px;padding:36px 24px}.activation__input{background:#fff;border:1px solid #d8dbdf;border-radius:4px;color:#081c36;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:24px;padding:12px 16px;width:calc(100% - 40px)}.activation__input:focus{outline:none}.activation__error{margin-top:12px;text-align:center}.activation__privacy{cursor:pointer;display:flex;margin-top:24px}.activation__activate-btn{margin-bottom:16px;margin-top:16px}.activation__claim{background:#fef7ea;border-radius:6px;display:flex;padding:6px 8px}.confirmation{border:1px solid #d8dbdf;border-radius:20px;margin:0 auto;max-width:448px}.confirmation__title{border-bottom:1px solid #d8dbdf;padding:20px 24px;text-align:center}.confirmation__body{align-items:center;display:flex;flex-direction:column;padding:24px}.confirmation__body__avatar{border-radius:50px;margin-bottom:12px}.confirmation__body__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;padding:0 8px;text-overflow:ellipsis;word-break:break-word}.confirmation__body__section{border-top:1px dashed #dfe2e7;margin-top:24px;padding-top:24px;width:100%}.confirmation__body__section__item{align-items:center;display:flex;justify-content:space-between;margin-top:24px}.confirmation__body__section__item:first-child{margin-top:0}.confirmation__body__claim{background:#fef7ea;border-radius:6px;display:flex;margin-top:24px;padding:6px 8px}.confirmation__body__claim--error{background:#fbe8e8}.confirmation__body__claim--hidden{display:none}.confirmation__footer{align-items:center;display:flex;justify-content:end;padding:0 24px 24px}.confirmation__footer .btn:first-child{margin-right:12px}.completion__card{align-items:center;background:#fff;border:1px solid #d8dbdf;border-radius:20px;display:flex;flex-direction:column;margin:0 auto;max-width:342px;padding:36px 24px}.completion__card__title{margin-bottom:8px;margin-top:16px}.completion__card .btn{margin-top:32px}.completion__redirect-url{margin-top:16px;text-align:center}.activate-code{align-items:center;display:flex;flex-direction:column;margin:20px auto;width:calc(100% - 32px)}@media (min-width:768px){.activate-code{margin:30px auto;max-width:600px}}.activate-code__steps{width:100%}.activate-code__steps__progress{align-items:center;display:flex;padding:0 20px 32px}.activate-code__steps__progress__point{align-items:center;border:3px solid #f3f5f6;border-radius:70px;display:flex;height:36px;justify-content:center;position:relative;width:36px}.activate-code__steps__progress__point--current{background:#dbebff;border:3px solid #0000}.activate-code__steps__progress__point--current .text{color:#0045ad}.activate-code__steps__progress__point__text{bottom:0;height:32px;left:0;min-width:77px;position:absolute;text-align:center;transform:translate(-20px,calc(100% + 4px))}.activate-code__steps__progress__dashed-line{border-top:2px dashed #f3f5f6;flex:1 1}.activate-code__content{display:none;margin-top:30px;width:100%}.activate-code__content--show{display:block}.bank-apps-qr-pay{background-color:#fff;border-radius:8px;box-shadow:0 2px 1px 0 #2c31331a;margin-bottom:6px;padding:16px 16px 0;position:relative}.bank-apps-qr-pay__title{align-items:center;display:inline-flex;margin-bottom:12px}.bank-apps-qr-pay__title__tooltip{align-items:center;display:inline-flex;margin-left:4px}.bank-apps-qr-pay__title__tooltip__content{background-color:#081c36;border-radius:6px;bottom:0;color:#fff;left:0;opacity:0;padding:8px 12px;position:absolute;text-align:center;transform:translateY(-50%);transition:opacity .5s ease-out;visibility:hidden;z-index:0}.bank-apps-qr-pay__title__tooltip:hover>.bank-apps-qr-pay__title__tooltip__content{opacity:1;visibility:visible;z-index:1}.bank-apps-qr-pay__apps{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:scroll;padding-bottom:16px;scrollbar-width:none;white-space:nowrap}.bank-apps-qr-pay__apps::-webkit-scrollbar{display:none}.bank-apps-qr-pay__apps__app{align-items:center;background:#fff;border:1px solid #e5ecf5;border-radius:4px;display:inline-flex;height:48px;margin-left:8px;padding:0 14px 0 10px}.bank-apps-qr-pay__apps__app--loading{opacity:.3}.bank-apps-qr-pay__apps__app:first-child{margin-left:0}.bank-apps-qr-pay__apps__app__icon{margin-right:6px}.qr-pay{background-color:#eaeff3;display:flex;flex-direction:column;min-height:calc(100vh - 32px);padding:16px}@media (min-width:1124px){.qr-pay{align-items:flex-start;flex-direction:row;justify-content:center;min-height:calc(100vh - 40px);padding-bottom:0;padding-top:40px}}.qr-pay__empty{align-items:center;display:flex;flex-direction:column}.qr-pay__empty__title{margin-bottom:24px;margin-top:24px}.qr-pay__left{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 1px 0 #2c31331a;display:flex;flex-direction:column;padding:24px}@media (min-width:1124px){.qr-pay__left{flex:1 1;max-width:774px}}.qr-pay__left__wap{align-items:center;display:flex;flex-direction:column}@media (min-width:1124px){.qr-pay__left__wap{display:none}}.qr-pay__left__desktop{align-items:center;display:none;flex-direction:column}@media (min-width:1124px){.qr-pay__left__desktop{display:flex}}.qr-pay__left__desktop__description{margin-bottom:12px;margin-top:12px}.qr-pay__left__desktop__banks{align-items:center;display:flex}.qr-pay__left__desktop__banks__divide{color:#d9d9d9;padding:0 6px}.qr-pay__left__desktop__banks__icon{align-items:center;display:flex;height:30px;justify-content:center;width:100px}.qr-pay__left__scan-qr{align-items:center;background-image:url(https://res-zalo.zadn.vn/upload/media/2024/8/19/qr_1724050481463_864321.svg);background-repeat:no-repeat;display:flex;height:216px;justify-content:center;margin-bottom:28px;margin-top:28px;width:216px}@media (min-width:1124px){.qr-pay__left__scan-qr{margin-bottom:56px;margin-top:48px}}.qr-pay__left__scan-qr .image{border-radius:6.054px;display:block;height:190px;margin-left:auto;margin-right:auto;max-height:100%;max-width:100%;width:190px}.qr-pay__left__long-press{margin-top:16px}@media (min-width:1124px){.qr-pay__left__timer-cta{display:none}}.qr-pay__left__timer-cta__claim{display:flex;flex-direction:column}.qr-pay__left__timer-cta__claim__time{margin-top:4px}.qr-pay__left__timer-cta__save-qr{margin:0 auto;max-width:260px;width:100%}.qr-pay__right{margin-top:12px}@media (min-width:1124px){.qr-pay__right{margin-left:24px;margin-top:0;width:335px}}.qr-pay__right__info{background:#fff;border-radius:8px;box-shadow:0 2px 1px 0 #2c31331a;padding:16px}.qr-pay__right__info__service{align-items:center;background:#00000005;border-radius:12px;display:flex;margin-top:16px;padding:12px}.qr-pay__right__info__service__avatar{border-radius:4px;margin-right:12px}.qr-pay__right__info__service__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.qr-pay__right__info__price{align-items:center;display:flex;justify-content:space-between;margin-top:24px}.qr-pay__right__timer{align-items:center;background:#fff6e9;border-radius:8px;box-shadow:0 2px 1px 0 #2c31331a;display:none;flex-direction:column;margin-top:12px;padding:24px}@media (min-width:1124px){.qr-pay__right__timer{display:flex}}.qr-pay__right__policy{align-items:flex-start;display:flex;margin-top:16px}@media (min-width:1124px){.qr-pay__right__policy{margin-top:24px}}.otp-modal__otp{align-items:center;display:flex;flex-direction:column;padding:24px 0}@media (min-width:768px){.otp-modal__otp{padding:24px 11% 32px}}.otp-modal__otp__expired-count-down{height:23px;margin-bottom:12px}.otp-modal__otp__error{height:23px;margin-top:12px}.otp-modal__otp__btn{margin:24px 0}@media (min-width:768px){.otp-modal__otp__btn{margin:32px 0}}.truncate-a-line{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.redeem-referral{border:1px solid #d8dbdf;border-radius:20px;margin:20px 12px;max-width:480px}@media (min-width:505px){.redeem-referral{margin:30px auto}}.redeem-referral--empty{border:initial;text-align:center}.redeem-referral__title{border-bottom:1px solid #d8dbdf;padding:20px 24px;text-align:center}.redeem-referral__body{align-items:center;display:flex;flex-direction:column;padding:24px}.redeem-referral__body__avatar{border-radius:50px;margin-bottom:12px}.redeem-referral__body__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;padding:0 8px;text-overflow:ellipsis;word-break:break-word}.redeem-referral__body__section{border-top:1px dashed #dfe2e7;margin-top:24px;padding-top:24px;width:100%}.redeem-referral__body__section__item{align-items:center;display:flex;justify-content:space-between;margin-top:24px}.redeem-referral__body__section__item:first-child{margin-top:0}.redeem-referral__body__section__item>.text:nth-of-type(2){text-align:right}.redeem-referral__body__claim{align-items:flex-start;background:#fef7ea;border-radius:6px;display:flex;margin-top:24px;padding:6px 8px;width:100%}.redeem-referral__body__claim--error{background:#fbe8e8}.redeem-referral__body__claim--hidden{display:none}.redeem-referral__footer{align-items:center;display:flex;justify-content:end;padding:0 24px 24px}.redeem-referral__footer .btn:first-child{margin-right:12px}