@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes client-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drop-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes skeleton-loading{to{transform:translate(240%)}}@keyframes skeleton-sheen{0%{transform:skew(-40deg) translate(-100%)}to{transform:skew(-40deg) translate(240%)}}@keyframes skeleton-fade{0%,to{opacity:.6}50%{opacity:1}}@keyframes connect-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.client-view-enter-active{animation:client-slide-in .5s}.client-view-leave-active{animation:client-slide-in .8s reverse}.dropdown-enter-active{animation:drop-down .5s ease-out}.dropdown-leave-active{animation:drop-down .5s ease-in reverse}.slide-up-enter-active,.slide-up-leave-active{transition-delay:.5s;transition:.3s ease-in-out}.slide-up-enter-from{transform:translateY(100%)}.slide-up-enter-to{transform:translateY(0)}.slide-up-leave-to{transform:translateY(100%)}:export{white:#fcfcfc;white-light:#fff;base-dark:#353442;grey-dark:#9296ad;grey:#b7bacf;grey-1:#333;grey-light:#dfe1ec;grey-light-40:#f0f1f6;grey-light-20:#f6f7f9;light:#fcfcfc;purple:#7857ff;purple-light:#896cff;accent-red:#ff364e;accent-green:#25ca53;accent-yellow:#ffb12e}.UsageTopupPayment{display:flex;flex-direction:column;min-height:0}.UsageTopupPayment__success{flex:1;padding:48px 16px calc(16px + var(--safe-area-inset-bottom))}@media(min-width:768px){.UsageTopupPayment__success{padding:24px}}.UsageTopupPayment__success .PaymentSuccessState__icon{margin-top:auto}@media(min-width:768px){.UsageTopupPayment__success .PaymentSuccessState__icon{margin-top:0}}.UsageTopupPayment__success .PaymentSuccessState__button{margin-top:auto}@media(min-width:768px){.UsageTopupPayment__success .PaymentSuccessState__button{width:100%;margin-top:0}}.UsageTopupPayment__title{flex-shrink:0;margin:0;font-size:20px;font-weight:600;line-height:24px;padding:48px 16px 16px}@media(min-width:768px){.UsageTopupPayment__title{padding:24px 24px 16px}}.UsageTopupPayment__body{display:flex;flex:1;min-height:0;flex-direction:column;gap:16px;overflow-y:auto;padding:0 16px 16px}.UsageTopupPayment__body::-webkit-scrollbar{width:8px}.UsageTopupPayment__body::-webkit-scrollbar-track{background:transparent;margin:4px 0}.UsageTopupPayment__body::-webkit-scrollbar-thumb{background-color:var(--color-dark-text-tertiary,#8a8a8a);border-radius:100px;border:2px solid transparent;background-clip:padding-box}.UsageTopupPayment__body::-webkit-scrollbar-thumb:hover{background-color:var(--color-dark-text-secondary,#b0b0b0)}.UsageTopupPayment__body::-webkit-scrollbar-button{display:none}@media(min-width:768px){.UsageTopupPayment__body{padding:0 24px 16px}}.UsageTopupPayment__methods{display:flex;flex-direction:column;gap:12px}.UsageTopupPayment__card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:12px;border:2px solid var(--color-gray-e5,#e5e5ea);background-color:var(--color-white,#fff);cursor:pointer;transition:border-color .2s}.UsageTopupPayment__card--active{border-color:var(--color-blue,#1e5cfb)}.UsageTopupPayment__card-brand{display:flex;align-items:center;gap:8px}.UsageTopupPayment__card-new,.UsageTopupPayment__card-number{font-size:16px;line-height:21px;color:var(--color-black,#000)}.UsageTopupPayment__controls{flex-shrink:0;padding:8px 16px calc(16px + var(--safe-area-inset-bottom))}@media(min-width:768px){.UsageTopupPayment__controls{padding:8px 24px 20px}}.UsageTopupPayment__submit{width:100%}.UsageTopupPayment__skeleton{height:200px;border-radius:8px;position:relative;overflow:hidden;background:var(--color-gray-e5,#e5e5ea);color:transparent}.UsageTopupPayment__skeleton:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.7),transparent);transform:skew(-40deg) translate(-100%);animation:skeleton-sheen 1.5s infinite}@media(prefers-reduced-motion:reduce){.UsageTopupPayment__skeleton:after{animation:none}}html.dark-theme .UsageTopupPayment .UsageTopupPayment__card-new,html.dark-theme .UsageTopupPayment .UsageTopupPayment__card-number,html.dark-theme .UsageTopupPayment .UsageTopupPayment__title{color:var(--color-white,#fff)}html.dark-theme .UsageTopupPayment .UsageTopupPayment__card{background-color:var(--color-dark-bg-primary-second,#303030);border-color:#ffffff1a}html.dark-theme .UsageTopupPayment .UsageTopupPayment__card--active{border-color:#ffffff59}html.dark-theme .UsageTopupPayment .UsageTopupPayment__skeleton{position:relative;overflow:hidden;background:var(--color-dark-bg-primary-second,#303030);color:transparent}html.dark-theme .UsageTopupPayment .UsageTopupPayment__skeleton:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);transform:skew(-40deg) translate(-100%);animation:skeleton-sheen 1.5s infinite}@media(prefers-reduced-motion:reduce){html.dark-theme .UsageTopupPayment .UsageTopupPayment__skeleton:after{animation:none}}html.dark-theme .UsageTopupPayment .UsageTopupPayment__submit{color:var(--color-black,#000);background-color:var(--color-virale-yellow,#ffff5a)}html.dark-theme .UsageTopupPayment .UsageTopupPayment__submit:hover{background-color:var(--color-virale-accent-hover,#e6e64d)}