:root{--Text-Secondary:#ffffffbf}body{background-color:#211f22}body.light{background-color:#fafafa}html{height:100%;overflow:hidden}*{box-sizing:border-box;font-family:TTFirsNeue Regular;font-style:normal;margin:0;padding:0}.wrapper{background:#211f22;display:flex;height:100vh;justify-content:center;width:100vw}.wrapper.light{background-color:#fafafa}.App{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;max-width:480px;width:100%}.logo{margin-top:20px;text-align:center;width:100%}iframe{border:1px solid #ffffff1a;border:1px solid var(--Border-Default);border-radius:10px;height:550px;width:100%}.order-info-block{background-color:#262328;border:1px solid #ffffff1a;border-radius:10px;margin-top:40px;max-width:480px;padding:20px;width:100%}.light .order-info-block{background-color:#fff;border-color:#211f221a}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:480px){.App{padding:20px}}@media screen and (max-width:320px){.App{padding:10px}}.error-contaier{margin-top:40px;max-width:480px;padding:0 20px;width:100%}.error-block{background:#262328;border:1px solid #ffffff1a;border:1px solid var(--Border-Default);border-radius:10px;color:#fff;color:var(--Text-Primary);display:flex;flex-direction:column;font-family:TTFirsNeue Regular;font-style:normal;font-weight:400;justify-content:center;padding:20px}.light .error-block{background-color:#fff;border-color:#211f221a}.error-title{font-size:36px;line-height:40px}.error-message,.error-title{color:#fff;font-weight:400;text-align:center}.error-message{font-size:18px;line-height:24px;margin-bottom:20px;margin-top:10px}.light .error-message,.light .error-title{color:#211f22}.qr-page-wrapper{max-width:480px;width:100%}.qr-block{align-items:center;background-color:#262328;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;margin-top:20px;padding:20px;text-align:center}.light .qr-block{background-color:#fff;border-color:#211f221a}#react-qrcode-logo{border-radius:10px}.qr-title{color:#fff;font-size:18px;font-weight:400;line-height:24px;margin-top:20px}.light .qr-title{color:#211f22}.qr-description{color:#ffffffbf;font-size:14px;font-weight:400;line-height:20px;margin-top:10px}.light .qr-description{color:#211f22bf}.price-info{display:flex;font-family:TTFirsNeue Medium;justify-content:space-between}.price-number{color:#fff;font-size:22px;font-weight:500;line-height:28px}.light .price-number{color:#211f22}.transaction-number{color:#ffffffbf;font-size:16px;font-weight:400}.light .transaction-number{color:#211f22bf}.light .result-container .price-number{color:#211f22}.agent-name{color:#ffffffbf;font-size:16px;line-height:24px}.light .agent-name{color:#211f22bf}.description{color:#ffffffbf;font-size:16px;line-height:24px;margin-top:10px}.light .description{color:#211f22bf}.offer{font-weight:400;justify-content:center;width:100%}.offer,.offer-content{display:flex;height:100%}.offer-content{flex-direction:column;margin-top:40px;padding-bottom:22px;scrollbar-color:#100d11 #0000;scrollbar-width:thin;text-align:start}.offer-content .title{padding:32px 32px 0}.offer-blocks{overflow-y:scroll;padding:0 32px}.light .offer-content{scrollbar-color:#b8b8b8 #0000}.mobile .offer-content{scrollbar-color:#6b6a6b #0000!important}.modal .offer-content{margin-top:0}.light .offer-content{background-color:#fff}.modal .title{font-size:22px;font-weight:500;line-height:28px;text-align:left}.p2,.p2First{margin-bottom:0}.block:not(:last-child){margin-bottom:20px}.light .p2{color:#211f22bf}.title{color:var(--Text-Primary);font-size:18px;margin-bottom:20px;text-align:center}.light .title{color:#211f22}p{color:var(--Text-Secondry);font-size:14px;line-height:20px}.accept-text a{color:var(--Text-Primary)}.modal-overlay{background-color:#00000080;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw}.close-icon{cursor:pointer;position:absolute;right:32px;top:36px}.modal-content{background-color:#262328;border-radius:8px;cursor:default;height:600px;left:50%;position:absolute;top:40px;transform:translateX(-50%);width:640px}.light .modal-content{background-color:#fff}.loading{align-items:center;display:flex;gap:10px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-5px);z-index:100}.loading__dot{animation:dot 1s ease-in-out infinite;background-color:grey;background-color:#fff;border-radius:1px;display:inline-block;height:5px;width:5px}.loading__dot:nth-of-type(2){animation-delay:.2s}.loading__dot:nth-of-type(3){animation-delay:.3s}@keyframes dot{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@font-face{font-family:TTFirsNeue Black;src:url(/static/media/TTFirsNeue-Black.e2bc93fcfddd4dd2b8dd.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Black Italic;src:url(/static/media/TTFirsNeue-BlackItalic.20e6d72dbbf5628241f0.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Bold;src:url(/static/media/TTFirsNeue-Bold.0e5c24bc12f0df7821a9.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Bold Italic;src:url(/static/media/TTFirsNeue-BoldItalic.7101fe6a82872924d9c2.ttf) format("truetype")}@font-face{font-family:TTFirsNeue DemiBold;src:url(/static/media/TTFirsNeue-DemiBold.3000b23d43b9567b832f.ttf) format("truetype")}@font-face{font-family:TTFirsNeue DemiBold Italic;src:url(/static/media/TTFirsNeue-DemiBoldItalic.d96287c6cf4cd2f5d330.ttf) format("truetype")}@font-face{font-family:TTFirsNeue ExtraBold;src:url(/static/media/TTFirsNeue-ExtraBold.a3be4568fc181a363d94.ttf) format("truetype")}@font-face{font-family:TTFirsNeue ExtraBold Italic;src:url(/static/media/TTFirsNeue-ExtraBoldItalic.c05e8e2ffbe897de6277.ttf) format("truetype")}@font-face{font-family:TTFirsNeue ExtraLight;src:url(/static/media/TTFirsNeue-ExtraLight.d4804a9d687bd4aaf94d.ttf) format("truetype")}@font-face{font-family:TTFirsNeue ExtraLight Italic;src:url(/static/media/TTFirsNeue-ExtraLightItalic.9deec1f72709abf6f30f.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Italic;src:url(/static/media/TTFirsNeue-Italic.f199c50d88dcd554ff5e.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Light;src:url(/static/media/TTFirsNeue-Light.fbe65c7a237ab24e25a3.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Light Italic;src:url(/static/media/TTFirsNeue-LightItalic.d9587c80fcbd3fc0ba53.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Medium;src:url(/static/media/TTFirsNeue-Medium.c40de9018ca2adfa67af.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Medium Italic;src:url(/static/media/TTFirsNeue-MediumItalic.a8c67bc898b83b8aa4f3.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Regular;src:url(/static/media/TTFirsNeue-Regular.7925664aab1bc42bbc9b.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Thin;src:url(/static/media/TTFirsNeue-Thin.829bbc6cd68163130c70.ttf) format("truetype")}@font-face{font-family:TTFirsNeue Thin Italic;src:url(/static/media/TTFirsNeue-ThinItalic.b9f5800f28ab1c53203d.ttf) format("truetype")}:root{--Text-Primary:#fff;--Text-Secondry:#ffffffbf;--Text-Warning:#ed8c20;--Text-Hint:#ffffff40;--Border-Default:#ffffff1a;--Border-Active:#8b53e8;--Background-Primary-active:#522f8b}.order-add-cart-block{align-items:center;background:#262328;border:1px solid #ffffff1a;border:1px solid var(--Border-Default);border-radius:10px;color:#fff;color:var(--Text-Primary);display:flex;flex-direction:column;font-family:TTFirsNeue Regular;font-style:normal;font-weight:400;justify-content:center;margin-top:20px;padding:20px;width:100%}.order-add-cart-block.light{background:#fff;border-color:#211f221a}.sbp-bg,form{width:100%}.sbp-bg{align-items:center;background-color:#000;border-radius:10px;cursor:pointer;display:flex;height:56px;justify-content:center;margin-bottom:20px;padding:0}form>a>img{height:36px;width:100%}.add-cart-block{width:100%}.label-text-payment{align-items:center;background-color:#ed8c201a;border:1px solid #ed8c201a;border-radius:4px;display:flex;height:28px;justify-content:center;margin-bottom:10px;text-align:center;width:100%}.label-text-payment p{color:#ed8c20;color:var(--Text-Warning);font-size:12px;font-weight:400}.card-number-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}#cardNumber{width:100%}.card-number-container img{position:absolute;right:20px}input[type=number],input[type=password],input[type=text]{background:#211f22;border:1px solid #ffffff1a;border:1px solid var(--Border-Default);border-radius:10px;color:#fff;color:var(--Text-Primary);font-size:16px;height:56px;padding:20px;width:100%}.light input[type=number],.light input[type=password],.light input[type=text]{background-color:#fafafa;border-color:#211f221a;color:#211f22}input.errorFocused{border:none}input[type=number]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#8b53e8;border-color:var(--Border-Active);box-shadow:0 0 0 1px #8b53e8;box-shadow:0 0 0 1px var(--Border-Active);outline:none}input.error{border:1px solid red}input.error:focus{border-color:#8b53e8;border-color:var(--Border-Active);box-shadow:0 0 0 1px #8b53e8;box-shadow:0 0 0 1px var(--Border-Active)}.cvv-container{display:flex;justify-content:space-between;margin:10px 0;position:relative;width:100%}.cvv-container input:first-child{margin-right:5px;width:100%}.cvv-container img{cursor:pointer}.cvv-input{margin-left:5px;width:100%}.toggle-cvv-visibility-container{align-items:center;display:flex;height:56px;justify-content:center;position:absolute;right:0;width:64px}input[type=submit]{background:#8b53e8;border:none;border-radius:10px;color:#fff;color:var(--Text-Primary);cursor:pointer;font-size:16px;font-weight:500;height:56px;padding:15px 20px;position:relative;transition:background-color .2s ease-in-out;width:100%}input[type=submit]:hover{background-color:#7346bb}.submit-button{justify-content:center;margin-bottom:20px;margin-top:20px;position:relative;width:100%}#submitButton.active{background-color:#522f8b;background-color:var(
    --Background-Primary-active
  )}.accept-text{margin-bottom:0;text-align:center;width:100%}.accept-text p{color:#ffffff40;color:var(--Text-Hint);line-height:16px}.accept-text a,.accept-text p{font-size:12px;margin-bottom:0;margin-top:0}.accept-text a{color:#ffffffbf;color:var(--Text-Secondry)}.accept-text a,.accept-text a:hover{text-decoration:none}.light .accept-text p{color:#211f2240}.light .accept-text a{color:#211f22bf}.submit-loading{background-color:#522f8b!important}@media screen and (max-width:375px){.cvv-container input:first-child{margin-right:10px;width:100%}.cvv-input{margin-left:10px;width:100%}}.overlay-wrapepr{position:relative}.overlay{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw}.content{bottom:0;left:0;position:absolute}.fade-appear,.fade-enter{opacity:0}.fade-appear-active{opacity:1;transition:opacity .3s linear}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{opacity:0}.fade-enter-active,.fade-exit-active{transition:opacity .3s linear}.sheet-wrapper{background-color:#262328;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;height:calc(100svh - 40px);left:0;position:absolute;width:100vw}.light .sheet-wrapper{background-color:#fff}.close-btn{position:absolute;right:14px;top:14px}.drag-container{left:50%;padding:10px;position:absolute;top:0;transform:translateX(-50%)}.drag-line{background-color:#fff;border-radius:10px;height:3px;width:67px}.light .drag-line{background-color:#211f22bf}.slide-enter{transform:translateY(100%)}.slide-enter-active{transition:transform .3s linear}.slide-enter-active,.slide-exit{transform:translateY(0)}.slide-exit-active{transform:translateY(100%);transition:transform .3s linear}.banks-list{display:flex;flex-direction:column;height:100%}.header{color:#fffc;display:flex;font-size:16px;font-weight:400!important;gap:12px;line-height:24px;margin-bottom:30px;padding:40px 20px 0}.light .header{color:#211f22}.search-container{padding:0 20px;position:relative}.search-icon{left:36px;position:absolute;top:16px}.search-input{background:#211f22;border:1px solid var(--Border-Default);border-radius:10px;color:var(--Text-Primary);font-size:16px;height:56px;margin-bottom:20px;padding:20px 20px 20px 54px;width:100%}.light .search-input{background-color:#fafafa;border-color:#211f221a;color:#211f22}.search-input:focus{border-color:var(--Border-Active);outline:none}.banks-list .divider{border-bottom:1px solid #ffffff1a;width:100vw}.light .banks-list .divider{border-color:#211f221a}.list{overflow:scroll;padding:0 20px}.bank-item{align-items:center;background-color:#262328;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:10px;margin-bottom:10px;padding:10px}.light .bank-item{background-color:#fff;border-color:#211f221a;color:#211f22}.bank-item>img{border-radius:6px;height:36px;width:36px}