.message{color:#00f;margin:1em 0 0 1em;font-size:larger}.error-message{color:red;font-weight:700;margin:1em 0 0 1em}div.inline-items{display:inline-flex}@media print{.no-print,.no-print *{display:none}}@media(prefers-color-scheme:dark){body,input.puzzle_letter,input.word_below_letter{background-color:#000}*{color:#d3d3d3}}table.inline{display:inline-table;margin:1em}.fixed-position{display:inline-block;position:fixed;padding:1em}.block-area{margin:1em}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button.normal-button,form.submit-info table tr td button{margin:1em 2em 0 0;width:10.5em;height:2.5rem;border-width:2px;border-style:solid;border-radius:.3em}button.submit,form.submit-info table tr td button:first-child{border-color:#32ff3280;background-color:#64c86480}button.delete{border-color:#ff323280;background-color:#c8646480}button.cancel,form.submit-info table tr td button:last-child{border-color:#3232ff80;background-color:#6464c880}button.click-neutral{width:fit-content;padding:.5em;border-color:#3232ff80;background-color:#6464c880;white-space:nowrap}button.max_width{display:block;width:100%;height:3rem;margin:2rem 0;font-size:large}form.ng-invalid button.disabled-spinner,button.disabled-spinner.not-allowed{cursor:not-allowed;pointer-events:none;opacity:.6}button.disabled-spinner:disabled{position:relative}button.disabled-spinner:disabled:after{position:absolute;content:" ";left:40%;top:6%;height:70%;aspect-ratio:1;border-width:3px;border-style:solid;border-color:transparent black transparent black;border-radius:50%;animation:spinner 1.2s linear infinite}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner,.loading-overlay>div{display:inline-block;width:20rem;height:6rem}.loading-spinner:after,.loading-overlay>div:after{content:" ";display:block;width:64px;height:64px;margin:auto;border-radius:50%;border-bottom-style:solid;border-bottom-width:24px;border-color:#aaf transparent #aaa transparent;animation:loading-spinner 1.2s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:fixed;z-index:3;padding:.2em}.loading-overlay>div{text-align:center;width:19em;height:12em;padding:0 1em;background-color:#f0f6;border-radius:.5em}.loading-overlay>div.width-3-buttons{width:29em}.generic-modal,.interactive-modal,.confirm-modal{position:fixed;display:block;width:100%;height:100%;inset:0;background-color:#00000080;z-index:2;padding:5%}.generic-modal>div,.interactive-modal>div,.confirm-modal>div{width:fit-content;padding:1em;background-color:#000;border-radius:.5em}.confirm-modal{padding:25% 30%}.interactive-modal{padding:20%}.tooltip{position:relative;display:inline-block;font-size:x-large;cursor:pointer}.tooltiptext{visibility:hidden;background-color:peru;color:#fff;font-family:Cambria,sans-serif;font-size:initial;white-space:nowrap;border-radius:6px;padding:10px;position:absolute;z-index:1;left:50%;transform:translate(-50%);margin-top:15px}.tooltiptext li{color:#fff}.tooltiptext:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-20px;border-width:20px;border-style:solid;border-color:transparent transparent peru transparent}.tooltip:hover .tooltiptext{visibility:visible}input,select,option,textarea{background-color:#e6ffe64d;border:rgba(110,120,100,.5) 1px solid;border-radius:.2em;padding:.3em}@media(prefers-color-scheme:dark){input,select,option,textarea{background-color:#6464aa80}}input.correct,select.correct,option.correct,textarea.correct{background-color:#96ff964d}input.false,select.false,option.false,textarea.false{background-color:#ff96964d}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,option.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border:solid red .2em}input[type=text]{width:15em}input[type=text].invalid{cursor:no-drop;opacity:.8}input[type=text][disabled]{cursor:no-drop;opacity:.6}input[type=checkbox]{filter:opacity(.8)}select{width:15.8em}textarea{resize:none}form.submit-info{margin-left:1em;padding:1em;width:fit-content;border-radius:.5em;background-color:#dcdc784d}form.submit-info.enter-data{width:30em}form.submit-info table tr td{padding:.2em;vertical-align:top}div.puzzle-page{display:flex;width:100%;height:98vh}div.centered{display:table;margin:auto}div.puzzle{display:inline-table}table.puzzle{border-collapse:collapse}table.word-below{margin-left:auto;margin-right:auto;margin-top:.5rem}table.word-below td:first-child{padding-right:1rem;font-size:x-large}td.puzzle_cell{width:4rem;height:4rem;border:1px solid black;text-align:center;background-repeat:no-repeat;font-size:.85rem}@media(prefers-color-scheme:dark){td.puzzle_cell{border-color:gray}}div.puzzle-cell{width:inherit;text-align:right}span.word-below-ref-number{width:3.8rem;position:absolute;font-size:small}input.letter{background-color:transparent;border:none;outline:none;text-align:center}input.puzzle_letter{width:4rem;height:4rem;padding:0;font-size:16px}input.puzzle_letter.filled{background-color:#dcdcdc33}input.puzzle_letter.correct{background-color:#33aa3380}@media screen{input.puzzle_letter.false{background-color:#ff690080}}input.puzzle_letter.typing-direction{background-color:#ffc8f033}input.puzzle_letter.hovering{background-color:#ffff0080}td.word_below_cell{width:2.5em;height:2.5em;border:1px solid black;text-align:center;background-repeat:no-repeat}td.word_below_cell:hover{background-color:#ff06}@media(prefers-color-scheme:dark){td.word_below_cell{border-color:gray}}span.word-below-number{width:inherit;position:absolute;font-size:x-small;text-align:right}input.word_below_letter{width:2em;height:2em;font-size:20px}td.description-cell{background-color:#38b0bf66}td.word-navigation{background-image:var(--url)}@media(prefers-color-scheme:dark){td.word-navigation{background-image:var(--url-dark)}}.control-area{width:25em;margin-left:1em}.progressBar{display:block;height:2em;margin-bottom:2em;background-color:#e696e666}.finishedBar{height:1.5em;overflow:visible;white-space:nowrap;padding-top:.5em;background-color:#96329666}.loadingText{width:18em;text-align:center}button.max_width.rotate{background-color:#9292d566;border-color:#9292d5b3}button.max_width.review{background-color:#92d59266;border-color:#92d592b3}button.max_width.showSolution{background-color:#d5929266;border-color:#d59292b3}