@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:.5s bounce-once}.grid-element-pattern{background-color:#f0f0f0}.grid-element-pattern.fallback{color:#fff;background-color:#000}[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)}}.rotate-container-ccw{will-change:transform;backface-visibility:hidden;animation:.35s linear forwards rotateCCW}@media (min-width:769px){.rotate-container-ccw{animation:.5s linear forwards rotateCCW}}.counter-rotate-ccw{will-change:transform;backface-visibility:hidden;animation:.35s linear forwards rotateCW}@keyframes boggleIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tile-number{transition:opacity .2s}.segment-animate{animation:80ms ease-out both segmentIn}@keyframes segmentIn{0%{opacity:0}to{opacity:.9}}