.gdcf-form-wrap {
--gdcf-accent:#3157d5;
--gdcf-label:#172033;
--gdcf-label-font-size:14px;
--gdcf-input-text:#172033;
--gdcf-placeholder:#98a2b3;
--gdcf-input-bg:#fff;
--gdcf-input-border:#cfd5df;
--gdcf-input-focus:#3157d5;
--gdcf-radius:10px;
--gdcf-input-height:46px;
--gdcf-input-border-width:1px;
--gdcf-field-space:8px;
--gdcf-button-bg:#3157d5;
--gdcf-button-hover:#2447b8;
--gdcf-button-text:#fff;
--gdcf-button-radius:10px;
--gdcf-button-width:auto;
--gdcf-actions-justify:flex-start;
width:100%;
font-family:inherit;
color:inherit
}
.gdcf-form {
margin:0
}
.gdcf-grid {
display:flex;
flex-wrap:wrap;
margin:calc(var(--gdcf-field-space) * -1)
}
.gdcf-field {
box-sizing:border-box;
padding:var(--gdcf-field-space);
width:100%
}
.gdcf-width-25 {
width:25%
}
.gdcf-width-33 {
width:33.333%
}
.gdcf-width-50 {
width:50%
}
.gdcf-width-66 {
width:66.666%
}
.gdcf-width-75 {
width:75%
}
.gdcf-width-100 {
width:100%
}
.gdcf-field label,.gdcf-field legend {
display:block;
margin:0 0 7px;
color:var(--gdcf-label);
font-size:var(--gdcf-label-font-size);
font-weight:650;
line-height:1.4
}
.gdcf-field fieldset {
margin:0;
padding:0;
border:0
}
.gdcf-required {
margin-left:4px;
color:#d63638
}
.gdcf-field input:not([type=checkbox]):not([type=radio]),.gdcf-field textarea,.gdcf-field select {
box-sizing:border-box;
width:100%;
min-height:var(--gdcf-input-height);
margin:0;
padding:10px 13px;
border:var(--gdcf-input-border-width) solid var(--gdcf-input-border);
border-radius:var(--gdcf-radius);
background:var(--gdcf-input-bg);
color:var(--gdcf-input-text);
font:inherit;
line-height:1.4;
outline:0;
transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease
}
.gdcf-field input::placeholder,.gdcf-field textarea::placeholder {
color:var(--gdcf-placeholder);
opacity:1
}
.gdcf-field textarea {
min-height:120px;
resize:vertical
}
.gdcf-field input:focus,.gdcf-field textarea:focus,.gdcf-field select:focus {
border-color:var(--gdcf-input-focus);
box-shadow:0 0 0 3px color-mix(in srgb,var(--gdcf-input-focus) 16%,transparent)
}
.gdcf-form.gdcf-input-style-filled .gdcf-field input:not([type=checkbox]):not([type=radio]),.gdcf-form.gdcf-input-style-filled .gdcf-field textarea,.gdcf-form.gdcf-input-style-filled .gdcf-field select {
border-color:transparent;
background:color-mix(in srgb,var(--gdcf-input-bg) 92%,var(--gdcf-input-border) 8%);
box-shadow:inset 0 0 0 var(--gdcf-input-border-width) transparent
}
.gdcf-form.gdcf-input-style-filled .gdcf-field input:focus,.gdcf-form.gdcf-input-style-filled .gdcf-field textarea:focus,.gdcf-form.gdcf-input-style-filled .gdcf-field select:focus {
border-color:transparent;
box-shadow:inset 0 0 0 var(--gdcf-input-border-width) var(--gdcf-input-focus),0 0 0 3px color-mix(in srgb,var(--gdcf-input-focus) 14%,transparent)
}
.gdcf-form.gdcf-input-style-underline .gdcf-field input:not([type=checkbox]):not([type=radio]),.gdcf-form.gdcf-input-style-underline .gdcf-field textarea,.gdcf-form.gdcf-input-style-underline .gdcf-field select {
padding-right:2px;
padding-left:2px;
border-width:0 0 var(--gdcf-input-border-width);
border-radius:0;
background:var(--gdcf-input-bg);
box-shadow:none
}
.gdcf-form.gdcf-input-style-underline .gdcf-field input:focus,.gdcf-form.gdcf-input-style-underline .gdcf-field textarea:focus,.gdcf-form.gdcf-input-style-underline .gdcf-field select:focus {
border-color:var(--gdcf-input-focus);
box-shadow:0 2px 0 0 var(--gdcf-input-focus)
}
.gdcf-options {
display:flex;
flex-wrap:wrap;
gap:10px 18px
}
.gdcf-choice {
display:inline-flex!important;
align-items:flex-start;
gap:8px;
margin:0!important;
color:var(--gdcf-label);
font-weight:500!important;
cursor:pointer
}
.gdcf-choice input {
flex:0 0 auto;
margin-top:3px;
accent-color:var(--gdcf-accent)
}
.gdcf-help {
margin-top:6px;
color:#697386;
font-size:12px;
line-height:1.45
}
.gdcf-field-error {
min-height:0;
margin-top:5px;
color:#b42318;
font-size:12px
}
.gdcf-has-error input,.gdcf-has-error textarea,.gdcf-has-error select {
border-color:#d92d20!important;
box-shadow:0 0 0 3px rgba(217,45,32,.1)!important
}
.gdcf-actions {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:var(--gdcf-actions-justify);
gap:10px;
margin-top:16px
}
.gdcf-submit-field {
display:flex;
justify-content:var(--gdcf-actions-justify);
width:100%;
padding:0
}
.gdcf-submit {
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
width:var(--gdcf-button-width);
min-height:46px;
padding:11px 22px;
border:2px solid transparent;
border-radius:var(--gdcf-button-radius);
background:var(--gdcf-button-bg);
color:var(--gdcf-button-text);
font:inherit;
font-weight:700;
line-height:1;
cursor:pointer;
box-shadow:0 8px 20px color-mix(in srgb,var(--gdcf-button-bg) 22%,transparent);
transition:transform .16s ease,filter .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease
}
.gdcf-submit:hover {
background:var(--gdcf-button-hover);
filter:none;
transform:translateY(-1px)
}
.gdcf-form.gdcf-button-style-outline .gdcf-submit {
border-color:var(--gdcf-button-bg);
background:transparent;
color:var(--gdcf-button-bg);
box-shadow:none
}
.gdcf-form.gdcf-button-style-outline .gdcf-submit:hover {
border-color:var(--gdcf-button-hover);
background:var(--gdcf-button-hover);
color:var(--gdcf-button-text)
}
.gdcf-form.gdcf-button-style-gradient .gdcf-submit {
background:linear-gradient(135deg,var(--gdcf-button-bg),var(--gdcf-button-hover));
box-shadow:0 10px 24px color-mix(in srgb,var(--gdcf-button-bg) 25%,transparent)
}
.gdcf-form.gdcf-button-style-gradient .gdcf-submit:hover {
background:linear-gradient(135deg,var(--gdcf-button-hover),var(--gdcf-button-bg));
filter:brightness(.98)
}
.gdcf-submit:disabled {
cursor:wait;
opacity:.72;
transform:none
}
.gdcf-spinner {
display:none;
width:14px;
height:14px;
border:2px solid color-mix(in srgb,currentColor 42%,transparent);
border-top-color:currentColor;
border-radius:50%;
animation:gdcf-spin .7s linear infinite
}
.gdcf-submit.is-loading .gdcf-spinner {
display:inline-block
}
.gdcf-response {
display:none;
margin-top:14px;
padding:12px 14px;
border-radius:var(--gdcf-radius);
font-size:14px;
line-height:1.5
}
.gdcf-response.is-success {
display:block;
background:#ecfdf3;
color:#067647;
border:1px solid #abefc6
}
.gdcf-response.is-error {
display:block;
background:#fef3f2;
color:#b42318;
border:1px solid #fecdca
}
.gdcf-honeypot {
position:absolute!important;
left:-10000px!important;
width:1px!important;
height:1px!important;
overflow:hidden!important
}
.gdcf-html {
line-height:1.6
}
.gdcf-notice {
padding:10px 12px;
border:1px solid #e3e7ee;
background:#f8fafc;
color:#475467;
border-radius:8px
}
@keyframes gdcf-spin {
to {
transform:rotate(360deg)
}
}
@media(max-width:680px) {
.gdcf-width-25,.gdcf-width-33,.gdcf-width-50,.gdcf-width-66,.gdcf-width-75 {
width:100%
}
}
.gdcf-form.is-conversational {
max-width:720px
}
.gdcf-form.is-conversational .gdcf-grid {
display:block;
margin:0
}
.gdcf-form.is-conversational .gdcf-grid>.gdcf-field {
display:none;
width:100%;
padding:0
}
.gdcf-form.is-conversational .gdcf-grid>.gdcf-field.is-current-step {
display:block;
animation:gdcf-step-in .25s ease
}
.gdcf-conversation-progress {
display:flex;
align-items:center;
gap:12px;
margin-bottom:24px
}
.gdcf-conversation-progress-track {
flex:1;
height:6px;
border-radius:999px;
background:#edf0f5;
overflow:hidden
}
.gdcf-conversation-progress-track span {
display:block;
width:0;
height:100%;
border-radius:999px;
background:var(--gdcf-accent);
transition:width .25s ease
}
.gdcf-conversation-progress-text {
flex:0 0 auto;
color:#697386;
font-size:12px;
font-weight:700
}
.gdcf-form.is-conversational .gdcf-field>label:not(.gdcf-choice),.gdcf-form.is-conversational .gdcf-field>.gdcf-field-label,.gdcf-form.is-conversational .gdcf-field>fieldset>legend {
margin-bottom:14px;
font-size:max(var(--gdcf-label-font-size),22px);
line-height:1.3
}
.gdcf-form.is-conversational .gdcf-field input:not([type=checkbox]):not([type=radio]),.gdcf-form.is-conversational .gdcf-field textarea,.gdcf-form.is-conversational .gdcf-field select {
min-height:54px;
padding:13px 15px;
font-size:16px
}
.gdcf-form.is-conversational .gdcf-options {
display:grid;
gap:10px
}
.gdcf-form.is-conversational .gdcf-choice {
padding:12px 14px;
border:var(--gdcf-input-border-width) solid var(--gdcf-input-border);
border-radius:var(--gdcf-radius);
background:var(--gdcf-input-bg);
color:var(--gdcf-label)
}
.gdcf-conversation-navigation {
display:flex;
justify-content:space-between;
gap:10px;
margin-top:22px
}
.gdcf-conversation-navigation button {
min-height:42px;
padding:9px 18px;
border:1px solid #cfd5df;
border-radius:var(--gdcf-radius);
background:#fff;
color:#344054;
font:inherit;
font-weight:700;
cursor:pointer
}
.gdcf-conversation-navigation .gdcf-conversation-next {
margin-left:auto;
border-color:var(--gdcf-accent);
background:var(--gdcf-accent);
color:#fff
}
.gdcf-conversation-navigation button:disabled {
opacity:.45;
cursor:not-allowed
}
.gdcf-form.is-conversational .gdcf-actions {
margin-top:22px
}
.gdcf-form.is-conversational .gdcf-actions[hidden],.gdcf-conversation-navigation button[hidden] {
display:none!important
}
@keyframes gdcf-step-in {
from {
opacity:0;
transform:translateX(8px)
}
to {
opacity:1;
transform:translateX(0)
}
}
.gdcf-recaptcha-field {
padding-top:12px;
padding-bottom:4px
}
.gdcf-recaptcha-widget {
display:flex;
align-items:center;
min-height:78px;
max-width:100%;
overflow-x:auto;
overflow-y:hidden
}
.gdcf-recaptcha-invisible-widget {
min-height:0
}
.gdcf-recaptcha-field.gdcf-has-error .gdcf-recaptcha-widget {
padding:7px;
border:1px solid #d92d20;
border-radius:var(--gdcf-radius);
background:#fff7f6
}
.gdcf-form.is-conversational .gdcf-recaptcha-field {
min-height:120px
}
.gdcf-form.is-conversational .gdcf-recaptcha-widget {
justify-content:flex-start
}
@media(max-width:360px) {
.gdcf-recaptcha-widget>div {
transform:scale(.9);
transform-origin:left top
}
.gdcf-recaptcha-widget {
min-height:72px
}
} .gdcf-field.gdcf-condition-hidden,
.gdcf-field[hidden],
.gdcf-actions[hidden] {
display:none!important
}
.gdcf-options-layout-stacked {
flex-direction:column;
align-items:flex-start
}
.gdcf-options-layout-inline {
align-items:center
}
.gdcf-options-layout-buttons,
.gdcf-options-layout-tabs {
display:flex;
width:100%;
gap:10px
}
.gdcf-options-layout-buttons .gdcf-choice,
.gdcf-options-layout-tabs .gdcf-choice {
position:relative;
align-items:stretch;
margin:0!important
}
.gdcf-options-layout-buttons .gdcf-choice input,
.gdcf-options-layout-tabs .gdcf-choice input {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
opacity:0
}
.gdcf-options-layout-buttons .gdcf-choice>span,
.gdcf-options-layout-tabs .gdcf-choice>span {
display:flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:9px 16px;
border:var(--gdcf-input-border-width) solid var(--gdcf-input-border);
border-radius:var(--gdcf-radius);
background:var(--gdcf-input-bg);
color:var(--gdcf-label);
font-weight:700;
text-align:center;
transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease
}
.gdcf-options-layout-buttons .gdcf-choice input:checked+span,
.gdcf-options-layout-tabs .gdcf-choice input:checked+span {
border-color:var(--gdcf-accent);
background:var(--gdcf-accent);
color:#fff;
box-shadow:0 7px 18px color-mix(in srgb,var(--gdcf-accent) 20%,transparent)
}
.gdcf-options-layout-buttons .gdcf-choice input:focus-visible+span,
.gdcf-options-layout-tabs .gdcf-choice input:focus-visible+span {
outline:3px solid color-mix(in srgb,var(--gdcf-accent) 22%,transparent);
outline-offset:2px
}
.gdcf-options-layout-tabs {
gap:0;
padding:4px;
border:var(--gdcf-input-border-width) solid var(--gdcf-input-border);
border-radius:calc(var(--gdcf-radius) + 4px);
background:color-mix(in srgb,var(--gdcf-input-bg) 90%,var(--gdcf-input-border) 10%)
}
.gdcf-options-layout-tabs .gdcf-choice {
flex:1 1 0
}
.gdcf-options-layout-tabs .gdcf-choice>span {
width:100%;
border-color:transparent;
background:transparent;
box-shadow:none
}
.gdcf-options-layout-tabs .gdcf-choice input:checked+span {
border-color:transparent;
background:var(--gdcf-input-bg);
color:var(--gdcf-accent);
box-shadow:0 3px 10px rgba(16,24,40,.12)
}
.gdcf-conditional-modal {
position:fixed!important;
inset:0;
z-index:999999;
display:none!important;
align-items:center;
justify-content:center;
width:auto!important;
max-width:none!important;
padding:20px!important
}
.gdcf-conditional-modal.is-open {
display:flex!important
}
.gdcf-conditional-modal-backdrop {
position:absolute;
inset:0;
background:rgba(16,24,40,.62);
backdrop-filter:blur(3px)
}
.gdcf-conditional-modal-dialog {
position:relative;
z-index:1;
width:min(620px,100%);
max-height:min(82vh,760px);
overflow:auto;
padding:30px;
border-radius:calc(var(--gdcf-radius) + 6px);
background:#fff;
color:#172033;
box-shadow:0 24px 70px rgba(16,24,40,.32);
outline:0
}
.gdcf-conditional-modal-close {
position:absolute;
top:10px;
right:12px;
display:grid;
place-items:center;
width:36px;
height:36px;
padding:0;
border:0;
border-radius:50%;
background:#f2f4f7;
color:#344054;
font:inherit;
font-size:25px;
line-height:1;
cursor:pointer
}
.gdcf-conditional-modal-close:hover,
.gdcf-conditional-modal-close:focus-visible {
background:#e4e7ec;
color:#101828;
outline:2px solid var(--gdcf-accent);
outline-offset:2px
}
.gdcf-conditional-modal-content>:first-child {
margin-top:0
}
.gdcf-conditional-modal-content>:last-child {
margin-bottom:0
}
.gdcf-form.is-conversational .gdcf-grid>.gdcf-conditional-modal.is-current-step.is-open {
display:flex!important
}
.gdcf-form.is-conversational .gdcf-options-layout-buttons,
.gdcf-form.is-conversational .gdcf-options-layout-tabs {
display:flex
}
@media(max-width:680px) {
.gdcf-options-layout-buttons,
.gdcf-options-layout-tabs {
flex-direction:column
}
.gdcf-options-layout-tabs .gdcf-choice {
width:100%
}
.gdcf-conditional-modal {
padding:12px!important
}
.gdcf-conditional-modal-dialog {
max-height:88vh;
padding:26px 20px 22px
}
}