@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{opacity:1;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}html.dark .main-container,html.dark .theme-dark-main{background-color:#1e1e1e;color:#fff!important}html.light .main-container,html.light .theme-light-main{background-color:#f3f4f6;color:#000!important}html.light .wrapper{background-color:#fff;border:1px solid #d1d5db;border-top-width:0;border-radius:0 0 .25rem .25rem}html.light .navbar-wrapper{background-color:#fff;border:1px solid #d1d5db;border-bottom-width:0;border-radius:.25rem .25rem 0 0}html.light .footer-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem}@media screen and (max-width:768px){html.light .wrapper,html.light .navbar-wrapper,html.light .footer-wrapper{border-width:0}}html.dark .wrapper,html.dark .footer-wrapper,html.dark .navbar-wrapper{background-color:#ffffff0a}html.light .button-wrapper{color:#000;background-color:#e5e7eb}html.light .button-wrapper:hover{background-color:#d1d5db}html.dark .button-wrapper{color:#fff;background-color:#0000004d}html.dark .button-wrapper:hover{background-color:#0006}html.light .button-wrapper-nohover{color:#000;background-color:#e5e7eb}html.dark .button-wrapper-nohover{color:#fff;background-color:#0000004d}html.light .hint-button-wrapper{color:#ff8904;background-color:#e5e7eb}html.light .hint-button-wrapper:hover{background-color:#d1d5db}html.dark .hint-button-wrapper{color:#ff8904;background-color:#0000004d}html.dark .hint-button-wrapper:hover{background-color:#0006}html.dark .swap-text{color:#fff}html.light .swap-text{color:#000}html.light .dropdown-wrapper{color:#000;background-color:#e5e7eb}html.light .dropdown:hover,html.dark .dropdown:hover{background-color:#d1d5db}html.dark .dropdown-wrapper{color:#fff;background-color:#2c2c2c}.rotate-container{transition:transform .5s ease-in-out;transform:rotate(90deg)}.counter-rotate{transition:transform .5s 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:.6s linear forwards rotateCW}.counter-rotate{will-change:transform;backface-visibility:hidden;animation:.6s 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:.7s linear forwards rotateCW}@media (min-width:769px){.rotate-container{animation:1s linear forwards rotateCW}}.counter-rotate{will-change:transform;backface-visibility:hidden;animation:.7s 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}
