:root{--mobile-width:342px;--tablet-width:650px;--desktop-width:1044px;--footer-height:155px;--footer-mobile-height:80px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;justify-content:center;align-items:center;display:flex}.grid{margin-bottom:calc(var(--footer-mobile-height) + 10px);grid-template-columns:62px 62px 62px 62px 62px;gap:8px;display:grid}@media (width>=760px){.grid{margin-bottom:calc(var(--footer-height) + 10px);grid-template-columns:74px 74px 74px 74px 74px 74px 74px;gap:22px}}@media (width>=1280px){.grid{width:var(--desktop-width);grid-template-columns:82px 82px 82px 82px 82px 82px 82px 82px 82px 82px;gap:28px;margin-top:0}}.audio-image{border:2px solid #000;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.audio-container{justify-content:center;align-items:center;margin:10px 0;display:flex}.audio-text{margin:0 10px 0 0;font-size:20px;font-weight:600}@media (width>=760px){.audio-container{justify-content:flex-start;margin:50px 0}}.tile{border:1px solid #cecece;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:48px;display:flex;position:relative}.tile.tile--highlighted{background-color:#e4f7ff;border-width:1px;border-color:#52cbff}.tile.tile--correct{background-color:#def5de;border-width:1px;border-color:#26ba24}.tile.tile--incorrect{background-color:#fee9e9;border-width:1px;border-color:#fa6969}.tile-key{font-family:Courier New,Courier,monospace;font-size:14px;display:none;position:absolute;bottom:3px;right:6px}@media (width>=760px){.tile{width:72px;height:72px}}@media (width>=1280px){.tile{width:82px;height:82px}.tile-key{display:block}}.footer{width:100vw;height:var(--footer-mobile-height);background-color:#fff;border:0 solid #cecece;border-top-width:1px;justify-content:center;font-size:20px;font-weight:700;display:flex;position:fixed;bottom:0;left:0}.footer.footer--correct{color:#26ba24;background:#def5de}.footer.footer--correct .button{color:#fff;background-color:#26ba24}.footer.footer--incorrect{color:#fa6969;background:#fee9e9}.footer.footer--incorrect .button{color:#fff;background-color:#fa6969}.footerContainer{width:var(--mobile-width);justify-content:space-between;align-items:center;display:flex}.footerIconTextContainer{flex-direction:row;justify-content:center;align-items:center;display:flex}.icon-container{background-color:#fff;border-radius:44px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:5px;display:flex}.button{border:none;border-radius:6px;width:102px;height:44px;font-size:16px;font-weight:500}@media (width>=760px){.footer{height:var(--footer-height)}.footerContainer{width:var(--tablet-width)}.icon-container{margin-right:20px}.footerIconTextContainer{font-size:24px}}@media (width>=1280px){.footerContainer{width:var(--desktop-width)}}