:root{--primaryDark: #0b1631;--cardBg: #203568;--light: #ffffff;--dark: #000000;--borderColor: #ced6e9;--yellow: #fff500}@font-face{font-family:Roboto-Thin;src:url(/assets/Roboto-Thin-67248f7e.ttf)}@font-face{font-family:Roboto-Regular;src:url(/assets/Roboto-Regular-4e147ab6.ttf)}@font-face{font-family:Roboto-Medium;src:url(/assets/Roboto-Medium-9d0d55a3.ttf)}@font-face{font-family:Roboto-Bold;src:url(/assets/Roboto-Bold-ec685a46.ttf)}@font-face{font-family:Roboto-Black;src:url(/assets/Roboto-Black-5ace0d08.ttf)}@mixin flexRow{display: flex; flex-direction: row; align-items: center; justify-content: center;}@mixin flexCol{@include flexRow; flex-direction: column;}@mixin flexCenter{@include flexRow;}@mixin flexBetween{@include flexRow; justify-content: space-between;}@mixin flexGap($gap){@include flexRow; column-gap: $gap;}.app-container{padding:8px;background:var(--primaryDark)}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}@font-face{font-family:Roboto-Thin;src:url(/assets/Roboto-Thin-67248f7e.ttf)}@font-face{font-family:Roboto-Regular;src:url(/assets/Roboto-Regular-4e147ab6.ttf)}@font-face{font-family:Roboto-Medium;src:url(/assets/Roboto-Medium-9d0d55a3.ttf)}@font-face{font-family:Roboto-Bold;src:url(/assets/Roboto-Bold-ec685a46.ttf)}@font-face{font-family:Roboto-Black;src:url(/assets/Roboto-Black-5ace0d08.ttf)}.center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.center p{text-align:center;color:#fff;margin-top:1rem;font-size:1.2rem}.signin-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.signin-container p{text-align:center;color:#fff;margin-top:1rem;font-size:1.2rem}.home-context{min-height:100vh}.home-context h4{color:var(--light)}.home-context .balance-card{width:calc(100% - 2rem);border-bottom:1px solid var(--borderColor);border-radius:8px;padding:1rem;margin-bottom:12px;margin-top:8px}.home-context .balance-card h4{margin:0}.home-context .balance-card p{margin:0;text-align:center;color:var(--borderColor);font-size:.8rem}.home-context .balance-left{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-content:space-between;margin-top:8px}.home-context .balance-left h3{margin:0;color:var(--light)}.home-context .home-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.home-context .search-box{width:calc(100% - 1rem);margin-bottom:8px;background:var(--cardBg);border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;justify-content:space-between;padding-right:1rem;color:var(--light)}.home-context .search-box input{padding:12px 1rem;width:calc(100% - 2rem);background-color:transparent;border:none;color:var(--light);font-size:1rem;outline:none}.home-context .search-box input::placeholder{color:var(--borderColor)}.unauth-container{height:calc(100vh - 1rem);width:calc(100vw - 1rem);display:flex;justify-content:center;align-items:center;flex-direction:column}.unauth-container .like-json{width:300px;height:300px}.unauth-container p{color:#fff;text-align:center}@media only screen and (min-width: 450px){.home-context .balance-card{max-width:500px}.home-context .home-container .search-box input{width:500px}}@font-face{font-family:Roboto-Thin;src:url(/assets/Roboto-Thin-67248f7e.ttf)}@font-face{font-family:Roboto-Regular;src:url(/assets/Roboto-Regular-4e147ab6.ttf)}@font-face{font-family:Roboto-Medium;src:url(/assets/Roboto-Medium-9d0d55a3.ttf)}@font-face{font-family:Roboto-Bold;src:url(/assets/Roboto-Bold-ec685a46.ttf)}@font-face{font-family:Roboto-Black;src:url(/assets/Roboto-Black-5ace0d08.ttf)}h1,h2,h3,h4,h5,h6,p{font-family:Roboto-Regular;color:var(--titleColor)}ul>li{font-family:Roboto-Regular}.card-container{flex-basis:calc(33% - 12px);border:1px solid var(--borderColor);border-radius:1rem;height:100px;scale:.7;position:relative}.card-container img{width:100%;height:100%;object-fit:cover;background-color:var(--dark);border-top-left-radius:1rem;border-top-right-radius:1rem}.card-container .wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;border-radius:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.card-container .wrapper.active{background:rgba(0,0,0,.5)}.card-container .wrapper.inactive{background:rgba(255,255,255,.5)}@media only screen and (min-width: 450px){.card-container{flex-basis:calc(20% - 16px)}}body{margin:0;height:100vh}#root{height:100vh}