.TopBar_top__0NPRz{height:12rem;width:100%;background-color:var(--theme-color19);display:flex;align-items:center;padding:15rem 5.3rem 4rem 3.7rem;gap:5rem;justify-content:end}.TopBar_refill__DEeDG{color:var(--theme-color);font-size:1.4rem;font-weight:700;cursor:pointer;border-radius:.5rem;border:.1rem solid var(--theme-color-114);background:var(--theme-color8);width:8rem;height:3.9rem}.TopBar_refill__DEeDG:hover{background:var(--theme-color-110)}.TopBar_vibrate__cAAsG{animation:TopBar_vibrate__cAAsG .2s linear}.TopBar_refillBtn__fdwVE{cursor:pointer;color:#fff;display:flex;align-items:flex-end;gap:1rem;padding:1rem 2rem;border:1px solid var(--new-theme-color-24);border-radius:.875rem;font-weight:300;font-size:2rem;letter-spacing:.25px;background-image:linear-gradient(90deg,#8a65f8,#5436ae,#8a65f8,#5436ae);background-size:300% 100%}.TopBar_refillBtn__fdwVE,.TopBar_refillBtn__fdwVE:hover{moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.TopBar_refillBtn__fdwVE:hover{background-position:100% 0}.TopBar_refillBtn__fdwVE:hover .TopBar_depositArrow__J9M0J{animation:TopBar_moveArrowUp___gAdC .6s ease-in-out}@media only screen and (max-width:1024px) and (min-width:451px){.TopBar_top__0NPRz{padding-left:2rem;padding-right:2.8rem;padding-top:10rem;height:7rem;gap:2.2rem}}@media only screen and (max-width:450px){.TopBar_top__0NPRz{padding-left:2.3rem;padding-right:2.3rem;gap:unset;justify-content:center;height:6rem;align-items:flex-start}}@keyframes TopBar_vibrate__cAAsG{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}