@keyframes bounce-once{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out fadeInUp}html{scrollbar-gutter:stable}.animate-bounce-once{animation:.3s bounce-once}.grid-element-pattern{background-color:#313248;background-image:linear-gradient(#dedede 2.2px,#0000 2.2px),linear-gradient(90deg,#dedede 2.2px,#0000 2.2px),linear-gradient(#dedede 1.1px,#0000 1.1px),linear-gradient(90deg,#dedede 1.1px,#e8e8e8 1.1px);background-position:-2.2px -2.2px,-2.2px -2.2px,-1.1px -1.1px,-1.1px -1.1px;background-size:55px 55px,55px 55px,11px 11px,11px 11px}.grid-element-pattern.fallback{color:#fff;background-color:#000;background-image:none}[data-theme=dark] .main-container,[data-theme=dark] .theme-dark-main{background-color:#1e1e1e;color:#e8e8e8!important}[data-theme=light] .main-container,[data-theme=light] .theme-light-main{background-color:#f3f4f6;color:#000!important}[data-theme=light] .wrapper,[data-theme=light] .navbar-wrapper{background-color:#fff}[data-theme=light] .footer-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem}@media screen and (max-width:768px){[data-theme=light] .wrapper,[data-theme=light] .navbar-wrapper,[data-theme=light] .footer-wrapper{border-width:0}}[data-theme=dark] .wrapper,[data-theme=dark] .footer-wrapper,[data-theme=dark] .navbar-wrapper{background-color:#ffffff0a}[data-theme=light] .button-wrapper{color:#000;background-color:#e5e7eb}[data-theme=light] .button-wrapper:hover{background-color:#d1d5db}[data-theme=dark] .button-wrapper{color:#fff;background-color:#0000004d}[data-theme=dark] .button-wrapper:hover{background-color:#0006}[data-theme=light] .button-wrapper-nohover{color:#000;background-color:#e5e7eb}[data-theme=dark] .button-wrapper-nohover{color:#fff;background-color:#0000004d}[data-theme=light] .hint-button-wrapper{color:#ff8904;background-color:#e5e7eb}[data-theme=light] .hint-button-wrapper:hover{background-color:#d1d5db}[data-theme=dark] .hint-button-wrapper{color:#ff8904;background-color:#0000004d}[data-theme=dark] .hint-button-wrapper:hover{background-color:#0006}[data-theme=dark] .swap-text{color:#fff}[data-theme=light] .swap-text{color:#000}[data-theme=light] .dropdown-wrapper{color:#000;background-color:#e5e7eb}[data-theme=light] .dropdown:hover,[data-theme=dark] .dropdown:hover{background-color:#d1d5db}[data-theme=dark] .dropdown-wrapper{color:#fff;background-color:#2c2c2c}.rotate-container{transition:transform .25s ease-in-out;transform:rotate(90deg)}.counter-rotate{transition:transform .25s ease-in-out;transform:rotate(-90deg)}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.pop-in{animation:.25s ease-out forwards pop-in}@media (min-width:769px){.rotate-container{will-change:transform;backface-visibility:hidden;animation:.3s linear forwards rotateCW}.counter-rotate{will-change:transform;backface-visibility:hidden;animation:.3s linear forwards rotateCCW}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotateCCW{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}}.rotate-container{will-change:transform;backface-visibility:hidden;animation:.35s linear forwards rotateCW}@media (min-width:769px){.rotate-container{animation:.5s linear forwards rotateCW}}.counter-rotate{will-change:transform;backface-visibility:hidden;animation:.35s linear forwards rotateCCW}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotateCCW{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.tile-number{transition:opacity .2s}.segment-animate{animation:80ms ease-out both segmentIn}@keyframes segmentIn{0%{opacity:0}to{opacity:.9}}