@font-face{font-family:Poppins;src:url(/paytab/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}body{--main:#5808b3;--main-hover:#7905ff;--main-smooth:#5808b32f;--secondary:#f0f8ff;--contrast:#44f3ff;--main-text:#333;--secondary-text:#757474}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.app{background-color:var(--main-smooth);flex-direction:column;font-family:Poppins;row-gap:20px}.app,.app__header{align-items:center;display:flex}.app__header{background-image:linear-gradient(183deg,var(--main) 60%,var(--contrast));color:var(--secondary);-webkit-column-gap:10px;column-gap:10px;font-size:30px;font-weight:700;justify-content:center;padding:5px;width:100%}.app__logo{width:40px}.container{padding:20px}.main{background-color:#fff;border-radius:10px;min-height:calc(100vh - 55px)}.users__list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;row-gap:10px}.users__list__title{color:var(--main-text);font-size:15px;font-weight:700;line-height:30px}.users__list__subtitle{color:var(--secondary-text);font-size:10px;font-weight:700}.dialog{background-color:var(--secondary);border:none;border:1px solid var(--main);border-radius:5px;min-width:300px;padding:0}.dialog::-webkit-backdrop{background-color:#5808b35d}.dialog::backdrop{background-color:#5808b35d}.footer{align-items:center;background-image:linear-gradient(3deg,#5808b3 60%,#00ddec);color:var(--secondary);display:flex;font-size:12px;height:40px;justify-content:center;width:100%}@media (min-width:768px){.container{width:768px}.users__list__title{font-size:18px}.users__list__subtitle{font-size:12px}}.user{background-color:var(--secondary);border-bottom:2px solid var(--contrast);border-radius:5px;-webkit-column-gap:5px;column-gap:5px;justify-content:space-between;padding:5px;width:100%}.user,.user__profile{align-items:center;display:flex}.user__profile{-webkit-column-gap:10px;column-gap:10px}.user__pic{border-radius:50%;height:50px;width:50px}.user__id__username,.user__name{font-size:12px;line-height:20px}.user__pay{background-color:var(--main);border:none;border-radius:5px;color:var(--secondary);cursor:pointer;font-weight:700;padding:5px 10px}.user__pay:hover{background-color:var(--main-hover)}@media (min-width:768px){.user{padding:10px}.user__id__username,.user__name{font-size:14px;line-height:20px}}.spinner{align-items:center;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;display:flex;justify-content:center;min-width:375px;padding:100px}.spinner img{width:100px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.modal__pay__header{background-color:var(--main);color:var(--secondary);font-size:14px;font-weight:700;padding:10px;text-align:center}.receiver__name{color:var(--contrast)}.form__pay{display:flex;flex-direction:column;padding:20px;row-gap:20px;width:100%}.form__input{border:1px solid var(--secondary-text);border-radius:3px;height:30px}.form__input--submit{align-self:center;background-color:var(--main);color:var(--secondary);cursor:pointer;font-weight:700;width:70px}.form__input--submit:hover{background-color:var(--main-hover)}.back{align-self:flex-start;color:var(--main);cursor:pointer;font-size:12px;font-weight:700}@media (min-width:768px){.dialog{min-width:400px}}.post__pay__status{display:flex;flex-direction:column;font-size:12px;padding:30px;row-gap:20px}strong{font-weight:700}@media (min-width:768px){.post__pay__status{font-size:16px;padding:30px}}
/*# sourceMappingURL=main.88b7faf9.css.map*/