form,.form{display:grid;gap:var(--margin-large)}.form-header{display:grid}.form-entries{display:grid;gap:var(--margin-large);align-items:start;background-color:var(--color-off-white);padding:var(--margin-medium) var(--margin-medium) var(--margin-large) var(--margin-medium);border-radius:var(--radius-small)}.form-group{display:grid;gap:var(--margin-medium);margin-bottom:var(--margin-medium)}.form-group-header{display:grid;grid-template-columns:1fr;gap:var(--margin-x-small)}.form-group-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,300px));gap:var(--margin-medium)}.form-group-header h4,.form-group-header p{margin:0}.form-input{display:grid}.form-actions{display:flex;gap:var(--margin-small);justify-content:flex-end}.input-error{border-color:var(--color-negative)}label,.label{margin-bottom:var(--margin-x-small);color:var(--label-color);font-size:var(--label-size);text-transform:var(--label-transform)}input,textarea,select{width:100%;padding:var(--field-padding);border:var(--field-border);border-radius:var(--radius-small);font-size:var(--font-size);background:var(--color-white);color:var(--color-navy)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-navy)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-light-grey);cursor:not-allowed}input.focused,textarea.focused,select.focused{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-navy-transparent)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-dark-grey);font-style:italic}.placeholder{color:var(--color-dark-grey);font-style:italic}input[type=datetime-local]{color:var(--color-navy);font-family:var(--font);position:relative}input[type=datetime-local]::-webkit-calendar-picker-indicator{color:var(--color-white)!important;cursor:pointer!important}.checkbox{display:grid;grid-template-columns:max-content 1fr;align-items:start;gap:var(--margin-small)}.checkbox label{display:flex;align-items:flex-start;gap:var(--margin-small);color:var(--color-navy);cursor:pointer;font-size:var(--font-size);text-transform:none;margin-bottom:0}.checkbox label.error{color:var(--color-negative)}.checkbox label input[type=checkbox]{min-width:18px;min-height:18px;margin:0;cursor:pointer}input[type=radio],input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer}.required{color:var(--color-negative);margin-left:var(--margin-xx-small)}.text-field-container{display:flex;flex-direction:column;position:relative;width:100%}.text-field{position:relative;display:flex;align-items:center;border:var(--field-border);border-radius:var(--radius-small);background:var(--color-white);transition:var(--transition);min-height:var(--field-height)}.text-field:hover:not(.disabled){border-color:var(--color-dark-grey)}.text-field.focused{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-navy-transparent)}.text-field.disabled{background-color:var(--color-light-grey);cursor:not-allowed;opacity:.6}.text-field-prefix{padding:var(--margin-xx-small) var(--margin-x-small) var(--margin-xx-small) var(--margin-small);color:var(--color-dark-grey);font-size:var(--font-size)}.text-field-suffix{padding:var(--margin-xx-small) var(--margin-small) var(--margin-xx-small) var(--margin-x-small);color:var(--color-dark-grey);font-size:var(--font-size);border-left:var(--border) solid var(--color-light-grey);background-color:var(--color-light-grey);border-radius:0 6px 6px 0}.text-field-input{flex:1;border:none;outline:none;padding:var(--margin-x-small) var(--margin-small);background:transparent;font-size:var(--font-size);color:var(--color-navy);min-width:0}.text-field-input:disabled{cursor:not-allowed}.text-field-input[type=number]{-moz-appearance:textfield}.text-field-input[type=number]::-webkit-outer-spin-button,.text-field-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.clear-button{background:none;border:none;color:var(--color-dark-grey);cursor:pointer;padding:8px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:4px}.clear-button:hover{background-color:var(--color-light-grey);color:var(--color-navy)}.clear-button i{font-size:12px}