:root{--motion-enter:cubic-bezier(.18,.82,.22,1);--motion-exit:cubic-bezier(.4,0,.85,.35);--motion-quick:130ms;--motion-standard:320ms;--motion-scene:520ms}
:root.motion-ready #page>section,:root.motion-ready #page>.ng-profile,:root.motion-ready #page>.ng-wallet,:root.motion-ready .am-panel{animation:none}
:root.motion-ready .topnav,:root.motion-ready .tabbar{position:relative}
:root.motion-ready .tabbar{position:fixed}
:root.motion-ready .topnav__link[aria-current=page]::after,:root.motion-ready .tabbar__link[aria-current=page]::after{display:none}
.motion-nav-marker{position:absolute;bottom:0;height:3px;border-radius:3px;background:var(--accent);pointer-events:none;transform-origin:left center}
.tabbar>.motion-nav-marker{bottom:max(10px,env(safe-area-inset-bottom),var(--tg-content-bottom,0px));height:3px}
[data-motion-tabs]{position:relative;isolation:isolate}
[data-motion-tabs]>a,[data-motion-tabs]>button{position:relative;z-index:1}
.motion-pill{position:absolute;z-index:0;border-radius:9px;pointer-events:none;background:var(--accent);transform-origin:left center}
:root.motion-ready .segments[data-motion-tabs]>button[aria-pressed=true],:root.motion-ready .reward-tabs[data-motion-tabs]>button[aria-selected=true],:root.motion-ready .page-tabs[data-motion-tabs]>a.active{background:transparent;box-shadow:none}
:root.motion-ready .ng-hero .hp__slide{transform:none;transition:none;opacity:0;visibility:hidden;z-index:0}
:root.motion-ready .ng-hero .hp__slide.is-active{opacity:1;visibility:visible;z-index:2}
:root.motion-ready .ng-hero .hp__slide.is-leaving{opacity:1;visibility:visible;z-index:1;pointer-events:none}
:root.motion-ready .ng-hero .hp__dot>span{position:relative;overflow:hidden;background:#a7b0bb4d;width:20px}
.motion-dot-fill{position:absolute;inset:0;background:var(--accent);border-radius:inherit;transform-origin:left center;opacity:0}
.is-cur .motion-dot-fill{opacity:1}
:root.motion-ready .btn,:root.motion-ready .icon-btn,:root.motion-ready .avatar,:root.motion-ready .balance-btn,:root.motion-ready .ng-game-card,:root.motion-ready .case-card,:root.motion-ready .gift-card,:root.motion-ready .target-choice{transition:scale var(--motion-quick) var(--motion-enter),background-color 180ms var(--motion-enter),border-color 180ms var(--motion-enter),transform 300ms var(--motion-enter)}
:root.motion-ready .btn:active,:root.motion-ready .icon-btn:active{transform:none}
:root.motion-ready :is(.btn,.icon-btn,.avatar,.balance-btn,.ng-game-card,.case-card,.gift-card,.target-choice):not(:disabled):active{scale:.978}
:root.motion-ready .ng-game-card .ng-cover{transition:transform 520ms var(--motion-enter),translate 520ms var(--motion-enter)}
:root.motion-ready .ng-game-card .game-card__body>.ui-icon{transition:translate 300ms var(--motion-enter)}
:root.motion-ready .dialog::backdrop{animation:upcase-backdrop-in 240ms var(--motion-enter) both}
:root.motion-ready .dialog[data-motion-state=closing]::backdrop{animation:upcase-backdrop-out 190ms var(--motion-exit) both}
:root.motion-ready .dialog[data-motion-state=closing]{pointer-events:none}
:root.motion-ready .dialog[data-motion-state=closing]>*{pointer-events:none}
:root.motion-ready #toast{transition:opacity 160ms var(--motion-exit),transform 160ms var(--motion-exit)}
:root.motion-ready details>summary{display:flex;align-items:center;gap:12px;list-style:none}
:root.motion-ready details>summary::marker{content:''}
:root.motion-ready details>summary::-webkit-details-marker{display:none}
.motion-chevron{width:18px;height:18px;margin-left:auto;flex:none;fill:none;stroke:currentColor;transition:rotate 280ms var(--motion-enter);color:var(--text-3)}
details[open]>summary>.motion-chevron{rotate:180deg}
:root.motion-ready input,:root.motion-ready select{transition:border-color 160ms var(--motion-enter),background-color 160ms var(--motion-enter)}
:root.motion-ready .amount-field,:root.motion-ready .copy-field{transition:border-color 160ms var(--motion-enter)}
:root.motion-ready .amount-field:focus-within,:root.motion-ready .copy-field:focus-within{border-color:#a6d7f580}
:root.motion-ready input[aria-invalid=true]{border-color:#e7a6aa99;outline-color:#e7a6aa}
:root.motion-ready .btn[aria-busy=true]{position:relative;padding-right:42px}
:root.motion-ready .btn[aria-busy=true]::after{display:block;content:'';position:absolute;right:15px;top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:upcase-pending 700ms linear infinite}
@keyframes upcase-backdrop-in{from{background-color:#080c1200}to{background-color:#080c12bb}}
@keyframes upcase-backdrop-out{from{background-color:var(--motion-backdrop-start,#080c12bb)}to{background-color:#080c1200}}
@keyframes upcase-pending{to{rotate:360deg}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){:root.motion-ready .ng-game-card:hover .ng-cover{transform:scale(1.025);translate:0 -2px}:root.motion-ready .ng-game-card:hover .game-card__body>.ui-icon{transform:none;translate:3px 0}}
@media(prefers-reduced-motion:reduce){:root.motion-ready *,:root.motion-ready *::before,:root.motion-ready *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root.motion-ready :is(.btn,.icon-btn,.ng-game-card,.case-card,.gift-card,.target-choice):active{scale:1}:root.motion-ready .ng-game-card:hover{transform:none}}

@media(prefers-reduced-motion:reduce){:root.motion-ready .dialog::backdrop{animation:none!important;transition:none!important}}