@charset "UTF-8";::-ms-reveal{display:none}:root{--bg-nav-color: #111;--bg-main-color: #131930;--bg-item-main-color: #1b2448;--bg-item2-main-color: #2542dd;--bg-item3-main-color: #2139c0;--bg-item4-main-color: #33427b;--bg-item4-main-color: #253266;--color-text-price-top-recharge: #ffffff;--bg-top-recharge-unactive: #111;--color-btn-1: #2C8CC2;--color-btn-2: #0BC4E2;--color-text-tag: #fff;--bg-skeleton: #ffffffcb;--color-text-header-account: #ef4444;--bg-footer: #1b1a1a;--color-footer: #fff}body{background-color:var(--bg-main-color)!important}#root{min-height:100vh;display:flex;flex-direction:column}.changeColor{animation:changeColor .3s linear infinite}.showText{animation-duration:2.5s;animation-delay:0ms;animation-name:showText;animation-iteration-count:1}.input-animation{animation-duration:.5s;animation-delay:50ms;animation-name:input-animation;animation-iteration-count:1}.frame-service{position:absolute;top:0;inset:1px;pointer-events:none}.image-with-blur-border{position:relative;display:inline-block;background-size:cover;background-position:center center;overflow:hidden}.image-with-blur-border:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;box-shadow:0 -8px 8px #00000080;pointer-events:none}@keyframes input-animation{0%{width:0}to{width:100%}}@keyframes changeColor{0%{background:var(--bg-item3-main-color)}50%{background:var(--bg-item2-main-color)}to{background:var(--bg-item3-main-color)}}@keyframes showText{0%{clip-path:polygon(0% 0%,0% 0%,0% 0%)}to{clip-path:polygon(0% 0%,200% 0%,0% 200%)}}.skeleton{background-color:var(--bg-item4-main-color);width:100%;height:auto;position:relative;overflow:hidden}.skeleton:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(57,77,225,.5),transparent);animation:skeleton-loading 1.5s linear infinite}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}.transaction-new-item{position:absolute;animation:transaction-new-item-loading .7s normal}@keyframes transaction-new-item-loading{0%{opacity:0;left:100%}to{opacity:1;left:0%}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:rotating .3s linear infinite}.lucky-card-light{z-index:1;position:relative;display:inline-block;animation:light 1s linear infinite}.lucky-card-light:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;border-radius:50%;transform:translate(-50%,-50%)}@keyframes light{0%{box-shadow:0 0 #dcdcfea7}to{box-shadow:0 0 0 100px #fff0}}.shake-card:hover{animation:shake .5s;animation-iteration-count:infinite}.shake-card .flip{animation:flip 1s;animation-fill-mode:forwards}.shake-card .flip-back{animation:flip-back 1s;animation-fill-mode:forwards}.transtion{transition:.5s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(5px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}@keyframes flip-back{0%{transform:rotateY(180deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.navigate{display:flex;gap:.5rem;justify-content:left;align-items:center;flex-wrap:wrap;list-style:none}.navigate .disabled{color:gray}.navigate .page-paginate{transition:.3s;font-weight:700}.navigate .page-paginate:hover{color:#d21616}.navigate a{justify-content:center;align-items:center;display:flex;color:#fff;width:35px;height:35px;font-size:16px}.navigate .hd{justify-content:center;align-items:center;display:flex}.navigate .active{border-radius:5px;background-color:var(--bg-item2-main-color)}.navigate .active:hover{color:initial}.navigate .break a{display:flex;align-items:center;justify-content:center}