body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:antiquewhite}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{max-width:40em;margin:auto;padding:1rem;--borderColor: #9a9a9a;--primaryColor: lightsteelblue;--primaryDarkColor: steelblue;--textColor: navy;--borderRadius: .25rem;color:var(--textColor)}.form{position:relative;z-index:1}.dimmer{position:absolute;width:100%;height:100%;top:0;left:0;background:var(--textColor);opacity:.5;z-index:10}.form label,.form input:not([type="checkbox"]),.form textarea,.form fieldset{display:block;width:100%;box-sizing:border-box;border-radius:var(--borderRadius)}.form label,.form fieldset{margin-bottom:.75rem}.form fieldset,.form textarea,.form input{border:2px solid var(--primaryColor);transition:border-color .2s linear}.form fieldset:hover,.form input:hover,.form input:focus,.form textarea:hover,.form textarea:focus{border-color:var(--primaryDarkColor);outline:none}.form input,.form textarea,button{box-sizing:border-box;font-size:1rem;line-height:1.2rem;padding:.25rem}.form textarea{resize:vertical}.form input,.form textarea{font:inherit}button{color:#fff;font:inherit;font-weight:500;background:var(--primaryDarkColor);border:2px solid transparent;border-radius:var(--borderRadius);padding:.25rem .75rem;cursor:pointer;transition:background .2s linear}button:not(:disabled):hover,button:not(:disabled):focus{outline:none;background:darkblue}button:disabled{opacity:.8;cursor:not-allowed}.feedback-error{color:tomato;display:block}.feedback-info{color:#708090;display:block}hr{background:var(--borderColor);width:100%;height:1px;border:none;margin:1.5rem 0}