body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.kitties-app-root{flex-direction:row;height:100%;justify-content:space-between;padding:0;position:relative;width:100%}.app-main-frame,.kitties-app-root{align-items:flex-start;background:#7000ff;display:flex}.app-main-frame{align-self:stretch;flex:none;flex-direction:column;flex-grow:1;max-height:765px;max-width:1140px;order:0;padding:40px}.app-head{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.tabs-switcher{background:#6100dc;border-radius:12px;height:37px;order:1;padding:4px;width:248px}.tabs-switcher,.tabs-switcher .tab-button{align-items:flex-start;display:flex;flex:none;flex-direction:row;flex-grow:0}.tabs-switcher .tab-button{background-color:inherit;border:none;border-radius:9px;color:#fff;gap:10px;height:29px;justify-content:center;order:0;padding:6px 12px;width:120px}.tabs-switcher .tab-button:hover{background-color:#7000ff}.tabs-switcher .tab-button.active{background:#4e01b0}.app-instruction{background-color:#6400e3}.cards{display:flex;flex-direction:row;flex-wrap:wrap}.cards .card-item{border-radius:12px;display:flex;flex:none;flex-grow:0;height:180px;margin-bottom:20px;margin-right:20px;order:0;width:285px}.card-item.bank-card{background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 15px 30px #4800a4;color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;padding:5px}.card-item.bank-card.background-cat1{background-image:url(/static/media/Cat1.ef7fe75da8ad32416656.jpg)}.card-item.bank-card.background-cat2{background-image:url(/static/media/Cat2.db862ab3badf544376f8.jpg)}.card-item.bank-card.background-cat3{background-image:url(/static/media/Cat3.f9fb8e7fd08daabd6b1c.jpg)}.card-item.bank-card.background-cat4{background-image:url(/static/media/Cat4.6ce47b860a77f3488d5f.jpg)}.card-item.bank-card *{border:none}.card-item.bank-card .info-top{color:#24ff61;display:flex;flex-direction:row;font-size:20px;font-style:normal;font-weight:600;justify-content:space-between;line-height:24px}.card-item.bank-card .info-top *{border-radius:8px;height:32px;margin-right:5px}.card-item.bank-card .info-top .card-balance{align-items:center;background:rgba(0,0,0,.5);cursor:pointer;display:flex;justify-content:center;width:74px}.card-item.bank-card .info-top .card-balance:hover{background-color:rgba(0,0,0,.8)}.card-item.bank-card .info-top .card-button{background-position:50%;background-repeat:no-repeat;cursor:pointer;width:32px}.card-item.bank-card .info-top .card-button:hover{background-color:rgba(0,0,0,.8)}.card-item.bank-card .info-top .add-money{background-color:rgba(0,0,0,.5);background-image:url(/static/media/add.dd2bc44c17d2f1d42ea6.svg)}.card-item.bank-card .info-top .delete-card{align-self:flex-end;background-color:transparent;background-image:url(/static/media/delete.440c9c324c7950b55eab.svg)}.card-item.bank-card .info-bottom{display:flex;flex-direction:column}.add-new-card{align-items:center;border:2px dashed #4e01b0;display:flex;justify-content:center}.add-new-card:hover{border-color:#24ff61}.add-new-card .add-new-card-button{background-color:#6100dc;background-image:url(/static/media/add.dd2bc44c17d2f1d42ea6.svg);background-position:50%;background-repeat:no-repeat;border:none;border-radius:50%;display:flex;height:54px;width:54px}.my-form{padding:15px}.controls-button{align-items:flex-start;background:#24ff61;border:0;border-radius:12px;display:flex;flex-direction:row;gap:10px;padding:15px 20px}.controls-button:hover{background-color:#5dff24}.controls-button:active{background-color:#00d93d}.controls-input{align-items:flex-start;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;gap:10px;height:47px;margin-bottom:20px;padding:15px 0 15px 10px;width:360px}.controls-input:focus{border-color:#7000ff}.controls-input:focus-visible{outline-width:0}.controls-input:invalid{border-color:red}.controls-input:disabled{background-color:#e6e6e6}.custom-form-outlet{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.custom-form-outlet,.my-form{align-items:center;display:flex;justify-content:center}.my-form{background-color:#fff;border-radius:22px;box-shadow:20px 4px 80px rgba(45,0,102,.8);flex-direction:column;opacity:1;padding:20px;width:400px;z-index:500}.my-form div,.my-form form{width:100%}.my-form .form-heading{align-items:center;display:flex;justify-content:space-between;margin:0}.my-form .form-heading .form-title{color:#6100dc;font-family:Montserrat;font-size:20px;font-style:normal;font-weight:600;line-height:24px;margin:14px 0}.my-form form{align-items:flex-start;display:flex;flex-direction:column;padding:0}.my-form form label{font-family:Montserrat;font-size:14px;font-style:normal;font-weight:600;line-height:18px}.my-form .close-button{background:0,0,0,0;background-image:url(/static/media/close.16540bf90538db653183.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:20%;height:32px;width:32px}.my-form .close-button:hover{background-color:rgba(150,0,0,.2)}.my-form .operation-history{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0 5px;width:100%}.my-form .operation-history .history-element{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;font-family:Montserrat;font-size:14px;font-style:normal;gap:10px;height:38px;justify-content:space-between;line-height:18px;padding:10px 0;width:100%}.my-form .operation-history .history-element .date{font-weight:400}.my-form .operation-history .history-element .amount{font-weight:600}.my-form .operation-history .history-element .amount.add{color:#00e469}.my-form .operation-history .history-element .amount.add:before{content:"+"}.my-form .operation-history .history-element .amount.donate{color:red}.my-form .operation-history .history-element .amount.donate:before{content:"-"}.my-form .operation-history .history-element .balance{font-weight:600}.my-form .operation-history .history-element:not(:last-child){border-bottom:1px solid #e6e6e6}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-VariableFont_wght.3faa3eef13649db02044.ttf)}*{box-sizing:border-box;font-family:Montserrat;-o-user-select:none;-webkit-user-select:none;user-select:none}#root,body,html{height:100%}.shade-background{background-color:#4e01b0;height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.app-instruction{align-items:flex-start;align-self:stretch;background:#6400e3;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:15px;height:100%;order:1;padding:40px;width:300px}
/*# sourceMappingURL=main.b96e8638.css.map*/