@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.crossword{--correct-color: #3edb3e;--incorrect-color: #d73f3f;--hover-color: #dac199;.loading{font-size:2em;text-align:center;&:after{content:"";animation:ellipsis 1.2s infinite;position:absolute}}font-size:clamp(.4em,.14em + 1.5vw,.8em);box-shadow:.2em .2em .5em var(--shadow-color);padding:1em;.generate-form{button{margin-top:1em}.difficulty{margin-left:.5em}.generate-error{color:var(--incorrect-color);font-weight:700;padding-bottom:1em}}.error-boundary{.error-message{color:var(--incorrect-color)}.refresh-button{margin-bottom:1em}}.banner-div{margin-bottom:1em;width:100%;.banner-buttons{display:flex;justify-content:space-between;align-items:center;.banner-buttons-main,.banner-buttons-close{display:inline-block}button{margin-right:.5em}.keyboard-hint{font-size:.85em;color:var(--shadow-color)}}}.copy-helper{cursor:copy;.tooltip{background-color:var(--background-color);border-style:solid;border-width:.1em;padding:.3em;position:absolute;visibility:hidden;z-index:1}&:hover .tooltip{visibility:visible}}.crossword-win{background-color:var(--correct-color);padding:.1em 1em 1em;margin-bottom:1em}.selected-word{margin:.5em 0;font-size:1.2em;background-color:var(--hover-color);padding:.5em;overflow-wrap:break-word;hyphens:auto;text-align:center}.crossword-grid{display:grid;background-color:var(--shadow-color);justify-self:center}.crossword-cell{display:flex;justify-content:center;align-items:center;width:2em;height:2em;text-transform:uppercase;cursor:pointer;background-color:var(--background-color);color:var(--text-color);border:.05em solid var(--shadow-color);position:relative;&.highlighted{background-color:var(--hover-color);cursor:default}&.correct{background-color:var(--correct-color)}&.incorrect{background-color:var(--incorrect-color)}&.disabled{opacity:.2;cursor:default;border:none}.word-index{color:var(--shadow-color);font-size:.55em;top:0;left:0;position:absolute}& input{width:100%;height:100%;background:transparent;text-align:center;text-transform:uppercase;cursor:pointer;padding:0;margin:0;border:0}::placeholder{color:var(--text-color);opacity:.5}}.crossword-words{display:flex;padding:0 .5em;column-gap:.5em;.crossword-words-horizontal,.crossword-words-vertical{min-width:50%;max-width:50%}.crossword-word{display:flex;cursor:pointer;break-inside:avoid;border-top:.1em solid var(--shadow-color);align-items:center;&.highlighted{background-color:var(--hover-color)}&.guessed{opacity:.6;cursor:default}}.crossword-word-str{display:contents;.crossword-word-index{font-weight:700;padding-right:.4em}}}}