:root{--animation-speed:800ms;--animation-speed-fast:250ms;--default-cell-bg-color:#fff;--default-cell-border-color:#000;--default-cell-text-color:#000;--absent-cell-bg-color:#94a3b8;--correct-cell-bg-color:#4ade80;--present-cell-bg-color:#facc15}.dark{--default-cell-bg-color:#0f172a;--default-cell-border-color:#fff;--default-cell-text-color:#fff;--absent-cell-bg-color:#334155}.high-contrast{--correct-cell-bg-color:#fb923c;--present-cell-bg-color:#22d3ee}.cell-fill-animation{animation:onTypeCell linear;animation-duration:.35s}.cell-reveal{animation-duration:.35s;animation-timing-function:linear;animation-fill-mode:backwards}.cell-reveal.absent{animation-name:revealAbsentCharCell}.cell-reveal.correct{animation-name:revealCorrectCharCell}.cell-reveal.present{animation-name:revealPresentCharCell}.cell-reveal>.letter-container{animation:offsetLetterFlip .35s linear;animation-fill-mode:backwards}.jiggle{animation:jiggle linear;animation-duration:var(--animation-speed-fast)}@keyframes revealAbsentCharCell{0%{transform:rotateX(0deg);background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50.1%{background-color:var(--absent-cell-bg-color);border-color:var(--absent-cell-bg-color)}to{transform:rotateX(180deg)}}@keyframes revealCorrectCharCell{0%{transform:rotateX(0deg);background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50.1%{background-color:var(--correct-cell-bg-color);border-color:var(--correct-cell-bg-color)}to{transform:rotateX(180deg)}}@keyframes revealPresentCharCell{0%{transform:rotateX(0deg);background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50%{background-color:var(--default-cell-bg-color);border-color:var(--default-cell-border-color);color:var(--default-cell-text-color)}50.1%{background-color:var(--present-cell-bg-color);border-color:var(--present-cell-bg-color)}to{transform:rotateX(180deg)}}@keyframes offsetLetterFlip{0%{transform:rotateX(0deg)}to{transform:rotateX(180deg)}}@keyframes onTypeCell{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes float{0%{transform:translate(0)}50%{transform:translateY(-.25rem)}to{transform:translate(0)}}@keyframes jiggle{0%{transform:translate(0)}25%{transform:translate(-.5rem)}50%{transform:translate(.5rem)}75%{transform:translate(-.5rem)}to{transform:translate(0)}}