#modal-topup{.term-badge{border-radius:6px;border:.5px solid rgb(86 135 159 / .05);background:rgb(86 135 159 / .05);color:rgb(23 60 79 / .5);text-align:center;font-size:13px;font-weight:600;line-height:22px;padding:0 7px;display:inline-block;transform:translateY(-2px)}.modal-content{border-radius:20px;box-shadow:0 6px 26px 0 rgb(0 34 51 / .12);backdrop-filter:blur(60px);background:rgb(255 255 255);border:none;outline:none}.modal-topup-header{padding:16px 16px 0 16px;.text{padding:12px 22px 8px 22px;color:rgb(0 18 26);font-size:26px;font-weight:700;line-height:31px}}.cross{cursor:pointer}.cross path{transition:.1s}.cross:hover path{stroke-opacity:.8;stroke:rgb(0 17 26 / .8)}.modal-topup-body{padding:4px 0 6px 0}.payment-account-type-slider{width:47px;height:27px;border-radius:900px;background:#324F5D;position:relative;cursor:pointer;transition:.1s;.slider-dot{border-radius:900px;background:#FFF;box-shadow:0 2px 8px 0 rgb(0 17 51 / .15),0 2px 2px 0 rgb(0 17 51 / .06);width:21px;height:21px;position:absolute;top:50%;transform:translateY(-50%);right:3px;transition:.05s}}.payment-account-type-slider.disabled{background:rgb(66 114 138 / .07);.slider-dot{right:auto;left:3px}}.payment-account-type-slider.disabled:hover{background:rgb(66 114 138 / .07)}.payment-account-type-slider:hover{border-radius:900px;background:#324F5D;.slider-dot{box-shadow:0 0 0 1px #FFF}}.balance-block{padding:0 24px;.balance{border-radius:12px;background:rgb(55 118 149 / .05);padding:11px 12px;.value{color:rgb(23 43 54);font-size:18px;font-weight:600;line-height:25px}.description{color:rgb(20 61 82 / .5);font-size:14px;font-weight:500;line-height:18px}}.not-enough-balance-block{color:rgb(20 61 82 / .5);font-size:14px;font-weight:700;line-height:28px;padding:0 10px}.not-enough-balance-block.success{color:rgb(0 173 92)}}.sum-total-block{position:relative;.total-commission-block{position:absolute;top:0;right:0}}.payment-types{margin-top:14px;padding:0 24px;.item.disabled{display:none}.item.hidden{opacity:.5;pointer-events:none}.item{padding:9px 10px;cursor:pointer;.ico-block{width:54px;height:54px;position:relative;border-radius:10px;background:rgb(55 118 149 / .05)}.ico-block svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.value{color:rgb(0 18 26);font-size:18px;font-weight:600;line-height:25px}.description{color:rgb(20 61 82 / .5);font-size:14px;font-weight:500;line-height:18px}.checkbox-block{padding:11px}.checkbox{width:22px;height:22px;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgb(55 118 149 / .05);border-radius:999px;background:rgb(55 118 149 / .05);position:relative;transition:.1s}.checkbox svg{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.1s}.checkbox.active{background:rgb(50 79 93);box-shadow:none}.checkbox.active svg{display:block}}}.sum-block{margin-top:14px;padding:4px 36px;#sum-setter .main-label{padding-left:2px;padding-top:1px}}.total-block{margin-top:12px;.label{color:rgb(20 61 82 / .5);font-size:18px;font-weight:500;line-height:27px;margin-top:1px}.value{color:rgb(23 43 54);font-size:22px;font-weight:700;line-height:29px}}.total-commission-block{.without-commission{.label{color:#00AD5C;text-align:right;font-size:14px;font-weight:700;line-height:130%}}.with-commission{.label{color:rgb(23 60 79 / .5);text-align:right;font-size:14px;font-weight:500;line-height:130%}}}.modal-topup-footer{padding:10px 36px 34px 36px;.topup-btn{height:50px;border-radius:10px;background:rgb(23 43 54);transition:.1s;cursor:pointer;position:relative;.label{color:rgb(255 255 255);font-size:18px;font-weight:600;line-height:23px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-bottom:2px}}.topup-btn:hover{background:rgb(0 18 26)}}}@media (max-width:924px){#modal-topup{.modal-content{min-height:100dvh;border-radius:0;border:none;background:#F3F5F7;display:flex;flex-direction:column}.modal-topup-header{padding:6px 14px 6px 9px;border-radius:0 0 20px 20px;background:rgb(255 255 255 / .85);backdrop-filter:blur(25px);.text{padding:6px 14px 6px 18px;font-size:22px;font-weight:700;line-height:120%}}.cross{transform:translateY(2px)}.modal-topup-body{margin-top:8px;border-radius:20px 20px 0 0;background:#FFF;flex-grow:1;padding:16px 16px 16px 16px}.modal-topup-footer{position:sticky;bottom:0;width:100%;left:0;padding:8px 16px;background:white!important;.topup-btn{height:44px;.label{width:100%;font-size:16px;font-weight:600;line-height:130%}}}.balance-block{padding:0;.not-enough-balance-block{font-size:13px;font-weight:700;line-height:140%;padding:4.5px 10px}.balance{padding:9px 10px;.value{font-size:16px;font-weight:600;line-height:140%}.description{font-size:13px;font-weight:500;line-height:130%}}}.payment-types{padding:0}.payment-types{margin-top:12px;.item{padding:9px 0;.ico-block{width:48px;height:48px;svg{transform:translate(-50%,-50%);max-height:34px}}.value{font-size:16px;font-weight:600;line-height:140%}.description{font-size:13px;font-weight:500;line-height:130%}.checkbox-block{padding-right:0}}}.sum-block{margin-top:12px;padding:0}.total-block{margin-top:12px;.value{font-size:18px;font-weight:700;line-height:130%}.label{font-size:13px;font-weight:500;line-height:150%}.total-commission-block{.label{font-size:13px;font-weight:500;line-height:130%}svg{transform:translateY(-2px)}}}}}@media (min-width:576px){#modal-topup{.modal-dialog{max-width:470px}}}