#app{min-height:100vh;display:flex;flex-direction:column}#app main{flex-grow:1}@font-face{font-family:Roboto;font-weight:900;font-style:normal;src:url(./Roboto-Black.5ace0d08.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:900;font-style:italic;src:url(./Roboto-BlackItalic.8b2f87fb.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-style:normal;src:url(./Roboto-Bold.ec685a46.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:700;font-style:italic;src:url(./Roboto-BoldItalic.61df597f.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:400;font-style:italic;src:url(./Roboto-Italic.99e4a850.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:300;font-style:normal;src:url(./Roboto-Light.c576c506.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:300;font-style:italic;src:url(./Roboto-LightItalic.a4840622.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-style:normal;src:url(./Roboto-Medium.9d0d55a3.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:500;font-style:italic;src:url(./Roboto-MediumItalic.d3f317c9.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:400;font-style:normal;src:url(./Roboto-Regular.4e147ab6.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:100;font-style:normal;src:url(./Roboto-Thin.67248f7e.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:100;font-style:italic;src:url(./Roboto-ThinItalic.28ce251a.ttf) format("truetype")}@font-face{font-family:Bullet;font-weight:400;font-style:normal;src:url(./bullet.52e8a7bf.otf)}@font-face{font-family:GazprombankSans;font-weight:400;font-style:normal;src:url(./bullet.52e8a7bf.otf)}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-ExtraLight.6334396f.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-ExtraLightItalic.596fed94.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-Thin.fee0762f.ttf) format("truetype");font-weight:250;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-ThinItalic.2efd3f13.ttf) format("truetype");font-weight:250;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-Light.3c47840b.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-LightItalic.76862b09.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-Regular.cbab42e7.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-NormalItalic.19da52ac.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-Medium.4624a7d3.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-MediumItalic.12383d42.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-DemiBold.c121de03.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-DemiBoldItalic.978b3b8c.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-Bold.6eb1d017.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-BoldItalic.1ca2c567.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-ExtraBold.ac1f43fd.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-ExtraBoldItalic.54596ac8.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-Black.34b58fbb.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:GazprombankSans;src:url(./GazprombankSans-BlackItalic.e096919e.ttf) format("truetype");font-weight:900;font-style:italic}.input .input__group{display:flex;flex-direction:column;flex-grow:1;justify-content:center;row-gap:2px;position:relative}.input .input__group label{font-family:GazprombankSans,sans-serif;color:var(--color-gray);position:absolute;top:18px;transition:all .3s ease;left:16px;font-weight:400;font-size:16px;line-height:125%}.input .input__group:focus-within label,.input .input__group.none-empty-input label{font-size:14px;position:absolute;top:5px}.input .input__group:focus-within input,.input .input__group.none-empty-input input{height:53px;padding-top:18px}.input .input__group input{font-family:GazprombankSans,sans-serif;border:none;border-radius:8px;font-size:16px;font-weight:400;height:53.5px;padding-left:16px}.input .input__group input#expiry{font-family:GazprombankSans,sans-serif!important;display:flex;width:100%}.input .input__group input#cvc{display:flex;font-family:Bullet;font-size:20px;width:100%}.input .clear-icon-visible+.clear-icon{cursor:pointer;display:block;height:24px;width:24px;position:absolute;right:40px}.input .input__error{color:var(--color-red-light);font-size:14px;position:absolute;top:62px}div[name=pan]{width:100%}div[name=pan] .input{align-items:center;display:flex;justify-content:space-between}.offer .input.pan-offer label{font-size:14px;position:static;padding-left:12px}.offer .input.pan-offer .input__group{position:relative}.offer .input.pan-offer .input__group input#pan{height:auto;letter-spacing:5px;width:100%}.offer .input.pan-offer .input__group input#pan:disabled{background-color:inherit}.offer .input.pan-offer .input__group .pan-value{position:absolute;bottom:0;left:12px}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 50px #fff!important;-webkit-text-fill-color:#000}input::-ms-reveal{position:relative;top:-5px;right:40px}input::-webkit-credentials-auto-fill-button{position:relative;top:-5px;right:40px}input::-webkit-caps-lock-indicator{position:relative;top:-5px;right:40px}.btn{display:inline-block;border:0;border-radius:8px;height:var(--btn-height);color:var(--main-white);background-color:#999;font-family:GazprombankSans,sans-serif;font-size:16px;font-weight:450;outline:0!important;transition:all .3s;letter-spacing:.33px;text-decoration:none!important;padding:0 16px;cursor:pointer;text-align:center;width:100%;line-height:20px;font-style:normal}.btn.btn_big{height:var(--btn-big-height)}.btn.back-to-merchant,.btn.check-result,.btn.back{align-items:center;background-color:transparent;color:var(--color-blue-light);display:flex;justify-content:center;padding:0;margin-left:-12px}.btn.back-to-merchant:hover,.btn.check-result:hover,.btn.back:hover{background-color:transparent}.btn.back-to-merchant:before,.btn.check-result:before,.btn.back:before{background-image:url(./angle-right_blue.1c0e6c83.svg);content:"";transform:rotate(180deg);height:34px;width:38px;background-size:100% 100%;background-repeat:no-repeat;display:inline-block;margin-right:8px}.btn.btn-phonePay{background-color:var(--main-white);border:1px dashed var(--color-gray-dark);color:#262626;font-weight:400}.btn.btn-phonePay:hover{background-color:var(--main-white);border-color:var(--color-blue-main);color:var(--color-blue-main)}.btn.btn-phonePay:disabled:hover{border-color:var(--color-gray-dark);color:#262626;cursor:auto}.btn.back-to-merchant{width:auto}.btn.check-result{width:193px}.btn.btn-primary{background-color:var(--submitBtn-color)}.btn:disabled{background-color:var(--submitBtn-color-disabled);color:var(--color-gray-light)}.btn.btn-cancel,.btn.btn-cancel:hover{background-color:var(--submitBtn-color)}.btn.btn-cancel{margin:33px 0 18px}@media screen and (min-width: 375px){.btn.btn-cancel{max-width:356px}}.btn.sbp-button{background:url(./logo-sbp-light-version.f6541441.svg) center no-repeat #1d1346;background-origin:content-box;background-size:contain;padding:8px 0;width:100%}.btn.sbp-button:hover{background-color:#1d1346}.btn.sbp-button:disabled{cursor:auto}@media screen and (min-width: 768px){.btn.sbp-button{max-width:436px}}.btn.gpay-button{border-radius:8px;height:52px;margin:0}.btn.gpay-button.long{min-width:100%;width:100%}.btn.gpay-button.white{background-color:#f2f2f6}.btn.apple-pay-button{border-radius:8px;height:52px;max-width:311px!important;min-width:100%!important;width:100%!important;margin:0}.btn:hover{cursor:pointer;transition:all .3s}@media screen and (min-width: 375px){.btn{max-width:436px}}.btn.sberPay-button{align-items:center;background:linear-gradient(87.17deg,#c7e701 -2.82%,#0ada01 22.4%,#21de58 42.16%,#3ee3a9 59.91%,#37dabe 79.54%,#15cae0 101.22%);column-gap:8px;display:flex;justify-content:center;padding-bottom:5px;padding-top:5px;position:relative;transition:all .5s ease;border-radius:8px}.btn.sberPay-button.accept{margin:20px 0}.btn.sberPay-button:disabled{cursor:auto}.btn.sberPay-button .sberPay-logo{height:20px;max-width:54px}.checkbox{position:relative}.checkbox input{opacity:0;position:absolute;z-index:-1}.checkbox input:checked+label:before{background:#fff url(./checkmark.e3e37b8d.svg) no-repeat;background-size:20px 20px;background-position:center;border:solid var(--btn-bg-primary)}.checkbox input:focus+label:before{border:2px solid var(--btn-bg-primary)}.checkbox label{color:var(--text-primary);cursor:pointer;padding:0 0 0 29px;position:relative;font-size:14px;font-weight:400}.checkbox label:before{content:"";display:inline-block;width:20px;height:20px;border:2px solid #B7B7B7;box-sizing:border-box;position:absolute;left:0;border-radius:4px;background-color:#fff;transition:all .1s ease}.checkbox.receiptArea__get-receipt label{color:var(--text-main);padding-left:32px;line-height:18px;font-size:16px}@media screen and (max-width: 375px){.checkbox.receiptArea__get-receipt label{font-size:13px}}@media screen and (max-width: 325px){.checkbox.receiptArea__get-receipt label{font-size:11px}}@media screen and (max-width: 290px){.checkbox.receiptArea__get-receipt label{font-size:9px;padding-left:26px;word-wrap:break-word}}.save-fade-enter-active,.save-fade-leave-active{transition:opacity .4s ease}.save-fade-enter-from,.save-fade-leave-to{opacity:0}.main-form{background-color:var(--main-white);box-sizing:border-box;display:flex;flex-direction:column;padding:16px;border-radius:16px;display:-webkit-box;-webkit-box-orient:vertical}@media screen and (min-width: 768px){.main-form{padding:22px}}.main-form__title-Saved-Card{line-height:22px;margin-top:8px}.main-form .pay-title-container{align-items:center;display:flex;justify-content:space-between}.main-form .pay-title{margin-bottom:5px;font-weight:600;font-size:16px;line-height:125%;letter-spacing:.01em}@media screen and (min-width: 768px){.main-form .pay-title{font-size:14px;letter-spacing:.33px;line-height:20px}}.main-form .pan-input-container{align-items:center;border:1px solid #e6e6ea;border-radius:8px;display:flex;flex-direction:row;height:56px;position:relative;justify-content:space-between;margin-top:16px}@media screen and (min-width: 768px){.main-form .pan-input-container{margin-top:16px}}.main-form .pan-input-container.invalid{border:1px solid var(--color-red-light);margin-bottom:6px}@media screen and (min-width: 500px){.main-form .pan-input-container.invalid{margin-bottom:10px}}.main-form .pan-input-container:focus-within{border:1px solid var(--color-blue-main)}.main-form .pan-input-container .icons-container{align-items:center;display:flex;column-gap:8px;padding-right:12px;margin:0 0 0 8px;position:absolute;right:0}.main-form .pan-input-container .icons-container .card-brand img{height:12px;width:24px}.main-form .expiry-cvc-input-container{align-items:center;display:flex;margin-top:15px}.main-form .expiry-cvc-input-container.invalid{padding:0 0 45px}@media screen and (min-width: 768px){.main-form .expiry-cvc-input-container.invalid{padding:0 0 30px}}.main-form .expiry-cvc-input-container .expiry-input-group{align-items:center;border:1px solid #e6e6ea;border-radius:8px;display:flex;flex-direction:row;height:56px;position:relative;margin-right:14px;justify-content:flex-start;width:50%}.main-form .expiry-cvc-input-container .expiry-input-group>div:first-child{width:100%}.main-form .expiry-cvc-input-container .expiry-input-group .card-form__expiry-slash{color:var(--text-main);font-size:16px;margin:0 5px}.main-form .expiry-cvc-input-container .cvc-input-group{align-items:center;border:1px solid #e6e6ea;border-radius:8px;display:flex;flex-direction:row;height:56px;position:relative;width:50%}.main-form .expiry-cvc-input-container .cvc-input-group>div:first-child{width:100%}.main-form .expiry-cvc-input-container .cvc-input-group .cvc-logo{padding-right:12px;position:absolute;right:0;top:16%}.main-form .expiry-cvc-input-container .cvc-input-group .cvc-logo img{height:38px;width:26px}.main-form .expiry-input-group.invalid,.main-form .cvc-input-group.invalid{border:1px solid var(--color-red-light)}.main-form .expiry-input-group:focus-within,.main-form .cvc-input-group:focus-within{border:1px solid var(--color-blue-main)}.main-form .checkbox-container{margin-top:18px}.main-form .checkbox-container .checkbox-container__save-info{color:var(--color-gray-middle);font-size:14px;margin:10px 0;text-align:justify}.main-form .pay-btn-container{display:flex;justify-content:center;margin:24px 0 0}.toggleable-content{height:auto;max-height:54px;overflow:hidden;padding:16px;transition:max-height .4s ease,padding .4s ease}@media screen and (min-width: 768px){.toggleable-content{max-height:64px;padding:22px}}.toggleable-content.visible{max-height:450px}.toggleable-content.visible>div:not(div:first-child){opacity:1;visibility:visible}.toggleable-content>div:not(div:first-child){opacity:0;visibility:hidden;transition:opacity .4s ease}.toggleable-content .pan-input-container{margin-top:17px}@media screen and (min-width: 768px){.toggleable-content .pan-input-container{margin-top:16px}}.toggleable-content .checkbox-container{margin-top:18px;margin-bottom:5px}@media screen and (min-width: 768px){.toggleable-content .checkbox-container{margin-top:24px}}.toggleable-content .pay-btn-container{margin-top:17px}@media screen and (min-width: 768px){.toggleable-content .pay-btn-container{margin-top:24px}}.toggleable-content .pay-title-container,.toggleable-content .sbp-title-container{cursor:pointer}.back-to-merchant-container{background-color:var(--main-white);box-sizing:border-box;display:flex;flex-direction:column;padding:0 16px;flex-direction:row;justify-content:center;border-radius:8px}@media screen and (min-width: 768px){.back-to-merchant-container{padding:22px}}@media screen and (min-width: 768px){.back-to-merchant-container{padding-top:0;padding-bottom:0}}.back-to-merchant-container{height:var(--btn-big-height)}.offer .main-form{row-gap:0}.offer .main-form .pan-cvc-input-container{column-gap:12px;display:flex;justify-content:space-between;width:100%}@media screen and (min-width: 767px){.offer .main-form .pan-cvc-input-container{margin-top:9px}}.offer .main-form .pan-cvc-input-container.invalid{padding:0 0 25px}.offer .main-form .pan-cvc-input-container .pan-input-container,.offer .main-form .pan-cvc-input-container .cvc-input-group{flex-grow:1;flex-shrink:1;width:100%;margin-top:0}.offer .main-form .pan-cvc-input-container .cvc-input-group{align-items:center;border:1px solid #e6e6ea;border-radius:8px;display:flex;flex-direction:row;height:56px;position:relative}.offer .main-form .pan-cvc-input-container .cvc-input-group>div:first-child{width:100%}.offer .main-form .pan-cvc-input-container .cvc-input-group.invalid{border:1px solid var(--color-red-light)}.offer .main-form .pan-cvc-input-container .cvc-input-group:focus-within{border:1px solid var(--color-blue-main)}.offer .main-form .pan-cvc-input-container .cvc-input-group .cvc-logo{padding-right:12px;position:absolute;right:0;top:15%}.offer .main-form .pan-cvc-input-container .cvc-input-group .cvc-logo img{height:38px;width:26px}.offer .main-form .pay-btn-container{margin-top:24px}.offer .treeDS-info{background-color:var(--main-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;padding:16px;justify-content:center;text-align:center}@media screen and (min-width: 768px){.offer .treeDS-info{padding:22px}}.gaz-prom-pay{background-color:var(--main-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;padding:16px;align-items:center;position:relative}@media screen and (min-width: 768px){.gaz-prom-pay{padding:22px}}.gaz-prom-pay .gaz-prom-pay__description-container{align-items:center;align-self:flex-start;column-gap:7px;display:flex;justify-content:flex-start;margin:0 0 15px}@media screen and (min-width: 768px){.gaz-prom-pay .gaz-prom-pay__description-container{margin:0 0 16px}}.gaz-prom-pay .gaz-prom-pay__description-container .gaz-prom-pay__description{font-size:14px;letter-spacing:0}@media screen and (min-width: 768px){.gaz-prom-pay .gaz-prom-pay__description-container .gaz-prom-pay__description{font-size:16px;letter-spacing:.33px}}.gaz-prom-pay .gaz-prom-pay__description-container .help-icon{cursor:pointer;height:14px;width:14px}.gaz-prom-pay .gaz-prom-pay__description-container .help-icon.disable{pointer-events:none}@media screen and (min-width: 768px){.gaz-prom-pay .gaz-prom-pay__description-container .help-icon{height:16px;width:16px}}.help-tooltip{background-color:#f2f2f6;border-radius:12px;box-sizing:border-box;visibility:hidden;padding:16px;position:absolute;opacity:0;left:16px;top:42px;z-index:99;transition:opacity .3s ease;max-width:311px}@media screen and (min-width: 375px){.help-tooltip{max-width:446px}}@media screen and (max-width: 500px){.help-tooltip{width:calc(100% - 32px)}}@media screen and (min-width: 768px){.help-tooltip{top:52px}}.help-tooltip:after{content:"";border-bottom:12px solid #f2f2f6;border-left:26px solid transparent;position:absolute;right:14px;top:-12px}@media screen and (min-width: 376px){.help-tooltip:after{border-bottom:12px solid #f2f2f6;border-left:15px solid transparent;border-right:15px solid transparent;right:calc(50% - 15px);top:-12px}}.help-tooltip .help-tooltip__title{font-weight:600;margin:0 0 4px}.help-tooltip.visible{visibility:visible;opacity:1}.merchant{background-color:var(--main-white);box-sizing:border-box;display:flex;flex-direction:column;padding:16px;height:auto;max-height:44px;overflow:hidden;border-radius:16px;transition:max-height .4s ease,padding-bottom .4s ease}@media screen and (min-width: 768px){.merchant{padding:22px}}@media screen and (min-width: 767px){.merchant{max-height:68px}}.merchant.visible{max-height:250px}.merchant.visible .merchant-info__purchase{margin-bottom:2px}@media screen and (min-width: 767px){.merchant.visible .merchant-info__purchase{margin-bottom:24spx}}.merchant .merchant-info__purchase{margin-top:-4px;align-items:center;display:flex;justify-content:space-between;transition:margin-bottom .4s ease}.merchant .merchant-info__purchase-amount{margin-right:18px}.merchant .merchant-info__purchase .purchase-amount{font-weight:600;letter-spacing:0;width:50%;font-size:18px;line-height:122%}@media screen and (min-width: 767px){.merchant .merchant-info__purchase .purchase-amount{font-size:28px;font-weight:700;letter-spacing:.33px;line-height:32px}}.merchant .merchant-info__purchase .merchant-info__url{align-items:center;display:flex;justify-content:flex-end;column-gap:8px;overflow:hidden;max-width:241px}@media screen and (max-width: 374px){.merchant .merchant-info__purchase .merchant-info__url{width:50%}}.merchant .merchant-info__purchase .merchant-info__url .url{color:var(--color-gray-middle);font-weight:400;font-size:16px;line-height:125%;height:20px;overflow:hidden;position:relative;white-space:nowrap;width:175.5px}.merchant .merchant-info__purchase .merchant-info__url .url:after{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:17px}@media screen and (min-width: 767px){.merchant .merchant-info__purchase .merchant-info__url .url{width:241px}}.merchant .merchant-info__purchase .merchant-info__url .url .url-prefix{display:none}@media screen and (min-width: 767px){.merchant .merchant-info__purchase .merchant-info__url .url .url-prefix{display:inline}}.merchant .merchant-info__purchase .merchant-info__url .url .link{color:var(--color-gray-middle)}.merchant .merchant-info__purchase .merchant-info__url .angle-down{cursor:pointer;height:10px}.merchant .merchant-info__purchase .merchant-info__url .angle-down.open{transform:rotate(180deg)}.merchant .merchant-info__detail{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:18px 0 0;opacity:0;transition:opacity .4s ease,margin .4s ease}.merchant .merchant-info__detail.visible{opacity:1}@media screen and (min-width: 768px){.merchant .merchant-info__detail.visible{margin:0}}.merchant .merchant-info__detail .merchant-info__commission{margin:-3px 0 6px}@media screen and (min-width: 768px){.merchant .merchant-info__detail .merchant-info__commission{margin:0 0 32px}}.merchant .merchant-info__detail .merchant-info__commission .merchant-info__commission-amount,.merchant .merchant-info__detail .merchant-info__commission .merchant-info__commission-full-amount{align-items:baseline;color:var(--color-gray-middle);column-gap:10px;display:flex;font-size:14px;justify-content:flex-start;line-height:20px}.merchant .merchant-info__detail .merchant-info__commission .commission-amount{font-weight:600;font-size:18px;line-height:22px;color:var(--text-main)}.merchant .merchant-info__detail .merchant-info__commission .commission-full-amount{color:var(--color-blue-main);font-weight:600;font-size:18px;line-height:22px;margin-top:3px}.merchant .merchant-info__detail .merchant-info__desc-container{align-items:center;display:flex;justify-content:space-between;width:100%}.merchant .merchant-info__detail .merchant-info__desc-container .title{letter-spacing:0;line-height:22px}@media screen and (min-width: 767px){.merchant .merchant-info__detail .merchant-info__desc-container .title{font-weight:500;letter-spacing:.33px;line-height:20px}}.merchant .merchant-info__detail .merchant-info__desc-container .description{color:var(--text-secondary)}.merchant .merchant-info__detail .merchant-info__logo{height:40px;width:40px}.receiptArea{margin:10px auto 0;max-width:421px;width:100%}.receiptArea__form{max-height:500px;overflow:hidden;transition:all .3s ease}.receiptArea__form-title{color:#1c1c1e;opacity:.5;letter-spacing:.33px;font-size:11px;margin-top:20px;line-height:16px;max-width:315px}@media screen and (min-width: 767px){.receiptArea__form-title{margin-top:20px}}.receiptArea__form-fields{margin-top:12px}@media screen and (min-width: 767px){.receiptArea__form-fields{margin-top:9px}}.receiptArea__form-fields div[name=msisdn],.receiptArea__form-fields div[name=email]{align-items:center;border:1px solid #e6e6ea;border-radius:8px;display:flex;flex-direction:row;height:56px;position:relative;justify-content:space-between}.receiptArea__form-fields div[name=msisdn].invalid,.receiptArea__form-fields div[name=email].invalid{border:1px solid var(--color-red-light);margin-bottom:30px}.receiptArea__form-fields div[name=msisdn]:focus-within,.receiptArea__form-fields div[name=email]:focus-within{border:1px solid var(--color-blue-main)}.receiptArea__form-fields div[name=msisdn] .input,.receiptArea__form-fields div[name=email] .input{width:100%}.receiptArea__form-fields div[name=msisdn] .input .clear-icon,.receiptArea__form-fields div[name=email] .input .clear-icon{right:10px;top:16px}.receiptArea__form-fields div[name=email]{margin-top:4px}@media screen and (min-width: 767px){.receiptArea__form-fields div[name=email]{margin-top:8px}}.receiptArea__form-fields div[name=email].invalid{margin-bottom:35px}.receiptArea__form-fields__separator{margin-top:4px;text-align:center;color:#1c1c1e;line-height:16px;opacity:.5;font-size:11px}@media screen and (min-width: 767px){.receiptArea__form-fields__separator{margin-top:8px}}.receiptArea__form .checkbox{margin-top:24px}.receiptArea__form .checkbox label{letter-spacing:.33px;font-size:14px;line-height:18px;color:var(--text-main);display:block}.receiptArea__form .checkbox .terms{color:var(--color-blue-main)}.receiptArea__email-form-title{text-align:center}.receiptArea__btns{margin-top:24px}.receiptArea__btns button{width:100%}.receiptResult{margin:24px auto 0;max-width:356px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.receiptResult__title{margin-top:20px;font-weight:600;font-size:22px;line-height:28px;letter-spacing:0}.receiptResult__title.success{max-width:330px}.receiptResult__description{font-size:16px;line-height:20px;margin-top:6px}.receiptResult__btns{margin-top:24px;display:flex;justify-content:space-between;gap:16px;width:100%}.receiptResult__btns button{height:52px;max-width:100%;width:100%;margin:12px 0 0;text-align:center;font-weight:500;font-size:16px;line-height:20px;letter-spacing:.33px;color:var(--text-main);padding:0;background:#f2f2f6;border-radius:8px;border:none}.receiptResult__btns button:hover{cursor:pointer}.bill-form{padding:6px 20px 20px;margin:0 auto 12px;border-radius:16px;background:var(--main-white);box-sizing:border-box}.bill-form__header-icon{background-position:center;background-repeat:no-repeat;height:120px}.bill-form__header-amount{margin-top:9px;text-align:center;font-weight:600;line-height:32px;font-size:28px;color:#447bff}.bill-form__header-amount.failed{color:var(--color-red)}.bill-form__header-title{font-weight:600;font-size:20px;letter-spacing:.01em;line-height:24px;margin-top:7px;text-align:center;color:var(--text-main)}.bill-form__header-description,.bill-form__header-unknown,.bill-form__header-offline{font-size:16px;font-weight:400;line-height:20px;margin-top:6px;text-align:center;color:var(--text-secondary)}.bill-form__header.success .bill-form__header-icon{background-image:url(./billIconDone.3f06a677.svg)}.bill-form__header.failed .bill-form__header-icon{background-image:url(./billIconError.c44ce9e3.svg)}.bill-form__main{margin:20px auto 0;width:100%;max-width:421px}@media screen and (min-width: 400px){.bill-form__main{margin:31px auto 0}}.bill-form__main-transaction{max-height:120px;overflow:hidden;line-height:21px;transition:all .6s ease}.bill-form__main-transaction-item{margin-top:6px;display:flex;flex-direction:column;align-items:flex-start;font-size:14px;font-weight:400}.bill-form__main-transaction-item .title{color:var(--text-secondary);margin-right:10px}@media screen and (max-width: 365px){.bill-form__main-transaction-item .title.trxId{width:95px}}.bill-form__main-transaction-item .value{font-size:16px;margin-top:-4px}.bill-form__main-transaction-item:first-child{margin-top:0}.bill-form__main-transaction.open{transition:all .6s ease;max-height:390px}.bill-form__main-readMore{display:flex;width:fit-content;align-items:center;margin-bottom:10px;font-size:12px;letter-spacing:.02em;color:#1c1c1e}.bill-form__main-readMore.isVisibleDetail:after{transition:all .3s ease;transform:rotate(180deg)}.bill-form__main-readMore:after{content:"";display:inline-block;background-image:url(./angle-down.81fc3546.svg);color:var(--color-gray);background-repeat:no-repeat;background-size:16px 24px;width:24px;height:24px;margin-left:14px;margin-top:1px;transition:all .6s ease}.bill-form__main-readMore:hover{cursor:pointer}.bill-form.failed{padding-bottom:84px}@media screen and (max-width: 480px){.bill-form.failed{padding-bottom:100px}}.bill-form.success{padding-bottom:84px}@media screen and (max-width: 480px){.bill-form.success{padding-bottom:100px}}@media screen and (max-width: 400px){.bill-form{padding:6px 16px 33px}}.gpb_banner__container{background-color:#f6f7f9;width:100%}@media screen and (min-width: 400px){.gpb_banner__container{margin-top:-24px}}.gpb_banner__container img{border-radius:12px;display:block;width:100%}@media screen and (min-width: 400px){.gpb_banner__container img{border-radius:0 0 12px 12px}}.bill-form__btns{background-color:var(--main-white);border-radius:8px;box-sizing:border-box;display:flex;margin:12px 0;flex-direction:row;justify-content:center;padding-top:0;padding-bottom:0}.bill-form__btns a{align-items:center;background-color:transparent;color:var(--color-blue-main);display:flex;justify-content:center;padding:0;width:193px}@media print{.header-wrapper,.content-wrapper{max-width:100%!important}.bill-form__main{width:fit-content}.receiptResult{display:none}.bill-form__main-transaction{max-height:300px}.bill-form__main-readMore,.bill-form__btns,.footer-wrapper{display:none}}.header-wrapper{margin:0 auto;padding-left:4px;max-width:91.5%;width:100%}@media screen and (min-width: 500px){.header-wrapper{max-width:479px}}@media screen and (min-width: 576px){.header-wrapper{height:73px}}.header-wrapper header{box-sizing:border-box;height:29px;margin:12px 0;min-height:29px}.header-wrapper header img{height:29px;width:128px}@media screen and (min-width: 576px){.header-wrapper header{height:44px;margin:14px 0 15px}.header-wrapper header img{height:44px;width:192px}}.footer-wrapper{margin:0 auto;max-width:343px;width:100%}@media screen and (min-width: 375px){.footer-wrapper{padding:0 16px;max-width:479px}}.footer-wrapper .footer-info{align-items:center;display:flex;flex-direction:column;justify-content:center;height:64px;margin:40px auto 2px}.footer-wrapper .footer-info .bank-short-info{color:var(--color-gray-middle);font-size:10px;line-height:12px;margin:0 0 7px;opacity:.4;text-align:center;max-width:260px;width:100%}@media screen and (min-width: 576px){.footer-wrapper .footer-info .bank-short-info{font-size:12px;letter-spacing:0;line-height:18px;margin:0 0 19px;max-width:100%}}.footer-wrapper .footer-info .footer-img-container{column-gap:24px;display:flex;justify-content:space-between;margin:0 0 9px;max-width:236px;width:100%}@media screen and (min-width: 576px){.footer-wrapper .footer-info .footer-img-container{column-gap:30px;margin:0 0 15px;max-width:300px}}.footer-wrapper .footer-info .footer-img-container .lock-container{align-items:center;display:flex}.footer-wrapper .footer-info .footer-img-container .lock-container .lock-img{align-items:center;border:.803493px solid #ccd3db;flex-shrink:0;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;height:22.5px;width:22.5px}@media screen and (min-width: 576px){.footer-wrapper .footer-info .footer-img-container .lock-container .lock-img{height:28px;width:28px}}.footer-wrapper .footer-info .footer-img-container .lock-container .lock-img img{height:16px;width:16px}@media screen and (min-width: 576px){.footer-wrapper .footer-info .footer-img-container .lock-container .lock-img img{height:20px;width:20px}}.footer-wrapper .footer-info .footer-img-container .lock-container .lock-text{color:#ccd3db;font-size:8px;letter-spacing:.27px;line-height:9px;margin:0 0 0 5px;width:50px}@media screen and (min-width: 576px){.footer-wrapper .footer-info .footer-img-container .lock-container .lock-text{font-size:10px;letter-spacing:.33px;line-height:11px;margin:0 0 0 6px;width:62px}}.footer-wrapper .footer-info .footer-img-container .security-brands-wrapper{display:flex;justify-content:space-between;width:100%}.footer-wrapper .footer-info .footer-img-container .security-brands-wrapper img{height:23px;width:135px}@media screen and (min-width: 576px){.footer-wrapper .footer-info .footer-img-container .security-brands-wrapper img{height:28px;width:168px}}.sberPay-modal{background-color:var(--main-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;padding:16px;gap:10px}@media screen and (min-width: 768px){.sberPay-modal{padding:22px}}.sberPay-modal .sberPay-modal__qrCode-container{margin-bottom:0}.sberPay-modal .title{font-weight:600;line-height:28px;letter-spacing:-.3px;margin-bottom:4px;font-size:20px}.sberPay-modal .text{color:var(--color-gray-dark);font-size:14px;letter-spacing:-.3px}.sberPay-modal .text:not(.timer){margin-bottom:4px}.sberPay-modal .text.timer span{font-weight:700}.sberPay-modal .sberPay-modal__api-msg-container{margin-bottom:10px}.sberPay-modal .sberPay-modal__api-msg-container .api-result{margin-bottom:0}.sberPay-modal .sberPay-modal__api-msg-container .api-result.register-error{color:var(--color-red-light);text-align:center}.sberPay-modal .sberPay-modal__api-msg-container .api-result.text.register-error{color:var(--color-gray-dark)}.sberPay-modal .sberPay-modal__api-msg-container .api-result_success{color:#61bf76}.sberPay-modal .sberPay-modal__api-msg-container .api-result_failed{color:var(--color-red-light)}.sberPay-modal .sberPay-modal__qrCode{background-color:var(--main-white);border-radius:12px;margin-bottom:24px;padding:32px 0;text-align:center}.sberPay-modal .sberPay-modal__qrCode.src{padding:0}.sberPay-modal div[name=msisdn]{align-items:center;border:1px solid #e6e6ea;border-radius:8px;display:flex;flex-direction:row;height:56px;position:relative;justify-content:space-between;margin-bottom:28px}.sberPay-modal div[name=msisdn] .input{width:100%}.sberPay-modal div[name=msisdn].invalid{border:1px solid var(--color-red-light);margin-bottom:30px}.sberPay-modal div[name=msisdn]:focus-within{border:1px solid var(--color-blue-main)}.sberPayApp-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.sberPayApp-modal.src-type{background-color:#0000;position:relative}.sberPayApp-modal .sberPayApp-modal-content{align-self:center;background:#ffffff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;max-width:327px;padding:18px 24px 24px}.sberPayApp-modal .sberPayApp-modal-content__top-text,.sberPayApp-modal .sberPayApp-modal-content__text{font-weight:700;font-size:19px;line-height:24px;text-align:center}.sberPayApp-modal .sberPayApp-modal-content__text a{color:#2355d7}.sberPayApp-modal .sberPayApp-modal-content__top-text.register-error{color:var(--color-red-light)}.sberPayApp-modal .sberPayApp-modal-content__text.register-error{color:var(--color-gray-dark);font-size:14px;font-weight:400;line-height:20px}.sberPayApp-modal .sberPayApp-modal-content__logo{height:75px;width:100%;max-width:75px;margin:7px auto 10px}.loaderSber{align-items:center;display:flex;flex-direction:column;margin-top:10px;min-height:40px;text-align:center}.loaderSber .loader__processing{font-size:24px;font-weight:700;line-height:30px;margin:30px 0 0}.loaderSber .loader__wait{font-size:15px;font-weight:500;margin-top:12px}.lds-ellipsis{display:inline-block;height:40px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);border-radius:50%;background:#00d900;height:13px;position:absolute;top:10px;width:13px}.lds-ellipsis div:nth-child(1){animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.sbp-modal{background-color:var(--main-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;padding:16px;align-items:center}@media screen and (min-width: 768px){.sbp-modal{padding:22px}}.sbp-modal .title{font-weight:600;line-height:28px;letter-spacing:-.3px;margin-bottom:4px;font-size:20px}@media screen and (max-width: 576px){.sbp-modal .title{text-align:center}}.sbp-modal .title.register-error{font-size:20px}.sbp-modal .sbp-modal__header,.sbp-modal .sbp-modal__timer{text-align:center}@media screen and (max-width: 576px){.sbp-modal .sbp-modal__header{display:none}}.sbp-modal .sbp-modal__api-msg-container{margin-bottom:10px}.sbp-modal .sbp-modal__api-msg-container .api-result{margin-bottom:0}.sbp-modal .sbp-modal__api-msg-container .api-result.register-error{text-align:center}.sbp-modal .sbp-modal__qrCode{padding:32px 0;text-align:center}.sbp-modal .sbp-modal__subTips{text-align:center;margin-top:2px;margin-bottom:10px;font-size:20px;font-weight:500}@media screen and (min-width: 576px){.sbp-modal .sbp-modal__subTips{display:none}}:root{--color-red: #ed1b25;--color-red-light: #f6514c;--main-white: #fff;--color-blue: #2B61EC;--color-blue-main: #4e76fc;--color-blue-middle: #2B5EE3;--color-blue-light: #2F67F9;--color-blue-checkbox:#2B61EC;--color-black: #0A0A0B;--color-black-main: #050507;--color-gray: #6F6F6F;--color-gray-middle: #767679;--color-gray-dark: #808b95;--color-gray-light: #B7B7B7;--color-gray-bg: #EAEAEA;--btn-bg-primary: var(--color-blue);--btn-bg-disabled: var(--color-gray-bg);--btn-text-primary: white;--btn-text-disabled: var(--color-gray-light);--btn-text-blue: var(--color-blue-light);--text-primary: var(--color-black);--text-main: var(--color-black-main);--text-secondary: var(--color-gray);--text-link: var(--color-blue);--submitBtn-color: var(--color-blue);--submitBtn-color-disabled: var(--color-gray-bg);--btn-height: 52px;--btn-big-height: 56px}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:none;box-sizing:border-box}body{background-color:#f6f7f9;background-size:cover;color:var(--text-main);font-family:GazprombankSans,sans-serif;font-size:16px;font-weight:400;letter-spacing:.33px;line-height:20px;min-height:100vh;overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}body:has(.margin){margin-right:0}input{outline:none}a{text-decoration:none}summary{list-style:none}.content-wrapper{box-sizing:border-box;margin:0 auto;width:100%;max-width:91.5%}@media screen and (min-width: 400px){.content-wrapper .gpb_banner__container{margin-bottom:30px}}@media screen and (min-width: 500px){.content-wrapper{max-width:480px}.content-wrapper.bill{max-width:481px}}.content-wrapper>div,.content-wrapper>form{margin-bottom:12px}@media screen and (min-width: 768px){.content-wrapper>div,.content-wrapper>form{margin-bottom:12px}}.content-wrapper.main.submit{height:0;padding:0;position:relative;overflow:hidden;z-index:-99}#acs{display:flex;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch;position:fixed;height:100vh;max-height:600px;max-width:500px;width:100%}#acs iframe{-webkit-overflow-scrolling:touch;max-height:100%;max-width:100%;border-radius:4px}