*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--color-background)}button,input[type=submit]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}:is(button,input[type=submit]):hover{filter:brightness(80%)}:is(button,input[type=submit]):disabled{filter:brightness(50%)}:disabled{cursor:inherit}.img-button>img,.img-button>svg{display:block}.loading{cursor:wait}input[type=text]{padding:10px;border:2px solid #ccc;border-radius:5px;font-size:1.25rem;color:#555;outline:none}input[type=text]:focus{box-shadow:0 0 0 .2rem #007bff40}input[type=text]:focus:not(.ng-invalid){outline:2px solid #007bff}input.ng-invalid{outline:2px solid red;border-radius:5px}:root{--color-correct: #538d4e;--color-present: #b59f3b;--color-absent: #3a3a3c;--cell-gap: 8px;--cell-size: 3.25rem;font-family:Arial,Helvetica,sans-serif;color:var(--color-font)}@media(prefers-color-scheme:dark){:root{--color-font: white;--color-background: #000000}}@media(prefers-color-scheme:light){:root{--color-font: #000000;--color-background: white}}