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