*{font-family:var(--font-family);font-size:16px}body{display:grid;height:100vb;width:100vw;justify-content:center;align-content:center;text-align:center;gap:18px}input{width:320px;font-family:var(--font-family),sans-serif;font-size:var(--control-font-size);border:var(--border);border-radius:var(--border-radius);height:var(--control-height);padding-inline:var(--padding);color:var(--color-text);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:hover{border-color:var(--color-border-hover)}input:focus{border-color:var(--color-border-active)}input::-moz-placeholder{font-style:italic;font-size:var(--label-font-size);color:var(--color-text-light)}input::placeholder{font-style:italic;font-size:var(--label-font-size);color:var(--color-text-light)}input[type=button]{border:none;background:none;color:var(--color-blue)}input[type=button]:hover{cursor:pointer;color:var(--color-text);background-color:var(--color-decoration-lighter)}input[type=button]:active{color:var(--color-text);background-color:var(--color-decoration-light)}input[type=button]:disabled{pointer-events:none;background-image:repeating-linear-gradient(-45deg, var(--color-decoration-light) 0px, var(--color-decoration-light) 5px, var(--color-decoration-lighter) 5px, var(--color-decoration-lighter) 10px);border-color:var(--color-decoration-light);color:var(--color-text-disabled)}label{width:320px;text-align:center;color:var(--color-text-light)}