.button{background-color:var(--clr-primary);border:1px solid var(--clr-primary);border-radius:var(--border-radius);color:var(--clr-dark);cursor:pointer;font-size:var(--fs-button);font-weight:var(--fw-bold);height:3rem;padding-block:var(--spacing-200);padding-inline:var(--spacing-300);transition:all var(--transition-duration)}@media(hover:hover)and (pointer:fine){.button:focus:enabled,.button:hover:enabled{background-color:var(--clr-grey);box-shadow:0 0 8px 1px var(--clr-primary);color:var(--clr-alternate);outline:none;text-shadow:0 0 8px var(--clr-primary)}}.button:disabled{background-color:var(--clr-grey);border:none;color:var(--clr-alternate);cursor:not-allowed;opacity:.3}.button-width-full{width:100%}.button-width-normal{min-width:85px}.button-width-none{border-radius:var(--spacing-100);height:var(--spacing-400);line-height:0;padding:0;width:var(--spacing-400)}.input{background-color:inherit;border:1px solid var(--clr-primary);border-radius:var(--border-radius);color:var(--clr-grey);height:2.75rem;outline:2px solid transparent;outline-offset:2px;padding:var(--spacing-300);transition:box-shadow var(--transition-duration),border-color var(--transition-duration);width:100%}@media(min-width:48rem){.input{height:3rem}}.input:focus:enabled,.input:hover:enabled{border-color:var(--clr-grey);box-shadow:0 0 8px 1px var(--clr-primary)}.input:disabled{background-color:var(--clr-grey);color:var(--clr-alternate);cursor:not-allowed;opacity:.3}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:transparent!important}.label{display:inline-block;margin-block:var(--spacing-200)}.field{margin-block:var(--spacing-200)}.form{display:grid}.form button{margin-bottom:var(--spacing-300);margin-top:var(--spacing-400)}