.u-srOnly{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.App,.App *,.App :after,.App :before{box-sizing:border-box}.App{--theme-color:#03b5aa;--accent-color:#ff7104;--shadow-short:0 2px 4px rgba(0,0,0,0.2);--shadow-tall:0 4px 8px rgba(0,0,0,0.2);display:flex;justify-content:center;padding:0 20px 20px;font:18px "Source San Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#333;border-top:3px solid var(--theme-color)}.AppHeader{display:flex;margin-bottom:20px}.AppHeader-link{display:block;padding:10px;color:inherit;text-decoration:none;text-transform:lowercase}.AppHeader-link:hover{text-decoration:underline}.AppHeader-link--logo{font-weight:700}.Editor{display:flex;justify-content:center}.Editor-panel{margin-left:40px}.Editor-showSolution{margin-top:20px}.Wordsearch-row{display:flex;justify-content:center}.Letter{position:relative;display:inline-block;width:1.5em;font-size:20px;font-family:"Source Code Pro","Roboto Mono",Consolas,Monaco,monospace;font-weight:600;text-align:center;line-height:1.5em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:50%}.Letter:hover{background-color:rgba(0,0,0,.1)}.Letter-highlight{position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:-2;background-color:var(--theme-color);content:"";border-radius:30px}.Letter-highlight--joinE,.Letter-highlight--joinN,.Letter-highlight--joinNE,.Letter-highlight--joinNW,.Letter-highlight--joinS,.Letter-highlight--joinSE,.Letter-highlight--joinSW,.Letter-highlight--joinW{z-index:-1;border-radius:0}.Letter-highlight--joinN{top:auto;bottom:50%;height:100%}.Letter-highlight--joinNE{left:auto;right:50%;width:140%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right center;transform-origin:right center}.Letter-highlight--joinNW{left:50%;right:auto;width:140%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left center;transform-origin:left center}.Letter-highlight--joinE{left:auto;right:50%;width:100%}.Letter-highlight--joinS{top:50%;bottom:auto;height:100%}.Letter-highlight--joinSE{left:auto;right:50%;width:140%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right center;transform-origin:right center}.Letter-highlight--joinSW{left:50%;right:auto;width:140%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left center;transform-origin:left center}.Letter-highlight--joinW{left:50%;right:auto;width:100%}.WordList{min-width:200px}.WordList-heading{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#737373;border-bottom:1px solid #d9d9d9;margin-bottom:5px}.WordList-emptyMessage{margin:.5em 0;font-size:14px;color:#666}.WordList-list{padding:0;margin:0}.WordList-addWord{width:100%;margin-top:10px}.Word{display:flex;padding:.125em .25em;align-items:center;line-height:1;border-radius:3px}.Word:hover{background-color:rgba(0,0,0,.04)}.Word-removeBtn{position:relative;width:24px;height:24px;padding:0;margin-left:auto;border:0;background-color:transparent;cursor:pointer;opacity:0}.Word:hover .Word-removeBtn{opacity:1}.Word-removeBtn:hover{color:var(--theme-color)}.Word-removeBtn:after,.Word-removeBtn:before{position:absolute;top:50%;left:50%;width:10px;height:2px;background-color:#666;background-color:currentColor;border-radius:2px;content:""}.Word-removeBtn:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.Word-removeBtn:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.TextInput{height:30px;padding:0 4px;background-color:rgba(0,0,0,.04);border:0;border-radius:3px 3px 0 0;border-bottom:1px solid rgba(0,0,0,.3);color:#333;font-size:14px;-webkit-transition:background-color .25s,border-color .25s;transition:background-color .25s,border-color .25s}.TextInput:focus,.TextInput:hover{background-color:rgba(0,0,0,.07)}.TextInput:hover{border-color:rgba(0,0,0,.5)}.TextInput:focus{border-color:var(--theme-color);outline:0}.TextInput::-webkit-input-placeholder{color:#6b6b6b;font-style:italic}.TextInput:-ms-input-placeholder{color:#6b6b6b;font-style:italic}.TextInput::-ms-input-placeholder{color:#6b6b6b;font-style:italic}.TextInput::placeholder{color:#6b6b6b;font-style:italic}.Button{display:inline-block;padding:8px 16px;border:0;border-radius:3px;background-color:var(--theme-color);font-size:13px;color:#333;box-shadow:var(--shadow-short);-webkit-transition:box-shadow .25s;transition:box-shadow .25s}.Button:hover{box-shadow:var(--shadow-tall)}.Button:focus{outline:1px dotted rgba(0,0,0,.4);outline-offset:-2px}
/*# sourceMappingURL=main.d78ce24f.chunk.css.map */