@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(/static/media/Roboto-Light.8be2d1487420548b3b8d.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:url(/static/media/Roboto-LightItalic.43cbee784f9194c54b2c.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/Roboto-Regular.a8d6ac03c7b96b7acb62.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(/static/media/Roboto-RegularItalic.beb7fe13e61b9e683c37.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(/static/media/Roboto-Medium.7429a63c09f79a1760b0.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(/static/media/Roboto-MediumItalic.56a82359ebe22eaae14e.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(/static/media/Roboto-Bold.75371f53f06181df75f1.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url(/static/media/Roboto-BoldItalic.60c1f67b002e61ad0fe4.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:300;src:url(/static/media/Rubik-Light.7ee66bf7f540d7bbc3a1.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:italic;font-weight:300;src:url(/static/media/Rubik-LightItalic.987cbfce8f8d8c59af60.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:400;src:url(/static/media/Rubik-Regular.da39336cfcac7980f2f1.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:italic;font-weight:400;src:url(/static/media/Rubik-RegularItalic.dace38b0d49a05e8c0cd.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:500;src:url(/static/media/Rubik-Medium.5bd2b2c6ad8019567605.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:italic;font-weight:500;src:url(/static/media/Rubik-MediumItalic.1bc75ab48553c7661b52.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:700;src:url(/static/media/Rubik-Bold.383b8c94b12034c5e8b5.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:italic;font-weight:700;src:url(/static/media/Rubik-BoldItalic.fd2b84fec944cbd3a631.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-primary);color:var(--color-primary);font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0}code{font-family:Roboto Condensed,sans-serif,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}*{box-sizing:border-box}button{border:none;cursor:pointer;outline:0}body.light{--color-primary:#0f0f0f;--color-secondary:#4b4b4b;--color-tertiary:#878787;--background-primary:#fff;--background-secondary:#ebebeb;--background-tertiary:#d6d6d6;--green-primary:#45c463;--green-secondary:#309748;--green-tertiary:#206530;--cyan-primary:#3cb9c2;--cyan-secondary:#2d8b92;--cyan-tertiary:#1e5d61}body.dark{--color-primary:#fff;--color-secondary:#bfbfbf;--color-tertiary:gray;--color-quantenary:#595959;--background-primary:#0f0f0f;--background-secondary:#222;--background-tertiary:#353535;--background-quantenary:#494949;--green-primary:#45c463;--green-secondary:#309748;--green-tertiary:#206530;--cyan-primary:#3cb9c2;--cyan-secondary:#2d8b92;--cyan-tertiary:#1e5d61}#App{height:100%}#App .outlet__container{--outlet-padding:32px;--outlet-width:1000px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}#App .outlet__container .outlet{max-width:calc(var(--outlet-width) + 220px + var(--outlet-padding)*2);padding:32px var(--outlet-padding) 32px;transition:padding .15s ease-in-out}@media(min-width:768px){#App .outlet__container .outlet{padding:64px var(--outlet-padding) 64px calc(220px + var(--outlet-padding))}}@media(min-width:1200px){#App .outlet__container{--outlet-padding:64px}}.sidebar{background:var(--background-secondary);height:100%;justify-content:space-between;left:-220px;padding:24px 16px;pointer-events:none;position:fixed;top:0;transition:left .15s ease-in-out;width:220px;z-index:100}.sidebar,.sidebar .sidebar__top{display:flex;flex-direction:column}.sidebar .sidebar__top{align-items:center;gap:8px}.sidebar .sidebar__top .sidebar__title{font-family:Rubik,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:.1rem;margin-bottom:16px}.sidebar .sidebar__top a:link{outline:none;text-decoration:none}.sidebar .sidebar__top a{width:100%}.sidebar .sidebar__top a button{align-items:center;background:none;background:var(--green-primary);border-radius:8px;color:var(--color-primary);color:#fff;display:flex;font-family:Rubik,sans-serif;font-size:100%;font-weight:500;gap:8px;height:-webkit-max-content;height:max-content;height:40px;justify-content:center;justify-content:flex-start;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition-duration:.15s;transition-property:background;transition-timing-function:ease-in-out;width:-webkit-max-content;width:max-content;width:100%}.sidebar .sidebar__top a button:disabled{cursor:none;opacity:.5}.sidebar .sidebar__top a button:active,.sidebar .sidebar__top a button:focus,.sidebar .sidebar__top a button:hover{background:var(--green-secondary)}.sidebar .sidebar__top a.inactive button{background:none;color:var(--color-primary);font-weight:400}.sidebar .sidebar__top a.inactive button:hover{background:var(--background-tertiary)}.sidebar .sidebar__top a:focus.active button{background:var(--green-secondary)}.sidebar .sidebar__top a:focus.inactive button{background:var(--background-tertiary)}.sidebar .sidebar__toggle{align-items:center;display:flex;justify-content:space-between;padding:0 12px}@media(min-width:768px){.sidebar{left:0;pointer-events:all}}.toggle-switch{background:#353535;border-radius:24px;cursor:pointer;height:24px;position:relative;transition:background .15s ease-in-out;width:48px}.toggle-switch:focus{background:gray}.toggle-switch .toggle-switch__knob{background:#fff;border-radius:24px;height:16px;left:4px;position:absolute;top:4px;transition:left .15s ease-in-out;width:16px}.toggle-switch.on{background:var(--green-primary)}.toggle-switch.on:focus{background:var(--green-secondary)}.toggle-switch.on .toggle-switch__knob{background:#fff;left:28px}.game{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.tile-enter{-webkit-transform:scale(.1) rotateX(90deg);transform:scale(.1) rotateX(90deg)}.tile-enter-active{-webkit-transform:scale(1.1) rotateX(-15deg);transform:scale(1.1) rotateX(-15deg)}.tile-enter-done{-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg)}.board{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.board .board__tile{align-items:center;border:3px solid var(--background-tertiary);border-radius:8px;display:flex;font-family:Rubik,sans-serif;font-size:36px;font-weight:500;height:60px;justify-content:center;text-transform:capitalize;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:60px}.board .board__tile.correct,.board .board__tile.partial,.board .board__tile.wrong{color:#fff}.board .board__tile.wrong{background:#353535;border-color:#353535}.board .board__tile.partial{background:var(--cyan-primary);border-color:var(--cyan-primary)}.board .board__tile.correct{background:var(--green-primary);border-color:var(--green-primary)}@-webkit-keyframes invalid-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translate(-5px);transform:translate(-5px)}20%{-webkit-transform:translate(-15px);transform:translate(-15px)}40%{-webkit-transform:translate(15px);transform:translate(15px)}60%{-webkit-transform:translate(-15px);transform:translate(-15px)}80%{-webkit-transform:translate(15px);transform:translate(15px)}90%{-webkit-transform:translate(-5px);transform:translate(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes invalid-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translate(-5px);transform:translate(-5px)}20%{-webkit-transform:translate(-15px);transform:translate(-15px)}40%{-webkit-transform:translate(15px);transform:translate(15px)}60%{-webkit-transform:translate(-15px);transform:translate(-15px)}80%{-webkit-transform:translate(15px);transform:translate(15px)}90%{-webkit-transform:translate(-5px);transform:translate(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.key-enter{-webkit-transform:scale(.1) rotateX(90deg);transform:scale(.1) rotateX(90deg)}.key-enter-active{-webkit-transform:scale(1.1) rotateX(-15deg);transform:scale(1.1) rotateX(-15deg)}.key-enter-done{-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg)}.keyboard{align-items:center;flex-direction:column}.keyboard,.keyboard .keyboard__row{display:flex;gap:5px}.keyboard .keyboard__row .row__key{align-items:center;background:none;background:gray;border-radius:4px;color:var(--color-primary);color:#fff;display:flex;font-family:Rubik,sans-serif;font-family:Roboto,sans-serif;font-size:100%;font-size:.875rem;gap:8px;height:-webkit-max-content;height:max-content;height:40px;justify-content:center;overflow:hidden;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:capitalize;transition-duration:.15s;transition-property:background;transition-timing-function:ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:-webkit-max-content;width:max-content;width:32px}.keyboard .keyboard__row .row__key:disabled{cursor:none;opacity:.5}.keyboard .keyboard__row .row__key:active,.keyboard .keyboard__row .row__key:focus,.keyboard .keyboard__row .row__key:hover{background:#595959}.keyboard .keyboard__row .row__key.large{font-size:.8rem;width:52.5px}.keyboard .keyboard__row .row__key.large svg{height:20px}.keyboard .keyboard__row .row__key.wrong{background:#353535}.keyboard .keyboard__row .row__key.wrong:focus,.keyboard .keyboard__row .row__key.wrong:hover{background:#494949}.keyboard .keyboard__row .row__key.partial{background:var(--cyan-primary)}.keyboard .keyboard__row .row__key.partial:focus,.keyboard .keyboard__row .row__key.partial:hover{background:var(--cyan-secondary)}.keyboard .keyboard__row .row__key.correct{background:var(--green-primary)}.keyboard .keyboard__row .row__key.correct:focus,.keyboard .keyboard__row .row__key.correct:hover{background:var(--green-secondary)}
/*# sourceMappingURL=main.5831dd86.css.map*/