body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ebebeb;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}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:15px}::-webkit-scrollbar-horizontal{height:10px!important}::-webkit-scrollbar-thumb:hover{background:#555}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.screen{background:linear-gradient(90deg,#587080,#3d4f58);position:relative;width:360px}.screen__content{position:relative;z-index:1}.screen__background{bottom:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);left:0;position:absolute;right:0;top:0;z-index:0}.screen__background__shape{position:absolute;transform:rotate(45deg)}.screen__background__shape1{background:#ededed;border-radius:0 72px 0 0;height:520px;right:120px;top:-50px;width:520px}.screen__background__shape2{background:#21313c;border-radius:32px;height:220px;right:0;top:-172px;width:220px}.screen__background__shape3{background:linear-gradient(270deg,#21313c,#21313c);border-radius:32px;height:540px;right:0;top:-24px;width:190px}.screen__background__shape4{background:#21313c;border-radius:60px;height:400px;right:50px;top:420px;width:200px}.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:30px;width:320px}.login__field{padding:20px 0;position:relative}.login__icon{color:#7875b5;position:absolute;top:30px}.login__input{background:none;border:none;border-bottom:2px solid #d1d1d4;font-weight:700;padding:10px 10px 10px 24px;transition:.2s;width:75%}.login__input:active,.login__input:focus,.login__input:hover{border-bottom-color:#6a679e;outline:none}.login__submit{align-items:center;background:#fff;border:1px solid #d4d3e8;border-radius:26px;box-shadow:0 2px 2px #5c5696;color:#4c489d;cursor:pointer;display:flex;font-size:14px;font-weight:700;margin-top:30px;padding:16px 20px;text-transform:uppercase;transition:.2s;width:100%}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#6a679e;outline:none}.button__icon{color:#7875b5;font-size:24px;margin-left:auto}.social-login{bottom:0;color:#fff;height:140px;position:absolute;right:0;text-align:center;width:160px}.social-icons{align-items:center;display:flex;justify-content:center}.social-login__icon{color:#fff;padding:20px 10px;text-decoration:none;text-shadow:0 0 8px #7875b5}.social-login__icon:hover{transform:scale(1.5)}@keyframes move{0%{transform:translateX(0)}to{transform:translateX(90%)}}.moving-theme{animation:move 10s linear infinite}@keyframes fadeOut{0%{opacity:1}50%{opacity:0}to{opacity:0;transform:translateX(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-100%)}50%{opacity:0}to{opacity:1}}.moving-text{animation:fadeOut 30s linear infinite;transition:opacity 1s}.new-text{animation:fadeIn 30s linear infinite;transition:opacity 1s}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.blinking-text{animation:blink 3.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#loading-animation{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.loader{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin-bottom:10px;width:30px}p{font-size:18px;font-weight:700}.selected{background-color:#fcdb95}@keyframes smoothAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.element{animation:smoothAppear .6s ease-in-out forwards;opacity:0}button.loading{animation:loadingAnimation 1s infinite}@keyframes loadingAnimation{0%{background-color:#f2f2f2}50%{background-color:#ddd}to{background-color:#f2f2f2}}.bar{background-color:#d3d3d3;height:30px;position:relative;width:100vw}.credit-amount{background-color:#facf72}.credit-amount,.debit-amount{height:100%;position:absolute}.debit-amount{background-color:#46607b}.new_claim_button{transition:transform .3s ease,border-radius .3s ease!important}.new_claim_button:hover{border-radius:50px}.new_claim_add{border-bottom-left-radius:25px!important;border-bottom-right-radius:25px!important;border-top-left-radius:25px!important;transition:all .3s ease!important}@keyframes ripple{to{opacity:0;transform:scale(4)}}.new_claim_add:hover{transform:scale(1.05)!important;transition:all 1s}.card-button{transition:all 1s}.card-button:hover{scale:3;transition:all 1s}.card-hover-effect{height:60px;margin:0;padding:0!important;transition:transform .3s ease!important}.card-hover-effect:hover{transform:scale(1.05)!important}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.bounce-button{animation:bounce 2s infinite}.bounce-button:hover{animation-play-state:paused}.selected-item{background-color:#e2f9ff;border-bottom-right-radius:25px;border-left:5px solid #17b859;border-top-right-radius:25px;color:#000}.unselected-item{background-color:initial}