::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#181818}::-webkit-scrollbar-thumb{background:#303030;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#494949}.almost-full-height{height:90%!important}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.fake-label,label{color:#fff;margin:.5rem 0;text-align:center;width:50%;z-index:2}.fake-label{width:75%}.error-info,.result-info{font-size:.85rem}.result-info{bottom:0;position:absolute;right:.5rem;width:-webkit-min-content;width:min-content}.error-info{background-color:#000;border-color:red;border-radius:4px;border-style:solid;border-width:2px 16px;color:red;padding:1rem;position:fixed;text-shadow:0 0 20px #000,0 0 20px red;top:.5rem;z-index:11}#at-expanding-share-button{display:none;opacity:.5;transition:.3s ease-in-out}#at-expanding-share-button:hover{opacity:.9}.inputs{position:-webkit-sticky;position:sticky;top:0;z-index:1}.inputs.invisible{height:2rem;margin-bottom:1.5rem;width:96%}.inputs.invisible .toggle-input-fields span{display:inline-block}.inputs.invisible .toggle-input-fields path{transform:rotate(900deg)}.inputs.invisible .inputs-content{animation:mymove .5s ease-in-out;padding:1.5rem}.inputs.invisible .inputs-content *{height:0;margin:0;opacity:0;padding:0}@keyframes mymove{0%{height:20rem}to{height:2rem}}.inputs-header{position:relative;z-index:2}.inputs-header .toggle-input-fields{background-color:initial;border:2px solid #515153;color:#fff;left:.5rem;padding:.5rem;position:absolute;top:.5rem;transition:.2s ease-in-out}.inputs-header .toggle-input-fields span{display:none;margin-left:1rem}.inputs-header .toggle-input-fields svg path{transform-origin:center;transition:.5s ease-in-out}.inputs-content{background-color:#121213;border-radius:1rem;box-shadow:1px 1px 15px 0 #000;display:flex;flex-wrap:wrap;justify-content:center;max-width:30rem;padding:.5rem;transition:height .2s ease-in-out}.inputs-content input{background-color:initial;border:2px solid #515153;box-shadow:1px 1px 15px 0 #000;color:#fff;font-size:1.5rem;margin:0 auto;padding:.25rem;text-align:center;text-transform:uppercase;transition:.2s ease-in-out;width:60%}.inputs-content input.no-valid{animation:redShadowPulse 1.5s linear infinite;background-color:red!important;text-decoration:underline;z-index:100}.inputs-content input:disabled{filter:saturate(.25);opacity:.2}.inputs-content .positional{display:flex;justify-content:center;width:53%}.inputs-content .positional input{background-color:initial;color:#fff;font-size:1.75em;height:2rem;margin:.1rem;padding:.2rem;text-align:center;text-transform:uppercase;width:2rem}.inputs-content .positional input.has-value{background-color:#538d4e}.inputs-content .positional.incorrect input.number-of-letters--1{font-size:1.75rem}.inputs-content .positional.incorrect input.number-of-letters--2{font-size:1.5rem}.inputs-content .positional.incorrect input.number-of-letters--3{font-size:1rem}.inputs-content .positional.incorrect input.number-of-letters--4{font-size:.75rem}.inputs-content .positional.incorrect input.number-of-letters--1,.inputs-content .positional.incorrect input.number-of-letters--2,.inputs-content .positional.incorrect input.number-of-letters--3,.inputs-content .positional.incorrect input.number-of-letters--4{background-color:#b59f3b}@media only screen and (min-width:630px){.inputs-content{padding:1rem 1rem 2.5rem}.inputs-content .positional input{font-size:2.5em;height:3rem;width:3rem}.inputs-content .positional.incorrect input.number-of-letters--1{font-size:2.5rem}.inputs-content .positional.incorrect input.number-of-letters--2{font-size:2rem}.inputs-content .positional.incorrect input.number-of-letters--3{font-size:1.5rem}.inputs-content .positional.incorrect input.number-of-letters--4{font-size:1rem;font-weight:700}.inputs-content .positional.incorrect input.number-of-letters--1,.inputs-content .positional.incorrect input.number-of-letters--2,.inputs-content .positional.incorrect input.number-of-letters--3,.inputs-content .positional.incorrect input.number-of-letters--4{background-color:#b59f3b}.inputs-content input{font-size:1.5em;padding:.75rem}}.loading .inputs{animation:pulse 1.5s ease-in-out infinite;box-shadow:1px 1px 2px 0 #000;opacity:.3}.loading .inputs .inputs-content{background-color:initial}.loading .inputs .positional,.loading .inputs input{border:2px solid #ffffff80;box-shadow:none}.loading .inputs .positional{animation:pulse 1.5s ease-in-out infinite;height:3rem;opacity:.5}.loading .inputs .fake-label,.loading .inputs label{opacity:0}.result{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:space-around;margin-top:0;max-width:80vw;min-height:10rem;overflow-x:hidden;overflow-y:hidden;padding:0 1rem 6rem;width:50rem}.result .word{color:#fff;display:flex;justify-content:space-between;margin-right:.25rem;max-height:4rem;opacity:0;padding:.75rem 0;transform:translateY(0);transition:opacity .1s ease-in-out,transform .4s ease-in-out}.result .word .letter{background-color:#121213;border:2px solid #515153;box-shadow:7px 8px 5px #000;font-size:.75em;padding:.5rem}.result .word .letter:last-child{margin-right:.5rem}.result .word .letter:not(:last-child){border-right:none}.result .word.in-bottom{transform:translateX(1000px)}.result .word.magic-word .letter:not(:last-child){border:none;font-weight:700;margin-left:.25rem}.result .word.magic-word .letter:not(:last-child):first-child,.result .word.magic-word .letter:not(:last-child):nth-child(4),.result .word.magic-word .letter:not(:last-child):nth-child(8){background-color:#538d4e}.result .word.magic-word .letter:not(:last-child):nth-child(5),.result .word.magic-word .letter:not(:last-child):nth-child(6){background-color:#b59f3b}.result.visible .word{opacity:1}@media only screen and (min-width:1100px){.result{height:42rem;margin-top:3rem;min-height:20rem;overflow-y:scroll;padding:1rem}}@media only screen and (min-width:450px){.result{padding:0 1rem 2rem}.result .word .letter{font-size:.85em;padding:.7rem}}@media only screen and (min-width:630px){.result .word .letter{font-size:1em;padding:.9rem}}.loading .result{height:auto;justify-content:flex-start;margin-top:2rem;overflow-y:hidden}.loading .result .word{animation:pulse 1.5s ease-in-out infinite;margin-bottom:.75rem;margin-left:1rem;opacity:.3;width:60%}.loading .result .word:nth-child(odd){animation:pulse 2.5s ease-in-out infinite;width:50%}.loading .result .word:nth-child(3n){animation:pulse 2s ease-in-out infinite;width:70%}@media only screen and (min-width:1100px){.loading{margin-top:0}}header{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:.25rem}header .logo{display:flex;flex-direction:column;margin:1rem 1rem .25rem;width:100%}header .logo-image{height:auto;opacity:.7;transition:.2s ease-in-out;width:20rem;z-index:10}header .logo-text{height:0;opacity:0;width:0}header .logo .logo-slogan{color:#6b6b6b;font-family:Lucida Handwriting;font-size:1rem;margin:.25rem 0 0 .5rem;text-align:left}@media only screen and (min-width:665px){header{justify-content:space-between}header .logo{margin-bottom:1rem;width:auto}}header .toggle-buttons{z-index:10}header .toggle-buttons button{background-color:#121213;border:2px solid #515153;box-shadow:1px 1px 15px 0 #000;color:#fff;font-size:.75em;margin:.5rem;padding:.25rem .5rem;transition:.2s ease-in-out}header .toggle-buttons button.active{border-bottom-color:green;offset-path:2px red;outline-color:green;outline-offset:3px;outline-style:dotted;outline-width:3px}header .toggle-buttons button.active,header .toggle-buttons button:active,header .toggle-buttons button:focus,header .toggle-buttons button:hover{box-shadow:0 0 9px rgba(0,128,0,.659)}@media only screen and (min-height:630px){header .toggle-buttons button{font-size:1em;padding:.5rem 1rem}}@media only screen and (min-width:630px){header .toggle-buttons{margin:1rem}}header h1,header h2{margin:0}.loading header{animation:pulse 1.5s ease-in-out infinite;margin:0;opacity:.3}.loading header .logo{opacity:.3}.loading header .logo .logo-slogan,.loading header .logo-image{animation:pulse 1.5s ease-in-out infinite}.loading header .logo .logo-slogan{color:#0000}@media only screen and (min-width:665px){.loading header{justify-content:space-between}.loading header .logo{width:auto}}.loading header .toggle-buttons{opacity:.2}.loading header .toggle-buttons button{animation:pulse 1.5s ease-in-out infinite;color:#0000}.loading header .toggle-buttons button.active{outline:none}@media only screen and (min-height:630px){.loading header .toggle-buttons button{font-size:1em;padding:.75rem 1.5rem}}footer{background-color:#161616;bottom:0;box-shadow:0 -10px 16px rgba(0,0,0,.341);color:#fff;display:flex;flex-wrap:wrap;font-size:.75rem;justify-content:center;left:0;margin:-1rem;padding:.5rem 0 1.5rem;position:fixed;right:0;transition:.2s ease-in-out}footer .links,footer .made-by{align-items:center;display:flex}footer .made-by{white-space:nowrap;word-break:keep-all}footer .made-by a{color:#fff}footer .made-by a svg{height:1.5rem;width:1.5rem}footer a,footer span{color:#fff;margin:0 .5rem}@media only screen and (min-width:500px){footer{font-size:1rem;justify-content:space-evenly}}.loading footer{animation:pulse 1.5s ease-in-out infinite;box-shadow:none;color:#0000;opacity:.2}.loading footer .links a,.loading footer .made-by{animation:pulse 1.5s ease-in-out infinite;opacity:.5}.loading footer .links a{color:#0000}@keyframes pulse{0%{background-color:#a5a5a51a;filter:contrast(0) brightness(.5)}50%{background-color:#a5a5a54d;filter:contrast(0) brightness(.75)}to{background-color:#a5a5a51a;filter:contrast(0) brightness(.5)}}@keyframes redShadowPulse{0%{box-shadow:0 0 3px red}50%{box-shadow:0 0 15px red}to{box-shadow:0 0 3px red}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121213;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body .App{height:70vh;margin:0 auto;max-width:1400px;padding:0 1rem 1rem;position:relative;transition:.5s ease-in-out}body .App.invisible{opacity:0}body .wrapper{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center}body .loading .wrapper{height:100%}@media only screen and (min-height:630px){body .App{padding:1rem}}@media only screen and (max-width:1100px){body .wrapper{flex-direction:column;height:auto}body .wrapper .result .word.in-bottom{transform:translateY(500px)}body .loading .wrapper{justify-content:flex-start;margin-top:2rem}}
/*# sourceMappingURL=main.0f4a1d35.css.map*/