.wp-block-craftforms-form.is-style-modern craftforms-range-slider{--cf-rs-track-fill-color:#4361ee;--cf-rs-handle-border-color:#4361ee;--cf-rs-handle-shadow-focus:0 0 0 3px rgba(67,97,238,.2);--cf-rs-tooltip-bg:#1e293b}.wp-block-craftforms-form.is-style-modern{--cf-color-invalid:#c44d4d;--cf-color-valid:#51a88a;--cf-color-error-text:var(--cf-color-invalid);--cf-input-padding:var(--wp--preset--spacing--20,0.5rem);--cf-field-gap:var(--wp--preset--spacing--20,0.5rem);--cf-options-gap:var(--wp--preset--spacing--20,0.5rem);--cf-modern-input-bg:#f9fafb;--cf-modern-input-color:#20242f;--cf-modern-input-border-color:#c0c4c9;--cf-modern-input-border-radius:0.25rem;--cf-modern-focus-color:#3b4ce2;--cf-modern-placeholder-color:#929292;--cf-ts-font-size:0.8em;--cf-option-font-size:0.8em;--cf-ts-bg:var(--cf-modern-input-bg);--cf-ts-color:var(--cf-modern-input-color);--cf-ts-border-color:var(--cf-modern-input-border-color);--cf-ts-border-radius:var(--cf-modern-input-border-radius);--cf-ts-bg-checked:var(--cf-modern-focus-color);--cf-ts-color-checked:#fff;--cf-focus-color:var(--cf-modern-focus-color);--cf-card-accent:var(--cf-modern-focus-color);--cf-gw-accent:var(--cf-modern-focus-color);--cf-gw-radius:12px;--cf-gw-border:var(--cf-modern-input-border-color);--cf-gw-bg:var(--cf-modern-input-bg);--cf-gw-bg-active:#fff;--cf-gw-label:var(--cf-modern-input-color);.wp-block-craftforms-booking-datepicker-field,.wp-block-craftforms-checkboxes-field,.wp-block-craftforms-color-picker-field,.wp-block-craftforms-file-field,.wp-block-craftforms-radio-field,.wp-block-craftforms-range-slider-field,.wp-block-craftforms-repeater-field,.wp-block-craftforms-select-field,.wp-block-craftforms-text-input-field,.wp-block-craftforms-textarea-field{gap:var(--cf-field-gap)}.wp-block-craftforms-select,.wp-block-craftforms-text-input,.wp-block-craftforms-textarea{background:var(--cf-modern-input-bg);border:solid var(--cf-modern-input-border-color);border-radius:var(--cf-modern-input-border-radius);border-width:1px 1px 2px;color:var(--cf-modern-input-color);font-size:inherit;margin:0;padding:var(--cf-input-padding);transition:border-color .15s ease-out;&::placeholder{color:var(--cf-modern-placeholder-color)}&:focus{border-color:var(--cf-modern-focus-color);outline:none}}.wp-block-craftforms-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27none%27 stroke=%27%236B7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}.cf-cp-input,.craftforms-datepicker-input{background:var(--cf-modern-input-bg);border:solid var(--cf-modern-input-border-color);border-radius:var(--cf-modern-input-border-radius);border-width:1px 1px 2px;color:var(--cf-modern-input-color);font-size:inherit;margin:0;padding:var(--cf-input-padding);transition:border-color .15s ease-out;&::placeholder{color:var(--cf-modern-placeholder-color)}&:focus{border-color:var(--cf-modern-focus-color);outline:none}}.craftforms-options-group{gap:var(--cf-options-gap)}input[type=checkbox],input[type=radio]{accent-color:var(--cf-modern-focus-color);cursor:pointer;height:1rem;width:1rem}.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select.invalid,.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select:is(:user-invalid,[data-cf-touched]:invalid),.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input.invalid,.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input:is(:user-invalid,[data-cf-touched]:invalid),.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea.invalid,.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea:is(:user-invalid,[data-cf-touched]:invalid){border-color:var(--cf-modern-input-border-color)}.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select.invalid:focus,.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select:is(:user-invalid,[data-cf-touched]:invalid):focus,.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input.invalid:focus,.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input:is(:user-invalid,[data-cf-touched]:invalid):focus,.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea.invalid:focus,.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea:is(:user-invalid,[data-cf-touched]:invalid):focus{border-color:var(--cf-modern-focus-color);outline:none}.wp-block-craftforms-checkbox-option:not(.cf-is-swatch-color):not(.cf-is-swatch-image) input[type=checkbox]:focus-visible,.wp-block-craftforms-radio-option:not(.cf-is-swatch-color):not(.cf-is-swatch-image) input[type=radio]:focus-visible{outline:2px solid var(--cf-modern-focus-color);outline-offset:2px}.wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type=checkbox]:focus-visible~.cf-swatch-visual,.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type=checkbox]:focus-visible~.cf-swatch-visual,.wp-block-craftforms-radio-option.cf-is-swatch-color input[type=radio]:focus-visible~.cf-swatch-visual,.wp-block-craftforms-radio-option.cf-is-swatch-image input[type=radio]:focus-visible~.cf-swatch-visual{outline:2px solid var(--cf-modern-focus-color);outline-offset:2px}.wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type=checkbox]:checked~.cf-swatch-visual,.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type=checkbox]:checked~.cf-swatch-visual,.wp-block-craftforms-radio-option.cf-is-swatch-color input[type=radio]:checked~.cf-swatch-visual,.wp-block-craftforms-radio-option.cf-is-swatch-image input[type=radio]:checked~.cf-swatch-visual{border-color:var(--cf-modern-focus-color);box-shadow:0 0 0 1px var(--cf-modern-focus-color)}.cf-field-card .wp-block-craftforms-checkbox-option,.cf-field-card .wp-block-craftforms-radio-option{border-color:var(--cf-modern-input-border-color);border-width:var(--cf-card-border-width,1px);border-bottom-width:2px}.cf-is-swatch-text .cf-swatch-visual{border-bottom-width:2px;transition:border-color .15s ease-out}.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type=checkbox]:checked~.cf-swatch-visual,.wp-block-craftforms-radio-option.cf-is-swatch-text input[type=radio]:checked~.cf-swatch-visual{border-color:var(--cf-modern-focus-color)}.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type=checkbox]:focus-visible~.cf-swatch-visual,.wp-block-craftforms-radio-option.cf-is-swatch-text input[type=radio]:focus-visible~.cf-swatch-visual{outline:2px solid var(--cf-modern-focus-color)}.wp-block-craftforms-infoblock.is-layout-constrained>*,.wp-block-craftforms-infoblock.is-layout-flow>*{margin-block-start:0}.wp-block-craftforms-form-error{color:var(--cf-color-error-text);font-size:var(--cf-error-font-size,.8em)}.wp-block-craftforms-form-error[data-cf-error-popover]{background:#fff;border:1px solid color-mix(in srgb,var(--cf-color-invalid,#c44d4d) 30%,transparent);border-radius:var(--cf-modern-input-border-radius,.25rem);box-shadow:0 2px 8px rgba(0,0,0,.12),0 0 0 1px color-mix(in srgb,var(--cf-color-invalid,#c44d4d) 15%,transparent);color:var(--cf-color-error-text);line-height:1.4;padding:.35em .6em;width:auto}button[type=submit]:focus-visible{outline:2px solid var(--cf-modern-focus-color);outline-offset:2px}.cf-repeater-add{background:var(--cf-modern-input-bg);border:solid var(--cf-modern-input-border-color);border-radius:var(--cf-modern-input-border-radius);border-width:1px 1px 2px;color:var(--cf-modern-input-color);font-size:.875em;line-height:1.4;padding:.35em .9em;transition:border-color .15s,background .15s;&:hover:not(:disabled){border-color:var(--cf-modern-focus-color)}&:disabled{cursor:not-allowed;opacity:.45}}.cf-repeater-remove{align-self:flex-end;background:transparent;border:none;border-radius:var(--cf-modern-input-border-radius);color:var(--cf-color-invalid);font-size:.8em;line-height:1.4;padding:.2em .6em;transition:background .15s;&:hover:not(:disabled){background:color-mix(in srgb,var(--cf-color-invalid) 10%,transparent)}&:disabled{cursor:not-allowed;opacity:.45}}}