@import"https://fonts.googleapis.com/css?family=Open+Sans";:root{--font: Roboto, sans-serif;--button-font-color: #232b2b;--button-background-color: #f4ad39;--button-background-hover-color: #e0a32e;--button-special-background-color: #00824d;--border-color: #2e3737}.container{display:flex;flex-direction:row;padding-top:50px}.wrapper{display:flex;flex-direction:column;max-width:70%;margin:0 auto 50px;width:700px;position:relative}body{background-color:#232b2b;color:#fff;font-family:var(--font);color:#d3d4d4;font-size:1.3rem}button{color:var(--button-font-color);border:none;padding:10px 20px;text-transform:uppercase;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s;min-width:150px;font-size:.9rem;margin-top:10px;background-color:#ccc}button:hover{background-color:#e0e0e0}#nextWordButton{background-color:var(--button-special-background-color);display:none}#resultButton{background-color:var(--button-special-background-color);margin-top:0}#nextWord{margin:auto 20px}.mask-words{-webkit-mask-image:linear-gradient(to bottom,#000,#0000);mask-image:linear-gradient(to bottom,#000,#0000)}div#filtered-words div{margin:0 10px 10px 0;display:inline-block;background-color:#fff;color:var(--button-font-color);padding:5px 7px;border-top-left-radius:.5rem;border-bottom-right-radius:.5rem;border:solid 1px black}textarea{width:100%;height:150px;padding:12px 20px;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;background-color:#f8f8f8;font-size:16px;resize:none}input[type=text],input[type=number]{flex:1;padding:5px;border:1px solid #ccc;border-radius:4px;resize:vertical;outline:none}.tips-wrapper{margin-right:10px;font-size:medium;font-weight:400;float:right;flex:.5;background:#fff;color:gray;padding:10px;margin-bottom:10px;display:inline-flex;flex-direction:column;max-width:300px}.tips,.wordsToStart{display:inline-flex;margin-top:10px;flex-wrap:wrap}.tips div,.wordsToStart div{padding:5px 7px;border-top-left-radius:.5rem;border-bottom-right-radius:.5rem;border:solid 1px black;background-color:var(--button-font-color);color:#fff;margin-right:10px;margin-bottom:10px}.words{margin-top:50px;margin-left:10px;font-size:medium;font-weight:400;float:left}#correctLetters,#misplacedLetters{display:flex;justify-content:flex-start;gap:8px}.lettersSearch{display:flex;flex-direction:row}.letters{display:flex;flex-direction:column;flex:1}.letters div{margin-bottom:10px}#correctLetters input,#misplacedLetters input,.exclusion-field input{text-align:center;font-size:20px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;text-transform:uppercase;margin:0 2px;font-weight:700}#correctLetters input{border:1px solid #00824d}#misplacedLetters input{border:1px solid #f4ad39}.exclusion-fields input{font-family:var(--font)}.results{justify-content:space-between;align-items:flex-start;flex-direction:column;display:flex;width:100%}#result{margin-left:10px}#exclusion-form{background-color:#f4f4f4;padding:20px;border-radius:8px;display:flex;flex-direction:row;margin-bottom:20px;flex:.8}#exclusion-form:first-child{flex:2}#exclusion-form{display:flex}#exclusion-fields{display:flex;flex-direction:column;flex-grow:1;margin-bottom:10px}.exclusion-field{display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px;margin-top:5px}.exclusion-field div{margin-right:10px;margin-bottom:0;display:flex;align-items:center}.exclusion-field label{margin-right:10px;flex:1;color:var(--button-font-color)}.exclusion-field input{flex:2;padding:8px;border:1px solid #ccc;border-radius:4px}#add-exclusion{background-color:var(--button-background-color);color:var(--button-font-color);padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px;max-height:2.5rem}#add-exclusion:hover{background-color:var(--button-background-hover-color)}#excludedLetters{margin-bottom:20px}#excludedLetters input{text-transform:uppercase;height:36px;margin:0 2px;font-weight:700;font-size:20px;padding:5px 15px}.tipsWords{display:flex;flex-direction:column;position:absolute;right:0;padding-right:20px}.clear{color:#fff;cursor:pointer;font-size:1rem;text-decoration:underline;background-color:transparent;padding:0;text-transform:none;min-width:0px;margin-left:230px}.clear:hover{background-color:transparent}.tips-part2{display:flex;flex-direction:column}.button-block{display:flex;margin:auto 0}.button-block button{margin-right:10px}.bestWord{color:var(--button-special-background-color);font-weight:700;text-transform:uppercase}.title{font-size:1.33rem;font-weight:700}.correctLettersNotEmpty{background-color:#57bd91}.misplacedLettersNotEmpty{background-color:#f7c442}.toggleTips{display:none}.refresh-wrapper{position:absolute;top:0;right:0}.icon-button{min-width:0;padding:10px;font-size:1.2rem;background-color:#ccc}.icon-button:hover{background-color:#dbdbdb}.no-background-color{background-color:transparent}.special-edges{border-top-left-radius:.5rem;border-bottom-right-radius:.5rem}button:focus-visible{outline:none}#resultButton{transition:background-color .3s}#resultButton:hover{background-color:#329b70}.view-possible-words{width:100%;display:flex;justify-content:center;overflow:hidden}@media screen and (max-width: 600px){body{font-size:1rem}.container{display:flex;flex-direction:column;padding:20px 5px;max-width:600px}.tipsWords{position:absolute;margin:0 auto;display:none;background-color:var(--button-font-color);padding:10px;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.words{display:none}.wrapper{max-width:100%;width:100%}.lettersSearch{justify-content:center;margin:0 auto}#correctLetters input,#misplacedLetters input,.exclusion-field input{text-align:center;font-size:1rem;min-width:24px;min-height:24px;max-width:24px;max-height:24px;text-transform:uppercase;margin:0 2px;font-weight:700}#excludedLetters input{text-transform:uppercase;height:24px;margin:0 2px;font-weight:700;font-size:1rem;padding:5px 15px}.clear{margin-left:170px}#exclusion-form{display:flex;flex-direction:column;max-width:max-content;margin:10px auto}.toggleTips{display:block;position:absolute;right:0;top:0;padding:10px;font-weight:700;cursor:pointer}.showTips{display:block}.button-block{margin:10px auto}.results{padding:0 15px;justify-content:flex-start;width:100%}h4{margin-block-end:10px}button{max-height:3.5rem}}@media screen and (max-width: 1075px){.container{max-width:1075px}.tipsWords{position:absolute;margin:0 auto;display:none;background-color:var(--button-font-color);padding:10px;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.showTips{display:block}.toggleTips{display:block;position:absolute;right:0;top:0;padding:10px;font-weight:700;cursor:pointer;font-size:1rem}.lettersSearch{display:flex;flex-direction:row;margin:0 auto}}@media screen and (max-width: 1328px){.statistics{display:flex;flex-direction:column;margin-left:auto}}