.form{display:flex;flex-direction:column;gap:20px}.form input:not([type=button],[type=checkbox],[type=radio],[type=range],[type=submit]),.form select,.form textarea{border:1px solid #c6c6c6;color:inherit;font-size:.9rem;outline:none;padding:10px}.form input:not([type=button],[type=checkbox],[type=radio],[type=range],[type=submit])::placeholder,.form select::placeholder,.form textarea::placeholder{color:inherit;font-size:.9rem;opacity:.6}.form input:not([type=button],[type=checkbox],[type=radio],[type=range],[type=submit]):focus,.form select:focus,.form textarea:focus{border-color:red}.form-control.has-error .form input:not([type=button],[type=checkbox],[type=radio],[type=range],[type=submit]),.form-control.has-error .form select,.form-control.has-error .form textarea{border-color:#cc4b00}.form textarea{resize:vertical}.form label,.form legend{font-size:1rem;font-weight:500}.form legend{float:left}.form fieldset{border:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.form .form-control{display:flex;flex-direction:column;gap:5px}.form .form-control.has-error{color:#cc4b00}.form .form-control.form-control--choice label{align-items:center;display:flex;flex-direction:row;gap:5px;line-height:1}.form .form-control.form-control--choice input[type=checkbox],.form .form-control.form-control--choice input[type=radio]{height:1rem;margin:0;width:1rem}.form .form-control .helper-text{font-size:.8rem}.form .buttons{display:flex;flex-direction:row;gap:10px}.form .buttons.justify-end{justify-content:flex-end}.form .button{background:#e6e6e6;border:1px solid #e6e6e6;border-radius:20px;font-size:.9rem;font-weight:600;line-height:1;padding:10px 15px}.form .button.button-primary{background:red;border-color:red;color:#fff}.form .button.button-secondary{background:#0000;border-color:red}


















.subnav{display:contents}