@import url("/design-system/index.css");
.api-fields{display:grid;gap:10px;margin:16px 0}
.api-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.api-fields input,.api-fields textarea,.api-fields select,.cform input,.cform textarea{
  width:100%;border:1px solid color-mix(in srgb, var(--pine) 22%, transparent);border-radius:12px;padding:12px 14px;
  font:inherit;color:var(--pine-2);background:color-mix(in srgb, var(--white) 86%, transparent);outline:none;transition:border-color .2s,box-shadow .2s
}
.api-fields input:focus,.api-fields textarea:focus,.api-fields select:focus,.cform input:focus,.cform textarea:focus{
  border-color:var(--gold-deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 18%, transparent)
}
.api-fields textarea{min-height:88px;resize:vertical}.api-fields label{font-size:13px;font-weight:700;color:var(--pine)}
.api-fields label span{display:block;margin-bottom:5px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.api-status{display:block;margin-top:10px;min-height:1.4em;font-size:14px}.api-status.is-error{color:var(--admin-red)}.api-status.is-success{color:var(--admin-green)}.api-status.is-loading{color:var(--admin-amber)}
button[aria-busy="true"]{cursor:wait;opacity:.75}
.cc-summary .api-fields{margin-top:18px}.cc-summary .api-fields input,.cc-summary .api-fields textarea{background:var(--white)}
@media(max-width:640px){.api-fields.two{grid-template-columns:1fr}}
.cc-summary .api-fields label{color:var(--cream-dim,var(--cream-2))}
.rgpd-info{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-size:13px;line-height:1.35}
.rgpd-info input,.cform .rgpd-info input{width:auto;min-width:16px;margin-top:3px}
.rgpd-info a{text-decoration:underline;text-underline-offset:3px}
.cc-summary .api-status.is-error{color:var(--form-error-light)}
.cc-summary .api-status.is-success{color:var(--form-success-light)}
.cc-summary .api-status.is-loading{color:var(--cream-dim,var(--cream-2))}